/* by Adon , CSS Document */







.page-title{ margin-bottom:0}

.page-nav{ float:left; width:100%; text-transform:uppercase}

.page-nav a,.page-nav p{ float:left; font-size:16px; color:#868686; padding:0 25px; line-height:36px; margin-right:15px; margin-bottom:10px;}

.page-nav .box{padding:2.5% 5%; overflow:hidden;background:#f6f6f6;}

.page-nav p{ display:none;color:#fff; font-weight:bold; background:url(/Public/Home/img/dd.png) no-repeat 90% #17927a;}
 
.page-nav a:hover,.page-nav a.on{color:#fff; background:#17927a; font-weight:bold;}

.products-list { float:left; width:100%;}

.products-list .p{ font-size:16px; font-weight:bold;max-width:825px; margin:5% 0;}

.products-list li { float:left; width:49%; margin-bottom:2%; position:relative; padding:2.5% 5%;border:solid 1px #f0f0f0}

.products-list li.l{ margin-right:1%;}

.products-list li.r{ margin-left:1%;}

.products-list li .pic{ height:300px; float:right;}

.products-list li .item{ position:absolute; left:10%; top:20%; max-width:220px;}

.products-list li .item span{font-size:20px; color:#17927a; font-weight:bold}

.products-list li .item p{ text-transform:uppercase;font-size:16px; color:#868686; padding-right:20%; margin:5% 0 20% 0;}

.products-table { background:#f6f6f6;float:left; width:100%; padding:2.5% 0 10% 0; margin:5% 0;}

.products-table ul li{ float:left; font-weight:bold;width:45%; }

.products-table ul li p{ font-size:25px; margin:5% 0;}

.products-table ul li.l{ margin-right:5%;}

.products-table ul li.r{ margin-left:5%;}

.products-table ul li table{ width:100%;text-align:center;border:solid 1px #d7d7d7 !important;border-right:none;border-top:none;}

.products-table ul li table tr td{ border-right:solid 1px #d7d7d7 !important;border-top:solid 1px #d7d7d7 !important; font-size:16px !important;padding:2% 0 !important;}

.products-table ul li table tr td p{font-size:16px !important; margin:0 !important}

.products-gallery { float:left; position:relative;width:100%; margin-top:5%;background:#f6f6f6; overflow:hidden; padding-bottom:10%;}

.products-gallery .p1{ line-height:45px;}

.products-gallery .swiper-container{ overflow:inherit}

.products-gallery .swiper-pagination { margin-top:5%;top:100% !important; height:1px !important; background:#e4e4e4;}

.products-gallery .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ height:3px; background:#239781; position:relative; top:-1px;}

.products-gallery .swiper-slide img{ width:100%;}

.products-gallery .swiper2{ display:none}

.products-pic .p{ font-size:20px; font-weight:bold;max-width:725px; margin:5% 0;}

.products-pic ul li{ float:left; font-weight:bold;width:32.33%; margin-right:1.5%; background:#f6f6f6; text-align:center; margin-bottom:1.5%;}

.products-pic ul li.clear{ margin-right:0;}

.products-pic { float:left; width:100%;}

.products-view { float:left; width:100%;}

.products-view .p{ font-size:30px; font-weight:bold; text-transform:uppercase; margin:7.5% 0;}

.products-view .thumb{ width:55%;}

.products-view .item{ width:35%; margin-top:7.5%;}

.products-view .item .p1{font-size:40px; color:#17927a; font-weight:bold;text-transform:uppercase; line-height:45px; padding-right:15%;}

.products-view .item .p2{font-size:16px; color:#868686; margin:10% 0 5% 0;}

.products-view .item .p3 a{ margin-right:20px;}

.products-view .item .p4{font-size:18px; margin-top:10px;color:#17927a; font-weight:bold;}

.products-list .w4 li { width:24%; margin-right:1.25%; margin-bottom:1.25%;}

.products-list .w4 li.clear{ margin-right:0}


.products-view .thumb{ max-width:700px;}

.products-view .thumb .pics{ position:relative; text-align:center;}

.products-view .thumb .pics a{ width:100px; margin:5px; border:solid 1px #efefef; display:inline-block}

.products-view .item .p22{font-size:25px; border-top:solid 1px #efefef; padding:25px 0; margin-top:50px;}

.tabless table{ width:100%;text-align:center; background:#f6f6f6 !important;border:solid 1px #fff !important;border-right:none;border-top:none;}

.tabless table tr td{  background:#f6f6f6 !important; border-right:solid 1px #1a2225 !important;border-left:solid 1px #1a2225 !important;border-bottom:solid 1px #1a2225 !important;border-top:solid 1px #1a2225 !important; font-size:16px !important;padding:2% 0 !important;}

.tabless table tr td p{font-size:16px !important; margin:0 !important}


.ilists .title .p1{ text-align:left; font-size:35px;}


.products-navs{ float:left; width:100%; margin: 5% 0;}
.products-navs ul li{ float:left; font-size:18px; color:#909090; margin-right:60px;}
.products-navs ul li a{color:#909090;}
.products-navs ul li:hover a,.products-navs ul li.on a{color:#17927a;}
.products-navs .searchs form{ width:330px; border-bottom:solid 1px #efefef; position:relative; line-height:30px;}
.products-navs .searchs form .text{ background:none; border:0; font-size:14px; color:#cacaca; width:100%;}
.products-navs .searchs form .submit{ width:13px; height:13px; position:absolute; right:0; border:0;top:25%; background:url(/Public/Home/img/search.png) no-repeat center;}


.product{ width:100%; height:800px; overflow:hidden;}
.product .item{ width:45%; background:#17927a url(/Public/Home/img/p.jpg) no-repeat center bottom; color:#fff; height:100%; padding:180px 0 0 255px;}
.product .item p{ max-width:435px;}
.product .item .p1{ font-size:40px;}
.product .item .p2{ font-size:20px; line-height:25px; margin:20px 0 140px; text-transform:uppercase;}
.product .item .p3 a{ background:#fff;padding:10px 30px;font-size:18px; margin-right:20px;color:#17927a; text-align:center; display:inline-block;border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; -ms-border-radius:15px; -o-border-radius:15px; }
.product .item .p3 a img{ margin-right:5px; margin-top:-3px;}
.product .right{ text-align:center;width:55%; height:100%; background:#f6f6f6; position:relative;}
.product .right .owl-controls .owl-page{ width:10px; height:10px; margin:0 3px; background:#fff;border-radius:10px; display:inline-block;}
.product .right .owl-controls .owl-page.active{background:#17927a}
.product .right .owl-controls{ position:absolute; bottom:10%; margin:0 auto; text-align:center; width:100%;}

.products-ul{ overflow:hidden; float:left; width:100%;}
.products-ul ul {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
.products-ul ul li{ border:solid 1px #f0f0f0; font-weight:bold;padding:5%; width:32%; margin-bottom:2%;}
.products-ul ul li span{ font-size:25px; color:#17927a;}
.products-ul ul li p{ font-size:20px; color:#1a2225;}


.feadback{ position:fixed; top:0; width:100%; height:100%; z-index:99; display:none}
.feadback .bg{ position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.5}
.feadback .box .closes{ position:absolute; top:-50px; right:-50px;}
.feadback .box{ position:relative; width:725px; margin:-300px auto; background:#fff; padding:2.5%;border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; -ms-border-radius:15px; -o-border-radius:15px; position:relative; top:50%;}
.feadback .p{color:#868686;max-width:620px; font-size:16px; color:#1a2225; margin-bottom:20px;}
.feadback li { float:left; margin-bottom:1%; background:#f6f6f6; overflow:hidden;border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; -ms-border-radius:15px; -o-border-radius:15px; line-height:50px;width:49%; margin-bottom:2%;padding:0 2.5%;}
.feadback li:nth-child(even){ margin-left:1%}
.feadback li:nth-child(odd){ margin-right:1%}
.feadback li label{ font-size:16px;display:inline-block; float:left;}
.feadback li label font{ color:#17927a; display:inline-block}
.feadback li input{ line-height:45px; border:0;background:none;font-size:16px; float:left; line-height:55px; padding:0 2.5%; max-width:150px;}
.feadback li.c { width:100%;}
.feadback li.c textarea{border:0;background:none;font-size:16px; float:left; width:80%; padding:0 2.5%; height:185px;}
.feadback .submit{background:#17927a; width:100%; border:0;color:#fff;display:block; text-align:center;max-width:165px; line-height:50px; text-transform:uppercase; font-size:16px; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; -ms-border-radius:15px; -o-border-radius:15px;}










@media (max-width:1500px){
.product .item{ padding-left:15px;}

}

@media (max-width:1024px){
.product{ height:auto;}	
.product .item,.product .right{ width:100%;}	
.product .item{ padding:10% 15px;}

.products-table ul li table tr td,.products-table ul li table tr td p{ font-size:14px !important;}

.products-view .item .p1{ font-size:34px; line-height:35px;}

.products-view .item .p2{ font-size:15px;}
.products-ul ul li{ width:49%;}
}

@media (max-width:768px){
.products-navs .searchs{ float:left; margin-top:5%;}	
.products-navs{ margin:10% 0;}
.feadback .box{ width:80%;}
.feadback li input{ max-width:120px;}
	

.page-nav a{ font-size:15px;}

.products-list li .item{ position:static;}

.products-table ul li p{ font-size:22px;}

.products-pic .p{ font-size:18px;}

.swiper1{ display:none !important}

.swiper2{ display: block !important}

.products-gallery{ margin-top:10%;}

.products-view .thumb{ width:100%;}

.products-view .item{ width:100%; margin-top:5%;}



}

@media (max-width:640px){
.tabless table tr td p{ font-size:14px !important;}
.products-view .item .p22{ font-size:20px;}
.ilists .title .p1{ font-size:24px;}
.products-navs ul li{ font-size:15px; margin-bottom:15px;}
	.product .item .p1{ font-size:26px;}
.product .item .p2{ font-size:16px; margin-bottom:15%;}
.product .item .p3 a{ font-size:14px}
.products-ul ul li span{ font-size:20px;}
.products-ul ul li p{ font-size:16px;}
.feadback li{ width:100%;}
.feadback .p{ font-size:14px;}
.feadback .box{ padding:5%; width:90%;}
.feadback .box .closes{ top:-30px; right:-20px;}
.feadback li input{ line-height:30px;}
.feadback li { margin:1% 0!important}


.page-nav a{ font-size:14px; line-height:30px; padding:0 25px; margin-right:10px;}

.products-list li .item span{ font-size:16px;}

.products-list li .item p{ font-size:15px;}

.products-list li .pic{ height:230px;}

.products-table ul li{ width:100%; margin:2.5% 0 !important}
.products-ul ul li{ width:100%;}

}

@media (max-width:480px){

.feadback li label{ padding:0 2.5%;}
.feadback li.c textarea{ height:100px;}
.feadback li label,.contact .contact-r li input,.contact .contact-r li.c textarea{ font-size:15px;}
.feadback li{ line-height:normal; padding:2.5%;}


.products-list .p{ font-size:14px; margin:10% 0;}

.products-list li .item span{ font-size:14px; clear:both; height:40px;}

.products-list li .item p{ font-size:13px; height:36px;}

.products-list li .item em img{ height:25px;}

.products-list li .pic{ height:150px;}

.page-nav nav{ padding:0;}

.page-nav p{ display:block; width:100%; font-size:14px;}

.page-nav nav{ display:none}

.page-nav a{ width:100%;}

.products-table ul li p{ font-size:18px;}

.products-table ul li table tr td,.products-table ul li table tr td p{ font-size:13px !important;}

.products-pic .p{ font-size:14px; margin:7.5% 0}

.products-pic ul li{ width:48%; margin:1% !important;}

.products-table{ margin:7.5% 0; padding:5% 0 12.5% 0;}

.products-gallery .p1{ line-height:30px;}

.products-view .p{ font-size:20px;}

.products-view .item .p1{ font-size:24px; line-height:25px;}

.products-view .item .p2{ font-size:14px;}

.products-view .item .p3 a img{ height:30px;}

.products-view .item .p4{ font-size:15px;}

.products-gallery{ padding-bottom:15%;}

.products-list .w4 li { width:48%; margin-right:2%; margin-bottom:2%;}

}

@media (max-width:320px){

.page-nav p{ font-size:13px;}

.page-nav a{ font-size:12px;padding:0 15px; margin-bottom:5px;}

.products-list li{ width:100%; padding:10%;}

.products-list li .pic{ height:auto; display:block; margin:0 auto;}

.products-table ul li p{ font-size:16px;}

.products-table ul li table tr td,.products-table ul li table tr td p{ font-size:12px !important;}

.products-view .p{ font-size:18px;}

.products-view .item .p1{ font-size:20px; line-height:20px;}

.products-view .item .p2{ font-size:13px;}

.products-view .item .p4{ font-size:14px;}

}