@font-face {
    font-family: "ProximaNova-Black";
    src: url('../fonts/ProximaNova-Black.woff') format('woff'), url('../fonts/ProximaNova-Black.otf') format('otf'), url('../fonts/ProximaNova-Black.ttf') format('ttf'); 
}

@font-face {
    font-family: "ProximaNova-Bold";
    src: url('../fonts/ProximaNova-Bold.woff') format('woff'), url('../fonts/ProximaNova-Bold.otf') format('otf'), 
	url('../fonts/ProximaNova-Bold.ttf') format('ttf'); 
}

@font-face {
    font-family: "ProximaNovaCond-Light";
    src: url('../fonts/ProximaNovaCond-Light.woff') format('woff'), url('../fonts/ProximaNovaCond-Light.otf') format('otf'), 
	url('../fonts/ProximaNovaCond-Light.ttf') format('ttf'); 
}

@font-face {
    font-family: "ProximaNovaCond-Regular";
    src: url('../fonts/ProximaNovaCond-Regular.woff') format('woff'), url('../fonts/ProximaNovaCond-Regular.otf') format('otf'), url('../fonts/ProximaNovaCond-Regular.ttf') format('ttf'); 
}


@font-face {
    font-family: "ProximaNovaCond-Semibold";
    src: url('../fonts/ProximaNovaCond-Semibold.woff') format('woff'), url('../fonts/ProximaNovaCond-Semibold.otf') format('otf'), url('../fonts/ProximaNovaCond-Semibold.ttf') format('ttf'); 
}   
   
@font-face {
    font-family: "ProximaNova-Extrabld";
    src: url('../fonts/ProximaNova-Extrabld.woff') format('woff'), url('../fonts/ProximaNova-Extrabld.otf') format('otf'), url('../fonts/ProximaNova-Extrabld.ttf') format('ttf'); 
} 

@font-face {
    font-family: "ProximaNova-Light";
    src: url('../fonts/ProximaNova-Light.woff') format('woff'), url('../fonts/ProximaNova-Light.otf') format('otf'), url('../fonts/ProximaNova-Light.ttf') format('ttf'); 
} 

@font-face {
    font-family: "ProximaNova-Regular";
    src: url('../fonts/ProximaNova-Regular.woff') format('woff'), url('../fonts/ProximaNova-Regular.otf') format('otf'), url('../fonts/ProximaNova-Regular.ttf') format('ttf'); }
	
	@font-face {
    font-family: "ProximaNova-Semibold";
    src: url('../fonts/ProximaNova-Semibold.woff') format('woff'), url('../fonts/ProximaNova-Semibold.otf') format('otf'), url('../fonts/ProximaNova-Semibold.ttf') format('ttf'); }

   
