@charset "utf-8";
 @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100; 0,300;0,400;0,500;0,700;0,900;1,500;1,700&display=swap');
html { font-size: 100%; }
footer, header, nav, section, title { display: block; }
body { font-family: Roboto, sans-serif; font-weight: 400; font-style: normal; font-size: 16px; line-height: 15px; -webkit-font-smoothing: antialiased; margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #5F626F; }
form, h1, h2, h3, h4, h5, h6, input, li, p, ul { margin: 0; padding: 0; }
img { border: 0; }
ul { list-style: none; }
* { outline: 0!important; }
:focus, a:active, a:focus, a:hover, input, input[type=button]:focus, input[type=image] { outline: 0; text-decoration: none; }
.clearfix:after, .clearfix:before { display: block; content: ""; line-height: 0; }
.clearfix:after { clear: both; }
.btn { outline: 0; }
.container { max-width: 1200px; margin: 0 auto; position: relative; }
a, button { transition: all .5s ease-in-out; }
.header-shadow { background: url(../images/shadow.png) repeat-x top; position: fixed; z-index: 10000000; height: 100px; width: 100%; top: 0; }
.m-hide { display: block; }
.d-hide { display: none; }
header { position: fixed; top: 25px; left: 0; right: 0; margin: 0 auto; border-radius: 10px; padding: 10px; width: 100%; max-width: 1200px; z-index: 999; }
header .call { font-size: 14px; color: #fff; line-height: 60px; text-align: left; font-family: Roboto, sans-serif; }
header .email { font-size: 14px; color: #fff; line-height: 60px; text-align: right; font-family: Roboto, sans-serif; }
header .nav-bg { height: 60px; box-shadow: 0 1px 7px 0 rgb(0 0 0 / 10%), 0 7px 9px 0 rgb(0 0 0 / 5%); border-radius: 5px; background: #fff; padding: 5px 10px; }
header .nav-logo { float: left; padding: 0 4px 0; display: block;}
header .nav-logo img{ width:270px; height:auto;}
header .nav-logo.mobile{ display:none;}
header .social { float: none; padding-left: 40px; }
header .social .fa { padding: 5px; font-size: 20px; color: #fff; }
header .social .fa:hover { padding: 5px; font-size: 20px; color: #d10b0b; }
header .whatsapp { float: right; right: 35px; position: relative; top: 7px; }
.jumbotron { background: url(../images/shadow.png) top repeat-x; position: relative; overflow: hidden; padding: 0; margin: 0; color: #fff; background-color: #fff; border-radius: 0; }
.jumbotron1 { background: url(../images/shadow.png) top repeat-x; position: relative; overflow: hidden; padding: 0; margin: 0; color: #fff; background-color: #000; border-radius: 0; }

.heroarea{ position:relative; width:100%;}
.sliderview{ position:relative; overflow:hidden; text-align:center;}
.sliderview:before{ z-index:0; content:''; position:absolute; left:0; top:0; right:0; bottom:0; background:rgb(0 0 0 / 45%); height: 100vh; width: 100%;}

.sliderview .container{ z-index:999; position:relative; padding:18% 0 0; }
.heroarea .container h1{ color:#fff; font-family: Aclonica, sans-serif; font-size:4rem; margin-bottom:35px;}
.heroarea .slick-slide a{ background:#d10b0b; padding:15px 25px 14px; display:inline-block; border-radius:2px; transition:all 0.5s ease-in-out;}
.heroarea .slick-slide a:hover{ background:#3e4669;}
.heroarea .slick-slide img{ display:inline-block; margin-left:5px;}
.heroarea .link-arrow { color: #fff; -webkit-transition: none; -o-transition: none; transition: none; font-size: 13px;}
.slider-hero{ width:100%; background:url(../images/hero-slider.png) center top no-repeat; height:100vh; width:100%;}
.slider-hero1{ width:100%; background:url(../images/hero-slider1.png) center top no-repeat; height:100vh; width:100%;}
.slider-hero2{ width:100%; background:url(../images/hero-slider2.png) center top no-repeat; height:100vh; width:100%;}
.heroarea .fa-angle-left{ position: absolute; left: 47.2%; top: auto; bottom:30px; width: 30px; height: 30px; background: rgb(255 255 255 / 25%);  border-radius: 50%; line-height: 30px; font-size: 22px; cursor:pointer; z-index:99; color:#fff; text-align:center;}
.heroarea .fa-angle-right{ position: absolute; right: 47.2%; top: auto; bottom:30px; width: 30px; height: 30px; background: rgb(255 255 255 / 25%);  border-radius: 50%; line-height: 30px; font-size: 22px; cursor:pointer; z-index:99; color:#fff; text-align:center;}

.hide-btn { position: absolute; left: 0; right: 0; margin: 0 auto; bottom: -15px; color: #000; font-size: 22px; z-index: 99999; cursor: pointer; width: 30px; height: 30px; border: 1px solid #fff; text-align: center; background: #fff; border-radius: 50%; line-height: 26px; }
.button { display: inline; position: absolute; right: 30px; top: 14px; z-index: 999; }
.button span { text-decoration: none; cursor: pointer; }
.btn-open:after { content: ''; background: url(../images/menu.svg) center top no-repeat; width: 31px; height: 25px; background-size: 100%; position: absolute; top: 3px; right: 0; transition-property: all .2s linear 0s; -moz-transition: all .2s linear 0s; -webkit-transition: all .2s linear 0s; -o-transition: all .2s linear 0s; }
.btn-close:after { content: ''; background: url(../images/close.svg) center top no-repeat; width: 20px; height: 25px; background-size: 100%; position: absolute; top: 3px; right: 0; transition-property: all .2s linear 0s; -moz-transition: all .2s linear 0s; -webkit-transition: all .2s linear 0s; -o-transition: all .2s linear 0s; }
.overlay { display: none; position: fixed; top: 0; height: 100%; width: 100%; background: #fff; overflow: auto; z-index: 991; }
.wrap { width: 100%; max-width: 1100px; margin: 0 auto; padding: 130px 0 0 0;}
.wrap h3 { color: #3e4669; padding: 5px 0 10px; font-size: 24px; font-family: Roboto, sans-serif; }
.wrap h4, h5 { color: #848896; padding: 5px 0 0; }
.wrap ul.wrap-nav { text-transform: capitalize; padding: 0 0 50px; }
.wrap p { color: #848896; padding: 5px 0 0; font-family: Roboto, sans-serif; font-size: 14px; letter-spacing: .5px; }
.wrap ul.wrap-nav li { text-align: left; width: 100%; position: relative; font-family: Roboto, sans-serif; }
.wrap ul.wrap-nav li a { color: #d10b0b; padding: 7px 10px 7px 2px; display: inline-block; font-weight: 400; font-size: 15px; text-decoration: none; transition-property: all .2s linear 0s; -moz-transition: all .2s linear 0s; -webkit-transition: all .2s linear 0s; -o-transition: all .2s linear 0s; font-family: Roboto, sans-serif; }
.wrap ul.wrap-nav li a:hover { color: #3e4669; font-weight: 400; }
.wrap ul.wrap-nav ul { padding: 20px 0; }
.wrap ul.wrap-nav ul li { display: block; font-size: 13px; width: 100%; color: #e9e9e9; }
.wrap ul.wrap-nav ul li a { color: #f0f0f0; }
.wrap ul.wrap-nav ul li a:hover { color: #34b484; }
.rkbg { position: absolute; right: -50px; top: 9px; height: 100px; background: url(../images/sq.svg) 0 0 no-repeat; width: 30%; background-position: right; }
.sufferingWrap { padding: 30px 0 60px; }
.rk { font-family: Roboto, sans-serif; }
.rk ul { margin-top: 40px; font-family: Roboto, sans-serif; }
.rk ul li { display: inline; border-right: 1px solid #848896; padding: 0 10px; font-size: 12px; color: #848896; font-family: Roboto, sans-serif; }
.rk ul li:last-child { border-right: 0 solid #848896; }
.rk ul li a { font-size: 13px; color: #848896; font-family: Roboto, sans-serif; }
.rk ul li a:hover { font-size: 13px; color: #d10b0b; font-family: Roboto, sans-serif; }
.f-social { padding: 10px; color: #848896; font-size: 24px; }
.f-social .fa { padding: 6px; color: #848896; font-size: 28px; }
.f-social .fa:hover { padding: 6px; color: #d10b0b; font-size: 28px; }
.m-tagline { display: none; }
.scroll-hide-mobile { display: none !important; }
.collapse { display: block; }
.wrap h3 img { margin-right: 12px; }
.m-taglineb { display: none; }
.brand-warp { max-width: 1100px; margin: 0 auto; text-align: center; }
.about-warp { max-width: 1100px; }
.brand-warp p { text-transform: uppercase; color: #5f626f; font-size: 14px; font-weight: 700; padding: 0 0 15px; font-family: Roboto, sans-serif; }
.brand-warp .collection { text-transform: uppercase; color: #5f626f; font-size: 14px; padding: 0 0 20px; font-weight: 400; }
.brand-warp p { text-transform: uppercase; color: #5f626f; font-size: 14px; font-weight: 700; }
.brand-warp p:hover { color: #d10b0b; }
.gray-suffering a { text-transform: uppercase; color: #5f626f; font-size: 13.5px; font-weight: 700; }
.gray-suffering a:hover { color: #d10b0b; text-transform: uppercase; font-size: 13.5px; font-weight: 700; }
.ck { text-transform: uppercase; color: #5f626f!important; font-size: 14px; font-weight: 400!important; }
.ck:hover { text-transform: uppercase; color: #d10b0b!important; font-size: 14px; font-weight: 400!important; }
.hover01 img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }
.hover01:hover img { -webkit-transform: scale(1.3); transform: scale(1.3); color: #000; }
.about { padding: 0 0 70px;}
.dots-image { display: inline-block; position: relative; }
.dots-image img { width: 100%; }
.dots-image .dots { position: absolute; left: -15%; bottom: -45%; width: 101%; height: 57.2%; background: url(../images/dots.png) 0 0 no-repeat; }
.about h2 { color: #3e4669; font-weight: 500; font-size: 32px; letter-spacing: 1px; font-family: Lora, serif; margin-bottom: 15px; }
.about h4{ color: #3e4669; font-weight: 500; font-size: 22px; letter-spacing: 1px; font-family: Lora, serif; margin-bottom: 15px; }
.about h5 { color: #3e4669; font-weight: 400px; font-size: 14px; font-family: Roboto, sans-serif; margin-bottom: 15px; }
.about .pd { padding: 34px 0 50px 50px; }
.about p { line-height: 24px; color: #5f626f; font-family: Roboto, sans-serif; font-size: 13px; padding-bottom: 15px; }
.experience-box { position: relative; white-space: nowrap; margin: -0.3rem 0; background: #fff; }
.experience-number { display: inline-block; vertical-align: middle; font-size: 4.7rem; line-height: 1; font-weight: 700; color: #d10b0b; font-family: Lora, serif; }
.experience-border { display: inline-block; vertical-align: middle; width: 10.5rem; height: 10.5rem;  border: .157rem solid #d10b0b;
background: #fff; }
.experience-content { display: inline-block; vertical-align: middle; position: relative; left: -6.8rem;  top: .7rem;
}
.experience-box .adots { position: absolute; left: 20%; top: -20%; width: 80%; height: 70.2%; background: url(../images/about-dots.svg) 0 0 no-repeat; z-index: -1; }
.trust { padding: 30px 0 70px; text-align: center; }
.trust p { color: #d10b0b; font-family: Roboto, sans-serif; font-size: 14px; text-align: center; padding: 14px 0; line-height: 18px; font-weight: 400; }
.product { padding: 0 0 100px; text-align: center; }
.product p { color: #82848e; font-family: Roboto, sans-serif; font-size: 13px; text-align: center; padding: 15px 0 50px; line-height: 22px; }
.product-carousel-header { font-family: Lora, serif; color: #3e4669; font-size: 30px; font-weight: 500; }
.product-carousel {
 background: @secondary;
 border: 1px solid @primary; box-sizing: border-box; font-family: Lora, serif; padding: 0 0; margin: 0 auto; }
.product-carousel .product { box-sizing: border-box; margin: 0; text-align: center; display: flex; flex-flow: column; align-content: space-between; background: #f8f8f8; border-radius: 0; padding: 8px; }
.product-carousel .product-top { width: 100%; }
.product-carousel .product-image, .product-carousel p {  margin: 0 0 @vertical-space 0;
}
.product-carousel .product-image { align-self: flex-start; width: 100%; }
.product-carousel .product-name p { font-size: 14px; letter-spacing: none; color: #3e4669; font-family: Roboto, sans-serif; padding: 0 0 0; }
.product-carousel .product-name { font-weight: 500; display: flex; flex-flow: column wrap; justify-content: flex-start; width: 100%; }
.product-carousel .product-bottom { margin-top: auto; align-items: flex-end; }
.product-carousel .product-prices { align-self: center; padding: 5px 0; }
.product-carousel .product-prices span { width: 100%; padding: 5px; font-weight: 700; color: #d10b0b; }
.product-carousel .product-prices span strike { color: #d10b0b; font-weight: 300; }

.col-product { position: re }
.product-carousel .col-product a{ position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%; }

.product-carousel h3{ font-size: 18px; margin-top: 10px;}


.promises { padding: 0 0 20px; text-align: center; position: relative; }
.promises p { color: #82848e; font-family: Roboto, sans-serif; font-size: 14px; text-align: center; padding: 25px 0 50px; line-height: 22px; }
.product-carousel-header { font-family: Lora, serif; color: #3e4669; font-size: 22px; font-weight: 600; }
.slick-slider { position: relative; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
[dir=rtl] .slick-slide { float: right; }
.slick-arrow.slick-hidden { display: none; }
.banm { background: url(../images/banner-01.png) no-repeat center; min-height: 855px; background-size: cover; padding: 20px; }
.banm1 { min-height: 300px; }
.banm2 { min-height: 400px; }
.banm3 { min-height: 400px; }
.project-item { position: relative; overflow: hidden; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.bpd { margin-bottom: 32px; }
.project-item img { width: 100%; }
.item-shadow { position: relative; }
.item-shadow:before { content: ''; position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background: -webkit-linear-gradient(top, rgba(0,0,0,0) 46%, rgba(0,0,0,.3) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 46%, rgba(0,0,0,.3) 100%); }
.project-item .link-arrow { position: absolute; z-index: 2; color: #fff; left: 2.5rem; bottom: 2.3rem; -webkit-transition: none; -o-transition: none; transition: none; font-size: 12px; }
.project-item .link-arrow img { width: 35px; margin-left: 5px; }
.project-hover { position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; -webkit-transition: .5s ease; -o-transition: .5s ease; transition: .5s ease; padding: 4.85rem 2.5rem; }
.project-item:hover .project-hover { background-color: rgb(209 11 11 / 45%); }
.project-title { color: #fff; margin: 0; text-align: left; font-family: Roboto, sans-serif; line-height: 24px; font-size: 24px; }
.hs { font-family: Aclonica, sans-serif; font-size: 28px; }
.cb { font-family: 'Dancing Script', cursive; font-size: 28px; }
.sm { font-family: Lora, serif; font-size: 22px; }
.project-title span { font-size: 12px; font-weight: 400; font-family: Roboto, sans-serif; }
.project-hover .project-title { position: absolute; bottom: 5.5rem; }
.dotsbg { position: absolute; right: 3%; top: -57px; }
.caseStudy { width: 100%; position: relative; }
.caseStudy a { display: block; margin-bottom: 15px; color: #fff; font-size: 12px; font-weight: 300; }
.caseStudy a img { margin-right: 5px; vertical-align: middle; }
.pro { position: relative; overflow: hidden; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; margin: 0; }
.pro img { width: 80px; }
.pro { min-height: 390px; background: #f8f8f8; padding: 30px; text-align: left; }
.pro image { width: auto; }
.pro .link-arrow { position: absolute; z-index: 2; color: #fff; left: 3rem; bottom: 2.3rem; -webkit-transition: none; -o-transition: none; transition: none; font-size: 14px; }
.pro .link-arrow img { width: 35px; margin-left: 5px; }
.pro1 { min-height: 390px; background: #f8f8f8; margin: 80px 0; padding: 30px; text-align: left; }
.pro1 { position: relative; overflow: hidden; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.pro1 img { width: 80px; }
.pro1 .link-arrow { position: absolute; z-index: 2; color: #fff; left: 3rem; bottom: 2.3rem; -webkit-transition: none; -o-transition: none; transition: none; font-size: 14px; }
.pro1 .link-arrow img { width: 35px; margin-left: 5px; }
.pro-hover { position: absolute; z-index: 2; left: 14px; top: 12px; width: 90%; height: 94%; padding: 2.85rem 1.5rem; -webkit-transition: .5s ease; -o-transition: .5s ease; transition: .5s ease; border: solid 1px #d10b0b; }
.pro-title { color: #d10b0b; margin: 0; text-align: left; font-family: Roboto, sans-serif; line-height: 14px; font-size: 22px; padding-right: 20px; }
.pro-hover-content h3 { line-height: 24px; font-weight: 400; margin-bottom: 15px; font-family: Lora; color: #d10b0b; font-size: 22px; }
.pro-hover-content { position: absolute; bottom: 20px; color: #3e4669; padding: 0 15px 0 0; }
.pro-hover-content span { line-height: 18px; font-size: 13px; padding-right: 15px; }
.newsletter { background: #47444c url(../images/slide.jpg) no-repeat center; padding: 0 0; margin-bottom: 0; background-size: cover; background-attachment: fixed; }
.bg-text { background-color: rgb(7 3 3 / 80%); color: #fff; position: relative; z-index: 2; width: 100%; padding: 80px 10px; text-align: center; }
.form-subscribe { max-width: 500px; margin: 0 auto; }
.newsletter h2 { color: #fff; text-align: center; font-size: 24px; font-weight: 300; font-family: Roboto, sans-serif; margin-bottom: 20px; }
.newsletter .slick-slider{ z-index:999;}
.newsletter .slick-initialized .slick-slide{ margin:0 5px; background:#fff; border-radius:5px; padding:10px;}
.newsletter .slick-initialized .slick-slide img{ width:100%; height:100px; object-fit: contain;}
.newsletter .fa-angle-left{ position: absolute; left: 47%; top: auto; bottom: -55px; width: 30px; height: 30px; background: rgb(255 255 255 / 25%);  border-radius: 50%; line-height: 30px; font-size: 22px; cursor:pointer;}
.newsletter .fa-angle-right{ position: absolute; right: 47%; top: auto; bottom: -55px; width: 30px; height: 30px; background: rgb(255 255 255 / 25%);  border-radius: 50%; line-height: 30px; font-size: 22px; cursor:pointer;}


.dotsns { position: absolute; z-index: 9; left: 3%; top: 66%; }
/* ------------------------------------------------------footer ----------------------------------------------------------*/
footer { padding: 50px 0 20px; width: 100%; font-size: 12px; color: #5f626f; }
footer .footer-logo{ height:70px; width:auto;}

footer a { color: #5f626f; }
footer a:hover { color: #d10b0b; }
footer ul { padding: 0; color: #5f626f; }
footer ul li { padding: 6px 0; color: #5f626f; }
footer ul li a { padding: 6px 0; color: #5f626f; }
footer ul li a:hover { padding: 6px 0; color: #d10b0b; }
footer p { line-height: 18px; padding-bottom: 10px; }
footer .f-social { font-size: 12px; }
footer h5 { font-size: 15px; }
footer h5:hover { font-size: 15px; color: #d10b0b; }
.footer-warp { max-width: 700px; margin: 0 auto; }
.footer-logo { margin-bottom: 20px; padding-right: 55px; }
.e-brochure { background: #d10b0b; padding: 15px 20px; color: #fff; font-size: 22px; font-weight: 700; display: block; text-align: center; margin: 10px 30px; }
.e-brochure:hover { background: #5f626f; color: #fff; font-size: 22px; font-weight: 700; }
.rk-link { color: #5f626f; padding: 10px 0; font-size: 14px; text-align: center; }
.rk-link a { color: #5f626f; padding: 10px; font-size: 14px; text-align: center; }
.rk-link a:hover { color: #d10b0b; padding: 10px; font-size: 14px; text-align: center; }
.copyright { font-size: 11px; color: #5f626f; margin: 15px 58px 15px 0; }
/* -------------------------------------------------footer  end ---------------------------------------- */
.md1 { display: block; }
.md { display: none; }
/* -------------------------------------------------footer  end ---------------------------------------- */
.about-banner { background: url(../images/about-banner.jpg) 0 0 no-repeat; background-size: 100%; margin-bottom: 50px; font-family: Roboto, sans-serif; }
.about-banner h1 { padding: 250px 0px 100px; font-size: 24px; font-family: Roboto, sans-serif; }
.abt-text { text-align: left !important; color: #5F626F !important; line-height: 24px !important; padding-bottom: 70px !important; }
.about-banner h1 img { padding-bottom: 15px !important; }
.leftdots { position: absolute; right: -106px; top: -30px; width: 60%; height: 21.2%; background: url(../images/leftsidedot.svg) 0 0 no-repeat; }
/*.product-banner{background:url(../images/about-banner.jpg) 0 0 no-repeat;background-size: 100%; margin-bottom:0px;font-family: Roboto,sans-serif;} */
.product-banner { background: #d35050 ; background-size: 100%; margin-bottom: 0px; font-family: Roboto, sans-serif; position:relative;}
.product-banner:before{ position:absolute; left:0; top:0; right:0; background:rgb(20 4 4 / 75%); content:''; width:100%; height:100%;}
.product-banner .container{ z-index:1; position:relative;}
.product-banner h1 { padding: 200px 0px 100px; font-size: 24px; font-family: Roboto, sans-serif; }
.product-banner h1 img { padding-bottom: 15px !important; height: 64px !important; }
.gm { height: 85px !important; }
.product-heading { text-align: center; font-size: 14px; line-height: 20px; color: #3e4669; }
.light-bg { background: #FAFAFA; padding: 50px 0px 30px; }
.product-heading h2 { font-size: 24px; padding-bottom: 0px; margin-bottom: 10px; font-family: Lora, serif; color: #3e4669; }
.product-heading p { font-size: 14px; line-height: 24px; text-align: center; color: #3e4669; }
.product-box { text-align: center; background: #fff; padding: 0px 0px 15px; border-radius: 8px; margin-bottom: 20px }
.product-box img { width: 100%; border-radius:8px 8px 0 0;}
.product-box .product-name { font-weight: 500; display: flex; flex-flow: column wrap; justify-content: flex-start; width: 100%; height:55px; padding-top: 14px; }
.product-box .product-name p{ font-size: 15px; letter-spacing: none; color: #3e4669; font-family: Roboto, sans-serif; padding: 10px 5px 0px; line-height: 20px; display:inline-block;}
.product-box .product-name p a{ font-size: 15px; letter-spacing: none; color: #3e4669; font-family: Roboto, sans-serif; padding: 10px 5px 0px; line-height: 20px; display:inline-block;}
.product-box .product-prices { align-self: center; padding: 5px 0; }
.product-box .product-prices span { width: 100%; padding: 5px; font-weight: 700; color: #d10b0b; }
.product-box .product-prices span strike { color: #d10b0b; font-weight: 300; }
.pb-30 { padding-bottom: 30px }
.pt-30 { padding-bottom: 30px }
.pt-70 { padding-top: 50px }
.bglight { background: #FAFAFA }
.h4 { color: #3e4669; font-size: 24px; margin: 0px 0px 30px }
.visit { padding: 3px 0px !important; color: #3e4669 !important; font-size: 20px; font-weight: bold; line-height: 18px; }
.visit img { padding: 0px 0px !important; height: 32px; margin-bottom: 6px; }
.visit span { padding: 4px 0px !important; color: #3e4669 !important; font-size: 16px; font-weight: 400; }
.visit:hover { color: #d10b0b !important; }
.visit span:hover { color: #d10b0b !important; }
.add { position: absolute; right: -70px; bottom: -70px; width: 27%; height: 135px; background: url(../images/leftsidedot.svg) 0 0 no-repeat; }
.newsletter-in { background: #47444c url(../images/about-banner.jpg) no-repeat center; padding: 0 0; margin-bottom: 0; background-size: cover; background-attachment: fixed; }
.newsletter-in h2 { color: #fff; text-align: center; font-size: 22px; font-weight: 300; font-family: Roboto, sans-serif; margin-bottom: 20px; }
/*--------------------------
	Contact Styles
----------------------------*/
.contact-form-wrap { margin-bottom: 40px }
.contact__title { font-size: 30px !important; color: #2e2e2e; font-weight: 700; }
.contact-form-wrap p { margin-bottom: 35px; color: #848484; padding: 0px; font-family: Roboto, sans-serif; }
.contact-form-wrap .single-contact-form { margin: 0 0 20px; }
.contact-form-wrap .single-contact-form.space-between { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; margin-left: -10px; margin-right: -10px; }
.contact-form-wrap .single-contact-form.space-between input { margin: 0 10px; }
.contact-form-wrap .single-contact-form input { border: 1px solid #e1e1e1; border-radius: 0; height: 42px; padding: 0 15px; width: 100%; outline: none; }
.contact-form-wrap .single-contact-form textarea { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #e1e1e1; border-radius: 0; max-width: 100%; padding: 10px; height: 90px; padding: 15px; width: 100%; outline: none; }
.contact-form-wrap .contact-btn button { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 2px solid #757575; border-radius: 20px; -webkit-box-shadow: none; box-shadow: none; color: #757575; display: inline-block; font-family: Poppins, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 700; line-height: 34px; padding: 2px 20px 0; text-shadow: none; text-transform: uppercase; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; font-family: Roboto, sans-serif; }
.contact-form-wrap .contact-btn button:hover { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-color: #d10b0b; color: #d10b0b; }
.wn__address p { margin-bottom: 35px; color: #848484; padding: 0px; font-family: Roboto, sans-serif; }
.wn__address .single__address { display: -webkit-box; display: -ms-flexbox; display: flex; font-family: Roboto, sans-serif; }
.wn__address .single__address i { color: #3e4669; font-size: 20px; margin-right: 20px; margin-top: 0px; }
.wn__address .single__address .content span { color: #3e4669; display: inline-block; font-weight: 500; text-transform: uppercase; }
.wn__address .single__address .content p { color: #757575; font-size: 13px; margin-top: 6px; margin-bottom: 30px; font-family: Roboto, sans-serif; line-height: 22px; }
#googleMap iframe { width: 100%; height: 500px; }
 @media only screen and (max-width: 420px) {
.contact-form-wrap .single-contact-form.space-between { -ms-flex-wrap: wrap; flex-wrap: wrap; }
.contact-form-wrap .single-contact-form.space-between input + input { margin-top: 10px; }
.wn__address .single__address .content p { margin-bottom: 0px; }
}


/* light box  */
 @keyframes lum-fade {  0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
 @keyframes lum-fadeZoom {  0% {
 transform: scale(0.5);
 opacity: 0;
}
 100% {
 transform: scale(1);
 opacity: 1;
}
}
 @keyframes lum-loader-rotate {  0% {
 transform: translate(-50%, -50%) rotate(0);
}
 50% {
 transform: translate(-50%, -50%) rotate(-180deg);
}
 100% {
 transform: translate(-50%, -50%) rotate(-360deg);
}
}
 @keyframes lum-loader-before {  0% {
 transform: scale(1);
}
 10% {
 transform: scale(1.2) translateX(6px);
}
 25% {
 transform: scale(1.3) translateX(8px);
}
 40% {
 transform: scale(1.2) translateX(6px);
}
 50% {
 transform: scale(1);
}
 60% {
 transform: scale(0.8) translateX(6px);
}
 75% {
 transform: scale(0.7) translateX(8px);
}
 90% {
 transform: scale(0.8) translateX(6px);
}
 100% {
 transform: scale(1);
}
}
 @keyframes lum-loader-after {  0% {
 transform: scale(1);
}
 10% {
 transform: scale(1.2) translateX(-6px);
}
 25% {
 transform: scale(1.3) translateX(-8px);
}
 40% {
 transform: scale(1.2) translateX(-6px);
}
 50% {
 transform: scale(1);
}
 60% {
 transform: scale(0.8) translateX(-6px);
}
 75% {
 transform: scale(0.7) translateX(-8px);
}
 90% {
 transform: scale(0.8) translateX(-6px);
}
 100% {
 transform: scale(1);
}
}
.lum-lightbox { background: rgba(0, 0, 0, 0.6); z-index: 10000000; }
.lum-lightbox-inner { top: 2.5%; right: 2.5%; bottom: 2.5%; left: 2.5%; }
.lum-lightbox-inner img { position: relative; }
.lum-lightbox-inner .lum-lightbox-caption { margin: 0 auto; color: #fff; max-width: 700px; text-align: center; }
.lum-loading .lum-lightbox-loader { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 66px; height: 20px; animation: lum-loader-rotate 1800ms infinite linear; }
.lum-lightbox-loader:before, .lum-lightbox-loader:after { content: ""; display: block; width: 20px; height: 20px; position: absolute; top: 50%; margin-top: -10px; border-radius: 20px; background: rgba(255, 255, 255, 0.9); }
.lum-lightbox-loader:before { left: 0; animation: lum-loader-before 1800ms infinite linear; }
.lum-lightbox-loader:after { right: 0; animation: lum-loader-after 1800ms infinite linear; animation-delay: -900ms; }
.lum-lightbox.lum-opening { animation: lum-fade 180ms ease-out; }
.lum-lightbox.lum-opening .lum-lightbox-inner { animation: lum-fadeZoom 180ms ease-out; }
.lum-lightbox.lum-closing { animation: lum-fade 300ms ease-in; animation-direction: reverse; }
.lum-lightbox.lum-closing .lum-lightbox-inner { animation: lum-fadeZoom 300ms ease-in; animation-direction: reverse; }
.lum-img { transition: opacity 120ms ease-out; }
.lum-loading .lum-img { opacity: 0; }
.lum-gallery-button { overflow: hidden; text-indent: 150%; white-space: nowrap; background: transparent; border: 0; margin: 0; padding: 0; outline: 0; position: absolute; top: 50%; transform: translateY(-50%); height: 100px; max-height: 100%; width: 60px; cursor: pointer; }
.lum-close-button { position: absolute; right: 5px; top: 5px; width: 32px; height: 32px; }
.lum-close-button:hover { opacity: 1; }
.lum-close-button:before, .lum-close-button:after { position: absolute; left: 15px; content: " "; height: 33px; width: 2px; background-color: #fff; }
.lum-close-button:before { transform: rotate(45deg); }
.lum-close-button:after { transform: rotate(-45deg); }
.lum-previous-button { left: 12px; }
.lum-next-button { right: 12px; }
.lum-gallery-button:after { content: ""; display: block; position: absolute; top: 50%; width: 36px; height: 36px; border-top: 4px solid rgba(255, 255, 255, 0.8); }
.lum-previous-button:after { transform: translateY(-50%) rotate(-45deg); border-left: 4px solid rgba(255, 255, 255, 0.8); box-shadow: -2px 0 rgba(0, 0, 0, 0.2); left: 12%; border-radius: 3px 0 0 0; }
.lum-next-button:after { transform: translateY(-50%) rotate(45deg); border-right: 4px solid rgba(255, 255, 255, 0.8); box-shadow: 2px 0 rgba(0, 0, 0, 0.2); right: 12%; border-radius: 0 3px 0 0; }

/* This media query makes screens less than 460px wide display in a "fullscreen"-esque mode. Users can then scroll around inside the lightbox to see the entire image. */
@media (max-width: 460px) {
.lum-lightbox-image-wrapper { display: flex; overflow: auto; -webkit-overflow-scrolling: touch; }
.lum-lightbox-caption { width: 100%; position: absolute; bottom: 0; }
.lum-gallery-button::after { content: ""; display: block; position: absolute; top: 50%; width: 30px; height: 30px; border-top: 2px solid rgb(204, 204, 204); }
.lum-previous-button::after { transform: translateY(-50%) rotate(-45deg); border-left: 0px solid rgba(255, 255, 255, 0.8); box-shadow: -2px 0 rgba(0, 0, 0, 0.2); left: 12%; border-radius: 3px 0 0 0; }
.lum-next-button::after { transform: translateY(-50%) rotate(45deg); border-right: 0px solid rgba(255, 255, 255, 0.8); box-shadow: 2px 0 rgba(0, 0, 0, 0.2); right: 12%; border-radius: 0 3px 0 0; }
/* Used to centre the image in the container, respecting overflow: https://stackoverflow.com/a/33455342/515634 */
.lum-lightbox-position-helper { margin: auto; }
.lum-lightbox-inner img { max-width: none; max-height: none; width: 100%; }
}
.pd70 { padding-top: 70px !important }
/* Dropdown Button */
.dropbtn { color: white; border: none; }
/* The container <div> - needed to position the dropdown content */
.dropdown { position: relative; display: inline-block; }
/* Dropdown Content (Hidden by Default) */
.dropdown-content { display: none; position: absolute; background-color: #fff; min-width: 120px; z-index: 1000000; left: 0px; padding: 5px 0px; margin: 0 auto; text-align: left; border-radius: 3px; }
/* Links inside the dropdown */
.dropdown-content a { color: black; padding: 7px 0px; text-decoration: none; display: block; font-weight: 400; line-height: 8px; color: #5f626f }
/* Change color of dropdown links on hover */
.dropdown-content a:hover { font-weight: 400; }
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content { display: block; }
/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn { }
/* The Modal (background) */



.rkg { width: 100%; border-radius: 0px; overflow: hidden }
.rkg:hover { width: 100%; height: 120px; box-shadow: 0 3px 6px rgb(0 0 0 / 20%); border-radius: 0px; overflow: hidden; border-radius: 5px; }
.rkg .imgbox { height: 100%; box-sizing: border-box; font-weight: bold; font-size: 13.5px; text-transform: uppercase; }
.rkg .imgbox img { display: block; width: 50%; margin: 20px auto 0; }
.specifies { position: absolute; width: 100%; text-align: center; bottom: -170px; background: #fff; padding: 10px; box-sizing: border-box; transition: .5s }
.rkg:hover .specifies { bottom: 32px; text-align: left; padding: 0px; line-height: 22px; }
.specifies h2 { margin: 0; padding: 0; font-size: 20px; width: 100%; }
.specifies h2 span { font-size: 13.5px; color: #ccc; font-weight: normal }
.specifies a { font-size: 12px; color: #5f626f; font-weight: bold; margin: 2px 0px; }
.specifies a:hover { font-size: 12px; color: #d10b0b; font-weight: bold; margin: 2px 0px; bottom: 36px; text-align: left; }
.pear { color: #5f626f; font-size: 13.5px; padding: 0px }
.pear:hover { color: #5f626f; font-size: 13.5px !important; padding: 0px !important; }



/* About Us */
.breadcrumb-bar { width: 100%; background: #000; height: 38px;}
.breadcrumb-bar li { line-height: 38px; font-size: 14px; color: #999; padding: 0 0 0 15px; float: left; }
.breadcrumb-bar li a {  position: relative; float: left; font-size: 14px; color: #ccc; padding: 0 15px 0 20px; line-height: 38px;  text-decoration: none;}

.product-slider .slider-for .slick-slide{ margin: 10px 10px 0 0; border:1px solid #ddd; cursor: pointer;}
.product-slider .slick-slider .slick-list{ padding:0 !important;  }
.product-slider .slider-nav .slick-slide{ margin: 10px 10px 0 0; border:1px solid #ddd; cursor: pointer;}
.product-slider .slider-nav .slick-slide.slick-current.slick-active { border: 1px solid #000;}

.product-slider .slider-nav .slick-prev.slick-arrow {
    background: url(../images/prev-arrow.png) 0 0 no-repeat;
    color: transparent;
    height: 30px;
    position: absolute;
    top: 40px;
    left: -20px;
    width: 30px;
    border-radius: 50%;
    cursor: pointer;
    background-size: 100%;
}
.product-slider .slider-nav .slick-next.slick-arrow {
    background: url(../images/next-arrow.png) 0 0 no-repeat;
    color: transparent;
    height: 30px;
    position: absolute;
    top: 40px;
    right: -20px;
    width: 30px;
    border-radius: 50%;
    cursor: pointer;
    background-size: 100%;
}

.queryProduct{ width: 100%; position: relative; padding: 60px 0; background: #fff;}
.queryProduct h2 {
    color: #3e4669;
    font-weight: 500;
    font-size: 32px;
    letter-spacing: 1px;
    font-family: Lora, serif;
    margin-bottom: 25px;
}
.queryProduct .form-control{ border-radius: 0px; height: 50px; box-shadow:0;}
.queryProduct .form-control:focus{ box-shadow:inherit; border-color: #999;}
.queryProduct .form-control.message{ height: 180px;}
.send-btn{
    background: #d10b0b;
    padding: 15px 25px 14px;
    display: inline-block;
    border-radius: 2px;
	border: 0px;
	color: #fff;
    transition: all 0.5s ease-in-out;
	cursor: pointer;
}
.send-btn img{ margin-left: 5px;}
.send-btn:hover{ background: #3e4669;}

.innerwrapw{ width: 100%; padding: 70px 0 0;}

.paginbox .page-link{ color: #3e4669;}
.paginbox .page-item.active .page-link{ background: #d10b0b; border-color: #d10b0b; color: #fff;}
.paginbox .page-link{}


/* Client page */
.pagenotfound{ padding:7% 0 0; width: 100%;}
.pagenotfound h2{ font-size: 32px; text-transform: uppercase; font-weight: 600; margin-bottom: 20px;}
.pagenotfound p{ font-size: 16px; color: #363636; line-height: 24px;}
.pagenotfound p a{ padding: 12px 30px; color: #fff; background: #d10b0b; display: inline-block; margin-top: 15px;}
.pagenotfound img{ width: 55%;}