/*-----------------------------------------------------------------------------------

    Theme Name: Fabrex - Law Firm and Lawyer HTML Template
    Description: Law Firm and Lawyer HTML Template
    Author: Chitrakoot Web

-----------------------------------------------------------------------------------*/
/* ----------------------------------

    01. Common styles
    02  Navigation
    03. Slider Fade
    04. Page title
    05. Team
    06. Others
    07. Testimonial
    08. Owl carousel
    09. Accordion style
    10. Countdown
    11. Pricing
    12. Pages
    13. Blog
    14. Footer
    
---------------------------------- */
/* ===================================
    Common styles
====================================== */
/* loader */
#preloader {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 999999;
  transition: 0.3s ease opacity;
  text-align: center;
  width: 100%;
  height: 100%; }
  #preloader:before {
    content: "";
    width: 80px;
    height: 80px;
    border: 3px solid #ff0000;
    display: block;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    transform: translate(-50%, -50%);
    animation-name: LoaderCicle;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear; }
  #preloader:after {
    content: "";
    width: 80px;
    height: 80px;
    border: 3px solid #ff0000;
    display: block;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    transform: translate(-50%, -50%);
    animation-name: LoaderCicle;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-delay: 1s; }

@keyframes LoaderCicle {
  0% {
    width: 0;
    height: 0;
    opacity: 0; }
  10% {
    width: 10px;
    height: 10px;
    opacity: 1; }
  80% {
    width: 60px;
    height: 60px;
    opacity: 0.1; }
  100% {
    width: 70px;
    height: 70px;
    opacity: 0; } }
/* theme color and basic options */
a:hover, a:active {
  color: #ff0000;
  text-decoration: none; }

