/*
Theme Name: Trends Concept
Theme URI: https://wordpress.org/themes/twentyfifteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our 2015 default theme is clean, blog-focused, and designed for clarity. Twenty Fifteen's simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: twentyfifteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
*, ::before, ::after {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
} 
body{margin:0; font-size:15px; font-family: 'Gotham', sans-serif; overflow-x:hidden; line-height:normal; color:#000; }
img, video, iframe{max-width:100%;}
ul{list-style:outside none; margin:0; padding:0;} 
a, a:hover, a:focus{text-decoration:none; outline:0 none;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
header#site-header{
	color:#fff; backface-visibility: hidden; background: rgba(0,0,0,0.55);
	height:90px; overflow:hidden; position: fixed; top: 0; width: 100%; z-index: 8;
}  
header#site-header .group-header{display: -webkit-box; display: -webkit-flex;  align-items: center;
	display: -ms-flexbox; display: flex; display: flex; justify-content: space-between;}
header#site-header .main-menu{margin:0 auto; height:90px; line-height:90px; width:65%;}  
header#site-header .main-menu #menu-main-menu{display: -webkit-box; display: -ms-flexbox; display: flex; height:90px; line-height:90px;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content:space-between; }
header#site-header .main-menu ul.menu{display: -webkit-box; display: -ms-flexbox; display: flex;}
header#site-header .main-menu li{ display:inline-block; }
header#site-header .main-menu li >a{color:#fff; font-size:16px; padding: 0 40px; display:inline-block; position:relative; margin:0 1px; white-space: nowrap;} 
header#site-header .main-menu li >a::after{position:absolute; content:""; bottom:0; height:12px; width:100%; left:0; background-repeat:no-repeat; background-position:center center; 
	background-size: cover;}  
header#site-header .main-menu li.light >a::after{background-image:url("../images/light.png");}
header#site-header .main-menu li.molasses >a::after{background-image:url("../images/molasses.png");}
header#site-header .main-menu li.dark >a::after{background-image:url("../images/dark.png");}
header#site-header .main-menu li.bluepea >a::after{background-image:url("../images/bluepea.png");}
header#site-header .main-menu li.smoke >a::after{background-image:url("../images/smoke.png");}
header#site-header .main-menu li.vivid >a::after{background-image:url("../images/vivid.png");}  
header#site-header .main-menu li > a:hover::after,
header#site-header .main-menu li > a:focus::after,
header#site-header .main-menu li.current-menu-item > a::after{
	height:100%; z-index: -1;
	-webkit-transition: .2s all ease-in-out;
	-moz-transition: .2s all ease-in-out;
	-o-transition: .2s all ease-in-out; 
	transition: .2s all ease-in-out;
} 
header#site-header .main-menu li.light >a:hover::after, 
header#site-header .main-menu li.light >a:focus::after,
header#site-header .main-menu li.current-menu-item.light >a::after{background-image:url("../images/light-hover.jpg");}
header#site-header .main-menu li.molasses >a:hover::after,
header#site-header .main-menu li.molasses >a:focus::after,
header#site-header .main-menu li.current-menu-item.molasses >a::after{background-image:url("../images/molasses-hover.jpg");}
header#site-header .main-menu li.dark >a:hover::after, 
header#site-header .main-menu li.dark >a:focus::after,
header#site-header .main-menu li.current-menu-item.dark >a::after{background-image:url("../images/dark-hover.jpg");}
header#site-header .main-menu li.bluepea >a:hover::after,
header#site-header .main-menu li.bluepea >a:focus::after,
header#site-header .main-menu li.current-menu-item.bluepea >a::after{background-image:url("../images/bluepea-hover.jpg");}
header#site-header .main-menu li.smoke >a:hover::after,
header#site-header .main-menu li.smoke >a:focus::after,
header#site-header .main-menu li.current-menu-item.smoke >a::after{background-image:url("../images/smoke-hover.jpg");}
header#site-header .main-menu li.vivid >a:hover::after,
header#site-header .main-menu li.vivid >a:focus::after,
header#site-header .main-menu li.current-menu-item.vivid >a::after{background-image:url("../images/vivid-hover.jpg");}  
header#site-header .logo-right img{width:110px;} 
header#site-header .logo-left img{width:220px;}  
header#site-header .logo-left{background-image: url(../images/green-slash.png); padding:0px 30px 0 15px; position:relative; height:90px; line-height:90px; width:414px; 
   background-position: center right; background-repeat:no-repeat;}
header#site-header .logo-left >a{display:block;}
/*header#site-header .logo-left::after{top:0; right:-90px; position:absolute; content:""; background-image: url(images/green-slash.png); width:100px; height:90px;
	background-position: center right; background-repeat:no-repeat;}  
header#site-header .logo-right::after{top:0; left:-90px; position:absolute; content:""; background-image: url(images/blue-slash.png); width:100px; height:90px;
	background-position: center left; background-repeat:no-repeat;}*/	
