@charset "utf-8";
/* CSS Document */

/*#header{ position:relative; background: rgba(255,255,255,0); padding-top: 2%;}
.sb-toggle-right{ background:#02574e; padding: 15px 15px 0;}
	.navicon-line {background: #FFF;}*/

#header{ position: fixed; background: url(../images/side_bg.jpg) center center no-repeat; height: 80px;
-moz-background-size:cover;
-webkit-background-size:cover;
-o-background-size:cover;
background-size:cover; }
#header a{color: #FFF;}
.navicon-line {background: #FFF;}

#sidebar{ display: block; position:fixed; top:80px; bottom:0; left:0; width:70%; height: 100%;  padding: 0; overflow: hidden; background:url(../images/middle_bg2.jpg) no-repeat; 
-moz-background-size:cover;
-webkit-background-size:cover;
-o-background-size:cover;
background-size:cover; }
#sidebar .nav-header{display: none;}

#side_menu>ul>li>a{ position:relative; font-family: "Saira", \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif; color:#d6d6d6; font-size:30px; display:block; height:280px;}
#side_menu>ul>li>a span{ content: " "; display: inline-block; width: 30px; height: 15px; background: rgba(31,152,137,0.8); vertical-align: middle; margin-right: 30px; border:0;}
#side_menu>ul>li>a .listtxtNormal{ font-size:16px; color:rgba(214,214,214,0); padding:3% 0;}
#side_menu>ul>li>a:hover, #side_menu>ul>li>a:focus{ background:rgba(255,255,255,0.2); color:#00ab97;}
#side_menu>ul>li>a:hover .listtxtNormal, #side_menu>ul>li>a:focus .listtxtNormal{color:rgba(214,214,214,1.00); }
#side_menu>ul>li>a i{ display:none; position:absolute; right:10%;  bottom: 5px;
-webkit-transition-duration: 1s;
transition-duration: 1s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;}
#side_menu>ul>li>a:hover i{ webkit-transform: rotate(360deg); transform: rotate(360deg);}

#content{ display: block; position:fixed; top:80px; bottom:0; right: 0; width:30%; height: 100%; padding: 0; overflow:hidden; background:url(../images/product_bg.jpg) no-repeat;  
-moz-background-size:cover;
-webkit-background-size:cover;
-o-background-size:cover;
background-size:cover; }
#content .breadcrumb, #content .page-header, #content #result, #content .thumbnails{display: none;}

#content .txtNormal{padding: 0;}
#catedescA>p{display: none;}
#catedescA .pro-list{position: relative; display: block!important;}
#catedescA .pro-img {position: relative; z-index: 1;}
#catedescA .pro-name{position: absolute; left: 0; top: 0; z-index: 2; font-size: 24px; padding: 10px;}
#catedescA .pro-desc{position: absolute; left: 0; bottom: 0; z-index: 3; font-size: 18px; height: auto; overflow: hidden; padding: 5px; 
background: rgba(179,175,154,0.7); cursor: pointer;display: none;}
#catedescA .pro-list a{position: absolute; left: 0; right: 0; top: 0; bottom:0; z-index: 4;}
#catedescA .pro-list:hover .pro-desc{display: block;}


@media(max-width:1366px) {
	#header{height: 68px;}
	#sidebar, #content{top:68px;}
}
@media(max-width:991px) {
	#header{height: 60px;}
	#sidebar, #content{top:50px;}
    #catedescA .pro-desc{font-size: 15px;}
}
@media(max-width:800px) {
	#side_menu>ul>li>a .listtxtNormal{ font-size:15px;}
}
@media(max-width:767px) {
	#header{position: relative;}
	#middle>.wrap{padding: 0;}
	#content{ display: none}
	#sidebar{position: relative; top:0; width: 100%;}
}

