/*-------------------------------------------------
 =  Table of Css

 1.Import google fonts & basic style of template
 2.Header
 3.Isotope filtering
 4.Kenburn slider basic
 5.General
 6.Services sections
 7.Portfolio
 8.Features sections
 9.Team sections

 12.Statistics sections

 
 15.Single Project
 16.Single Post
 17.Sidebar
 18.Pricing Tables
 19.contact
 20.Footer
 21.Responsive part
-------------------------------------------------*/

@import "variables.css";

body{
  background-color: var(--primary-bodyBackgroundColor)!important;
}
.thanyoualert{
  position: absolute;
  top: 10px;
  right:10px;
}

/* import google fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
@import url("https://fonts.googleapis.com/css?family=Merriweather:300,300i,400,400i,700,700i,900,900i|Poppins:300,400,500,600,700");
.reset-elem, .navbar-nav li.drop ul.dropdown, ul.filter, section.team-section .team-box .team-box-side .team-post .hover-team .inner-team ul.social-team, section.blog-section .blog-box .blog-post ul.post-meta, .pagination-box ul.page-list, section.clients-section .clients-box ul.client-list, section.testimonial-section .testimonial-box ul.bxslider, section.single-project-section div.share-box ul.share-list, section.blog-section.single-post .share-tag-box ul, .comment-area-box > ul, .sidebar .category-widget ul, .sidebar .popular-widget ul.popular-list, .sidebar .tags-widget ul.tags-list, section.pricing-tables-section .pricing-box .price-table ul, footer .up-footer ul {
  margin: 0;
  padding: 0; }
@font-face{
  font-family: "Poppins";
  src: url('fonts/Poppins-Regular.otf');
}
.paragraph, p, section.portfolio-section .portfolio-box .project-post .hover-box .inner-hover span, section.portfolio-page-section .portfolio-box .project-post .project-content span, section.team-section .team-box .team-box-side .team-post .hover-team .inner-team span, section.blog-section .blog-box .blog-post span.category, section.blog-section .blog-box .blog-post ul.post-meta li, .pagination-box a.prev,
.pagination-box a.next, section.pricing-tables-section .pricing-box .price-table ul li {
  font-size: 18px;
  color: black;
  //font-family: "Poppins", serif;
  font-family: 'Open Sans',sans-serif;
  font-weight: 300;
  line-height: 1.5em;
  margin: 0 0 10px; }

  .white{
    color:white;
  }

.heading1, h1 {
  color: rgba(122, 92, 90,1);
  font-size: 48px;
  //font-family: "Poppins";
  font-family: 'Open Sans',sans-serif;
  font-weight: 700;
  line-height: 1em;
  margin: 0 0 30px;
  border-left: 10px solid;
   }

.heading2, h2 {
  color: rgba(122, 92, 90, 1);
  font-size: 24px;
  //font-family: "Poppins";
  font-family: 'Open Sans',sans-serif;
  font-weight: 600;
  margin: 0 0 20px;
  line-height: 1.5em;
  letter-spacing: -0.5px; }

.heading3, h3 {
  font-size: 18px;
  //font-family: "Poppins";
  font-family: 'Open Sans',sans-serif;
  font-weight: 600;
  margin: 0 0 15px;
  line-height: 1.5em; }

.back-cover, section.page-banner-section, section.services-section .services-box2 .half-box-side, section.services-section .services-box2 .services-box-side .services-post img, section.services-section3, section.team-section, section.testimonial-section {
  background-size: cover !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important; }
  section.services-section .services-box2 .services-box-side .services-post >h3{
    color:rgba(122, 92, 90, 1);
  }

.anchor, .navbar-nav li.drop ul.dropdown li a, a {
  display: inline-block;
  text-decoration: none !important;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out; }
  /*------------------------------------------------- */
  /* =  Preloader
   *------------------------------------------------- */
  #pre-loader {
      background: #aa1f27 none repeat scroll 0 0;
      bottom: 0;
      display: block;
      left: 0;
      position: fixed;
      right: 0;
      text-align: center;
      top: 0;
      z-index: 9999;
  }

  #pre-loader .loader-holder:before {
      content: "";
      display: inline-block;
      height: 100%;
      margin: 0 0 0 -5px;
      overflow: hidden;
      vertical-align: middle;
      width: 1px;
  }

  #pre-loader .loader-holder {
      height: 400px;
      left: 50%;
      margin: -200px 0 0 -200px;
      position: absolute;
      top: 50%;
      white-space: nowrap;
      width: 400px;
  }


  #pre-loader .loader-holder .frame {
      display: inline-block;
      vertical-align: middle;
      white-space: normal;
  }
   #pre-loader .prologo text{
      display: inline-block;
      margin: 0 0 45px;
  }
 #pre-loader .loader-holder .frame svg.prelogo{
    height:200px;
    width:400px;
    margin-top: 20px;
  }
 #pre-loader .loader-holder .frame svg.prelogo text{
    stroke:#fdba4c;
    font-size: 40px;
    stroke-width:2;
    font-weight: 700;
    animation:prloaderanimation 3s ease-out forwards infinite;
  }

  @keyframes prloaderanimation{
    from{
      stroke-dasharray: 0 50%;
      stroke-dashoffset:40%;
      fill:transparent;

    }
    to{
      stroke-dasharray: 50 0%;
      stroke-dashoffset:-20%;
      fill:#fdba4c;
    }
  }
 


/*------------------------------------------------- */
/* =  Header
 *------------------------------------------------- */
 .affix {
    top: 0;
    width: 100%;
    z-index: 1039 !important;
}
/*header{
  position:fixed;
  top:0;
  width:100%;
  z-index: 9999 !important;
}*/
.navbar-default {
  background: var(--primary-backgroundColor);
  border-bottom: 1px solid var(--primary-borderColor);
  margin: 0;
  position:;
  transition:all 0.2s ease-in-out;
}

.navbar-brand {
  height: 95px;
    transition: all 0.2ms ease-in-out;
    -moz-transition: all 0.2ms ease-in-out;
    -webkit-transition: all 0.2ms ease-in-out;
    -o-transition: all 0.2ms ease-in-out;
    //padding-left:40px;
     font-family: "Poppins";
    font-weight: 500;
    letter-spacing: -1px;}

.navbar-header {
  z-index: 2;
  position: relative;
  background: var(--primary-backgroundColor);
  }

.navbar-nav {
  padding-right:40px;
  transition: all 0.2ms ease-in-out;
  -moz-transition: all 0.2ms ease-in-out;
  -webkit-transition: all 0.2ms ease-in-out;
  -o-transition: all 0.2ms ease-in-out; }
  .navbar-nav > li > a {
    color: #fff !important;
    font-size: 12px;
    font-family: "Poppins";
    font-weight: 500;
    text-transform: uppercase;
    transition: all 0.2ms ease-in-out;
    -moz-transition: all 0.2ms ease-in-out;
    -webkit-transition: all 0.2ms ease-in-out;
    -o-transition: all 0.2ms ease-in-out;
    padding: 40px 0px 36px;
    margin: 0 10px;
    position: relative; }
    .navbar-nav > li > button{
      color: #fff;
      font-family: "Poppins";
      font-size: 12px;
      font-weight: 400;
      text-transform: uppercase;
      border: 1px solid #fdba4c;
      border-radius: 10px;
      background: #fdba4c ;
      position: relative;
      overflow: hidden;
      margin: 30px 20px;
      padding: 10px;
      outline-style: none;
    }


.navbar-nav > li > button:hover{
  box-shadow: 1px 1px 25px 10px rgba(247, 164, 87, 0.4);
}

