*{ margin:0px; padding:0px;}
a, a:hover, a:focus{ text-decoration:none;}
body{ font-family: 'poppinsregular';}
img{ max-width:100%;}
.b-l{ border-left:1px solid #ccc;}
.right-area{ float:right; padding:20px 0;}
.right-area a{ float:right; border-right:1px solid #ccc;}
.right-area a img{ padding:0 10px;}
.hdng-border{ width:50px; height:5px; display:inline-block; border-radius:3px; background:#f37435; margin:0;}
.welcome{ width:100%; float:left; padding:50px 0;}
.welcome-box{ width:100%; position:relative;}
.welcome-img{ border:1px solid #fff; padding:15px; background:transparent; position:absolute; z-index:11; top:15px; left:15px; right:15px; bottom:15px;}
.welcome img{ max-width:100%;}
.welcome-btn, .welcome-btn:hover{ float:left; border-radius:30px; background:#494949; font-size:14px; color:#fff; margin:0 0 20px; padding:10px 30px; text-transform:uppercase; text-decoration:none;}
h1, .h1 { font-size:36px; line-height:36px; margin:0px; padding:0px; color:#494949; width:100%; float:left; font-family: 'Cocon-Regular'; text-transform:uppercase; font-weight:normal;}
h1 span, .h1 { color:#f37435; display:inline-block;}
p { font-size:14px; margin:0px; padding:30px 0; color:#777; line-height:26px; width:100%; float:left; font-family: 'poppinsregular';}
.latest{ width:100%; float:left; text-align:center; background:url(../imgs/news-bg.jpg) no-repeat top center; padding:40px 0;}
.latest h2{ font-size:36px; margin:0px; padding:0px; color:#fff; width:100%; float:left; font-family: 'Cocon-Regular'; text-transform:uppercase; font-weight:normal;}
.latest p { font-size:14px; margin:0px; padding:10px 0; color:#fff; line-height:26px; width:100%; float:left; font-family: 'poppinsregular';}
.latest-img{ width:200px; height:auto; display:inline-blockl; margin:0px auto;}
.latest-img img{ max-width:100%;}
.service{ width:100%; float:left; text-align:center; padding:30px 0 10px;}
.service-box { width:100%; float:left; padding:20px 0; border-bottom:1px solid #ccc;}
.service-box h3, .h3 { font-size:26px; margin:0px; padding:15px 0; color:#f37435; width:100%; float:left; font-family: 'Cocon-Regular'; text-transform:uppercase; font-weight:normal;}

.service-box h3 a { color:#f37435; }
.service-box h3 a:hover { color:#000; }

.service-box p { font-size:14px; margin:0px; padding:0; color:#777; line-height:26px; width:100%; float:left; font-family: 'poppinsregular';}
h4{ font-size:36px; line-height:36px; margin:0px; padding:0; color:#494949; width:100%; float:left; font-family: 'Cocon-Regular'; text-transform:uppercase; font-weight:normal;}
.testi{ width:100%; float:left; text-align:left; padding:30px 0; background:#f7f7f7;}
.ftr{ width:100%; float:left; text-align:left; padding:20px 0 0; background:#29282e;}
.ftr-top{ width:100%; float:left;  box-shadow:1px 1px 2px #222; padding-bottom:20px;}
.ftr-top-box{ width:100%; float:left; border-left:1px solid #343339; color:#fff; padding-left:15px; margin:10px 0 0;}
.ftr-top-box i{ float:left; color:#f37435; font-size:32px; padding-top:5px;}
.ftr-top-box span{ width:85%; float:left; padding-left:15px;}
.ftr-top-box span h3{ width:100%; float:left; color:#f0f0f0; font-size:16px; line-height:20px; font-family: 'poppinsregular'; margin:0px; padding:0px; font-weight:normal;}
.ftr-top-box span p{ width:100%; float:left; color:#f0f0f0; font-size:12px; line-height:18px; font-family: 'poppinsregular'; padding:5px 0 0; margin:0;}
.ftr-top-box span p a{ float:left; color:#f0f0f0; font-size:12px; line-height:18px; font-family: 'poppinsregular'; text-decoration:none;}
.ftr-box{ width:100%; float:left; padding:30px 0; font-family:Arial, Helvetica, sans-serif;}
.ftr-box .ttr { float:left; color:#868686; font-size:14px; padding:0 0 20px; margin:0;}
.ftr-box .ttr span { float:left; padding:0 10px 0 0; color:#fff; font-size:14px; font-family: 'poppinsregular'; }
.ftr-box .ttr span a { color:#fff; }
.ftr-box .ttr span a:hover { color:#f37435; }
.ftr-box h2{ width:100%; float:left; font-size:22px; margin:0px; padding:0px; color:#fff; font-family: 'Cocon-Regular'; text-transform:uppercase; font-weight:normal;}
.ftr-box-hdng-border{ width:50px; height:5px; display:inline-block; border-radius:3px; background:#343339; margin:15px 0 30px;}
.ftr-box p{ width:100%; float:left; color:#f0f0f0; font-size:14px; line-height:22px; font-family: 'poppinsregular'; padding:0; margin:0;}
.ftr-box ul{ margin:0; padding:0;}
.ftr-box ul li{ float:left; list-style:none; padding:15px 3px;}
.ftr-box ul li a{ float:left; text-decoration:none; color:#fff; font-size:16px;}
.ftr-box ul li a i{ width:34px; height:34px; text-align:center; float:left; padding:9px 0 0; background:#343339; border-radius:3px; transition:all 0.3s ease-out;}
.ftr-box ul li a i:hover{ background:#f37435; transition:all 0.3s ease-out;}
.ftr-links{ width:100%; float:left; padding:30px 0;}
.ftr-links h2{ width:100%; float:left; font-size:22px; margin:0px; padding:0px; color:#fff; font-family: 'Cocon-Regular'; text-transform:uppercase; font-weight:normal;}
.ftr-links ul{ margin:0; padding:0;}
.ftr-links ul li{ width:100%; float:left; list-style:none; padding:0 3px 15px;}
.ftr-links ul li a{ float:left; text-decoration:none; color:#fff; font-size:14px; transition:all 0.3s ease-out;}
.ftr-links ul li a:hover{ text-decoration:none; color:#f37435; transition:all 0.3s ease-out;}
.ftr-links ul li a i{ width:6px; height:6px; float:left; margin:0 7px 0 0; transition:all 0.3s ease-out;}
.ftr-links ul li a i:hover{ background:#f37435; border-radius:3px; transition:all 0.3s ease-out;}
.ftr-input{ width:100%; float:left; margin:0 0 20px; background:#343339; height:50px; color:#fff; font-size:14px; font-family: 'poppinsregular'; border:none; padding:3px 15px;}
.ftr-btn{ outline:none; float:left; margin:0 0 20px; background:#f37435; border-radius:30px; color:#fff; font-size:14px; font-family: 'poppinssemibold'; border:none; padding:15px 30px; text-transform:uppercase; cursor:pointer;}
.ftr-btm{ width:100%; float:left; padding:20px 0; color:#f0f0f0; font-size:14px; line-height:22px; font-family: 'poppinsregular'; background:#f37435; text-align:center;}
.ftr-btm span{ display:inline-block; text-transform:uppercase; font-family: 'poppinssemibold';}

.inr-bnr{ width:100%; float:left; background:url(../imgs/inr-bnr.jpg) no-repeat top center; background-size:cover;}
.inr-bnr-bg{ width:100%; float:left; background:rgba(0,0,0,.4); height:350px; position:relative;}
.inr-bnr-box{ position:absolute; z-index:22; display:inline-block; bottom:40px;}
.inr-bnr-box h1{ width:100%; float:left; font-size:52px; line-height:60px; margin:0px; padding:15px 0; color:#fff; font-family: 'Cocon-Regular'; text-transform:uppercase; font-weight:normal;}
.gallery{ width:100%; float:left; padding:20px 0;}
.gallery-box{ width:100%; float:left; margin:20px 0; position:relative; transition:all 0.3s ease-out;}
.gallery-box:hover{ width:100%; float:left; margin:0 0 40px; position:relative; transition:all 0.3s ease-out;}
.gallery-textbox{ width:100%; float:left; padding:20px; position:absolute; z-index:1; bottom:0px; left:0px; right:0px; background:rgba(0,0,0,.8); transition:all 0.3s ease-out;}
.gallery-box:hover .gallery-textbox{ background:rgba(131,194,37,.8); transition:all 0.3s ease-out;}
.gallery-textbox img{ max-width:100%;}
.gallery-textbox h2{ width:100%; float:left; color:#fff; font-size:20px; line-height:20px; font-family: 'poppinssemibold'; margin:0px; padding:0px; font-weight:normal;}
.gallery-textbox p{ width:100%; float:left; color:#fff; font-size:12px; line-height:18px; font-family: 'poppinsregular'; padding:0; margin:0;}

/* ---------- Zoom container ---------- */
.image-zoom-container { list-style: none; font-size: 0px;}
.zoom-container { position: relative; overflow: hidden; display: inline-block; width: 100%; /* this value + 2 should = 33% */ vertical-align: top; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.zoom-container img { display: block; width: 100%; height: auto;
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
}
.zoom-container .zoom-caption { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; background: rgba(0, 0, 0, .5);
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
}
.zoom-container:hover img {
	-webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
}

.products-bnr{ width:100%; float:left; background:url(../imgs/products-bnr.jpg) no-repeat top center; background-size:cover;}
.products{ width:100%; float:left; padding:20px 0;}
.products-box{ width:100%; float:left; margin:20px 0; position:relative; transition:all 0.3s ease-out; overflow:hidden;}
.products-textbox{ float:left; padding:25px; position:absolute; z-index:1; bottom:0px; left:0; right:0; background:rgba(131,194,37,.8); transition:all 0.3s ease-out;}
.products-textbox img{ max-width:100%;}
.products-textbox h2{ width:100%; float:left; color:#fff; font-size:20px; line-height:20px; font-family: 'poppinssemibold'; margin:0; padding:0; font-weight:normal;}
.products-textbox p{ width:100%; float:left; color:#fff; font-size:12px; line-height:18px; font-family: 'poppinsregular'; padding:0; margin:0;}
.products-textbox p span{ display:none;}
.products-btn{ display:none;}
.products-textbox-border{ display:none; position:absolute; z-index:0; bottom:15px; right:15px; left:15px; border:1px solid #fff; background:transparent;}
.products-box:hover{ width:100%; float:left; margin:0 0 40px; position:relative; transition:all 0.3s ease-out; text-align:center;}
.products-box:hover .products-textbox-border{ display:inline-block; top:15px; bottom:15px;}
.products-box:hover .products-textbox{ background:rgba(0,0,0,.8); transition:all 0.3s ease-out; top:0;}
.products-box:hover .products-textbox h2{ width:100%; float:left; color:#fff; font-size:24px; line-height:20px; font-family: 'poppinssemibold'; margin:0px; padding:15px 0; font-weight:normal;}
.products-box:hover .products-textbox p{ width:100%; float:left; color:#fff; font-size:14px; line-height:22px; }
.products-box:hover .products-textbox p span{ display:inline-block;}
.products-box:hover .products-btn{ display:inline-block; padding:10px 20px; font-size:14px; color:#000; position:absolute; z-index:5; bottom:15px; left:30%; right:30%; background:rgba(255,255,255,1); transition:all 0.3s ease-out; text-decoration:none; text-align:center;}
.pdetail-left { width:100%; float:left; padding:30px 0;}
.pdetail-left h2{ width:100%; float:left; font-size:36px; margin:0px; padding:25px 0 15px; color:#f37435; font-family: 'Cocon-Regular'; text-transform:uppercase; font-weight:normal;}
.pdetail-left p { width:100%; float:left; font-size:14px; line-height:22px; margin:0px; padding:0; color:#777; font-family: 'poppinsregular';}
.pdetail-right{ width:100%; float:left; padding:30px 0 0; margin-bottom:30px; border-bottom:1px solid #f37435;}
.pdetail-right h2{ width:100%; float:left; font-size:18px; margin:0px; padding:20px 25px; color:#fff; background:#f37435; font-family: 'Cocon-Regular'; text-transform:uppercase; font-weight:normal; border-bottom:2px solid #5f5f5f;}
.pdetail-right ul{ margin:0px; padding:0px;}
.pdetail-right ul li{ width:100%; float:left; list-style:none;}
.pdetail-right ul li a{ width:100%; float:left; text-decoration:none; color:#666; background:#f6f6f6; font-size:14px; padding:20px 25px; font-family: 'poppinsregular'; transition:all 0.3s ease-out; border-bottom:1px solid #fff;}
.pdetail-right ul li a:hover, .pdetail-right ul li a:focus{ text-decoration:none; color:#f37435; background:#fff; transition:all 0.3s ease-out;}
.contact-bnr{ width:100%; float:left; background:url(../imgs/contact-bnr.jpg) no-repeat top center; background-size:cover;}
.contact{ width:100%; float:left; padding:50px 0; text-align:center;}
.contact-box{ width:100%; display:inline-block; font-size:16px; margin:0 0 50px; padding:35px 0; background:#f9f9f9; border:1px solid #ebebeb;}
.contact-box p { width:100%; float:left; font-size:14px; line-height:22px; margin:0px; padding:30px 0 0; color:#777; font-family: 'poppinsregular';}
.contact-box p a{ text-decoration:none; color:#777;}
.contact_text{ float:left; font-size:12px; color:#333; padding:10px 15px; font-family:Arial, Helvetica, sans-serif;}
.contact_input{ float:left; padding:2px 15px; width:100%; border:none; height:50px; color:#333; font-size:15px; border:1px solid #ebebeb;}
.contact_textarea{ float:left; padding:15px; width:100%; border:none; height:130px; color:#333; font-size:15px; border:1px solid #ebebeb;}
.contact_btn{ display:inline-block; font-size:16px; color:#fff; background:#222; padding:15px 40px; margin:0; text-decoration:none; font-family: 'poppinsregular'; text-transform:uppercase; transition:ease-in-out .3s all;}
.contact_btn:hover, .contact_btn:focus{ color:#fff; background:#f37435; text-decoration:none; transition:ease-in-out .3s all;}



@media only screen and (max-width:1024px){
h1, .h1 { font-size:26px; line-height:28px;}
h4{ font-size:26px; line-height:28px;}
.welcome-img{ padding:0; top:10px; left:10px; right:10px; bottom:10px;}
.latest h2{ font-size:26px; line-height:28px;}
.ftr-top-box{ padding-left:10px; margin:10px 0;}
.ftr-top-box i{ font-size:24px; padding-top:5px;}
.ftr-top-box span{ width:85%; float:left; padding-left:10px;}
.ftr-top-box span h3{ font-size:14px;}

}


@media only screen and (max-width:768px){
h1, .h1 { font-size:24px; line-height:24px;}
p { font-size:12px; padding:15px 0;line-height:20px;}
.ftr-links ul li{ padding:0 0 15px;}
.ftr-links ul li a{ font-size:12px;}
.ftr-links ul li a i{ width:6px; height:6px; float:left; margin:0;}
.ftr-box p{ font-size:12px; line-height:18px;}
.ftr-box-hdng-border{ width:50px; height:5px; margin:15px 0;}
.ftr-links{ width:100%; float:left; padding:0;}
}



@media only screen and (max-width:480px){
.logo{ width:100%; text-align:center; display:inline-block;}
.right-area{ width:100%; float:right; padding:20px 0; text-align:center;}
.right-area a{ float:none; display:inline-block; border-right:none;}
.inr-bnr-box h1{ font-size:32px; line-height:36px; margin:0px; padding:15px 0;}
.inr-bnr-bg{ width:100%; float:left; background:rgba(0,0,0,.7); height:200px; position:relative;}
}

@media only screen and (max-width:360px){
.products-textbox{ padding:15px;}
.products-box:hover .products-textbox p{ font-size:12px; line-height:16px;}
.products-box:hover .products-btn{ padding:7px 15px; font-size:12px; bottom:15px; left:30%; right:30%;}
.products-box:hover .products-textbox h2{ font-size:18px; line-height:20px; padding:10px 0;}
}