﻿.breadcrumb{text-align:left;padding:15px 0;background:transparent;font-size:12px}
.breadcrumb  a,.breadcrumb  span{color:#626262;padding:0 0px 0 35px;position:relative}
/*.breadcrumb  a:first-child{padding-left:80px}*/
/*.breadcrumb  a:first-child:before{content:"";position:absolute;width:70px;left:0;top:14px;height:1px;background:#3b9060}*/
.breadcrumb  a:after{content:"";position:absolute;width: 15px;height: 8px;right:-22px;top:10px;background:url(../images/arrow.png);  transform: rotate(180deg);}
.breadcrumb  span.cur{color:#3b9060;background:0}
.breadcrumb  a:hover{color:#3b9060}
.breadcrumbpan{width:100%;background:transparent;margin-top:-25px;margin-bottom:40px}

.single-page{width:100%;padding-bottom:90px;background: url(../images/back.jpg) repeat}
.title-border{width:237px;height:122px;float:left;position:relative;border:5px solid #c7d6ce;margin-top:25px;margin-right:45px;opacity:0.7;margin-bottom:50px}
.single-page h1{font-size:18px;color:#3b9060;position:absolute;top:20px;left:-45px;width:550px;text-align: left;}


/*about*/
.about-content{width:100%;padding-bottom:30px}
.about-content .about-txt{width:50%;float:left}
.about-content .about-txt p{font-size:12px;color:#505151;line-height:37px;padding:5px}
.about-border{width:380px;height:380px;border:5px solid #cdded5;text-align:center;margin:0 auto;position:relative;right:30px}
.about-img{width:50%;float:right;position:relative}
.about-border img{margin-top:140px;width:208px;height:175px;margin-left:60px}
.about-img img.one{width:422px;height:378px;position:absolute;top:-130px;right:0;}
/*contact*/
.maap{width:100%;margin-bottom:60px}
.maap .gMap,.maap .googlemap {width: 97%;height: 300px;position:relative;margin:0 auto;}
.maap .googlemap{border:3px solid #fff;box-shadow:3px 3px 3px #c9c9c9}
.cntct{width:50%;float:right;padding-right:35px}
.cntct h2{color:#151515;font-size:16px;margin-bottom:55px}
.cntct h3{width:100%;background:#eff0f0;color:#3b9060;padding:10px 18px 10px 0;border:1px solid #dfe0e0;margin-bottom:35px}
.office{width:100%}
.cntct ul li{position:relative;padding-left:25px;margin-bottom:30px;width:100%;overflow: hidden;text-align: left;}
.cntct ul li.ladrs::before{content:"";position:absolute;background: url('../images/bg.png') no-repeat -123px -1px;width: 14px;height: 21px;left:0;top:0}
.cntct ul li.lphn::before { content: ""; position: absolute; background: url('../images/bg.png') no-repeat -150px -2px; width: 23px; height: 22px; left: -3px; top: 0; }
.cntct ul li.lfx::before { content: ""; position: absolute; background: url('../images/bg.png') no-repeat -374px -62px; width: 21px; height: 17px; left: -3px; top: 5px; }
.cntct ul li.limbl::before { content: ""; position: absolute; background: url('../images/bg.png') no-repeat -85px -31px; width: 15px; height: 23px; left: -3px; top: 5px; }
.cntct ul li.lieml::before { content: ""; position: absolute; background: url('../images/bg.png') no-repeat -80px 0px; width: 22px; height: 17px; left: -3px; top: 5px; }
.cntct ul li:nth-child(3) h5{text-align:right}
.cntct ul li a{margin-right:0px;color:#2386b9;font-size:14px;/*position:absolute;right:150px;top:0;*//*float: right;*/display:inline-block;}
.second-mail{position:absolute;right:200px;top:0}
.cntct ul li h4{color:#3b9060;font-size:14px;margin-bottom:10px;}
.cntct ul li h5{color:#3b9060;font-size:14px;margin-bottom:10px;width:114px;text-align:left;display: inline-block;}
.forms{width:48%;float:right;margin-right:5px}
.contact-information{margin-top:60px;padding-right:30px;font-size:12px}
.contact-information img{margin-left:10px;position:relative;top:2px}
.forms p{width:95%;text-align:justify;margin-top:25px;margin-bottom:25px;color:#939495}
.form-wrapper{width:62%;margin:0 auto}
.form-wrapper li{margin-bottom:15px}
.form-wrapper li span{width:100%;position:relative;text-align:left;padding-left:10px;margin-bottom:8px}
.form-wrapper li span:before{content:"*";position:absolute;color:red;left:0;top:0px}
.form-wrapper li input[type=text]{height:37px;width:100%;padding:0 5px;color:#616060;border:1px solid #dedddc;}
.form-wrapper li input[type=submit]{cursor:pointer;color:#fff;font-size:14px;background:#197c44;padding:5px 45px}
.form-wrapper li textarea{width:100%;padding:5px;border:1px solid #dedddc;resize:none;height:115px}
.form-wrapper li:nth-child(3) span:before,.form-wrapper li:nth-child(4) span:before{display:none}
.form-wrapper li:nth-child(5) .txt{width:65%}
.form-wrapper li:nth-child(6) .btn{float:left!important;margin-top:25px}
legend{width:100%;text-align:center;color:#197c44;font-size:16px;margin-bottom:50px}
legend h2{position: relative; text-align: center;}
legend h2 span{ background: url(../images/back.jpg) repeat;padding: 0 15px;position: relative} 
legend h2:before{background: #dad8dc;content:"";display: block;height: 4px;position: absolute; top: 50%;width: 100%;}                                        
legend h2:before{left: 0;}
.form-social{width:62%;margin:0 auto;margin-top:30px}
.form-social li{display:inline-block}
.form-social li a img:hover{-webkit-filter: grayscale(100%); /* Safari */
    filter: grayscale(100%);transform:rotate(360deg);-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;transition:1s;}
/*products*/
.product-page{width:100%;background:#fff;padding-bottom:75px;overflow:hidden;padding-top:35px}
.product-txt{width:100%}
.product-txt p{padding:10px;font-size:13px;line-height:37px;margin-bottom:40px}
.product-wrapper{background:#f0f0f0;;width:100%;overflow:hidden;padding-bottom:20px}
.prooducts{width:85%;margin:0 auto;padding:35px 25px 45px 0}
.prooducts .poly-ethilen{width:40%;float:right}
.prooducts .poly-ethilen li{margin-bottom:20px;}
.prooducts .poly-ethilen li:first-child a{font-size:18px;color:#004c98}
.prooducts .poly-ethilen li:first-child a:before{content:">";position:absolute;width:18;height:20px;color:#004c98;right:-20px;top:2px}
.prooducts .poly-ethilen li a{color:#7c7c7c;font-size:13px;position:relative}
.prooducts .poly-ethilen li a:hover{color:#004c98}
.prooducts .poly-propylen{width:40%;float:right}
.prooducts .poly-propylen li{margin-bottom:20px}
.prooducts .poly-propylen li a{color:#7c7c7c;font-size:13px}
.prooducts .poly-propylen li:first-child a{font-size:18px;color:#004c98}
.prooducts .poly-propylen li:first-child a:before{content:">";position:absolute;width:18;height:20px;color:#004c98;right:-20px;top:2px}
.prooducts .poly-propylen li a{color:#7c7c7c;font-size:13px;position:relative}
.prooducts .poly-propylen li a:hover{color:#004c98}
/*product-detail*/
.main-container.pro-bg{background:url(../images/product-bg.jpg) repeat}
.title-border.pro-border{width:237px;height:122px;float:right;position:relative;border:5px solid #fff;margin-top:25px;margin-right:45px;opacity:0.7;margin-bottom:50px}
.proo-txt{width:50%;float:left}
.proo-txt h4 { color: #197c44; font-size: 14px; margin-bottom: 20px; width: auto; }
.proo-txt > p{color:#3f3f3f;font-size:12px;line-height:36px;margin-bottom:60px}
.proo-txt ul{width:100%;}
.proo-txt ul li{padding-left:25px;position:relative;margin-bottom:5px}
.proo-txt ul li:before{content:"";position:absolute;background: url('../images/bg.png') no-repeat -372px -126px;width: 15px;height: 15px;left:0;top:10px}
.proo-txt ul li p{color:#5a5a5a}
.pro-slider{width:50%;float:left;position:relative;height: 470px;}
.pro-slider .pro-1{width:375px;height:375px;border:5px solid #197c44;position:relative;left:0;top:0;float:left}
.pro-slider .pro-1 figure{position:relative;width:542px;height:485px;z-index:10}
.pro-slider .pro-1 figure img{width:100%;height:100%;position:absolute;right:-200px;top:25px}
.pro-slider .pro-2{width:375px;height:375px;border:5px solid #197c44;position:absolute;right:40px;top:170px}
.pro-table{margin-top:110px}
.pro-table table{width:100%;}
.pro-table table{width:60%;text-align:center;border-collapse: collapse;}
.pro-table table th{background:#4f4f4f;color:#fff;padding:15px 0;text-align:center}
.pro-table table tr td{padding:5px 0;color:#151515}
.pro-table table tr:nth-child(2n) td{background:url(../images/prooo-bg.jpg)}
/*.pro-table table tr:nth-child(4) td{background:#fff}
.pro-table table tr:nth-child(8) td{background:#fff}*/
.pro-table table,.pro-table table td,.pro-table table th {border: 1px solid #bcc6c0;}
.full{text-align:left;background:#fff;}
.full p{padding-right:60px;color:#000;width:100%;font-size:medium}
.white{background:#fff}
.list{width:100%;margin-top:85px;padding-bottom:30px;margin-bottom:40px}
.list > p{color:#3f3f3f;font-size:12px;line-height:36px;margin-bottom:60px}
/*.list ul.assurance{width:50%;float:right}*/
.list ul.assurance li{padding-right:25px;position:relative;margin-bottom:5px}
.list ul.assurance li:before{content:"";position:absolute;background: url('../images/bg.png') no-repeat -372px -126px;width: 15px;height: 15px;right:0;top:10px}
.list ul.assurance li p{color:#5a5a5a}
.list > p{color:#3f3f3f;font-size:12px;line-height:36px;margin-bottom:60px}
/*.list ul.available{width:50%;float:right}*/
.list ul.available li{padding-right:25px;position:relative;margin-bottom:5px}
.list ul.available li:before{content:"";position:absolute;background: url('../images/bg.png') no-repeat -372px -126px;width: 15px;height: 15px;right:0;top:10px}
.list ul.available li p{color:#5a5a5a}
.list h4{color:#197c44;font-size:14px;margin-bottom:20px;width:auto}
.usage{width:100%}
.usage h3{font-size:19px;color:#197c44;margin-bottom:25px}
.usage p{font-size:12px;color:#5a5a5a;line-height:35px;width:95%}
.usage ul{width:100%;margin-top:80px}
.usage ul li{display:inline-block;width:340px;margin-left:35px}
.usage ul li figure{width:100%;}
.usage ul li figure img{width:100%}
.usage ul li figure img:hover{-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);transform:scale(1.1,1.1);-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;transition:1s;filter:grayscale(30%)}
.usage ul li figure figcaption{text-align:center;margin-top:15px}

.other {margin-top:110px}
.other ul{width:100%;}
.other ul li{padding-left:25px;position:relative;margin-bottom:5px}
.other ul li:before{content:"";position:absolute;background: url('../images/bg.png') no-repeat -372px -126px;width: 15px;height: 15px;left:0;top:10px}
.other ul li p{color:#5a5a5a}
.other > h4 { color: #197c44; font-size: 14px; margin-bottom: 20px; width: auto; }

.other table{width:100%;}
.other table{width:60%;text-align:center;border-collapse: collapse;}
.other table th{background:#4f4f4f;color:#fff;padding:15px 0;text-align:center}
.other table tr td{padding:5px 0;color:#151515}
.other table tr:nth-child(2n) td{background:url(../images/prooo-bg.jpg)}
.other table,.other table td,.other table th {border: 1px solid #bcc6c0;}
/*news*/
.news-content .seearch{width:70%;margin:0 auto;margin-bottom:40px}
.news-content .seearch li{float:left;margin-left:15px;position:relative;}
.news-content .seearch li input[type=text]{width:230px;border:1px solid #e9e9e9;height:37px;padding-right:5px}
.news-content .seearch li:before{content:"";position:absolute;background: url('../images/date.png') no-repeat;width: 14px;height: 16px;right:15px;top:10px}
.news-content .seearch li:first-child:before{display:none}
.news-content .seearch li:last-child:before{display:none}
.news-content .seearch li input[type=submit]{padding:5px 15px;background:#197c44;color:#fff;float:left}
.news-content .news-main{width:100%}
.news-content .news-main > ul{width:100%}
.news-content .news-main > ul li{position:relative;width:100%;margin-bottom:40px;padding-bottom:35px;overflow:hidden}
.news-content .news-main > ul li:before{content:"";position:absolute;width:100%;height:2px;background:#fff;right:0;bottom:1px;box-shadow:8px 8px 8px #888888}
.news-content .news-main > ul li figure{width:185px;height:185px;border:5px solid #cee3d7;float:left;text-align:center}
.news-content .news-main > ul li figure img{width:175px;height:155px;margin-top:10px;margin-right:-63px}
.news-content .news-main > ul li figure img:hover{-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);transform:scale(1.1,1.1);-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;transition:1s;filter:grayscale(30%)}
.news-content .news-main > ul li .neews-txt{width:65%;float:left;margin-left:70px}
.neews-txt h2{color:#3e3e3e;font-size:13px;margin-bottom:25px}
.neews-txt p{margin-bottom:50px;line-height:38px}
.source{width:100%;text-align:left}
.source .datee{color:#197c44;position:relative;padding-left:80px}
.source .datee:before{content:"";position:absolute;width: 70px;height: 1px;left:0px;top:12px;background:#197c44}
.source .news-source{color:#333333;margin-right:25px;position:relative;float:right}
.source .news-source a{color:#9c9c9c}
.news-page .news-main > ul li:nth-child(2n) figure{float:left}
.news-page .news-main > ul li:nth-child(2n) .neews-txt{float:right}
.pager{text-align:center;direction:ltr;margin:5px 0;margin-bottom:30px;float:left;padding-left:45px;margin-left:150px}
.pager span a ,.pager span span{width:30px;height:30px;border:1px solid #e9e9e9;background:#ffffff;transition:all ease 0.6s;padding:0px;margin:0px 1px}
.pager span a:hover,.pager span span.pcur{border-color:transparent;background:#197c44;color:#fff;}

/*product-info*/
.single-page .product-name{text-align:left;font-family:'tahoma'}
.single-page .product-name:before{content:"";position:absolute;width:100%;height:1px;background:#c9c9c9;bottom:0;right:0}
.information{width:100%;margin-bottom:30px;overflow:hidden;font-family:'tahoma'}
.info-page .info-img{width:40%;float:right;text-align:center;}
.info-page .info-img > figure{width:310px;height:305px;margin:0 auto}
.info-page .info-img > figure > a > img{width:90%;height:90%;border-radius:100%;border:5px solid #004c98}
.info-img .catalog{width:100%;text-align:right}
.catalog a > img{float:right;width:27px;height:32px}
.catalog a > p{padding:5px 20px;background:#e8e6e6;float:right;color:#333333;font-size:13px;margin-right:10px;border-radius:10px}
.info-page .info-txt{width:40%;float:left}
.info-page .info-txt table{direction:ltr;float:left;margin-bottom:50px}
.info-page .info-txt table th{color:#3b3b3b;font-size:16px;width:auto}
.info-page .info-txt table td{color:#818181;font-size:16px;width:auto}
.info-page .info-txt h3{text-align:left;color:#3b3b3b;font-size:18px;margin-bottom:25px;padding-left:10px}
.info-page .info-txt p{direction:ltr;font-size:16px}
.features{width:100%;font-family:'tahoma'}
.features h2{text-align:left;position:relative;padding:10px 0 10px 45px;background:#004c98;color:#fff;font-size:24px;}
.features h2:before{content:"";position:absolute;background: url('../images/bg.png') no-repeat -474px -373px;width: 26px;height: 30px;left:10px;top:7px}
.features p{text-align:left;font-size:16px;margin-top:25px;padding-bottom:30px;margin-bottom:25px;font-family:'tahoma'}
.applications h2{text-align:left;position:relative;padding:10px 0 10px 45px;background:#004c98;color:#fff;font-size:24px;}
.applications{font-family:'tahoma'}
.applications h2:before{content:"";position:absolute;background: url('../images/bg.png') no-repeat -474px -373px;width: 26px;height: 30px;left:10px;top:7px}
.applications ul{float:left;direction:ltr;margin:20px 0;margin-left:30px;}
.applications ul li{list-style:disc;font-size:16px}
.additives h2{text-align:left;position:relative;padding:10px 0 10px 45px;background:#004c98;color:#fff;font-size:24px;}
.additives h2:before{content:"";position:absolute;background: url('../images/bg.png') no-repeat -474px -373px;width: 26px;height: 30px;left:10px;top:7px}
.additives ul{float:left;direction:ltr;margin:20px 0;margin-left:30px;font-family:'tahoma';margin-bottom:70px}
.additives ul li{font-size:16px;margin-bottom:10px}
.additives ul li:nth-child(2n-1){list-style:disc;font-size:16px}
.additives .material{text-align:left;font-size:18px;color:#3b3b3b;padding-left:50px;margin-bottom:60px}
.additives h3{width:240px;color:#004c98;font-size:20px;margin:0 auto;text-align:center;line-height:35px;margin-bottom:20px}
.additives table{margin:0 auto;border:1px solid #e5e5e5;margin-top:20px;direction:ltr;font-family:'tahoma';text-align:center;margin-bottom:30px;border-collapse: collapse;}
.additives table th{padding:10px 35px;background:#6e6e6e;color:#fff;font-size:18px;text-align:center;border-right:1px solid #fff;}
.additives table td{border-right:1px solid #f0f4f9;}
.additives table td:last-child{border:none;}
.additives table td{padding:10px 35px;color:#6e6e6e;font-size:16px;text-align:center}
.table tr{background:#fff;border:1px solid #e5e5e5;}
.table tr:nth-child(2n){background:#f0f4f9;}
/*news-detail*/
.news-detail-content{width:100%;padding-bottom:50px;overflow:hidden}
.news-detail-txt{width:50%;float:right}
.news-detail-txt h2{color:#333333;font-size:16px;margin-bottom:30px}
.news-detail-txt p{font-size:14px;color:#7c7c7c;line-height:37px;padding-bottom:30px}
.slide-section{width:50%;float:left}
.slide-section #sync1{margin-bottom:40px}
.slide-section #sync2 .owl-controls .owl-buttons .owl-prev{position: absolute;content: '';background: url('../images/bg.png') no-repeat -229px -4px;width: 8px;height: 14px;left:40px;bottom:40px;}
.slide-section #sync2 .owl-controls .owl-buttons .owl-next{position: absolute;content: '';background: url('../images/bg.png') no-repeat -264px -4px;width: 8px;height: 14px;right:-35px;bottom:40px}
.slide-section #sync1 .item{text-align:center}
.slide-section #sync1 .item figure{width:370px;height:370px;position:relative;margin:0 auto;border:5px solid #cee3d7;left:50px}
.slide-section #sync1 .item figure img{width:345px;height:305px;margin-top:25px;margin-left:-95px}
.slide-section #sync2 .owl-controls{display:block!important}
.slide-section #sync1 .item figure img:hover{-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);transform:scale(1.1,1.1);-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;transition:1s;filter:grayscale(30%)}
.slide-section #sync2 .item img{width:127px;height:90px;border:5px solid #cee3d7;}
.slide-section #sync2 .item img:hover{filter:grayscale(0%);-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;filter:grayscale(100%)}
.slide-section #sync2{width:70%}
.slide-section #sync2 .item{text-align:center;width:140px;padding:0}
.source{border-bottom:3px solid #fff;padding-bottom:20px;margin-bottom:50px}
.source .news-sourcee{color:#333333;margin-right:0px;position:relative;float:right;}
.source .news-sourcee a{color:#2470c5}
.source .like{width:400px;float:left}
.source .like li{float:left;}
.source .like li a{padding-right:15px;margin-right:15px;position:relative;color:#197c44}
.source .like li a:before{content:"";position:absolute;width:1px;height:10px;background:#197c44;right:0;top:8px}
.source .like li img{margin-top:5px}
.source .like li:last-child img {margin-right:10px}
.source .like li:last-child a:before{display:none}
.comments{width:100%}
.comments .comment{width:50%;float:right;}
.comment h3{position:relative;padding-bottom:20px;font-size:16px;color:#197c44;margin-bottom:30px}
.comment h3:before{content:"";position:absolute;width:380px;height:1px;background:#dddede;right:0;bottom:0}
.comment h3:after{content:"";position:absolute;width:230px;height:1px;background:#dddede;right:0;bottom:-5px}
.comment ul{width:100%;background:#fff;border:1px solid #e1e1e1}
.comment ul li{width:100%;padding:20px;overflow:hidden;border:1px solid #e1e1e1}
.comment ul li figure{width:75px;height:75px;float:right;margin-left:20px}
.comment ul li figure img{width:100%;height:100%;border-radius:50%;border:2px solid #c12635}
.comment ul li .comment-txt{width:80%;float:right}
.comment ul li .comment-txt p:first-child{color:#505050;font-size:12px}
.comment ul li .comment-txt p:last-child{color:#9a9a9a;font-size:12px}
.comment-date{float:left;padding-left:15px;color:#197c44;width:100%;text-align:left;position:relative;margin-left:15px}
.comment-date:before{content:"";position:absolute;left:-8px;top:4px;background: url('../images/bg.png') no-repeat -372px -96px;width: 15px;height: 16px;}
.cm{width:50%;float:right;margin-top:75px}
.cm ul{width:400px;margin:0 auto}
.cm ul li{width:100%;margin-bottom:10px;overflow:hidden}
.cm ul li .txtarea{height:215px}
.cm ul li:last-child{margin-top:20px}
.cm ul li div{width:100%;text-align:left}
.cm ul li div .btn.submt{padding:15px 20px}
.cm ul li div .btn.cansel{padding:15px 20px;background:#8b8b8b}

.pdspr { display: inline-block; }
.pdspr > h4 { color: #197c44; font-size: 14px; margin-bottom: 20px; width: auto; }
.pdspl { display: inline-block; float: left; width: 50%; }
.pdspl > h4 { color: #197c44; font-size: 14px; margin-bottom: 20px; width: auto; }
.pdspl ul{width:100%;}
.pdspl ul li{padding-left:25px;position:relative;margin-bottom:5px}
.pdspl ul li:before{content:"";position:absolute;background: url('../images/bg.png') no-repeat -372px -126px;width: 15px;height: 15px;left:0;top:10px}
.pdspl ul li p{color:#5a5a5a}

.pdspr ul{width:100%;}
.pdspr ul li{padding-left:25px;position:relative;margin-bottom:5px}
.pdspr ul li:before{content:"";position:absolute;background: url('../images/bg.png') no-repeat -372px -126px;width: 15px;height: 15px;left:0;top:10px}
.pdspr ul li p{color:#5a5a5a}

/*-----------project-----------*/ 

.retail li{width:256px;height:346px;margin:25px 15px;text-align:left;font-size:13px;border-bottom: #197c44 2px solid;overflow:hidden;float:left}
.retail li h3{color: #E3B80D;text-transform:uppercase;font-size:14px;padding:0;margin:0}
.retail li h3 strong{color: #0058AA;}
.retail img{width:100%;margin:10px 0}
.retail .black{min-width:51px;display:inline-block;color:#000}
/*------gallery-------*/
.pic-gallery { width: 300px; height: 250px; float: right; position: relative; margin: 88px 88px 0; text-align: center; }
.pic-gallery figure img { width: 235px; -moz-transition: 500ms; -o-transition: 500ms; -webkit-transition: 500ms; transition: 500ms; }
.pic-gallery figcaption { display: none; position: absolute; text-align: center; padding: 20px 55px; -moz-transition: 300ms; -o-transition: 300ms; -webkit-transition: 300ms; transition: 300ms; }
.pic-gallery figcaption p { font-size: 18px; font-weight: bold; }
.pic-gallery a:hover figure img { transform: rotate(360deg); }
.pic-gallery a:hover figcaption { display: block; }
.video-gallery { width: 300px; height: 250px; float: left; margin: 88px 88px 0; position: relative; text-align: center; }
.video-gallery figure img { border-radius: 50px; width: 225px; -moz-transition: 500ms; -o-transition: 500ms; -webkit-transition: 500ms; transition: 500ms; }
.video-gallery figcaption { display: none; position: absolute; text-align: center; padding: 20px 65px; -moz-transition: 300ms; -o-transition: 300ms; -webkit-transition: 300ms; transition: 300ms; }
.video-gallery figcaption p { font-size: 18px; font-weight: bold; }
.video-gallery a:hover figure img { transform: rotate(-360deg); }
.video-gallery a:hover figcaption { display: block; }

/*---------pic gallery-----------*/

    .picture-list > li { float: right; margin: 30px 65px; width: 250px; }
.picture-list > li .pic_obj { width: 223px; margin: 0 10px 20px; background: #fff; position: relative; }
.pic_obj > figure { margin: 0 0 5px; padding: 11px; border: 1px solid #ccc; overflow: hidden; width: 200px; height: 200px; }
 .pic_obj > figure img { width: 198px; height: 198px; }
.picture-list > li .pic_obj:hover figure { border-color: #fb0606; }
.pic_obj > figcaption > a { background-color: #197c44; padding: 0px 28px; width: 200px; height: 50px; text-align: center; color: #fff; margin-top: -20px; line-height: 44px; }
/*---------video gallery-----------*/
#slideBox { position: relative; margin: 0px auto 100px; width: 900px; height: 600px; background: #fff; box-shadow: 0 3px 10px rgba(0,0,0,0.2); }
.sliderSidebar { width: 700px; padding: 20px; height: 450px; }
        .sliderSidebar video { width: 100%; }
    .sliderMain figure { width: 100px; height: 100px;position: relative; cursor:pointer }
        .sliderMain figure img { width: 100%; height: 100%; }
    .sliderMain { width: 600px; height: 100px; }
        .sliderMain figure figcaption { opacity: 0.8; top: 24px; left: 28px; z-index: 20; position: absolute; width: 50px; height: 50px; }
            .sliderMain figure figcaption img { width: 100%; height: 100%; box-shadow: none; }
 /*General*/
.tbl_list {border: 1px solid #DDDDDD;width: 100%;}
.tbl_list th {line-height: 10px;padding: 5px;text-align: center;font-weight:500 !important;height:25px;}
.tbl_list td {border: 1px solid #197c44;padding:0; text-align: center;height:30px;}
.margin-r282 {margin-right:282px}
.rcRefreshImage {background: url("../images/refresh.png") no-repeat scroll center center rgba(0, 0, 0, 0);float: left;height: 43px;width: 26px;}
.imgradCaptcha {float:left;}
.msg-success{color: #fc120d;text-align: center;font: 14px/20px yekan, tahoma;}
.txtradCaptcha{border-radius: 0px; height: 40px; width: 130px; padding: 0 0px; box-shadow: none; border: none;}
.sitemap{margin-right:10px;}
.sitemap > li{margin-bottom:8px;padding-left:17px;background:url(../images/lipic1.png) left 4px no-repeat;}
.sitemap > li > a{color:#be1e2d;}
.sitemap > li  ul{margin:0 5px;}
.sitemap > li  ul > li{padding-left:10px;background:url(../images/lipic2.png) left 5px no-repeat;margin-bottom:5px;}
.sitemap a:hover{color:#ff4404}



#Main-Slider .item figure img, #Main-Slider .item figure, .Top { height: 500px; }
#Main-Slider .item figure { width: 100%; height: auto; }
.certificated li { width: 24%; margin-left: 10px; margin-bottom: 20px; float: right; }
.flip-container { -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; -ms-transform: perspective(1000px); -moz-transform: perspective(1000px); -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; border: 1px solid #ccc; }
.flip-container, .front, .back { width: 100%; height: 400px; }
    .front img { width: 100%; height: 400px; }
.flipper { -webkit-transition: 0.6s; -webkit-transform-style: preserve-3d; -ms-transition: 0.6s; -moz-transition: 0.6s; -moz-transform: perspective(1000px); -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transition: 0.6s; transform-style: preserve-3d; position: relative; }
.front, .back { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: 0.6s; -webkit-transform-style: preserve-3d; -webkit-transform: rotateY(0deg); -moz-transition: 0.6s; -moz-transform-style: preserve-3d; -moz-transform: rotateY(0deg); -o-transition: 0.6s; -o-transform-style: preserve-3d; -o-transform: rotateY(0deg); -ms-transition: 0.6s; -ms-transform-style: preserve-3d; -ms-transform: rotateY(0deg); transition: 0.6s; transform-style: preserve-3d; transform: rotateY(0deg); position: absolute; top: 0; left: 0; }
.front { -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); z-index: 2; }
.back a{display:block}
.back .name { font-size: 19px; padding: 5px 10px; text-align: center; margin-top: 110px; display: block; color: #fff; }
.back { background: #197c44; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); }
    .back p { position: absolute; bottom: 40px; left: 0; right: 0; text-align: center; padding: 0 20px; font-size: 14px; color: #fff; }
.flip-container:hover .front, .flip-container.hover .front { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); }
.flip-container:hover .back, .flip-container.hover .back { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); }
 /*-download*/
.ulDl{text-align:right;}
.ulDl li { border: 1px solid #BCBEC0; width: 190px; padding: 16px;margin:0 10px 15px;display:inline-block }
.ulDl li a{display:block;position:relative;}
.ulDl li:hover a{background-color:#50B848;color:#fff;padding-right:20px}
.ulDl li:hover a::before { content: ''; position: absolute; border-top: 13px solid transparent; border-bottom: 13px solid transparent; border-right: 11px solid #f3f3f3; right: 0px; }

.movies-list li { text-align:center; float:right; margin:0 0 37px 37px; display:inline-block}
.movies-list li:nth-child(2n){ margin-left:0px;}
.movies-list li .video-js { width:580px; height:326px; display:block; margin:0 auto; object-fit:cover }
.movies-list li .video-js .vjs-texttrack-settings, .videoList li .videoBox .video-js .vjs-subtitles-button, .videoList li .videoBox .video-js .vjs-captions-button { display: none !important; }
.movies-list li .video-js .vjs-big-play-button { width:50px; height:50px; left:0px; right:0px; margin:0 auto; border-radius:50%; top:calc((100% - 50px) / 2) }