.navbar-nav > li > button:before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(170, 31, 38, 0.8),
    transparent
    );
  transition: all 650ms;
}

.navbar-nav > li > button:hover:before {
  left: 100%;
}
  .navbar-nav > li > a:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background: transparent; }
  .navbar-nav > li > a:hover:after{
    background: #fdba4c; }
    .navbar-nav > li > a:active:after{
    background: #fdba4c; }
  .navbar-nav > li:last-child > a {
    margin-right: 0; }
  .navbar-nav > li:last-child > a:after {
    display: none; }
  .navbar-nav li.drop {
    position: relative; }
    .navbar-nav li.drop ul.dropdown {
      position: absolute;
      top: 100%;
      margin-top: -1px;
      left: 0;
      width: 220px;
      background: #fdba4c;
      border-top: 2px solid #aa1f27;
      padding: 10px 0;
      opacity: 0;
      visibility: hidden;
      transition: all 0.2ms ease-in-out;
      -moz-transition: all 0.2ms ease-in-out;
      -webkit-transition: all 0.2ms ease-in-out;
      -o-transition: all 0.2ms ease-in-out; }
      .navbar-nav li.drop ul.dropdown li {
        display: block; }
        .navbar-nav li.drop ul.dropdown li a {
          display: block;
          color: #777777;
          font-size: 11px;
          font-family: "Poppins";
          font-weight: 600;
          text-transform: uppercase;
          padding: 10px 20px; }
        .navbar-nav li.drop ul.dropdown li a:hover {
          color: #222222; }
      .navbar-nav li.drop ul.dropdown li:first-child {
        border-top: none; }
  .navbar-nav li.drop:hover ul.dropdown {
    opacity: 1;
    visibility: visible; }

.navbar-nav.active > li > a {
  opacity: 0;
  visibility: hidden; }

.navbar-nav.active > li > a.open-menu {
  opacity: 1;
  visibility: visible; }

.navbar-collapse {
  position: relative; }

/*-------------------------------------------------- */
/* 1. Isotope filtering */
/*------------------------------------------------- */
.isotope-item {
  z-index: 2; }

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1; }

.isotope, .isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  transition-duration: 0.8s; }

.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  transition-property: height, width; }

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  transition-property: transform, opacity; }


.boxedcontainer {
  max-width: 1170px;
  margin: auto;
  padding: 0px 30px; }

/*********************************************
 *    -   SETTINGS FOR BANNER CONTAINERS  -
 ********************************************* */
.tp-banner-container {
  width: 100%;
  position: relative;
  padding: 0; }

.tp-banner {
  width: 100%;
  position: relative; }

.tp-banner-fullscreen-container {
  width: 100%;
  position: relative;
  padding: 0; }

/*------------------------------------------------- */
/* =  General */
/*------------------------------------------------- */
.title-section {
  text-align: center;
  position: relative;  }
  .title-training {
  text-align: center;
  margin-bottom: 20px;
  position: relative; }

.title-section.white-style h1 {
  color: #aa1f27; }

.title-section.white-style:before {
  background: #ffffff; }

#home-section {
  overflow: hidden;
  min-height: 700px;
  background: rgba(122, 92, 90, 0.8); }
  #home-section .tp-caption.Concept-Title {
    font-family: "Poppins";
    letter-spacing: -2.5px; }
  #home-section .tp-caption.Concept-SubTitle {
    font-family: "Merriweather", serif;
    font-style: normal !important;
    font-weight: 400 !important; }