.bg-primary {
  background-color: #ff0000 !important; }

.bg-primary-80 {
  background: rgba(208, 161, 94, 0.8); }

.bg-primary-90 {
  background: rgba(208, 161, 94, 0.9); }

.bg-primary-light {
  background: #f5fafe; }

.bg-primary-lighter, .primary-overlay[data-overlay-dark]:before {
  background: #ff0000; }

.text-primary, .text-hightlight-color {
  color: #ff0000 !important; }

.cursor-pointer {
  cursor: pointer; }

input[type=radio] {
  width: auto;
  margin-bottom: 0; }

.btn-check:focus + .btn, .btn:focus {
  box-shadow: none; }

/* scroll to top */
.scroll-to-top {
  font-size: 20px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  border-radius: 50%;
  background: #ff0000;
  border: 1px solid #ff0000;
  width: 35px;
  height: 35px;
  line-height: 30px;
  z-index: 9999;
  outline: 0;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all 0.3s ease; }
  .scroll-to-top i {
    color: #fff; }
  .scroll-to-top:hover {
    color: #ff0000;
    background: #fff; }
    .scroll-to-top:hover i {
      color: #ff0000; }
  .scroll-to-top:visited {
    color: #232323;
    text-decoration: none; }

/* button style */
.butn {
  display: inline-block;
  font-size: 13px;
  padding: 10px 20px;
  background: #ff0000;
  border-radius: 4px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 24px;
  cursor: pointer;
  width: auto;
  font-weight: 700;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out; }
  .butn:hover, .butn:active, .butn:focus {
    background: #232323;
    color: #ff0000; }
  .butn:hover span, .butn:active span, .butn:focus span {
    color: #ff0000; }
  .butn span {
    color: #fff; }
  .butn.small {
    font-size: 12px;
    padding: 5px 10px 5px; }
  .butn.large {
    font-size: 16px;
    padding: 15px 30px; }
  .butn.white, .butn.white-hover:hover {
    background: #fff;
    color: #ff0000; }
  .butn.white:hover {
    background: #232323;
    color: #fff; }

@media screen and (max-width: 767px) {
  body {
    font-size: 15px;
    line-height: 26px; }

  .butn {
    padding: 8px 20px; } }
@media screen and (max-width: 575px) {
  .butn.large {
    font-size: 15px;
    padding: 12px 25px; } }
/* list style3 */
.list-style3 {
  margin-bottom: 0; }
  .list-style3 li {
    margin-bottom: 8px; }
    .list-style3 li:last-child {
      margin-bottom: 0; }
    .list-style3 li a:before {
      content: '\f105';
      font-weight: 700;
      vertical-align: bottom;
      font-family: Font Awesome\ 5 Free;
      color: #939393;
      padding-right: 8px;
      transition-duration: .3s; }
    .list-style3 li a:hover:before {
      color: #ff0000; }

/* list style4 */
.list-style4 li {
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px dashed #d8d8d8; }
  .list-style4 li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none; }
  .list-style4 li a:before {
    content: '\f101';
    font-weight: 700;
    vertical-align: bottom;
    font-family: Font Awesome\ 5 Free;
    color: #939393;
    padding-right: 8px;
    transition-duration: .3s; }
  .list-style4 li a:hover:before {
    color: #ff0000; }

/* list style5 */
.list-style5 li {
  line-height: 34px;
  padding-left: 25px;
  position: relative; }
  .list-style5 li:before {
    content: "\f042";
    font-family: Font Awesome\ 5 Free;
    font-weight: 700;
    font-size: 12px;
    position: absolute;
    top: 0;
    left: 0;
    color: #ff0000; }

@media screen and (max-width: 991px) {
  .list-style5 li {
    font-size: 16px; } }
/* list style6 */
.list-style6 {
  margin-bottom: 0; }
  .list-style6 li {
    text-align: center;
    margin-right: 5px;
    display: inline-block; }
    .list-style6 li:last-child {
      margin-right: 0; }
    .list-style6 li a {
      border: 1px solid #fff;
      color: #fff;
      border-radius: 35px;
      height: 35px;
      width: 35px;
      line-height: 35px;
      display: inline-block; }
      .list-style6 li a:hover {
        background: #ff0000;
        color: #fff;
        border: 1px solid #ff0000; }

@media screen and (max-width: 767px) {
  .list-style6 li {
    font-size: 15px;
    line-height: 32px; } }
.vw-xl-62 {
  width: 62vw; }

@media screen and (max-width: 1199px) {
  .vw-lg-64 {
    width: 64vw; } }
@media screen and (max-width: 991px) {
  .vw-lg-64 {
    width: 100%; } }
.min-height-250 {
  min-height: 250px; }

.ani-top-bottom {
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-name: TopBottom;
  animation-timing-function: ease-in-out; }

@keyframes TopBottom {
  0% {
    transform: translate(0px, 0px); }
  65% {
    transform: translate(0, 30px); }
  100% {
    transform: translate(0px, 0px); } }
.ani-left-right {
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-name: LeftRight;
  animation-timing-function: ease-in-out; }

@keyframes LeftRight {
  0% {
    transform: translate(0px, 0px); }
  65% {
    transform: translate(30px, 0); }
  100% {
    transform: translate(0px, 0px); } }
/* ===================================
    Navigation
====================================== */
.navbar-nav li.active > a, .navbar-nav li.current > a {
  color: #ff0000; }

.navbar > ul > li.current > a:after {
  border-color: transparent #ff0000 #ff0000 transparent; }

.attr-nav .search {
  margin-top: -5px; }

.navbar > ul > li.has-sub > a:after {
  top: 30px; }
.navbar > ul > li.current > a:after {
  border-color: transparent #ff0000 #ff0000 transparent; }
.navbar ul ul li.active > a {
  color: #ff0000; }

@media screen and (max-width: 1199px) {
  .navbar-header-custom {
    padding: 12px 0 10px 0; } }
@media screen and (max-width: 991px) {
  .navbar-header-custom {
    padding: 4px 0 8px; }

  .navbar-nav li.active > a {
    color: #ff0000; }

  .header-style1 .navbar-toggler, .navbar-toggler {
    background: #ff0000; }

  .navbar ul ul li.active > a {
    color: #ff0000; }

  .navbar-toggler:after {
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff; }
  .navbar-toggler:before {
    background: #fff; }
  .navbar-toggler.menu-opened:after, .navbar-toggler.menu-opened:before {
    background: #fff; } }
/* top bar */
.top-bar-info {
  display: inline-block;
  vertical-align: middle; }
.top-bar-info ul {
    margin-bottom: 0; }
  .top-bar-info li {
    color: #fff;
    list-style-type: none;
    padding: 0 8px 0;
    display: inline-block;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500; }

.top-bar {
  display: block;
  position: relative;
  z-index: 999;
  background: #ff0000;
  padding: 8px 0;
}

.top-bar-info li i {
  font-size: 16px;
  color: #fff;
  margin-right: 8px;
  margin-top: 0;
  display: inline-block;
  vertical-align: middle; }

@media screen and (max-width: 767px) {
  .top-bar-info li {
    padding: 0 5px 0;
    font-size: 12px;
    letter-spacing: 1px; }
    .top-bar-info li i {
      font-size: 14px; } }
/*top-request*/
.top-request {
  float: right; }
  .top-request a {
    text-transform: uppercase;
    color: #fff;
    vertical-align: middle;
    font-size: 14px;
    font-weight: bold; }
  .top-request i {
    padding-left: 10px;
    font-size: 18px;
    vertical-align: middle;
    margin-top: -3px; }
  .top-request a:hover {
    color: rgba(255, 255, 255, 0.7); }

@media screen and (max-width: 767px) {
  .top-request {
    float: left; } }

/*top-search*/
.top-bar-search input {
    margin: 10px;
}

    .top-bar-search input[type=text] {
        border-radius: 5px;
        line-height: 30px;
        width: 400px;
        padding-left: 10px;
    }

.top-bar-search a {
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

.top-bar-search i {
    padding-left: 10px;
    font-size: 18px;
    margin-top: -3px;
}

.top-bar-search a:hover {
    color: rgba(255, 255, 255, 0.7);
}

/*navbar cart*/
.navbar ul.cart-list > li.total {
  padding: 18px;
  border: none;
  display: inline-block;
  width: 100%;
  vertical-align: top; }
  .navbar ul.cart-list > li.total > span {
    padding-top: 4px;
    color: #000;
    padding-left: 5px;
    font-size: 14px;
    display: inline-block; }
  .navbar ul.cart-list > li.total > .butn {
    float: right;
    width: auto; }
  .navbar ul.cart-list > li.total > a {
    border-bottom: 2px solid #ff0000; }

/* ===================================
    Slider Fade
====================================== */
.slider-fade1 .owl-item {
  position: relative; }
.slider-fade1 .item {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center center; }
  .slider-fade1 .item .caption {
    width: 100%;
    z-index: 9; }
.slider-fade1.owl-carousel .caption .overflow-hidden {
  display: inline-block; }
.slider-fade1.owl-carousel .caption h3 {
  font-weight: 500;
  animation-delay: 0.5s;
  opacity: .8;
  display: inline-block;
  position: relative; }
.slider-fade1.owl-carousel .caption h1 {
  animation-delay: 0.8s;
  font-weight: 600; }
.slider-fade1.owl-carousel .caption span {
  display: inline-block; }
.slider-fade1.owl-carousel .caption .butn {
  animation-delay: 1.4s; }
.slider-fade1.owl-theme .owl-nav {
  margin-top: 0; }
  .slider-fade1.owl-theme .owl-nav [class*='owl-'] {
    position: absolute;
    right: inherit;
    top: 0;
    bottom: 0;
    width: 60px;
    height: 60px;
    border: none;
    background: #ff0000;
    border-radius: 60px;
    line-height: 65px;
    transition-duration: 500ms;
    left: 5vh;
    text-align: center;
    margin: auto;
    opacity: 0.3; }
  .slider-fade1.owl-theme .owl-nav .owl-next {
    top: 0;
    bottom: 0;
    left: inherit;
    right: 5vh; }
    .slider-fade1.owl-theme .owl-nav .owl-next:hover {
      opacity: 1;
      background: #ff0000; }
  .slider-fade1.owl-theme .owl-nav .owl-prev:hover {
    opacity: 1;
    background: #ff0000; }
.slider-fade1 .owl-nav i, .slider-fade1 .owl-nav span {
  font-weight: 600;
  color: #fff;
  transition-duration: 500ms;
  font-size: 20px; }
.slider-fade1 .owl-nav .owl-next:hover i, .slider-fade1 .owl-nav .owl-prev:hover i {
  color: #fff; }

/* ===================================
    Page title
====================================== */
.page-title-section {
  padding: 150px 0 150px;
  text-align: center; }
  .page-title-section h1 {
    font-size: 48px;
    letter-spacing: 1px;
    color: #fff;
    position: relative; }

.page-title {
  padding: 15px 0;
  text-align: center; }

.page-title-section ul {
  margin: 0;
  list-style: none;
  display: inline-block; }
  .page-title-section ul li {
    display: inline-block;
    vertical-align: middle; }
    .page-title-section ul li:last-child a {
      color: #ff0000; }
    .page-title-section ul li:after {
      content: '\f101';
      font-weight: 700;
      vertical-align: middle;
      font-size: 14px;
      color: #fff;
      font-family: Font Awesome\ 5 Free;
      padding: 0 5px 0 10px; }
    .page-title-section ul li:last-child:after {
      content: none; }
    .page-title-section ul li a {
      color: #fff; }
.page-title-section .active a, .page-title-section li.active:last-child a {
  color: #fff; }

@media screen and (max-width: 1199px) {
  .page-title-section {
    padding: 100px 0 100px; }
    .page-title-section h1 {
      font-size: 42px; } }
@media screen and (max-width: 991px) {
  .page-title-section h1 {
    text-align: center;
    font-size: 36px; }
  .page-title-section ul {
    margin-top: 0;
    background: none;
    padding: 0; }
    .page-title-section ul li a, .page-title-section ul li:after {
      color: #fff; } }
/* ===================================
    Team
====================================== */
.team-item .team-inner {
  background-color: #fff;
  text-align: center;
  -webkit-box-shadow: 0 0 15px 0 #ddd;
  box-shadow: 0 0 15px 0 #ddd;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  margin-top: -40px;
  position: relative;
  -webkit-transition: .5s all ease;
  transition: .5s all ease; }
  .team-item .team-inner ul {
    margin: 0;
    padding: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #282828;
    max-width: 155px;
    margin-right: auto;
    margin-left: auto;
    border-radius: 30px;
    position: absolute;
    top: -25px;
    left: 0;
    right: 0;
    -webkit-box-shadow: 0 8px 13px 0 #ddd;
    box-shadow: 0 8px 13px 0 #ddd;
    -webkit-transition: .5s all ease;
    transition: .5s all ease; }
    .team-item .team-inner ul li {
      list-style-type: none;
      display: inline-block;
      margin-right: 4px;
      margin-left: 4px; }
      .team-item .team-inner ul li a {
        display: block;
        color: #ff0000; }
  .team-item .team-inner h3 {
    margin-bottom: 4px;
    padding-top: 25px;
    -webkit-transition: .5s all ease;
    transition: .5s all ease; }
    .team-item .team-inner h3 a {
      color: #333;
      font-weight: 600;
      font-size: 18px; }
  .team-item .team-inner span {
    display: block;
    color: #ff0000;
    font-size: 14px;
    font-weight: 600;
    -webkit-transition: .5s all ease;
    transition: .5s all ease; }
.team-item:hover .team-inner {
  background-color: #ff0000;
  max-width: 100%; }
  .team-item:hover .team-inner ul {
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .team-item:hover .team-inner h3 a {
    color: #fff; }
  .team-item:hover .team-inner span {
    color: #333; }

/* team-details */
.team-details .team-inner {
  background-color: #fff;
  -webkit-box-shadow: 0 0 15px 0 #ddd;
  box-shadow: 0 0 15px 0 #ddd;
  margin-left: auto;
  margin-right: auto;
  margin-top: -40px;
  position: relative;
  -webkit-transition: .5s all ease;
  transition: .5s all ease; }
  .team-details .team-inner .social-icons {
    margin: 0;
    padding: 0;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #282828;
    max-width: 155px;
    margin-right: auto;
    margin-left: auto;
    border-radius: 30px;
    position: absolute;
    top: -25px;
    left: 0;
    right: 0;
    -webkit-box-shadow: 0 8px 13px 0 #ddd;
    box-shadow: 0 8px 13px 0 #ddd;
    -webkit-transition: .5s all ease;
    transition: .5s all ease; }
    .team-details .team-inner .social-icons li {
      list-style-type: none;
      display: inline-block;
      margin-right: 4px;
      margin-left: 4px; }
      .team-details .team-inner .social-icons li a {
        display: block;
        color: #ff0000; }

/* ===================================
    Others
====================================== */
.common-block {
  margin-bottom: 15px;
  font-weight: 600;
  font-size: 30px; }

@media screen and (max-width: 767px) {
  .common-block {
    font-size: 26px;
    margin-bottom: 10px; } }
@media screen and (max-width: 575px) {
  .common-block {
    font-size: 24px;
    margin-bottom: 10px; } }
/* card-style2 */
.card-style2 {
  box-shadow: 0 0 18px rgba(0, 0, 0, 0.06); }

/* consult-form */
.consult-form {
  box-shadow: 0 0 46px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 0 46px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0 0 46px rgba(0, 0, 0, 0.08);
  margin-top: -80px;
  position: relative;
  z-index: 9;
  background: #fff; }
  .consult-form .form-control {
    background-color: #f5f5f5; }

@media screen and (max-width: 767px) {
  .consult-form {
    margin-top: -30px; } }
/* counter section */
.counter-block {
  box-shadow: 0 0 20px 0 #dddddd75;
  padding-top: 60px;
  padding-bottom: 50px;
  background-color: #fff;
  position: relative;
  margin-top: -90px;
  z-index: 5; }
  .counter-block strong {
    font-size: 42px;
    font-weight: bold;
    color: #232323;
    vertical-align: middle; }
  .counter-block span {
    font-size: 50px;
    font-weight: bold;
    color: #232323;
    padding-right: 10px; }
  .counter-block p {
    font-size: 18px;
    font-weight: normal;
    color: #ff0000;
    padding-top: 15px;
    margin-bottom: 0px; }

@media screen and (max-width: 991px) {
  .counter-block {
    margin-top: -40px; }
    .counter-block strong {
      font-size: 30px; }
    .counter-block span {
      font-size: 40px; } }
@media screen and (max-width: 767px) {
  .counter-block strong {
    font-size: 28px; }
  .counter-block span {
    font-size: 34px; } }
@media screen and (max-width: 575px) {
  .counter-block {
    margin-top: 0; }
    .counter-block p {
      font-size: 16px;
      padding-top: 8px; } }
/* story video */
.story-video {
  height: 100%;
  box-shadow: 0px 5px 24px 6px rgba(0, 0, 0, 0.06); }

.video_btn {
  position: relative;
  height: 80px;
  width: 80px;
  background: #ff0000;
  text-align: center;
  display: inline-block;
  line-height: 85px;
  color: #fff;
  border-radius: 50%;
  transition-duration: 0s;
  -ms-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -webkit-transition-duration: 0s;
  -o-transition-duration: 0s; }
  .video_btn:hover i, .video_btn:focus i {
    color: #fff; }
  .video_btn:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    height: 80px;
    width: 80px;
    border: 2px solid #fff;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    opacity: .3;
    animation: pulse-border 1500ms ease-out infinite; }
  .video_btn:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    height: 95px;
    width: 95px;
    border: 2px solid #fff;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    opacity: .3;
    animation: pulse-border 1500ms ease-out infinite; }

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1; }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0; } }
@media screen and (max-width: 1199px) {
  .video_btn {
    height: 75px;
    width: 75px;
    line-height: 80px; }
    .video_btn:after {
      height: 75px;
      width: 75px; }
    .video_btn:before {
      height: 90px;
      width: 90px; } }
@media screen and (max-width: 991px) {
  .video_btn {
    height: 70px;
    width: 70px;
    line-height: 70px; }
    .video_btn:after {
      height: 70px;
      width: 70px; }
    .video_btn:before {
      height: 85px;
      width: 85px; }

  @keyframes pulse-border {
    0% {
      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); }
    100% {
      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.2); } } }
@media screen and (max-width: 767px) {
  .video_btn {
    height: 60px;
    width: 60px;
    line-height: 62px; }
    .video_btn:after {
      height: 60px;
      width: 60px; }
    .video_btn:before {
      height: 75px;
      width: 75px; } }
/* search */
.search-frame .search_list li:before {
  top: 15px; }

.search-form_input {
  font-size: 16px; }

.search-form i {
  font-size: 1.2rem;
  line-height: 2rem; }

/* ===================================
    Testimonial
====================================== */
.testmonial-single {
  text-align: center; }
  .testmonial-single p {
    font-size: 20px;
    color: #999;
    margin-bottom: 35px;
    line-height: 35px; }
    .testmonial-single p:before {
      margin-bottom: 20px;
      content: "\f10d";
      font-weight: 700;
      font-family: Font Awesome\ 5 Free;
      color: #ff0000;
      font-size: 30px;
      display: block;
      font-style: italic; }
  .testmonial-single .client-detail img {
    border-radius: 50%;
    margin-bottom: 15px; }

@media screen and (max-width: 767px) {
  .testmonial-single p {
    font-size: 18px;
    margin-bottom: 25px;
    line-height: 30px; }
    .testmonial-single p:before {
      font-size: 26px;
      margin-bottom: 15px; }

  .testimonials-carousel.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 20px; } }
@media screen and (max-width: 575px) {
  .testmonial-single p {
    margin-bottom: 20px;
    line-height: 26px;
    font-size: 16px; }
    .testmonial-single p:before {
      margin-bottom: 10px; } }
/* ===================================
    Owl carousel
====================================== */
.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 30px; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background-color: #ff0000; }

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
  width: 40px;
  height: 40px;
  background: #fff;
  -webkit-transition: all .4s ease 0s;
  transition: all .4s ease 0s;
  -webkit-box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1);
  -moz-box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1);
  box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1); }

.owl-nav i, .owl-nav span {
  color: #232323;
  font-size: 18px;
  padding-top: 4px; }

.owl-carousel .owl-item img {
  width: auto;
  display: inline-block; }
.owl-carousel .caption .overflow-hidden {
  display: inline-block; }

/* ===================================
    Accordion style
====================================== */
.accordion-style .card {
  background: transparent;
  box-shadow: none;
  margin-top: 0 !important;
  margin-bottom: 10px;
  border: none; }
  .accordion-style .card:last-child {
    margin-bottom: 0; }
.accordion-style .card-header {
  border: 0px;
  padding: 0;
  background: none; }
.accordion-style .btn-link {
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: #ff0000;
  position: relative;
  display: block;
  width: 100%;
  text-align: left;
  white-space: normal;
  padding: 15px 40px 15px 15px;
  text-decoration: none;
  font-weight: 500; }
  .accordion-style .btn-link:hover {
    text-decoration: none; }
  .accordion-style .btn-link.collapsed {
    box-shadow: none;
    color: #6f6f6f; }
    .accordion-style .btn-link.collapsed:after {
      background: none;
      border: 1px solid #ff0000;
      border-radius: 50%;
      content: "+";
      right: 15px;
      left: inherit;
      font-size: 18px;
      line-height: 24px;
      height: 25px;
      transform: none;
      width: 25px;
      top: 17px;
      text-align: center;
      padding-left: 0;
      letter-spacing: -1px; }
  .accordion-style .btn-link:after {
    background: none;
    border: 1px solid #ff0000;
    border-radius: 50%;
    content: "-";
    right: 15px;
    font-size: 18px;
    height: 25px;
    line-height: 24px;
    transform: none;
    width: 25px;
    top: 17px;
    position: absolute;
    color: #ff0000;
    text-align: center;
    padding-left: 0;
    letter-spacing: -2px; }
.accordion-style .btn {
  border-radius: 0; }
.accordion-style .card-body {
  padding: 20px;
  line-height: 24px;
  text-align: left;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-top: none; }

@media screen and (max-width: 767px) {
  .accordion-style .btn-link {
    font-size: 16px; } }
/* ===================================
    Countdown
====================================== */
ul.countdown li {
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  display: inline-block;
  padding: 0 30px;
  text-align: center; }
  ul.countdown li:last-child {
    border: medium none;
    padding-right: 0; }
  ul.countdown li span {
    font-size: 60px;
    font-weight: 700;
    line-height: normal;
    position: relative; }
    ul.countdown li span::before {
      content: "";
      height: 1px;
      position: absolute;
      width: 100%; }
  ul.countdown li p.timeRefDays, ul.countdown li p.timeRefHours, ul.countdown li p.timeRefMinutes, ul.countdown li p.timeRefSeconds {
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    padding: 0;
    text-transform: uppercase; }

@media screen and (max-width: 991px) {
  ul.countdown li span {
    font-size: 40px; } }
@media screen and (max-width: 767px) {
  ul.countdown li {
    padding: 0 8px; }

  .social-links li {
    margin-right: 15px; }

  ul.countdown li span {
    font-size: 22px; } }
/* ===================================
    Pricing
====================================== */
/*pricing page*/
.pricing-block {
  border: 1px dashed #d8d8d8;
  padding: 40px 40px 45px 40px; }
  .pricing-block h4 {
    font-family: Cormorant,serif;
    font-weight: 400;
    font-size: 40px;
    margin-bottom: 35px; }

.pricing-value {
  color: #000;
  margin-bottom: 35px; }
  .pricing-value.bg-primary {
    background: #ff8329; }
  .pricing-value p {
    display: inline-block;
    font-size: 36px;
    color: #ff0000;
    margin-bottom: 0; }
  .pricing-value span {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-family: Cormorant,serif;
    font-size: 40px;
    line-height: 1em;
    color: #ff0000; }
  .pricing-value h6 {
    position: relative;
    display: inline-block;
    margin-left: 10px;
    font-size: 20px;
    color: #ff0000;
    font-weight: 600;
    margin-bottom: 0; }

@media screen and (max-width: 1199px) {
  .pricing-block {
    padding: 35px 35px 40px 35px; }
    .pricing-block h4 {
      margin-bottom: 30px; }

  .pricing-value {
    margin-bottom: 30px; } }
@media screen and (max-width: 991px) {
  .pricing-block h4, .pricing-value span {
    font-size: 38px; } }
@media screen and (max-width: 767px) {
  .pricing-block {
    padding: 30px 30px 35px 30px; }
    .pricing-block h4 {
      margin-bottom: 25px;
      font-size: 36px; }

  .pricing-value {
    margin-bottom: 25px; }
    .pricing-value p {
      font-size: 34px; }
    .pricing-value span {
      font-size: 36px; } }
@media screen and (max-width: 575px) {
  .pricing-block {
    padding: 25px 25px 30px 25px; }
    .pricing-block h4 {
      margin-bottom: 20px;
      font-size: 34px; }

  .pricing-value {
    margin-bottom: 20px; }
    .pricing-value p {
      font-size: 32px; }
    .pricing-value span {
      font-size: 34px; } }
/* ===================================
    Pages
====================================== */
/* quform */
.form-group {
  margin-bottom: 1rem; }
  .form-group label {
    margin-bottom: .5rem; }

.form-control:focus {
  border-color: #ff0000; }

.form-check-input:checked {
  border-color: #ff0000;
  background-color: #ff0000; }
.form-check-input:focus {
  box-shadow: none; }

.quform-input {
  position: relative; }
  .quform-input .quform-errors-wrap {
    position: absolute;
    right: 8px;
    top: 0;
    line-height: normal;
    z-index: 1; }

.quform-element > label {
  padding-bottom: 0; }
  .quform-element > label .quform-required {
    color: #cc0101;
    font-size: 10px; }

.quform-inner input {
  width: 100%; }

.quform-elements .quform-element textarea {
  margin-bottom: 0;
  padding: 8px 15px;
  vertical-align: top; }
.quform-elements .quform-element select {
  margin-bottom: 0;
  padding: 8px 35px 8px 15px; }

.quform-errors {
  padding: 0;
  margin: 0;
  line-height: normal; }
  .quform-errors > .quform-error {
    padding: 0;
    background: none;
    border: none;
    float: none;
    color: #f5543f;
    font-size: 11px;
    line-height: normal;
    letter-spacing: normal; }

.quform-outer-no-js .quform-error {
  padding: 0;
  background: none;
  border: none;
  float: none;
  color: #f5543f;
  font-size: 11px;
  line-height: normal;
  letter-spacing: normal; }
.quform-outer-no-js .quform-success-message {
  padding: 0.75rem 1.25rem 0.75rem 3rem; }

.quform-has-error input, .quform-has-error textarea, .quform-has-error select, .quform-has-error input[type=file], .quform-has-error .custom-file-label {
  border-color: #f5543f; }

.quform-success-message {
  padding: 0.75rem 1.25rem 0.75rem 3rem; }

.quform-submit-inner {
  float: none; }

.quform-loading-wrap {
  float: none; }
  .quform-loading-wrap .quform-loading {
    display: inline-block; }

.light-validation .quform-errors > .quform-error {
  color: #fff; }

/* Popup gallery*/
.lg-backdrop {
  z-index: 99999; }

.lg-outer {
  z-index: 999999; }
  .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
    border-color: #ff0000; }

.lg-progress-bar .lg-progress {
  background-color: #ff0000; }

.lg-backdrop.in {
  opacity: 0.85; }

/* gallery page */
.gallery-block {
  position: relative;
  text-align: center;
  overflow: hidden; }
  .gallery-block .caption {
    text-align: center;
    position: absolute;
    background: rgba(15, 48, 65, 0.74);
    width: 100%;
    height: 100%;
    top: 0;
    left: 100%;
    -webkit-transition: all .7s;
    transition: all .7s; }
    .gallery-block .caption a i {
      color: #ff0000;
      font-size: 30px; }
  .gallery-block:hover .caption {
    left: 0; }

/* causes detail page */
.causes-detail .cause-info {
  border-radius: 5px; }
.causes-detail .cause-block .overlay {
  display: none; }

/* contact page */
.contact-block {
  box-shadow: 0 0 20px 0 #dddddd75;
  padding: 1rem;
  position: relative;
  margin-top: -60px;
  z-index: 5; }

@media screen and (max-width: 991px) {
  .contact-block {
    margin-top: -30px; } }
.map {
  height: 400px;
  width: 100%;
  vertical-align: top;
  border: 0; }

/*single-service page*/
.services-single-menu li {
  border: 1px solid #ececec;
  margin-bottom: 10px; }
  .services-single-menu li:last-child {
    margin-bottom: 0; }
  .services-single-menu li.active a {
    border-left-color: #ff0000;
    background: #f7f7f7;
    color: #ff0000; }
    .services-single-menu li.active a:after {
      content: none; }
  .services-single-menu li a {
    display: block;
    font-size: 16px;
    font-weight: 600;
    padding: 14px 10px 14px 20px; }

@media screen and (max-width: 767px) {
  .services-single-menu li a {
    font-size: 14px;
    padding: 12px 10px 12px 16px; } }
/* error box */
.error-box {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  text-align: center;
  background-position: center;
  background-size: cover;
  position: relative;
  z-index: 1; }
  .error-box h2 {
    color: rgba(204, 204, 204, 0.2);
    font-size: 250px;
    font-weight: 600;
    letter-spacing: 10px; }

.error-box-text h1 {
  font-size: 200px;
  color: #ff0000;
  line-height: 1;
  text-align: center;
  text-shadow: 10px 10px 0 #e5e5e3; }
.error-box-text h3 {
  font-size: 40px;
  line-height: normal; }
.error-box-text h4 {
  font-size: 20px;
  margin-top: 20px; }

@media screen and (max-width: 767px) {
  .back-box {
    display: none; }

  .error-box-text h1 {
    font-size: 100px; } }
/* newsletter */
.newsletter {
  margin-left: auto;
  box-shadow: 0 0 18px rgba(0, 0, 0, 0.06);
  margin-right: auto;
  background-color: #fff;
  position: relative;
  margin-bottom: -100px;
  padding: 50px; }

.newsletter-form .quform-elements {
  position: relative; }
  .newsletter-form .quform-elements .quform-submit-inner {
    position: absolute;
    right: 8px;
    top: 8px;
    width: auto; }
  .newsletter-form .quform-elements .quform-loading-wrap {
    margin-top: 0;
    margin-bottom: 15px; }
.newsletter-form input {
  border: 2px solid rgba(0, 0, 0, 0.1);
  height: 60px;
  padding: 0.5rem 4rem 0.5rem 1.5rem; }
.newsletter-form .quform-has-error input, .newsletter-form .quform-has-error textarea, .newsletter-form .quform-has-error select {
  border-color: #f5543f; }
.newsletter-form .quform-input .quform-errors-wrap {
  right: 15px; }
.newsletter-form i {
  font-size: 1.5rem;
  line-height: 2rem; }

@media screen and (max-width: 991px) {
  .newsletter {
    padding: 30px; } }
@media screen and (max-width: 767px) {
  .newsletter-form .quform-elements .quform-submit-inner {
    top: 8px; } }
@media screen and (max-width: 575px) {
  .newsletter {
    padding: 15px; } }
/* ===================================
    Blog
====================================== */
.blogs .post {
  margin-bottom: 50px; }
  .blogs .post .content {
    padding: 30px;
    background: #fafafa; }
    .blogs .post .content .meta {
      margin-bottom: 15px; }
      .blogs .post .content .meta li {
        display: inline-block;
        font-size: 16px;
        padding: 0 15px;
        position: relative;
        vertical-align: middle; }
        .blogs .post .content .meta li:first-child {
          padding: 0; }
        .blogs .post .content .meta li + li + li:before {
          content: "";
          position: absolute;
          left: 0;
          top: 50%;
          width: 2px;
          height: 15px;
          background: #ccc;
          transform: translateY(-50%); }
    .blogs .post .content .special {
      padding: 15px;
      margin: 50px 0 40px 0;
      border-left: 2px solid #111;
      background: #f4f4f4;
      font-size: 16px; }
    .blogs .post .content .btn {
      border-color: #6f6f6f;
      color: #6f6f6f;
      min-width: auto;
      padding: 6px 20px;
      font-size: 12px; }
      .blogs .post .content .btn:hover {
        color: #fff;
        border-color: #F24259; }
  .blogs .post .share-post {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px dashed #ddd;
    text-align: left; }
    .blogs .post .share-post span {
      font-weight: 700; }
    .blogs .post .share-post ul {
      float: right; }
      .blogs .post .share-post ul li {
        display: inline-block;
        margin: 0 0 0 15px; }
  .blogs .post .post-img img {
    width: 100%; }
.blogs .posts .title-g h3 {
  font-weight: 700;
  font-size: 25px;
  margin-bottom: 10px; }

@media screen and (max-width: 575px) {
  .blogs .post .content .meta li {
    font-size: 14px;
    padding: 0 10px; } }
/* sidebar */
.side-bar .widget {
  margin-bottom: 30px;
  box-shadow: 0px 0px 16px 0px rgba(187, 187, 187, 0.48); }
  .side-bar .widget:last-child {
    margin-bottom: 0; }
  .side-bar .widget:first-child {
    box-shadow: none; }
  .side-bar .widget .widget-title h6 {
    position: relative;
    padding: 15px 15px 10px 15px;
    border-bottom: 1px dashed #ff0000;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 1px;
    margin-bottom: 0; }
  .side-bar .widget .tag-list li {
    display: inline-block;
    margin: 0 8px 8px 0; }
    .side-bar .widget .tag-list li a {
      background: #f5f5f5;
      font-size: 14px;
      display: inline-block;
      padding: 6px 20px; }
      .side-bar .widget .tag-list li a:hover {
        background: #ff0000;
        color: #fff; }
  .side-bar .widget li {
    position: relative;
    margin: 0 0 9px 0;
    color: #6f6f6f; }
    .side-bar .widget li:last-child {
      margin: 0; }
  .side-bar .widget .social-listing {
    margin-bottom: 0; }
    .side-bar .widget .social-listing li {
      list-style: none;
      display: inline-block;
      padding-right: 10px; }
      .side-bar .widget .social-listing li:after {
        background: none; }
      .side-bar .widget .social-listing li:last-child {
        padding-right: 0; }
.side-bar .search form input {
  width: calc(100% - 50px);
  height: 50px;
  padding: 0 10px;
  margin: 0;
  border: 1px solid #d1d1d1;
  background: #f7f7f7; }
.side-bar .search form button {
  width: 50px;
  height: 50px;
  line-height: 50px;
  border: 1px solid #ff0000;
  background: #ff0000;
  color: #fff;
  border: 0;
  float: right;
  border-radius: 0;
  padding: 0; }
  .side-bar .search form button:hover:before {
    border-radius: 0;
    padding: 0; }

@media screen and (max-width: 1199px) {
  .blog-grid-text h4 {
    font-size: 18px; }

  .blogs .post .content .post-title h5 {
    font-size: 22px; }
  .blogs .post .content .special {
    margin: 40px 0 30px 0; }
  .blogs .posts .title-g h3 {
    font-size: 22px; } }
@media screen and (max-width: 767px) {
  .blogs .post .content .post-title h5 {
    font-size: 20px; }
  .blogs .post .content .special {
    font-size: 14px; }
  .blogs .posts .title-g h3 {
    font-size: 18px; } }
/* ===================================
    Footer
====================================== */
footer {
  padding-top: 90px;
  z-index: 0;
  background: #1b1d1f;
  color: rgba(255, 255, 255, 0.65); }
  footer.footer-topbar {
    padding-top: 220px;
    margin-top: -110px; }
  footer a {
    color: rgba(255, 255, 255, 0.65); }
  footer p {
    margin-bottom: 0; }
  footer h3 {
    font-size: 18px;
    margin-bottom: 25px;
    position: relative; }

.footer-bar {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 90px;
  text-align: center;
  background: #191919;
  color: #939393; }
  .footer-bar span {
    font-size: 15px;
    font-weight: 400; }

.footer-social-icons ul {
  margin-bottom: 0; }
  .footer-social-icons ul li {
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff;
    margin-right: 10px;
    margin-bottom: 5px;
    -webkit-transition-duration: .3s;
    transition-duration: 0.3s; }
    .footer-social-icons ul li a {
      color: #939393;
      display: block;
      font-size: 15px;
      height: 35px;
      line-height: 34px;
      text-align: center;
      width: 35px; }
    .footer-social-icons ul li:hover {
      background: #ff0000;
      border-color: #ff0000; }
      .footer-social-icons ul li:hover i {
        color: #fff; }
.footer-social-icons.small ul li {
  margin-bottom: 0; }
  .footer-social-icons.small ul li a {
    font-size: 12px;
    height: 25px;
    line-height: 26px;
    width: 25px; }

@media screen and (max-width: 1199px) {
  footer {
    padding-top: 70px; }
    footer.footer-topbar {
      padding-top: 180px;
      margin-top: -95px; }

  .footer-bar {
    margin-top: 70px; } }
@media screen and (max-width: 991px) {
  footer h3 {
    margin-bottom: 25px; } }
@media screen and (max-width: 767px) {
  footer {
    padding-top: 50px; }

  .footer-bar {
    margin-top: 50px; }

  footer h3 {
    font-size: 16px;
    margin-bottom: 20px; } }
@media screen and (max-width: 575px) {
  footer .list-style3 li {
    display: block;
    width: 100%; }
  footer.footer-topbar {
    padding-top: 160px; }

  .footer-bar {
    margin-top: 50px; } }

/*# sourceMappingURL=styles.css.map */