.site-container .img-container img{position: absolute; z-index: 50; margin-top: -60px; pointer-events: none;
	-webkit-transition:All 0.8s ease-out; 
	-moz-transition:All 0.8s ease-out; 
	-o-transition:All 0.8s ease-out;
	opacity: 0.0;
    filter: alpha(opacity=0);
}
.site-container .img-container .image-1{top: 100px; left: 0;}
.site-container .img-container .image-2{top: 100px; right: 0;}
.site-container .img-container .image-3{top: 100px; left: 0;}
.site-container .img-container .image-4{bottom: -300px; right: 0;}


/*page default header*/
.about .site-default-header{background: url('../images/backgrounds/header-about.jpg') center; background-size: cover;}
.product .site-default-header{background: url('../images/backgrounds/header-product.jpg') center; background-size: cover;}
.catalog .site-default-header{background: url('../images/backgrounds/header-catalog.jpg') center; background-size: cover;}
.project .site-default-header{background: url('../images/backgrounds/header-project.jpg') center; background-size: cover;}
.contact .site-default-header{background: url('../images/backgrounds/header-contact.jpg') center; background-size: cover;}


.top-graphic .flexslider{margin: 74px 0 0 0; border:none; height: 660px; overflow: hidden;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.top-graphic .flexslider li{height: 660px; background-size: cover !important; background-position: center !important;}
.top-graphic .flex-direction-nav a{opacity: 1;}
.top-graphic .flex-direction-nav .flex-prev,
.top-graphic .flexslider:hover .flex-direction-nav .flex-prev{right: 50%; left: auto; margin-right: 590px;}
.top-graphic .flex-direction-nav .flex-next,
.top-graphic .flexslider:hover .flex-direction-nav .flex-next{left: 50%; right: auto; margin-left: 590px;}
.top-graphic .flex-direction-nav a{width: 36px; height: 64px; margin-top: -32px;}
.top-graphic .flex-direction-nav .flex-prev{background: url('../images/icons/arrow-green-1.png') center no-repeat;}
.top-graphic .flex-direction-nav .flex-next{background: url('../images/icons/arrow-green-2.png') center no-repeat;}
.top-graphic .flex-direction-nav .flex-prev:hover{margin-right: 600px !important;}
.top-graphic .flex-direction-nav .flex-next:hover{margin-left: 600px !important;}
.top-graphic .flex-direction-nav a:before,
.top-graphic .flex-direction-nav a.flex-next:before{content: '';}
.top-graphic .flex-control-nav li{margin: 0; float: none;}
.top-graphic .flex-control-nav a:hover,
.top-graphic .flex-control-nav a.flex-active{background:none;}
.top-graphic .flex-control-nav{text-align: center; position: absolute; z-index: 50; top: auto; bottom: 15px; left: 0; right: 0; height: 30px;}
.top-graphic .flex-control-nav a,
.top-graphic .flex-control-nav a:hover{width: 30px; height: 30px; display: inline-block; background: url('../images/icons/icon-dot-slide.png') top;}
.top-graphic .flex-control-nav a.flex-active{background: url('../images/icons/icon-dot-slide.png') bottom;}
.top-graphic .flex-control-paging li a{
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-moz-box-shadow:    none;
	-webkit-box-shadow: none;
	box-shadow:         none;
}


.widget-project .section-container{/*background: url('../images/backgrounds/bg-building.jpg') center bottom no-repeat;*/ position: relative;
	-webkit-transition:All 0.4s ease-out; 
	-moz-transition:All 0.4s ease-out; 
	-o-transition:All 0.4s ease-out;
}
.widget-project .section-container:before{content: ''; position: absolute; top: 0px; right: 0; width: 661px; height: 312px; background: url('../images/backgrounds/bg-crystal-1.png') no-repeat;
	-webkit-transition:All 0.4s ease-out; 
	-moz-transition:All 0.4s ease-out; 
	-o-transition:All 0.4s ease-out;
}
.widget-project.active .section-container:before{top: 74px;
	-webkit-transition-delay:0.4s; 
	-moz-transition-delay:0.4s; 
	-o-transition-delay:0.4s;
}
.widget-project .section-container{
	-webkit-transition:All 0.4s ease-out; 
	-moz-transition:All 0.4s ease-out; 
	-o-transition:All 0.4s ease-out;
}
.widget-project .project-list .row{
	-webkit-transition:All 0.4s ease-out; 
	-moz-transition:All 0.4s ease-out; 
	-o-transition:All 0.4s ease-out;
}
.widget-project.active .project-list .row{padding-bottom: 360px;}
.widget-project .section-container:after{content: ''; position: absolute; bottom: 0; left: 0; width: 661px; height: 312px; background: url('../images/backgrounds/bg-crystal-2.png') no-repeat;}
.widget-project-info{padding: 50px 0 40px 0; margin-top: -20px; background: url('../images/backgrounds/bg-man.png') right bottom no-repeat;}
.widget-project-text{margin: 10px 0 30px 0;}
.widget-project-text p{margin: 0; font-size: 30px; color: #fff; max-width: 735px; line-height: 1.2em;}
.widget-project-text strong{font-weight: 300;}
.widget-project-head{position: relative;}
.widget-project-head h3{margin:0; font-weight: normal; font-size: 48px; color: #71bb71; line-height: 1.0em; max-width: 473px;}
.widget-project-head strong{font-weight: 300;}
.widget-project-head .head-icon{position: absolute; right: 360px; bottom: 10px;}
.widget-project-head .head-icon img{margin-left: 40px;}
.project-list .row{margin: 0 -5px; padding-bottom: 434px;}
.project-list .row > div{padding: 0 5px;}
.project-list-thumb{padding-bottom: 100%; position: relative; z-index: 100;}
.project-list-thumb a{}
.project-list-thumb a:before{content: ''; background: url('../images/icons/icon-plus.png') bottom center no-repeat; background-color: rgba(113,187,113,0.9); position: absolute; width: 100%; height: 100%; top: 0; left: 0;
	opacity: 0.0;
    filter: alpha(opacity=0);
}
.project-list-thumb a:after{content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border:1px solid rgba(255,255,255,0);}
.project-list-thumb a:before,
.project-list-thumb a:after{
	-webkit-transition:All 0.4s ease; 
	-moz-transition:All 0.4s ease; 
	-o-transition:All 0.4s ease;
}
.project-list-item:hover .project-list-thumb a:before{background-position: center;
	opacity: 1.0;
    filter: alpha(opacity=100);
}
.project-list-item:hover .project-list-thumb a:after{top: 7px; right: 7px; bottom: 7px; left: 7px; border:1px solid #fff;}
.project-list-item{background-color: #24346d;}
.project-list-info{background-color: transparent; padding: 15px 20px; position: relative;}
.project-list-info:before{content: ''; position: absolute; z-index: 10; width: 100%; height: 180px; left: 0; top: -180px;
	background: -moz-linear-gradient(top,  rgba(73,117,111,1) 0%, rgba(73,117,111,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(73,117,111,1) 0%,rgba(73,117,111,0) 100%);
	background: linear-gradient(to bottom,  rgba(73,117,111,1) 0%,rgba(73,117,111,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49756f', endColorstr='#0049756f',GradientType=0 );
	-webkit-transition:All 0.4s ease; 
	-moz-transition:All 0.4s ease; 
	-o-transition:All 0.4s ease;
}
.project-list-info > *{position: relative; z-index: 30;}
.project-list-item:hover .project-list-info:before{top: -1px;}
.project-list-info a.link-wrap h4{height: 66px; margin: 0; font-weight: 100; color: #fff; font-size: 30px; line-height: 0.9em; position: relative; padding-bottom: 12px; margin-bottom: 10px;}
.project-list-info a.link-wrap h4:after{content: ''; width: 38px; height: 2px; background-color: #71bb71; position: absolute; left: 0; bottom: 0;}
.project-list-info a.link-wrap p{margin: 0; color: #fff; font-size: 20px; line-height: 1.0em;}
.project-list-info a.link-wrap{margin-bottom: 15px; display: block;}
.project-list-btn a{color: #71bb71; font-size: 18px;}
.project-list-btn a:hover{padding-left: 5px;}
.project-list-info:after{content: ''; width: 0; height: 0; left: 0; position: absolute; top: 100%; border-top: 100px solid #24346d;}
.project-list .row > div:nth-child(odd) .project-list-info:after{
	border-right: 188px solid transparent;	
}
.project-list .row > div:nth-child(even) .project-list-info:after{
	border-left: 188px solid transparent;
}
.project-list .owl-carousel .owl-nav > div{position: absolute; width: 36px; height: 64px; top: 190px;
	-webkit-transition:All 0.2s ease; 
	-moz-transition:All 0.2s ease; 
	-o-transition:All 0.2s ease;
}
.project-list .owl-carousel .owl-prev{background: url('../images/icons/arrow-green-1.png'); font-size: 0; right: 100%; margin-right: 20px;}
.project-list .owl-carousel .owl-next{background: url('../images/icons/arrow-green-2.png'); font-size: 0; left: 100%; margin-left: 20px;}
.project-list .owl-carousel .owl-prev:hover{margin-right: 25px;}
.project-list .owl-carousel .owl-next:hover{margin-left: 25px;}
.project-list .owl-item{margin-bottom: 434px;}

.project-list .owl-stage > div:nth-child(odd) .project-list-info:after{
	border-right: 188px solid transparent;	
}
.project-list .owl-stage > div:nth-child(even) .project-list-info:after{
	border-left: 188px solid transparent;
}
.project-list .owl-stage > div:nth-child(odd) .project-list-item:before{ 
	border-top: 100px solid transparent;
	border-bottom: 100px solid transparent;
	border-right: 188px solid rgba(113,187,113,0.15);
}
.project-list .owl-stage > div:nth-child(even) .project-list-item:before{ 
	border-top: 100px solid transparent;
	border-bottom: 100px solid transparent;
	border-left: 188px solid rgba(113,187,113,0.10);
}
.project-list .owl-stage > div:nth-child(4) .project-list-item:before{display: none;}
.project-list .owl-stage > div:nth-child(3) .project-list-item:after{
	border-top: 100px solid transparent;
	border-bottom: 100px solid transparent;
	border-left: 188px solid rgba(113,187,113,0.10);
}
.project-list .owl-stage > div:nth-child(4) .project-list-item:after{
	border-top: 100px solid transparent;
	border-bottom: 100px solid transparent;
	border-right: 188px solid rgba(113,187,113,0.10);
}
.project-list .owl-stage > div:nth-child(5) .project-list-item:after{
	border-top: 100px solid transparent;
	border-bottom: 100px solid transparent;
	border-left: 188px solid rgba(113,187,113,0.05);
}


.project-list-item:before,
.project-list-item:after{content: ''; width: 0; height: 0; right: 5px; position: absolute; top: 100%;}
.project-list-item:before{margin-top: 10px;}
.project-list-item:after{margin-top: 120px;}
.project-list .row > div:nth-child(odd) .project-list-item:before{ 
	border-top: 100px solid transparent;
	border-bottom: 100px solid transparent;
	border-right: 188px solid rgba(113,187,113,0.15);
}
.project-list .row > div:nth-child(even) .project-list-item:before{ 
	border-top: 100px solid transparent;
	border-bottom: 100px solid transparent;
	border-left: 188px solid rgba(113,187,113,0.10);
}
.project-list .row > div:nth-child(4) .project-list-item:before{display: none;}
.project-list .row > div:nth-child(3) .project-list-item:after{
	border-top: 100px solid transparent;
	border-bottom: 100px solid transparent;
	border-left: 188px solid rgba(113,187,113,0.10);
}
.project-list .row > div:nth-child(4) .project-list-item:after{
	border-top: 100px solid transparent;
	border-bottom: 100px solid transparent;
	border-right: 188px solid rgba(113,187,113,0.10);
}
.project-list .row > div:nth-child(5) .project-list-item:after{
	border-top: 100px solid transparent;
	border-bottom: 100px solid transparent;
	border-left: 188px solid rgba(113,187,113,0.05);
}
.project-hl{margin-bottom: 80px; overflow: hidden; position: relative;}
.project-hl-wrapper{padding: 10px; overflow: hidden;}
.project-hl-bg{background-size: cover !important; background-position: center !important; position: absolute; z-index: 1; top: 0px; right: 0px; bottom: 0px; left: 0px;}
.project-hl-bg:after{content: ''; width: 100%; height: 100%; background-color: rgba(225,225,225,0.6); position: absolute; z-index: 2; left: 0; top: 0;}
.project-hl-info{display: table; width: 100%; position: relative; z-index: 10;}
.project-hl-info > div{display: table-cell; vertical-align: top;}
.project-hl-image{width: 490px;}
.project-hl-image .image{position: relative; width: 100%; padding-bottom: 77%;}
.project-hl-text{background-color: #fff; padding: 30px; position: relative;}
.project-hl-text h4{margin: 0; font-weight: 300; color: #24356d; font-size: 48px; line-height: 0.8em; position: relative; padding-bottom: 20px; margin-bottom: 30px;}
.project-hl-text h4:after{content: ''; position: absolute; left: 0; top: 100%; width: 84px; height: 4px; background-color: #69b969;}
.project-hl-text p{margin: 0; font-weight: normal; color: #24356d; font-size: 30px; line-height: 0.8em; padding-bottom: 60px;}
.project-hl-btn{position: absolute; bottom: 20px;}
.project-hl-btn a{color: #67b667; font-weight: 300; font-size: 30px;}
.project-hl-btn a:hover{color: #24356d;}
.project-hl .owl-nav{display: none;}
.project-hl .owl-dots,
.project-hl .owl-controls{display: inline-block; text-align: center;}
.project-hl .owl-controls{position: absolute; bottom: 32px; right: 30px;}
.project-hl .owl-dot{float: none; display: inline-block; margin: 0 5px;}
.project-hl .owl-dot span{display: block; width: 20px; height: 20px; background-color: #fff; border:2px solid #71bb71;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow:    0 0 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.2);
	box-shadow:         0 0 2px rgba(0,0,0,0.2);
}
.project-hl .owl-dot span:hover{background-color: #ececec;}
.project-hl .owl-dot.active span{background-color: #71bb71;}
.project .filter-sort{margin-right: 15px;}
.project .project-list .row{margin: 0 -10px; padding-bottom: 0;}
.project .project-list .row > div{padding: 0 10px;}
.project .project-list-item{margin: 10px 0; overflow: hidden;}
.project .project-list-item:before,
.project .project-list-item:after{display: none;}
.project .project-list-info:after{display: none;}
.project .project-list-info a.link-wrap{margin-bottom: 0;}
.project .project-list-info a.link-wrap h4:after{width: 60px; height: 3px;}
.project .project-list-info a.link-wrap p{font-weight: 100;}
.project .project-list-btn{height: 0;
	opacity: 0.0;
    filter: alpha(opacity=0);
}
.project .project-list-btn a{font-size: 24px; font-weight: 300;}
.project .pagination{margin-top: 40px;}
.project .pagination ul{float: none;}
.project .project-list-item{height: 526px; overflow-y: hidden;}
.project .project-list-thumb{
	-webkit-transition:All 0.2s ease; 
	-moz-transition:All 0.2s ease; 
	-o-transition:All 0.2s ease;
}
.project .project-list-info{
	-webkit-transition:All 0.2s ease; 
	-moz-transition:All 0.2s ease; 
	-o-transition:All 0.2s ease;
}
.project .project-list-btn{
	-webkit-transition:All 0.2s ease; 
	-moz-transition:All 0.2s ease; 
	-o-transition:All 0.2s ease;
}
.project .project-list-item:hover .project-list-thumb{padding-bottom: 86%;}
.project .project-list-item:hover .project-list-info{height: 199px;}
.project .project-list-item:hover .project-list-btn{margin-top: 20px; height: auto;
	opacity: 1.0;
    filter: alpha(opacity=100);
}
.project-detail-vdo{padding: 60px 0;}
.project-detail-vdo .wrapper{max-width: 720px; margin: 0 auto}
.project-more-wrapper{margin-bottom: 40px; display: inline-block; width: 100%;}
.project-gallery{display: inline-block; width: 100%;}
.project-gallery ul{display: block; margin: -10px -10px 0 -10px;}
.project-gallery li{padding: 10px; width: 20%;}
.project-gallery-item{padding-bottom: 74%; position: relative;}
.project-gallery-item a:before{content: ''; background: url('../images/icons/icon-plus.png') bottom center no-repeat; background-color: rgba(113,187,113,0.9); position: absolute; width: 100%; height: 100%; top: 0; left: 0;
	opacity: 0.0;
    filter: alpha(opacity=0);
}
.project-gallery-item a:after{content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border:1px solid rgba(255,255,255,0);}
.project-gallery-item a:before,
.project-gallery-item a:after{
	-webkit-transition:All 0.4s ease; 
	-moz-transition:All 0.4s ease; 
	-o-transition:All 0.4s ease;
}
.project-gallery-item a:hover:before{background-position: center;
	opacity: 1.0;
    filter: alpha(opacity=100);
}
.project-gallery-item a:hover:after{top: 7px; right: 7px; bottom: 7px; left: 7px; border:1px solid #fff;}
.project .detail-title h2{color: #24356d; font-size: 48px; font-weight: 100;}
.project .detail-date{font-size: 18px; line-height: 14px;}
.project .detail-date .icon-date{background-size: 14px; width: 14px; height: 14px; margin-bottom: -1px;}
.project .detail-head .detail-info{top: 10px;}
.project .detail-info-social label{font-size: 16px;margin-top: 12px;}
.project-detail-des h4{margin: 0 0 5px 0; font-size: 24px; font-weight: 300; color: #1a2949;}
.project-detail-info{margin-bottom: 20px; display: inline-block; width: 100%;}
.project-detail-info li{display: table; width: 100%; margin-bottom: 5px;}
.project-detail-info li > div{display: table-cell; vertical-align: top; line-height: 1.0em;}
.project-detail-info .info-label{width: 130px; font-size: 24px; color: #1a2949; font-weight: 500;}
.project-detail-info .info-label i{margin-right: 10px; margin-bottom: -4px;}
.project-detail-info .info-text{color: #67b667; font-size: 24px; font-weight: 100; padding-left: 20px;}
.project-detail-info .info-text strong{font-weight: 100; font-size: 36px; line-height: 0.8em;}
.project-detail-cover{background-color: #f7f7f7; text-align: center; margin-bottom: 50px;}
.project-bottom{border-top: 1px solid #d9d9d9; padding-top: 20px; margin-top: 20px; margin-bottom: 30px;}
.project-bottom-prev,
.project-bottom-next{font-size: 24px; color: #000000; line-height: 1em; position: relative; display: inline-block; margin-top: 10px;}
.project-bottom-prev{float: left;}
.project-bottom-next{float: right;}
.project-bottom i{display: inline-block; width: 30px; height: 20px; position: relative; margin-bottom: -4px;}
.project-bottom i:before{content: ''; position: absolute; width: 100%; height: 2px; background-color: #000; top: 0; bottom: 0; margin: auto;
	-webkit-transition:All 0.2s ease; 
	-moz-transition:All 0.2s ease; 
	-o-transition:All 0.2s ease;
}
.project-bottom-prev i{margin-right: 20px;}
.project-bottom-prev i:after{content: ''; position: absolute; top: 50%; left: 0; margin-top: -6px; width: 12px; height: 12px; border-bottom:2px solid #000; border-left: 2px solid #000;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transition:All 0.2s ease; 
	-moz-transition:All 0.2s ease; 
	-o-transition:All 0.2s ease;
}
.project-bottom-next i{margin-left: 20px;}
.project-bottom-next i:after{content: ''; position: absolute; top: 50%; right: 0; margin-top: -6px; width: 12px; height: 12px; border-top:2px solid #000; border-right: 2px solid #000;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transition:All 0.2s ease; 
	-moz-transition:All 0.2s ease; 
	-o-transition:All 0.2s ease;
}
.project-bottom-prev:hover,
.project-bottom-next:hover{color: #71bb71;}
.project-bottom-prev:hover i:before,
.project-bottom-next:hover i:before{background-color: #71bb71;}
.project-bottom-prev:hover i:after,
.project-bottom-next:hover i:after{border-color: #71bb71;}
.project-bottom-back{text-align: center;}
.project-bottom-back a{display: block; width: 40px; height: 40px; background: url('../images/icons/icon-cube.png') center no-repeat; margin: auto; font-size: 0;}


.widget-product{position: relative;}
.widget-product .flexslider{margin: 0; border:none; width: 100%; height: 100%; overflow: hidden; position: absolute; z-index: 10;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.widget-product .flexslider li{position: absolute !important; width: 100% !important; height: 100% !important; background-size: cover !important; background-position: center bottom !important;}
.widget-product .flex-direction-nav a{opacity: 1;}
.widget-product .flex-direction-nav .flex-prev,
.widget-product .flexslider:hover .flex-direction-nav .flex-prev{right: 50%; left: auto; margin-right: 590px;}
.widget-product .flex-direction-nav .flex-next,
.widget-product .flexslider:hover .flex-direction-nav .flex-next{left: 50%; right: auto; margin-left: 590px;}
.widget-product .flex-direction-nav a{width: 36px; height: 64px; margin-top: -32px;}
.widget-product .flex-direction-nav .flex-prev{background: url('../images/icons/arrow-green-1.png') center no-repeat;}
.widget-product .flex-direction-nav .flex-next{background: url('../images/icons/arrow-green-2.png') center no-repeat;}
.widget-product .flex-direction-nav .flex-prev:hover{margin-right: 600px !important;}
.widget-product .flex-direction-nav .flex-next:hover{margin-left: 600px !important;}
.widget-product .flex-direction-nav a:before,
.widget-product .flex-direction-nav a.flex-next:before{content: '';}
.widget-product .flex-control-nav li{margin: 0; float: none;}
.widget-product .flex-control-nav a:hover,
.widget-product .flex-control-nav a.flex-active{background:none;}
.widget-product .flex-control-nav{text-align: center; position: absolute; z-index: 50; top: auto; bottom: 15px; left: 0; right: 0; height: 30px;}
.widget-product .flex-control-nav a,
.widget-product .flex-control-nav a:hover{width: 30px; height: 30px; display: inline-block; background: url('../images/icons/icon-dot-slide.png') top;}
.widget-product .flex-control-nav a.flex-active{background: url('../images/icons/icon-dot-slide.png') bottom;}
.widget-product .flex-control-paging li a{
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-moz-box-shadow:    none;
	-webkit-box-shadow: none;
	box-shadow:         none;
}



.widget-product-headbtn{text-align: center; margin-bottom: 20px;}
.widget-product .owl-carousel .owl-stage-outer{}
.widget-product-item{background-color: #fff; margin: 60px 0 40px 0;
	-moz-box-shadow:    0 0 20px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.15);
	box-shadow:         0 0 20px rgba(0,0,0,0.15);
}
.widget-product-item,
.widget-product-item > div,
.widget-product-thumb{
	-webkit-transition:All 0.4s ease; 
	-moz-transition:All 0.4s ease; 
	-o-transition:All 0.4s ease;
	-webkit-transition-delay:0s; 
	-moz-transition-delay:0s; 
	-o-transition-delay:0s;
}
.widget-product-item > div{
	opacity: 0.4;
    filter: alpha(opacity=40);
}
.widget-product .center .widget-product-item{position: relative; z-index: 20; margin: 20px -20px 0 -20px;}
.widget-product .center .widget-product-item > div{
	opacity: 1.0;
    filter: alpha(opacity=100);
}
.widget-product .center .widget-product-thumb{padding-bottom: 112%;}
.widget-product .center .widget-product-item,
.widget-product .center .widget-product-item > div,
.widget-product .center .widget-product-thumb{
	-webkit-transition-delay:0.2s; 
	-moz-transition-delay:0.2s; 
	-o-transition-delay:0.2s;
}
.widget-product-thumb{padding-bottom: 106%; position: relative;}
.widget-product-info{padding: 20px; display: inline-block; width: 100%;}
.widget-product-info a.link-wrap h4{margin: 0; font-weight: 100; color: #1a2949; font-size: 30px; line-height: 1em; text-align: center;}
.widget-product-btn{margin: 20px -10px 0 -10px;}
.widget-product-btn .btn-wrap{padding: 0 10px; width: 50%; float: left;}
.widget-product-btn a{width: 100%; font-size: 20px; padding: 0 10px;}
.widget-product-btn a .btn-arrow{margin-left: 5px;}
.widget-product .owl-carousel .owl-nav > div{position: absolute; width: 36px; height: 64px; top: 50%; margin-top: -32px;
	-webkit-transition:All 0.2s ease; 
	-moz-transition:All 0.2s ease; 
	-o-transition:All 0.2s ease;
}
.widget-product .owl-carousel .owl-prev{background: url('../images/icons/arrow-green-1.png'); font-size: 0; right: 100%; margin-right: 20px;}
.widget-product .owl-carousel .owl-next{background: url('../images/icons/arrow-green-2.png'); font-size: 0; left: 100%; margin-left: 20px;}
.widget-product .owl-carousel .owl-prev:hover{margin-right: 25px;}
.widget-product .owl-carousel .owl-next:hover{margin-left: 25px;}
[off-canvas*="nav-bottom"]{height: 100vh;}
.product-head{height: 100px; padding-top: 28px; background: url('../images/backgrounds/header-producthead.jpg'); text-align: center; margin-bottom: 30px;}
.product-head h2{margin: 0; font-weight: normal; font-size: 36px; color: #24356d; line-height: 0.8em; background: url('../images/backgrounds/shadow-green-2.png') bottom center no-repeat; padding-bottom: 8px;}
.product .filter{margin-bottom: 30px;}
.product .filter .select-default{margin-right: 0; width: 218px;}
.product .filter-search{width: 100%;}
.product .sidebar-menu-mobile{display: none; margin-bottom: 30px;}
.product .sidebar-menu-mobile a{border:2px solid #eeeff4; height: 44px; text-align: center; color: #24356d; font-size: 24px; line-height: 40px; display: block;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.product .sidebar-menu-mobile a:hover{background-color: #24356d; border-color: #24356d; color: #fff;}
.product .sidebar-menu li.sidebar-menu-group{padding-top: 0;}
.product .sidebar{padding-right: 10px;}
.product .sidebar-menu li{border-bottom: 1px solid #eeeff4; padding: 15px 0 15px 20px; width: 100%;}
.product .sidebar-menu li a{font-size: 20px; color: #24356d; display: table; width: 100%; line-height: 1.0em;}
.product .sidebar-menu li a:hover{color: #71bb71;}
.product .sidebar-menu li a > div{display: table-cell; vertical-align: top;}
.product .sidebar-menu-number{width: 32px; text-align: left;}
.product .sidebar-menu li.sidebar-menu-group a{font-size: 24px; font-weight: 300;}
.product .sidebar-menu li.sidebar-menu-group{border-bottom: 3px solid #eeeff4;}
.product .sidebar-box{border: 1px solid #24356D;}
.product .sidebar-box-head{background-color: #24356D; height: 40px; line-height: 40px; color: #fff; font-weight: 300; font-size: 24px; padding: 0 20px;}
.product .sidebar-box-wrapper{padding: 10px;}
.product .sidebar-box{margin-bottom: 20px;}
.product .sidebar-box-list{padding: 10px 0 0 0; display: inline-block; width: 100%;}
.product .sidebar-box-list li{display: table; width: 100%; margin-bottom: 10px; padding-left: 10px;}
.product .sidebar-box-list li > div{display: table-cell;vertical-align: top;}
.product .sidebar-box-icon{width: 20px;}
.product .sidebar-box-icon a{display: block; width: 20px; height: 20px; border: 1px solid #24356D; background: url('../images/icons/icon-close-green.png') center no-repeat; background-size: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.product .sidebar-box-icon a:hover{background-color: #24356D;}
.product .sidebar-box-text{color: #24356D; padding-left: 8px; font-size: 20px; font-weight: 100; line-height: 20px;}
.product .sidebar-box-btn{border-top: 1px solid #eeeff4; padding-top: 10px; display: inline-block; width: 100%; text-align: right;}
.product .sidebar-box-btn .btn-green{width: auto; height: 24px; font-size: 16px; line-height: 24px;
	-webkit-transition:All 0.2s ease; 
	-moz-transition:All 0.2s ease; 
	-o-transition:All 0.2s ease;
}
.product-list-item{border:1px solid #f6f6f6; background-color: #f6f6f6; margin-bottom: 14px; cursor: pointer; position: relative;}
.product-list-thumb{padding-bottom: 86%; position: relative; margin-bottom: 60px;}
.product-list-info{background-color: #fff; text-align: center; padding: 14px 10px; position: absolute; left: 0; right: 0; bottom: 0;}
.product-list-info h4{margin: 0; font-weight: 300; font-size: 25px; color: #1a2949; line-height: 0.8em;}
.product-list-info p{margin: 0; font-weight: normal; font-size: 16px; color: #7f8185; line-height: 0.8em;}
.product-list-btn{position: absolute; width: 100%; left: 0; padding: 0 20px;}
.product-list-btn a{width: 100%; height: 36px; line-height: 34px; font-size: 20px; margin-bottom: 10px; position: relative;}
.product-list-btn a .btn-arrow{position: absolute; right: 10px; top: 10px;}
.product-list-btn .btn-green{background-color: #71bb71; color: #fff;}
.product-list-btn .btn-green:hover{background-color: #1a2949; border-color: #1a2949;}
.product-list-btn .btn-green .btn-arrow{border-left-color: #fff;}
.product-list-info{height: 60px;}
.product-list-btn{bottom: 0;
	opacity: 0.0;
    filter: alpha(opacity=0);
}
.product-list-info,
.product-list-info h4,
.product-list-btn{
	-webkit-transition:All 0.4s ease; 
	-moz-transition:All 0.4s ease; 
	-o-transition:All 0.4s ease;
}
.product-list-item:hover .product-list-info{height: 100%; background-color: rgb(255 255 255 / 50%)}
.product-list-item:hover .product-list-info h4{margin-top: 40%;}
.product-list-item:hover .product-list-btn{bottom: 10px;
	opacity: 1.0;
    filter: alpha(opacity=100);
    -webkit-transition-delay:0.4s; 
	-moz-transition-delay:0.4s; 
	-o-transition-delay:0.4s;
}
.cate-mobile{padding: 80px 0 30px 0;}
.cate-mobile .sidebar-menu{display: block !important;}
.cate-mobile .sidebar-menu li a{color: #fff;}
.cate-mobile .sidebar-menu{max-width: 600px; margin: 0 auto; padding: 10px;}
.cate-mobile-close{position: absolute; right: 10px; top: 85px;}
.cate-mobile-close a{width: 30px; height: 30px; display: block; background: url('../images/icons/icon-close-green.png') center no-repeat; background-size: 24px; font-size: 0;}


.prodetail{}
.prodetail-wrapper{display: table; width: 100%;}
.prodetail-wrapper > div{display: table-cell; vertical-align: top;}
.prodetail-wrapper-image{width: 660px;}
.prodetail-image{width: 660px;}
.prodetail-image .owl-thumbs{margin: 0 -10px; margin-top: 20px;}
.prodetail-image .owl-thumb-item{float: left; border: none; margin: 0; padding: 0 10px; width: 25%;}
.prodetail-image .owl-thumb-item .wrapper{border: 1px solid #f9f9f9; cursor: pointer;
	-webkit-transition:All 0.2s ease; 
	-moz-transition:All 0.2s ease; 
	-o-transition:All 0.2s ease;
}
.prodetail-image .owl-thumb-item .wrapper:hover{border-color: #d3d3d3;}
.prodetail-image .owl-thumb-item.active .wrapper{border-color: #24356d;}

.prodetail-wrapper-info{padding-left: 30px;}
.prodetail-tab{margin-top: 40px;}
.prodetail-tab .nav-tabs{border-color: #24356d; margin-bottom: 30px;}
.prodetail-tab .nav > li > a{font-size: 30px; color: #24356d; width: 200px; text-align: center; padding: 4px 15px;}
.prodetail-tab .nav-tabs > li{margin-bottom: 0;}
.prodetail-tab .nav-tabs > li > a{border-color: #d3d3d3; border-bottom: none !important; color: #666; margin-right: 10px;}
.prodetail-tab .nav-tabs > li > a:hover{border-color: #d3d3d3; background-color: transparent; color: #24356d;}
.prodetail-tab .nav-tabs > li.active > a, 
.prodetail-tab .nav-tabs > li.active > a:hover, 
.prodetail-tab .nav-tabs > li.active > a:focus{border-color: #24356d; border-bottom: none !important; color: #24356d;}
.prodetail-tab .nav-tabs > li.active > a:after{content: ''; position: absolute; width: 100%; height: 2px; background-color: #fff; bottom: -1px; left: 0;}
.product-detail-vdo .wrapper{max-width: 720px; margin: 0 auto;}
.prodetail-relate{margin-top: 50px;}
.prodetail-relate-head{background-color: #f5f5f5; padding: 30px;}
.prodetail-relate-head h3{margin: 0; font-size: 38px; font-weight: 100; color: #24356d; line-height: 1em; padding-top: 7px;}
.prodetail-relate-btn{text-align: right;}
.prodetail-relate-list{padding: 30px 30px 20px 30px; background-color: #ececec;}
.prodetail-relate-list .owl-nav{display: none;}
.prodetail-relate-list .owl-dots,
.prodetail-relate-list .owl-controls{display: inline-block; width: 100%; text-align: center;}
.prodetail-relate-list .owl-controls{margin-top: 10px;}
.prodetail-relate-list .owl-dot{float: none; display: inline-block; margin: 0 5px;}
.prodetail-relate-list .owl-dot span{display: block; width: 20px; height: 20px; background-color: #fff; border:2px solid #71bb71;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow:    0 0 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.2);
	box-shadow:         0 0 2px rgba(0,0,0,0.2);
}
.prodetail-relate-list .owl-dot span:hover{background-color: #ececec;}
.prodetail-relate-list .owl-dot.active span{background-color: #71bb71;}
.prodetail-des .info-spec ul{padding-left: 0;}
.prodetail-des .info-spec li{display: table; width: 100%; font-size: 20px; font-weight: normal; color: #26356e; line-height: 1.2em; margin: 0;}
.prodetail-des .info-spec li > div{display: table-cell; vertical-align: top;}
.prodetail-des .info-spec-label{width: 110px;}
.prodetail-des .info-spec-dot{width: 10px; text-align: center;}
.prodetail-des .info-spec-text{padding-left: 20px;}
.prodetail-des .info-spec li.cate{font-weight: 300;}
.prodetail-des .info-spec li.cate .info-spec-label{font-size: 24px;}
.prodetail .detail-head{margin-bottom: 5px;}
.prodetail .detail-info-head{margin-bottom: 28px;}
.prodetail .detail-title h2{color: #24356d; font-size: 34px; font-weight: 300; padding-bottom: 10px; margin-bottom: 10px;}
.prodetail .detail-date{font-size: 18px; line-height: 20px;}
.prodetail .detail-date .icon-date{background-size: 14px; width: 14px; height: 14px; margin-bottom: -1px;}
.prodetail .detail-head .detail-info{top: -4px;}
.prodetail .detail-info-social{text-align: center;}
.prodetail .detail-info-social label{font-size: 18px; margin-top: 8px; margin-left: 0; text-align: center;}
.prodetail .detail-info{position: relative; right: auto;}
.prodetail .detail-info li{margin: 0 10px 0 0;}
.prodetail .detail-info-social .info-social{border-top: 1px solid #ececec; padding-top: 10px; margin-top: 6px;}
.prodetail .detail-info-social .info-social a{width: 20px; height: 20px; margin-right: 10px;}
.prodetail .detail-info-request a{width: 100%; height: 64px; padding: 0 15px; text-align: center; color: #24356d; font-weight: normal; font-size: 22px; border: 2px solid #24356d; display: block; line-height: 60px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
.prodetail .detail-info-request a:hover{border-color: #71bb71; background-color: #f9f9f9;}
.prodetail .detail-info-request i{display: inline-block; width: 30px; height: 30px; margin-bottom: -9px; margin-right: 4px;}


.widget-about{position: relative;}
.widget-about .section-container{min-height: 100vh;
	background: #0e182f;
	background: -moz-linear-gradient(top,  #0e182f 0%, #1a2949 100%);
	background: -webkit-linear-gradient(top,  #0e182f 0%,#1a2949 100%);
	background: linear-gradient(to bottom,  #0e182f 0%,#1a2949 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e182f', endColorstr='#1a2949',GradientType=0 );
}
.widget-about .section-container:before{content: ''; position: absolute; top: 290px; right: 0; width: 661px; height: 312px; background: url('../images/backgrounds/bg-crystal-3.png');}
.widget-about .section-container:after{content: ''; position: absolute; bottom: 290px; left: 0; width: 661px; height: 312px; background: url('../images/backgrounds/bg-crystal-4.png');}
.about-list{position: relative; display: inline-block; width: 100%;}
.about-list:after{content: ''; width: 4px; position: absolute; top: 0; bottom: 0; left: 50%; margin-left: -2px;
	background: -moz-linear-gradient(top,  rgba(113,186,113,0) 0%, rgba(113,186,113,1) 40%, rgba(113,186,113,1) 50%, rgba(113,186,113,1) 60%, rgba(113,186,113,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(113,186,113,0) 0%,rgba(113,186,113,1) 40%,rgba(113,186,113,1) 50%,rgba(113,186,113,1) 60%,rgba(113,186,113,0) 100%);
	background: linear-gradient(to bottom,  rgba(113,186,113,0) 0%,rgba(113,186,113,1) 40%,rgba(113,186,113,1) 50%,rgba(113,186,113,1) 60%,rgba(113,186,113,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0071ba71', endColorstr='#0071ba71',GradientType=0 );
}
.about-list li{display: table; width: 100%;}
.about-list li > div{display: table-cell; vertical-align: middle;}
.about-list li:nth-child(odd) .about-list-thumb img{float: left; margin-left: -90px;}
.about-list li:nth-child(even) .about-list-thumb img{float: right; margin-right: -90px;}
.about-list li:nth-child(odd) .about-list-info:after{content: ''; width: 38px; height: 45px; position: absolute; left: 0; top: 50%; margin-top: -23px; background: url('../images/icons/arrow-crystal-1.png');}
.about-list li:nth-child(even) .about-list-info:after{content: ''; width: 38px; height: 45px; position: absolute; right: 0; top: 50%; margin-top: -23px; background: url('../images/icons/arrow-crystal-2.png');}
.about-list-col{position: relative; width: 50%;}
.about-list-info{padding: 0 90px;}
.about-list-info h4{margin: 0 0 20px 0; font-weight: 300; color: #71bb71; font-size: 40px; line-height: 1em;}
.about-list-info p{margin: 0; color: #fff; font-size: 30px; line-height: 1em;}
.about-list-btn{text-align: center; margin-top: 30px;}
.about-head{margin-top: 80px;}
.about-head-text{height: 250px; margin-bottom: 20px;}
.about-head-text p{font-size: 20px; line-height: 1.2em; color: #24356d; text-align: right;}
.about-info{margin-top: 60px;}
.about-info-person{height: 330px; padding: 35px 0; margin-top: -50px; background: url('../images/backgrounds/bg-line.jpg') center no-repeat;}
.about-info-person ul{display: table; width: 100%;}
.about-info-person li{display: table-cell; width: 50%; height: 130px; float: none; vertical-align: middle; text-align: center;}
.about-info-person h4{margin: 0 0 5px 0; line-height: 1.0em; font-weight: 100; font-size: 30px; color: #24356d;}
.about-info-person h3{margin: 0; line-height: 1.0em; font-weight: 100; font-size: 30px; color: #71bb71;}
.about-info-person p{margin: 5px 0 0 0; line-height: 1.0em;font-weight: 100; font-size: 20px; color: #24356d;}
.about-info-des{border-left: 3px solid #ebebeb; padding-left: 20px; display: inline-block; width: 100%;}
.about-info-des li{font-size: 20px; line-height: 1.0em; color: #24356d; display: table; width: 100%; margin: 8px 0;}
.about-info-des li > div{display: table-cell; vertical-align: top;}
.about-info-label{width: 90px; font-weight: 300; padding-left: 30px; position: relative;}
.about-info-text{padding-left: 20px;}
.about-info-label i{width: 20px; height: 20px; display: inline-block; position: absolute; top: -1px; left: 0;}
.about-item{margin-top: 30px; margin-bottom: 60px;}
.about-item > ul{display: table; width: 100%;}
.about-item > ul > li{display: table-cell; width: 50%; float: none;}
.about-item > ul > li > div{display: table-cell; width: 295px; vertical-align: middle;}
.about-item-text li{font-size: 20px; color: #24356d; line-height: 1.0em; margin: 4px 0;}
.about-item-text ul li{float: none;}
.about-item-text ul.disc li{list-style: disc;}
.about-item-text strong{font-weight: 100; font-size: 30px;}
.about-item > ul .about-item-text{padding-left: 40px; padding-right: 30px;}
.about-item > ul:last-child .about-item-text{text-align: right;}


.embed-responsive.embed-responsive-16by9{padding-bottom: 54%;}
.youtube {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: block;
    overflow: hidden;
    transition: all 200ms ease-out;
    cursor: pointer;
    margin: 0 auto;
}
.youtubeiframe {
  margin: 0 auto;
}
.youtube .play {
    background: url('../images/icons/icon-play.png') no-repeat center center;
    background-size: 100px 100px;
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.8;
    filter: alpha(opacity=80);
    transition: all 0.2s ease-out;
}
.youtube .play:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}


.contact .site-default-container{padding-bottom: 0;}
.contact-info-head{display: table; width: 100%;}
.contact-info-head > div{display: table-cell; vertical-align: middle;}
.contact-info-icon{width: 76px;}
.contact-info-icon i{display: inline-block; width: 78px; height: 78px; background-color: #24356d;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	-webkit-transition:All 0.2s ease; 
	-moz-transition:All 0.2s ease; 
	-o-transition:All 0.2s ease;
}
.contact-info-label{padding-left: 10px; color: #0f1932; font-size: 30px; font-weight: 300; line-height: 0.8em;
	-webkit-transition:All 0.2s ease; 
	-moz-transition:All 0.2s ease; 
	-o-transition:All 0.2s ease;
}
.contact-info-text{font-size: 24px; color: #494949; line-height: 1.0em; margin-top: 10px;}
.contact-info-head:hover .contact-info-icon i{background-color: #71bb71;}
.contact-info-head:hover .contact-info-label{color: #71bb71;}
.contact-info-row{margin-bottom: 26px;}
.contact-social{border-top: 1px solid #e1e1e1; padding-top: 20px;}
.contact-social .detail-info-social{margin-left: 0;}
.contact-social .detail-info-social label{margin: 0; float: left; padding-top: 4px; margin-right: 5px;}
.contact-social .detail-info-social .info-social{float: left; margin-top: 0;}
.contact-form-head{margin-bottom: 20px;}
.contact-form-head h4{margin: 0 0 5px 0; font-weight: 300; font-size: 30px; color: #24356d; line-height: 0.8em;}
.contact-form-head p{margin: 0; font-size: 20px; color: #142046; line-height: 0.8em;}
.contact-map{position: relative; margin-top: 60px; padding-bottom: 26%;}
.contact-map iframe{width: 100%; height: 100%; position: absolute; pointer-events: none;}
.contact-map iframe.clicked{pointer-events: auto;}
.contact-map .container{position: relative;}
.contact-map-btn{position: absolute; z-index: 100; left: 10px; width: 180px;}
.contact-map-btn a{width: 100%; height: 64px; line-height: 64px; text-align: center; background-color: #24356d; display: block; margin-top: 20px; color: #ffffff; font-size: 24px; font-weight: 100; position: relative; padding-left: 40px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.contact-map-btn a:hover{background-color: #71bb71;}
.contact-map-btn i{display: block; position: absolute; width: 40px; height: 40px; left: 10px; top: 11px;}
.contact-map-btn i.icon-map-gra{background: url('../images/icons/icon-map-gra.png') center no-repeat;}
.contact-map-btn i.icon-direction-gra{background: url('../images/icons/icon-direction-gra.png') center no-repeat;}
.map{text-align: center; height: 100vh; background-color: #FFF; padding-top: 73px;}
.map .site-header-btn{display: none;}
.gmap{height: 100vh;}
.gmap iframe{width: 100%; height: 100%; pointer-events: none; position: relative; z-index: 100;}
.gmap iframe.clicked{pointer-events: auto;}






.owl-carousel {width: auto; display: block;}
.owl-carousel .owl-wrapper-outer{width: auto; display: block;}
.owl-carousel .owl-item img{width: 100%;}
.owl-carousel .owl-pagination{text-align: center;}
.owl-carousel .owl-controls{margin-top: 15px;}


.prodetail-wrapper-image .owl-item .wrapper{border: 1px solid #f9f9f9; cursor: pointer;
    -webkit-transition:All 0.2s ease; 
    -moz-transition:All 0.2s ease; 
    -o-transition:All 0.2s ease;
}
.prodetail-wrapper-image .owl-item.synced .wrapper{border-color: #24356d;}
.prodetail-wrapper-image #sync2.owl-carousel{margin: 0 -10px; margin-top: 20px;}
.prodetail-wrapper-image #sync2.owl-carousel .owl-item{padding: 0 10px;}
.prodetail-wrapper-image #sync2 .owl-page{float: none; display: inline-block; margin: 0 5px;}
.prodetail-wrapper-image #sync2 .owl-page span{display: block; width: 20px; height: 20px; background-color: #fff; border:2px solid #71bb71;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow:    0 0 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.2);
	box-shadow:         0 0 2px rgba(0,0,0,0.2);
}
.prodetail-wrapper-image #sync2 .owl-page span:hover{background-color: #ececec;}
.prodetail-wrapper-image #sync2 .owl-page.active span{background-color: #71bb71;}


.prodetail-relate-list .owl-wrapper-outer{margin: 0;}
.prodetail-relate-list .owl-carousel{margin: 0 -15px;}
.prodetail-relate-list .owl-item{padding: 0 15px;}
.prodetail-relate-list .owl-page{float: none; display: inline-block; margin: 0 5px;}
.prodetail-relate-list .owl-page span{display: block; width: 20px; height: 20px; background-color: #fff; border:2px solid #71bb71;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow:    0 0 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.2);
	box-shadow:         0 0 2px rgba(0,0,0,0.2);
}
.prodetail-relate-list .owl-page span:hover{background-color: #ececec;}
.prodetail-relate-list .owl-page.active span{background-color: #71bb71;}


.prodetail-tab .attech-list .owl-wrapper-outer{margin: 0;}
.prodetail-tab .attech-list .owl-carousel{margin: 0 -10px;}
.prodetail-tab .attech-list .owl-item{padding: 0 10px;}
.prodetail-tab .attech-list .owl-page{float: none; display: inline-block; margin: 0 5px;}
.prodetail-tab .attech-list .owl-page span{display: block; width: 20px; height: 20px; background-color: #fff; border:2px solid #71bb71;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow:    0 0 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.2);
	box-shadow:         0 0 2px rgba(0,0,0,0.2);
}
.prodetail-tab .attech-list .owl-page span:hover{background-color: #ececec;}
.prodetail-tab .attech-list .owl-page.active span{background-color: #71bb71;}


/*body{
   
   -webkit-filter: grayscale(100%);

   filter: grayscale(100%);
}
body:before{content: '';
   display: block; position: fixed; z-index: 9999; 
   width: 128px; height: 128px; 
   background: url('https://nuuneoi.com/blog/884/black_ribbon_top_left.png') center;
  }

 
body:before{
    content: ''; display: block; 
    position: fixed; z-index: 9999; 
    width: 128px; height: 128px;
    background: url('https://nuuneoi.com/blog/884/black_ribbon_top_left.png') center;}
*/





/*catalog*/
.catalog-hl {margin-bottom: 40px; border-bottom: 1px solid #EEEFF4;}
.catalog-hl .filter-title{margin-bottom: 40px;}
.catalog-hl .owl-carousel .owl-controls{margin-top: 0;}
.catalog-hl .owl-nav > div{position: absolute; width: 38px; height: 40px; top: 50%; margin-top: -32px; background-color: #71BB71;
	-webkit-transition:All 0.2s ease; 
	-moz-transition:All 0.2s ease; 
	-o-transition:All 0.2s ease;
	transition:All 0.2s ease;
}
.catalog-hl .owl-nav > div:before{content: ''; width: 9px; height: 16px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;
	background-size: contain; filter: brightness(1000%) grayscale(1);
	-webkit-transition:All 0.2s ease; 
	-moz-transition:All 0.2s ease; 
	-o-transition:All 0.2s ease;
	transition:All 0.2s ease;
}
.catalog-hl .owl-prev{font-size: 0; right: 100%; margin-right: 20px;}
.catalog-hl .owl-prev:before{background: url('../images/icons/arrow-green-1.png') no-repeat center;}
.catalog-hl .owl-next{font-size: 0; left: 100%; margin-left: 20px;}
.catalog-hl .owl-next:before{background: url('../images/icons/arrow-green-2.png') no-repeat center;}
.catalog-hl .owl-prev:hover{margin-right: 25px;}
.catalog-hl .owl-next:hover{margin-left: 25px;}
.catalog-hl .owl-nav > div:hover{background-color: #1A2949;}
.catalog-hl .owl-nav > div:hover:before{filter: brightness(1) grayscale(0);}
.catalog-hl .item{padding: 10px 20px 40px 20px;}
.catalog-hl .link{display: block;}
.catalog-hl .wrapper{width: 190px; height: 180px; padding: 25px; background-color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow:    0 10px 20px 0px rgba(0,0,0,0);
	-webkit-box-shadow: 0 10px 20px 0px rgba(0,0,0,0);
	box-shadow:         0 10px 20px 0px rgba(0,0,0,0);
	-webkit-transition:All 0.2s ease; 
	-moz-transition:All 0.2s ease; 
	-o-transition:All 0.2s ease;
	transition:All 0.2s ease;
}
.catalog-hl .icon{width: 75px; height: 75px; margin: 0 auto; margin-bottom: 15px;}
.catalog-hl .icon > img{height: 100%;
	-webkit-transition:All 0.2s ease; 
	-moz-transition:All 0.2s ease; 
	-o-transition:All 0.2s ease;
	transition:All 0.2s ease;
}
.catalog-hl .txt{line-height: 1;font-size: 30px; color: #24356d; font-weight: 500; text-align: center;
	-webkit-transition:All 0.2s ease; 
	-moz-transition:All 0.2s ease; 
	-o-transition:All 0.2s ease;
	transition:All 0.2s ease;
}

.catalog-hl .item.active .wrapper,
.catalog-hl .link:hover .wrapper{background-color: #71BB71;
	-moz-box-shadow:    0 10px 20px 0px rgba(0,0,0,0.16);
	-webkit-box-shadow: 0 10px 20px 0px rgba(0,0,0,0.16);
	box-shadow:         0 10px 20px 0px rgba(0,0,0,0.16);
}
.catalog-hl .item.active .icon > img,
.catalog-hl .link:hover .icon > img{filter: brightness(1000%) grayscale(1);}
.catalog-hl .item.active .txt,
.catalog-hl .link:hover .txt{color: #fff;}

.catalog-filter {margin-bottom: 30px;}
.catalog-filter .filter-wrapper > div{position: relative;}
.catalog-filter .filter-wrapper > div+div{margin-left: 20px;}

.catalog-list{position: relative;}
.catalog-list .item-list{margin: 0 -20px;}
.catalog-list .item-list:after{content: ''; display: table; clear: both;}
.catalog-list .item{width: calc(100%/4); padding: 0 20px; margin: 20px 0;}
.catalog-list .link{display: block;}
.catalog-list .thumb{position: relative;}
.catalog-list .cover{position: relative; height: 0; padding-top: 390px; overflow: hidden;}
.catalog-list .cover > img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;
	-webkit-transition:All 0.2s ease; 
	-moz-transition:All 0.2s ease; 
	-o-transition:All 0.2s ease;
	transition:All 0.2s ease;
}
.catalog-list .txt{margin: 24px 20px; text-align: center; font-size: 24px; font-weight: 500; color: #24356d;
	height: 2em; line-height: 1em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.catalog-list .action{border: 1px solid #71BB71; height: 40px; line-height: 38px; text-align: center; background-color: #fff;
	font-size: 24px; font-weight: normal; color: #71BB71;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition:All 0.2s ease; 
	-moz-transition:All 0.2s ease; 
	-o-transition:All 0.2s ease;
	transition:All 0.2s ease;
}
.catalog-list .action .icon{margin-right: 10px;
	-webkit-transition:All 0.2s ease; 
	-moz-transition:All 0.2s ease; 
	-o-transition:All 0.2s ease;
	transition:All 0.2s ease;
}
.catalog-list .link:hover .cover > img{transform: scale(1.1);}
.catalog-list .link:hover .action{background-color: #71BB71; color: #fff;}
.catalog-list .link:hover .action .icon{filter: brightness(1000%) grayscale(1);}

/*catalog left menu*/
.catalog-row{margin: 0 -20px; display: flex; flex-wrap: wrap;}
.catalog-row > div{padding: 0 20px;}
.catalog-row > .col{
	-ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
.catalog-row > .col-auto{
	-webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}
.catalog-row .catalog-hl{width: 270px; background-color: #f6f5f5; margin-bottom: 0; border-bottom: 0; position: relative;}
.catalog-row .catalog-hl .filter-title{position: relative; padding-left: 40px; padding-right: 20px; margin-bottom: 0;}
.catalog-row .catalog-hl .filter-title:before{content: ''; position: absolute; background-color: #24346d; top: 0; left: 0; bottom: 0; width: 10px;}
.catalog-row .catalog-hl .filter-title h3 {line-height: 65px;font-size: 45px;}
.catalog-row .catalog-hl .action{display: none; position: absolute; z-index: 9; top: 13px;right: 12px;}
.catalog-row .catalog-hl .action .btn-catalog-hl{display: block; width: 40px; height: 40px; background-color: #24356d; position: relative;}
.catalog-row .catalog-hl .action .btn-catalog-hl:before{content: ''; position: absolute;
    top: 0;left: 0;right: 0;bottom: 0;margin: auto;width: 10px;height: 7px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #fff;
    -webkit-transition: All 0.2s ease;
    -moz-transition: All 0.2s ease;
    -o-transition: All 0.2s ease;
    transition: All 0.2s ease;
}
.catalog-row .catalog-hl .action .btn-catalog-hl.close{float: none; text-shadow: none; opacity: 1;}
.catalog-row .catalog-hl .action .btn-catalog-hl.close:before{transform: rotate(180deg);}
.catalog-row .catalog-hl .item{padding: 0;}
.catalog-row .catalog-hl .wrapper{width: 100%; height: 60px; padding: 0 40px; border-radius: 0; background-color: transparent;}
.catalog-row .catalog-hl .icon{display: none;}
.catalog-row .catalog-hl .txt{text-align: left; line-height: 60px;}
.catalog-row .catalog-hl .item.active .wrapper, 
.catalog-row .catalog-hl .link:hover .wrapper{box-shadow: none;}

.catalog-row .catalog-filter.filter{padding-top: 10px;}

.catalog-row .catalog-list .cover{padding-top: 290px;}



.site-footer-info .link {
	max-width: 150px;
    display: block;
    margin: auto;
}

.site-footer-info .link .wrapper {
	display: flex;
    align-items: center;
    /* justify-content: center; */
    margin: 1.25rem 0;
}

.site-footer-info .link .wrapper .list-content {
	text-align: left;
}

.site-footer-info .link .wrapper .title {
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	line-height: 0.8;
	margin-bottom: .25rem;
}

.site-footer-info .link .wrapper .desc {
	font-size: 20px;
	line-height: 0.8;
	color: #fff;
}

.site-footer-info .link .wrapper i,
.site-footer-info .link .wrapper .icon-facebook {
	width: 45px;
	height: 45px;
	background-repeat: no-repeat !important;
	background-size: 100% !important;
	margin: 0;
	margin-right: .75rem;
}

.editor-content table {
	border-collapse: collapse;
  width: 100%;
}
.editor-content td, .editor-content th {
	border: 1px solid #dddddd;
    text-align: left;
    padding: 0.5rem 0.75rem;
    font-size: 24px;
    color: #666;
  }
  
.icon-facebook {
	background: url('../images/icons/icon-facebook-ft.png') !important;
}

.icon-line {
	background: url('../images/icons/icon-line-ft.png');
}

.icon-ig {
	background: url('../images/icons/icon-lg-ft.png');
}

.about-head-text {
	height: max-content;
}
.site-container .img-container .image-1 {
	left: -220px;
}
.site-container .img-container .image-2 {
	right: -200px;
}

@media (max-width:992px) {
	.site-footer-info .link .wrapper i,
	.site-footer-info .link .wrapper .icon-facebook {
		width: 40px;
    	height: 40px;
		margin-right: 0.5rem;
	}
	.site-footer-info .link .wrapper .title {
		font-size: 20px;
	}
	.site-footer-info .link .wrapper .desc {
		font-size: 16px;
	}
}

@media (max-width:767px) {
	.site-footer-info .link .wrapper i,
	.site-footer-info .link .wrapper .icon-facebook {
		width: 35px;
    	height: 35px;
	}
}




/* edit 08/06/23 */
.editor-content table {
	width: 100% !important;
}
.editor-content td, .editor-content th {
	font-size: 1em;
}


.site-footer-info .footer-contact {
	display: flex;
    width: 50%;
    margin: 1rem auto;
}

.site-footer-info .footer-contact .link  {
	width: 33.33%;
}

@media (max-width:1200px)  {
	.site-footer-info .footer-contact {
		width: 60%;
	}
}

@media (max-width:575px)  {
	.site-footer-info .footer-contact {
		width: 100%;
		display: block;
		margin: 0;
	}

	.site-footer-info .footer-contact .link {
		max-width: 150px;
	}
}