@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700');

body,html,p{margin:0px;padding:0px;font-family: Calibri;color:#1e1e1e;font-size:18px;font-weight:500;line-height:30px;}
*{margin:0;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
aside, details, figcaption, figure, ins, summary, small, mark, title, video, footer, header, hgroup, nav, section, article{display:block;}
.clear{padding:0;margin:0;line-height:0;height:0;font-size:0;clear:both;width:100%;display:block;}
h1, h2, h3, h4, h5, h6{padding:0;margin:0;font-weight:normal;font-family: Calibri;}
html, body{height:100%;width:100%;padding:0;margin:0;}
body *{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
ul li{list-style:none;margin:0px;padding:0px;}
input,button{outline:none;border:none;}
a, a:hover, a:focus,:hover{text-decoration:none;outline:none;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;}
a:active,a:hover{outline:0;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;}
button{transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;}
:focus{outline:none;}
img{border:none;}
header{}
.Topmenu{width:100%;padding:15px 0 10px;background:#fff;float:left;position:fixed;z-index:999;box-shadow:0 0px 5px}
.Topmenu .navbar-nav{margin:3px 0 0;float:left;text-align:center;float:none; display:inline-block;}
.callTo {margin-top: 5px; font-size:18px;}
.logo2 {width: 200px; margin-top: 5px;}
.space2{ padding:15px 0 80px; }
.callTo a{ color:#333;}
.call{ margin:0px 0 0 27px; float:right;}
.call a{text-decoration:none;color:#fff;font-size:18px; display:block; background:#1bbdb4; padding:10px 15px; text-transform:uppercase; font-weight:500; }
.call a i{color:#95bd0b;}
.mainBanner{width:100%;float:left; text-align:center;}
.mainBanner .owl-carousel .owl-wrapper-outer{float:left;}
.mainBanner .owl-theme .owl-controls{margin:0px;position:absolute;right:10px;bottom:0;display:none !important;}
.mainBanner .owl-carousel{float:left;top:73px;}
#owl-demo .owl-item div{padding:0px;}
#owl-demo .owl-item img{display:block;width:100%;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;}
.mainBanner .caption{position:absolute;top:25%;width:100%;}
.mainBanner .caption{color:#fff;padding:0;text-align:center;}
.mainBanner .caption span{font-size:65px;color:#3d3d3d; display:block;font-weight:bolder;line-height:60px; text-transform:uppercase; margin-bottom:10px;}
.mainBanner .caption span small{font-size:65px;}
.mainBanner .caption p{ background:#143d7d; padding:9px 30px 12px 30px; color:#fff; display:inline-block; font-size:24px;}
.mainBanner .caption a{display: inline-block;
    background: #fff;
    padding: 10px 30px;
    margin-top: 15px;
    color: #333;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    border: 2px solid #5c5a5a;
    border-radius: 3px;
    font-family: 'Quicksand', sans-serif;}
.capBg{ text-align:left;}
.space10{ margin-top:5px;}

/*--- welcome --*/
.welcome{ float:left; width:100%; padding:150px 0; text-align:center; background:url(/*---../images/wel-bg.png--*/);background:#f0f0f0}
.welcome h1{ font-size:48px; color:#333; font-weight:700; line-height:70px;font-family:calibri}
.welcome h1 span{ display:block; color:#1bbdb4;}
.welcome p{ font-size:18px; padding:10px 15%; line-height:28px;    font-family: calibri;
    font-weight: 400;}
.welcome a{display: inline-block;
    background: #fff;
    padding: 10px 30px;
    margin-top: 15px;
    color: #333;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    border: 2px solid #5c5a5a;
    border-radius: 3px;
    font-family: calibri;}
    
    .welcome a:hover{box-shadow: 0 15px 20px rgba(0,0,0,0.2);transform: translate(0, -4px);}

.product{ float:left; width:100%; padding:70px 0;}
.product .leftImage{background-position: 50%; background-repeat: no-repeat; background-size: cover;}
.product .leftImage::before {display: block; content: ""; width: 100%; padding-top: 74.13793103%;}
.proDetail{ display:table;}
.proDetail .pro_inn{ display:table-cell; vertical-align:middle;}

.proDetail{ text-align:center;margin:60px 0}
.proDetail h2{ font-size:35px; font-weight:600; margin-top:10px; color:#333333;font-family:Calibri;}
.proDetail p{ font-size:18px; padding:10px 10%;font-family:Calibri; font-weight:400;}
.proDetail a{    display: inline-block;
    background: #fff;
    padding: 10px 30px;
    margin-top: 15px;
    color: #333;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    border: 2px solid #5c5a5a;
    border-radius: 3px;
    font-family: 'Quicksand', sans-serif;}
.proDetail a:hover{box-shadow: 0 15px 20px rgba(0,0,0,0.2);transform: translate(0, -4px);}

.img2Detail{ text-align:center; background:#fff; height:446px; display:table-cell; vertical-align:middle;}
.img2Detail h2{ font-size:30px; font-weight:600; margin-top:10px; color:#4c4c4c;font-family: calibri;}
.img2Detail p{ font-size:18px; padding:10px 10%; color:#4c4c4c;font-family:Calibri; font-weight:400;}
.img2Detail a{ display: inline-block;
    background: #fff;
    padding: 10px 30px;
    margin-top: 15px;
    color: #333;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    border: 2px solid #5c5a5a;
    border-radius: 3px;font-family: 'Quicksand', sans-serif;}
.img2Detail a:hover{font-family: 'Quicksand', sans-serif;box-shadow: 0 15px 20px rgba(0,0,0,0.2);
    transform: translate(0, -4px);}

.product2{ background:#efefef; float:left; padding:80px 0; width:100%; text-align:center;}
.product2 .owl-carousel .owl-item img{ width:70%; height:70%; display:inline-block;}
.product2 .owl-carousel .owl-item{text-align:center;}
.product2 .prSlide{border-radius:50%; background:#ffffff; line-height:400px; border:1px solid #ccc; text-align:center; width:400px; height:400px; display:inline-block;}

.product2 h2{ font-size:35px; font-weight:600; color:#262626; margin:50px 0 20px; line-height:60px;font-family: Calibri;}
.product2 p{font-family:Calibri;font-size:18px; padding:10px 10%;font-weight:400;}
.product2 a{display:inline-block;background:#262626;padding:12px 30px;margin-top:15px;color:#fff;text-transform:uppercase; font-size:16px; border-radius:3px;font-family: 'Quicksand', sans-serif;font-weight:700}
.product2 a:last-child{background:#5c5c5c; margin-left:10px;}
.product2 a:hover{ background:#023e7c;}
.product2 .owl-theme .owl-nav [class*="owl-"]{ width:40px; height:40px; border-radius:50%; line-height: 32px;font-size: 20px;text-align: center;}
.product2 .owl-theme .owl-nav{ position:absolute; top:40%; width:100%;}
.product2 .owl-prev{float:left; margin-left:60px !important;}
.product2 .owl-next{float:right; margin-right:60px !important;}

.input2{ padding:15px 0;}
.input2 input{width:15%;height: 50px;border: 1px solid #ccc;border-radius: 0px;box-shadow: none;padding-left: 52px;}


.leftImage2{}
.product3{ float:left; width:100%; padding:70px 0;}
.boxTitle{ position:absolute; height:100px; width:100%; right:0; bottom:0; left:0; top:0; margin:auto; text-align:center; text-transform:uppercase;}
.boxTitle h3{font-size:40px; font-weight:600; color:#fff; margin:0;}
.boxTitle span{font-size:15px; font-weight:600; color:#fff; margin:0; display:block; margin-bottom:5px;}
.boxTitle a{ border:2px solid #fff; background:#1bbdb4; color:#fff; border-radius:3px; padding:10px 60px; display:inline-block; margin-top:15px;}
.boxTitle a:hover{ background:#1bbdb4; color:#333;}
.product3 .leftImage2{background-position: 50%; background-repeat: no-repeat; background-size: cover;}
.product3 .leftImage2::before {display: block; content: ""; width: 100%; padding-top: 72.138%;}

.product4{ float:left; width:100%; padding:70px 0;}
.product4 .leftImage3{background-position: 50%; background-repeat: no-repeat; background-size: cover;}
.product4 .leftImage3::before {display: block; content: ""; width: 100%; padding-top:70.13793103%;}

.proDetail_2{ text-align:center;margin: 100px 0;}
.proDetail_2 img{ display:inline-block;}
.proDetail_2 h2{ font-size:35px; font-weight:600; margin-top:10px; color:#333;font-family: Calibri;}
.proDetail_2 p{ font-size:18px; padding:10px 10%;font-family: Calibri;font-weight:400;}
.proDetail_2 a{    display: inline-block;
    background: #fff;
    padding: 10px 30px;
    margin-top: 15px;
    color: #333;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    border: 2px solid #5c5a5a;
    border-radius: 3px;
    font-family: 'Quicksand', sans-serif;}
.proDetail_2 a:hover{box-shadow: 0 15px 20px rgba(0,0,0,0.2);transform: translate(0, -4px);}

/*--------- contact ----------------*/
.conHeader{ clear:both; padding:110px 0; background: url(../images/bg-06.png) no-repeat center #4c4c4c; text-align:center;  }
.conHeader h1{ font-size:50px; color:#fff; margin-bottom:15px; font-weight:bold;}
.conHeader p{ font-size:22px; color:#fff;}
.contactForm{ padding:70px 0;}
.contactForm h2{ font-size:30px; font-weight:bold; margin-bottom:8px; color:#333;}
.contactForm p{ font-size:18px; margin-bottom:30px;}
.contactForm .form-group{ margin-bottom:25px;}
.contactForm input{ width:100%; height:50px; border:1px solid #ccc; border-radius:0px; box-shadow:none; padding-left:52px;}
.contactForm select{ width:100%; height:50px; border:1px solid #ccc; border-radius:0px; box-shadow:none; padding-left:52px; -moz-appearance:none; -webkit-appearance:none; background-image: url(../images/user.png), url(../images/arrow.png); background-position: 10px center, right center;
    background-repeat: no-repeat, no-repeat;}
.contactForm input:focus, .contactForm select:focus, .contactForm textarea:focus{ box-shadow:none;}
.contactForm textarea{ width:100%; height:145px; border:1px solid #ccc; border-radius:0px; box-shadow:none;}
.contactForm button{background:#1e1e1e; font-size:20px; color:#fff; border-radius:0px; border:0px; text-transform:uppercase; font-weight:bold; padding:8px 40px;}

.phone{ background:url(../images/phone.png) no-repeat 10px center;}
.name{ background:url(../images/user.png) no-repeat 10px center;}
.email{ background:url(../images/location.png) no-repeat 10px center;}
.fax{ background:url(../images/fax.png) no-repeat 10px center;}
.firm{ background:url(../images/firma.png) no-repeat 10px center;}
.map3{ background:url(../images/map.png) no-repeat 10px center;}
.location{ background:url(../images/email.png) no-repeat 10px center;}


.map{ clear: both; background:#1e1e1e; float:left; width:100%; color:#fff;}
.map iframe{ width:100%; height:500px;}
.map .col-md-6{ padding:0px;}
.address{ padding:100px 150px; text-align:left;}
.address h4{font-size:30px; margin-bottom:30px; font-weight:bold;}
.address ul{}
.address ul li{ display:table; width:100%; margin-bottom:20px;}
.address ul li figure{ display:table-cell; padding-right:10px; width:60px;}

.address2{ padding:20px 0px; text-align:left;}
.address2 h3{font-size:20px; margin-bottom:20px; font-weight:bold; font-family: 'Muli', sans-serif;}
.address2 ul{}
.address2 ul li{ display:table; width:100%; margin-bottom:6px;}
.address2 ul li figure{ display:table-cell; padding-right:10px; width:50px;}
.address2 ul li figure img{ width:20px;}

.impression{ clear:both; padding:80px 0;}
.impression h2{ font-size:20px; font-weight:bold; margin-bottom:15px; font-family: Calibri;}
.impression p{ margin-bottom:15px;}
/*----------- footer -------------------*/
footer{background-color:#cdcdcd;border-top: 1px solid #cdcdcd;font-weight:  400; color:#1e1e1e;clear: both;padding:3em 0 3em;position: relative; float:left; width:100%}
footer p{ color:#1e1e1e;}
footer span{ font-size:18px; font-weight:bold; color:#1e1e1e; text-transform:uppercase;}
footer span::after{ width:50px; height:4px; background:#1e1e1e; margin:10px 0; content:""; display:block;}
footer ul{ margin:0px; padding:0px;}
footer ul li{ display:block; line-height:33px;}
footer ul li a{ font-size:16px; color:#1e1e1e; display:block;  font-weight:500;}
footer ul li i{ padding-right:10px; line-height:28px;}
footer ul li a:hover{ color:#333;}
.newsletter{}
.newsletter input{height:45px; border:1px solid #cdcdcd; width:100%; padding:8px;}
.newsletter button{background:#e30613;padding:12px 30px;margin:15px 0 30px;color:#fff;text-transform:uppercase; font-size:18px; font-weight:600;}
.newsletter button:hover{ background:#023e7c;}

.socialMedia{ margin-top:15px;}
.socialMedia li{ display:inline-block;}
.socialMedia li a{ display:block; width:40px; height:40px; border-radius:20%; text-align:center; line-height:40px; margin-right:5px; border:2px solid #1e1e1e; font-size:18px;}
.socialMedia li a:hover{ background:#1e1e1e; color:#fff; border-color:#1e1e1e;}
.copy{ text-align:center; border-top:1px solid #1e1e1e; padding-top:15px; margin-top:15px;}	
.socialMedia li a i{ padding:0px;}

/*------------------ product list ------------------------*/
.productList{ clear:both; padding:80px 0 0; box-shadow:inset 0px 3px 3px #ccc;}
.productList .pBox{ border:1px solid #1bbdb4; padding:20px 30px; margin-bottom:30px;}
.productList .pBox label{ margin-top:15px;}
.productList .pBox figure{ display:block; }
.productList .pBox h3{ font-size:24px; font-weight:bold; color:#333; margin-bottom:4px;}
.productList .pBox p{ font-size:15px; color:#666; margin-bottom:15px;}
.productList .pBox a{ border:2px solid #333; padding:8px 40px; transition: all .3s; border-radius:5px; display:inline-block; margin:20px 0 0; color:#333;}  
.productList .pBox a:hover{ background:#1bbdb4; color:#fff; box-shadow: 0 15px 20px rgba(0,0,0,0.2);
transform: translate(0, -4px);}
.productList .pBox:hover{box-shadow: 0 2px 23px 0 rgba(0,0,0,.2);}

.color4{ background:#1bbdb4; padding:13px 115px; display:inline-block; border-radius:5px; border: 1px solid #fff; box-shadow: 0 0 6px #ccc;}

.choose{ background:#ccc; padding:80px 0; text-align:center; clear:both;}
.choose h3{ font-size:40px; color:#333; font-weight:bold; margin-bottom:70px;}
.cBox{ background:#fff; padding:20px; text-align:center; border-radius:5px; border:1px solid #888; margin-bottom:30px;}
.cBox img{ margin-bottom:20px;}
.cBox input{ margin-right:8px;}

.color{padding:50px 0px; text-align:center; clear:both;}
.color h3{ font-size:40px; color:#333; font-weight:bold; margin-bottom:70px;}
.color{}
.colorPlate{}
.colorPlate li{ display:inline-block; width:24%; text-align:center; margin-bottom:30px;position:relative}
.colorPlate li span{ display:block; font-size:14px; color:#666;}
.colorPlate li h5{ font-size:15px; font-weight:bold; font-family: 'Muli', sans-serif;} 
.colorPlate li input{ width:100%;}
.colorPlate li .clrBox{ width:160px; height:65px; background:#293133; border:1px solid #ccc; display:inline-block;position:relative;}
.colorPlate li:nth-child(2) .clrBox{ background:#293133;}
.colorPlate li:nth-child(3) .clrBox{ background:#293133;}
.colorPlate li:nth-child(4) .clrBox{ background:#a1a1a0;}
.colorPlate li:nth-child(5) .clrBox{ background:#878581;}
.colorPlate li:nth-child(6) .clrBox{ background:#114232;}
.colorPlate li:nth-child(7) .clrBox{ background:#442f29;}
.colorPlate li:nth-child(7) .clrBox{ background:#513a2a;}

.alignment{ clear:both; padding:0px 0 80px;}
.alignment h3{background: #1bbdb4;color: #fff;font-weight: 900;padding: 15px;font-size: 25px;}
.product-list-one {margin: 30px 0 0; padding: 0; width: 100%; float: left;}
.product-list-one li {list-style-type: none;float: left;border: 1px solid #333;border-radius: 3px; margin: 0 31px 31px 0; width: 23%; text-align: center;     padding: 25px;}
.product-list-one p {margin:10px auto 0;}
.product-list-one p label {font-weight: normal;}
.product-list-one p span {margin: 1px 10px 0 9px; display: inline-block;}

.pro-box-3 ul {margin:20px 0; padding: 0; float: left; width: 100%;}
.pro-box-3 ul li span {float: left;margin: 0 10px 0 0; padding: 0;}
.pro-box-3 ul li {list-style-type: none; float: left; width: 100%; margin: 0 0 15px;}

.pro-box-4{}
.pro-box-4 p{ padding:15px 0;}
.pro-box-4 textarea{ border:1px solid #ccc; padding:15px; width:60%; height:150px; margin-bottom:30px;}
.nomar{ padding:30px 0 0;}
/*--------------------- popup---------------------------*/
.product_view .modal-dialog{max-width: 900px; width: 100%; }
.product_view h6{ font-size:30px; font-weight:bold; padding:15px 0; font-weight:bold;}
.product_view p{ font-size:15px; line-height:24px; padding-bottom:40px;}
.product_view .modal-body{padding:30px;}

.colorPlate2{}
.colorPlate2 li{ display:inline-block; text-align:center; margin:0 20px 30px 0;}
.colorPlate2 li span{ display:block; font-size:14px; color:#666;}
.colorPlate2 li h5{ font-size:15px; font-weight:bold; font-family: 'Muli', sans-serif;} 
.colorPlate2 li input{ width:100%;}
.colorPlate2 li .clrBox{ width:130px; height:55px; background:#e2e6e8; border:1px solid #ccc; display:inline-block;}
.colorPlate2 li:nth-child(2) .clrBox{ background:#878581;}
.colorPlate2 li:nth-child(3) .clrBox{ background:#f1f0ea;}
.colorPlate2 li:nth-child(4) .clrBox{ background:#4a3526;}
.colorPlate2 li:nth-child(5) .clrBox{ background:#ed6b21;}
.colorPlate2 li:nth-child(6) .clrBox{ background:#00387b;}

/*------------thanks  page ------------------*/
.thankYou{clear: both;padding: 0px 0 0px;box-shadow: inset 0px 3px 3px #ccc;}
.thankBox{ background:#efefef; padding:150px 50px; position:relative; top:-150px; text-align:center; box-shadow:0 2px 2px #ccc;}
.thankBox p{font-size: 18px;color: #666;margin-bottom: 15px; padding:0 10%; line-height:30px;}
.thankBox h1{ font-weight:bold; font-size:100px; color:#1e1e1e;}



#cssmenu,
#ccssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button{margin:0;padding:0;border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#cssmenu:after,
#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
#cssmenu #menu-button{display:none;}
#cssmenu{width:auto;line-height:1;text-align:right;margin-top:0px;}
#cssmenu > ul > li{float:left;}
#cssmenu.align-center > ul{font-size:0;text-align:center;}
#cssmenu.align-center > ul > li{display:inline-block;float:none;}
#cssmenu.align-center ul ul{text-align:left;}
#cssmenu.align-right > ul > li{float:right;}
#cssmenu.align-right ul ul{text-align:right;}
#cssmenu > ul > li > a{padding:8px 25px;text-decoration:none;color:#1e1e1e;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease;font-size:18px;font-weight:600;margin:0px 0 0;border-bottom:none;text-transform:capitalize;}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a{color:#1e1e1e;background:none;border-bottom:none;}
#cssmenu > ul > li.has-sub > a{padding-right:0px;}
#cssmenu > ul > li.has-sub > a::after{position:absolute;top:19px;right:10px;width:4px;height:4px;border-bottom:1px solid #fff;border-right:1px solid #fff;content:"";-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:border-color 0.2s ease;-moz-transition:border-color 0.2s ease;-ms-transition:border-color 0.2s ease;-o-transition:border-color 0.2s ease;transition:border-color 0.2s ease;}
#cssmenu > ul > li.has-sub:hover > a::after{border-color:#fff;}
#cssmenu ul ul{position:absolute;left:-9999px;z-index:9999}
#cssmenu li:hover > ul{left:auto;padding:0px;}
#cssmenu.align-right li:hover > ul{right:0;}
#cssmenu ul ul ul{margin-left:100%;top:0;}
#cssmenu.align-right ul ul ul{margin-left:0;margin-right:100%;}
#cssmenu ul ul li{height:0;-webkit-transition:height .2s ease;-moz-transition:height .2s ease;-ms-transition:height .2s ease;-o-transition:height .2s ease;transition:height .2s ease;}
#cssmenu ul li:hover > ul > li{height:32px;}
#cssmenu ul ul li a{padding:10px 20px;width:160px;font-size:14px;text-transform:capitalize;background:#333333;text-decoration:none;color:#dddddd;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease;}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover{color:#ffffff;background:gray;}
#cssmenu ul ul li.has-sub > a::after{position:absolute;top:16px;right:10px;width:4px;height:4px;border-bottom:1px solid #dddddd;border-right:1px solid #dddddd;content:"";-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:border-color 0.2s ease;-moz-transition:border-color 0.2s ease;-ms-transition:border-color 0.2s ease;-o-transition:border-color 0.2s ease;transition:border-color 0.2s ease;}
#cssmenu.align-right ul ul li.has-sub > a::after{right:auto;left:10px;border-bottom:0;border-right:0;border-top:1px solid #dddddd;border-left:1px solid #dddddd;}
#cssmenu ul ul li.has-sub:hover > a::after{border-color:#ffffff;}
@media all and (max-width:767px){#cssmenu{width:100%;background:#eee;}
#cssmenu ul{width:100%;display:none;}
#cssmenu.align-center > ul,
#cssmenu.align-right ul ul{text-align:left;}
#cssmenu ul li,
#cssmenu ul ul li,
#cssmenu ul li:hover > ul > li{width:100%;height:auto;border-top:1px solid rgba(120, 120, 120, 0.15);}
#cssmenu ul li a,
#cssmenu ul ul li a{width:100%;margin:0px;}
#cssmenu > ul > li,
#cssmenu.align-center > ul > li,
#cssmenu.align-right > ul > li{float:none;display:block;}
#cssmenu ul ul li a{padding:20px 20px 20px 30px;font-size:12px;color:#333;background:none;font-size:14px;text-transform:uppercase;}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover{color:#F00;background:none;}
#cssmenu ul ul ul li a{padding-left:40px;}
#cssmenu ul ul,
#cssmenu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0;padding:0px;}
#cssmenu > ul > li.has-sub > a::after,
#cssmenu ul ul li.has-sub > a::after{display:none;}
#menu-line{display:none;}
#cssmenu #menu-button{display:block;padding:20px;color:#fff;cursor:pointer;font-size:12px;text-transform:uppercase;background:#023e7c;}
#cssmenu #menu-button::after{content:'';position:absolute;top:15px;right:20px;display:block;width:15px;height:2px;background:#fff;}
#cssmenu #menu-button::before{content:'';position:absolute;top:20px;right:20px;display:block;width:15px;height:7px;border-top:2px solid #fff;border-bottom:2px solid #fff;}
#cssmenu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(120, 120, 120, 0.15);height:52px;width:52px;cursor:pointer;}
#cssmenu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#000000;z-index:99;}
#cssmenu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#000000;z-index:99;}
#cssmenu .submenu-button.submenu-opened:after{display:none;}
}

.heading-con h1{font-weight:bold;margin:0 0 30px;font-size:30px;}
.para-container{padding:0;margin:0 0 70px;}
.para-container p{font-size:18px;margin:0;}
.pBox .check-box{bottom:37px;left:37px;}
.product-list-one-new{margin: 30px 0 0;padding: 0;width: 100%;float: left;}
.product-list-one-new li{list-style-type: none;float: left;border-radius: 3px;margin: 0 31px 31px 0;width: 23%;text-align: center;position: relative;}
.inner-product-con{list-style-type: none;float: left;border: 1px solid #333;border-radius: 3px;margin: 0 31px 31px 0;width: 100%;text-align: center;padding: 25px;position: relative;}


@media all and (max-width:1199px){
.img2Detail{ height:353px;}
.callTo{text-align:right;}
.callTo{ margin:0px;}
#cssmenu > ul > li > a{ padding:0 15px;}
.welcome p{ padding:10px 8%;}
.welcome{ padding:80px 0 0;}
.product3{ padding:70px 0 0;}
.product4 .leftImage3 {background-size: 100% !important;}
.product .leftImage{ background-size:100% !important;}
.product .leftImage::before{ padding-top:118.138%;}
.proDetail p{ padding:10px 0;}
.proDetail figure img{ width:200px;}
.product2 h2 {font-size: 36px; margin: 42px 0 4px; line-height: 42px;}
footer ul li i{padding-right:7px;}
.address{ padding:92px 30px 0;}
}
@media all and (max-width:991px){
.callTo{ text-align:right; margin:0px;}
#cssmenu > ul > li > a{ padding:0px 15px;}
.welcome, .product3, .product, .product4{ padding:40px 0;}
.welcome h1{ line-height:48px;}
.welcome p{ padding:10px 1%;}
.img2Detail{ height:267px;}


.proDetail h2{ margin:0px; font-size:26px;}
.proDetail figure img{ width:140px;}
.proDetail p, .product2 p, .proDetail_2 p{ padding:10px 0;}
.product2 .prSlide{ line-height:inherit; height:100%; width:100%; border-radius:0px;}
.product2 h2{ font-size:26px; margin:0px; line-height:33px;font-family: 'Quicksand', sans-serif;}
.boxTitle h3{ font-size:30px;}
.proDetail_2 h2{ margin:0px; font-size:32px;}
.space2{ padding:15px 0 32px;}
footer .col-sm-6{ min-height:270px;}
.mainBanner .caption span{ font-size:43px; margin:0px;}
.mainBanner .caption span small {font-size: 30px; line-height: 15px;}
.mainBanner .caption p{ padding:9px 30px 12px 18px; font-size:19px;}
.mainBanner .caption a{ margin-top:10px;}
.mainBanner .caption{ top:15%;}
.colorPlate li{width:30%;}
.product-list-one li{width:30%;}
.input2 input{ width:50%;}
.conHeader{ padding:60px 0;}
.address {padding: 48px 30px;}

}
@media all and (max-width:767px){
	.product-list-one-new{width: 280px;margin: 46px auto !important;float: none;}
.product-list-one-new li{width:100%;}
.Topmenu{text-align:center;}
.logo2{ display:inline-block;}
.logo2 img{ display:inline-block;}
.callTo {margin: 12px 0; text-align:center;}
.welcome, .product3, .product, .product4, .productList, .impression{ padding:30px 0;}
.welcome p{font-size: 17px; padding: 10px 0; line-height: 24px;}
.img2Detail{ height:auto; padding:30px 20px;}
.img2Detail p{ padding:15px 0;}
.product .leftImage::before{padding-top: 116.138%;}
.product .leftImage{ background-size:100% !important;}
.proDetail{ padding-top:30px;}
.proDetail p, .product2 p{ padding:10px 0;}

.product2 h2{ line-height:50px; margin:30px 0 20px;}
.nopad{ padding:0 0 30px;}
.nopad h2{ margin:0 0 20px;}
.boxTitle h3{ font-size:27px;}
.product4 .leftImage3 {background-size: 100% !important;}
.space2{ padding:15px 0 0px;}
footer span{ margin-top:30px; display:inline-block;}
.welcome h1{ line-height:50px;}
.product3 .leftImage2{background-size: cover !important;}
.product8 img{ width:100%;}
#cssmenu > ul > li > a{ padding:15px 15px;}
footer .col-sm-6{ min-height:inherit;}
.proDetail_2 h2{ margin-top:15px;}
.mainBanner .caption{ position:relative; background:#008d85; padding:20px 0;}
.mainBanner .caption span{ font-size:48px;}
.capBg{text-align:center;}
.color{ padding:0;}
.para-container p{ margin-bottom:20px;}
.para-container{ margin-bottom:30px;}
.colorPlate li{ width:40%;}
.input2 input, .pro-box-4 textarea{ width:100%;}
.product-list-one li{ width:30%;}
.impression h2{ margin-top:30px;}
.address {padding: 31px 30px;}
}
@media all and (max-width:640px){
.welcome h1 {font-size: 30px; color: #333; font-weight: 700;line-height: 34px;}
.proDetail h2{ font-size:23px;}
.product2 h2{ font-size:28px; line-height:28px;}
.callTo{ font-size:14px;}
.product-list-one li{ width:43%;}
.conHeader{ padding:60px 0;}


}
@media all and (max-width:567px){
.productList .col-xs-6{ width:100%;}
.colorPlate li{ width:49%;}

}
@media all and (max-width:479px){
.callTo a{ display:block;}
.mainBanner .caption span {font-size: 36px;}
.mainBanner .caption span small {font-size: 30px; padding: 0; margin: 0; line-height: 16px;}
.colorPlate li{ width:100%;}
.product-list-one li{ width:100%;}
}

.carousel-indicators .active{ background: #31708f; } .content{ margin-top:20px; } .adjust1{ float:left; width:100%; margin-bottom:0; } .adjust2{ margin:0; } .carousel-indicators li{ border :1px solid #ccc; } .carousel-control{ color:#31708f; width:5%; } .carousel-control:hover, .carousel-control:focus{ color:#31708f; } .carousel-control.left, .carousel-control.right { background-image: none; } 

 @media screen and (max-width: 768px) { .media-object{ margin-top:0; } }

.testimonial-container{float: left;width: 100%;background: #f0f0f0;padding:50px 0;}
.inner-testimonials .testimonial-caption{margin:2em auto 0;font-size: 1.125em;max-width: 39em;
    text-align: left;color: #2d303f;font-weight: 100;line-height: 28px;}
.inner-testimonials .author{font-weight: 700;color:#1e1e1e;margin: 10px;float: left;margin:6px 0 0;}
.inner-testimonials .author span{display:block;font-weight:normal !important;margin:-10px 0 0;font-size:15px;}
    .media-object {display: block;width:213px;margin:0px 14px 0 0;float: left;height:295px;}
.inner-testimonials{padding:100px;}
.inner-testimonials .carousel-control.left{margin:305px 0}
.inner-testimonials  a span img{width:50px;}
.inner-testimonials .carousel-control.right{margin:305px 0}
.inner-testimonials  a span img{width:50px;}
.testimonials-info{margin: 0 auto;}
.testimonials-info p span{display: inline-block;width: 100%;font-weight: 100;}
.testimonial-heading{font-weight: 700;text-align:center;font-size:37px;margin:0 0 37px}
.logo-contaienr img{display:inline}
.partner-heading{font-size: 35px;font-weight: 600;margin-top: 10px;color: #333333;font-family: 'Quicksand', sans-serif;margin:60px 100px !important;float: left;width: 100%;}
.my-img-gallery{margin:0 0 50px;padding:0;width:100%;float:left}
.my-img-gallery li{margin:0 10px 10px 0 }
.my-img-gallery li:nth-child(1){float:left;width:37%;list-style-type:none}
.my-img-gallery li:nth-child(2){float:left;width:20%;list-style-type:none}
.my-img-gallery li:nth-child(3){float:left;width:40%;list-style-type:none}
.my-img-gallery li:nth-child(4){float:left;width:25%;list-style-type:none}
.my-img-gallery li:nth-child(5){float:left;width:47%;list-style-type:none}
.my-img-gallery li:nth-child(6){float:left;width:25%;list-style-type:none}
.my-img-gallery li a{float:left;width:100%;margin:0;padding:0;border:none;}
	.my-img-gallery li a img{height: 366px;margin: 0;width: 100%;}
	.my-img-gallery-new{margin:0 0 50px;padding:0;width:100%;float:left}
	.my-img-gallery-new li{float:left;width:32%;list-style-type:none}
	.my-img-gallery-new li a{float:left;width:100%;margin:0;padding:0;border:none;}
	.my-img-gallery-new li a img{height: 366px;margin: 0;width: 100%;}
.main-heading{font-family:calibri;font-weight: 700;color: #2e2e2e;    float: left;
    margin: 63px 0 18px;width:100%;}
	.second-img-con img{width:100%;}
	.no-padding{padding:0;}
	.second-heading{font-family:Calibri;font-weight: 700;color: #2e2e2e;    float: left;
    margin:15px 0 18px;width:100%;font-size:30px;}
	.third-heading{font-family: 'Quicksand', sans-serif;font-weight: 700;color: #2e2e2e;    float: left;
    margin:30px 0 18px;width:100%;font-size:20px;}
	.normal-para{font-size:18px;font-weight:500;font-family: Calibri;}
	.parara-margin{margin:0 0 40px;}
	.no-padding{padding:0;}
	.bottom-para{float:left;width:100%}
	.same-font{font-family: 'Quicksand', sans-serif;
    font-weight: 400;
    margin: 30px 0;font-size:16px;}
	.img-con1 img{width:100%;}
	.text-box-con{margin:0 0 30px;}
	.para-con p{font-family: 'Quicksand', sans-serif;font-weight: 400;font-size:15px;}
	.thomas-klobe-bg{background:#1e1e1e;height: 300px;background-size: cover;}
	.thomas-klobe-bg h2{text-align:center;font-family: 'Quicksand', sans-serif;font-weight:700;font-size:20px;text-align: center;font-family: 'Quicksand', sans-serif;font-weight: 700;
 font-size: 46px;line-height: 220px;color:#fff}
	.profile-img-container{width: 300px;height: 300px; margin: 0 auto;border-radius: 50%;border: 1px solid;overflow: hidden;}
	.profile-inner-con{margin:100px 0 50px;}
	.kolbey-information{margin:38px 48px}
	.second-profile-info{margin:0 0 80px;}
	.second-profile-info p{font-size: 17px;line-height: 1.5em;text-align: justify;}
	/*.kolbey-inner-con img{border: 1px solid #e5e5e5;border-radius: 3px;box-shadow:7px 8px 10px #6666665e}*/
	.kolbey-information h2{font-weight:bold;margin:0 0 10px;}
	.kolbey-information p{font-size: 17px;line-height: 1.5em;text-align:justify}
	.margin-zero{margin:0 !important}
	.bottom-new-margin{margin:0 0 30px !important}
	#banner-slider .owl-nav .owl-prev{position:absolute;top: 44%;left: 4%;
    background: url(../images/left.png)no-repeat;width: 100px;height: 100px;background-size: 40px;}
	#banner-slider .owl-nav .owl-next{position:absolute;top: 44%;right: 4%;
    background: url(../images/right-arrow-angle.png)no-repeat;width: 100px;height: 100px;background-size: 40px;}
	#banner-slider .owl-dots{bottom: 14px;margin-top: 10px; position: absolute;text-align: center;left: 50%;}
	.my-fixed{position: fixed;top:0; left:0;width: 100%;z-index:999;}
	.product-new-categories{margin:0;padding:0;width:100%;float:left}
	.product-new-categories li{float:left;width:49%;list-style-type:none;margin:0 24px 24px 0px}
	.product-new-categories li:nth-child(2){float:right;margin:0;}
	.product-new-categories li:nth-child(4){float:right;margin:0;}
	.product-new-categories li a{float:left;width:100%;}
	.product-new-categories li a img{width:100%}
	.top-hero-image{margin:72px 0 0}
	.meet-team-heading{font-weight: 900;font-size: 30px;font-family: 'Quicksand', sans-serif;
    margin: 0 0 30px;text-align: center;position:relative}
	.meet-team-heading:before{content: '';position: absolute;width: 37%;height: 3px;
    background: #1e1e1e;left: 0;top: 14px;}
	.meet-team-heading:after{content: '';position: absolute;width: 37%;height: 3px;
    background: #1e1e1e;right: 0;top: 14px;}
	.team-member-list{margin:20px 0 80px;padding:0;float:left;width:100%}
	.team-member-list li{width:30%;float:left;list-style-type:none;margin:0 47px 0 0}
	.team-member-list li:nth-child(3){width:30%;float:right;list-style-type:none;margin:0}
	.team-member-list li p{float: left;width: 100%;height: 226px;}
	.team-member-list li p img{width:100%;height:100%}
	.team-member-list li label{width: 100%;background: #5454541f;text-align: center;padding: 8px;color: #333;}
	.team-member-list li span{line-height: 20px !important;float: left;width: 100%;
    text-align: left;margin: 13px 0 0;font-size: 16px;}
    .interview-profile{margin: 0 auto;padding: 0; width:100%;}
    .interview-profile li{width:49%;float:left;list-style-type:none}
    .interview-profile li img{width:100%}
	.interview-con{width:100%;float:left;width:100%;margin:38px 0px}
	.interview-con ul{margin:0;}
	.interview-con ul li{list-style-type:none;margin:0 0 15px}
	.interview-con ul li label{line-height:23px;}
	.interview-con ul li p{margin:0 0 20px}
	.second-list{float:left;width:100%;margin:30px 0 !important}
	
	
	@media(max-width:768px){
	.mainBanner .owl-carousel{top: 160px;}
	.welcome{margin:162px 0 0;}
	.product-new-categories{margin:0;padding:0;width:100%;float:left}
	.product-new-categories li{width:100%;float:left !important;margin:0 24px 24px 0px !important}
	.inner-testimonials{padding:0;}
	.top-hero-image{float:left;width:100%;margin:161px 0 0}
	.top-hero-image img{width:100%}
	.my-img-gallery li{width: 100% !important;float: left !important;}
	.main-heading{font-size:25px;}
	.content-container{padding:0 !important;margin:10px 0}
	.profile-inner-con{padding:0 !important;margin:6px 0 50px}
	.interview-con img{width:100%}
	.thomas-klobe-bg h2{line-height: 34px;padding: 24px 0;font-size: 18px;}
	.my-img-gallery li a img{height:auto !important}
	.second-heading{font-size:25px;}
	.kolbey-information{margin:38px 0px}
	.top-hero-image{height:Auto}
	.team-member-list li{width:100%}
	.team-member-list li:nth-child(3){width:100%}
	.meet-our-team{padding:0;}
	.team-member-list li span{margin:13px 0}

	}