@import url('https://fonts.googleapis.com/css?family=Montserrat:200,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Muli:400,600,700');
@import url('../fontawesome-free-5.15.3-web/css/fontawesome.min.css');
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Satisfy');

body{font-family:'Lato' ,sans-serif;font-size:14px;font-weight:400;line-height:26px;letter-spacing:0.2px;position:relative;margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-weight:600;margin:0}
a,a:focus,a:hover{outline:medium none;text-decoration:none;transition: all 0.7s ease 0s;}
ul,ol{padding:0;margin:0;list-style:none}
.no-padding{padding:0}
.p0{padding:0}
.pr25{padding-right:35px}
.text-center{text-align:center !important}
@keyframes slide-down {
    0% {opacity: 0;transform: translateY(-100%);-ms-transform: translateY(-100%);-webkit-transform: translateY(-100%);}
    100% {opacity: 1;transform: translateY(0);}
}

/*-----*/
.header-main{background: #ffffffe8;transition:all .5s ease;padding: 8px 15px 0px 15px;left: 0;right: 0;z-index: 9;min-height: 122px;}
.tophead{letter-spacing:1px;padding: 20px 0 14px 0;}
.tophead .head-contacts a{color:#505050;text-transform:lowercase;font-size:14px}
.tophead .head-contacts i{color:#000;padding-right:4px;font-size:18px;position: relative;top: 2px;}
.tophead ul{display:inline-block;float: right;padding: 0;margin:0}
.logo{float:left;margin-right:20px;    position: absolute;top: 1px;}
.logo img{ width: 170px;}

.goog-te-gadget img{}
/*-----------*/
body.fixed .header-main{position:fixed;padding-top: 3px;min-height: 60px;padding-bottom: 0;top:0;left:0;right:0;z-index:9;-webkit-box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1); -webkit-animation: slide-down 0.7s;-moz-animation: slide-down 0.7s;-o-animation: slide-down 0.7s;}
body.fixed .logo{position:relative}
body.fixed .logo img{width:78px}
body.fixed{padding-top: 125px;}
body.fixed .tophead{display:none}

/*-------------*/
.htitle{font-size: 34px;font-weight: 600;line-height:40px;padding:0 0 16px;margin:0;text-transform:capitalize;position:relative;letter-spacing:.5px;color:#000;margin-bottom:18px;}
.htitle:after{background-color: #2b3995;bottom: 7px;content:"";height: 3px;left:0;margin:0;position:absolute;right:0;width:59px;}
.htitle span{color:#db191f}
.htitle.center{text-align:center}
.htitle.center:before{margin:0 auto}
.htitle.center:after{margin:0 auto}


/*-----------*/
.page-head{padding: 35px 0 35px 0;color:#fff;text-align:center;position:relative;background: #e8e8e8 url(../images/innerheadbg.jpg) center center no-repeat fixed;background-size: cover;}
.page-head:before {position: absolute;content: '';left: 0px;top: 0px;width: 100%;height: 100%;display: block;background-color: rgba(0, 0, 0, 0.3);}
.page-head h1{margin:0;padding: 0 0 7px 0;font-size:48px;text-align:center;color:#fff;}
.breadcrumb{text-align:center;background:transparent;margin:0;padding:0}
.breadcrumb > li{font-size:13px;color:#fff}
.breadcrumb > li > a{color:#fff}

.bg1{background: #fff url(../images/bg1.jpg) center center no-repeat fixed !important;background-size: cover;}
.bg2{background: #fff url(../images/bg2.jpg) center center no-repeat fixed !important;background-size: cover;}
.bg3{background: #f9f9f9 url(../images/bg3.jpg) center center no-repeat fixed !important;background-size: cover;}
/*---------*/
.section{padding:40px 0}
.section2{padding:80px 0}
.sectionbg{background:#f9f9f9;padding:30px 0 45px}

/*---------------*/
.services-section{position:relative;padding:70px 0 40px;}
.services-section .inner-box{position:relative;padding-right:15px;margin-right:25px;border-right:1px solid #e3eefc}
.services-section .inner-box i{font-size: 29px;display: inline-block;position: relative;margin-right: 7px;top: 3px;}
.services-section .inner-box h3{    color: #000;font-size: 22px;font-weight: 500;padding-bottom:18px;text-transform:capitalize;display: inline-block;}
.services-section .inner-box .text{position:relative;color:#000;font-size:14px;line-height:1.8em;margin-bottom:24px}
.services-section .no-border{border:0}

/*---------------------*/
.exportmap{padding:40px 0}
.exportmap h1{margin-top:20px}
.exportmap h1, .cuttit{margin-top: 0;    margin-bottom: 20px;font-size: 36px;    line-height: 1.25;    font-weight: 700;    font-family: 'Montserrat' ,sans-serif;text-transform: uppercase;}
.cuttit span{font-weight: 200;}
.exportmap h1 span{font-family: "Satisfy", sans-serif;font-weight:300;text-transform:capitalize;margin: 20px 0;display: inline-block;}
@media (max-width: 767px) {
.exportmap h1, .cuttit {font-size: 32px;}
.exportmap {text-align:center}
}

.fancybox-button--play, .fancybox-button--zoom, .fancybox-button--thumbs{display:none !important}
/*-----------*/


ul.brochurelist{padding:0}
ul.brochurelist li{width:24%;display:inline-block;vertical-align:top;padding:10px;transition:all .7s ease 0;text-align:center}
ul.brochurelist li h4{text-align:center}
@media screen and (max-width: 1200px) {ul.brochurelist li{width:23.9%}}
@media screen and (max-width: 990px) {ul.brochurelist li{width:32%}}
@media screen and (max-width: 749px) {ul.brochurelist li{width:48%}}
@media screen and (max-width: 565px) {ul.brochurelist{text-align:center}ul.brochurelist li{width:96%;margin:10px 0!important}}
.brochure-img{position:relative;margin-bottom:18px}
.brochure-img .sharelink {-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;background-color:#fff;color:#333;font-size: 25px;left:50%;line-height:24px;opacity:0;padding: 10px 0;position:absolute;text-align:center;text-transform:uppercase;top:30%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width: 45px;z-index:9;outline:0;height: 45px;border-radius: 50%;}
.brochure-img:hover .sharelink{opacity:1;top:50%;color:#545454;cursor:pointer}
.brochure-img:hover .btnlink{left:30%}
.brochure-img:hover .btnbook{left:50%}
.brochure-img:hover .btndown{left:70%}
.brochure-img:hover:before{position:absolute;content:'';left:0;top:0;width:100%;height:100%;display:block;background-color:rgba(0,0,0,0.3)}

.brochure-img .sharelink .tooltiptext{visibility:hidden;width:auto;background-color:#000;color:#fff;text-align:center;padding:5px;border-radius:6px;position:absolute;z-index:1;font-size:14px;top:50px;left:-25px;min-width:100px}
.brochure-img .sharelink:hover .tooltiptext{visibility:visible}


/*------------*/
.h3title{margin-top: 0;margin-bottom: 0;font-size: 36px;line-height: 1.25;font-weight: 700;font-family: 'Montserrat' ,sans-serif;text-transform: uppercase;position:relative;}
.h3title span {font-weight: 200;}
.h3title:after{background-color: #333;bottom: -1px;content:"";height: 3px;left:0;margin:0;position:absolute;right:0;width: 66px;}
.h4title{color: #545454;font-size: 20px;font-weight:600;line-height: 28px;padding: 0px 0 1px 25px;margin: 16px 0 0px 0;display: block;letter-spacing:.5px;position:relative;}
.h4title:after{position:absolute;font-size: 18px;top: 0px;left: -3px;font-family: "Font Awesome 5 Free";content: "\f0a4";font-weight: 900;}
.brochure hr{border-color: #fff;}

/*-------------*/
.productview2{padding:15px 0}
.productview2 h4{    border-left: 4px solid #000;padding-left: 7px;color: #000;line-height: 33px;margin-top: 6px;}
.feature-projects img {max-width: 100%;height: auto;}

/* ---------------- */
.btn-half{cursor: pointer;background-color: #000;z-index: 0;display:inline-block;position:relative;padding: 10px 32px 10px 13px;margin-top: 30px;}
.btn-half span {color: #fff;  display: block;  padding-left: 0%; padding-right: 25px;  text-transform: uppercase; font-size:12px; letter-spacing:5px; transform: scaleX(0.9);  transform-origin: center left;  transition: color 0.3s ease;position: relative;  z-index: 1;}
.btn-half em {  position: absolute;  height: 1px;  background: #fff;  width: 22%;  right: 23px;  top: 50%;  transform: scaleX(0.25);  transform-origin: center right;  transition: all 0.3s ease;  z-index: 1;}
.btn-half:before,
.btn-half:after {  content: '';  background-color:rgba(255,255,255,0.2);  height: 50%;  width: 0;  position: absolute;  transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);}
.btn-half:hover span {  color: #fff;}
.btn-half:hover em {  background: #fff;  transform: scaleX(1);}

.aboutlist{width:250px !important}

.hmboximg{	position:relative;}
.hmboximg:after{	content:"";	position:absolute;	top:50px;	left:-50px;	width:100%;	height:100%;	background-color:transparent;	border:20px solid rgba(0,0,0,0.1);}
.hmboximg img{position: relative;z-index: 6;}
/*-----------*/
.text-desc h1:first-child,.text-desc h2:first-child,.text-desc h3:first-child,.text-desc h4:first-child,.text-desc h5:first-child{margin:0 0 12px}
.text-desc h1,.text-desc h2,.text-desc h3,.text-desc h4,.text-desc h5{margin:14px 0 5px}
.text-desc table{border-collapse:collapse;margin:0 0 20px;width:100%}
.text-desc table thead,.text-desc table th, .text-desc table strong {text-align:left;font-size:14px;font-weight:600}
.text-desc table td,.text-desc table th{border:1.5px solid silver;padding:2px 3px 2px 7px;color:#000;font-size:14px;vertical-align:middle}
.text-desc table td p,.text-desc table th p{margin:0;padding:0}
.text-desc ul,.text-desc ul ul{margin-left:17px;margin-bottom:22px}
.text-desc ul li{list-style-type:disc}
.text-desc ul ul li{list-style-type:circle}
.text-desc tt{font-size:30px;font-weight:300;line-height:32px;padding-bottom: 10px;font-family: "Satisfy", sans-serif;display: block;}
.text-desc h2{color:#0087C7}
.text-desc h3{color: #026db6;font-size: 28px;font-weight:600;line-height: 38px;padding: 0px 0 2px;margin:0;letter-spacing:.5px;margin-bottom:8px;position:relative;}
.text-desc h3:after{background: #026db6;bottom: 0;content: "";height: 2px;position: absolute;width: 45px;left: 0;}
.text-desc h4{color: #065a94;font-size: 22px;font-weight:600;line-height: 28px;padding: 0px 0 1px 25px;margin: 16px 0 3px 0;    display: block;letter-spacing:.5px;position:relative;text-transform:capitalize;}
.text-desc h4:before{position:absolute;font-size: 18px;top: 0px;left: -3px;font-family: "Font Awesome 5 Free";content: "\f0a4";font-weight: 900;}
.text-desc h5{font-size: 19px;font-weight:600;line-height: 28px;padding: 5px 0 2px 16px;margin: 3px 0;letter-spacing:.5px;text-transform:capitalize;color: #154b71;position: relative;}
.text-desc h5:before{content:'*';position:absolute;font-size: 30px;top: 11px;left: 0;}

.text-desc img{display:inline-block!important}


.packaging h2{color:#000;display:block;font-size:22px;line-height:32px;font-weight:400;margin-bottom: 15px;text-align:center;text-transform:uppercase;margin-top: 40px;}
.packaging table{border-collapse:collapse;border-spacing:0;margin-bottom: 15px;width:100%;}
.packaging table th{background-color:#e5e5e5;font-size:14px;font-weight:600}
.packaging table th,.packaging table td{border:1px solid #eaeaea;padding:4px 10px;text-align:center}
.packaging table tr:nth-child(2n){background-color:#f7f7f7}
.packaging table td{color:#333;font-size:13px}

.technical h2{color:#000;display:block;font-size:22px;line-height:32px;font-weight:400;margin-bottom: 15px;text-align:center;text-transform:uppercase;margin-top: 40px;}
.technical table{border-collapse:collapse;border-spacing:0;margin-bottom: 15px;width:100%;}
.technical table th{background-color: #676767;font-size:13px;font-weight:600;text-align:center !important;color: #fff;}
.technical table th,.technical table td{border: 1px solid #949393;padding:4px 10px;text-align:left;}
/*.technical table tr:nth-child(2n){background-color:#f7f7f7}*/
.technical table td{color:#333;font-size:13px}


.categorybox h3{color:#fff;position:absolute;left:-10px;top:10px;width:180px;background-color:#5a65ab;padding-left:20px;line-height:43px;font-size:21px}
.categorybox h3:before{content:" ";position:absolute;bottom:-7px;left:0;display:block;width:10px;height:7px;background:url(../images/titbg.png) 0 0 no-repeat}
.p10{padding:10px!important}
.pb20{padding-bottom:15px}
.catetitle{text-align:center;font-size:12px}
.categorybox{position:relative}
/*-----------*/
.hmproduct_main{padding:35px 0}
.hmproduct_main .hmbox{margin:30px 0;overflow:hidden;position:relative}
.hmproduct_main .hmbox .hmdesc{background-color:#fff;height:100%;position:absolute;right:0;top:0}
.hmproduct_main .right-text .hmdesc{left:0;right:auto;text-align:right}
.hmproduct_main .right-text .imgbox{float:right}
.hmproduct_main .hmbox .hmdesc .innerbox{padding:0 50px;margin-top:-12px;position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.hmproduct_main .count,.hmproduct_main .cuttit{font-size:48px;position:relative}
.hmproduct_main .count:before,.hmproduct_main .cuttit:before{content:"";background-color:#000;width:80px;height:4px;position:absolute;left:-92px;bottom:20px}
.hmproduct_main .right-text .cuttit:before{left:auto;right:-92px;bottom:20px}
.hmproduct_main ul{margin-top:35px}
.hmproduct_main li{list-style: none;margin: 12px 0 20px 8px;position:relative;padding-left: 20px;}
.hmproduct_main li:hover{color:#2b3895;}
.hmproduct_main li:before {position: absolute;font-size: 23px;top: -3px;left: -12px;font-family: "Font Awesome 5 Free";content: "\f0a4";font-weight: 900;}
.hmproduct_main .right-text li:after {position: absolute;font-size: 23px;top: -3px;right: -12px;font-family: "Font Awesome 5 Free";content: "\f0a5";font-weight: 900;}
.hmproduct_main .right-text li{list-style: none;margin: 12px 0 20px 8px;position:relative;padding-right: 20px;}
.hmproduct_main .right-text li:before {content:none}
.hmproduct_main li a{line-height: 20px;font-size: 21px;color: #000;font-weight: 600;}
.hmproduct_main li a:hover{color:#2b3895;padding-left:5px}
.hmproduct_main .right-text li a:hover{color:#2b3895;padding-right:5px}

@media (max-width: 991px) {
.hmproduct_main .hmbox{margin-bottom: 0;}
.hmproduct_main .hmbox .hmdesc{width:auto;position:relative}
.hmproduct_main .right-text .hmdesc{text-align:left}
.hmproduct_main .right-text .imgbox{float:none}
.hmproduct_main .hmbox .hmdesc .innerbox{padding: 20px 2px 16px 2px;position:static;top:auto;-webkit-transform:none;-moz-transform:none;-transform:none;}
.hmproduct_main .count:before,.hmproduct_main  .cuttit:before{display:none}
.hmproduct_main .right-text li:after{content:none}
.hmproduct_main .right-text li:before {content: "\f0a4"}
.hmproduct_main .count, .hmproduct_main .cuttit {font-size: 48px;margin-bottom: 6px;}
}
@media (max-width: 767px) {
.hmproduct_main .cuttit {font-size: 40px;}
}

@media (max-width: 1199px) {
.hmproduct_main .count{font-size:50px;font-size:3.33333rem}
}


/*------------*/
.hexagonmain{padding-top:50px}
.hexagon_col{position:absolute;display:inline-block}
.hexagon_main{text-align:center;position:relative;left:185px;right:0;width:0;height:500px}
.hexagon{-webkit-clip-path:polygon(25% 8%,25% 8%,75% 8%,100% 50%,75% 92%,25% 92%,0 50%);clip-path:polygon(25% 8%,25% 8%,75% 8%,100% 50%,75% 92%,25% 92%,0 50%);width:190px;height:190px;margin-top:-20px;-webkit-transition:all ease .5s;transition:all ease .5s}
.hexagon:hover{cursor:pointer;-webkit-transform:rotate(0deg) scale(1.05);transform:rotate(0deg) scale(1.05)}
.hexagon .inner{width:190px;height:190px;color:#fff;font-family:'Montserrat' ,sans-serif;text-transform:uppercase;text-align:center;display:flex;align-items:center;justify-content:center;text-align:center;line-height:19px;font-weight:500;font-size:15px}
.hexagon .inner span{font-weight:600;font-size:23px;display:block;line-height:33px;text-transform:uppercase}
.hx-colume-1{left:0}
.hx-colume-2{top:85px;left:150px}
.hx-colume-3{top:170px;left:301px}
.hx-colume-4{top:85px;left:452px}
.hx-colume-5{left:602px}
.bgcolor0{background:#fff}
.bgcolor1{background:#008086}
.bgcolor2{background:#02391c}
.bgcolor3{background:#ec0b8d}
.bgcolor4{background:#e9ac20}
.bgcolor5{background:#f16122}
.bgcolor6{background:#5b032d}
.bgcolor7{background:#42a646}
.bgcolor8{background:#28257c}
@media screen and (max-width: 1200px){.hexagon_main{left: 80px;}}

@media screen and (max-width: 992px)
{
    .hexagon_main{left: 25px;height:440px}
    .hexagon{width: 170px;height: 170px;}
    .hexagon .inner{width: 170px;height: 170px;font-size: 12px;}
    .hexagon img{width: 164px;}
    .hx-colume-1{}
    .hx-colume-2{left: 135px;top: 75px;}
    .hx-colume-3{left: 269px;top: 150px;}
    .hx-colume-4{left: 404px;top: 75px;}
    .hx-colume-5{left: 538px;}
}

@media screen and (max-width: 768px)
{
    .hexagonmain{padding-top:30px}
    .hexagon_main{left: 25%;height:200px}
    .hexagon{width: 80px;height: 80px;margin-top: -7px;}
    .hexagon .inner{width: 80px;height: 80px;font-size: 7px;line-height: 7px;}
    .hexagon img{width: 77px;}
    .hx-colume-1{}
    .hx-colume-2{left: 65px;top: 36px;}
    .hx-colume-3{left: 130px;top: 72px;}
    .hx-colume-4{left: 195px;top: 36px;}
    .hx-colume-5{left: 259px;}
}
@media screen and (max-width: 660px)
{.hexagon_main {
    left: 23% !important;
}}
@media screen and (max-width: 600px)
{.hexagon_main {
    left: 21%  !important;
}}
@media screen and (max-width: 550px)
{.hexagon_main {
    left: 17%  !important;
}}
@media screen and (max-width: 500px)
{.hexagon_main {
    left: 14%  !important;
}}
@media screen and (max-width: 450px)
{.hexagon_main {
    left: 9% !important;
}}
@media screen and (max-width: 400px)
{
     .hexagon_main{height:170px}
    .hexagon{width: 70px;height: 70px;margin-top: -7px;}
    .hexagon .inner{width: 70px;height: 70px;font-size: 6px;line-height: 7px;}
    .hexagon img{width: 70px;}
    .hx-colume-1{}
    .hx-colume-2{left: 57px;top: 32px;}
    .hx-colume-3{left: 114px;top: 63px;}
    .hx-colume-4{left: 170px;top: 31px;}
    .hx-colume-5{left: 227px;}
}
@media screen and (max-width: 330px)
{
     .hexagon_main{left: 10px !important;}
}
/*-------------*/
.service-tab-list{text-align:right}
.service-tab-list li{padding-bottom:70px;position:relative;margin-bottom:35px}
.service-tab-list li::before{position:absolute;width:1px;height:100%;content:"";background:#eee;right:7px;top:30px}
.service-tab-list li:last-child:before{display:none}
.service-tab-list li.active:before{background: #2b3895;}
.service-tab-list li.active a{color: #2b3895;font-size: 19px;font-weight: 600;}
.service-tab-list li a{color: #8f69aa;font-size:18px;}
.service-title{position:absolute;z-index:999;color:#fff;bottom:0;left:0;font-size:200px;font-weight:700;text-transform:capitalize;z-index:2}

ul.productsub {padding:0px}
ul.productsub li{width:30.4%;display: inline-block;vertical-align: top;margin: 15px;transition: all 0.7s ease 0s}
@media screen and (max-width: 1200px) {ul.productsub li{width:29.7%;}}
@media screen and (max-width: 990px) {ul.productsub li{width:45%;}}
@media screen and (max-width: 680px) {ul.productsub li{width:43.5%;}}
@media screen and (max-width: 580px) {ul.productsub{text-align: center;} ul.productsub table{text-align: left;} ul.productsub li {width: 96%; margin: 0px;margin-bottom: 15px;}}

ul.photolist li{width:49%;display: inline-block;vertical-align: top;margin: 0px;padding:5px;transition: all 0.7s ease 0s}
ul.photolist2 li{width:32.5%;display: inline-block;vertical-align: top;margin: 0px;padding:5px;transition: all 0.7s ease 0s}

ul.productlist{padding:0}
ul.productlist li{width:24.5%;display:inline-block;vertical-align:top;padding:5px;transition:all .7s ease 0}
@media screen and (max-width: 1200px) {ul.productlist li{width:24.5%}}
@media screen and (max-width: 990px) {ul.productlist li{width:32.9%}}
@media screen and (max-width: 749px) {ul.productlist li{width:49.5%}}
@media screen and (max-width: 565px){ul.productlist{text-align:center}ul.productlist li{width:96%;margin:10px 0!important}}

.certificate{}
.certificate h1{padding-top:10px}
.certificate ul.certi{text-align:right}
ul.certi{padding:0}
ul.certi li{width:16%;display:inline-block;vertical-align:top;padding:5px;transition:all .7s ease 0}
@media screen and (max-width: 1200px) {ul.certi li{width:16%}}
@media screen and (max-width: 990px) {ul.certi li{width:20%}}
@media screen and (max-width: 767px) {ul.certi li{width:18%}.certificate ul.certi{text-align:center}.certificate{text-align:center}}
@media screen and (max-width: 565px){ul.certi li{width:30%;}}


/*----------------*/
.box2{padding-top:0;background:#fff}
.box2 img{padding:4px;border:1px solid #d8d6d6;text-align:center;width:100%}
.box2 h4{font-weight:600;padding: 4px 0 7px 0;font-size:15px;color:#000;text-align: left;margin:0;text-transform:uppercase;letter-spacing:.5px;}

.box2 a{color:#000}
.productsub .box2 h4{padding: 4px 0 7px 7px;background: #e0d5e7;}
.box2 table{border-collapse:collapse;margin: 2px 0 0px  0px;width:100%;padding: 0 0 0 10px;}
.box2 table thead,.text-desc table th, .text-desc table strong {text-align:left;font-size:14px;font-weight:600}
.box2 table td,.text-desc table th{border: 1.5px solid #e0e0e0;padding: 0px 2px 0px 5px;color:#000;font-size: 13px;vertical-align:middle;border-left: 0;border-right: 0;}
.box2 table td strong,.text-desc table th strong{    width: 86px;display: inline-block;}
.box2 table td span,.text-desc table th span{display: inline-block;margin-right:2px;font-weight:700}
.box2 table tr:first-child td{border-top:none}
.box2 table td p,.text-desc table th p{margin:0;padding:0}
/*-------------*/
.box3{padding-top:0;text-align:center}
.box3 img{border:1px solid #EEE;padding:4px;margin-bottom:7px;text-align:center;width:100%;transition:all .7s ease 0;-webkit-box-shadow:5px 5px 0 0 #f1f1f1;-moz-box-shadow:5px 5px 0 0 #f1f1f1}
.box3 h4{font-weight:600;font-size:18px;color:#000;text-transform:uppercase;margin:0;text-transform:uppercase;letter-spacing:.5px;display:inline-block;padding:7px 13px;transition:all .7s ease 0}
.box3 a{color:#000}
/*---------------*/
.boxdesc{text-align:center;padding:0px 5px 15px 5px ;color:#555}
.boxdesc strong{display:block;text-decoration:underline;font-weight:500;line-height:10px}
.boxdesc p{margin:5px 0}
.boxdesc img {border: 1px solid #eee;padding: 5px;}
.titledesc{font-size: 18px;text-align: left;margin-bottom: 11px;position:relative;line-height: 28px;font-weight: 700;}
.titledesc span{font-weight:600}
.titledesc:after{background: #065a94;bottom: 0;content: "";height: 2px;position: absolute;width: 26px;left: 0;}
.productview .box2 h4{font-weight:400;    font-size: 15px;}

/*-----------*/
.form button{margin-top:30px}
.form textarea.text-field{height:80px}
.form .cust-btn{background:#1f425d none repeat scroll 0 0;margin-top:15px;padding:14px 30px;border:medium none}
.form .select{margin:0!important;font-size:15px!important}
.form .text-field{background:#fff;border:1px solid #c3c3c3;color:#858585;font-size:14px;margin:0 0 10px;padding:10px 15px;width:100%}
.form .text-field:focus,.form .text-field:hover{border-color:#75b519;box-shadow:none;border-width:1px}
.errorbox,.errorbox span,.errorbox li{color:#D90000}
.errorbox .sucmsg{color:#046310}
.jb-btn{padding:0 35px;background:#2c3996;position:relative;display:inline-block;border:none;line-height:50px;font-size:16px;font-weight:700;color:#fff;text-transform:uppercase;transition:400ms all;-webkit-transition:400ms all}
.jb-btn:hover{text-decoration:none;background:#1e346c;color:#fff}
.jb-btn:before{content:'';position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border:1px solid #e62117}
.jb-btn span{display:block;position:relative}

/*------------*/

.contact-item{padding:20px;display:inline-block;width:100%;margin-bottom:20px;-webkit-box-shadow:0 0 8px 0 rgba(240,240,240,1);-moz-box-shadow:0 0 8px 0 rgba(240,240,240,1);box-shadow:0 0 8px 0 rgba(240,240,240,1);position:relative}
.contact-item h4{font-size:18px;text-transform:uppercase;margin-bottom:10px}
.contact-item h5{font-size:15px;text-transform:uppercase;margin-bottom:10px}
.contact-item p{margin-bottom:0}
.contact-item .content{float:left}
.contact-item > span{font-size:72px;color:#f0f0f0;margin-top:25px;position:absolute;right:19px;bottom:13px}
.mapbox{-webkit-box-shadow:0 0 8px 0 rgba(240,240,240,1);-moz-box-shadow:0 0 8px 0 rgba(240,240,240,1);box-shadow:0 0 8px 0 rgba(240,240,240,1);}
/*-------------*/
.social{list-style-type:none;padding:10px 0 0;margin:0}
.social li{display:inline-block}
.social a{margin-right:5px;cursor:pointer;display:block;width:35px;height:35px;border:1px solid #7a7a7a;text-align:center;padding-top:10px;text-decoration:none;color:#7a7a7a}
.social a:hover{background:#2c3996;border:1px solid #2c3996;color:#fff}
.address li{margin:0 0 5px}
.address h4{color:#101010;font-size:20px;font-weight:700;letter-spacing:.8px}
.address .fa{color:#101010;font-size:15px;width:12px;text-align:center}
.address i{display:inline-block;margin:2px 8px 0 0;vertical-align:top}
.address > li > i{margin-top:6px}
.address p{display:inline-block;text-align:left!important;margin:0}

.hdwatsp{position: fixed;bottom: 18px;left: 18px;z-index:21/*top: 2px!important;position: absolute !important;left: 0;right: 0;margin: 0 auto;width: 100%;text-align: center;*/;}
.hdwatsp a{text-align: center;width: 60px;height: 60px;float: left;color: #FFFFFF;border-radius: 50%;background-color: #03a84e;}
.hdwatsp i{font-size: 40px;margin-top: 10px;}
/*---------------*/
.footer{font-size:13px;padding-top:45px;padding-bottom: 0px;position:relative;background: #ececec url(../images/bg3.jpg) center center no-repeat fixed;background-size: cover;}
.footer:before {position: absolute;content: '';left: 0px;top: 0px;width: 100%;height: 100%;display: block;background-color: #ececec4a;}

.footer .f-col{padding: 30px 15px;}
.footer p, .footer a{color: #000;font-size: 13px;line-height: 22px;}
.footer ul.list li{list-style: none;margin: 0px 0 0px 8px;position:relative;}
.footer ul.list li:before {position: absolute;font-size: 6px;top: 0px;left: -12px;font-family: "Font Awesome 5 Free";content: "\f111";font-weight: 900;}
.footer ul.list li a:hover{opacity: 0.7;}
.footer ul.list li i{padding: 0 8px 0 0;}
.footer h3{color: #000000;font-size: 14px;letter-spacing: 1px;margin-top: 0;margin-bottom: 25px;padding-bottom: 10px;position: relative;text-transform: uppercase;font-weight: bold;}
.footer h3:not(.no-underline):before {background: #2c3996;bottom: 0;content: "";height: 3px;position: absolute;width: 20px;}
.footer img{padding: 5px; width:200px;display: inline-block;}
.footer .address h4{font-size: 14px;font-weight: 500 !important;color: #000;}
.footer .address i{display:inline-block;margin:6px 8px 0 0;vertical-align:top;color: #000;font-size:15px;}
.footer .address h4 i{margin:2px 8px 0 0;}
.copyrights{padding: 15px 0 15px 0;overflow: hidden;/* border-top: 1px solid #6363631f; */margin-top: 10px;background: #ececec;position:relative}
.copyrights p, .copyrights a{margin: 0;font-size: 13px;color: #000;}

@media (max-width: 992px)
{
     .header-main{position:inherit;padding:0;height:auto}
    .tophead ul{float:none;}
    .tophead{text-align:center}
      #cssmenu > ul > li{padding:0 10px 0 11px !important}
      #cssmenu > ul > li > a:before,#cssmenu > ul > li.active > a:before{content:none!important}
    .header{padding:0;background:none}
    .top-icons{float:none;padding:15px 30px;text-align:center}
    .page-head{padding:8px 0;margin-top:55px}
    .logo{padding:6px 0;text-align:center;float:none!important;position:relative}
    .logo img{display:inline-block;text-align:center;width:180px}
    .headerright{float:none!important;position:absolute;left:0;right:0;z-index:5;border-top:1px solid #7d7d7d}
    .flexslider{margin-top:56px!important}
}
@media (max-width: 768px)
{
    .tophead li{display:block}
    .footer{padding-top: 15px;text-align:center}
    .nop, .pl, .pr{padding:0 10px }
    .page-head h1, .page-head .breadcrumb  {float:none}
    .mt-top {height:auto !important}
    .footer ul.list li{list-style-type: circle;margin: 0px 10px 0px 16px;position: relative;display: inline-block;margin-right: 0;}
    .footer ul.list li:before{top: -1px;left: -10px;font-weight: bold;}
    .footer ul.list li:first-child:before{content:none;}
    .footer h3{margin-bottom: 7px;margin-top: 20px;padding-bottom: 4px;text-align: center;}
    .footer h3:not(.no-underline):before{    bottom: 0;content: "";height: 2px;position: absolute;width: 33px;left: 0;right: 0;margin: 0 auto;}
      .footer .address p{    text-align: center!important;}
}