/*#sidebar .nav-header{ position:fixed; left: 65%; top: 8%; font-size:40px; color:#FFF; font-family: "Saira", \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif; background:none; text-transform:uppercase;}*/
/*#side_menu{ position:fixed; top:0; bottom:0; width:50%; height:100%; display:block;}



#side_menu{ left:0; background:url(../images/side_bg.jpg) no-repeat; 
-moz-background-size:cover;
-webkit-background-size:cover;
-o-background-size:cover;
background-size:cover; }

/*#side_menu>ul>li>ul{ width:45%;}
#side_menu>ul>li>ul{ position:fixed; top:0; bottom:0; width:50%;  height:100%; display:block;}*/
/*

#side_menu>ul>li>ul{ right:0; margin-top: 10%; overflow:auto; height:75%; padding:0;}
#side_menu>ul>li>ul>li>a{ font-family: "Saira", \5FAE\8EDF\6B63\9ED1\9AD4, sans-serif; font-size:24px; color:#FFF; height:177px;  border:1px solid #666666; display:block; padding:8% 5%;  background:url(../images/product/pro-01-01.jpg) center left no-repeat;
-moz-background-size:cover; -webkit-background-size:cover; -o-background-size:cover; background-size:cover;}
#left_menu > ul > li:nth-of-type(10) a, #left_menu > ul > li:nth-of-type(11) a{font-size: 20px;}


#side_menu>ul>li>ul>li:nth-child(evem)>a{ background:url(../images/product/pro-01-01.jpg) center left no-repeat; 
-moz-background-size:cover; -webkit-background-size:cover; -o-background-size:cover; background-size:cover;}
#side_menu>ul>li>ul>li:nth-child(odd)>a{ background:url(../images/product/pro-01-02.jpg) center left no-repeat; 
-moz-background-size:cover; -webkit-background-size:cover; -o-background-size:cover; background-size:cover;}
@media(max-width:1366px) {
	#sidebar .nav-header{ top: 2%;}
	#side_menu>ul>li>ul{height:80%;}
}
@media(max-width:1280px) {
	#side_menu>ul>li>a{padding: 5%;  height:300px;}
}
@media(max-width:991px) {
	#sidebar .nav-header{ position:relative; left:0; top: 0; padding-top: 80px; font-size: 30px;}
	#side_menu{background:url(../images/side_bg.jpg) no-repeat; -moz-background-size:cover; -webkit-background-size:cover; -o-background-size:cover; background-size:cover;}
	#side_menu > ul {margin-top: 30px;}
	#side_menu>ul>li>a .listtxtNormal{ color:rgba(214,214,214,1);}
	#side_menu{ width:100%; height:100%; top:0; bottom:auto; right:0;}
	#side_menu>ul>li{border-bottom:1px solid #666666; border-top:1px solid #666666;  }
	#side_menu>ul>li>a{padding: 2% 5%; height: auto; font-size:28px;}
 	#side_menu>ul>li>ul{ position:relative; bottom:0; top:0; left:0; height:auto; padding:0; margin-top: 0; display:none; width:100%;}
	#side_menu>ul>li>ul.collapse.in{ display:block;}
	#side_menu>ul>li>a i{ display:block;}
	#header{ padding:0;}
	#header>.wrap{ padding-right:0;}
}
@media(max-width:600px) {
	#side_menu>ul>li>a{ font-size:24px;}
	#side_menu>ul>li>ul>li>a{ height:120px; font-size: 20px;}
}
@media(max-width:480px) {
	#side_menu>ul>li>a span{width: 15px; margin-right: 10px;}
	#side_menu>ul>li>a i{ position:relative; right:auto; left:0; display:inline-block; margin-left:5px; bottom:0;}
	#side_menu > ul {margin-top: 0; height:75%;}
}
*/







#left_menu{}
.sb-close {position: absolute; right: 5%; top: 4%;}
.sb-toggle-submenu .caret{ vertical-align:middle; border-left: 4px solid; border-top: 4px solid transparent; border-bottom: 4px solid transparent;}


#left_menu{ text-align:center;}
#left_menu ul.sb-menu{ display:inline-block; text-align:left; width:50%;}
#left_menu .sb-menu{ position:relative;}
#left_menu .sb-menu li.active ul.sb-submenu{ display:none; position: relative; right: 0; top: 0; z-index:9999;}
#left_menu ul.sb-submenu-active{display:block;}
#left_menu > ul > li > a {font-size: 24px;line-height: 2em;}
#left_menu > ul > li > ul > li > a {font-size: 20px; line-height: 1.8em;}
@media(max-width:991px) {
	.sb-close {position: relative; right:0; top:0;}
	.sb-toggle-submenu .caret{border-top: 4px solid; border-left: 4px solid transparent; border-right: 4px solid transparent;}
	#left_menu{ text-align:left;}
	#left_menu ul.sb-menu{ display:inline-block; width:100%; margin-top: 6px;}
	#left_menu .sb-menu li.active ul.sb-submenu{position: relative;}
	#left_menu > ul > li > a {font-size: 20px; line-height: 1.5em;}
	#left_menu > ul > li > ul > li > a {font-size: 16px; line-height: 1.5em;}
	#left_menu > ul > li:nth-of-type(10) a, #left_menu > ul > li:nth-of-type(11) a{font-size: 16px;}
}


.slick-prev:before {
    content: "\f0ab";
    font-family: FontAwesome;
    font-style: normal;
    color: #ddd;
    font-size: 38px;
    line-height: 1.8em;
}

.slick-next:before {
    content: "\f0aa";
    font-family: FontAwesome;
    font-style: normal;
    color: #ddd;
    font-size: 38px;
    line-height: 1.8em;
}

@media(max-width:1600px) {
	.slick-prev:before, .slick-next:before{font-size: 35px;}
	.slick-next{right: 13%;}
	#catedescA .pro-name { font-size: 20px;}
	#catedescA .pro-desc {font-size: 14px;}
}

@media(max-width:1300px) {
	.slick-prev:before, .slick-next:before{font-size: 33px;}
	.slick-next{right: 14%;}
	#catedescA .pro-name { font-size: 18px;}
	#catedescA .pro-desc {font-size: 13px; line-height: 1.3em;}
}

@media(max-width:991px) {
	.slick-prev:before, .slick-next:before{font-size: 30px;}
	.slick-next{right: 16%;}
	.slick-prev, .slick-next{ top:2%;}
	#catedescA .pro-name { font-size: 16px; line-height: 1.4em}
	

}

@media(max-width:767px) {
	#side_menu .nav>li {border-bottom: 1px solid #555;}
	#side_menu>ul>li>a .listtxtNormal {padding:4% 0; color: rgba(214,214,214,0.4); line-height: 1.3em;}
	
}

@media(max-width:480px) {
	#side_menu>ul>li>a .listtxtNormal {font-size: 14px; }
	#side_menu>ul>li>a{ height:240px;}
	
}