/*HEADER*/
.head { padding-top:15px; padding-bottom:5px;background: linear-gradient(#000000 0%, #414141 100%);}
.header {padding-bottom:15px;}
.top-menu {color:#d4d8dd; line-height:16px;  float:right; font-size:18px; margin-right:12px}
.top-menu a {font-size:12px; color:#CFCFCF; padding:0 25px; text-decoration:none }
.top-menu a:hover {color:#fff}
.top-menu a:last-child  {padding-right:0}
.top-menu img  {padding-right:10px}


.search_box{ padding: 0; margin-right:10px; margin-top:20px; position:relative; width:225px; background:#FFF; border:1px solid #cfd2d4; float:right; z-index:99 }
.search_box:hover{  border:1px solid #f58220; }
.search_box:hover input#sbutton{background: url(../images/bg-search-button-hover.png) no-repeat; }
.search_box input#s{margin:0;vertical-align: top; width:200px;  color:#778988; background:none; border: none; padding:2px 4px 3px 4px; font-size:13px}
.search_box:hover input#s {color:#f58220; }
.search_box input#sbutton{margin:0 ; padding:0; height:22px; width:29px;  border:none; background: url(../images/bg-search-button.png) no-repeat; position:absolute; right:0; top:0px; cursor:pointer  }

.social  { padding:0 ; float: right; }
.social-slide { height: 25px;   margin: 0 0 0 5px;  transition: all 0.3s ease 0s;   width: 25px; float:left}
.social-slide a{text-indent:-9999px;display:block}
.social-slide:hover {   background-position: 0 -25px;}
.linkedin-hover {  background-image: url("../images/linkedin-hover.png");}
.facebook-hover {  background-image: url("../images/facebook-hover.png");}
.twitter-hover {  background-image: url("../images/twitter-hover.png");}
.google-hover {  background-image: url("../images/google-hover.png");}
span.share {padding:3px 0 0 10px;display:inline-block;}
span.social-text {font-size:11px; float:left; color:#CFCFCF; padding-top:5px; padding-right:10px}

.phone {float:right;font-size:20px; font-family:"medium"; padding:20px 20px 0 20px; color:#CFCFCF; background:url(../images/phone.png) no-repeat 0 26px;}
.phone span {font-size:15px; font-family:"regular"}

/*NEWS*/
.news-row { padding:5px 10px; margin:10px 0 10px 0; background:#FFF url(../images/bg-news.html) no-repeat; height:38px; overflow:hidden}
.news {margin-left:-15px;  }
.news h3 {display:inline; font-size:16px; color:#FFF; font-family: 'medium', Tahoma, Geneva, sans-serif;  float:left; margin:7px 0 0 10px  }
.news ul  { margin:0 0 0 40px; padding:5px 0 5px 15px; list-style:none; float:left }
.news ul li {height:32px; width:100% !important}
.news ul li a {font-size:13px; color:#57534b;font-family: 'light', Tahoma, Geneva, sans-serif;   }
.caroufredsel_wrapper {float:left; min-height:240px;}
ul#news-list {width:100% !important}
a.news-all {float:right; display:block; color:#8f8f8f; padding-top:4px}
a.news-all:hover {color:#f58220; }


/*FOOTER*/
.footer {   /*background:url(../images/bg-footer.jpg) repeat-x #e8e8e8;*/    box-shadow: 1px 1px 10px black; background: linear-gradient(#000000 0%, #414141 100%); overflow:hidden;}
.footer-left {margin:20px 0; border-right:1px solid #ababab}
.copy { font-size:12px; /*color:#222222;*/ color:##CFCFCF; font-family: 'light', Tahoma, Geneva, sans-serif; padding:18px 8px 5px 0 }
.copy span { font-size:12px; color:#828379;  display:block }
.venus {float:right;padding-top:12px }
.venus a {font-size:12px; color:#828379; }
.logo-footer {padding-right:20px; display:block}
.menu-footer { padding-top:40px; padding-bottom:10px; border-bottom:1px solid #ababab}
.menu-footer a { padding:0 16px}
.menu-footer a:first-child { padding-left:0}
.menu-footer a:last-child { padding-right:0}

.egepen {float:right; padding-top:20px}
 

/*PAGE*/

.page { background:#FFF; overflow:hidden; padding:5px; border-radius:10px; -webkit-border-radius:10px; margin-bottom:30px; margin-top:10px; 
-webkit-box-shadow: 0 5px 3px 5px rgba(0,0,0,0.2);box-shadow: 0 5px 3px 5px rgba(0,0,0,0.2);}


.page-right {border-left:1px dashed #999; padding-left:20px; margin:0px 0; margin-top:-150px;}
.page-right h4 {color:#FFF; background:url(../images/bg-title.jpg) repeat-x; font-size:16px; padding:7px 10px; margin-bottom:0}
.page-right p { margin-top:10px}
.page-right a { color:#7A7A7A}



.product {position:relative; top:-60px; z-index:2; margin-bottom:-30px}
#productmain .item{  margin: 0 10px 10px 0;  color: #FFF; /*background:#6b7073;*/background: linear-gradient(#BB0000 0%, #000000 100%);-webkit-border-radius: 10px  ;border-radius: 10px ; overflow:hidden ;}
#productmain .item .images{ background:#e8e8e8 url(../images/bg-product.jpg) repeat-x;-webkit-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0; border:1px solid #d1d1d1;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
}  
#productmain .item .image {text-align:center; padding:10px 0}  
#productmain .item .image img { width:128px }  
#productmain .item h3 {font-size:15px; color:#FFF; text-align:center; margin:7px 0  }
#productmain .item a.detail {color:#000; background:url(../images/arrow.png) no-repeat; font-size:11px; padding-left:15px; display:inline-block; margin:0 0 10px 10px}
#productmain .item a.detail:hover {color:#f15a2b; }
#productmain .item p {line-height:16px}
#productmain .item:hover { -webkit-box-shadow: 0 5px 3px 5px rgba(0,0,0,0.2);box-shadow: 0 5px 3px 5px rgba(0,0,0,0.2); /*background:#f15a2b*/    background: linear-gradient(#393939 0%, #0B0B0B 100%);  }
#productmain .item:hover .images {background:#FFF; }
.customNavigation{ text-align: center; position:absolute; right:0; top:0 } 
.customNavigation a{
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
border:1px dotted #ced6e0;
background-image:url(../images/arrows.png);
background-repeat:no-repeat;
width:10px; height:16px; display:inline-block; text-indent:-9999px;
}
.customNavigation .btn {padding:0; border:none;  margin-left:5px}
.customNavigation a.prev {background-position:-10px 0px}
.customNavigation a.next {background-position:0 0}

.page-box h3 {font-size:16px; color:#616365}
.page-box h2 {background:url(../images/bg-title.png) repeat; margin:0; padding:0; line-height:18px; font-size:18px; margin-bottom:0}
.page-box h2 span {font-size:18px; color:#000; background: #FFF; line-height:18px; padding-right:20px }
.page-box img {width:100%}


.news-page {position:relative}
ul.news-main {margin:0; padding:0; list-style:none}
ul.news-main li {overflow:hidden; border-bottom:1px dashed #999}
ul.news-main li a {color:#999a9b}
ul.news-main li a:hover {color:#000}
.news-left {width:90px; float:left; padding-top:20px; padding-bottom:30px; padding-right:10px}
.news-right { padding-bottom:10px }
h4 {font-size:12px; margin-top:0; color:#909090}
h4 span {background:url(../images/date.png) no-repeat; width:10px; height:10px; text-indent:-9999px; display:inline-block; margin-right:5px}


.arrow-news {background:#FFF; height:20px; width:54px; position: absolute; top:0; right:0}
.prev2, .next2 { width:17px; height:17px; text-indent:-9999px; float:left  }
a.prev2, a.next2 { outline:none}
.prev2 {  background:url(../images/arrow-left.png) no-repeat center ; padding-left:30px}
.next2 {  background:url(../images/arrow-right.png) no-repeat center ; padding-left:10px}

 
/* NEWS*/
.news-container { padding:0}
.news-page-master { min-height:150px;margin:0 0 15px 0;background:#FFF;   border-radius:10px; -webkit-border-radius:10px; border:1px solid #CDCDCD}
.news-page-master h3 {  margin-top:0}
.news-page-master h3 a { font-size:20px; line-height:20px;display: inline-block;color:#929292; text-decoration:none }

.news-page-master .right {margin-top:15px;}
.news-page-master .right a.button { color: #FFF; text-align: center; background: #F15A2B; padding: 5px 10px; text-decoration:none}
.news-page-master .right a.button:hover { background:#000; color:#FFF; }
.news-page-master .right h3 { margin-top:0}
.news-page-master .left {}
.news-page-master .left img {width:100%; max-height:285px; padding-top:0}



/* NEWS DETAIL*/
.news-detail-container { padding:0}
.news-detail{background:#FFF; overflow:hidden;padding:15px 0; margin-bottom:40px;  border-radius:2px; -webkit-border-radius:2px; border:1px solid #CDCDCD; margin-right:30px}
.news-detail-left img {width:100%;}
.news-detail-right h2 { margin-top:0; color:#F15A2B; font-family:"bold"}
.news-detail-right h3 { margin-top:0; color:#999; font-family:"light"}
.news-detail-right ul { margin: 0; padding: 0; list-style:none} 
.news-detail-right ul li {background: url(../images/arrow.png) no-repeat 0 50%; border-bottom:1px solid #CDCDCD; padding:5px 0 5px 15px} 
a.button-news { color: #FFF; text-align: center; background: #f15a2b; padding: 5px 10px; text-decoration:none; display:block; margin-top:10px}
a.button-news:hover { background:#000; color:#FFF; }



.master-page {margin-top:-30px}
.master-banner {position:relative}
.master-banner img {width:100%}
.master-banner-bottom {position: absolute; bottom:-15px; height:149px; width:100%; background:url(../images/bg-banner.png) repeat-x; }
.master-banner .master-title {/*position:absolute; top:40%; z-index:2; margin-left:15px*/ margin-bottom: 35px;  margin-left: 15px;  margin-top: -150px;  position: relative; z-index: 2;}
.master-banner .master-title h2 {background:#f15a2b; display:inline-block; font-size:38px; font-family:"light"; color:#FFF; padding:3px 10px;-webkit-box-shadow: 0 10px 5px 5px rgba(0,0,0,0.2); box-shadow: 0 10px 5px 5px rgba(0,0,0,0.2);}


.page-right-master {padding-left:10px; margin:0; border-left:none}
.page-right-master img {width:100%}
.master-content {padding:20px 0 50px 0; overflow:hidden; margin-top:-70px }

.master-right { background:url(../images/bg-shadow.png) no-repeat top left; min-height:400px}
.master-left { background:url(../images/bg-shadow-2.png) no-repeat top left; padding-left:30px; min-height:400px }
.master-left h3 { font-size:32px; font-family:"bold"; color:#000; margin-bottom:0  }
.master-left h4 { font-size:32px; font-family:"light"; color:#000; }

h3.title-right {text-align:right; margin:0 0 15px 0}
h3.title-left {text-align:left; margin:0 0 15px 0}


.contact-page h3 {font-size:18px}
.contact-page h4 {font-size:18px}
.shadow-other {background:url(../images/bg-shadow.png) no-repeat top left;}

.col-human h2 {  background: none repeat scroll 0 0 #000000;  border-radius: 3px; -webkit-border-radius: 3px; color: #FFFFFF; font-size: 20px; font-weight: bold; padding: 2px 10px;  border-right:5px solid #f15a2b;
    margin-top:0}
.solution .images {height:100px}



/*SOLUTION PARTNERS*/
.solution {position:relative;}
.solution .item{  margin: 0 0 15px 0;  color: #FFF; background:#6b7073;-webkit-border-radius: 10px  ;border-radius: 10px ; overflow:hidden ;}
.solution .item .images{ background:#e8e8e8 url(../images/bg-product.jpg) repeat-x;-webkit-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0; border:1px solid #d1d1d1;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
}  
.solution .item .image {text-align:center; padding:10px 0}  
.solution .item .image img { width:128px }  
.solution .item h3 {font-size:15px; color:#FFF; text-align:center; margin:7px 0  }
.solution .item a.detail {color:#000; background:url(../images/arrow.png) no-repeat; font-size:11px; padding-left:15px; display:inline-block; margin:0 0 10px 10px}
.solution .item a.detail:hover {color:#f15a2b; }
.solution .item p {line-height:16px}
.solution .item:hover { -webkit-box-shadow: 0 5px 3px 5px rgba(0,0,0,0.2);box-shadow: 0 5px 3px 5px rgba(0,0,0,0.2); background:#f15a2b  }
.solution .item:hover .images {background:#FFF; }

/*PRODDUCT*/
.product-container { padding-left:0; padding-right:0; padding-bottom:15px}
.product-page { min-height:130px;margin:0 0 15px 0;
-webkit-transition: background-color .4s linear;
-moz-transition: background-color .4s linear;
-o-transition: background-color .4s linear;
-ms-transition: background-color .4s linear;
transition: background-color .4s linear;
background:#FFF;   -webkit-box-shadow:5px 5px 40px 0px rgba(0, 0, 0, 0.3) inset;box-shadow:5px 5px 40px 0px rgba(0, 0, 0, 0.3) inset; border-radius:10px; -webkit-border-radius:10px;
padding-left:15px
}
.product-page h3 {  margin-top:0}
.product-page h3 a { font-size:20px; line-height:20px;display: inline-block;color:#929292; text-decoration:none }

.product-page:hover { background:#333; box-shadow:none}
.product-page:hover h3 {  margin-top:0; color:#FFF}
.product-page:hover h3 a { font-size:20px; line-height:20px;display: inline-block;color:#FFF; text-decoration:none }

.product-page:hover .left { background:#FFF; }

.master-title { margin:10px 0}
.master-title h2 {background:#f15a2b; display:inline-block; font-size:38px; font-family:"light"; color:#FFF; padding:3px 10px;}

.right {margin-top:15px;}
.right a.button { color: #FFF; text-align: center; background: #F15A2B; padding: 5px 10px; text-decoration:none}
.right a.button:hover { background:#FFF; color:#F15A2B; }
.right h3 { margin-top:0}
.left {margin-top:15px;   /*height:100px; background:#FFF; border:1px solid #E3E3E3*/ }
.left img {width:100%; padding-top:15px; max-height:285px}

.left-image { height:300px; /*background:#FFF; border:1px solid #E3E3E3*/ overflow:hidden}
.product-sub {height:335px; overflow:hidden}
.product-sub .left {border:1px solid #CDCDCD;background:#FFF}

/*PRODDUCT DETAIL*/
.pro-detail-container { padding:0}
.pro-detail{background:#FFF; overflow:hidden;padding:15px 0; margin-bottom:40px; /*-webkit-box-shadow:5px 5px 40px 0px rgba(0, 0, 0, 0.2) inset;box-shadow:5px 5px 40px 0px rgba(0, 0, 0, 0.2) inset;*/ border-radius:2px; -webkit-border-radius:2px; border:1px solid #CDCDCD; margin-right:30px}
.pro-detail-left .main_image {width:100%;}
.pro-detail-right h2 { margin-top:0; color:#F15A2B; font-family:"bold"}
.pro-detail-right ul { margin: 0; padding: 0; list-style:none} 
.pro-detail-right ul li {background: url(../images/arrow.png) no-repeat 0 50%; border-bottom:1px solid #CDCDCD; padding:5px 0 5px 15px} 
.pro-detail-right ul li:last-child {border-bottom: none;} 
.pro-detail-right  a.button { color: #FFF; text-align: center; background: #b00813; padding: 5px 10px; text-decoration:none}
.pro-detail-right  a.button:hover { background:#000; color:#FFF; }

ul.gallery {overflow:hidden; margin:0 0 3px 0; padding:3px 0 3px 0;}
ul.gallery li { border: 2px #FFF solid; margin: 0 10px 10px 0; background: #fff;  float: left; position: relative; overflow: hidden; width:85px;-webkit-box-shadow: 5px 5px 4px 0 rgba(0,0,0,0.2);box-shadow: 5px 5px 4px 0 rgba(0,0,0,0.2);
    -webkit-transition: all .25s linear .15s;
	-moz-transition: all .25s linear .15s;
	-o-transition: all .25s linear .15s;
	-ms-transition: all .25s linear .15s;
	transition: all .25s linear .15s; }
ul.gallery li:hover { border: 2px #b00813 solid;   }
ul.gallery li .image { width: 85px; text-align: center; position: relative; overflow: hidden; }
ul.gallery li .image img { width: 85px;  }




.detail-menu { padding:40px 15px 30px 15px; margin:-95px 0 0 -10px;  background:#FFF; border-left:1px solid #CDCDCD; border-right:1px solid #CDCDCD; min-height:400px}
.detail-menu ul {margin:0; padding:0; list-style:none}
.detail-menu ul li {margin-bottom:15px; padding-bottom:15px; border-bottom:1px dotted #CDCDCD}
.detail-menu ul li:last-child {margin-bottom:0; padding-bottom:0; border-bottom:none}
.detail-menu ul li a {font-size:20px; font-family:bold; line-height:20px; color:#222822;background:#FFF;margin-bottom:15px; display:inline-block; border-bottom:1px solid #222	
}

.detail-menu ul ul {margin:0 ; padding:0; list-style:none}
.detail-menu ul ul li {margin-bottom:7px; padding-bottom:7px; border-bottom:1px dotted #CDCDCD}
.detail-menu ul ul li:last-child {margin-bottom:0; padding-bottom:0; border-bottom:none}
.detail-menu ul ul li a {font-size:14px; font-family:regular; line-height:14px; color:#222822;background:#FFF url(../images/dot.png) no-repeat right; margin-bottom:0; text-align:right; display:block; border:none;
                         padding-right:15px}
.detail-menu ul ul li a:hover {color:#f15a2b}



.detail-menu-news ul li {margin-bottom:7px; padding-bottom:7px; border-bottom:1px dotted #CDCDCD}
.detail-menu-news ul li a {font-size:14px; font-family:regular; line-height:14px; color:#222822;background:#FFF url(../images/dot.png) no-repeat right; margin-bottom:0; text-align:right; display:block; border:none;
                         padding-right:15px}
.detail-menu-news ul li a:hover {color:#f15a2b}
.detail-menu-news h2 {text-align:right; font-family:"bold"}



/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {	
 
.search_box {margin:15px auto; width:300px; float:none}
.search_box input#s {width:275px}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color:#adaca3; margin-left:0}
.venus {float:left; padding-top:10px}
ul.menu-footer {overflow:hidden; border-left: none;  margin-left:0; padding-bottom:10px}
ul.menu-footer li {border-bottom:1px solid #CDCDCD}
.news ul li {height:auto ;padding-bottom:15px}
.news ul {margin:0; padding:0; border-left:0;}
.news-row { height:auto; overflow: visible}
.top-menu {text-align:center; margin:0; float:left; width:100%;  border-bottom:1px solid #CDCDCD; padding:10px 0}
.top-menu a {padding:0}
.news h3 {margin-left:0}
.social {margin:0; float:none; text-align:center;  border-bottom:1px solid #CDCDCD; padding:10px 0; overflow:hidden; border-top:1px solid #CDCDCD; }
.social-text {display:none}
.share {float:right}
.search_box{ width:100%; }
.search_box input#s{width:100%;}  
.phone {float:left; padding:0}
.logo {text-align:center; padding-bottom:15px;margin:auto; width:258px}
.product {margin-bottom:30px; top:20px}
.page-right {padding-left:0; border-left:none; margin-bottom:10px}
.page-right img {width:100%}
.footer-left {border-right:none}
.menu-footer a {padding:0 5px 0 0; color:#333;border-right:1px solid #A8A8A8}
.menu-footer a:last-child {border-right:none}
.menu-footer {border-top:1px solid #ABABAB; padding-top:10px}
.footer {background-image:none; background-color:#E4E4E4; border-top:5px solid #CDCDCD}
.egepen {float:left; padding-bottom:10px}
.navbar {background-image:none; background-color:#000; min-height:55px}
.nav > li {background-image:none}


.master-page {margin-top:0px}
.master-left {background-image:none}
.master-banner-bottom {display:none}
.master-banner .master-title {margin-top:0; margin-bottom:60px}
h3.title-right, h3.title-left  {text-align:left; margin-top:15px; border-bottom:1px solid #000;  padding-bottom:15px}
.shadow-other {background-image:none}
.human-col-4 {padding-left:0; padding-right:0; margin-left:-15px}


.product-page { min-height:200px;  background:#FFF;  -webkit-box-shadow: none ;box-shadow: none; border-radius:0; -webkit-border-radius:0;padding-left:15px; border:1px solid #CDCDCD}
.product-page:hover { background-color:#FFF; border:1px solid #CDCDCD}
.product-page:hover h3 a {color:#000}
.product-container { padding-left:15px; padding-right:15px; padding-bottom:15px}
.right a.button:hover { background:#000; color:#FFF; }

.left-image {height:120px}
.product-sub {height:285px}
.product-sub .left {border:none; padding-left:0}

.detail-menu {margin:0 15px 15px 0; border:1px solid #CDCDCD}
.pro-detail {margin-right:15px}
.detail-menu ul ul li a {text-align:left}
}
	




@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {


.top-menu {position:absolute !important; top:-60px; right:0}
.phone {float:left;}
.social {margin-top:-10px}
.product {top:-10px; margin-bottom:10px}
.page-right {padding-left:0; border-left:none; margin-bottom:10px}
.page-right img { float:left; margin:0 10px 20px 0}
.menu-footer {padding-top:0}
.menu-footer a {padding:0 10px 0 0}
.egepen {float:left; padding:10px 0}
.search_box {margin-right:0}
.tp-caption.very_large_text {margin-top:-90px !important}

.navbar-default .navbar-nav > li > a {font-size:12px !important}
.nav > li > a {padding:10px !important}

   
.product-page { min-height:200px;  background:#FFF;  -webkit-box-shadow: none ;box-shadow: none; border-radius:0; -webkit-border-radius:0;padding-left:15px; border:1px solid #CDCDCD}
.product-page:hover { background-color:#FFF; border:1px solid #CDCDCD}
.product-page:hover h3 a {color:#000}
.product-container { padding-left:15px; padding-right:15px; padding-bottom:15px}
.left-image {height:210px}

.detail-menu {margin:0 15px 15px 0; border:1px solid #CDCDCD}
.pro-detail {margin-right:15px}
.detail-menu ul ul li a {text-align:left}

.master-page {margin-top:0px}
.master-left {background-image:none}
.master-banner-bottom {display:none}
.master-banner .master-title {margin-top:0; margin-bottom:60px}
h3.title-right, h3.title-left  {text-align:left; margin-top:15px; border-bottom:1px solid #000;  padding-bottom:15px}
.shadow-other {background-image:none}
.human-col-4 {padding-left:0; padding-right:0; margin-left:-15px}
.master-banner {margin-top:-20px}
}






@media only screen and (min-width : 768px) and (max-width : 1024px) {
.top-menu {position:absolute !important; top:-60px; right:0}
.phone {float:left;}
.social {margin-top:-10px}
.product {top:-10px; margin-bottom:10px}
.page-right {padding-left:0; border-left:none; margin-bottom:10px}
.page-right img { float:left; margin:0 10px 20px 0}
.menu-footer {padding-top:0}
.menu-footer a {padding:0 10px 0 0}
.egepen {float:left; padding:10px 0}
.search_box {margin-right:0}
.tp-caption.very_large_text {margin-top:-90px !important}

.navbar-default .navbar-nav > li > a {font-size:12px !important}
.nav > li > a {padding:10px !important}

   
.product-page { min-height:200px;  background:#FFF;  -webkit-box-shadow: none ;box-shadow: none; border-radius:0; -webkit-border-radius:0;padding-left:15px; border:1px solid #CDCDCD}
.product-page:hover { background-color:#FFF; border:1px solid #CDCDCD}
.product-page:hover h3 a {color:#000}
.product-container { padding-left:15px; padding-right:15px; padding-bottom:15px}
.left-image {height:210px}

.detail-menu {margin:0 15px 15px 0; border:1px solid #CDCDCD}
.pro-detail {margin-right:15px}
.detail-menu ul ul li a {text-align:left}

.master-page {margin-top:0px}
.master-left {background-image:none}
.master-banner-bottom {display:none}
.master-banner .master-title {margin-top:0; margin-bottom:60px}
h3.title-right, h3.title-left  {text-align:left; margin-top:15px; border-bottom:1px solid #000;  padding-bottom:15px}
.shadow-other {background-image:none}
.human-col-4 {padding-left:0; padding-right:0; margin-left:-15px}
.master-banner {margin-top:-20px}
}












@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
    
.top-menu {text-align:center; margin:0; float:right; width:100%; }
.top-menu a {padding:0}

.egepen {float:left; padding:10px 0}
.tp-caption.very_large_text {margin-top:-90px !important}
/*.navbar-default .navbar-nav > li > a {font-size:12px !important}*/
.nav > li > a {padding:10px 12px !important}
.page-right img {width:100%}
.menu-footer a {padding:0 10px 0 0}
.master-page {margin-bottom:-20px; top:-20px }
.master-left {background-image:none}

}




#Container .mix{
display: none;
}

.controls{
padding: 2%;
background: #FFF;
color: #eee;
border:1px solid #E3E3E3;
}


.filter{
display: inline-block;
padding: .4em .8em;
background: #000;
border: 0;
color: #FFF;
font-weight: 300;
border-radius: 4px;
cursor: pointer;
}

.filter.active, .sort.active{
background: #f15a2b;
color: #FFF;
}

.filter:focus{
outline: 0 none;
}
.sort {
float:right;  
display: inline-block;
padding: .4em .8em;
background: #666;
border: 0;
color: #ddd;
font-weight: 300;
border-radius: 4px;
cursor: pointer;
margin-left:5px
}

.container-filter{
padding: 2% 2% 0;
text-align: justify;
font-size: 0.1px;
background: #FFF;
border:1px solid #E3E3E3;  
border-top-width:0;
-webkit-backface-visibility: hidden;
}

.container-filter:after{
content: '';
display: inline-block;
width: 100%;
}

/*.container-filter .mix,
.container-filter .gap{
display: inline-block;
width: 49%;
}*/
.container-filter .mix a,
.container-filter .gap a{
text-decoration:none
}

.container-filter .mix{
text-align: left;
background: #FFF;
margin-bottom: 2%;
display: none;
}

.container-filter .mix.category-1{
border-top: 2px solid limegreen;
}

.container-filter .mix.category-2{
border-top: 2px solid yellow;
}

.container-filter .mix:after{
content: attr(data-myorder);
color: white;
font-size: 16px;
display: inline-block;
vertical-align: top;
/*padding: 4% 6%;*/
font-weight: 700;
}

.container-filter .mix:before{
content: '';
display: inline-block;
/*padding-top: 60%;*/
}

/*@media all and (min-width: 420px){
.container-filter .mix,
.container-filter .gap{
width: 32%;
}
}

@media all and (min-width: 640px){
.container-filter .mix,
.container-filter .gap{
width: 23.5%;
}
}*/


.filter-image {height:130px; overflow:hidden}
.filter-image img {max-width:180px}