a.button-one {
  position: relative;
  color: #fff;
  font-size: 13px;
  font-family: "Poppins";
  text-transform: uppercase;
  padding: 13px 50px;
  margin-top: 25px;
  right: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  border: 1px solid #fdba4c;
  border-radius: 10px;
  background: #fdba4c ;
  overflow: hidden;;
  outline-style: none;
  }
  a.button-one:hover{
    box-shadow: 1px 1px 25px 10px rgba(170, 31, 38, 0.4);
  }
   a.button-one:before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(170, 31, 38, 0.8),
    transparent
  );
  transition: all 650ms;
}
a.button:hover:before {
  left: 100%;
}
.center-button {
  padding-top: 50px;
  padding-bottom: 50px;
  background: #fff;
  text-align: center; }
  .center-button a {
    color: #fdba4c;
    font-size: 13px;
    font-family: "Poppins";
    font-weight: 500;
    padding: 13px 20px 10px;
    text-transform: uppercase;
    border: 2px solid #fdba4c;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    border-radius: 25px; }
  .center-button a:hover {
    background: #aa1f27 ;
    border: 2px solid #aa1f27;
    color: #fff; }

a.button-two {
  color: #222222;
  font-size: 13px;
  font-family: "Poppins";
  font-weight: 500;
  padding: 13px 20px 10px;
  text-transform: uppercase;
  border: 2px solid #222222;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  border-radius: 25px; }

a.button-two:hover {
  background: #222222;
  color: #fff; }

section.page-banner-section {
  padding: 200px 0 85px;
  text-align: center; }
  section.page-banner-section h1 {
    font-size: 72px;
    color: #ffffff;
    margin: 0; }

section.page-banner-section.contact {
  background: url("../upload/banners/locateus.jpg"); }

section.page-banner-section.portfolio {
  background: url("../upload/banners/ban3.jpg"); }

section.page-banner-section.blog {
  background: url("../upload/banners/ban4.jpg"); }

section.page-banner-section.services {
  background: url("../upload/banners/ban5.jpg"); }

section.page-banner-section.about {
  background: url("../upload/banners/ban6.jpg"); }

/*------------------------------------------------- */
/* =  faq sections
 *------------------------------------------------- */
 
  section.faq-section .panel-group .panel panel-title a:active:after{
    content: "\02C6"
  }
 /*------------------------------------------------- */
/* =  Services sections
 *------------------------------------------------- */
section.services-section {
  padding-top: 0px; }
  section.services-section .services-box {
    overflow: hidden;
    border-top: 1px solid #eeeeee; }
    section.services-section .services-box .services-post {
      float: left;
      width: 25%;
      border-right: 1px solid #eeeeee;
      text-align: center;
      padding: 80px 50px 70px; }
      section.services-section .services-box .services-post a {
        margin-bottom: 20px; }
      section.services-section .services-box .services-post a span, section.services-section .services-box .services-post a i {
        font-size: 30px;
        color: #aa1f27; }
    section.services-section .services-box .services-post:last-child {
      border-right: none; }
  section.services-section .services-box2 {
    overflow: hidden; }
    section.services-section .services-box2 .half-box-side {
      float: left;
      width: 50%;
      background: url("../upload/others/s5.png");
      padding: 150px 20px 150px; }
      section.services-section .services-box2 .half-box-side .inner-box {
        padding: 140px 10px;
        max-width: 480px;
        margin: 0 auto;
        text-align: center; }
        section.services-section .services-box2 .half-box-side .inner-box h1 {
          color: #fff; }
    section.services-section .services-box2 .services-box-side {
      float: right;
      width: 50%;
      overflow: hidden;
      background: #f9f9f9; }
      section.services-section .services-box2 .services-box-side .services-post {
        width: 50%;
        height: 355px;
        float: left;
        padding: 75px 70px 0px;
        min-height: 266px;
        border: 1px solid #d8d8d8;
        position: relative;
        overflow: hidden; }
        section.services-section .services-box2 .services-box-side .services-post img {
          display:none;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          opacity: 0;
          transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          -webkit-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out; }
        section.services-section .services-box2 .services-box-side .services-post h3, section.services-section .services-box2 .services-box-side .services-post p {
          position: relative;
          z-index: 2;
          font-family: 'Open Sans',sans-serif;
           }
section.services-section .services-box2 .services-box-side .services-post p{
  font-size: 13px;
  font-family: 'Open Sans',sans-serif;
}

        section.services-section .services-box2 .services-box-side .services-post h3 {
          transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          -webkit-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out; }
      /*section.services-section .services-box2 .services-box-side .services-post:hover img {
        opacity: 1; }
      section.services-section .services-box2 .services-box-side .services-post:hover h3 {
        display: none; }
      section.services-section .services-box2 .services-box-side .services-post:hover p {
        display: none;}*/

section.services-section2 {
  padding-top: 90px; }
  section.services-section2 .services-box .services-post {
    text-align: center;
    margin-bottom: 60px; }
    section.services-section2 .services-box .services-post a {
      margin-bottom: 20px; }
    section.services-section2 .services-box .services-post a span, section.services-section2 .services-box .services-post a i {
      font-size: 30px;
      color: #aa1f27; }
  section.services-section2 .image-holder {
    text-align: center;
    padding-top: 40px; }
    section.services-section2 .image-holder img {
      max-width: 100%;
      height: auto;
      margin-bottom: -20px; }

section.services-section3 {
  padding: 90px 0;
  background: url("../upload/banners/banner.jpg") fixed; }
  section.services-section3 .title-section h2 {
    color: #ffffff; }
  section.services-section3 .services-box .services-post {
    margin-bottom: 30px; }
    section.services-section3 .services-box .services-post h1 {
      color: #999999;
      margin-bottom: 20px; }
    section.services-section3 .services-box .services-post h3 {
      color: #ffffff; }
    section.services-section3 .services-box .services-post p {
      margin-bottom: 0; }

/*------------------------------------------------- */
/* =  Portfolio */
/*------------------------------------------------- */
section.portfolio-section {
  padding-top: 90px;
  overflow: hidden;
  background: #fff; }
  section.portfolio-section .title-section {
    margin-bottom: 36px; }
  section.portfolio-section .portfolio-box .project-post {
    width: 25%;
    position: relative;}
    section.portfolio-section .portfolio-box .project-post img {
      width: 100%;
      height: auto; }
    section.portfolio-section .portfolio-box .project-post .hover-box {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(150, 150, 150, 0.67);
      text-align: center;
      opacity: 0;
      transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out; }
      section.portfolio-section .portfolio-box .project-post .hover-box .inner-hover {
        z-index: 2;
        position: absolute;
        width: 100%;
        top: 50%;
        left: 0;
        margin-top: -20px; }
        section.portfolio-section .portfolio-box .project-post .hover-box .inner-hover h2 {
          font-size: 18px;
          margin-bottom: 0; }
          section.portfolio-section .portfolio-box .project-post .hover-box .inner-hover h2 a {
            color: #fff; }
          section.portfolio-section .portfolio-box .project-post .hover-box .inner-hover h2 a:hover {
            color: #aa1f27; }
        section.portfolio-section .portfolio-box .project-post .hover-box .inner-hover span {
          margin-bottom: 0; }
    section.portfolio-section .portfolio-box .project-post .hover-box:after {
      content: '';
      position: absolute;
      top: 21px;
      left: 21px;
      bottom: 21px;
      right: 21px;
      border: 2px solid #aa1f27; }
  section.portfolio-section .portfolio-box .project-post:hover .hover-box {
    opacity: 1; }

ul.filter {
  text-align: center;
  margin-bottom: 80px; }
  ul.filter li {
    display: inline-block;
    padding: 0 0 0 20px;
    margin-bottom: 20px; }
    ul.filter li a {
      color: #aa1f27;
      font-size: 14px;
      font-family: "Merriweather", serif;
      font-style: italic;
      padding: 0 10px 6px;
      border-bottom: 2px solid transparent; }
    ul.filter li a:hover,
    ul.filter li a.active {
      color: #fdba4c;
      border-bottom: 2px solid #999999; }
  ul.filter li:after {
    content: '|';
    color: #999999;
    font-size: 8px;
    font-family: "Merriweather", serif;
    margin-left: 20px; }
  ul.filter li:last-child:after {
    display: none;
    margin-left: 0; }
  ul.filter li:first-child {
    margin-left: 0; }

section.portfolio-page-section {
  padding: 25px 0 40px;
  overflow: hidden; }
  section.portfolio-page-section .title-section {
    margin-bottom: 36px; }
  section.portfolio-page-section .portfolio-box .project-post {
    width: 25%;
    padding-right: 10px; 
    }
    section.portfolio-page-section .portfolio-box .project-post .project-gal {
      position: relative; 
      box-shadow: 0 2px 20px -5px #aa1f27;
      border-radius:15px;
    }
      section.portfolio-page-section .portfolio-box .project-post .project-gal img {
        width: 100%;
        height: auto; }
      section.portfolio-page-section .portfolio-box .project-post .project-gal .hover-box {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(150, 150, 150, 0.6);
        text-align: center;
        opacity: 0;
        transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out; }
        section.portfolio-page-section .portfolio-box .project-post .project-gal .hover-box a {
          position: absolute;
          z-index: 2;
          top: 50%;
          left: 50%;
          margin-left: -5px;
          margin-top: -12px;
          color: #aa1f27;
          font-size: 20px; }
      section.portfolio-page-section .portfolio-box .project-post .project-gal .hover-box:after {
        content: '';
        position: absolute;
        top: 21px;
        left: 21px;
        bottom: 21px;
        right: 21px;
         }
    section.portfolio-page-section .portfolio-box .project-post .project-content {
      padding: 26px 30px; 
      font-family: 'Open Sans',sans-serif;
  }
      section.portfolio-page-section .portfolio-box .project-post .project-content h2 {
        font-size: 18px;
        margin-bottom: 0;
        font-family: 'Open Sans',sans-serif; }
        section.portfolio-page-section .portfolio-box .project-post .project-content h2 a {
          color: #aa1f27; 
      	  font-family: 'Open Sans',sans-serif;}
        section.portfolio-page-section .portfolio-box .project-post .project-content h2 a:hover {
          color: #222222; }
      section.portfolio-page-section .portfolio-box .project-post .project-content span {
        margin-bottom: 0; }
  section.portfolio-page-section .portfolio-box .project-post:hover .project-gal .hover-box {
    opacity: 1; }
  section.portfolio-page-section ul.filter li a:hover,
  section.portfolio-page-section ul.filter li a.active {
    color: #222222;
    border-bottom: 2px solid #999999; }

button.mfp-close, button.mfp-arrow, a.zoom {
  outline: none; }

/*------------------------------------------------- */
/* =  features sections */
/*------------------------------------------------- */
section.features-section {
  padding: 0px 0 0px; }
  section.features-section .features-box .feature-image img {
    max-width: 100%;
    height: auto; }
  section.features-section .features-box .feature-post {
    position: relative; }
    section.features-section .features-box .feature-post img {
      position: absolute; }
  section.features-section .features-box .feature-post.offset-top-1 {
    margin-top: 260px;
    padding-right: 60px; }
    section.features-section .features-box .feature-post.offset-top-1 img {
      top: 50px;
      right: -60px; }
  section.features-section .features-box .feature-post.offset-top-2 {
    margin-top: 410px;
    text-align: right;
    padding-left: 60px; }
    section.features-section .features-box .feature-post.offset-top-2 img {
      top: -91px;
      left: 10px; }

/*------------------------------------------------- */
/* =  Team Sections */
/*------------------------------------------------- */
section.team-section {
  background: url("../upload/banners/b4.jpg"); }
  section.team-section .team-box {
    overflow: hidden; }
    section.team-section .team-box .half-box-side {
      padding: 130px 20px;
      float: right;
      width: 50%; }
      section.team-section .team-box .half-box-side .inner-box {
        padding: 130px 10px;
        max-width: 480px;
        margin: 0 auto;
        text-align: center; }
        section.team-section .team-box .half-box-side .inner-box h1 {
          color: #fff;
          margin-bottom: 0; }
    section.team-section .team-box .team-box-side {
      float: left;
      width: 50%;
      overflow: hidden;
      background: #f9f9f9; }
      section.team-section .team-box .team-box-side .team-post {
        width: 50%;
        float: left;
        position: relative; }
        section.team-section .team-box .team-box-side .team-post img {
          width: 100%;
          height: auto; }
        section.team-section .team-box .team-box-side .team-post .hover-team {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: rgba(255, 255, 255, 0.9);
          text-align: center;
          opacity: 0;
          transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          -webkit-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out; }
          section.team-section .team-box .team-box-side .team-post .hover-team .inner-team {
            z-index: 2;
            position: absolute;
            width: 100%;
            top: 50%;
            left: 0;
            margin-top: -25px; }
            section.team-section .team-box .team-box-side .team-post .hover-team .inner-team h3 {
              margin-bottom: 0; }
            section.team-section .team-box .team-box-side .team-post .hover-team .inner-team span {
              display: inline-block;
              font-style: italic;
              margin-bottom: 5px; }
            section.team-section .team-box .team-box-side .team-post .hover-team .inner-team ul.social-team li {
              display: inline-block;
              margin: 0 3px; }
              section.team-section .team-box .team-box-side .team-post .hover-team .inner-team ul.social-team li a {
                color: #666666;
                font-size: 15px; }
              section.team-section .team-box .team-box-side .team-post .hover-team .inner-team ul.social-team li a:hover {
                color: #aa1f27; }
        section.team-section .team-box .team-box-side .team-post .hover-team:after {
          content: '';
          position: absolute;
          top: 21px;
          left: 21px;
          bottom: 21px;
          right: 21px;
          }
      section.team-section .team-box .team-box-side .team-post:hover .hover-team {
        opacity: 1; }

section.team-section.second-style {
  padding: 110px 0 100px;
  background: #ffffff; }
  section.team-section.second-style .team-box .team-box-side {
    float: none;
    width: 100%; }
    section.team-section.second-style .team-box .team-box-side .team-post {
      width: 25%; }
  section.team-section.second-style .team-bann {
    margin-top: 90px;
    text-align: center; }
    section.team-section.second-style .team-bann p {
      margin-bottom: 20px; }

/*------------------------------------------------- */
/* =  News section */
/*------------------------------------------------- */


/*------------------------------------------------- */
/* =  Statistic sections*/
/*------------------------------------------------- */

section.statistic-section {
  padding: 120px 0 110px;
  background: #f9f9f9; }
  section.statistic-section .statistic-post {
    margin-bottom: 20px; }
    section.statistic-section .statistic-post h2 {
      color: #666666;
      font-size: 14px;
      font-family: "Merriweather", serif;
      margin-bottom: 0;
      font-weight: 400; }
    section.statistic-section .statistic-post p {
      margin: 0 0 20px;
      padding-bottom: 10px;
      position: relative;
      line-height: inherit; }
    section.statistic-section .statistic-post p:after {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0px;
      width: 30px;
      height: 2px;
      background: #aa1f27; }
    section.statistic-section .statistic-post span.timer {
      color: #aa1f27;
      font-size: 48px;
      font-family: "Poppins";
      font-weight: 700;
      margin: 0; }

/*------------------------------------------------- */
/* =  About sections */
/*------------------------------------------------- */


/*------------------------------------------------- */
/* =  single project  */
/*------------------------------------------------- */
section.single-project-section {
  padding: 95px 0; }
  section.single-project-section div.single-info {
    margin-bottom: 30px; }
    section.single-project-section div.single-info p {
      margin-bottom: 0; }
      section.single-project-section div.single-info p span {
        color: #222222; }
  section.single-project-section div.single-pro-content {
    margin-bottom: 40px; }
  section.single-project-section img {
    width: 100%;
    height: auto;
    margin-bottom: 30px; }
  section.single-project-section div.share-box {
    text-align: center;
    padding-top: 65px; }
    section.single-project-section div.share-box ul.share-list li {
      display: inline-block;
      margin: 0 2px; }
      section.single-project-section div.share-box ul.share-list li a {
        width: 40px;
        height: 40px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        border: 2px solid #666666;
        text-align: center;
        line-height: 36px;
        font-size: 14px;
        color: #666666; }
      section.single-project-section div.share-box ul.share-list li a:hover {
        border: 2px solid #666666;
        background: #666666;
        color: #ffffff; }

/*------------------------------------------------- */
/* =  Single Post */
/*------------------------------------------------- */
section.blog-section.single-post .single-image {
  margin-bottom: 26px; }
  section.blog-section.single-post .single-image img {
    width: 100%; }

section.blog-section.single-post .share-tag-box {
  overflow: hidden;
  padding-bottom: 20px;
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 50px; }
  section.blog-section.single-post .share-tag-box ul li {
    display: inline-block;
    margin-right: 1px; }
  section.blog-section.single-post .share-tag-box div.share-box {
    float: left;
    margin-bottom: 30px; }
  section.blog-section.single-post .share-tag-box div.tag-box {
    float: right;
    text-align: right;
    margin-bottom: 30px; }
  section.blog-section.single-post .share-tag-box ul.share-list li {
    display: inline-block;
    margin: 0 2px; }
    section.blog-section.single-post .share-tag-box ul.share-list li a {
      width: 40px;
      height: 40px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      border: 2px solid #666666;
      text-align: center;
      line-height: 36px;
      font-size: 14px;
      color: #666666; }
    section.blog-section.single-post .share-tag-box ul.share-list li a:hover {
      border: 2px solid transparent;
      color: #222222; }
  section.blog-section.single-post .share-tag-box ul.tag-list li a {
    color: #999999;
    font-size: 12px;
    font-family: "Merriweather", serif;
    font-style: italic; }
  section.blog-section.single-post .share-tag-box ul.tag-list li a:hover {
    color: #aa1f27; }

.comment-area-box {
  margin-bottom: 50px;
  padding-bottom: 30px;
  border-bottom: 1px solid #eeeeee; }
  .comment-area-box > ul {
    padding-top: 10px; }
    .comment-area-box > ul li {
      list-style: none; }
      .comment-area-box > ul li .comment-box {
        overflow: hidden;
        margin-bottom: 55px; }
        .comment-area-box > ul li .comment-box img {
          max-width: 70px;
          float: left;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          border-radius: 50%; }
        .comment-area-box > ul li .comment-box .comment-content {
          margin-left: 100px; }
          .comment-area-box > ul li .comment-box .comment-content h4 {
            color: #222222;
            font-size: 14px;
            font-family: "Poppins";
            font-weight: 600;
            margin: 0; }
          .comment-area-box > ul li .comment-box .comment-content span, .comment-area-box > ul li .comment-box .comment-content a {
            font-size: 12px;
            color: #999999;
            font-family: "Merriweather", serif;
            display: inline-block;
            font-style: italic;
            margin: 0 0 16px; }
          .comment-area-box > ul li .comment-box .comment-content a {
            float: right;
            margin-top: -10px; }
          .comment-area-box > ul li .comment-box .comment-content a:hover {
            color: #aa1f27; }
          .comment-area-box > ul li .comment-box .comment-content p {
            margin-bottom: 0px; }
  .comment-area-box ul.depth .comment-box {
    padding-left: 100px; }

.contact-form-box > span {
  display: block;
  font-size: 12px;
  color: #999999;
  font-family: "Poppins", serif;
  display: inline-block;
  font-style: italic;
  margin: 0 0 25px; }

.contact-form-box #comment-form {
  margin: 0; }
  .contact-form-box #comment-form input:nth-child[],
  .contact-form-box #comment-form textarea {
    display: block;
    width: 100%;
    padding: 12px 20px;
    background: #f7f7f7;
    color: #999999;
    font-size: 15px;
    font-family: "Poppins";
    outline: none;
    border: 1px solid transparent;
    margin: 0 0 30px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out; }
   .contact-form-box #comment-form input[type="text"].captcha-field, input[type="text"].captcha-enter{
      text-align: center;
      padding: 30px;
      font-size: 
    }
  .contact-form-box #comment-form input[type="text"]:focus,
  .contact-form-box #comment-form textarea:focus {
    border: 1px solid #aa1f27;
    background: transparent; }
  .contact-form-box #comment-form textarea {
    height: 130px; }
  .contact-form-box #comment-form input[type="submit"] {
    color: #222222;
    font-size: 13px;
    font-family: "Poppins";
    font-weight: 500;
    padding: 13px 20px 10px;
    text-transform: uppercase;
    border: 2px solid #222222;
    background: transparent;
    outline: none;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    border-radius: 25px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out; }
  .contact-form-box #comment-form input[type="submit"]:hover {
    background: #222222;
    color: #ffffff; }



/*------------------------------------------------- */
/* =  Contact */
/*------------------------------------------------- */
#map {
  overflow: hidden;
  width: 100%;
  height: 640px;
  position:relative;
   }
#map iframe{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

section.contact-section {
  padding: 90px 0 60px; }
  section.contact-section h1 {
    margin-bottom: 20px; 
    font-family: 'Open Sans',sans-serif;
}
  section.contact-section p {
    margin-bottom: 0px; 
    font-family: 'Open Sans',sans-serif;
}
  section.contact-section #contact-form {
    margin: 20px; }
    section.contact-section #contact-form input[type="text"],  
    section.contact-section #contact-form input[type="tel"],
    section.contact-section #contact-form textarea,
    section.contact-section #contact-form select {
      display: block;
      width: 100%;
      height:40px;
      padding: 10px 20px;
      background: rgba(239, 174, 174, 0.24);
      font-size: 15px;
      font-family: "Poppins";
      outline: none;
      border: 1px solid transparent;
      border-radius:15px;
      margin: 0 0 15px;
      transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out; }
       section.contact-section #contact-form select {
        background: transparent;
        border:none;
       }
     /* section.contact-section #contact-form input[type="tel"]{
            padding-left: 0px;
      }*/
    section.contact-section #contact-form input[type="text"]:focus,
    section.contact-section #contact-form input[type="tel"]:focus,
    section.contact-section #contact-form textarea:focus,
    section.contact-section #contact-form select:focus{
      border: 1px solid #aa1f27; }
    section.contact-section #contact-form textarea {
      height: 70px; }
    /*section.contact-section #contact-form input[type="submit"] {
      color: #fff;
      font-size: 13px;
      font-family: "Poppins";
      font-weight: 500;
      padding: 13px 20px 10px;
      text-transform: uppercase;
      border: 2px solid #aa1f27;
      background: #aa1f27;
      outline: none;
      -webkit-border-radius: 25px;
      -moz-border-radius: 25px;
      -ms-border-radius: 25px;
      border-radius: 25px;
      transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      margin-bottom: 10px; }
    section.contact-section #contact-form input[type="submit"]:hover {
      background:#fff ;
      color: #aa1f27; }*/
  section.contact-section div.info-box {
    padding-left: 30px; }
    section.contact-section div.info-box p {
      line-height: 30px; }
      section.contact-section div.info-box p span, section.contact-section div.info-box p i {
        font-size: 14px;
        margin-right: 8px; }

/*------------------------------------------------- */
/* =  Footer */
/*------------------------------------------------- */
footer {
  background: var(--primary-backgroundColor); }
  footer .up-footer {
    padding: 90px 0 65px; }
    footer .up-footer .footer-widget {
      margin-bottom: 30px; }
      footer .up-footer .footer-widget > h2, footer .up-footer .footer-widget h3 {
        color: #ffffff;
        margin-bottom: 35px; }
      footer .up-footer .footer-widget > h2 {
        font-size: 22px; }
        footer .up-footer .footer-widget > h2 span {
          display: inline-block;
          //font-family: "Poppins";
          font-family: 'Open Sans',sans-serif;
          font-style: normal;
          font-size: 22px;
          color: #fdba4c; }
    footer .up-footer .text-widget img {
      max-width: 100%;
      margin-bottom: 40px; }
    footer .up-footer .text-widget p {
      //font-family: "Poppins";
      font-family: 'Open Sans',sans-serif;
      font-size: 14px;
      color: #ccc;
      margin-bottom: 24px; }
    footer .up-footer .text-widget span {
      display: block;
      color: #fff;
      font-size: 14px;
      //font-family: "Poppins", serif;
      font-family: 'Open Sans',sans-serif;
      font-style: italic;
      margin: 0; }
    footer .up-footer ul.social-icons li {
      display: inline-block;
      margin-right: 5px; }
      footer .up-footer ul.social-icons li a {
        width: 40px;
        height: 40px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        border: 2px solid #fdba4c;
        text-align: center;
        line-height: 36px;
        font-size: 14px;
        color: #fdba4c; }
      footer .up-footer ul.social-icons li a:hover {
        border: 2px solid #fdba4c;
        background: #fdba4c;
        color: #fff; }
    footer .up-footer .posts-widget ul li {
      display: block;
      margin-bottom: 20px; }
      footer .up-footer .posts-widget ul li h2 {
        font-size: 13px;
        font-weight: 400;
        //font-family: "Poppins", serif;
        font-family: 'Open Sans',sans-serif;
        margin: 0; }
        footer .up-footer .posts-widget ul li h2 a {
          color: #999999; }
        footer .up-footer .posts-widget ul li h2 a:hover {
          color: #aa1f27; }
      footer .up-footer .posts-widget ul li > a {
        color: #666666;
        font-size: 12px;
        font-family: "Poppins";
        margin: 0; }
      footer .up-footer .posts-widget ul li > a:hover {
        opacity: 0.7; }
    footer .up-footer .instagram-widget ul li {
      display: inline-block;
      margin-right: 12px;
      margin-bottom: 15px; }
      footer .up-footer .instagram-widget ul li a img {
        max-width: 72px; }
      footer .up-footer .instagram-widget ul li a:hover {
        opacity: 0.7; }
        footer .up-footer .newsletter-widget{
          width: 100%;
        }
    footer .up-footer .newsletter-widget p {
      font-size: 13px;
      margin-bottom: 20px; }
    footer .up-footer .newsletter-widget form {
      margin: 0; }
      footer .up-footer .newsletter-widget form input[type="text"] {
        outline: none;
        color: #222222;
        font-size: 13px;
        //font-family: "Poppins", serif;
        font-family: 'Open Sans',sans-serif;
        background: #ffffff;
        padding: 12px 20px;
        width: 100%;
        margin: 0;
        border: none; }
      footer .up-footer .newsletter-widget form input[type="submit"] {
        border: none;
        outline: none;
        background:#fdba4c ;
        color: #fff;
        font-size: 13px;
        //font-family: "Poppins", serif;
        font-family: 'Open Sans',sans-serif;
        padding: 12px 26px;
        float: right;
        margin-top: -42px;
        position: relative;
        z-index: 2; }
  footer p.copyright {
    padding: 35px 0;
    text-align: center;
    //font-family: "Poppins";
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    color: #fff;
    margin: 0;
    background:#fdba4c; }
    footer a#backtop{
      width: 40px;
      height:40px;
      opacity:1;
      position:fixed;
      bottom: 100px;
      right:10px;
      background:#fdba4c; 
      display:none;
      outline:none !important;
      border-radius:50%;
      z-index: 3;
    }
     footer a#backtop:before{
      content:'\2191';
      color:white;
      font-size: 14px;
      font-weight:700;
      font-size: 30px;
        font-weight: 700;
        position: absolute;
        left: 13px;
        top: -5px;
     }


    /*custom Part*/
    /*---------------------*/
 
/*-------------------------------------------------*/
/* =  Responsive Part
/*-------------------------------------------------*/
@media (max-width: 1460px) {
  section.services-section .services-box .services-post {
    padding: 60px 30px; }
  section.services-section .services-box2 .services-box-side .services-post {
    padding: 35px 60px 20px;
    min-height: 266px;
    height: 200px }
  section.services-section .services-box2 .half-box-side {
    padding: 100px 20px; }
  section.services-section .services-box2 .half-box-side .inner-box {
    padding: 103px 10px; }
  section.team-section .team-box .half-box-side {
    padding: 100px 20px; }
  section.team-section .team-box .half-box-side .inner-box {
    padding: 87px 10px; }
  section.about-us-section2 .about-box .about-post {
    padding: 60px; }
  #map {
    height: 500px; } }
@media (max-width: 1236px){
 
  .navbar-nav {
  padding-right:40px;
  }
  .navbar-nav > li > a {

  font-size: 10px;
  font-weight: 600px
  padding: 40px 0px 36px;
  margin: 0 5px;
  }
  .navbar-nav > li > button{

  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;

  margin: 30px 5px;
  padding: 8px;
  }
 
}

@media (max-width: 1199px){
  #home-section {
    min-height: 500px; }
  h2 {
    font-size: 20px; }
  h1 {
    font-size: 40px; }
  section.services-section .services-box .services-post {
    width: 25%;
    border-bottom: 1px solid #eeeeee; }
  section.services-section .services-box2 .half-box-side,
  section.services-section .services-box2 .services-box-side,
  section.team-section .team-box .half-box-side,
  section.team-section .team-box .team-box-side {
    width: 100%;
    float: none; }
  section.services-section .services-box2 .services-box-side .services-post img {
    width: 100%;
    height: auto; }
  section.team-section {
    background: #aa1f27; }
  section.portfolio-section .portfolio-box .project-post,
  section.portfolio-page-section .portfolio-box .project-post {
    width: 33.333333%; }
  section.features-section .features-box .feature-post img {
    display: none; }
  section.features-section .features-box .feature-post.offset-top-1 {
    margin-top: 160px;
    padding-right: 0px; }
  section.features-section .features-box .feature-post.offset-top-2 {
    margin-top: 270px;
    padding-left: 0px; }
  section.page-banner-section h1 {
    font-size: 60px; }
  section.about-us-section2 .about-box .about-post {
    width: 50%;
    border-bottom: 1px solid #eeeeee; }
  section.team-section.second-style .team-box .team-box-side .team-post {
    width: 50%; }
  #map {
    height: 400px; }
  .sidebar {
    padding-left: 0; } }

 /* @media (max-width: 992px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}*/
@media (min-width: 999)
{
  section.portfolio-page-section .portfolio-box .project-post {
    width: 30%; }
}

@media (max-width: 999px) {
  .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
    display: block;
    margin-top: 30px;
    margin-right: 40px; 
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
  .navbar-nav > li > a {
    margin: 0 13px; }
  #home-section {
    min-height: auto; }
  section.portfolio-section .portfolio-box .project-post,
  section.portfolio-page-section .portfolio-box .project-post {
    width: 50%; }
  section.features-section .features-box .feature-post.offset-top-1 {
    margin-top: 0;
    margin-bottom: 40px;
    text-align: center; }
  section.features-section .features-box .feature-post.offset-top-2 {
    margin-top: 0;
    text-align: center; }
  section.features-section .features-box .feature-image {
    text-align: center;
    margin-bottom: 40px; }
  section.statistic-section .statistic-post {
    text-align: center; }
  section.statistic-section .statistic-post p:after {
    left: 50%;
    margin-left: -15px; }
  section.clients-section .clients-box ul.client-list li {
    width: 33.33333%; }
  section.page-banner-section h1 {
    font-size: 50px; }
  #map {
    height: 300px; }
  section.blog-section .blog-box .blog-post .flexslider {
    margin-bottom: 25px !important; }
  .sidebar {
    padding-left: 0;
    padding-top: 60px; }
  .comment-area-box ul.depth {
    padding: 0; }
  .comment-area-box ul.depth .comment-box {
    padding-left: 0; } }

@media (max-width: 767px) {
  h1 {
    font-size: 30px;
    letter-spacing: -1px;
    line-height: 36px; }
  .navbar-toggle {
    margin-top: 30px;
    margin-right: 10px; }
  .navbar {
    background: #222222;
    border: none; }
    .navbar-nav > li{
      text-align: center;
    }
  .navbar-nav > li > a {
    padding: 5px 15px; 
}
    .navbar-nav > li > button{
      
    }
  .navbar-nav > li > a:after {
    display: none !important; }
  .navbar-nav > li > a.open-menu {
    display: none; }
  .navbar-nav li.drop ul.dropdown {
    position: relative;
    top: inherit;
    left: inherit;
    width: 100%;
    border-top: none;
    opacity: 1;
    visibility: visible;
    background: transparent;
    padding-left: 20px; }
    .navbar-nav li.drop ul.dropdown li a {
      color: #fff; }
    .navbar-nav li.drop ul.dropdown li a:hover {
      color: #aa1f27; }
  section.services-section .services-box .services-post {
    width: 100%; }
   section.services-section .services-box2 .services-box-side .services-post {
    padding: 40px 40px;
    width: 100%;
    min-height: auto; }
  section.portfolio-section .portfolio-box .project-post,
  section.portfolio-page-section .portfolio-box .project-post {
    width: 50%; }
     section.portfolio-page-section .portfolio-box .project-post .project-content a{
      font-size:14px;
     }
  ul.filter li a {
    padding: 0 0 6px; }
  ul.filter li {
    padding-left: 5px; }
  ul.filter li:after {
    margin-left: 5px; }
  section.team-section .team-box .team-box-side .team-post {
    width: 100%; }
  section.page-banner-section h1 {
    font-size: 40px; }
  section.about-us-section2 .about-box .about-post {
    width: 100%;
    padding: 40px; }
  .bx-wrapper .bx-controls-direction {
    display: none; }
  section.team-section.second-style .team-box .team-box-side .team-post {
    width: 100%; }
  #map {
    height: 200px; }
.mar{
  margin-top: 90px;
  margin-bottom:90px;}
  div.modal .modal-dialog .modal-content .modal-body #join-form .phonecode-col{
    width:30%;
  }
  div.modal .modal-dialog .modal-content .modal-body #join-form .phone-col{
    width:70%;
  }
 
}

@media (max-width: 500px) {
  .container{
    margin-left: 20px;
    margin-right: 20px; 
  }
  section.application-section #application-form{
  padding:none;
}
  section.services-section .services-box2 .services-box-side .services-post {
    padding: 0px 10px;
    width: 100%;
    min-height: auto;}
  section.clients-section .clients-box ul.client-list li {
    width: 50%; }
  section.page-banner-section h1 {
    font-size: 30px; } 
    .info-container{
      height: 400px;
    }
  .mar{
  margin-top: 50px;
  margin-bottom:50px;}

}
@media (max-width: 413px) {
  .navbar-brand {
    padding-right:0px;
    padding-left: 0px; 
  }
  
section.application-section #application-form{
  padding:0px;
}
}
@media(max-width: 400px){
  .container{
     margin-left: 20px;
    margin-right: 20px;
    padding: 0px;
  }
}
@media (max-width: 360px){
.navbar-brand {
    padding-right: 25px;
    padding-left:5px;
}
 .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
  padding:0px !important;
 }
}
@media(max-width: 353px){
.navbar-brand{
  padding-right: 0;
  padding-left: 0;
}
}


 
     .small-box{
  z-index: 9;
  position:absolute;
  border:none;
  background: rgba(255, 232, 233, 0.85);
  border-radius: 5px;
  padding: 5px; 
  top:10px;
  right: 20px;
}
.fade-in {
  opacity: 1;
  animation-name: fadeInOpacity;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: 3s;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100%{
    opacity: 1;
  }
}

    #f1
    {
        font-family: 'Nunito', sans-serif;
        color: #384047;
    }

    #panel1
    {
        padding: 10px 20px;
        background: #f4f7f8;
        border-radius: 8px;
    }

    #f1 input[type="text"],
    #f1 input[type="password"],
    #f1 input[type="date"],
    #f1 input[type="datetime"],
    #f1 input[type="email"],
    #f1 input[type="number"],
    #f1 input[type="search"],
    #f1 input[type="tel"],
    #f1 input[type="time"],
    #f1 input[type="url"],
    #f1 textarea,
    #f1 select
    {
        display: block;
      width: 100%;
      padding: 10px 20px;
      background: #e2e2e2;
      color: #999999;
      font-size: 12px;
      font-family: "Poppins";
      outline: none;
      border: 1px solid transparent;
      margin: 0 0 30px;
      transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
    }

    #f1 textarea,
    #f1 select
    {
        border: 1px solid #aa1f27;
    }

    #f1 input[type="radio"],
    #f1 input[type="checkbox"]
    {
        margin: 0 4px 8px 0;
    }

    #f1 .sui-sprite.sui-calendar-icon
    {
        margin-top: 14px;
    }

    #b1
    {
        color: #fff;
  font-size: 13px;
  font-family: "Poppins";
  border: 1px solid #aa1f27;
  padding: 13px 50px;
   background-color:#aa1f27;
  font-weight: 500;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  border-radius: 25px;
  text-decoration: none;
        margin-left:35%;
    }
#b1:hover{
  color :#aa1f27;
 background-color: white;
  border: 1px solid #aa1f27;
}
    fieldset
    {
        margin-bottom: 30px;
        border: none;
    }

    legend
    {
        font-size: 1.4em;
        margin-bottom: 10px;
    }

    label
    {
        display: block;
        margin-bottom: 8px;
    }

        label.light
        {
            font-weight: 300;
            display: inline;
        }

    .number
    {
        background-color: #5fcf80;
        color: #fff;
        height: 30px;
        width: 30px;
        display: inline-block;
        font-size: 0.8em;
        margin-right: 4px;
        line-height: 30px;
        text-align: center;
        text-shadow: 0 1px 0 rgba(255,255,255,0.2);
        border-radius: 100%;
    }
    #passwordMatch
    {
        text-align: center;
    }

    .input-group-addon
    {
        background-color: #e8eeef;
    }

    #or
    {
        text-align: center;
        font-weight: bold;
    }

    .social
    {
        list-style-type: none;
        background: #29AFBB;
        height: 52px;
        border: 2px solid#218C95;
    }

        .social li
        {
            padding-right: 20px;
            display: inline-block;
            font-size: 27px;
            border-bottom: 5px solid#29AFBB;
            cursor: pointer;
            margin-top: 5px;
        }

            .social li a
            {
                color: #fff;
                vertical-align: -webkit-baseline-middle;
            }
svg.svglogo{
  height:45px;
  //width:240px;
  margin-top: 20px;
}
svg.svglogo text{
  stroke:#fdba4c;
  font-size: 25px;
  stroke-width:0.5;
  font-weight: 700;
  animation:Textanimation 6s ease forwards 0.1s ;
}

@keyframes Textanimation{
  from{
    stroke-dasharray: 0 50%;
    stroke-dashoffset:20%;
    fill:transparent;

  }
  to{
    stroke-dasharray: 50 0%;
    stroke-dashoffset:-20%;
    fill:#fdba4c;
  }
}
ul.quick-access{
  list-style: none;
}
ul.quick-access > li >a{
  color:white;
  font-size: 15px;}

  div.modal .modal-dialog .modal-content .modal-header button{
    position:absolute;
    top:5px;
    right:5px;
  }
div.modal .modal-dialog .modal-content .modal-body #join-form  .iti {
    position: relative !important;
    display: inline-block !important;
    width:100% !important;
    margin-bottom: 30px;
}
  div.modal .modal-dialog .modal-content .modal-body #join-form input[type="text"],
  div.modal .modal-dialog .modal-content .modal-body #join-form select,
  div.modal .modal-dialog .modal-content .modal-body #join-form textarea
  {
      display: block;
      height: 40px;
      width: 100%;
      padding: 10px 20px;
      background: #e2e2e2;
      color: black;
      font-size: 15px;
      font-family: "Poppins";
      outline: none;
      border: 1px solid transparent;
      border-radius: 10px;
      margin: 0 0 30px;
      transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out; }
       div.modal .modal-dialog .modal-content .modal-body #join-form select{
        
       }
  div.modal .modal-dialog .modal-content .modal-body #join-form input[type="text"]:focus,
   div.modal .modal-dialog .modal-content .modal-body #join-form select:focus,
   div.modal .modal-dialog .modal-content .modal-body #join-form textarea:focus{
      border: 1px solid #aa1f27; }
  div.modal .modal-dialog .modal-content .modal-body #join-form  button{
      position: absolute;
      top: 50%;
      left:50%;
      transform:translate(-80%,-50%);
      color: #fff;
      font-family: "Poppins";
      font-size: 12px;
      font-weight: 500;
       text-transform: uppercase;
      border: 1px solid #fdba4c;
      border-radius: 10px;
      background: #fdba4c ;
      position: relative;
      overflow: hidden;
      margin-top: 30px;
      padding: 10px;
      outline-style: none;
       }
       
  div.modal .modal-dialog .modal-content .modal-body #join-form  button:hover{
    box-shadow: 1px 1px 25px 10px rgba(247, 164, 87, 0.4);
 }
 div.modal .modal-dialog .modal-content .modal-body #join-form button:before{
 //content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(170, 31, 38, 0.8),
    transparent
  );
  transition: all 650ms;
}
div.modal .modal-dialog .modal-content .modal-body #join-form button:hover:before{
  left: 100%;
}
  div.svgtext{
    height: 150px;
    width:300px;
  }
  svg.slidetext
  {height: 100%;width: 100;}
   svg.slidetext  text.small{
  stroke:#aa1f27;
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 1px;
  stroke-width:2;
  animation:slideTextanimation 4s ease forwards 2s ;
}
svg.slidetext  text.bold{
  stroke:#aa1f27;
  font-size: 52px;
  font-weight: 700;
  stroke-width:2;
  animation:slideTextanimation 4s ease forwards 2s ;
}
@keyframes slideTextanimation{
  0%{
    stroke-dasharray: 0 50%;
    stroke-dashoffset:10%;
    fill:transparent;

  }
  50%{
    fill: rgb(170, 31, 38, .5)
  }
  100%{
    stroke-dasharray: 50 0%;
    stroke-dashoffset:-10%;
    fill:#fdba4c;
  }
}
section.application-section #application-form{
    padding: 5px;
  padding-top: 50px;
  
  border-left: 10px solid #aa1f27;
  border-right: 10px solid #aa1f27;
  border-radius: 5px;
  margin-bottom: 50px;
  background: #fff;
  box-shadow: 0 0 20px -3px black;

}
section.application-section #application-form label{
  color:black;
  text-align: left;
  margin:0px;
  padding: 0px;

}
section.application-section #application-form input[type="text"],input[type="password"]{
      display: block;
      width: 100%;
      height: 40px;
      padding: 5px 20px;
      background: #fbecec;
      color: black;
      font-size: 13px;
      font-family: "Poppins";
      outline: none;
      border: 1px solid transparent;
      border-radius: 10px;
      margin: 0 0 30px;
      transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out; }
      section.application-section #application-form input[type="text"]:focus,input[type="password"]:focus{
        border-color: #aa1f27;
        
        transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out; 
      }
section.application-section #application-form select{
  display: block;
  width: 100%;
  height: 40px;
  padding: 10px 20px;
  background: #fbecec;
  color: black;
  font-size: 12px;
  font-family: "Poppins";
  outline: none;
  border: 1px solid transparent;
  border-radius: 10px;
  margin: 0 0 30px;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
section.application-section #application-form select:focus{
  border-color:#aa1f27;
  
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out; 
}
section.application-section #application-form input[type="checkbox"]:active{
 outline-color: #aa1f27;
}
section#home-section #rev_slider_202_1_wrapper #rev_slider_202_1 ul li div#slide-672-layer-2{
  z-index: 7;
  white-space: nowrap;
  text-align:center; 
  color: var(--primary-borderColor)!important;
  //color:rgb(170 31 38) !important;
  background:rgba(255,255,255,.63); 
  margin-top:-160px;
  //border-left: 10px solid rgb(170 31 38);
  border-left: 10px solid var(--primary-borderColor);
  border-radius: 20px; 
  padding: 10px;
  width:430px; 
  max-width: 430px; 
  line-height: 60px;
}
 /* :before{
  content: “ ”;
  background: inherit; 
  position: absolute;
  left: 0;
  right: 0;
  top: 0; 
  bottom: 0;
  box-shadow: inset 0 0 0 3000px rgba(255,255,255,0.3);
  filter: blur(10px);
  }*/
section.banner-section {
background-color: #fdba4c;
padding: 50px 0; }
section.banner-section h1 {
padding: 0 40px;
margin-bottom: 0; }
section.banner-section h1 span {
margin-top: 5px; }
section.banner-section h1 a {
float: right;
line-height: 20px; }
section.banner-section h1 a:hover {
background-color: #fff;
color: #000;
box-shadow: 0 15px 25px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 15px 25px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 15px 25px rgba(0, 0, 0, 0.1);
-o-box-shadow: 0 15px 25px rgba(0, 0, 0, 0.1); }
.center-container { 
  height: 200px;
  position: relative;
  border: 3px solid green; 
}

.center {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.info-container {
  background-color: #fdfdfd;
  border-top:50px solid var(--primary-backgroundColor);
  border-radius: 5px;
  box-shadow: 0px 0px 18px 1px #000000;
  height: 100%;
}
.info-container:before{
  content: '\2666';
  position: absolute;
  color: white;
  top: -64px;
  left: 1%;
  font-size: 50px;
}
.info-container img{
  height:auto;
  width:100%;
  border-radius:15px;
  padding:10px;
}

.info-container .pad{
  padding: 55px 40px 30px 40px;
}
.info-container .portfolio-box .project-post .project-gal img{
  padding: 0px;
}

.pad{
 padding: 80px 40px 30px 40px;
  
}
.mar{
  margin-top: 120px;
  margin-bottom:120px;
}
@media (max-width: 768px)
{
  
  .mar{margin:50px 20px 50px;}
  .pad{ padding: 30px 25px 0px;}
}
@media (max-width: 500px){

  .mar{
 margin: 50px 15px;}
  .pad{ padding: 10px;}
}

.default-button{
  top: 50%;
  left:50%;
  transform:translate(-80%,-50%);
  color: #fff;
  font-family: "Poppins";
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  border: 1px solid #fdba4c;
  border-radius: 20px;
  background: #fdba4c ;
  position: relative;
  overflow: hidden;
  /*margin-top: 30px;*/
  margin:30px 20px;
  padding: 15px 20px;
  outline-style: none;
   }
       
  .default-button:hover{
    box-shadow: 1px 1px 25px 10px rgba(247, 164, 87, 0.6);
 }
 .default-button:before{
 content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(170, 31, 38, 0.8),
    transparent
  );
  transition: all 650ms;
}
 .default-button:hover:before{
  left: 100%;
}
.collapsible {
    background-color: #aa1f27;
    color: white;
    cursor: pointer;
    padding: 18px;
    width: 227px;
    border: none;
    border-radius: 15px;
    text-align: left;
    outline: none;
    font-size: 15px;
    position: relative;

  }

  .on, .collapsible:hover {
    background-color: #fdba4c;
    transition: all ease-in .5s;
    -webkit-transition: all ease-in .5s;
   -moz-transition: all ease-in .5s
  }

  .collapsible:after {
    content: '\002B';
    color: white;
    font-weight: bold;
    float: right;
    margin-left: 5px;
  }

  .on:after {
    content: "\2212";
  }

  .content {
    padding: 0 18px;
    max-height: 0;
    background-color: #fdba4c;
    border-radius: 15px;
    overflow: hidden;
    transition: max-height 0.5s ease-out;
    width:100%;
    position: absolute;
    z-index:9999;
  }
.iconspiner{
  /*display: none;*/
 animation:spinicon infinite ease forwards;
}
@keyframes spinicon{
  0%{
  transform:  rotate(0deg);
  }
  100%{
    transform:  rotate(359deg);
  }
}
.error{
  display:none;
  padding: 10px 10px;
  background:  #aa1f27;
  position:fixed;
  top:100px;
  right:20px;
  max-width:300px;
  max-height:100px;
  z-index: 1041;
  border-radius: 15px;
  border: 2px solid white;
  box-shadow: 0px 0px 18px 1px #000000;

}
.error h3 {
  text-align: center;
  color:white;
}
.error p{
  color: white;
  font-size: 14px;
}

.success{
  display: none;
  padding: 10px 10px;
  background:#aa1f27;
  position:fixed;
  top:100px;
  right:20px;
  max-width:300px;
  max-height:120px;
  z-index: 1041;
  border-radius: 15px;
  border: 1px solid white;
  box-shadow: 0px 0px 18px 1px #000000;

}
.success h3 {
  text-align: center;
  color:white;
}
.success p{
  color: white;
  font-size: 14px;
}

@keyframes msganimation {
  
}
@media (max-width: 1035px){
  .navbar-brand{
    padding-right: 0px
  }
}
@media (max-width: 538px){
  section.portfolio-page-section .portfolio-box .project-post{
    width:100%;

  }
  svg.svglogo{
    width:200px;
  }
  svg.svglogo text{
    font-size:20px;
  }
  #pre-loader .loader-holder .frame svg.prelogo {
    width:200px;
  }
   #pre-loader .loader-holder .frame svg.prelogo text{
    font-size: 20px;
   }
}