@font-face {
  font-family: 'Montserrat'; font-weight: 100; font-style: normal;
  src: url('../fonts/Montserrat-Thin.eot?#iefix') format('embedded-opentype'),  url('../fonts/Montserrat-Thin.woff') format('woff'), url('../fonts/Montserrat-Thin.ttf')  format('truetype'), url('../fonts/Montserrat-Thin.svg#Montserrat-Thin') format('svg');
}

@font-face {
  font-family: 'Montserrat'; font-weight: 200; font-style: normal;
  src: url('../fonts/Montserrat-ExtraLight.eot?#iefix') format('embedded-opentype'),  url('../fonts/Montserrat-ExtraLight.woff') format('woff'), url('../fonts/Montserrat-ExtraLight.ttf')  format('truetype'), url('../fonts/Montserrat-ExtraLight.svg#Montserrat-ExtraLight') format('svg');
}

@font-face {
  font-family: 'Montserrat'; font-weight: 300; font-style: normal;
  src: url('../fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/Montserrat-Light.woff') format('woff'), url('../fonts/Montserrat-Light.ttf')  format('truetype'), url('../fonts/Montserrat-Light.svg#Montserrat-Light') format('svg');
}

@font-face {
  font-family: 'Montserrat'; font-weight: 400; font-style: normal;
  src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/Montserrat-Regular.woff') format('woff'), url('../fonts/Montserrat-Regular.ttf')  format('truetype'), url('../fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
}

@font-face {
  font-family: 'Montserrat'; font-weight: 500; font-style: normal;
  src: url('../fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/Montserrat-Medium.woff') format('woff'), url('../fonts/Montserrat-Medium.ttf')  format('truetype'), url('../fonts/Montserrat-Medium.svg#Montserrat-Medium') format('svg');
}