*
{font-family: "ProximaNova-Regular";margin:0px;padding:0px;color: #333232; font-size: 18px;line-height:1.5;}
h1{font-size:58px;line-height:1.5;margin:0px;}
h2{font-size:48px;line-height:1.5;margin:0px;}
h3{font-size:26px;line-height:1.5;margin:0px;}
h4{font-size:24px;line-height:1.5;margin:0px;}
h5{font-size:20px;line-height:1.5;margin:0px;}

.container{max-width:1300px; margin:0 auto;width:100%;}
.mb-nav{display:none;}
.drop-nav{display:none;}

.top-header{background-color:#0060af;padding:5px 0px;}
.top-header p{color:#fff;margin-bottom:0px;text-align:center;font-family: "ProximaNova-Light";}
.top-header p a{color:#fff;font-size:16px;}
.top-header p a:hover, .top-header p a:active, .top-header p a:focus{text-decoration:none;}
.header-bar{display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flex;flex-flow:wrap;justify-content:space-between;width:100%;align-items:center;     border-top: solid 5px #0060af;}
.header-bar nav{width: 100%;    text-align: right;    display: flex;    display: -webkit-box;    display: -webkit-flex;align-items:center;
    display: -moz-flex;    display: -ms-flex;    flex-flow: wrap;    justify-content: space-between;padding:0px 25px;}
.header-bar .co-logo{max-width:350px;width:100%;}
.header-bar .co-logo img{max-width:100%;}
.header-bar .nav-bar{width:calc(100% - 350px);}
.header-bar .nav-bar ul{margin-bottom:0px;text-align:right;}
.header-bar .nav-bar ul li{display:inline-block;padding:28px 15px;position:relative;text-align:left;}
 .header-bar .nav-bar ul li a i.fa-angle-down {  transform: translatey(1px); -webkit-transform: translatey(1px); -moz-transform: translatey(1px); -ms-transform: translatey(1px); -o-transform: translatey(1px);}
.header-bar .nav-bar ul li a{font-size:16px;color:#0060af;text-transform:capitalize;font-family: "ProximaNova-Regular";}
.header-bar .nav-bar>ul>li>a{ font-family: "ProximaNova-Semibold";}
.header-bar .nav-bar ul li a:hover, .header-bar .nav-bar ul li a:active, .header-bar .nav-bar ul li a:focus{color:#d32822;text-decoration:none;outline:none;}
.header-bar .nav-bar ul li:hover .drop-nav{position: absolute;  display: flex;display: -webkit-box;display: -webkit-flex;
    display: -moz-flex;display: -ms-flex;flex-flow: wrap;justify-content:space-between;background-color: #fff;padding:0px;top:83px;left: 50%;width: 700px;transform: translate(-50%, 0%);-webkit-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%);background-image:url("../images/drop-down-bg.jpg");background-repeat:no-repeat;background-size:cover;background-position:left center;border:1px solid #b7b7b7;padding:10px;}

.header-bar .nav-bar ul li:hover .drop-nav.pro-nav-drop{width: 150px;}	
	
.header-bar .nav-bar ul li:hover .drop-nav .drop-col{width:32%;}

.header-bar .nav-bar ul li:hover .drop-nav.pro-nav-drop .drop-col.single-col{width:100%;}	

.header-bar .nav-bar ul li:hover .drop-nav .drop-col:first-child ul li a{border-bottom:1px solid #ccc;color:#323232;font-family: "ProximaNova-Bold";font-size:15px;}
.header-bar .nav-bar ul li:hover .drop-nav.pro-nav-drop .drop-col.single-col li{display:block;}
.header-bar .nav-bar ul li:hover .drop-nav .drop-col ul{margin-bottom:0px;}
.header-bar .nav-bar ul li:hover .drop-nav .drop-col ul li:first-child strong{border-bottom:1px solid #ccc;font-family: "ProximaNova-Bold";font-size:15px;font-weight:normal;padding: 5px 10px;display:block;}
.header-bar .nav-bar ul li:hover .drop-nav .drop-col ul li a{ font-family: "ProximaNova-Regular";color:#323232;    display: block;    padding: 5px 10px;    width: 100%;font-size:15px;}
.header-bar .nav-bar ul li:hover .drop-nav .drop-col ul li a:hover{background-color:transparent;color:#d32822;}
.header-bar .nav-bar ul li:hover .drop-nav .drop-col ul li{padding:0px;display:block;padding-bottom:0px;}
.header-bar .nav-bar ul li:hover .drop-nav.pro-nav-drop .drop-col.single-col li a{border-bottom:0px;}
.header-bar .nav-bar ul li:hover .drop-nav.drop-single{width:200px;padding:0px;}
.header-bar .nav-bar ul li:hover .drop-nav.drop-single>ul{width:100%;}
.header-bar .nav-bar ul li:hover .drop-nav.drop-single>ul li{display: block;    position: relative;    padding: 0;    width:100%;padding:8px 10px;border-bottom:1px solid #ccc;}

.header-bar .nav-bar ul li:hover .drop-nav.drop-single>ul li a{color: #323232;    font-family: "ProximaNova-Bold";width:100%;display:block;    font-family: "ProximaNova-Regular";font-size:15px;padding:1px 0px;}
.header-bar .nav-bar ul li:hover .drop-nav.drop-single>ul li a span{font-size:15px;}
.header-bar .nav-bar ul li:hover .drop-nav.drop-single>ul li:last-child a{border-bottom:0px;}
.header-bar .nav-bar ul li:hover .drop-nav.drop-single>ul li a:hover{color:#d32822;}
.header-bar .nav-bar ul li:hover .drop-nav.drop-single>ul li ul.produt-sub-menu{display:none;}
.header-bar .nav-bar ul li:hover .drop-nav.drop-single>ul li:hover ul.produt-sub-menu {display: block;position: absolute;right: -280px;width: 280px;background-color: #fff;display: flex;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;    flex-flow: wrap;justify-content:space-between;top:-1px;    background-image: url(../images/drop-down-bg.jpg);
    background-repeat: no-repeat;    background-size: cover;    border: 1px solid #b7b7b7;}
.header-bar .nav-bar ul li:hover .drop-nav.drop-single>ul li:hover ul.produt-sub-menu li {    padding:0px;    width: 49%;    line-height: normal;padding:5px 10px;}
.header-bar .nav-bar ul li:hover .drop-nav.drop-single>ul li:hover ul.produt-sub-menu li a{font-family: "ProximaNova-Regular";    color: #323232;width:100%;display:block;border-bottom:1px solid #ccc;font-size:15px;}
.header-bar .nav-bar ul li:hover .drop-nav.drop-single>ul li:hover ul.produt-sub-menu li a:hover{color:#d32822;background-color:transparent;}

.header-bar .nav-bar ul li:hover .drop-nav.drop-single>ul{width:100%;}
.header-bar .nav-bar ul li:hover .drop-nav.drop-single>ul li ul.sub-menu-side{display:none;}
.header-bar .nav-bar ul li:hover .drop-nav.drop-single>ul li:hover ul.sub-menu-side {display: block;position: absolute;right: -240px;width: 240px;background-color: #fff;top:-10px;    background-image: url(../images/drop-down-bg.jpg);    background-repeat: no-repeat;    background-size: cover;    border: 1px solid #b7b7b7;}
.header-bar .nav-bar ul li:hover .drop-nav.drop-single>ul li:hover ul.sub-menu-side li { width: 100%; display:block;   line-height: normal;}
.header-bar .nav-bar ul li:hover .drop-nav.drop-single>ul li:hover ul.sub-menu-side li a{font-family: "ProximaNova-Regular";    color: #323232;width:100%;display:block;font-size:15px;}
.header-bar .nav-bar ul li:hover .drop-nav.drop-single>ul li:hover ul.sub-menu-side li a:hover{color:#d32822;background-color:transparent;}

.header-bar .nav-bar ul li a span{padding-left:3px;}
.header-bar .nav-bar ul li a i{color:#0060af;font-size:16px;}
.header-bar .nav-bar ul li a:hover i{color:#d32822;text-decoration:none;}
.header-bar .nav-bar>ul>li:last-child{width:34px;padding-right:0px;}

.produt-sub-menu{display:none;}
.header-bar .nav-bar ul li:hover .drop-nav.drop-single ul li:hover .produt-sub-menu{display: block;    position: absolute;    right: -220px;    width: 220px;    background-color: #fff;
    top: -1px;    background-image: url(../images/drop-down-bg.jpg);    background-repeat: no-repeat;    background-size: cover;   border: 1px solid #b7b7b7;max-height:450px;overflow:hidden;overflow-y:auto;}
	.header-bar .nav-bar ul li:hover .drop-nav.drop-single ul li:hover .produt-sub-menu li ul.sub-third-side{display:none;}
.header-bar .nav-bar ul li:hover .drop-nav.drop-single ul li:hover .produt-sub-menu li:hover ul.sub-third-side{display: block;    position: relative;    right:0px;    width: 200px;  background-color: #0060af;   max-height: 234px; overflow: hidden;    overflow-y: auto;}
.header-bar .nav-bar ul li:hover .drop-nav.drop-single ul li:hover .produt-sub-menu li:hover ul.sub-third-side li a{color:#fff;}

/**************** product drop down start from here	 ***************/

/* .product-sub-menu{display:none;} */
/* .header-bar .nav-bar ul li:hover .product-sub-menu{display: block;    position: absolute;    right:unset;    width: 170px;  background-color: #fff;    top: 83px;    background-image: url(../images/drop-down-bg.jpg);    background-repeat: no-repeat;    background-size: cover;   border: 1px solid #b7b7b7;   } */
	/* .header-bar .nav-bar ul li:hover .product-sub-menu .product-list-first ul {text-align:left;} */
	/* .header-bar .nav-bar ul li:hover .product-sub-menu .product-list-first ul li {display:block;width: 100%;    padding: 0px;} */
	/* .header-bar .nav-bar ul li:hover .product-sub-menu .product-list-first ul li a {width: 100%;    display: block;    font-family: "ProximaNova-Regular";    font-size: 15px;    border-bottom: 1px solid #ccc;    padding: 5px 10px;} */
	
	/* .product-second-col{display:none;} */
	/* .product-third-col{display:none;} */
	/* .header-bar .nav-bar ul li:hover .product-sub-menu .product-list-first:hover+.product-second-col{display: block;    position: absolute;    right: -165px;    width: 170px;    background-color: #fff;    top: -2px;    background-image: url(../images/drop-down-bg.jpg);    background-repeat: no-repeat;    background-size: cover;    border: 1px solid #b7b7b7;}	 */
	



.header-form{display:none;}
.mobile-header{display:none;}

header {position: absolute;z-index: 2;    width: 100%;    top: 0 !important;    width: 100%;    transition: all 0.5s;    -webkit-transition: all 0.5s;    -ms-transition: all 0.5s;    -moz-transition: all 0.5s;    -o-transition: all 0.5s;    background-color: #fff;    border-bottom: 1px solid #f7f7f7;}

header.fixed {position:fixed; background: #fff;width: 100%;z-index: 16;border-bottom: 1px solid #f7f7f7;top: 0 !important; transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-moz-transition: all 0.3s;}
main{margin-top:88px;} 


#allsearchin{display:none !important;transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-moz-transition: all 0.3s;}
i.allsearch{color: #005eb8;cursor:pointer;}

#allsearchin.slidesearch{    position: absolute;    right:0;    display: inline-block !important;    width: 350px;bottom:-44px;background-color: #f4f4f4;transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-moz-transition: all 0.3s;}
#allsearchin.slidesearch form{display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flex;flex-flow:wrap;width:100%; justify-content: space-between;}
#allsearchin.slidesearch form input {    border: 0;    background-color: transparent;max-width:305px;padding:8px 10px;width:100%;}

#allsearchin.slidesearch form input::placeholder {color: #cfcfcf;}
#allsearchin.slidesearch form input:-ms-input-placeholder {color: #cfcfcf;}
#allsearchin.slidesearch form input::-ms-input-placeholder {color: #cfcfcf;}
#allsearchin.slidesearch form input::-webkit-input-placeholder{color: #cfcfcf;}
#allsearchin.slidesearch form button{background-color: #d32822;    width: 43px;    height: 43px;    border-radius: 0px;}
#allsearchin.slidesearch form button i{color:#fff;}


#allsearchin.slidesearch form input:focus, #allsearchin.slidesearch form input:active {outline:none;box-shadow:none;}
#allsearchin.slidesearch+i.allsearch:before{content: "\f00d"; display: inline-block;  font-family: 'Font Awesome 5 Free';   font-size: inherit;
    text-rendering: auto;    -webkit-font-smoothing: antialiased;}
.header-bar .nav-bar ul li form button{background-color:transparent;border:0px;}
.header-bar .nav-bar ul li form button i{color: #005eb8;}
.header-bar .nav-bar ul li form button:focus{outline:none;}
.white-btn{background-color: #fff;    padding: 15px 40px;    color: #0060af;    text-align: center;    text-transform: capitalize;font-size:24px; font-family: "ProximaNova-Light";position:relative;transition:all 0.5s;overflow:hidden;}
.white-btn:before{content:"";position:absolute;left:50%;width:0px;height:4px;bottom:-2px;display:block;background-color:#d32822;transform:translate(-50%, 0%);transition:all 0.5s;}
.white-btn i{color: #0060af;}
.white-btn:hover:before{width:100%;}
.white-btn:hover{text-decoration:none;color:#d32822;}
.white-btn:hover i{color:#d32822;}
.ft-row{display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display;-ms-flex;flex-flow:wrap;justify-content:space-between;padding:80px 25px;}
.ft-row .ft-left{max-width:400px;width:100%;}
.ft-row .ft-right{padding-left: 20px;display:grid;grid-template-columns: auto auto auto; width: calc(100% - 420px);    column-gap: 20px;row-gap:25px;}
.ft-row .ft-logo img{max-width: 80%;    width: auto;}
.ft-row ul{margin-bottom:0px;}
.ft-row ul li{list-style:none;}
.ft-row h4{font-size:16px; font-family: "ProximaNova-Bold";color:#323232;    text-transform: capitalize;}
.ft-row .ft-social ul{margin-top:10px;}
.ft-row ul li a{ color:#323232;font-family: "ProximaNova-Light";font-size:16px;text-transform: capitalize;}
.ft-row .ft-social li{display:inline-block;padding-right:10px;position:relative;}
.ft-row .ft-social li a i{width: 35px;height: 35px;border-radius: 50%;background-color: #535353;color: #fff;line-height: 35px; font-size: 16px; text-align:center; position:relative;transition: all 0.4s;-webkit-transition: all 0.4s;-moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s;	}
	.ft-row .ft-social li a i:hover{background-color:#d32822 !important;}
.ft-row .ft-social li a i.fa-facebook-f{ background-color: #3b5997;}
.ft-row .ft-social li a i:hover.fa-facebook-f:after{content: "Facebook"; position: absolute; display: inline-block;
    background-color: rgba(0, 0, 0, 0.7);padding: 2px 5px; line-height: 16px;border-radius: 2px; left: 50%;
    transform: translate(-50%, 0px); font-family: "ProximaNova-Light"; font-size: 11px;    bottom: -23px;}
.ft-row .ft-social li a i.fa-twitter{ background-color: #56abee;}
.ft-row .ft-social li a i:hover.fa-twitter:after{content: "Twitter"; position: absolute; display: inline-block;
    background-color: rgba(0, 0, 0, 0.7);padding: 2px 5px; line-height: 16px;border-radius: 2px; left: 50%;
    transform: translate(-50%, 0px); font-family: "ProximaNova-Light"; font-size: 11px;    bottom: -23px;}
.ft-row .ft-social li a i.fa-linkedin-in{ background-color: #0076b3;}
.ft-row .ft-social li a i:hover.fa-linkedin-in:after{content: "Linkedin"; position: absolute; display: inline-block;
    background-color: rgba(0, 0, 0, 0.7);padding: 2px 5px; line-height: 16px;border-radius: 2px; left: 50%;
    transform: translate(-50%, 0px); font-family: "ProximaNova-Light"; font-size: 11px;    bottom: -23px;}


.ft-row .ft-social li a i.fa-instagram{ background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);}

.ft-row .ft-social li a i:hover.fa-instagram:after{content: "Instagram"; position: absolute; display: inline-block;
    background-color: rgba(0, 0, 0, 0.7);padding: 2px 5px; line-height: 16px;border-radius: 2px; left: 50%;
    transform: translate(-50%, 0px); font-family: "ProximaNova-Light"; font-size: 11px;    bottom: -23px;}

.ft-row .ft-social li a i:hover.fa-instagram{ background: radial-gradient(circle at 30% 107%, #d32822 0%, #d32822 5%, #d32822 45%,#d32822 60%,#d32822 90%);}
.ft-row .ft-social li a i.fa-youtube{ background-color: #de0402;}
	ul.ft-list li a:hover{color:#d32822;text-decoration:none;}
	
.ft-row .ft-social li a i:hover.fa-youtube:after{content: "Youtube"; position: absolute; display: inline-block;
    background-color: rgba(0, 0, 0, 0.7);padding: 2px 5px; line-height: 16px;border-radius: 2px; left: 50%;
    transform: translate(-50%, 0px); font-family: "ProximaNova-Light"; font-size: 11px;    bottom: -23px;}	

.ft-bottom{background-color:#005eb8;padding:10px 0px;}
.ft-bottom p{text-align:center;color:#fff;margin-bottom:0px;font-family: "ProximaNova-Light";font-size:14px;}
.ft-enquiry{margin-bottom:30px;}
.ft-enquiry h6{font-size: 16px;    font-family: "ProximaNova-Bold";    color: #323232;    text-transform: capitalize;margin-bottom:0px;}
.ft-enquiry a{font-size:16px;font-family: "ProximaNova-Light";color:#323232;transition: all 0.4s;-webkit-transition: all 0.4s;-moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s;}
.ft-enquiry a:hover, .ft-enquiry a:active, .ft-enquiry a:focus{color:#d32822;text-decoration:none;}
.mobile-nav{display:none;} 
.footer-pull-left{display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flex;flex-flow:wrap;justify-content:space-between;}
.footer-pull-left span{width:48%;color:#fff;font-size:14px;}
.footer-pull-left span:first-child{text-align:left;}
.footer-pull-left span:last-child{text-align: center; width: 100%;}
.footer-pull-left span a{color:#fff;font-size:14px;}
.footer-pull-left span a:hover{text-decoration:none;}
.footer-pull-left span i{color:#fff;font-size:14px;}


.header-bar .nav-bar ul li:hover .drop-nav.product { width: 1100px;} 
.header-bar .nav-bar ul li:hover .drop-nav .drop-col.left{ width:20% !important;}
.header-bar .nav-bar ul li:hover .drop-nav .drop-col.right{ width:80% !important; padding-left: 25px; height: 430px; overflow: auto;}

.header-bar .nav-bar ul li:hover .drop-nav .drop-col.right::-webkit-scrollbar {width: 6px;}
.header-bar .nav-bar ul li:hover .drop-nav .drop-col.right::-webkit-scrollbar-track { background: #f1f1f1;}
.header-bar .nav-bar ul li:hover .drop-nav .drop-col.right::-webkit-scrollbar-thumb { background: #ea2527;}
.header-bar .nav-bar ul li:hover .drop-nav .drop-col.right::-webkit-scrollbar-thumb:hover {background: #0060af;}

.header-bar .nav-bar ul li:hover .drop-nav .drop-col.right ul{ display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flex;flex-flow:wrap;}
.header-bar .nav-bar ul li:hover .drop-nav .drop-col.right ul li{ width:100%}
.header-bar .nav-bar ul li:hover .drop-nav .drop-col.right ul li a{ font-family: "ProximaNova-Regular" !important; border-bottom: 1px solid transparent;}
.header-bar .nav-bar ul li:hover .drop-nav .drop-col.right ul li .sub-third-side { padding-left: 10px;}
.header-bar .nav-bar ul li:hover .drop-nav .drop-col.right ul li .sub-third-side li { width: 25%;}
.header-bar .nav-bar ul li:hover .drop-nav .drop-col.right>ul>li{ margin-bottom:20px;}
.header-bar .nav-bar ul li:hover .drop-nav .drop-col.right>ul>li>a { border-bottom: solid 1px #ccc; width: 100%; display: block; padding-bottom: 0px;}
.header-bar .nav-bar ul li:hover .drop-nav .drop-col.right>ul>li>a span { font-family: "ProximaNova-Semibold"; padding: 0px;}
.header-bar .nav-bar ul li:hover .drop-nav .drop-col.right ul li .sub-third-side>li { position: relative;}
.header-bar .nav-bar ul li:hover .drop-nav .drop-col.right ul li .sub-third-side>li:before { content: ''; width: 5px; height: 5px; background-color: #ea2527; border-radius: 50%; display: block; position: absolute; top: 14px; left: -4px;}
header.fixed1.fixed+main { margin-top: 50px;}


.whatsapp-Wrap { margin-top: 30px;}
.whatsapp-Wrap a.whatsapp-button{ line-height: 40px; display: inline-block; background: #43e77a; position: relative; padding: 0 10px 0 40px; color: #ffffff;  pointer-events: inherit; font-size: 16px; font-family: "ProximaNova-Light"; margin-top: 0px; text-decoration: none; cursor: default;}
.whatsapp-Wrap a.whatsapp-button:before{ content:''; background-image: url(../images/whatsapp.svg); background-repeat:no-repeat; height: 26px; width: 30px; left: 10px; top: 5px; position: absolute;}
ul.whatsapp-row { margin-top: 10px;}
ul.whatsapp-row li { margin-bottom: 10px; display: flex; display: -webkit-box; display: -webkit-flex; align-items: center; display: -moz-flex; display: -ms-flex; flex-flow: wrap;
    align-items: center;}
ul.whatsapp-row li span { padding: 0px 10px; border: solid 1px #ebebeb; height: 40px; line-height: 40px; color: #323232; font-family: "ProximaNova-Light"; font-size: 16px;    max-width: 145px; width: 100%;}

.header-bar .nav-bar ul li:hover .drop-nav.product { background-image: unset; border: 1px solid #f0f0f0;}
.header-bar .nav-bar ul li:hover .drop-nav .drop-col.left { width: 100% !important; order: 2; background-color: #f0f0f0; padding: 15px;}
.header-bar .nav-bar ul li:hover .drop-nav .drop-col.left h6 { margin: 0px 0px 15px; color: #0060af; font-size: 18px; font-family: "ProximaNova-Bold";}
.header-bar .nav-bar ul li:hover .drop-nav .drop-col.left .most-prod ul { display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; flex-flow: wrap; width: 100%;}
.header-bar .nav-bar ul li:hover .drop-nav .drop-col.left .most-prod ul li { width: 16.666%; text-align: center; }
.header-bar .nav-bar ul li:hover .drop-nav .drop-col.left .most-prod ul li a{ padding:0px 10px 10px !important;}
.header-bar .nav-bar ul li:hover .drop-nav .drop-col.left .most-prod ul li a:hover { background-color: #ebebeb;}
.header-bar .nav-bar ul li:hover .drop-nav .drop-col.left .most-prod ul li a:hover p{ color: #d32822;}
.header-bar .nav-bar ul li:hover .drop-nav .drop-col.left .most-prod ul li a { border: none !important; padding: 0px;}
.header-bar .nav-bar ul li:hover .drop-nav .drop-col.left .most-prod ul li a p { line-height: normal; margin: 0px; font-size: 14px;}
.header-bar .nav-bar ul li:hover .drop-nav .drop-col.left .most-prod ul li a img { height: 100px;}

.header-bar .nav-bar ul li:hover .drop-nav .drop-col.right { width: 100% !important; padding-left: 0px; height: 310px; overflow: auto; order:1;}
.header-bar .nav-bar ul li:hover .drop-nav .drop-col.right h6{ margin: 0px 0px 10px; color: #0060af; font-size: 18px; font-family: "ProximaNova-Bold"; border-bottom: solid 1px #0f4d7f; padding-bottom: 10px;}
.header-bar .nav-bar ul li:hover .drop-nav .drop-col.right .nav-top-row { display: grid; grid-template-columns: repeat(5, 1fr); width: 100%; gap: 30px;}
.header-bar .nav-bar ul li:hover .drop-nav .drop-col.right .nav-top-row .nav-top-col>a>span { font-family: "ProximaNova-Semibold"; padding: 0px !important; font-size: 16px;}
.header-bar .nav-bar ul li:hover .drop-nav .drop-col.right .nav-top-row .nav-top-col .sub-third-side { margin-bottom: 15px;}
.header-bar .nav-bar ul li:hover .drop-nav .drop-col.right .nav-top-row .nav-top-col .sub-third-side>li>a { padding: 2px 0px; font-size: 13px;}



@media only screen and (max-width: 1500px)
{
	.header-bar .co-logo{max-width:300px;}	
	.header-bar .nav-bar {    width: calc(100% - 300px);}
	.header-bar .nav-bar ul li { padding: 28px 10px;}
	
}

@media only screen and (max-width: 1366px)
{

.header-bar .nav-bar ul li{padding:28px 10px;}	
.header-bar .nav-bar ul li a{font-size:15px;}	
	
}




@media only screen and (max-width: 1350px) {
	 .container{max-width:1170px;}
	 h1{font-size:50px;}
	h2{font-size:40px;}
	h3{font-size:26px;}
	h4{font-size:22px;}
	h5{font-size:18px;}

	.header-bar nav ul li a{font-size:16px;}
	.white-btn{font-size:22px;}
	p{font-size:16px;}
	.ft-row{padding:50px 25px;}
	.latest-news {    padding: 50px 0px;}
	main {    margin-top: 87px;}
	.header-bar .co-logo{max-width:250px;}	
	.header-bar .nav-bar {    width: calc(100% - 250px);}
	.header-bar .nav-bar ul li{    padding: 28px 8px;}
	.header-bar .nav-bar ul li a {    font-size: 14px;}
	.header-bar .nav-bar ul li:hover .drop-nav.product {    width: 800px;}
	.header-bar .nav-bar ul li:hover .drop-nav .drop-col:first-child ul li a{font-size:14px;}
	.header-bar .nav-bar ul li:hover .drop-nav .drop-col ul li a{font-size:13px;}
	.header-bar .nav-bar ul li:hover .drop-nav.drop-single>ul li{padding:5px 8px;}
}

@media only screen and (max-width: 1199px) {
	
 .container{max-width:970px;}
 .header-bar .nav-bar ul li:hover .drop-nav.product { width: 670px;    left: 128px;}
 .header-bar .nav-bar ul li:hover .drop-nav .drop-col.right{ height: 260px;}
  h1{font-size:40px;}
h2{font-size:36px;}
h3{font-size:24px;}
h4{font-size:20px;}
h5{font-size:16px;}
 .banner-row{max-width:970px;}
 .ft-enquiry h6 {    font-size: 20px;}
 .ft-enquiry a {    font-size: 20px;}
 main {    margin-top:52px;}
 .header-bar .co-logo{max-width:180px;}
 .header-bar .nav-bar {    width: calc(100% - 180px);}
 .header-bar .nav-bar ul li{padding:10px 5px;}
 .header-bar .nav-bar ul li:hover .drop-nav.drop-single>ul li:hover ul.produt-sub-menu{max-height: 360px;    overflow-y: scroll;width: 210px;    right: -210px;}
 .header-bar .nav-bar ul li:hover .drop-nav.drop-single>ul li:hover ul.produt-sub-menu li{width:100%;}
 .header-bar .nav-bar ul li:hover .drop-nav.drop-single>ul li:hover ul.sub-menu-side{right: -210px;    width: 210px;}
 .header-bar .nav-bar ul li:hover .drop-nav{top: 48px;}
 .header-bar .nav-bar ul li:hover .drop-nav .drop-col.right ul li .sub-third-side li {    width: 32%;}
 .header-bar .nav-bar ul li a{font-size:12px;}
 .header-bar .nav-bar ul li:hover .drop-nav.drop-single>ul li a{font-size:14px;}
 .header-bar .nav-bar ul li:hover .drop-nav{    left: 60px;    width: 450px;}
 .header-bar .nav-bar ul li a i.fa-angle-down {    font-size: 14px;    transform: translatey(2px); -webkit-transform: translatey(2px); -moz-transform: translatey(2px); -ms-transform: translatey(2px); -o-transform: translatey(2px);}
.header-bar .nav-bar ul li:hover .drop-nav.drop-single {    width: 190px;    padding: 0px;}
.mobile-nav-content.main>ul>li>a, .mobile-nav-content.main>ul>li>a span { font-family: "ProximaNova-Semibold" !important;}

.ft-row .ft-left { max-width: 350px;}
.ft-row .ft-right { width: calc(100% - 350px);}

.header-bar .nav-bar ul li:hover .drop-nav .drop-col.right .nav-top-row {  gap: 15px;}
.header-bar .nav-bar ul li:hover .drop-nav .drop-col.left .most-prod ul li a img { height: 70px;}


}




@media only screen and (max-width: 991px) {
 .container{max-width:750px;}
 .ft-row{display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flex;flex-flow:wrap;width:100%;grid-template-columns: repeat(1, 1fr);    column-gap:0px;justify-content:space-between;}
 .ft-row .ft-left{max-width:100%;}
 .header-bar .nav-bar{display:none;} 
 .mobile-nav{display:block;}
 .mobile-nav img{display:block;    height: 15px;}
 .ft-row .ft-right{max-width:100%;    padding-left: 0px;    width: 100%;    margin-top: 20px;}
 .mobile-header{display:block;}
 .header-bar nav{position:relative;    padding: 0px 25px;}
 .mobile-header{display:block; height:50px;}
.mobile-nav-content{right: -300px; background-color: #f5f5f5; height: 100%; position: fixed; z-index: 99999; top: 0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s;}
.mobile-nav-content.main{ display: block; right: 0px; z-index: 99999; width:300px; top: 0;transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;  -ms-transition: all 0.5s;border:0px; overflow: auto;}
.mobile-nav-content.main>ul { padding-bottom: 60px !important;} 
.mobile-nav-content.main ul, .mobile-nav-content ul {  padding:0px; margin:0px; list-style:none;}
.mobile-nav-content.main ul li.mob-nav-item, .mobile-nav-content .mob-nav-item { border-bottom: solid 1px #e8e8e8;display:block;padding:0px;position:relative;}
.mobile-nav-content.main ul li.mob-nav-item, .mobile-nav-content .mob-nav-item span.main-list-target{font-size:14px;}
.mobile-nav-content.main ul li.mob-nav-item:last-child, .mobile-nav-content .mob-nav-item:last-child { border-bottom:0px;}

.mobile-nav-content.main ul li.mob-nav-item a, .mobile-nav-content .mob-nav-item a{ display: block; line-height: 100%; padding:8px 10px;    color: #323232; font-size:14px; text-align:left; text-decoration:none;position:relative;text-transform:capitalize;}
.mobile-nav-content.main ul li.mob-nav-item a:hover, .mobile-nav-content .mob-nav-item a:hover{color:#d02620;}
.mobile-nav-content.main ul li.mob-nav-item a .nav-link-text{color:#fff; font-size:20px;}
.mobile-nav-content.main ul li.mob-nav-item a i{float:right;color:#d02620; font-size: 20px; width: 50px; height: 40px; position: absolute; right: 0;}
.mobile-nav-content.main ul li.mob-nav-item a.active{color:#d02620;}
.mobile-nav-content.main ul li.mob-nav-item .sub-menu{ background-color:#fff;}
.mobile-nav-content.main ul li.mob-nav-item .sub-menu li a{ color:#000; font-size:16px}
.mdl-layout__obfuscator { display: none; position: fixed !important; background-color: rgba(0,0,0,.8); opacity: 1; transition-property: opacity; z-index: 17; visibility: visible; height: 100%; width: 100%; top:0px; left:0px;}
.show-box{display:block !important;}
.abc{display:none;}



.mobile-slide button{ background-color:transparent; border:0px;right:25px;position: absolute;top: 50%;height: auto;top: 50%;transform: translate(0px, -50%);-webkit-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%);}
.mobile-slide button i{color:#d02620; font-size:25px;}
.fixed .mob-nav-bx .mobile-slide button i { color: #d02620;}
.mobile-slide button:focus{outline:none;}
ul.sub-mobile-menu {display:none;}
.mobile-nav-content.main ul li.mob-nav-item .mobile-sub-box.open .ul.sub-mobile-menu{display:block; padding-left:15px;}

.mobile-nav-content.main ul li.mob-nav-item.open ul.sub-mobile-menu, .mobile-nav-content .mob-nav-item.open ul.sub-mobile-menu{display:block;max-height:300px;overflow-y:scroll;margin-left: 20px;
    width: calc(100% - 20px);padding-left:0px;}
.mobile-nav-content.main ul li.mob-nav-item .mobile-sub-box i, .mobile-nav-content ul li.mob-nav-item .mobile-sub-box i{position: absolute;    right: 20px;    top: 20px;    transform: translate(0px, -50%); -webkit-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%);    font-size: 20px;cursor: pointer;color: #d02620;width:25px;}


.mobile-nav-content.main ul li.mob-nav-item.open ul.sub-mobile-menu li a, .mobile-nav-content .mob-nav-item.open ul.sub-mobile-menu li a{display:block;font-family: "ProximaNova-Regular";font-size:14px;}
.mobile-nav-content.main ul li.mob-nav-item.open ul.sub-mobile-menu li strong{display:block;font-family: "ProximaNova-Regular";font-size:14px;padding: 8px 10px;    color: #323232; font-weight:normal;text-align:left;width:100%;}

.mobile-nav-content.main ul li.mob-nav-item.open i:before, .mobile-nav-content .mob-nav-item.open i:before{content:"\f106";position: absolute;    right:0px;    top:3px;    transform: translate(0px, -50%); -webkit-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%);    font-size: 20px;cursor: pointer;color: #d02620;display:block;font-family: 'Font Awesome 5 Free';    font-weight: 900;-webkit-font-smoothing: antialiased;    display: inline-block;    font-style: normal;    font-variant: normal;   text-rendering: auto;    line-height: 1;width:25px;}
 main {    margin-top: 55px;}
 
.sub-mobile-menu.sub-third-menu.open-third{    max-height: 220px;    overflow: hidden;    overflow-y: inherit;}

#allsearchinst{display:none !important;}
.mobile-search-wrp {    padding-right: 35px;   padding-top: 10px;    width: 53px;}
.mobile-search-wrp .allsearchmobile{       color: #4e4e4e;}
#allsearchinst.slidesearch2{position: absolute;    right: 20px;left:20px;    display: inline-block !important;    width:calc(100% - 40px);    bottom: -44px;    background-color: #f4f4f4;    transition: all 0.3s;
    -webkit-transition: all 0.3s;    -ms-transition: all 0.3s;    -moz-transition: all 0.3s;}
	#allsearchinst.slidesearch2 form{display: flex;    display: -webkit-box;    display: -webkit-flex;    display: -moz-flex;    display: -ms-flex;    flex-flow: wrap;    width: 100%;    justify-content: space-between;}
	#allsearchinst.slidesearch2 form input{border: 0;    background-color: transparent;       width: calc(100% - 45px);   padding: 8px 10px;}
#allsearchinst.slidesearch2 form input:focus{outline:none;box-shadow:none;}
	#allsearchinst.slidesearch2 form button{    background-color: #d32822;    width: 43px;    height: 43px;    border-radius: 0px;border:0px;}
	#allsearchinst.slidesearch2 form button:focus{outline:none;box-shadow:none;}
	#allsearchinst.slidesearch2 form button i{color:#fff;}
 
 #allsearchinst.slidesearch2+i.allsearchmobile:before{content: "\f00d";display: inline-block;font-family: 'Font Awesome 5 Free'; font-size: inherit;text-rendering: auto;   -webkit-font-smoothing: antialiased;}
 
.footer-pull-left span{font-size: 12px;}
.footer-pull-left span i{font-size: 12px;}
.footer-pull-left span a{font-size: 12px;}
 ul.appliation-navbar li a{font-size:14px;}
 .mobile-nav-content.main ul li.mob-nav-item.open ul.sub-mobile-menu, .mobile-nav-content .mob-nav-item.open ul.sub-mobile-menu li.mobile-second{padding-left:0px;}
 .mobile-nav-content .mob-nav-item.open ul.sub-mobile-menu li.mobile-second{position:relative;}
li.mobile-second .appliation-navbar {    margin: 0 15px;    background-color: #ececec;    width: calc(100% - 30px);padding:0px 10px;display:none;}
li.mobile-second .appliation-navbar li a {    border-bottom: 1px solid #e4e4e4;}
li.mobile-second .appliation-navbar li:last-child a {    border-bottom:0px;}
.mobile-nav-content .mob-nav-item.open ul.sub-mobile-menu li.mobile-second a {    box-sizing: border-box;    width: 100%;    padding: 8px 0px;}
li.mobile-second span.mobile-sub-box.open+ul.appliation-navbar{display:block;}
.sub-third-menu{display:none;}
.appliation-navbar{display:none;}

.mob-nav-item.productmobile.open+.sub-mobile-menu.open-third li a{font-family: "ProximaNova-Regular";    font-size: 14px;color:#323232 !important;display:block;}
.mob-nav-item.productmobile.open+.sub-mobile-menu.open-third{display:block;padding: 0px 25px;}
.mob-nav-item.productmobile.open+.sub-mobile-menu.open-third li{display:block;width:100%;text-align:left;}
.mob-nav-item.productmobile.open+.sub-mobile-menu.open-third li a span{font-family: "ProximaNova-Regular";    font-size: 14px;display:block;width:100%;}
.sub-third-menu .mobile-second{position:relative;}
.sub-third-menu .mobile-second span.mobile-sub-box i:before{position:absolute;right:-3px;top:14px;transform: translate(0px, -50%); -webkit-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%);-o-transform: translate(0px, -50%);}
.sub-third-menu .mobile-second span.mobile-sub-box i:before{content: "\f106" !important;     color: #000 !important;}
.sub-third-menu .mobile-second.sub-open-menu span.mobile-sub-box i:before{content: "\f107" !important;     color: #000 !important;}
.mobile-second.sub-open-menu+.appliation-navbar{display:block;padding: 0 10px;    margin: 0px 0px 8px 0px;display:block;}
.mobile-second.sub-open-menu+.appliation-navbar li a{font-family: "ProximaNova-Regular";    font-size: 14px;color:#323232 !important;}

.mob-nav-item.productmobile.open+.sub-mobile-menu.open-third li .mobile-sub-box { position: absolute; top: 0px; right: 0px;}
.mob-nav-item.productmobile.open+.sub-mobile-menu.open-third li a { padding: 4px 0px;} 
.sub-mobile-menu.sub-third-menu.open-third>li>a { font-family: "ProximaNova-Semibold" !important;}


}


@media only screen and (max-width: 767px) {
 .container{max-width:640px;}
   h1{font-size:36px;}
h2{font-size:30px;}
h3{font-size:22px;}
h4{font-size:18px;}
h5{font-size:16px;}
 .ft-enquiry h6 {    font-size: 18px;}
 .ft-enquiry a {    font-size: 18px;}
 .ft-row {    padding: 30px 15px;}
 .header-bar{padding:0px 15px;}
 .header-bar nav{padding:0px;}
 .mobile-slide button{right:0px;}
 .footer-pull-left span:last-child {    text-align: center;}
 .footer-pull-left span{width:100%;}
 .footer-pull-left span:first-child {    text-align: center;}
}

@media only screen and (max-width: 736px)
{
	.container{max-width:100%;}
	  h1{font-size:30px;}
h2{font-size:26px;}
h3{font-size:22px;}
h4{font-size:18px;}
h5{font-size:16px;}
}

@media only screen and (max-width: 639px)
{
	.ft-row .ft-right{    grid-template-columns: repeat(1, 1fr);}
	.ft-row .ft-logo img {    height:auto;}
	
	
}


@media only screen and (max-width: 479px)
{
	h1 { font-size: 28px;} 
	.top-header p{font-size:14px;}
	.top-header p a{font-size:14px;}
	.header-bar .co-logo {    max-width: 200px;}
	
}

@media only screen and (max-width: 339px)
{
	ul.whatsapp-row li span { font-size: 14px; max-width: 128px;}
	
}