@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*:before, *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
 html, form {min-height: 100%;height: 100%;}
@media (min-width: 1441px) {
body{ font-size:1rem;}
}
@media (max-width: 1400px) {
body{ font-size:.9rem;}
}
@media (min-width: 1024px) {
body{padding-top:130px!important;}
}
@media (min-width: 1024px) and (max-width: 1024px){
body{padding-top:146px!important;}
}
@media (max-width: 768px){
html {font-size: 16px;}
body{padding-top:140px;}
}

@media (min-width:1441px){
/*body{padding-top:130px!important;}*/
}
@media (min-width:1390px) and (max-width:1440px){
/*body{padding-top:122px;}*/
}
@media (max-width:767px){
body{padding-top:90px!important;}
}
@media (max-width:640px){
body{padding-top:78px!important;}
}
@media (max-width:400px){
body{padding-top:70px!important;}
}
html{font-size:16px;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
body{font-family:'Noto Sans', sans-serif;margin:0;font-weight:400;line-height:1.6; color:#646464;text-align:left;}
/*body{opacity:0}*/
a{color:#d92125;text-decoration:none!important; outline:none!important;}
a:hover{color:#d92125!important;text-decoration:underline;}
a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px; color:#d92125!important;}
.scrollup{position:fixed;bottom:0px;right:0px;display:none;z-index:99;font-size:30px;width:40px;height:40px;line-height:40px;text-align:center;background:#d92125; border-radius:10px 0 0 0;}
.scrollup{-webkit-animation:moveFromBottom 1000ms ease;-moz-animation:moveFromBottom 1000ms ease;-ms-animation:moveFromBottom 1000ms ease;}
a.scrollup{color:#FFF!important;}
a.scrollup:hover{background:#333!important;}
a.btn{text-decoration:none!important;}

.float-whatsapp-btn{position:fixed;color:#FFF; border:#FFF 1px solid; bottom:90px;right:-1px;z-index:999;font-size:30px; width:50px;height:50px;line-height:48px;text-align:center;background:#25D366;}

.float-inquire-btn:before{content:'\f044'; font-family:FontAwesome; margin-right:3px; display:inline-block; vertical-align:middle; font-size:20px;}
.float-inquire-btn{position:fixed;color:#FFF; border:#FFF 0px solid; bottom:75px;right:0px;z-index:999;font-size:18px;  line-height:1.1; padding:10px 10px 10px; font-size:11pt; border:#FFF 1px solid; border-right:0;  text-align:left;background:#2e3092;  border-radius: 10px 0 0 10px;}
.float-inquire-btn:hover {background:#333; color:#fff !important}
@media(min-width:1024px) {
.float-whatsapp-btn{position:fixed;color:#FFF; border:#FFF 1px solid; bottom:90px;right:-1px;z-index:999;font-size:35px; width:50px;height:50px;line-height:48px;text-align:center;background:#25D366;}
}
.float-whatsapp-btn:hover{color:#25D366;border:#25D366 1px solid; background:#FFF}

.btn-more{background: #d92125;border-radius:100px;color:#FFF;border:rgba(255,255,255,0) 5px solid; text-transform:uppercase;position:relative;z-index:3;padding:6px 25px!important;line-height:2!important; font-size:11pt!important; font-weight:700; display:inline-block !important;}
.btn-more:hover,.btn-more:focus,
.btn-more.btn-white:hover,.btn-more.btn-white:focus{background:#ff000a;color:#FFF!important;border:#d92125 5px solid; }
.btn-more.btn-white{background:#fff; color:#2e3092!important;}

.btn-more .fa,.btn-blue .fa{transform: scale(1);-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;}
.btn-more:hover .fa,
.btn-blue:hover .fa{transform: scale(1.5);}

.btn-blue{background:#2e3092;border-radius:100px;color:#FFF;border:rgba(255,255,255,0) 5px solid; text-transform:uppercase;position:relative;z-index:3;padding:6px 25px!important;line-height:2!important; font-size:11pt!important; font-weight:700; display:inline-block!important;}
.btn-blue:hover,.btn-blue:focus{background:#ff000a;color:#FFF!important;border:#d92125 5px solid; }

.btn-more:after{content:'\f105'; font-family:FontAwesome; position:relative; left:0; opacity:0; -webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;}
.btn-more:hover:after{left:10px; opacity:1; }

.btn-icon:after{display:none!important;}

.btn-back:before{content:'\f104'!important;font-family:FontAwesome; position:relative; left:0; opacity:0; -webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;}
.btn-back:after{display:none;}
.btn-more:hover:before{left:-10px; opacity:1; }

.btn-catalogue{height:57px;}
.btn-catalogue:after{display:none;}
.btn-catalogue img{margin-right:-20px; width:auto!important; height:auto!important; margin-bottom:-60px; max-width:350px;}
@media (max-width:1024px) {
.btn-catalogue img{margin-bottom:0!important; max-width:100%;}
.btn-catalogue span{max-width:30%; margin-left:auto;}
}

@media (max-width:1400px){
.btn-more, .btn-download, .tp-banner-container .btn-slide{padding:5px 15px!important; font-size:100%!important;}
}
@media (max-width:767px){
.btn-more, .btn-download, .tp-banner-container .btn-slide{padding:8px 12px!important; line-height:normal!important; font-size:11pt!important;}
.btn-catalogue{height:44px;}
}
@media (max-width:640px){
.btn-more, .btn-download, .tp-banner-container .btn-slide, .btn-blue{padding:6px 8px!important; line-height:normal!important; font-size:9pt!important;}
}
.spacer1{clear:both;width:100%;height:10px;}
.spacer2{clear:both;width:100%;height:20px;}
.spacer3{clear:both;width:100%;height:30px;}
.spacer4{clear:both;width:100%;height:40px;}
.spacer5{clear:both;width:100%;height:50px;}
hr.solid{border:0;border-top:1px solid #ccc;}
hr.dotted{border:0;border-top:1px dotted #666;background:#292929;}
hr.dashed{border:0;border-top:1px dashed #ccc;background:#fff;}
hr.double{border:0;border-top:1px dashed #ccc;background:#999;}
.err{font-size:12px;color:#c80000;}
.fa-icon{padding-left:30px !important;position:relative;}
.fa-icon > .fa{position:absolute;top:6px;left:0; font-size:110%;}
.fa-icon-40{padding-left:50px !important;position:relative;vertical-align:middle;line-height:normal;padding-top:5px;}
.fa-icon-40 > .fa{position:absolute;top:2px;margin-left:-50px !important;}
a, .btn{-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;}
ul.social_media{margin:0; padding:0px; margin:0 auto;}
ul.social_media li{display:inline-block;list-style-type:none;list-style-image:none;padding:0px 5px;margin:0 0 15px;border:none;vertical-align:middle;}

ul.social_media .fa{padding:0px;margin:0px;color:#fff!important;text-align:center; width:35px;line-height:35px;border:#fff 1px solid;  }
ul.social_media .fa:hover{background:#FFF!important;}
@media (max-width:640px) {
ul.social_media .fa{width:35px; height:35px; font-size:12pt!important; line-height:35px;}
}
.fa-facebook, .fa-google, .fa-google-plus, .fa-linkedin, .fa-youtube, .fa-youtube-play, .fa-tumblr, .fa-twitter, .fa-pinterest, .fa-instagram{transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;}
ul.social_media li .fa-facebook:hover {color:#4267B2 !important}
ul.social_media li .fa-instagram:hover {color:#8a3ab9 !important}
ul.social_media li .fa-twitter:hover {color:#0dd1fe !important}
ul.social_media li .fa-linkedin:hover {color:#175ac4 !important}
ul.social_media li .fa-youtube-play:hover {color:#d92125!important}
ul.social_media li .fa-whatsapp:hover {color:#51d147 !important}


.text-color-theme{color:#d92125!important;}
.text-blue{color:#2e3092;} 
.text-red{color:#d1232a;} 

.font-semibold{font-weight:500!important;}
.wrapper {position: relative;margin-bottom: 357px;z-index: 999;display: flex;background: #fff;}
.body-wrapper{width:100%; background:#fff; overflow:hidden;}
@media (min-width:1024px) {
.body-content{min-height:calc(100% - 357px)!important;}
.body-wrapper{min-height:calc(100% - 357px)!important;}
}
.body-wrapper{min-height:calc(100% - 383px); padding:0 0; position:relative; margin-bottom:357px;}
.body-content{    min-height: calc(100% - 122px);}
@media (min-width:1441px) {
.body-wrapper{ margin-bottom:357px;}
}
@media (min-width:1136px) and (max-width:1440px) {
.body-wrapper{ margin-bottom:357px;}
}
@media (max-width:767px) {
.body-wrapper{margin-bottom:218px;}
.section-visual + .container > .row .col-lg-3.mb-3.pb-lg-4{margin-bottom:0!important;}
}

@media (max-width:420px) {
.body-wrapper{margin-bottom:240px;}
}
@media (max-width:300px) {
.body-wrapper{margin-bottom:260px!important;}

}
header{background:rgba(255,255,255,1); -webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;padding-bottom:0px;}
header.shrink-logo{ -webkit-box-shadow:0px 3px 18px -1px rgba(0,0,0,0.2);-moz-box-shadow:0px 3px 18px -1px rgba(0,0,0,0.2);box-shadow:0px 3px 18px -1px rgba(0,0,0,0.2);padding-bottom:0px;}
header .nav-bx ul.navbar-nav > li{padding:7px 5px 7px 0px;}
header > nav ul li{color:#7b7b7b!important;position:relative;}
header > nav ul li.nav-item{ padding:15px 0!important;}
header > nav ul.navbar-nav > li > a{text-decoration:none!important;text-transform:uppercase; color:#000; font-size:.95rem; font-weight:400; padding:0 15px!important;}
header.shrink-logo > nav ul li a{color:#000;}
header > nav ul li a.active{ color:#d92125;}
header > nav ul li a:hover,
header > nav ul li:hover a{color:#d92125}
header > nav ul li .fa{margin-right:10px;}
header > nav ul.navbar-nav > li.current > a.nav-link{position:relative;color:#000;}
header .navigation{max-width:890px;}
/*header > nav ul li.dropdown{position:static!important;}*/
.dropdown-toggle{position:relative;}

.offcanvas-toggle2{display:none;}
.offcanvas-toggle{padding:12px 0px 12px; float:right; background:transparent;border:0px;border-radius:0px;display:none;cursor:pointer;outline:none!important}
.offcanvas-toggle .icon-bar{background:#d92125;display:block;width:22px;height:2px;border-radius:1px;transition:all .25s ease-in-out}
.offcanvas-toggle .icon-bar + .icon-bar{margin-top:4px;}
/*.offcanvas-toggle .icon-bar:nth-child(3){width:12px;}*/
.offcanvas-toggle:hover .icon-bar:nth-child(3){width:22px;}
/*.offcanvas-toggle.is-open .icon-bar:nth-child(1){background: #152f68; -webkit-transform:rotate(45deg) translate(5px, 4px);transform:rotate(45deg) translate(5px, 4px)}.offcanvas-toggle.is-open .icon-bar:nth-child(2){opacity:0}.offcanvas-toggle.is-open .icon-bar:nth-child(3){ background: #152f68; width:22px;-webkit-transform:rotate(-45deg) translate(4px, -4px);transform:rotate(-45deg) translate(4px, -4px)}*/
@media (max-width:768px){.offcanvas-toggle, .offcanvas-toggle2{display:inline-block}
div#offcanvas-overlay{position:fixed;display:none;height:100%;width:100%;top:0;left:0;cursor:pointer;background-color:rgba(0,0,0,0.6);visibility:hidden;opacity:0;z-index:9;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:opacity .4s 0s,visibility 0s .4s;-moz-transition:opacity .4s 0s,visibility 0s .4s;transition:opacity .4s 0s,visibility 0s .4s}
.open-menu div#offcanvas-overlay{opacity:1;display:block;visibility:visible;-webkit-transition:opacity .4s 0s,visibility 0s 0s;-moz-transition:opacity .4s 0s,visibility 0s 0s;transition:opacity .4s 0s,visibility 0s 0s}
.offcanvas-collapse, .offcanvas-collapse2{position:fixed;top:0;bottom:0;right:-250px;padding-top:0px;max-width:250px;width:100%;padding-right:0;padding-left:0;overflow-y:auto;visibility:hidden;background-color:#fff;transition-timing-function:ease-in-out;transition-duration:.3s;transition-property:right, visibility;z-index:1030;}
.offcanvas-collapse.open, .offcanvas-collapse2.open{right:0;visibility:visible;}
.filter-panel{padding:15px;background:#fff;}
.offcanvas-toggle {z-index:1040;margin-left:15px;position:relative;}
}
.mega-dropdown{cursor:pointer;}

.mega-nav-overlay{position:fixed;background-color:rgba(255,255,255,1); border-bottom:#d92125 5px solid; z-index:-1; opacity:0; top:-100%; left:0;  width:100%; -webkit-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s;}
.mega-nav-overlay.open-menu{height:100%; opacity:1; top:0;z-index:9999; }
ul.mega-menu{padding:0; margin:0 auto; opacity:0;-webkit-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s;}
.mega-nav-overlay.open-menu ul.mega-menu{height:100%; opacity:1;overflow:auto;}
ul.mega-menu{ padding-top:0px;}
ul.mega-menu{list-style:none;overflow:hidden;}
ul.mega-menu > li{position:static;}
.close-menu{width:30px; cursor:pointer;transform: rotate(0deg);z-index: 999;-webkit-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s;  position:absolute; top:15px; right:15px;}
.mega-nav-overlay.open-menu .close-menu{transform: rotate(-180deg);}
/*.mega-nav-overlay .close-menu:hover{transform: rotate(-90deg);}*/
ul.mega-menu ul{list-style:none;}
ul.mega-menu > li{}
ul.mega-menu a.dropdown-item figure{margin-bottom:8px!important;}
ul.mega-menu a.dropdown-item{margin:0 0;display:block; border-bottom:#ddd 1px dotted;display:none; text-align:center; -webkit-animation: fadeInDown 1500ms ease;animation: fadeInDown 1500m ease-in-out; color:#000!important; font-weight:600; text-transform:capitalize; background:none!important; padding:0 0 15px!important;}
ul.mega-menu a.dropdown-item span{display:block; text-transform:uppercase; position:relative;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;}
ul.mega-menu a.dropdown-item:hover{color: #2e3092!important; border-bottom:solid 1px #2e3092;}
ul.mega-menu a.dropdown-item img{top:0px; position:relative;}
ul.mega-menu a.dropdown-item:hover img{top:-5px;}
ul.mega-menu a.dropdown-item span{top:0px; letter-spacing:inherit;}
ul.mega-menu a.dropdown-item:hover span{top:0px; letter-spacing:.05rem;}

.mega-nav-overlay.open-menu a.dropdown-item{display:block;}
ul.mega-menu.show {display: block; opacity:1;}

/*.wrapper:before{-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;}*/
.wrapper:before{content:''; position:fixed; top:0; left:0; height:0%; width:100%; background:#333; opacity:.8;}
.open-menu .wrapper:before{ z-index:1;height:100%;}

@media (min-width:992px){
.mega-nav-overlay .design-text{font-size:900%!important;}
.mega-nav-overlay{background-image:url(../src/images/mega-menu-bg.png); background-position:bottom center; background-repeat:repeat-x;}

}

@media (max-width:768px) {
.mega-nav-overlay{top:0; left:auto!important; right:-150%!important;}
.mega-nav-overlay.open-menu{right:0px!important; width:calc(100% - 0px)!important; height:100%;}
.mega-menu .row-cols-2 > *{width:100%!important;}
}
@media (max-width:766px) {
.close-menu{width:20px;}
ul.mega-menu .card-columns {webkit-column-count:1!important;-moz-column-count:1!important;column-count: 1!important;}
}
@media (min-width:769px) {
header nav, header .navigation, header .navigation .nav-bx{position:relative;}
.dropdown-toggle::after{border:0!important; content:'\f107'!important; font-family:FontAwesome; position:absolute; font-size:12pt;top:-2px; }
}
header nav,.navigation .nav-bx{z-index:1;}
header.shrink-logo .navbar-brand{ margin-bottom:0!important;}
header .navbar-brand img,
.top-links{-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;}
header.shrink-logo .navbar-brand img{max-width:80%;}
@media (max-width:1399px) {
header > nav ul.navbar-nav > li > a{padding:0px .7rem!important; font-size:.89rem!important;}
.navbar-brand {max-width:410px;}
.search-btn.ms-lg-4{margin-left:5px!important;}
}
@media (min-width:960px) and (max-width:1024px) {
header > nav ul.navbar-nav > li > a{font-size:9.5pt!important; padding:0 8px!important;}
header .navbar-brand{max-width:25%;margin-right:0!important;}
}
@media (max-width:768px){
.navbar-expand-lg .navbar-nav .nav-link{display:block;}
.dropdown-toggle::after{margin-left:10px;}
.dropdown-item{padding:0 0 10px!important;}
header > nav ul li.dropdown > a:before{right:15px!important;}
ul.mega-menu ul.row li a.dropdown-item{padding:6px 0!important;}
ul.mega-menu ul.row-cols-2{margin-top:10px;}
ul.mega-menu ul.row-cols-2 > li{margin-top:0!important;}
ul.mega-menu a.dropdown-item{margin:0!important;}
ul.mega-menu a.dropdown-item span{text-align:left;}
header > nav ul li .dropdown-menu{background:#fff!important;padding-top:0!important;border-top:0!important;}
ul.mega-menu ul.row-cols-2 > li:last-child a{border:0!important;}
header > nav ul li .dropdown-menu li a:before{content:'\f105'; font-family:FontAwesome; font-size:10pt; margin-right:6px;}
header > nav ul li .dropdown-menu li > a{color:#333!important; padding:7px 10px 7px 15px!important; font-size:95%!important;border-bottom:0!important;}
ul.mega-menu a.dropdown-item img{border-radius:10px!important;}
}
@media (max-width:1023px){
.navbar-expand-lg .navbar-nav .nav-link{padding:5px 0!important;}
}
@media (min-width:767px) and (max-width:768px) {
header .navbar-brand{max-width:50%;margin-right:0!important;}
}
@media (max-width:768px){
.navbar{padding:0 0!important;}
header > nav ul.navbar-nav > li{padding:0px 0px!important;margin-left:0px!important;}
header > nav ul.navbar-nav > li > a{padding:11px 0!important;}
header > nav ul.navbar-nav > li:last-child a{border-bottom:0!important;}
.navbar-expand-lg .navbar-nav .nav-link{padding:15px 15px!important;border-bottom: #ddd 1px dotted;}
header > nav ul li .nav-link.active{border-bottom:1px solid #b30c10!important;}
header .navbar-brand h1{margin-bottom:0;font-size:inherit!important;}
header > nav ul li.dropdown{background:none!important;}
}

@media (max-width:767px){  
header{background:#fff; -webkit-box-shadow:0px 3px 18px -1px rgba(0,0,0,0.2);-moz-box-shadow:0px 3px 18px -1px rgba(0,0,0,0.2);box-shadow:0px 3px 18px -1px rgba(0,0,0,0.2);}
header .navbar-brand{max-width:35%;margin-right:0!important;}
header.shrink-logo .navbar-brand img{max-width:90%!important;}
header > nav ul.navbar-nav{padding:10px 0; padding-bottom:10px;}
header .navigation .offcanvas-toggle{padding-right:0!important;}
}
header > nav ul li.dropdown > a{position:relative;}
header > nav ul li.dropdown > a:before{content:'\f107';font-family:FontAwesome;position:absolute; right:0px;}
header > nav ul li.dropdown > a:after{display:none!important;}
header > nav ul li .dropdown-menu{min-width:100%!important; z-index:9;}

header > nav ul li .dropdown-menu {background:#d4140a; }
@media (min-width:769px) {
header > nav ul li > a{font-size:12.5pt;}
/*header > nav ul li .dropdown-menu:before{content:'\f106'; font-family:FontAwesome; display:block; position:absolute; top:-20px; left:0; text-align:center; right:0; margin:0 auto;}*/
header > nav ul li .dropdown-menu {background:#d4140a;padding:0!important;overflow:hidden; border:0!important; margin-top:15px; border-radius:15px; z-index:1;opacity:0; -webkit-animation: fadeInDown 500ms ease;animation: fadeInDown 1600m easet;}
header > nav ul li.dropdown:hover .dropdown-menu,
header > nav ul li.dropdown.show .dropdown-menu{opacity:1; display:block;}
}

header > nav ul li .dropdown-menu li{list-style:none; }
header > nav ul li .dropdown-menu li:last-child{border:0;}
header > nav ul li .dropdown-menu a{padding:10px!important; border-bottom:rgb(188,0,0) 1px solid; font-weight:normal; color:#FFF;display:block;text-transform:none; font-size:12pt;}
header > nav ul li .dropdown-menu a:hover{color:#FFF!important; background:#ff000a!important;}
header > nav ul li .dropdown-menu li:last-child a{border-bottom:0!important;}
@media (max-width:768px) {
.offcanvas-toggle{padding:0px!important;}
}
@media (max-width:640px) {
header .navbar-brand{max-width:25%;}
header.shrink-logo .navbar-brand img{max-width:70%!important;}
/*header > nav ul li .dropdown-menu{margin-top:-10px;}*/
}

/*Serach Box*/
.search-btn img {background: url(../src/images/search-icon.png) no-repeat center left;transform: rotate(0deg);cursor:pointer; -webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;}
.search-btn.close{opacity:1!important;}
.search-btn.close img{background-position:center right; cursor:pointer;z-index: 999;-webkit-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s;}
.search-btn.open img{transform: rotate(-90deg);}
.search-bx{position:fixed;-webkit-animation: fadeIn 500ms ease;animation: fadeIn 1600m easet;left:0; right:0; margin:0 auto;  width:100%; background:rgba(0,0,0,.8); color:#333;display:none;}
.search-field{width:calc(100% - 55px);}
.search-bx .form-control{height:50px; border:0; background:none!important; border-radius:0;  color:#000!important; padding-left:10px;}
.search-btn2{height:auto;}
.search-btn2 input{background:url(../src/images/search-icon.png) no-repeat center left; border:0; width:32px; height:32px; margin-right:10px; margin-top:8px;}
@media (min-width:769px) {
.search-bx{position:fixed; width:100%; height:100%; top:0px; padding:20px; z-index:9999;}
.search-bx > div{height:100%;  max-width:700px!important;}
.search-bx .close{position:absolute; right:15px; top:15px;}
.search-box input{height:52px;}
}
.search-box{-webkit-animation: fadeInDown 1000ms ease;animation: fadeInDown 1000m ease-in-out; background:#fff; border-bottom:1px solid #000;}
.search-box input{outline:none; box-shadow:none!important; }
@media (max-width: 768px) {
.search-bx{position:fixed; width:100%; height:100%; top:0; padding-top:100px;}
.search-bx .close{display:none;}
.search-btn.close{position:relative; z-index: 9999;right: -35px;}
}
@media (max-width:767px) {
.search-bx{position:fixed; width:100%; height:100%; top:0; padding-top:80px;}
}
@media (max-width:560px) {
.search-btn img{width:25px; background-size:auto 25px; transition:none!important;}
}
.breadcrumb{border-top:#ddd 1px solid!important;}
@-webkit-keyframes fadeIn{0%{opacity:0}
100%{opacity:1}
}
@keyframes fadeIn{0%{opacity:0}
100%{opacity:1}
}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-20%,0);transform:translate3d(0,-20%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-20%,0);transform:translate3d(0,-20%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
@media (max-width:768px) {
h1, .h1{font-size:1.7rem!important;}
h2, .h2{font-size:1.3rem!important;}
h3, .h3{font-size:1.5rem!important;}
h4, .h4, .lead{font-size:1.4rem!important;}
h5, .h5{font-size:1.3rem!important;}
}
@media (max-width:640px){h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{line-height:1.3!important;}
h1, .h1{font-size:15pt!important;}
h2, .h2{font-size:14pt!important;}
h3, .h3{font-size:13pt!important;}
h4, .h4, .lead{font-size:12pt!important;}
h5, .h5{font-size:11pt!important;}
.breadcrumb-item, .breadcrumb-item *, .breadcrumb-item + .breadcrumb-item::before{font-size:9pt!important;}
}
h4{font-size:20px;}
@media (min-width:768px){
section{min-height:100%;}
}
.breadcrumb{padding:15px 0!important;margin-bottom:0!important;border:0;background:none!important; text-align:center!important;}
.breadcrumb{-webkit-box-pack: center!important;-ms-flex-pack: center!important;justify-content: center!important;}
.breadcrumb-item, .breadcrumb-item *, .breadcrumb-item + .breadcrumb-item::before{font-size:10pt;color:#666!important;}
.breadcrumb-item.active{color:#999!important;}

.heading{color:#000; text-transform:capitalize; font-weight:400;}
@media (min-width:1400px) {
h2.heading{font-size:2.2rem!important;}
}

@media (max-width:768px){h1.heading{font-size:18pt;}
h2.heading{font-size:17pt!important;}
.body-body-wrapper{min-height:calc(100% - 228px)!important;}
.body-body-wrapper h3{font-size:16pt;}
.body-body-wrapper h4{font-size:14pt!important;}
}
@media (max-width:640px){
.bottom-footer{border-top:0!important;}
h1.heading{font-size:16pt!important;}
.heading{font-size:15pt!important;}

.design-text.pull-down{font-size:3.5rem!important}
}
@media (max-width:480px){
.heading{font-size:14pt!important;}
}
@media (max-width:1390px){
footer,.bottom-footer{font-size:.85rem!important;}
}
@media (min-width:1024px){
    footer {
        background-repeat: no-repeat;
        background-image: url(../src/images/footer-img.jpg);
        background-image: -webkit-image-set(url('../src/images/footer-img.webp') 1x);
    }


}
footer{font-size:1rem; background-size:cover; position:fixed; bottom:0; left:0; width:100%; z-index:-1;color:#fff;}
footer > div{background:rgba(209,35,42,.85);}
footer .fa, footer .text-uppercase{color:#fff!important;}
.footer a, footer address, .bottom-footer {color:#fff;font-weight:300;}
.footer a:hover, footer .font-weight-bold,ul.footer-links li a:hover .fa{color:#fff!important;}
.bottom-footer{border-top:rgba(0,0,0,0.1) 1px solid;}
footer ul.list-inline li{margin:0 0 5px; }
@media (max-width:768px) {
/*footer .row > div.footer-address, footer .row > div:last-child{padding:10px 15px!important;}*/
footer .row > div.footer-address, footer .row > div.footer-address p{text-align:center;}
.footer-links{padding:0!important;}
ul.social_media li{margin:0 5px!important;}
address + ul.list-unstyled li{display:inline-block; vertical-align:top; margin:0 5px;}
address + ul.list-unstyled{margin-bottom:0;}
}
@media (max-width:640px){
footer{text-align:center; margin-top:0px!important;}

}
@media (max-width:768px){
footer ul.list-inline{display:block;margin-bottom:0!important;}
footer ul.list-inline li{vertical-align:top;margin:0 15px!important; text-align:center; padding:0 0;}
.footer-links{text-align:center;}
.footer-links li {display:inline-block!important; vertical-align:top;  padding: 5px!important;}
}
ul.sitemap > li{display:inline-block;vertical-align:top;text-align:left;}
ul.sitemap li .h5{font-size:12pt;text-transform:uppercase;text-align:center;color:#333;}
ul.sitemap li ul{margin:0;padding:0 0 0 15px;}
ul.sitemap li ul li{margin:5px 0;padding:0;}

.design-text{font-weight:800; color:#f1f1f1; font-size:10.5vw; text-transform:uppercase; line-height:1!important;}

@media (min-width:1024px) {
.design-text.pull-down{margin-bottom:-30px!important;}
.mask1 {-webkit-mask-image: url(../src/images/hm-project-bg.png);mask-image: url(../src/images/hm-project-bg.png);-webkit-mask-size: 100%;mask-size: 100%;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;position:absolute; z-index:3; top:0px;}
}
@media (max-width:1024px) {
.mask1{z-index:3;}
.mask1 img{max-width:70%;}

}
@media (max-width:1023px) {
.mask1{position:relative; z-index:3;}
.mask1 img{max-width:100%;}
}
@media(max-width:767px){
.mask1{ height:100%}
}


@media (min-width:1025px) and (max-width:1440px) {
.masthead h1, .masthead h2{font-size:27pt!important;}
}
@media (min-width:769px) and  (max-width:1024px){
.masthead h1, .masthead h2{font-size:24pt!important;}
}
@media (max-width:768px){
.masthead h1, .masthead h2{text-transform:none!important;}
}

.masthead{background:#d1232a!important }
.masthead h1, .masthead h2{color:#FFF!important; text-transform:uppercase; position:relative; z-index:1;}
.masthead h1 > span{text-transform:capitalize!important;}
@media (min-width:1024px){
.masthead h1, .masthead h2{position:relative; top:-10px; line-height:normal;}
.masthead h1 p{margin-bottom:0; font-size:65%; font-weight:normal;}
.masthead h1 > span{margin-bottom:-10px!important;}
.masthead{overflow:hidden; position:relative; max-width:1920px; margin:0 auto;}
.masthead .container{position:relative;}
.masthead .visual-holder{position:relative; left:0; top:0; background-size:auto 100%!important; background-position:center left!important; background-repeat:no-repeat;}
.masthead-slant + .masthead-slant{position:relative; z-index:1;}
.masthead-slant{position:relative; z-index:2;}
.masthead-slant:after{content:''; position:absolute; top:0; right:-10%; z-index:0; height:100%; width:20%;background:#d1232a;transform: skew(-12deg)!important; -webkit-transform: skew(-12deg)!important; -moz-transform: skew(-12deg)!important;}
.masthead-slant + .masthead-slant:after{width:10%!important;right:-5%; }
}
@media (max-width:768px){
.masthead img{display:none;}
.masthead{padding:20px 0;}
.masthead .btn{border:#fff 1px solid;}
}

/* Effect 5: same word slide in */
@media (min-width:769px) {
.cl-effect-5{position:relative;}
.cl-effect-5 a {overflow: hidden;}
.cl-effect-5 a span {position: relative;display: inline-block;-webkit-transition: -webkit-transform 0.3s;-moz-transition: -moz-transform 0.3s;transition: transform 0.3s;}
.cl-effect-5 a span::before {position: absolute;top: 100%;content: attr(data-hover);font-weight: 400;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.cl-effect-5:hover a span, .cl-effect-5 a:hover span,.cl-effect-5 a:focus span {-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);transform: translateY(-100%);}
}
/* Effect 5: same word slide in and border bottom */
@media (max-width:768px) {
.featured-pro-list a{border:#ddd 1px solid!important;}
}
@media (max-width:400px) {
.featured-pro-list a p{padding:7px 5px!important;}
}

.featured-pro-list > div{margin-bottom:35px; }
.featured-pro-list a{overflow:hidden;text-align:center;color:#FFF!important; box-shadow:#fff 0 0px 0px 0px; background:rgba(255,255,255,1); border:#eaeaea 1px solid; border-radius:20px; overflow:hidden; display:table; margin:0 auto;}
.featured-pro-list a figure{margin-bottom:0; display:block; background:#fff; font-weight:500;}
.featured-pro-list a p, .featured-pro-list a div{margin-bottom:0; min-height:60px; background:#f2f2f2; color:#2e3092; font-weight:700; padding:7px 15px;}
.featured-pro-list a p{display: -webkit-box!important;display: -ms-flexbox!important;display: flex!important; -webkit-box-pack: center!important; -ms-flex-pack: center!important; justify-content: center!important;webkit-box-align: center!important; -ms-flex-align: center!important; align-items: center!important;}
.featured-pro-list a p{-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;}
.featured-pro-list a:hover p{background:#d1232a; color:#fff;}
.featured-pro-list a:hover{border-color:#d1232a!important; background:#fff; opacity:1!important; box-shadow:#ffe2e4 0 5px 0px 0px;}
.featured-pro-list a figure{ display:block; background:#fff;overflow:hidden;}
.featured-pro-list a:hover{border:#eee 1px solid;}
.featured-pro-list a:hover{transform: scale(1.04);}
.featured-pro-list a:hover figure img{transform: scale(1.1);}
.featured-pro-list a:hover p, .featured-pro-list a:hover div{background:#e10000; color:#FFF!important;}
.featured-pro-list a div{padding:10px 15px!important;}
.featured-pro-list a div span{display:block; font-weight:500;  font-size:90%;}
figure img, .featured-pro-list a div{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}

/*Product details*/
.description h4{color:#c4000e; margin-bottom:0px;}
.description table td{border-bottom-width:0;}
.description img{width:auto!important; height:auto!important; max-width:100%!important;}
.products{ z-index:10; }
.products .slick-list{ border:1px solid #ccc; border-radius:25px; background:#fff;}
.products .slides{vertical-align:middle; text-align:center; position:relative;}
.products .slides .float-zoom{position:absolute;transform: scale(1); display:none; background:rgba(255,255,255,1); padding:5px 10px; color:#c4000e;z-index:2; font-size:24px; font-weight:normal; bottom:0px; right:0px;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.products .slides:hover .gallery{cursor: -webkit-zoom-in; cursor:zoom-in}
.products .slides img{margin:auto;}
.products-panel{position:relative}
.products-panel:after{ content:""; position:absolute; right:0; width:58.3%; top:0px; bottom:0px; background:#eeeeee;}
.product-desc {position:relative; z-index:8;  padding-left:20px !important;}
.product-desc img{max-width:100%;border:#ddd 1px solid;}
.product-desc h5{color:#333; font-size:110%!important;padding-top:10px;}
.product-desc strong, .product-table table strong{font-weight:600; color:#333;}
.pro-head{background:#ddd;}
.product-desc h1{font-size:30px;}
.products .slick-dots{position:relative; display:table; margin:-16px auto 0; background:#d92125; padding:3px 5px 0; border-radius:50px;}
.products .slick-dots > li{cursor:pointer; background:rgba(0,0,0,.2);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.products .slick-dots > li:hover{background:rgba(255,255,255,.8)}
.products .slick-dots > li.slick-active{background:#fff;}

.bg-red{background:#d92125!important;}
.bg-grey{background:rgba(0,0,0,0.05);}
.product-table table{background:#fff; border-spacing:10px; border:#ddd 1px solid; font-size:1rem; width:auto!important; margin:0 auto; min-width:400px;}
.product-table table tr:first-child td {border-bottom:1px solid #d1232a; color:#2e3092; font-weight:500;}
.product-table table{border-collapse:inherit!important;}
.product-table table td{padding-top:0!important; border-style:dotted!important; min-width:180px;}
.product-table .table-wrapper{position:relative;overflow:auto;}
.description p + ul{margin-top:-8px;padding-left:18px;}
.product-table table tr:last-child td{border-bottom:0!important;}

@media (min-width:1025px) and (max-width:1390px) {
.product-table table tr td {min-width: 200px;}
}
@media (min-width:769px) and (max-width:1024px) {
.product-table table tr td{min-width:150px;}
}
@media (max-width:768px) {
.product-table{}
.product-table .table-wrapper{position:relative;overflow:auto;}
div.product-table:before{content:'Swipe right to view more'; text-align:right; display:block; margin-bottom:5px; font-style:italic; font-size:90%; color:#666;}
.product-table table td{font-size:95%!important;}
}

@media (max-width:767px) {
.description img{float:none!important;}
}

.project-table table td{padding:10px 0!important; border-bottom:1px #ddd dotted;}
.project-table table td:first-child{width:180px;}
.project-table table tr:last-child td{border-bottom:0!important;}

table.unit-table td:nth-child(2){min-width:0!important;}

.projects .slick-track{display:inline-block!important;}
.projects .slick-slide{display:inline-block!important; float:none!important; text-align:center;}
.projects .slick-slide img{margin:0 auto;}

ul.clients-list {padding: 0;list-style: none;}
ul.clients-list li {padding: 0px;margin: 0 0 30px;}
ul.clients-list li figure{border-radius:4px; overflow:hidden;}

.testimonials-bx{position:relative; border-radius:25px;}
.testimonials-list > div:nth-child(even) .testimonials-bx{ border-color:#d92125!important;}
.testimonials-list > div:nth-child(odd) .testimonials-bx{border-color:#2e3092 !important;}
.testimonials-list .testimonials-bx .testimonials-text{position:relative;}
.testimonials-list .testimonials-bx .testimonials-text:before{content:''; background:url(../src/images/qoate1-sm.png) no-repeat center center; display:block; width:50px; top:-20px; left:-20px; height:20px; position:absolute; opacity:.8;}
.testimonials-list .testimonials-bx .testimonials-text:after{content:''; background:url(../src/images/qoate1-sm.png) no-repeat center center; margin-right:auto; bottom:-20px; right:-20px;width:50px; height:20px; position:absolute;opacity:.8;}
@media (max-width:768px) {
.testimonials-list .testimonials-bx .testimonials-text:before{top:-12px;}
.testimonials-list .testimonials-bx .testimonials-text:after{bottom:0px;}
}

.dealers-list > div .card{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.dealers-list > div .card{position:relative;}
.dealers-list > div:nth-child(even) .card{ border-color:#ff8388!important;}
.dealers-list > div:nth-child(even) .card:hover{border-color:#d1232a!important;}
.dealers-list .card:nth-child(odd){ border-color:#a4a5fd!important;}
.dealers-list > div:nth-child(odd) .card:hover{border-color:#2e3092!important;}
.dealers-list .card-body > b{font-weight:600; color:#2e3092; display:block; margin-bottom:8px;}
.dealers-list .card-body{padding-top:7px!important;padding-bottom:7px!important;}

.dealer-sticky {background: #fff;top: 80px;}

.service-centre-flag{position:absolute; top:20px; right:20px;}

.right-slant-panle{background:#fafafa; position:relative; max-width:1920px; margin:0 auto;}
@media (min-width:769px) {
.about-intro .slant-bx{background:url(../src/images/about-intro-pic.jpg) no-repeat center bottom!important; background-size:cover;}
.right-slant-panle .slant-bx{content:''; overflow:hidden; position:absolute; right:-5%; border-radius:12px; top:-10%; width:50%; z-index:0; height:120%; background:#2e3092;transform: skew(6deg)!important; -webkit-transform: skew(6deg)!important; -moz-transform: skew(6deg)!important;}
.right-slant-panle .container{z-index:1;}

.coporate-video{z-index:1!important;}
.coporate-video > div{background:rgba(0,0,0,0.2);left: -50px; padding-left:50px; position:relative; transform: skew(-6deg)!important; -webkit-transform: skew(-6deg)!important; -moz-transform: skew(-6deg)!important;}
.coporate-video .video-btn .fa{font-size:26pt; margin-bottom:15px; border-radius:100px; border:4px solid #fff; width:82px; line-height:74px; padding-left:5px; text-align:center;}
.coporate-video .video-btn{text-transform:uppercase; font-weight:600; color:#FFF!important;}
.coporate-video .video-btn .fa{transform: scale(1);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.coporate-video .video-btn .fa:hover{transform: scale(1.1); background:#d92125; }
}
@media (max-width:768px) {
.right-slant-panle .bg-blue,
.left-slant-panle.bg-blue, .left-slant-panle{background:#2e3092!important;}
.left-slant-panle.bg-blue *{color:#ccd0ff!important;}
.service-centre-flag{top:10px; right:10px;}
}
.bg-blue{background:#2e3092!important;}
.contact-address p {position: relative;}
.contact-address p .fa {position: absolute; top:5px; left:0; color: #d92125;font-size:14pt;}
@media (min-width: 1024px) {
 .contact-enquiry-form {border-left: 1px solid #ddd;}
}

.form-control{border-radius:5px!important; outline:none!important; box-shadow:none!important;}
.contact  .form-control:focus{background:none!important; color:#fff!important;}
.contact-form  .form-control{ color:#fff!important; background:none!important;}
.contact-form  .form-select{ color:#fff!important; background-color:#2e3092!important;z-index:1; position:relative; }
.form .form-select{text-indent:75px;height:45px; box-shadow:none!important;}
.form .form-select *{color:#000!important; background:#FFF; }
.contact        {border:1px solid #a6bcc9; border-radius:25px; padding:25px 25px !important;}
.form .form-control{ z-index:1; position:relative; background:none; height:45px;}
.form .form-group{position:relative;}
/*.form textarea{height:145px;}*/
.contact-form .form-label, .contact-form .form-label.label-focus{color:#fff;}
.form-label{ position:absolute;z-index:0; top:10px; left:12px;  z-index:0;  transition:all 200ms ease-out;}
.form-label.label-focus{top:-20px;left:0px; font-size:14px;z-index:30; padding:1px 5px; line-height: 1; color:#000; border-radius:0rem !important}
.upload input{line-height:1.9;}
@media (min-width:1400px) {
.form .form-control{ height:45px;}
}
@media (max-width:768px) {
.form .form-group{margin-top:18px;}
}
@media (min-width:1441px) {
.contact .form-group{margin-bottom: 1.5rem!important;}
.contact .form-control{padding:.475rem .375rem!important;}
}

@media (max-width:420px) {
.form-label.label-focus{font-size:11px!important;}
.contact-enqr-bx .form-label{top:5px;}
.form .form-control{height:40px;}
.form .col-md-6.mb-3, .form .col-md-12.mb-3{margin-bottom:8px!important;}
}
.career-table{border-spacing:10px;}
.career-table td{padding:4px 0!important; border-bottom:0;}
.career-table td:first-child{padding-right:20px!important; position:relative;}
.career-table td:first-child:before{content:':'; position:absolute; right:7px;}
.career-table tr:last-child td{border-bottom:0!important;}

.career-tabs .accordion-button::after{position:absolute; right:15px!important;}

.accordion .accordion-header{background:#FFF!important;}
.accordion-item {overflow:hidden; border:#2e3092 1px solid!important; }
.accordion-item:last-of-type, .accordion-item {border-top-right-radius: .50rem !important;border-top-left-radius: .50rem !important;}
.accordion-item:last-of-type, .accordion-item {border-bottom-right-radius: .50rem;border-bottom-left-radius: .50rem;} 
.accordion-button{outline:none!important; box-shadow:none!important;}
.accordion-button:not(.collapsed){font-weight:500; color:#d92125!important; background:#FFF!important; border-bottom:#ddd 1px dotted!important;}
.accordion-body strong{color:#000; font-weight:500;}
@media (max-width:768px) {
.accordion .accordion-header button, .accordion-body{padding:10px 33px 10px 10px!important; font-size:.9rem!important;}
.career-tabs .accordion-button::after{right:8px!important;}
.offcanvas-header{text-transform:uppercase; }
.offcanvas-header h5{color:#2e3092!important;}
}
.rounded-bx{border-radius:20px!important; overflow:hidden;}


.hm-about-panle .mask1{right:0; height:100%;}
@media (min-width:769px) {
.hm-about-panle{
    background-repeat:no-repeat;
    background-position:center center;
    background-attachment:fixed;
    background-size:cover;
    background-image: url(../src/images/hm-about-parllx.jpg);
    background-image: -webkit-image-set(url('../src/images/hm-about-parllx.webp') 1x);
}



.float-img-left{position:absolute; top:-50px; right:0; max-width:fit-content!important; width:auto;}
}
.hm-about-panle{position:relative;}
.hm-about-panle:before{content:'';z-index:0; position:absolute; top:0; left:0; background:#2e3095; opacity:.9; width:100%; height:100%;}

.left-slant-panle{background:#fafafa; position:relative; max-width:1920px; margin:0 auto;}
.manufacturing-intro{background:#2e3092;position:relative;}
@media (min-width:769px) {
.manufacturing-intro{
    background-repeat:no-repeat;
    background-position:center center;
    background-attachment:fixed;
    background-image: url(../src/images/about-manufacture-bg.jpg);
    background-image: -webkit-image-set(url('../src/images/about-manufacture-bg.webp') 1x);
    background-size:cover!important;
}
.manufacturing-intro:before{content:'';z-index:0; position:absolute; top:0; left:0; background:#2e3095; opacity:.9; width:100%; height:100%;}
.manufacturing-intro .slant-bx{position:absolute; top:-10%!important; left:-2%; width:45%!important; height:118%;  }
.manufacturing-intro .slant-bx img{position:absolute; height:100%;left:0; top:0;}
.left-slant-panle .container{z-index:1;}
.left-slant-panle .slant-bx{content:''; overflow:hidden; position:absolute; left:-5%; border-radius:12px; top:-10%; width:40%; z-index:0; height:120%; background:#2e3092;transform: skew(6deg)!important; -webkit-transform: skew(-6deg)!important; -moz-transform: skew(-6deg)!important;}
.left-slant-panle.about-intro-2 .slant-bx{width:50%; height:115%;top:-7.5%;}
.manufacturing-intro p{margin-bottom:20px;}
.manufacturing-intro .slant-bx {
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-image: url(../src/images/manufacturing-bg.jpg);
    background-image: -webkit-image-set(url('../src/images/manufacturing-bg.webp') 1x);
    background-size: cover !important;
}
}
@media (min-width:769px) and (max-width:1024px){
.manufacturing-intro .slant-bx{width:50%!important;}
}
 @media (max-width:768px) {
 .testimonial {max-width: 100%;width: auto;padding: 15px;position: relative;border: 1px solid #d4d4d4;margin: 0 auto;}
.testimonial .quote {padding: 0 15px;}
.testimonial .float-img {margin-bottom: 15px;}
}
 @media (max-width:767px) {
.testimonial .quote {padding: 0 0px;}
}
@media  (min-width:769px) and (max-width:1299px) {
.testimonial {max-width: 78%;width: auto;padding: 20px 30px;position: relative;border: 1px solid #d4d4d4;margin: 0 auto;background: #fff;}
.testimonial .float-img.order-md-1 {position: absolute;z-index: 2;left: -12%;}
.testimonial .float-img.order-md-2 {position: absolute;z-index: 2;right: -12%;}
.testimonial .quote {position: relative;z-index: 1;max-width: 87%;}
.testimonial .quote .quote-txt {font-size: 23px;font-weight: 300;font-weight: 300;position: relative;}
.testimonial .quote p:last-child {margin-bottom: 0;}
}

@media (min-width:1025px) {
.testimonial.rounded{max-width:66%;}
}

@media (min-width:960px) and (max-width:1024px){
.testimonial.rounded{max-width:80%;}
}
@media (max-width:768px){
.testimonial.rounded{max-width:80%;}
}
@media (min-width:768px) {
.testimonial {width: auto;padding: 20px 30px;position: relative;border: 1px solid #d4d4d4;margin: 0 auto;background: #fff;}
.testimonial .float-img{position:relative;}
.testimonial .float-img:before{content:''; overflow:hidden; position:absolute; left:-10px; border-radius:12px; top:0%; width:50%; z-index:0; height:100%; background:#2e3092;}
.testimonial .float-img:after{content:''; overflow:hidden; position:absolute; left:0px; border-radius:12px; top:0%; width:90%; z-index:0; height:100%; background:#2e3092;}
.testimonial .float-img img{position:relative; z-index:1;}
.testimonial .float-img.order-md-1 {position: absolute;z-index: 2;left: -12%;}
.testimonial .float-img.order-md-2 {position: absolute;z-index: 2;right: -12%;}
.testimonial .float-img.order-md-2:before{left:auto!important; right:10px;}
.testimonial .float-img.order-md-1:after{transform: skew(-6deg)!important; -webkit-transform: skew(-6deg)!important; -moz-transform: skew(-6deg)!important;}
.testimonial .float-img.order-md-2:after{transform: skew(6deg)!important; -webkit-transform: skew(6deg)!important; -moz-transform: skew(6deg)!important;}
.testimonial .quote {position: relative;z-index: 1;max-width: 87%;}
.testimonial .quote .quote-txt {font-size: 23px;font-weight: 300;font-weight: 300;position: relative;}
.testimonial .quote .name h6 {text-transform: capitalize;margin-top: 0px;}
.testimonial .quote p:last-child {margin-bottom: 0;}
}
@media (max-width:767px) {
.testimonial{}
.testimonial.rounded{text-align:center;max-width:100%;}
.testimonial .float-img img{background:#2e3092; max-width:30%; margin:0 auto;}
.city-list h5{margin-bottom:20px!important; text-transform:uppercase; font-size:110%!important; border:#ddd 1px solid; border-left:0; border-right:0; padding:10px;}
.dealer-sticky hr, .city-list hr{display:none;}
}
.clients-slider{padding-left:0;}

.city-list > div:last-child hr{display:none;}

.text-light-blue{color:#ccd0ff!important}

@media (min-width:769px) {
table.cart-table > :not(caption) > * > * {padding: 1rem 1rem;}
}
table.cart-table th, table.cart-table td{border-bottom-color:#ddd!important;}
table.cart-table tr:last-child td{border-bottom:0!important;}

.cart-btn{pointer-events:none;}
.cart-img img{ min-width:70px}
.cart-btn svg{fill:#666!important;}
.cart-btn{border-radius:0 0 15px 15px; border-top:0!important; background:#eee; border:#ddd 1px solid; border-top:0;}
.cart-btn.active{background:#d92125; position:relative; z-index:99999; color:#FFF!important; border-color:#d92125!important;}
.cart-btn.active svg{fill:#fff!important;}
.cart-btn.active.shake{animation: horizontal-shaking 0.35s 1;}

.cart-btn.active.shake .cartcount{animation: zoom-out 1s infinite;}
@media (max-width:768px) {
.cart-btn{border-radius:10px!important; padding:8px!important;}
}

@keyframes horizontal-shaking {
 0% { transform: translateX(0) }
 25% { transform: translateX(8px) }
 50% { transform: translateX(-8px) }
 75% { transform: translateX(8px) }
 100% { transform: translateX(0) }
}
@keyframes zoom-out {
 from {transform: scale(1)}
  50%  {transform: scale(2)} /* ignored */
  to   {transform: scale(1)}
}
.cart-btn.active{pointer-events:all;}
.cart-btn.active:hover{background:#2e3092!important; border-color:#2e3092!important}
.rupee-symbol{font-family: arial !important;}

.rounded-4{border-radius: .5rem !important }

.news-btns a.btn:hover{background:#2e3092; color:#FFF!important;}

.grid-list a p, .grid-list figure{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.grid-list a:hover p{color:#d92125!important}
.grid-list figure:hover, .grid-list a:hover figure{border-color:#d92125!important;}
.grid-list a:hover figure img{transform: scale(1.1);}

.products{position:relative; z-index:1;}
.slider-tabs{bottom:0px!important; position:relative; z-index:2;}
.slider-tabs .nav-link{font-weight:500;color:#2e3092;border-bottom:0!important;}
.slider-tabs .active{color:#d92125!important; border-color:#2e3092!important; }

.products-list{list-style:square; color:#2e3092; display:table;}
.products-list li{margin:8px 0; }
.products-list li a{color:#2e3092; font-weight:500; padding-bottom:10px;}

.project-list a{display:block;}
.project-list img.opacity-0{max-width:200px!important; max-height:175px!important; }
.project-list figure + p{min-height:65px; font-weight:600;}

.project-list > div{margin-bottom:0;}
.featured-pro-list .slick-track{margin:0 auto;}

.project-list .slick-dots{position:relative; bottom:-10px;}