header#site-header .logo-right{padding:0px 30px 0 30px; position:relative; height:90px; line-height:90px; background-image: url(../images/blue-slash.png); 
 background-repeat:no-repeat; width: 252px; background-position: center left; text-align:right;} 
footer.site-footer{background:#2b2f33; color:#fff; /*padding:40px 0;*/} 
footer.site-footer .footer-content{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
}
footer.site-footer .footer-content >div{
	position: relative;
	width: 100%;
	min-height: 1px;
	border-right: 2px solid #282b2f; 
	padding: 30px 35px;
}
footer.site-footer .footer-content >div:first-child{border-left: 2px solid #282b2f; }
.footer-content .about .logo img{margin:0 0 20px;}
.footer-content .about >aside{width:80%;}
.footer-content .address >aside{width:80%; margin:0 auto;}
.footer-content .address .widget-title h2{margin:0 0 20px; font-size:20px; font-weight:normal;}
.footer-content .address .list-address li{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; 
	margin:0 0 15px; font-family: 'Gotham Book', sans-serif; color:#B2C900;}
.footer-content .address .list-address li:last-child{margin:0;}
.footer-content .address .list-address li span{color: #B2C900; width:90%;}
.footer-content .address .list-address li i{font-size:20px; color: #B2C900; width:10%;} 
.footer-content .address .list-address li a{color: #B2C900;}
.footer-content .social-foot .list-social{text-align:center;} 
.footer-content .social-foot .list-social li{display:inline-block; padding:0 10px; margin:0 0 10px;} 
.footer-content .social-foot .list-social li a{height:38px; width:38px; line-height:45px; text-align:center; background:#B2C900; border-radius:50%; display:inline-block;}
.footer-content .social-foot .list-social li i{font-size:20px; color:#252b30; }  
.content-bottom{background-image:url("../images/background-bottom.jpg"); background-repeat:no-repeat; background-size:cover; background-position:center center; min-height:662px; position:relative;}
/*.content-bottom::after{position:absolute; content:""; background-image:url("images/computer.png"); width:906px; left:70%; top:50%; transform:translate(-50%,-50%); height:518px;} */ 
.content-bottom .design{width:60%;/*padding:100px 0 20px 100px;*/} 
.content-bottom .design >aside{/*width:50%;*/ border: 35px solid rgba(255,255,255,0.2); padding: 65px 60px 15px; background:transparent; min-height:662px;}
.content-bottom .design >aside >.textwidget{width:58%;}
.design h2.title{font-size:45px; margin:0 0 50px;} 
.design p .bold{font-family: 'Gotham', sans-serif;}
.design p{margin:0 0 28px; font-family: 'Gotham Book', sans-serif; line-height:30px; font-size:18px;}
.design p:last-child{margin:0;} 
.design .btn-start{margin:45px 0 0;}
.design .btn-start >a{text-transform:uppercase; color:#fff; padding:20px 20px 20px 25px; position:relative; font-size:22px; border:1px solid #b2c900; display:block; width:90%;
background: #b2c900;}
.design .btn-start > a:hover, .design .btn-start > a:focus,
.design .btn-start > a:hover::after, .design .btn-start > a:focus:after{color:#000; background:transparent;} 
.design .btn-start > a:hover, .design .btn-start > a:focus{border-color:#000;}
.design .btn-start >a::after{position:absolute; content:"\f105"; font-family: FontAwesome; right:20px; top:50%; transform:translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); color:#fff; font-size:40px; font-weight:normal;}
.content-bottom .laptop{position: absolute; content: ""; left: 70%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); width:50%;} 
.footer-content .footer-about{font-size:14px; color:#6d7c88; font-family: 'Gotham Book', sans-serif; padding:0 0 0 15px; line-height:21px;}  
.content-swatch .list-color{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; z-index:7; position:relative;}
.content-swatch .list-color .item-color{position:relative; width:100%; min-height: 1px;}  
.content-swatch .list-color .item-color h4.text-color{margin:0; font-size:45px; color:#fff; position:absolute; content:""; left:50%; top:50%; 
	transform:translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); z-index:3; width:100%; text-align:center;}
.content-swatch .list-color .item-color img{/*display:block;*/ opacity:1; width:100%;
}
.content-swatch .list-color .item-color img.sub-img{position: absolute; top: 0; width: 100%; left: 0; right: 0; bottom: 0; z-index: 2;
    /*-webkit-animation: fadein 2s; 
       -moz-animation: fadein 2s; 
        -ms-animation: fadein 2s; 
         -o-animation: fadein 2s; 
            animation: fadein 2s;*/
    transition: opacity .5s ease-out;
  -moz-transition: opacity .5s ease-out;
  -webkit-transition: opacity .5s ease-out;
  -o-transition: opacity .5s ease-out;
}
.content-swatch .list-color .item-color img.main-img{position:relative; z-index:1;}
.content-swatch .list-color .item-color:hover .sub-img,
.content-swatch .list-color .item-color:focus .sub-img{/*display:none;*/ opacity:0; transition: opacity .8s ease-out;   -moz-transition: opacity .8s ease-out;   -webkit-transition: opacity .8s ease-out;   -o-transition: opacity .8s ease-out;}
.content-swatch{background: #252b30; position:relative;}
.content-swatch::after{position:absolute; content:""; background-image:url("../images/bg-rain.png"); width:100%; bottom: 0; left: 0; padding:500px 0; width: 100%; background-size:cover;
	background-repeat:no-repeat; background-position:center center;}
.content-about{background-image:url("../images/about-color-bg.jpg"); background-repeat:no-repeat; background-size:cover; background-position:center center; height:auto; min-height:660px;} 
.content-about .content-items{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; min-height:660px;} 
.content-about .content-items >div{position:relative; width:100%; min-height: 1px; }
.content-about .content-items >div.content-left{border: 35px solid rgba(255,255,255,0.2); padding: 120px 75px 60px; background: transparent; height:auto;}
.slideshow .slideshow_inner{position:relative;}
.slideshow .slideshow_inner .caption-items{position:absolute; content:""; top:50%; right:0; transform:translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); z-index:6; /*padding:30px; 	background:rgba(37,43,48,0.8);*/ 
	color:#fff; width:468px;}
.slideshow .slideshow_inner .caption-items .box-caption{background:rgba(37,43,48,0.8); z-index:7; position:relative; padding:35px 10px 10px; border: 30px solid rgba(37,43,48,0.5);} 
.content-about .content-items .content-detail{padding: 155px 80px 40px;} 
.content-about .content-items .box-about .content-detail{padding:0;}
.content-about .content-items > div.content-left .content-detail p{margin:0; font-size:40px; line-height:50px;}
.content-about .content-items > div.content-right .content-detail p{font-size:25px; font-family: 'Gotham Book', sans-serif; margin:0 0 55px; line-height:32px;}
.content-about .content-items > div.content-right .content-detail p:last-child{margin:0;} 
.slideshow .slideshow_inner .caption-items .box-caption h2{margin:0 0 40px; font-size:45px; font-family: 'Gotham', sans-serif; font-weight: bold; padding:0 0 0 20px;}
.slideshow .slideshow_inner .caption-items .box-caption h2 p{margin:0;}
.slideshow .slideshow_inner .caption-items .box-caption h2.cap-title .italic{font-family: 'Gotham', sans-serif; font-style: italic; font-size:45px; color:#b2c900;}
.caption-items .cap-content{font-size:25px; padding:0 10px 42px 20px;} 
.caption-items .group-btn >a{display:block; margin:0 0 10px; padding:20px 25px 20px 20px; color:#fff; text-transform:uppercase; 
	position:relative; font-size:22px; background:#b2c900; border:1px solid #b2c900;}
.caption-items .group-btn >a:hover,
.caption-items .group-btn >a:focus,
.caption-items .group-btn >a:hover::after,
.caption-items .group-btn >a:focus::after{color: #b2c900; background:transparent;}
.caption-items .group-btn >a::after{position: absolute; right:25px;  
	content: "\f105";
	font-family: FontAwesome;
	top: 50%;
	transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);
	color: #fff;
	font-size: 40px;
	font-weight: normal;}
.caption-items .group-btn >a:last-child{margin:0;}
.caption-items .cap-content p{margin:0;}
.content-intro{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; min-height:660px; padding-top:158px;}
.group-contentmiddle .content-middle:first-child .content-intro{padding-top:158px;}
.group-contentmiddle .content-middle .content-intro{padding-top:0;}
.content-intro >div{position:relative; width:100%; min-height: 1px;}
.content-intro .intro-left{background:transparent; border: 35px solid rgba(255,255,255,0.2); padding:50px 60px 55px; color:#fff;}
.content-intro .intro-left h4.intro-small{font-family: 'Gotham', sans-serif; font-weight: 300; margin:0 0 0px; /*font-size:25px;*/ font-size: 1.56em; font-style:normal; text-align:left; line-height:1.25em;}
.content-intro .intro-left h2.title-intro{margin:0 0 35px; /*font-size:45px;*/ font-size:2.81em; font-style:normal; line-height:1.61em; letter-spacing:-0.01em;}
.content-intro .intro-left .content-main{margin:0 0 70px; line-height:35px;}
.content-intro .intro-left .content-main p{margin:0; /*font-size:18px;*/ font-family: 'Gotham Book', sans-serif; font-size:1.13em; font-style:normal; line-height:1.76em; margin:0 0 40px;}
.content-intro .intro-left .content-main p:last-child{margin:0;} 
.content-intro .intro-left .group-button >a{display:inline-block; margin:0 0 10px; padding:17px 17px 17px 17px; position:relative; background:#b2c900; 
	text-transform:uppercase; color:#fff; width:80%; /*font-size:16px;*/ font-size:1em; font-style:normal; /*line-height:3.13em;*/ border:1px solid #b2c900;}
.content-intro .intro-left .group-button >a:last-child{margin:0;} 
.content-intro .intro-left .group-button >a:hover,
.content-intro .intro-left .group-button >a:focus,
.content-intro .intro-left .group-button >a:hover::after,
.content-intro .intro-left .group-button >a:focus::after{color:#fff; background:transparent;}
.content-intro .intro-left .group-button >a:hover,
.content-intro .intro-left .group-button >a:focus{border-color:#fff;} 
.content-intro .intro-left .group-button >a::after{position: absolute; content: "\f105"; font-family: FontAwesome; right: 15px; top: 50%;
	transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);
	color: #fff; 
	font-size: 40px; 
	font-weight: normal;}  
.content-intro  .intro-right .content-right{padding:165px 40px 20px 80px; color:#fff;}
.content-intro  .intro-right .content-right h3.intro-name{ margin:0 0 0px; font-size:1.66em; line-height:1.25em; font-weight:normal;}
.content-intro  .intro-right .content-right h4.material{/*font-size:18px;*/ margin:0 0 5px; font-size:1.36em; font-style:normal; line-height:1.25em; font-weight:normal;} 
.content-intro  .intro-right .content-right h5.where{/*font-size:18px;*/ font-family: 'Gotham', sans-serif; font-weight: 300; font-style: italic; margin:0 0 30px; font-size:1.13em; line-height:1.25em; }
.content-intro  .intro-right .content-right .light{font-family: 'Gotham', sans-serif; font-weight: 300;}  
.content-intro  .intro-right .content-right p.manual{/*font-size:18px;*/ margin:0 0 13px; font-size:1.13em; line-height:1.25em; font-style:normal;}
.content-intro  .intro-right .content-right p.finish{/*font-size:18px;*/ margin:0 0 80px; font-size:1.13em; line-height:1.25em; font-style:normal;}
.content-intro  .intro-right .content-right .items-intro{font-size:18px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; /*justify-content: space-between;*/} 
.content-intro  .intro-right .content-right .items-intro .item{position:relative; min-height: 1px; margin:0 20px 20px 0;}
.content-intro  .intro-right .content-right .items-intro .item:last-child{margin-right:0;}   
.content-intro  .intro-right .content-right .items-intro .item .des{margin:10px 0 0; /*font-size:18px;*/ font-size:1.13em; line-height:1.68em; font-style:normal;}
 
    body, html {
        height: 100%;
    }

    img {
        vertical-align: middle;
    }

    .owl-carousel {
        height: 100%;
    }

    .owl-carousel .owl-item, .owl-carousel .item {
        height: 100vh;
    }

    .owl-carousel .owl-item img {
        transform-style: initial;
        height: 100%;
        object-fit: cover;
    }

    .owl-thumb-item img {
        height: auto;
    }

    .owl-thumb-item {
        /*display: table-cell;*/
        border: 0 none;
        background: transparent;
        padding: 0;
    }

    .owl-thumb-item.active {
        opacity: 1; 
    }

    .label {
        position: absolute;
        top: 20px;
        right: 20px;
        background-color: #0a6cff;
        color: white;
        padding: 10px 20px;
        z-index: 5;
        text-align: center;
    }
.slideshow.show-thumb .owl-thumbs{ 
	z-index:6;
	position: absolute;
	bottom: -158px;
	left: 0;
	display: table;
	width: 100%;
	text-align: center;
	padding: 0;} 
.slideshow.show-thumb .owl-thumb-item img{width:280px; max-height:158px;}
.slideshow.show-thumb .owl-thumb-item{/*opacity:0.4;*/ cursor: pointer; border: 0 none; background: transparent; padding: 0; margin:0;}
.slideshow.show-thumb .owl-thumb-item img{-webkit-filter: grayscale(100%); filter: grayscale(100%);}
.slideshow.show-thumb .owl-thumb-item.active img{-webkit-filter: grayscale(0%); filter: grayscale(0%);} 
.content-video{position:relative; height:0; padding-top:46%; width:100%;}
.content-video video, .content-video iframe{width:100%; display:block;}
.content-video iframe{position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: transparent;}
.content-video .bt-play{
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  cursor: pointer;
  border: 0;
  outline: none;
  background-position: 50% 50%;
  background-size: 100% 100%;
  background-size: cover;
  text-indent: -999em;
  overflow: hidden;
  opacity: 1;
  -webkit-transition: opacity 800ms, height 0s;
  -moz-transition: opacity 800ms, height 0s;
  transition: opacity 800ms, height 0s;
  -webkit-transition-delay: 0s, 0s; 
  -moz-transition-delay: 0s, 0s;
  transition-delay: 0s, 0s;
}  
.content-video .bt-play::after{position:absolute; content:""; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); cursor:pointer; background-image:url("../images/but-play-roll.png"); 
width:143px; height:143px; -webkit-transition: all 2s ease-out; -moz-transition: all 2s ease-out;  -o-transition: all 2s ease-out; transition: all 2s ease-out; background-repeat:no-repeat;
	background-position:center center; background-size:80%;} 
.content-video .bt-play:hover::after, 
.content-video .bt-play:focus::after{background-image:url("../images/but-play.png");}
.content-video.videoActive .bt-play{opacity:0; height:0; -webkit-transition-delay: 0s, 800ms; -moz-transition-delay: 0s, 800ms; transition-delay: 0s, 800ms;} 
.slideshow .owl-controls .owl-dots{position:absolute; content:""; left:50%; bottom:20px; transform:translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}  
.slideshow .owl-theme .owl-controls .owl-dots span{background:transparent; border:1px solid #fff; width:15px; height:15px;}  
.slideshow .owl-theme .owl-controls .owl-dots .owl-dot.active span,
.slideshow .owl-theme .owl-controls .owl-dots .owl-dot span:hover{border-color:#b2c900 ; background: #b2c900;} 
.slideshow .owl-controls .owl-nav{position:absolute; content:""; top:50%; transform:translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); width:100%; left:50%;}
.slideshow .owl-controls .owl-nav .owl-prev{left:15%;}  
.slideshow .owl-controls .owl-nav .owl-next{right:15%;}
.slideshow .owl-controls .owl-nav .owl-prev,
.slideshow .owl-controls .owl-nav .owl-next{font-size:0; background:transparent; margin:0; padding:0; position:absolute;}
.slideshow .owl-controls .owl-nav .owl-prev::after,
.slideshow .owl-controls .owl-nav .owl-next::after{position:absolute; font-family:FontAwesome; color:#fff; font-size:100px; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
.slideshow .owl-controls .owl-nav .owl-prev::after{content:"\f104";}
.slideshow .owl-controls .owl-nav .owl-next::after{content:"\f105";}
.content-intro .item .logo{position:absolute; content:""; right:0; top:120px;}  
.menu-icon, .design .mobile-cp{display:none;}
.list-social .hidden{display:none;}
.total-row-one .slideshow.show-thumb .owl-thumbs{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content:center; left:50%; transform:translate(-50%,0%); -webkit-transform: translate(-50%,0); margin:0 auto;}
.total-row-two .content-intro, .total-row-two .group-contentmiddle .content-middle:first-child .content-intro{padding-top:316px;}
.total-row-two .slideshow.show-thumb .owl-thumbs{bottom:-316px;
    display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content:center; left:50%; transform:translate(-50%,0%); -webkit-transform: translate(-50%,0%);}
.total-row-two .slideshow.show-thumb .owl-thumbs >button,
.total-row-one .slideshow.show-thumb .owl-thumbs >button{-webkit-box-flex: 0;
-ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}
.total-row-two .slideshow.show-thumb .owl-thumb-item img,
.total-row-one .slideshow.show-thumb .owl-thumb-item img{width:100%; height:158px; object-fit: cover;}
/*
* FadeIn animation
*/
@-webkit-keyframes fadein{
	0% {opacity:0;}
	100% {opacity: 1;}
}
@keyframes fadein{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
.fadein{
	-webkit-animation-name: fadein;
	animation-name:fadein;
}

@media(min-width:576px){ 
	footer.site-footer .footer-content >div{max-width:100%; flex: 0 0 100%;} 
	.content-swatch .list-color .item-color,   
	.content-about .content-items >div,
	.content-intro >div{max-width:100%; flex: 0 0 100%;}
}
@media(min-width:768px){
	.content-swatch .list-color .item-color,   
	.content-about .content-items >div,
	.content-intro >div{-webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%;
    max-width: 50%;}
	footer.site-footer .footer-content >div{-webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}
	.owl-carousel .owl-item img{min-height:850px; max-height:1075px;}
	.slideshow .slideshow_inner .owl-carousel,
	.owl-carousel .owl-item, .owl-carousel .item{height:100%;}
} 
@media(min-width:992px){}
@media(min-width:1200px){}
.container, .slideshow.show-thumb .owl-thumbs {
    /*padding-right: 15px;
    padding-left: 15px;*/
    margin-right: auto;
    margin-left: auto;
}
@media(min-width:768px){
    .container, .slideshow.show-thumb .owl-thumbs {
        width: 750px;
    }
}
@media(min-width:992px){
    .container, .slideshow.show-thumb .owl-thumbs {
        width: 970px;
    }
}
@media(min-width:1200px){
    .container, .slideshow.show-thumb .owl-thumbs {
        width: 1170px;
    }
}
@media(min-width:1500px){
	.container, .slideshow.show-thumb .owl-thumbs {
        width: 1430px;
    }
}
@media(max-width:1500px){
	header#site-header .main-menu li >a{padding:0 40px;} 
}
@media(max-width:1440px){
	.content-about .content-items > div.content-left{padding:80px 35px 80px;}
	.content-about .content-items .content-detail{padding: 115px 40px 40px 40px;}
	.content-bottom .design > aside > .textwidget{width:85%;}
	.footer-content .about > aside,
	.footer-content .address > aside{width:100%;} 
}
@media(max-width:1366px){
	header#site-header .main-menu li > a{padding:0 20px;}  
	header#site-header .logo-left{width:300px;}
}
@media(max-width:1280px){
    /*.slideshow .slideshow_inner .caption-items{top:60%; -webkit-transform: translate(-20%,-50%); transform: translate(-20%,-50%);}*/
}
@media(max-width:1199px){
	header#site-header .main-menu li > a{padding:0 5px;}
	.slideshow.show-thumb .owl-thumb-item img{width:200px;}
	/*.slideshow.show-thumb .owl-thumbs{bottom:-113px;}
	.content-intro, .group-contentmiddle .content-middle:first-child .content-intro{padding-top:113px;} */ 
	.content-intro .intro-left .group-button > a{width:100%;}
} 
@media(max-width:1024px){
	header#site-header .logo-right{padding: 0px 15px 0 30px;} 
	header#site-header .logo-right img{width:90px;} 
	.content-bottom .design >aside, .content-bottom{min-height:auto;} 
	.content-bottom .design > aside > .textwidget,
	.design .btn-start > a, .footer-content .address .list-address li span{width:100%;}
	footer.site-footer .footer-content > div{padding:30px 15px;} 
}
@media(max-width:991px){
	.content-bottom .design > aside{padding: 35px 30px 15px 15px;}
	.footer-content .address .list-address li i{padding: 0 15px 0 0; }
	.footer-content .address .list-address li a,
	.footer-content .address .list-address li span{font-size:14px;} 
	.slideshow .slideshow_inner .caption-items{transform: translate(-30%,-50%); -webkit-transform: translate(-30%,-50%);}
	.content-intro .intro-left{padding: 50px 30px 55px;}
	.slideshow .slideshow_inner .caption-items{top:50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); left:50%; right:unset;}
}  
@media(max-width:768px){
	.slideshow .slideshow_inner .caption-items{transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); left:50%; right:unset; width:60%; top:52%;} 
	header#site-header .main-menu{display:none;} 
	.menu-icon{display:block; /*position:relative;*/ }
	.menu-mobile{display:block; position: absolute; transition: all 0.2s ease-in-out 0s;
        left: 45px; top: 50%; transform:translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); z-index: 999; cursor: pointer; width:45px; height: 35px;} 
	header#site-header .logo-right{margin: 0 0 0 0px; padding-left:100px; padding-right:30px;} 
	header#site-header .logo-left{width:500px; margin: 0 -80px 0 0; text-align:center;}
	.slideshow.show-thumb .owl-thumb-item img{width:150px;}
	.slideshow.show-thumb .owl-thumbs{bottom:-84px;}
	.content-intro, .group-contentmiddle .content-middle:first-child .content-intro{padding-top:84px;} 
	.show-mobile{display:none;}
	.group-header{width:80%; display: -webkit-box; display: -webkit-flex;  align-items: center;
	display: -ms-flexbox; display: flex; display: flex; justify-content: space-between;}
	.menu-mobile span{background: #fff none repeat scroll 0 0; display: block; height: 3px; position: absolute; right: 7px;
    transition: all 0.5s ease-in-out 0s; width: 31px; cursor: pointer;}	
	.menu-mobile span.ic_1{top: 8px;}
	.menu-mobile span.ic_2{top: 16px;} 
	.menu-mobile span.ic_3{top: 24px;}
	header#site-header{overflow:visible; display: -webkit-box; display: -webkit-flex;  align-items: center;
	display: -ms-flexbox; display: flex; display: flex; justify-content: space-between; background:#A9CA00;}
	body.show-main-menu .show-mobile{display:block; position: absolute; width: 100%; top: 90px;}
	body.show-main-menu .show-mobile ul li a{display:block; padding:20px 20px 20px 70px; position:relative; color:#fff; font-size:16px; }
	body.show-main-menu .show-mobile ul li a::after{position:absolute; content:""; bottom:0; height:100%; width:100%; left:0; background-repeat:no-repeat; background-position:center center; 
	background-size: cover; z-index:-1;}
	body.show-main-menu .show-mobile ul li.light a::after{background-image:url("../images/light-hover.jpg");}
	body.show-main-menu .show-mobile ul li.molasses a::after{background-image:url("../images/molasses-hover.jpg");}
	body.show-main-menu .show-mobile ul li.dark a::after{background-image:url("../images/dark-hover.jpg");}
	body.show-main-menu .show-mobile ul li.bluepea a::after{background-image:url("../images/bluepea-hover.jpg");}
	body.show-main-menu .show-mobile ul li.smoke a::after{background-image:url("../images/smoke-hover.jpg");}
	body.show-main-menu .show-mobile ul li.vivid a::after{background-image:url("../images/vivid-hover.jpg");}	
	body.show-main-menu .menu-mobile span{transition: all 0.5s ease-in-out 0s;}
	body.show-main-menu .menu-mobile span.ic_1{background: rgba(0, 0, 0, 0) none repeat scroll 0 0; right: 7px; top: 9px;}
	body.show-main-menu .menu-mobile span.ic_2{right: 7px; top: 18px; transform: rotate(45deg); -webkit-transform: rotate(45deg);}
	body.show-main-menu .menu-mobile span.ic_3{right: 7px; top: 18px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);} 
	body.show-main-menu .show-mobile ul li{
		animation-name: fadein;
        animation-fill-mode: both;
        animation-duration: 1s;
	}
	body.show-main-menu .show-mobile ul li:nth-of-type(1){animation-delay: 0.15s;}
	body.show-main-menu .show-mobile ul li:nth-of-type(2){animation-delay: 0.2s;}
	body.show-main-menu .show-mobile ul li:nth-of-type(3){animation-delay: 0.25s;}
	body.show-main-menu .show-mobile ul li:nth-of-type(4){animation-delay: 0.3s;}
	body.show-main-menu .show-mobile ul li:nth-of-type(5){animation-delay: 0.35s;} 
	body.show-main-menu .show-mobile ul li:nth-of-type(6){animation-delay: 0.4s;}
	
	.menu-icon .group-icon{width:90px; height:90px; position:relative; background: #A9CA00; border-right:1px solid #fff;} 
	header#site-header .logo-left img{width:160px;}
	.content-intro .intro-right .content-right{padding:165px 40px 20px 40px;}
}
@media(max-width:767px){
	.slideshow .slideshow_inner .caption-items .box-caption{border:15px solid rgba(37,43,48,0.5); padding:20px 10px 10px;}
	.slideshow .slideshow_inner .caption-items .box-caption h2,
	.slideshow .slideshow_inner .caption-items .box-caption h2.cap-title .italic{font-size:26px;}
	.caption-items .cap-content{font-size:16px; padding:0 10px 20px 20px;} 
	.caption-items .group-btn > a,
	.design .btn-start > a{font-size:13px; padding:13px;}
	.caption-items .group-btn > a::after,
	.design .btn-start > a::after{font-size:30px; right:15px;}
	.content-about .content-items > div.content-left{border: 25px solid rgba(255,255,255,0.2); padding: 60px 30px;}
	.content-about .content-items .content-detail{padding: 55px 55px 50px;}
	.content-about .content-items > div.content-left .content-detail p{font-size:22px; line-height:32px;}
	.content-about .content-items > div.content-right .content-detail p{font-size:14px; line-height:24px; margin:0 0 35px;}
	.content-bottom .design > aside{border:25px solid rgba(255,255,255,0.2);}
	.content-bottom .design > aside{padding:30px 20px;}  
	.design h2.title{font-size:34px;}
	.design p{font-size:14px; margin:0 0 15px;}
	footer.site-footer .footer-content > div{border-right:0 none; border-bottom:2px solid #282b2f;}
	footer.site-footer .footer-content > div:first-child{border-left:0 none;}
	footer.site-footer .footer-content > div:last-child{border-bottom:0 none;} 
	footer.site-footer .footer-content > div{padding:35px 30px;} 
	.footer-content .footer-about{padding:0;}
	.footer-content	.about .logo{margin-left:-15px;}
	.footer-content .social-foot .list-social{text-align:left;}
	.slideshow .slideshow_inner .caption-items .box-caption h2{margin:0 0 20px;}
	.footer-content .social-foot .list-social li:first-child{padding-left:0;}
	.content-intro .intro-left{padding:20px 20px 25px; border: 25px solid rgba(255,255,255,0.2);}
	.content-intro .intro-left h2.title-intro{margin:0 0 5px;}
	.content-intro .intro-left .content-main{margin:0 0 15px;}
	.content-intro .intro-left .content-main p{margin:0 0 10px;}
	.content-intro .intro-left .group-button > a{width:60%;}
	.content-intro .intro-left h4.intro-small,
	.content-intro .intro-left .content-main p{font-size:16px;} 
	.content-intro .intro-left h2.title-intro{font-size:24px;}
	.content-intro .intro-right .content-right{padding: 20px 20px 20px 45px;}
	.content-intro .intro-right .content-right p.finish{margin: 0 0 25px;}
	.slideshow.show-thumb .owl-thumbs, .total-row-two .slideshow.show-thumb .owl-thumbs, .total-row-one .slideshow.show-thumb .owl-thumbs{display:none;}
	.content-intro, .group-contentmiddle .content-middle:first-child .content-intro, .total-row-two .content-intro, .total-row-one .content-intro, .total-row-two .group-contentmiddle .content-middle:first-child .content-intro, .total-row-one .group-contentmiddle .content-middle:first-child .content-intro{padding-top:0;} 
	/*.content-intro .intro-right .content-right .items-intro .item{width:50%; margin-right:0;}
	.content-intro .intro-right .content-right .items-intro{justify-content: space-between;}*/
	.content-intro .item .logo{top:15px;}
	.content-intro .item .logo img{width:100px;}
	.content-video .bt-play::after{background-size:60%;}
	.content-video{padding-top:56%;}
	/*.owl-carousel .owl-item, .owl-carousel .item{height:600px;}*/
}
@media(max-width:568px){
	
	.design .mobile-cp{display:block;}
	.content-bottom .laptop{display:none;}
	.content-bottom .design{width:100%;}
}
@media(max-width:480px){
	.content-swatch .list-color .item-color img{height:350px;}
	.content-swatch .list-color .item-color h4.text-color{font-size:24px;}
	.slideshow .slideshow_inner .caption-items{width:90%;} 
	header#site-header .logo-left{width:414px;}
	.content-intro .intro-left .group-button > a{width:100%;}
}
@media(max-width:400px){
	header#site-header .logo-left img{width:120px;}
	.content-video .bt-play::after{background-size:40%;}
}