@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

*:focus,
a:focus,
a:active {
  outline: none;
  color: inherit;
  text-decoration: inherit; }

.no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .no-gutters > .col,
  .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0; }

html {
  height: 100%;
  padding-bottom: 2px; }

.overflow {
  overflow: hidden; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 600;
  margin: 0px;
  padding: 0px; }

a, a span {
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -ms-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out; }

a:hover, a:hover span {
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -ms-transition: all 0.45s ease-in-out
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out; }

body {
  background-color: #fff;
  color: #292929;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  font-family: "Montserrat", sans-serif; }

a {
  color: #d9d9d9;
  text-decoration: none;
  cursor: pointer; }

a:hover {
  color: #fff;
  text-decoration: none; }

.loading, .loading-box {
  display: none; }

/* -------------- Top -------------- */


.top-wrapper {
  position: relative;
  z-index: 13;
 background-color:#fff  }
.top-wrapper .logo {
  margin: 0 0 0 0;
  display: block; }
.top-wrapper .logo img {
 width: 200px; }

  
.top-con{ margin:15px 0 0 0; padding: 2px 2px 2px 60px; font-size: 15px; color:#000; line-height:20px; font-weight:500; }
.top-con span{ font-size: 13px; color:#626262; display: block; width: 100%; line-height:20px; font-weight:500;}
.mail{ background:url(../img/mail.jpg) no-repeat left center; }
.time{ background:url(../img/time.jpg) no-repeat left center; }

.slick-prev{ height: 60px; width: 60px; background: url(../img/left-b.png) no-repeat center center; z-index: 10; border: 0; text-indent: -9999;
  display: inline-block; position: absolute; top:45%; color: red; left: 20px; cursor: pointer;}
.slick-next{ height: 60px; width: 60px; background: url(../img/right-b.png) no-repeat center center; z-index: 10; border: 0; text-indent: -9999;
  display: inline-block; position: absolute; top:45%; color: red; right: 20px; cursor: pointer;}

.breadcrumb{ background-color: transparent !important; padding: 0 !important; margin:0 0 25px 0 !important ; }
.breadcrumb ul{ list-style: none; float: left; margin:0 ; padding: 0; }
.breadcrumb ul li{ display:inline-block;  }
.breadcrumb ul li a{ display:block; padding:4px 8px; color:#4e2624 };

.contact_us_form fieldset {
  padding: 25px;
  border: 1px solid #107483;
  position: relative;
  width: 100%;
  float: left;
  margin: 15px 1%;
  color: #191919;
  border-radius: 10px; }

.contact_us_form legend {
  margin-left: 0px;
  width: auto;
  color: #107483;
  padding: 0px 10px 0 10px;
  font-weight: 300;
  font-size: 25px;
  border: 0px; }

.contact_us_form input, .contact_us_form select { width: 100%; border-radius: 4px; height: 38px; background: transparent; border: 1px solid #8a8c8d;}
.contact_us_form textarea { width: 100%; border-radius: 4px; height: 132px; background: transparent; border: 1px solid #8a8c8d; }

.btn-warning, .btn-primary {
  background-color: #6e6e6e !important; font-weight: 500;
  color: #fff !important; width: 160px !important;
  border: 0 !important; height: 38px;
  border-radius: 0; margin-bottom: 12px;
  display: inline-block; 
-webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -ms-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out; 
  }

.btn-warning:hover, .btn-primary:hover {
  background-color: #eca234 !important;
  color: #fff;
  border: 0;
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -ms-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out; 
   }
.contact_us_form label {
  font-weight: normal; }

label.error {
  color: red;
  font-weight: 300;
  margin-top: 0; }


.login-wrapper {
  padding: 15px 0 30px 0; }
  fieldset {
    border: 1px solid #a3a3a3 !important;
    margin: 15px 5px;
    padding: 18px; }
  legend {
    font-weight: 500;
    color: #dd0707;
    padding: 0px 10px;
    display: inline-block;
    width: auto;
    font-size: 18px; }

  fieldset input, fieldset textarea, fieldset select {
    border-radius: 0!important;
    border: 1px solid #a3a3a3!important;
    width: 100%; background: transparent !important; }


/* -------------- Menu -------------- */
.menu-wrapper {
  background-color:#f5c20c; }

.top-menu {
  padding: 0px 0;
  z-index: 10;
  display: inline-block; }
  .top-menu ul {
    margin: 0px 0 0px 0;
    padding: 0;
    list-style: none;
    display: inline; }
    .top-menu ul li {
      display: inline-block;
      margin: 0px;
      padding: 0px;
      position: relative;
      color: #4e2624;
      float: left;
      font-weight: 500;
      font-size: 14px; }
      .top-menu ul li a {
        font-size: 15px;
        color: #fff;
        font-weight: 500;
        padding: 18px 18px 10px 18px;
        text-decoration: none;
        display: inline-block; }
      .top-menu ul li a:hover {
        text-decoration: none;
        color: #000 !important;}
    .top-menu ul li:last-child a{
      border-right: 0px; }

.top-menu ul li ul {
  display: none;
  position: absolute;
    z-index: 30;
    background-color: #4f4e4e; }

.top-menu ul li:hover ul {
  display: block; }

.top-menu ul li ul li {
  width: 250px;
  display: block;
  background: none;
  text-align: left !important;
  padding: 3px 5px;
  text-align: left !important;
  border-bottom: 1px solid #282828 !important; }

.top-menu ul li ul li a {
  font-size: 15px;
  padding: 5px 6px; }

.top-menu ul li ul li:first-child a {
  padding: 5px 6px !important; }

.top-menu ul li ul li ul, .top-menu ul li:hover ul li ul {
  display: none;
  left: 251px;
  top: 0px;
  border-top: 1px solid #ccc !important; }

.top-menu ul li:hover ul li:hover ul {
  display: block; }



.social-cover{  display: block; position: relative; text-align: center;}
.social-cover img{ z-index: 10; position: relative; } 
.social-cover .social-image{ position: absolute; color: #ccc; top:0; z-index: 5; width: 100%; text-align: center; }

.top-wrapper1 .top-menu { text-align:right !important; float:right !important; }

/* -------------- Banner -------------- */
.banner-wrapper img{ width:100%; }
.tag-line{ margin-top: 20px; font-weight: 300; font-style: italic; color: #cbcbcb; text-align: center; display:block; width:100%;  }

.sub-banner-wrapper {
  z-index: 8;
  background: url(../img/banner-bg2.png) top center #f1f1f1;
  position: relative;
  padding: 100px 0 150px 0; }

.banner-slider img {
  width: 100%; }

/* -------------- Title -------------- */
.page-title{ background:url(../img/header-bg.png) no-repeat left center; padding-left:60px; text-align:left; margin-bottom:20px; }
  .page-title h1 {
    font-family: "Bebas Neue", sans-serif;
    color: #000;
    margin-top: 10px;
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 10px;  
     }
 

/* -------------- Content -------------- */

.home-content{font-weight: 500;}

.page-content{font-weight: 500;}
.page-content h1{font-weight: 500; font-size:30px }
.page-content h2{font-weight: 500; font-size:28px }
.page-content h3{font-weight: 500; font-size:25px }
.page-content h4{font-weight: 500; font-size:20px }
.page-content h5{font-weight: 500; font-size:20px }
.about-wrapper{
  padding: 40px 0; 
}

.page-wrapper{
  padding: 40px 0; 
 }

.why-us{ background-color:#ececec; padding:40px 0;  }
.why{ margin:10px 0; display:block; font-size:15px; }

.service-wrapper{
  padding: 40px 0; 
  background: url(../img/bg.png)no-repeat right bottom ;
 }
.service{ padding: 15px; text-align:center; background-color: #fff; margin:16px 0; border:1px solid #bbbbbb;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.service-ico{ text-align:center; margin:8px 0; }
.service-ico img{  max-width:95%; display:block; }
.service-title{ text-align:center; margin:8px 0 12px 0; color:#000; font-weight:700; font-size:18px; padding-bottom: 16px; background:url(../img/header-bg2.jpg) no-repeat center bottom; }
.service-data{ text-align:center; margin:8px 0; font-size:14px; font-weight:500;  }
.link-button{ background: #fbd91f; display:inline-block; padding:12px 20px; color:#000; font-size:20px; }
.link-button:hover{ background: #000;  color:#fff; }

.testimoial-wrapper{ background:#f7f6f6; padding:40px 0; }
.testimonial{ border:1px solid #bababa; background-color:#fff; margin:60px 0 20px 0; position:relative; padding:18px; }
.testimonial-icon{ position:absolute; top:-30px; left:20px; }
.testimonial-icon img{ width:80px; height:auto; }
.testimonial-image{ overflow:hidden;width: 120px; height: 120px; border-radius:50%; border:2px solid #73a519; margin-left:auto; margin-right:auto; margin-top:-66px; }
.testimonial-image img{width: 135px; height: auto;}
.testimonial-text{ font-weight:500; margin-top:10px; font-size:14px; margin-bottom:10px; }
.testimonial-author{ color:#73a519; font-weight:600; }

.link-button2{ background: #fbd91f; display:inline-block; padding:8px 10px; color:#000; font-size:16px; }
.link-button2:hover{ background: #73a519;  color:#fff; }

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #000;
}
.facts-wrapper{
  padding: 60px 0; background: url(../img/facts-bg.jpg) no-repeat center center;
}
.facts-box{ border:1px solid #ccc; padding:15% 0; margin:20px 0; }
.f-number{text-align: center;
    font-size: 50px;
    font-weight: 300;
    color: #fff;}
.f-bar{ border-bottom:5px solid #fff; display:block; width:70px; margin:6px auto; }
.f-text{
  padding-top: 20px; text-align: center;
}
.slick-dots li button:before {
  font-size: 10px !important; }

.slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: #454545;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.more{ display: inline-block; text-align:center; background-color: #707070; color:#fff; font-weight:500; margin:20px; font-size: 18px; padding:8px 15px; }
.more:hover{ background-color: #fff; color:#000; }


.select-size{  list-style: none; margin: 0; padding: 0; } 
.select-size li{ display: inline-block; margin:8px; border: 1px solid #eca234; position: relative;}
.select-size li label{  padding: 2px 6px; text-align: center; margin-bottom: 0!important ; cursor: pointer; font-weight: 500; }
.select-size li input[type="radio"] {
  width: 30px;
  height: 29px; cursor: pointer;
  position: absolute;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  top: -1px;
  left: 0px;
  transition: all 0.45s ease-in-out;
}
.select-size li input[type="radio"]:checked {
  background: url(../img/size.png) no-repeat center center;
  transition: all 0.45s ease-in-out;
}
.select-size li input[type='radio']:disabled {
    pointer-events: none;
}
.select-size li input.disabled-radio{ opacity: 0.4; }

.breadcrumb{ background-color: transparent !important; padding: 0 !important; margin:10px 0 8px 0 !important; }
.breadcrumb ul{ list-style: none; float: left; margin:0 ; padding: 0; }
.breadcrumb ul li{ display:inline-block;  }
.breadcrumb ul li a{ display:block; padding:4px 8px; color:#4e2624 }

.contact-wrapper{ text-align:center; padding:18px 0; }
.contact-wrapper p{ font-size:22px !important; line-height: 39px; color:#2e2e2d; }
.contact-wrapper a{ font-size:22px; line-height: 39px; color:#2e2e2d; }

.contact-from label{ width:100% !important }
.contact-from input { border: 1px solid #ccc; height:45px; width:100%; }
.contact-from textarea { border: 1px solid #ccc; height:65px; width:100%; }
.contact-from .wpcf7-submit {background: #fbd91f; color: #000; border: none !important; height:45px;  cursor: pointer !important; width: 100%;
-webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -ms-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}
.contact-from .wpcf7-submit:hover{ background: #73a519;  color:#fff; 
-webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -ms-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}

label.error {
  color: red;
  font-weight: 300;
  margin-top: 0; }


.easyzoom { border:5px solid #eca234; margin-left: 90px;  }

.thumbnails { margin: 0 10px 0 0 ; padding: 0; list-style: none; margin-bottom: 15px; display: inline-block; width: 80px;  position: absolute;}
.thumbnails li { margin: 0px 0px 10px 0; display: inline-block; float: left; }
.thumbnails li a img{ width: 80px; height: auto; }


.breadcrumb-wrapper {
  color: #616161; }
  .breadcrumb-wrapper ul {
    list-style: none;
    padding: 0;
    margin: 12px 0 0 0; }
    .breadcrumb-wrapper ul li {
      display: inline-block; }
      .breadcrumb-wrapper ul li a {
        padding: 3px 5px; }

.content {
  line-height: 26px;
  color: #8c8c88;
  font-size: 16px; }
  .content p {
    line-height: 26px;
    color: #8c8c88;
    font-size: 16px; }

.sub-content {
  line-height: 20px;
  color: #8c8c88;
  font-size: 14px; }
  .sub-content p {
    line-height: 20px;
    color: #8c8c88;
    font-size: 14px; }

/* -------------- Footer -------------- */
.footer-wrapper {
  padding: 30px 0;
  background-color: #2b2b2b; }
.footer-image{ display:inline-block; width: 100%; text-align:center; margin-bottom:20px; }
.footer-image img{ max-width:100%; height:auto; }
.Footer-data h1{ font-size:32px; color:#fff; font-weight: 600; margin-bottom:10px; }
.fgallery{ margin:5px; display:block; }
.fgallery img{ width:100%; height:auto; }
.Footer-data{ font-size:16px; color:#fff; line-height:29px; }
.Footer-data a{ font-size:16px; color:#fff; line-height:29px; }
.socialmedia-menu{ margin-top:12px; }
.socialmedia-menu ul {
  list-style: none;
  padding: 0;
  list-style: inline-block; }
.socialmedia-menu ul li {
  display: inline-block; width: 32px; height: 32px; margin-left: 4px;}
.socialmedia-menu ul li a {
  color: #000;
  text-decoration: none;
  font-size: 16px; 
  text-align: center; padding-top: 3px;
  width: 32px; height: 32px;
  display: block;
  background-color: #ffca0c; border-radius: 50%;
  border-bottom: 0; }
.socialmedia-menu ul li a:hover {
    color:#fff; background-color: #fff; }


.footer2 {
  padding-bottom: 15px;
  padding: 18px 0; }
  .footer2 .copy-text {
    font-size: 15px;
    color: #4f4e4e; }
  .footer2 .wc-text a {
    font-size: 15px;
    color: #4f4e4e; }

.error {
  color: #e90e0e; }



/* --------- sign in / sign up ------------ */
/* Breakpoints */
/* 320px*/
/* 768px*/
/* 1024px*/
/* 1366px*/
/* 1920px*/
/* 2560px*/
/* Media Queries */
@media (min-width: 20em) {
  .mobile {
    display: block; }
  .desktop {
    display: none; }
  .tag-line{ font-size: 39px;} 
  .copy-text {
    text-align: center; }
  .wc-text {
    text-align: center; } }

@media (min-width: 48em) {
  .mobile {
    display: block; }
  .desktop {
    display: none; }
  .tag-line{ font-size: 39px;} 
  .copy-text {
    text-align: center; }
  .wc-text {
    text-align: center; } }

@media (min-width: 64em) {
  .mobile {
    display: none; }
  .desktop {
    display: block; } 
  .tag-line{ font-size: 50px;}
  .copy-text {
    text-align: left; }
  .wc-text {
    text-align: right; } }

@media (min-width: 85.375em) {
  .mobile {
    display: none; }
  .desktop {
    display: block; }
  .tag-line{ font-size: 50px;}
  .copy-text {
    text-align: left; }
  .wc-text {
    text-align: right; } }

@media (min-width: 120em) {
  .mobile {
    display: none; }
  .desktop {
    display: block; } 
  .tag-line{ font-size: 50px;}
  .copy-text {
    text-align: left; }
  .wc-text {
    text-align: right; } }

@media (min-width: 160em) {
  .mobile {
    display: none; }
  .desktop {
    display: block; }
  .tag-line{ font-size: 50px;}
  .copy-text {
    text-align: left; }
  .wc-text {
    text-align: right; } }