@font-face {
  font-family: 'Montserrat'; font-weight: 600; font-style: normal;
  src: url('../fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),  url('../fonts/Montserrat-SemiBold.woff') format('woff'), url('../fonts/Montserrat-SemiBold.ttf')  format('truetype'), url('../fonts/Montserrat-SemiBold.svg#Montserrat-SemiBold') format('svg');
}

@font-face {
  font-family: 'Montserrat'; font-weight: 700; font-style: normal;
  src: url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/Montserrat-Bold.woff') format('woff'), url('../fonts/Montserrat-Bold.ttf')  format('truetype'), url('../fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
}

@font-face {
  font-family: 'Montserrat'; font-weight: 800; font-style: normal;
  src: url('../fonts/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'),  url('../fonts/Montserrat-ExtraBold.woff') format('woff'), url('../fonts/Montserrat-ExtraBold.ttf')  format('truetype'), url('../fonts/Montserrat-ExtraBold.svg#Montserrat-ExtraBold') format('svg');
}

@font-face {
  font-family: 'Montserrat'; font-weight: 900; font-style: normal;
  src: url('../fonts/Montserrat-Black.eot?#iefix') format('embedded-opentype'),  url('../fonts/Montserrat-Black.woff') format('woff'), url('../fonts/Montserrat-Black.ttf')  format('truetype'), url('../fonts/Montserrat-Black.svg#Montserrat-Black') format('svg');
}

html, body{font-family: 'Montserrat'; font-weight: 400; scroll-behavior: smooth;}
a, a:hover, a:focus, a:active{text-decoration: none;}
/*a:hover{color: #f64747 !important;}*/
input:focus, select:focus, button:focus{box-shadow: none !important; outline: none !important;}
ul{padding: 0; margin: 0;}
p{font-size: 15px;}
img{max-width: 100%; width: auto;}

/*--offcanvas-css--*/
#sidebar{opacity: 0;}
.sidebar-offcanvas-menu .sidebar-wrapper {position: relative; height: 100%; overflow: auto;}
#sidebar.sidebar-wrapperd-box{opacity: 1;}
.sidebar-offcanvas-menu .outer {height: 100%; background: #ffffff; overflow: auto; padding: 0 0 20px;}
.sidebar-offcanvas-menu .inner {padding: 10px;}
.sidebar-offcanvas-menu #sidebar {position: fixed; top: 0px; bottom: 0px; width: 300px; left: -300px;}
.sidebar-offcanvas-menu .sidebar-top-header:after{content: ''; display: table; width: 100%;}
.sidebar-offcanvas-menu .sidebar-top-header {background-color: #ffffff; padding: 15px; border-bottom: rgba(177, 177, 177, 0.29) 1px solid;}
.sidebar-offcanvas-menu .sidebar-close-btn {text-align: right; float: right; padding:0;}
.sidebar-offcanvas-menu .sidebar-logo {float: left;}
.sidebar-offcanvas-menu .sidebar-logo img {max-width: 152px; margin: 0 auto;}
.sidebar-offcanvas-menu .sidebar-close-btn a {color: #343434; font-size: 30px; text-align: right; padding: 10px 0 0; cursor: pointer;}
.sidebar-offcanvas-menu ul.sidebar-menu, .sidebar-offcanvas-menu ul.sidebar-menu ul#menu-sidebar-menu-desktop {padding: 0; margin: 0;}
.sidebar-offcanvas-menu ul.sidebar-menu li {display: block; transition: all .3s ease-in; -webkit-transition: all .3s ease-in;}
.sidebar-offcanvas-menu ul.sidebar-menu li a {color: #000000;font-family: 'Montserrat'; display: block; text-transform: uppercase; padding: 10px 15px; font-size: 14px;}
ul.sidebar-menu > li {border-bottom: #ffffff4f 1px dashed;/*padding: 5px 0; margin-top: 10px;*/}
.sidebar-offcanvas-menu .inner {padding: 0;}
ul.sidebar-menu > li.sub-childli > a:after {content: "\f107"; font-family: FontAwesome; color: #FFF; position: absolute; right: 15px; font-size: 20px; line-height: 20px;}
ul.sidebar-menu > li a {position: relative;}
ul.sidebar-menu > li > ul {padding: 0; margin: 0; display: none;}
ul.sidebar-menu > li > ul > li a {text-transform: capitalize !important; padding-left: 35px !important; font-size: 14px !important;}
ul.sidebar-menu li.active > a, ul.sidebar-menu li:hover > a {background-color: #3D6394;color: #FFF;}
/*--offcanvas-css-end--*/

/*--header-css--*/
.main-navbarbox{padding: 10px 0; background: #f9f9f9;}
.main-navbarbox.affix{width: 100%; background: #fff; z-index: 99; background: #fff; box-shadow: 0 2px 10px #ccc;}

.mobile-menubtn {display: none; }
.btnmmenu span {width: 35px; height: 2px; background-color: #313131; display: block; margin: 6px 0; }
.btnmmenu {max-width: 37px; margin: 20px 0 0 auto; }

.logo-boxin {padding: 5px 0; }
.logo-boxin a {display:block; max-width: 270px;}
.logo-boxin a img{width: auto; max-width: 100%;}

.desktop-menuboxin{text-align: right; padding-top: 10px;}
.desktop-menuboxin ul li.menu-item ul {display: none; }
.desktop-menuboxin ul li {position: relative; display: inline-block; padding: 0 5px; }
.desktop-menuboxin ul li a {display: block; padding: 10px 10px;font-size: 16px; color: #333; text-transform: uppercase; border-bottom: solid 2px transparent; transition: all .3s ease; -webkit-transition: all .3s ease; }
.desktop-menuboxin ul li.active > a {color: #3D6394; border-bottom-color: #3D6394;}
.desktop-menuboxin ul li:hover > a {color: #3D6394; border-bottom-color: #3D6394;}
.desktop-menuboxin ul li.menu-ite ul{position: absolute; width: 300px; text-align: left;background-color: #f3f3f3;z-index: 9999;}
.desktop-menuboxin ul li:nth-child(3) ul, .desktop-menuboxin ul li:last-child ul{right: 0;}
.desktop-menuboxin ul li.menu-item ul li{display: block; padding: 0;}
.desktop-menuboxin ul li.menu-item ul li a{font-size: 14px;}
.desktop-menuboxin ul li:hover > ul{display: block;}
.sidebar-offcanvas-menu ul.sidebar-menu li.menu-item-has-children {position: relative; }
.sidebar-offcanvas-menu ul.sidebar-menu li.menu-item-has-children img {position: absolute; right: 0; top: 0; }
/*--end--*/



/*--home-banner-slider-css--*/
.banner-sliderbox {position: relative; padding:0; height: 500px; overflow: hidden; }
.banner-sliderbox .banner-slider {height: 100%; }
.banner-sliderbox img{height: 100%; width: 100%; object-fit: cover;}
.banner-sliderbox .slick-arrow{z-index: 9; background: #3D6394; color: #fff; width: 30px; height: 30px;}
.banner-sliderbox .slick-prev{left: 20px;}
.banner-sliderbox .slick-next{right: 20px;}
.banner-sliderbox .slick-prev:before{content: '\f104'; font-family: fontawesome;}
.banner-sliderbox .slick-next:before{content: '\f105'; font-family: fontawesome;}


@media (min-width: 1800px){
	.banner-sliderbox{height: 700px;}	
}

/*--end--*/


/* -- Home sec 1 --*/
.home-sec-1 {padding: 50px 0 0; text-align: center;} 
.home-sec-1 h3 {font-size: 42px; font-weight: 700; color: #3D6394; text-transform: uppercase; margin-top:0; }
.home-sec-1 h4 {font-size: 32px; text-transform: uppercase; font-weight: 300; padding-bottom: 30px; }
.home-sec-1 p {color: #5f727f; font-size: 16px; line-height: 30px; }
.home-sec-1 a{color: #203342;}
/*--end--*/


/* -- Home sec 4 --*/
.home-sec-4{padding: 0px 0 70px;}
.home-sec-4 .sec-heading{text-align: center;}
.home-sec-4 .sec-heading h3{font-size: 52px; font-weight: 700; color: #fff; letter-spacing: 0.05em; text-transform: uppercase;}
.home-sec-4 .sec-heading p {color: #5f727f; font-size: 16px; line-height: 30px; }
.benefits-box{margin-top: 30px; color: #3D6394; background: #f9f9f9;  padding: 15px; text-align: center; display: block; transition: all 1s ease;}
.benefits-box .icon{margin-bottom: 15px; height: 210px; background: #fff;}
.benefits-box .icon img {width: 100%; height: 100%; object-fit: contain;}
.benefits-box h4 {font-size: 20px; text-transform: uppercase; font-weight: 500; margin: 0; }
.benefits-box:hover{transform: scale(1.1,1.1); background: #3D6394; color: #fff;box-shadow: 0 0 10px #ccc;}
/* -- End -- */


/* -- Home sec 5 --*/
.home-sec-5{background: #f0f3f2; overflow-x: hidden;}
.home-sec-5 .row{display: flex; flex-direction: row; align-items: center;}
.home-sec-5 .right-sec{padding: 50px 20px 50px 80px;}
.home-sec-5 .brands-sec{background: #2e2f39; padding: 60px; color: #fff}
.home-sec-5 .brands-sec h3{font-size: 36px; font-weight: 700; color: #3D6394; letter-spacing: 0.05em; text-transform: uppercase;}
.brands-box{padding: 0 20px; text-align: center;}
.brands-box .brands-img{text-align: center;}
.brands-box .brands-img img{margin: auto;}
/* -- End -- */


/* -- Home sec 7 --*/
.home-sec-7 {background: url(../img/map.jpg) no-repeat; background-size: cover; background-attachment: fixed; padding: 120px 0; text-align: center;}
.home-sec-7 h3{font-size: 52px; font-weight: 700; color: #3D6394; letter-spacing: 0.05em; text-transform: uppercase; padding-bottom: 20px;}
.home-sec-7 p{color: #fff; font-size: 16px; line-height: 30px;}
.home-sec-7 .mail-function{color: #fff; padding-top: 10px;}
.home-sec-7 .mail-function a{color: #fff;}
.home-sec-7 .mail-function a:hover{color: #3D6394;}
/* -- End -- */


/*--footer-css--*/
footer.footer-sec {padding: 50px 0 35px; text-align: center;}
footer .ft-logo {max-width: 200px; margin: 0 auto 30px; }

/* footer section */
footer {
  background: #66cdcc;
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, #66cdcc 0%, #336799 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #66cdcc), color-stop(100%, #336799));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-45deg, #66cdcc 0%, #336799 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-45deg, #66cdcc 0%, #336799 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(-45deg, #66cdcc 0%, #336799 100%);
  /* IE10+ */
  background: linear-gradient(-45deg, #66cdcc 0%, #336799 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66cdcc, endColorstr=#336799, GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
footer .social a {
  border: 2px solid #ffffff;
  margin: 0 8px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
footer .social a i {color: #ffffff; }
footer .social a:hover {background: #ffffff; }
footer .social a:hover i {color: #3D6394; }
footer .rights {color: #ffffff; padding-top: 10px; }

/*--end--*/


.inner-banner {background: #203342; text-align: center; padding: 50px 0; }
.inner-banner h2 {margin: 0; text-transform: uppercase; font-weight: 800; color: #fff; letter-spacing: 3px; }

.sec-11{padding: 50px 0; background: #f9f9f9}
.sec-11 .col-sm-12.heading {padding-bottom: 40px; }
.sec-11 h3{margin: 0; color: #3D6394; font-size: 36px; font-weight: 700; text-transform: uppercase; padding-bottom: 15px; text-align: center;}
.sec-11 h4{margin: 0; font-size: 18px;}
.sec-11 p{text-align: center; font-size: 16px; }
.sec-11 form{ margin: 0;}
.sec-11 form label{margin: 0 0 5px;}
.sec-11 form input{border-radius: 0; height: 42px; border:2px solid #cccccc; box-shadow: none; border-radius: 5em; padding: 20px; }
.sec-11 form textarea{border-radius: 0; height: 120px; border:2px solid #cccccc; box-shadow: none; border-radius: 15px; box-shadow: none; resize: none;}
.sec-11 form button{ width: 150px; background: #fff; display: block; padding: 10px 20px; border:2px solid #3D6394; box-shadow: none; border-radius: 15px}
.sec-11 form button:hover{background: #3D6394; border-color: #3D6394; color: #fff;}

.sec-11 .contact-details {padding-top: 20px;}
.sec-11 .media a {color: #3D6394;}
.sec-11 .media a i{-webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%;
    padding: 10px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out; width: 1.9em; text-align: center;border: 2px solid #3D6394; color: #3D6394;}
.sec-11 .media .media-heading {padding-top: 15px; font-weight: 300;}
.sec-11 .media .media-heading a {font-weight: 400; color: #3D6394;}


/* -- Product sec 1 --*/
.product-sec-1 {padding: 50px 0;}
.product-sec-1 .row{display: flex; align-items: center; flex-direction: row;} 
.product-sec-1 h3 {font-size: 36px; font-weight: 700; color: #3D6394; text-transform: uppercase; margin-top:0; }
.product-sec-1 p {color: #5f727f; font-size: 16px; line-height: 30px; }
.product-sec-1 ul{color: #5f727f; font-size: 16px; line-height: 30px; padding-left:20px; padding-bottom: 10px }
.product-sec-1 a{background: #3D6394; color: #203342; margin: auto;border:0; display: inline-block; padding: 10px 20px; border-radius: 0;}

.product-gallery h3{background: #3D6394;padding: 15px;text-transform: uppercase;margin: 0;}
.product-gallery ul{background: #f9f9f9;padding: 15px; display: table; width: 100%;}
.product-gallery ul li{margin-bottom: 25px;}


.releated-products{padding: 50px 0;}
.releated-products h3{background: #3D6394; padding: 15px; text-transform: uppercase; margin: 0;}
/*--end--*/


@media (max-width: 1199px){
  /*--footer-css--*/
  .footer-socialboxin ul li {padding: 10px 3px;}
  .left-linksboxin ul li a {font-size: 12px;}
  .left-linksboxin ul li {padding: 15px 5px;}
  /*--end--*/

  .home-sec-5 .brands-sec{padding: 40px 15px;}

  .benefits-box h4{font-size: 18px;}
}

@media (max-width: 991px){
  /*--header-css--*/
  .desktop-menubox {display: none;}
  .mobile-menushow {display: block;}
  .mobile-menubtn {display: block;}
  .mobile-menubox div.btnbox {width: 40px; text-align: center; height: 33px; margin: 29px 0 0 auto; cursor: pointer;}
  .mobile-menubox div.btnbox span {display: block; width: 34px; height: 2px; background-color: #393939; margin: 6px auto; }
  /*--end--*/

  .banner-sliderbox{height: 420px;}

  .home-sec-1 .row{display: block;}
  .home-sec-1 h3{font-size: 36px; letter-spacing: 0}

  .home-sec-5 .brands{padding: 20px 0;}

  .home-sec-4{padding: 0px 0 50px}
  .home-sec-4 .sec-heading h3{font-size: 42px;}
  .home-sec-6 .sec-heading h3{font-size: 42px;}

  .home-sec-5 .brands-sec{padding: 40px 15px;}
  .home-sec-5 .brands-sec h3{font-size: 30px;}

  .banner-sliderbox .row,
  .home-sec-4 .row,
  .home-sec-5 .row{display: block;}
  .home-sec-5 .right-sec{padding: 60px 0;}

}  

@media (max-width: 767px){
  /*--search-popupbox-css--*/
  .close-btn {right: 40px;}
  /*--end--*/

  .slider-contentboxin{padding-bottom: 30px;}
  .banner-sliderbox{height: 300px}
  .banner-sliderbox h2{font-size: 30px;}

  .home-sec-1{padding: 30px 0 0px;}
  .home-sec-1 h3{font-size: 24px; letter-spacing: 0}
  .home-sec-1 h4{font-size: 20px; padding-bottom: 10px;}
  .home-sec-1 p{font-size: 15px;}

  .home-sec-4{padding: 0px 0 50px; }
  .home-sec-4 .sec-heading h3{font-size: 30px;}

  .home-sec-5 .brands-sec{padding: 30px 15px; text-align: center;}
  .home-sec-5 .brands-sec h3{font-size: 24px;}

  .benefits-box{max-width: 350px; margin: 30px auto 0;}
  .benefits-box h4{font-size: 18px}

  .home-sec-7{padding: 70px 0}
  .home-sec-7 h3{font-size: 30px;}

  .inner-banner h2{font-size: 24px; letter-spacing: 0;}

  .product-sec-1 .row{display: block;}
  .product-sec-1 h3{font-size: 24px; letter-spacing: 0;}

  .releated-products h3,
  .product-gallery h3{font-size: 16px;}
  .product-gallery ul li:last-child{margin-bottom: 0;}

}

@media (max-width: 600px){
  /*--header-css--*/
  .left-searchboxin ul li:nth-child(1), .left-searchboxin ul li:nth-child(2) {display: none;}
  /*--end--*/
   .banner-sliderbox{height: 200px}
}

@media (max-width: 450px){
 .banner-sliderbox{height: 150px}
  /*--search-popupbox-css--*/
  .searchboc-popup .innerseracybox input#searchsubmit {position: inherit;margin-top: 15px;width: 100%;}
  /*--end--*/
}