/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700');
@import url('https://fonts.googleapis.com/css?family=Kanit:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i');
* { margin: 0; padding: 0; list-style-type: none; text-decoration: none; border: none; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; }
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tfoot,{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1.5}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0; line-height:1.5;}

body { font-family:'Kanit', Arial, Helvetica, sans-serif;  font-size: 16px; color:#333; font-weight:300; background:#f2f2f2; overflow-x:hidden; }
a { display:block; color:#333; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
a:hover { color:#c7202b;  }

h1, h2, h3, h4, h5, h6 { position:relative; padding:15px 0; line-height:1.2; font-weight:400; }

h1 { font-size:36px; font-weight:500; }
h2 { font-size:30px; }

p { padding:15px 0; }

.overHidden { overflow:hidden; }

#container { float:left; position:relative; width:100%; max-width:1920px; overflow-x: hidden;  }

main { float:left; width:100%; margin-top:100px; }

.warpper { position:relative; margin:0 auto; width:100%; max-width:1600px; padding:0 30px; }

section { margin:0 auto; position: relative; width:100%; max-width:1600px; height: inherit; -webkit-box-flex: 1;-ms-flex: 1; flex: 1;display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; }


.header { position:fixed; width:100%; height:100px; background:#fff; left:0; top:0; z-index:999; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
.header-warpper { margin:0 auto; width:100%; max-width:1600px; padding:0 30px; height:inherit; }

.header-less { height:60px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
.header-less .header-box { width:100%; }
.header-less .logo img { width:100px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }

.logo { float:left; display:table; position:relative; width:250px; height:100%; }
.logo h1 {  display:table-cell; height:100%; margin:0 auto; padding:0; vertical-align:middle;  }
.logo h1 a { display:inline-block; }
.logo img { width:140px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }

.nav-mobile,.nav-overay { opacity:0; visibility:hidden; }

.nav { float:left; width:auto; height:100%; }
.nav ul { }
.nav li { float: left; display:table; height: 100%; text-align: center; padding:0 2px; }
.nav li a { display:inline-table; height:50px; padding:0 30px; line-height:48px; font-size:20px; font-weight:500; text-transform:uppercase; }
.nav li a:hover,.nav li:hover a  { color:#555; background:#e0e0e0; }
.nav li a.current { color:#fff; background:#333; }
.nav li span { display: table-cell; width: 100%; height: 100%; vertical-align:middle; }

.nav ul ul { display:none; position:absolute; min-width:430px; padding:20px 15px; top:100%; left:0; background:#97917b url(../images/bg-nav.png) no-repeat center top; background-size:cover; -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; -webkit-box-shadow:0 5px 15px rgba(0, 0, 0, 0.2);-moz-box-shadow:  0 5px 15px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); }
.nav ul ul:after { content:""; position: absolute; width: 0; height: 0;  bottom: 100%; left: 15px;  border: solid transparent; pointer-events: none; border-bottom-color: #97917b; border-width: 8px; }

.nav ul ul li { float:left; width:50%; padding:0 5px 0 13px; text-align:left; vertical-align:top; }
.nav ul ul li:before { content:''; position:absolute; width:8px; height:8px; border:2px solid #fff0c8; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; left:2px; top:8px; }
.nav ul ul a { display:inline-block; width:100%; height:inherit; margin-top:0; padding:4px 10px 6px 10px; line-height:1em; color:#fff; font-weight:300; font-size:18px; overflow: hidden; background:none; text-overflow: ellipsis; white-space: nowrap;}
.nav ul ul a:hover,.nav ul ul a.current { color:#fff0c8; background:none; }
.nav ul ul ul { top:0; left:100% }
.nav ul li:hover > ul { display:block }
.nav ul ul li .fa { color:#ccc; font-size:16px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.nav ul ul a:hover .fa { color:#fff; }
.nav ul ul a.current .fa { color:#fff; }

/*
.nav li.sub span a:after { content:''; position:absolute; width:100%; height:3px; left:0; right:0; margin-left:auto; margin-right:auto; bottom:0; background:#fff; z-index:3; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.nav li.sub span a:hover:after,.nav li.sub:hover span a:after { background:#333; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; z-index:3; }
.nav li.sub span a.current:after { content:''; position:absolute; width:100%; height:1px; left:0; right:0; margin-left:auto; margin-right:auto; background:#333; bottom:0; z-index:3; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
*/

.mega { /*visibility: hidden; opacity:0;*/ display:none; /*transition: visibility 0s, opacity 0.1s linear; */position:absolute; width:100%; max-height:450px; text-align:left; top:100%; left:0; background:#fff; box-shadow: 0px 1px 5px rgba(45,62,87,0.1); -webkit-box-shadow: 0px 1px 5px rgba(45,62,87,0.1); border-top:3px solid #333; z-index:2; }
.mega .warrper-zone { margin-left:-10px; margin-right:-10px; padding:60px 0;  }
.mega .left { float:left; width:490px; }
.mega .right { }
.mega .colum { display:inline-block; position:relative; width:50%; margin-right:-7px; padding:10px 10px 30px 10px; vertical-align:top;  }
.mega .colum:last-child { padding-left:30px; border-left:1px solid #ddd; }
.mega .box { height:inherit !important;  }
.mega .box dl { display:inline-block; width:50%; margin-right:-6px; padding-right:20px; vertical-align:top; }
.mega .box dt { position:relative; padding:2px 0; }
.mega .box dt a { position:relative; padding-left:20px; }
.mega .box dt a:before { content:""; position:absolute; width:10px; height:2px; left:0; top:0; bottom:0; margin-top:auto; margin-bottom:auto; background:#999; z-index:1;  -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease; }
.mega .box dt a:hover:before { width:15px; background:#333; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease; }
.mega .box h4 { margin-bottom:10px; padding:15px 0 10px 0; }
.mega .box h4 a { font-size:18px !important;  font-weight:500 !important; }
.mega .box h4 small { font-weight:300 !important; }
.mega .box img { width:100%; }
.mega .box a { display:inline-block; height: auto !important; padding:0; color:#333 !important; font-size:14px !important; font-weight:400 !important; line-height:inherit !important; background:none !important; }
.mega .box a:hover { color:#c7202b !important; }
.mega .border-right { border-right:1px solid #eee; }
.mega .list-brand dl { width:25%; padding-right:10px; }

.show-mega-search { visibility: visible !important; opacity: 1 !important;  -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease;}
.mega-search {
	visibility: hidden; opacity: 0;
    transition: visibility 0s, opacity 0.1s linear;
    position: absolute;
    width: 100%;
    text-align: left;
    top: 100%;
    left: 0; padding:0 15px;
    background: #333;
    z-index: 1; 
}
.mega-search input[type="text"] { background:none !important; color:#fff !important; border:none; height:50px; padding-right:85px; padding-left:0; font-weight:300 !important; }
.mega-search input[type="text"]:focus { border:none !important; }
.mega-search input::placeholder { color:#eee; }
.mega-search button[type="submit"] { position:absolute; width: 80px; height:50px; padding: 0; font-family:'Kanit', Arial, Helvetica, sans-serif;  font-size: 16px; color:#fff; background:#000; right:0; top:0; cursor:pointer; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
.mega-search button[type="submit"]:hover { color:#fff; background:#000; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }

.top-right { float:right; display:table; height:100%; }
.top-right .box { display:table-cell; width:auto; height:50px; vertical-align:middle;  }

.top-search { float:left; position:relative; width:400px; height:50px; padding:0 0 0 5px; background:#eee; }
.top-search input[type="text"] { border:none; height:50px; padding-right:60px; font-weight:300 !important; }
.top-search input[type="text"]:focus { border:none !important; }
.top-search button[type="submit"] { position:absolute; width: 50px; height:50px; padding: 0; right:0; top:0; cursor:pointer; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
.top-search button[type="submit"]:hover { color:#fff; background:#333; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
.top-search .fa { font-size:18px; }
.pop-search { display:none; width:50px; height:50px; text-align:center; line-height:50px; }
.pop-search a { display:block; width:100%; height:100%; }

.top-lang { float:left; height:50px; padding:0 0 0 5px;  }
.top-lang a { display:block; width:50px; height:100%; padding:6px; line-height:36px; font-size:16px; font-weight:500; text-align:center; background:#e0e0e0; }
.top-lang a:hover { color:#fff; background:#333; }
.m-lang { display:none; float:right; width:30px; height:30px; margin-bottom:10px; }
.m-lang a { display:block; width:100%; height:100%; text-align:center; line-height:27px; font-weight:400; color:#fff; background:#333; border:1px solid #555; }
.m-lang a:hover { background:#000; }

.hilights { float:left; width:100%; height:100%; padding-bottom:100px; }
.hilights-cate { float:left; width:100%; height:100%; }

.list-nav {  display:none; float:left; position:relative; width:115px; height:50px; margin-left:5px; text-align:center; text-transform:uppercase; background:#e0e0e0; }
.list-nav a { display:inline-table; position:relative; width: 100%; height: 100%; color:#333; padding:6px 0; font-size:16px; font-weight:500; cursor:pointer; }
.current-nav { background:#333; }
.current-nav a { color:#fff; }
.current-nav .menu-icon::before { background:#fff; }

.open-nav { opacity:1; visibility:visible; right:0 !important; transition-timing-function: cubic-bezier(0.76, 0.22, 0.38, 0.9); transition-duration: 0.5s; webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; }

.menu-icon { display: inline-block; vertical-align:middle; position:absolute; top:25px; left:34px; width: 40px; height:4px;  background-color:#333; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%); -webkit-transition: background-color 0.3s;-moz-transition: background-color 0.3s; transition: background-color 0.3s;}
.menu-icon::before, .menu-icon:after { content: ''; width: 100%; height: 100%; position: absolute; background-color:#333; right: 0;-webkit-transition: -webkit-transform .3s, top .3s, background-color 0s; -moz-transition: -moz-transform .3s, top .3s, background-color 0s;  transition: transform .3s, top .3s, background-color 0s;}
.menu-icon::before { top: -8px; }
.menu-icon::after { top: 8px; }
.menu-icon.is-clicked { background-color: rgba(255, 255, 255, 0); }
.menu-icon.is-clicked::before { background:#fff; top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg);-o-transform: rotate(45deg); transform: rotate(45deg); }
.menu-icon.is-clicked::after {  background:#fff; top: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.menu-text { display:table-cell; padding-left:60px; vertical-align:middle; text-align:left; }

.landing { padding:15px; text-align:center; }
.landing a { display:inline-block; }
.landing img { width:100%; }
.landing footer { padding:15px 0; }

.navigation { float:left; width:100%; padding:15px 0; color:#999; }
.navigation a { display:inline-block; font-size:14px; color:#999; }
.navigation a:hover { color:#333; }
.navigation i { display:inline-block; text-align:center; width:8px; }
.navigation .fa { font-size:15px; }
.navigation span {
    display: inline-block;
    min-width: 30px;
    max-width: 150px;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.photo-title { float:left; width:100%; position:relative; }
.photo-title header { position:absolute; width:80%; height:100%; z-index:1; margin-top:auto; margin-bottom:auto; top:0; bottom:0; left:10%; }
.photo-title .text { display:table-cell; vertical-align:middle; } 
.photo-title .box { position:relative; width:50%; }
.photo-title h2 { padding:0; font-size:60px; font-weight:500; text-transform:uppercase; }
.photo-title h3 { font-size:32px; }
.photo-title p { padding:0 0 10px 2px; font-size:20px; font-weight:400; line-height:1.2; }
.photo-title img { width:100%; }
.photo-title aside { position:absolute; top:15px; right:15px; display: table; width: 170px; height: 50px;background:#fff; }

.title-cata h2 { color:#fff; }
.title-cata p { color:#bbb; }


.banner { float:left; position:relative; width:100%; }
.banner li { position:relative; }
.banner img { width:100%; }


.new-product-home { float:left; position:relative; width:100%;  }
.new-product-home h2 { display: table-cell; vertical-align: middle; font-size:24px; }
.new-product-home header { float:left; position:relative; display:table; width:100%; padding:10px 30px; height:86px; background:#fff; }
.new-product-home aside { display:table-cell; position:relative; vertical-align:middle; text-align:right; }
.new-product-home .see-all { display:inline-block; width:140px; height:50px; vertical-align:middle; }
.new-product-home .see-all a { display:inline-table; width:100%; height:100%; padding:0 30px; text-align:center; font-weight:400; background:#eee; }
.new-product-home .see-all a:hover { color:#333; background:#e0e0e0; }
.new-product-home .see-all span  { display:table-cell; vertical-align:middle; }

.new-product-home .see-category { display:none; width:50px; height:50px; vertical-align:middle; }
.new-product-home .see-category a { display:block; width:100%; height:100%; padding:0; text-align:center; font-weight:400; background:#eee url(../images/icon-cate.png) no-repeat center center; }
.new-product-home .see-category a:hover { background:#e0e0e0 url(../images/icon-cate.png) no-repeat center center; }


.more-category {
	display:none;
    position: absolute; width:250px; height:300px;
	top:60px; right:0; text-align:left;
    padding:15px;
    z-index: 1; color:#fff;
	border-top:1px solid #555;
    background: #333; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;
}
.more-category li { position:relative; padding-left:15px; text-align:left; font-size:16px !important;  border-top: 1px solid #555; }
.more-category li:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 2px;
    background: #999;
    left: 0;
    top: 16px;
}
.more-category li:last-child { border-bottom: 1px solid #555;  }
.more-category a { display:inline-block !important; width:inherit !important; height:inherit !important; padding:5px !important; color:#999; text-align:left !important; background:none !important; }
.more-category a:hover { color:#fff; }
.more-category a.current { color:#fff; }
.more-category .sub-more a { font-size: 15px !important; font-weight: 300 !important; }
.more-category h3 { text-transform:uppercase; }


.new-product-home-list { float:left; width:100%; position:relative; text-align:center; background:#ddd;  }

.new-product-home-box { position:relative; margin-left:-.5px; margin-right:-.5px;  }
.new-product-home-box .items { float:left; width:25%; padding:0 .5px; }
.new-product-home-box .photo  { position:relative; overflow:hidden; background:#eee; }
.new-product-home-box .items:hover .photo:before { width:100%; 
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
.new-product-home-box .photo:before { content:''; position:absolute; width:0px; height:1px; background:#333; bottom:0; left:0; right:0; margin-left:auto; margin-right:auto; z-index:1;  
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
.new-product-home-box .photo img { width:100%; }
.new-product-home-box .name-text { float:left; width:100%; height:90px; background:#fff; }
.new-product-home-box h4 { display:table-cell; vertical-align:middle; padding:0 20px; font-weight:500; }


.product-box { position:relative; margin-left:-1px; }
.product-box .items { float:left; width:25%; border-left:1px solid #ddd; }
.product-box .photo  { position:relative; overflow:hidden; background:#eee; }
.product-box .items:hover .photo:before { width:100%; 
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
.product-box .photo:before { content:''; position:absolute; width:0px; height:1px; background:#333; bottom:0; left:0; right:0; margin-left:auto; margin-right:auto; z-index:1;  
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
.product-box .photo img { width:100%; }
.product-box .name-text { float:left; width:100%; height:90px; background:#fff; }
.product-box h4 { display:table-cell; vertical-align:middle; padding:0 20px; font-weight:500; }



.category-list { float:left; position:relative; width:100%; margin:40px 0;  }
.category-list article { display:table; width:100%; color:#fff; background:#333; }
.category-list .photo { display:table-cell; position:relative; width:50%; height:280px; overflow:hidden; }
.category-list .photo a { display:block; width:100%; height:100%; }
.category-list .photo:hover img { -webkit-filter: grayscale(100%);
  -webkit-transition: .3s ease-in-out;
  -moz-filter: grayscale(100%); 
  -moz-transition: .3s ease-in-out;
  -o-filter: grayscale(100%); 
  -o-transition: .3s ease-in-out; }
.category-list .photo img { position:absolute; margin-left: auto; left: -50%; right: -50%; margin-right: auto; width:auto; height:101%; -webkit-filter: grayscale(0%);
  -webkit-transition: .3s ease-in-out;
  -moz-filter: grayscale(0%); 
  -moz-transition: .3s ease-in-out;
  -o-filter: grayscale(0%); 
  -o-transition: .3s ease-in-out; }
 .category-list .photo figure { display:block; width:100%; height:100%; }
.category-list .name-text { display:table-cell; position:relative; width:50%; padding:20px 40px; text-align:center; vertical-align:middle; }
.category-list .name-text:before { content:''; position:absolute; width:1px; height:100%; background:#555; top:0; left:0; right:0; margin-left:auto; margin-right:auto; }
.category-list .name-text h3 { padding-bottom:0; font-size:20px; text-transform:uppercase; }
.category-list .name-text p {  color:#bbb; }
.category-list .name-text a { color:#fff; }
.category-list .name-text a:hover { color:#bbb; }
.category-list .text { display:inline-block; position:relative; width:100%; padding:20px 0; vertical-align:middle; background:#333; z-index:1; }


.brands-box-list { float:left; position:relative; width:100%; margin:40px 0;  }
.brands-box-list article { float:left; position:relative; width:100%; color:#fff; background:#333; }
.brands-box-list .photo { float:left; position:relative; width:100%; }
.brands-box-list .photo a:hover img { -webkit-filter: grayscale(100%);
  -webkit-transition: .3s ease-in-out;
  -moz-filter: grayscale(100%); 
  -moz-transition: .3s ease-in-out;
  -o-filter: grayscale(100%); 
  -o-transition: .3s ease-in-out; }
.brands-box-list .photo img { width:100%; -webkit-filter: grayscale(0%);
  -webkit-transition: .3s ease-in-out;
  -moz-filter: grayscale(0%); 
  -moz-transition: .3s ease-in-out;
  -o-filter: grayscale(0%); 
  -o-transition: .3s ease-in-out; }
.brands-box-list .name-text { float:left; position:relative; width:100%; padding:20px 30px; min-height:320px; vertical-align:top; }
.brands-box-list .name-text h3 { padding-bottom:0; font-size:20px; text-transform:uppercase; }
.brands-box-list .name-text p {  color:#bbb; }
.brands-box-list .name-text a { display:inline-block; color:#fff; }
.brands-box-list .name-text a:hover { color:#bbb; }
.brands-box-list .text { float:left; position:relative; width:100%; padding:30px 0 20px 0; background:#333; z-index:1; }
.brands-box-list .text li { padding:2px 0; }
.brands-box-list .name-text a { position:relative; padding-left:20px; }
.brands-box-list .name-text a:before { content:""; position:absolute; width:10px; height:2px; left:0; top:12px; margin-top:auto; background:#999; z-index:1;  -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease; }
.brands-box-list .name-text a:hover:before { width:15px; background:#fff; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease; }

.brands-box-list .logo-box { position:absolute; display:table; width:170px; height:50px; left:0; right:0; margin-left:auto; margin-right:auto; bottom:-30px; background:#fff; z-index:2; }
.brands-box-list .logo-box img { width:100%;-webkit-filter: grayscale(0%);
  -webkit-transition: .3s ease-in-out;
  -moz-filter: grayscale(0%); 
  -moz-transition: .3s ease-in-out;
  -o-filter: grayscale(0%); 
  -o-transition: .3s ease-in-out; }
.brands-box-list .logo-box a:hover img {-webkit-filter: grayscale(100%);
  -webkit-transition: .3s ease-in-out;
  -moz-filter: grayscale(100%); 
  -moz-transition: .3s ease-in-out;
  -o-filter: grayscale(100%); 
  -o-transition: .3s ease-in-out; }

.brands-list { float:left; position:relative; width:100%; margin:0 0 60px 0; background:#fff; overflow:hidden; }
.brands-box { position:relative; margin-left:-1px; margin-right:-1px; margin-bottom:-1px; overflow:hidden; }
.brands-box h2 { display:table; width:100%; height:100%; text-align:center; text-transform:uppercase; }
.brands-box span { display:table-cell; vertical-align:middle; }
.brands-box .items { float:left; position:relative; width:16.6666%; height:95px;  border-bottom:1px solid #ddd; border-left:1px solid #ddd; /* padding-left:.5px; padding-right:.5px; padding-bottom:.5px; */vertical-align:top; overflow:hidden;  }
.brands-box .items img { width:100%;  -webkit-filter: grayscale(100%);
  -webkit-transition: .3s ease-in-out;
  -moz-filter: grayscale(100%); 
  -moz-transition: .3s ease-in-out;
  -o-filter: grayscale(100%); 
  -o-transition: .3s ease-in-out; }
.brands-box .items:hover img { -webkit-filter: grayscale(0%);
  -webkit-transition: .3s ease-in-out;
  -moz-filter: grayscale(0%); 
  -moz-transition: .3s ease-in-out;
  -o-filter: grayscale(0%); 
  -o-transition: .3s ease-in-out; }
.brands-box .box { display:table; position:relative; width:100%; height:100%; text-align:center; background:#fff; overflow:hidden;  }
.brands-box figure { display:table-cell; position:relative; width:100%; height:100%; text-align:center;  }
.brands-box figure a { display:inline-table; height:100%; }
.brands-box figure img { position:absolute; width:100%; left:0; bottom:0; top:0; right:0; margin:auto;}


.home-about { float:left; position:relative; width:100%;  }
.home-about article { display:table; width:100%; color:#333; background:#e0e0e0; }
.home-about .photo { display:table-cell; position:relative; width:50%; height:520px; overflow:hidden; }
.home-about .photo figure { display:block; width:100%; height:100%; }
.home-about .photo img { position:absolute; margin-left: auto; left: -50%; right: -50%; margin-right: auto; width:auto; height:100%; }
.home-about .name-text { display:table-cell; position:relative; width:50%; padding:20px 120px; text-align:center; vertical-align:middle; }
.home-about .name-text:before { content:''; position:absolute; width:1px; height:85%; background:#bcbcbc; top:0; left:0; right:0; bottom:0; margin-top:auto; margin-bottom:auto; margin-left:auto; margin-right:auto; }
.home-about .name-text h3 { padding-bottom:0; font-size:20px; text-transform:uppercase; }
.home-about .text { display:table-cell; position:relative; width:100%; padding:20px 0; vertical-align:middle; background:#e0e0e0; z-index:1; }
.home-about .text p { font-size:18px; font-weight:400; }

.products-list { float:left; display:table; width:100%; }
.products-list .column-left { display:table-cell; width:20%; padding:20px 40px 40px 40px; background:#fbfbfb; vertical-align:top; }
.products-list .column-right { display:table-cell; width:75%; background:#eee; vertical-align:top; }
.products-list .box-category-left { float:left; width:100%; }
.products-list .box-category-left li { padding:2px 0; }
.products-list .box-category-left li a { position:relative; display:inline-block; text-transform:uppercase; font-weight:400; padding-left:20px; line-height:1.2; }
.products-list .box-category-left li a:before { content:""; position:absolute; width:10px; height:2px; left:0; top:9px; background:#999; z-index:1;  -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease; }
.products-list .box-category-left li a:hover:before { width:15px; background:#333; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease; }
.products-list .box-category-left li a.current { color:#c7202b; }

.products-list .fix-sub-cate { display:none; float:left; width:100%; padding:0 0 15px 20px; }
.products-list .fix-sub-cate dt { padding:2px 0; }
.products-list .fix-sub-cate dt:first-child { margin-top:5px; }
.products-list .fix-sub-cate a { padding-left:10px !important; font-size:15px !important; font-weight:300 !important; color:#666; text-transform:inherit !important; }
.products-list .fix-sub-cate a:before { display:none !important; }
.products-list .fix-sub-cate a:after { content:'';  position:absolute; width:3px; height:3px; left:0; top:8px; background:#999; z-index:1;  }
.products-list .fix-sub-cate a:hover:after { background:#333; }
.products-list .fix-sub-cate a:hover { color:#c7202b; }
.products-list .fix-sub-cate a.current { color:#666 !important; text-decoration:underline; }
.products-list .active { display:block; color:#c7202b; }

.products-list .box-category-left h3 { float:left; text-transform:uppercase; font-weight:500; }
.products-list .box-category-left ul { float:left; width:100%; }

.pagenumproduct { float:left; width:100%; padding:40px 0; }
.pagenumproduct .pointpage { margin-bottom:0; }

.product-detail { float:left; position:relative; display:table; width:100%; }
.product-detail .box-left { display:table-cell; position:relative; max-width:608px; width:50%; vertical-align:top; background:#eee; }
.product-detail .box-right { display:table-cell; position:relative; width:50%; padding:40px; vertical-align:top; background:#fbfbfb; }
.product-detail .box-right h2 { padding-top:0;  font-weight:500; }

.product-detail .gallery { float:left; width:100%; position:relative; overflow:hidden; }
.product-detail .gallery img { width:100%; }

.product-detail .lSSlideOuter .lSPager.lSGallery { position:absolute; bottom:5px;     left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;  }
.product-detail .lSSlideOuter .lSPager.lSGallery li.active, .product-detail .lSSlideOuter .lSPager.lSGallery li:hover { border:1px solid #333; }
.product-detail .lSSlideOuter .lSPager.lSGallery li { border:1px solid #ddd; background:#fbfbfb; }

.product-detail .lSAction > .lSNext { background: url(../images/icon-slide.png) no-repeat right center !important; right: 5px !important; }
.product-detail .lSAction > .lSPrev { background: url(../images/icon-slide.png) no-repeat left center !important; left: 5px !important; }

.product-detail .box-left aside { position:absolute; top:15px; left:15px; display: table; width: 120px; height: 40px; background:#fff; z-index:3; }
.product-detail .box-left aside img { width:100%; }

.product-detail-tabdes { float:left; width:100%; }
.product-detail-tabdes p { padding-bottom:0; }
.product-detail .link-file-pdf { float:left; width:100%;  }
.product-detail .link-file-pdf li { float:left; display:table; width:100%; padding:10px; border-bottom:1px dotted #ddd; }
.product-detail .link-file-pdf a { display:inline-block; text-decoration:none; background:#fbfbfb; }
.product-detail .link-file-pdf a:hover {  }
.product-detail .link-file-pdf .icon-type { display:table-cell; padding-right:10px; border-right:1px solid #ddd;vertical-align:middle; }
.product-detail .link-file-pdf .name-file { display:table-cell; padding-left:10px; vertical-align:middle; }

/*Tabs*/
.inner { width:100%; }
.tabs { width: 100%; height: 40px; border-bottom: 1px solid #eee; }
.tabs li { float: left; position: relative; height: 40px; margin: 0px 2px 0px 0; padding: 0; }
.tabs li a { display: block; height:40px; padding: 0 20px; font-size:18px; line-height: 40px; border:1px solid #fff; border-top:1px solid #fff; border-bottom:1px solid #eee; }
.tabs li a:hover { color:#d70a0a;}
.tabs li.active a, .tabs li.active a:hover { border:1px solid #ddd; border-top:1px solid #222; border-bottom:1px solid #fff; }
.tabs li.active:after { content: ''; position: absolute; width: 100%; height: 1px; background: #fff; bottom: -1px; left: 0; z-index: 2; }
.tab_container { overflow: hidden; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; }
.tab_content { margin:10px 20px ; font-size:14px; /* 20 - border */ }
.tab_content h2 { position:relative; font-size:16px; }
.tab_content h2:after { content:''; position:absolute; width:18px; height:1px; background:#222; left:0; bottom:0; }
.tab_content img { max-width:100%; }


.relate { border-bottom: 1px solid #ddd; }

.rows { position:relative; margin-left:-20px; margin-right:-20px; }
.column-2 { display:inline-block; /*margin-right:-6px;*/ width: 50%; padding:20px; vertical-align:top; }
.column-4 { display:inline-block; /*margin-right:-6px; */width: 25%; padding:20px; vertical-align:top; }
.column-5 { display:inline-block; /*margin-right:-6px; */width: 20%; padding:0; vertical-align:top; }


.box-table { display:table; width:100%; height:100%; }
.box-cell { display:table-cell; vertical-align:middle; }



.aboutus { float:left; width:100%; position:relative; }
.aboutus header img { width:100%; }


#aboutus-detail { position:relative; width:100%; }
#aboutus-detail:before { content:""; position:absolute; width:70%; height:100%; left:10%; top:100px; background:#ebebeb; z-index:0; }

.aboutus-detail { margin-left:auto; margin-right:20px; margin-top:-100px; position:relative; width:100%; max-width:80%; z-index:1; }
.aboutus-detail h2 { float:left; position:relative; display:table; min-height:100px; width:100%; text-align:center; font-size:50px; color:#fff; text-transform:uppercase; background:#333; }
.aboutus-detail h2 span { display:table-cell; vertical-align:middle; }

.aboutus-detail .box-content { position:relative; width:100%; margin-top:100px; padding:40px 80px; background:#fff; }
.aboutus-detail .box-content:before { content:""; position:absolute; width:1px; height:50px; top:40px; left:0; right:0; margin-left:auto; margin-right:auto; background:#ddd; }
.aboutus-detail .box-content:after { content:""; position:absolute; width:1px; height:50px; bottom:40px; left:0; right:0; margin-left:auto; margin-right:auto; background:#ddd; }

.aboutus-detail .box-detail { position:relative; width:100%; margin:50px 0; padding:20px 0; background:#fff; }
.aboutus-detail .box-detail h3 { font-size:30px; font-weight:500; }


#aboutus-overview { float:left; position:relative; width:100%; padding-top:200px; z-index:1 }
#aboutus-overview:before { content:""; position:absolute; width:70%; height:100%; right:10%; top:100px; background:#ebebeb; z-index:0; }

.aboutus-overview { margin-right:auto; margin-left:50px; position:relative; width:100%; max-width:50%;  background:#fff; z-index:1; }
.aboutus-overview h2 { float:left; position:relative; display:table; min-height:100px; width:100%; text-align:center; font-size:50px; color:#fff; text-transform:uppercase; background:#333; }
.aboutus-overview h2 span { display:table-cell; vertical-align:middle; }

.aboutus-overview .box-content { position:relative; width:100%; margin-top:100px; padding:40px 80px; background:#fff; }
.aboutus-overview .box-content:before { content:""; position:absolute; width:1px; height:50px; top:40px; left:0; right:0; margin-left:auto; margin-right:auto; background:#ddd; }
.aboutus-overview .box-content:after { content:""; position:absolute; width:1px; height:50px; bottom:40px; left:0; right:0; margin-left:auto; margin-right:auto; background:#ddd; }

.aboutus-overview .box-detail { position:relative; width:100%; margin:50px 0; padding:20px 0; background:#fff; }
.aboutus-overview .box-detail h3 { font-size:30px; font-weight:500; }

.aboutus-overview figure { position:absolute; left:0; top:-470px; z-index:2; }
.aboutus-overview figure img { width:100%;  }



#aboutus-vision { float:left; position:relative; width:100%; z-index:2; }
#aboutus-vision:before { content:""; position:absolute; width:70%; height:100%; right:10%; top:100px; background:#ebebeb; z-index:0; }

.aboutus-vision { margin-left:auto; position:relative; width:100%; max-width:60%; background:#fff; z-index:1; }
.aboutus-vision h2 { float:left; position:relative; display:table; min-height:100px; width:100%; text-align:center; font-size:50px; color:#fff; text-transform:uppercase; background:#333; }
.aboutus-vision h2 span { display:table-cell; vertical-align:middle; }

.aboutus-vision .box-content { position:relative; width:100%; margin-top:100px; padding:40px 80px; background:#fff; }
.aboutus-vision .box-content:before { content:""; position:absolute; width:1px; height:50px; top:40px; left:0; right:0; margin-left:auto; margin-right:auto; background:#ddd; }
.aboutus-vision .box-content:after { content:""; position:absolute; width:1px; height:50px; bottom:40px; left:0; right:0; margin-left:auto; margin-right:auto; background:#ddd; }

.aboutus-vision .box-detail { position:relative; width:100%; margin:50px 0; padding:20px 0; background:#fff; }
.aboutus-vision .box-detail h3 { font-size:30px; font-weight:500; }

.aboutus-vision figure { position:absolute; right:0; top:-470px; z-index:-1; }
.aboutus-vision figure img { width:100%;  max-width:600px;}



#aboutus-value { float:left; position:relative; width:100%; z-index:2; }
#aboutus-value:before { content:""; position:absolute; width:90%; height:100%; left:0; right:0; top:100px; margin-left:auto; margin-right:auto; top:0; background:#ebebeb; z-index:0; }

.aboutus-value { margin-left:auto; margin-right:auto; position:relative; width:100%; max-width:80%; background:#fff; z-index:1; }
.aboutus-value h2 { float:left; position:relative; display:table; min-height:100px; width:100%; text-align:center; font-size:50px; color:#fff; text-transform:uppercase; background:#333; }
.aboutus-value h2 span { display:table-cell; vertical-align:middle; }

.aboutus-value .box-content { position:relative; width:100%; margin-top:100px; padding:40px 80px; background:#fff; }
.aboutus-value .box-content:before { content:""; position:absolute; width:1px; height:50px; top:40px; left:0; right:0; margin-left:auto; margin-right:auto; background:#ddd; }
.aboutus-value .box-content:after { content:""; position:absolute; width:1px; height:50px; bottom:40px; left:0; right:0; margin-left:auto; margin-right:auto; background:#ddd; }

.aboutus-value .box-detail { position:relative; width:100%; margin:50px 0; padding:20px 0; background:#fff; }
.aboutus-value .box-detail h3 { font-size:30px; font-weight:500; }

.aboutus-value figure { position:absolute; left:-270px; top:-470px; z-index:1; }
.aboutus-value figure img { width:100%;  max-width:600px;}

.aboutus-value .list-core { float:left; width:100%; padding-top:20px; text-align:center; }
.aboutus-value .box-core { display:inline-block; width:33.3333%; margin-right:-6px; padding:15px; vertical-align:top; }
.aboutus-value .box-core h4 { padding-top:30px; font-size:20px; font-weight:500; }

.aboutus-value .icon-value { display:inline-table; margin:0 auto; width:150px; height:150px; text-align:center; background:#fbfbfb; border:1px solid #ddd; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.aboutus-value .icon-value span { display:table-cell; vertical-align:middle; width:50px; }



#aboutus-ourservice { float:left; position:relative; width:100%; border-bottom: 1px solid #ddd; z-index:1 }
#aboutus-ourservice:before { content:""; position:absolute; width:70%; height:100%; right:10%; top:0; background:#ebebeb; z-index:0; }

.aboutus-ourservice { margin-right:auto; position:relative; width:100%; max-width:50%;  background:#fff; z-index:1; }
.aboutus-ourservice h2 { float:left; position:relative; display:table; min-height:100px; width:100%; text-align:center; font-size:50px; color:#fff; text-transform:uppercase; background:#333; }
.aboutus-ourservice h2 span { display:table-cell; vertical-align:middle; }

.aboutus-ourservice .box-content { position:relative; width:100%; margin-top:100px; padding:40px 80px; background:#fff; }
.aboutus-ourservice .box-content:before { content:""; position:absolute; width:1px; height:50px; top:40px; left:0; right:0; margin-left:auto; margin-right:auto; background:#ddd; }
.aboutus-ourservice .box-content:after { content:""; position:absolute; width:1px; height:50px; bottom:40px; left:0; right:0; margin-left:auto; margin-right:auto; background:#ddd; }

.aboutus-ourservice .box-detail { position:relative; width:100%; margin:50px 0; padding:20px 0; background:#fff; }
.aboutus-ourservice .box-detail h3 { font-size:30px; font-weight:500; }

.aboutus-ourservice figure { position:absolute; right:-100%; top:-200px; z-index:2; }
.aboutus-ourservice figure img { width:100%; max-width:600px; }




.contactus { float:left; width:100%; position:relative; }
.contactus header img { width:100%; }

.contact-address { margin:0 auto; position:relative; width:100%; max-width:80%; margin-top:-100px; z-index:1; }
.contact-address h2 { float:left; position:relative; display:table; min-height:100px; width:100%; font-size:50px; color:#fff; text-align:center; text-transform:uppercase; background:#333; }
.contact-address h2 span { display:table-cell; vertical-align:middle; }

.contact-address .address-name { position:relative; width:100%; margin-top:100px; padding-bottom:100px; padding:40px 80px; text-align:center; background:#fff; }
.contact-address .address-name:before { content:""; position:absolute; width:1px; height:50px; top:40px; left:0; right:0; margin-left:auto; margin-right:auto; background:#ddd; }
.contact-address .address-name:after { content:""; position:absolute; width:1px; height:50px; bottom:40px; left:0; right:0; margin-left:auto; margin-right:auto; background:#ddd; }
.contact-address .address-name h3 { font-size:30px; font-weight:500; }
.contact-address .address-name p { font-size:18px; }

.contact-address .box-detail { position:relative; width:100%; margin: 50px 0; padding: 20px 0; background:#fff; }
.contact-address .list-contact { position:relative; width:100%; padding:30px 0; text-align:left; }
.contact-address .list-contact p { padding:5px 0; }
.contact-address .list-contact .b-left { float:left; width:50%; padding-right:30px;  }
.contact-address .list-contact .b-right { float:left; width:50%; padding-left:30px; }
.contact-address .list-contact .left { float:none; position:relative; display:table-cell; width:150px; margin-right:10px; font-weight:400; }
.contact-address .list-contact span.right:before {content:'';position:absolute; width:25px; height:1px; background:#ddd;left:-25px; top:12px; z-index:1; }
.contact-address .list-contact span.right { float:none; position:relative; display:table-cell; padding-left:15px; }
.contact-address .list-contact i { display:inline-block; width:30px; padding-right:10px; vertical-align:middle; }
.contact-address .list-contact i img { width:100%; }


.contact-form { position:relative; width:100%; font-size:18px; text-align:center; background:#fff; border-bottom: 1px solid #ddd; }
.contact-box { float:left; position:relative; width:100%; padding:40px 0; }
.contact-box:before { content:""; position:absolute; width:1px; height:50px; top:40px; left:0; right:0; margin-left:auto; margin-right:auto; background:#ddd; }
.contact-box:after { content:""; position:absolute; width:1px; height:50px; bottom:40px; left:0; right:0; margin-left:auto; margin-right:auto; background:#ddd; }

.inquiry { position:relative; width:100%; max-width:60%; margin:0 auto; margin-top:50px; margin-bottom:50px; padding: 20px 0; text-align:left; background:#fff; }
.inquiry h2 { text-align:center; }
.inquiry ul { margin-left:-30px; padding-top:20px; }
.inquiry li { float:left; width:50%; padding-left:30px; padding-bottom:15px; }
.inquiry .subject { padding: 0 0 10px 0; font-weight:400; }
.inquiry .message { float:left; width:100%; padding-top:10px; }
.inquiry input[type="text"], .inquiry input[type="email"], .inquiry textarea { width:100%; background:#f4f4f4; }

.google-captcha { float:left; position:relative; width:100%; padding:20px 0 0 0; text-align:center; }

.butform { float:left; width:100%; padding:30px 0 15px 0; text-align:center; }
.butform input[type="button"], .butform input[type="submit"] { display:inline-block;  min-width: 250px; padding:0 30px; color:#fff;  }

.google-text { position:absolute; display:table; width:100px; height:100px; color:#fff; text-align:center; background:#333; left:0; right:0; top:-50px; margin-left:auto; margin-right:auto; z-index:2; }
.google-text h3 { display:table-cell; vertical-align:middle; font-weight:400; font-size:20px; }


.google-map { position: relative; width:100%; height:500px; background:none; z-index:2; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.google-map iframe { position:absolute; top:0; pointer-events: none; left:0; right:0;  }

.g-recaptcha { display:inline-block; margin:0 auto; padding:20px 0; }

.footer { float:left; display:table; width:100%; background:#fff; }

.copy { float:left; width:100%; padding:20px 0; font-size:14px; }
.copy small { font-family:'Roboto'; font-size:14px; }
.copy span { display:inline-block; line-height:40px; }
.copy .gototop { float:right;  }
.copy .gototop a { cursor:pointer; display:inline-block; width:40px; height:40px; margin-left:10px; text-align:center; background:#e0e0e0 url(../images/icon-top.png) no-repeat center top; vertical-align:middle;  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease }
.copy .gototop a:hover { background:#dbdbdb url(../images/icon-top.png) no-repeat center bottom; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease }

.footer .nav-footer { display:table-cell; width:20%; padding:40px; vertical-align:top; }
.footer .nav-footer li { display:block; width:100%; }
.footer .nav-footer li a { display:inline-block; font-size:18px; font-weight:500; text-transform:uppercase; }

.footer .category-footer { display:table-cell; width:40%; padding:40px; vertical-align:top; border-left:1px solid #ddd; border-right:1px solid #ddd; }
.footer .category-footer h4 { float:left; width:100%; padding-top:0; font-size:18px; font-weight:500; text-transform:uppercase; }
.footer .category-footer h4 small { font-weight:300; }
.footer .category-footer h4 a { display:inline-block; }
.footer .category-footer dl { display:inline-block; width:33.3333%; padding-right:10px; margin-right:-6px; vertical-align:top; }
.footer .category-footer dl a { display:inline-block; text-transform:uppercase; font-size:14px; font-weight:400; }

.footer .address-footer { display:table-cell; width:35%; padding:40px; vertical-align:top; }
.footer .address-footer h3 { padding-top:0; padding-bottom:0; font-size:24px; font-weight:500; }
.footer .address-footer .box { display:table; width:100%; padding:0; }
.footer .address-footer .left { float:none; position:relative; display:table-cell; width:120px; margin-right:10px; font-weight:400; }
.footer .address-footer span.right:before {content:'';position:absolute; width:40px; height:1px; background:#ddd;left:-40px; top:12px; z-index:1; }
.footer .address-footer span.right { float:none; position:relative; display:table-cell; padding-left:15px; }

.footer .footer-social { float:left; width:100%; padding:15px 0 0 0; }
.footer .footer-social p { display:inline-block; position:relative; font-weight:400; width:100px; }
.footer .footer-social ul:before {content:'';position:absolute; width:40px; height:1px; background:#ddd;left:-55px; top:15px; z-index:1; }
.footer .footer-social ul { display:inline-block; position:relative; margin-left:30px;  }
.footer .footer-social li { display:inline-block; padding-left:0; font-weight:400; }
.footer .footer-social li span { display:inline-block; padding-left:5px; }
.footer .footer-social li.mail { padding-right:20px; }
.footer .footer-social li a:hover i { background:#333; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease }
.footer .footer-social li i { display:inline-block; width:30px; height:30px; padding:6px; text-align: center; background:#666; vertical-align:middle;-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease }
.footer .footer-social li img { width:100%; }


.button-link { display:inline-block; width:100%; margin:0 auto; margin-top:15px; margin-bottom:15px; text-align:center; }
.button-link a { display:inline-table; width:100%; max-width:200px; height:50px; padding:0 20px; font-size:18px; font-weight:300; color:#fff; background:#333; }
.button-link a:hover {  background: #555;}
.button-link span { display:table-cell; vertical-align:middle; }



.ui-loader { display:none !important; visibility:hidden !important; }

.editor { font-size:18px; }
.editor ul { padding-left:20px; padding-top:15px; padding-bottom:15px; }
.editor ul li { list-style:circle; }
.editor ol { padding-left:20px; padding-bottom:20px; }
.editor ol li { list-style:decimal; }
.editor img {
	display: inline-block;
	min-width: inherit !important;
	max-width: 100% !important;
	width: auto !important;
	height: auto !important;
}
.editor a { display:inline-block; }



/**/
div.fancy-select {
position: relative; margin:0 auto; display:inline-block;
font-weight:400;
text-transform: uppercase;
color: #fff;
}
div.fancy-select.disabled {
opacity: 0.5;
}
div.fancy-select select:focus + div.trigger {
/*box-shadow: 0 0 0 2px #4B5468;*/
}
div.fancy-select select:focus + div.trigger.open {
box-shadow: none;
}
div.fancy-select div.trigger {
 -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;
cursor: pointer;
padding: 10px 24px 9px 9px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
position: relative;
background: #a9965f;
border: 1px solid #a9965f;
color: #fff;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
width: 250px;
transition: all 240ms ease-out;
-webkit-transition: all 240ms ease-out;
-moz-transition: all 240ms ease-out;
-ms-transition: all 240ms ease-out;
-o-transition: all 240ms ease-out;
}
div.fancy-select div.trigger:after {
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
border: 5px solid transparent;
border-top-color: #fff;
top: 20px;
right: 9px;
}
div.fancy-select div.trigger.open {
background: #97917b;
border: 1px solid #a9965f;
color: #fff0c8;
box-shadow: none;
}
div.fancy-select div.trigger.open:after {

}
div.fancy-select ul.options {
list-style: none;
margin: 0;
position: absolute;
top: 45px;
left: 0;
visibility: hidden;
opacity: 0;
z-index: 50;
max-height: 320px;
overflow: auto;
background:#97917b url(../images/bg-nav.png) no-repeat center top; background-size:cover;
 -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; -webkit-box-shadow:0 5px 15px rgba(0, 0, 0, 0.2);-moz-box-shadow:  0 5px 15px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
min-width: 250px;
padding: 6px 0;
transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
-webkit-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
-moz-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
-ms-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
-o-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
}

div.fancy-select ul.options:after { content:""; position: absolute; z-index:1; width: 0; height: 0;  top:-15px; left: 30px;  border: solid transparent; pointer-events: none; border-bottom-color: #97917b; border-width: 8px; }

div.fancy-select ul.options.open {
visibility: visible;
top: 50px;
opacity: 1;
}
div.fancy-select ul.options.overflowing {
top: auto;
bottom: 40px;
transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
-webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
-moz-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
-ms-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
-o-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
}
div.fancy-select ul.options.overflowing.open {
top: auto;
bottom: 50px;
}
div.fancy-select ul.options li:first-child { border-top:none; }
div.fancy-select ul.options li { position:relative;
padding: 5px 10px 5px 30px;
color: #fff;
cursor: pointer; font-size:16px; font-weight:300; text-align:left;
white-space: nowrap; border-top:1px solid #aea78c;
transition: all 150ms ease-out;
-webkit-transition: all 150ms ease-out;
-moz-transition: all 150ms ease-out;
-ms-transition: all 150ms ease-out;
-o-transition: all 150ms ease-out;
}
div.fancy-select ul.options li:before { content:''; position:absolute; width:14px; height:14px; background:url(../images/icon-bullet.png) no-repeat center center; background-size:80%; left:8px; top:9px; }
div.fancy-select ul.options li.hover {
color: #fff0c8;
}



ul.resp-tabs-list {
  margin: 0px;
  padding: 0px;
}
.resp-tabs-list li {
  display: inline-block;
  padding: 13px 0;
  margin: 0 20px -1px 0;
  list-style: none;
  cursor: pointer;
  float: left; border-bottom:1px solid #cfcfcf; position:relative; z-index:666;
   font-size:18px; font-weight:500; text-transform:uppercase;
}
.resp-tabs-container {
  padding: 0px;
  clear: left;
}

h2.resp-accordion {
  cursor: pointer;
  padding: 5px;
  display: none;
}

.resp-tab-content {
  display: none;
  padding:0 0 15px 0;
}

.resp-tab-content a { text-decoration:underline; }

.resp-tab-active {
	 border-bottom:1px solid #333 !important;
  border-bottom: none;
}

.resp-tab-active {
  border-bottom: none;
  background-color:none;
}

.resp-content-active,
.resp-accordion-active { display: block; }

.resp-tab-content {     font-family:Arial, Helvetica, sans-serif;
    font-size: 14px !important; border-top: 1px solid #cfcfcf; }

h2.resp-accordion {
  border: 1px solid #eee;
  border-top: 0px solid #d70a0a;
  margin: 0px;
  padding: 10px 15px;
  font-size:19px;
}

h2.resp-tab-active {
  border-bottom: 0px solid #eee !important;
  margin-bottom: 0px !important;
  padding: 10px 15px !important;
}

h2.resp-tab-title:last-child {
  border-bottom: 12px solid #eee !important;
  background: blue;
}

/*-----------Vertical tabs-----------*/

.resp-vtabs ul.resp-tabs-list {
  float: left;
  width: 30%;
}

.resp-vtabs .resp-tabs-list li {
  display: block;
  padding: 15px 15px !important;
  margin: 0;
  cursor: pointer;
  float: none;
}

.resp-vtabs .resp-tabs-container {
  padding: 0px;
  background-color: #fff;
  border: 1px solid #eee;
  float: left;
  width: 68%;
  min-height: 250px;
  border-radius: 4px;
  clear: none;
}

.resp-vtabs .resp-tab-content { border: none; }

.resp-vtabs li.resp-tab-active {
  border: 1px solid #eee;
  border-right: none;
  background-color: #fff;
  position: relative;
  z-index: 1;
  margin-right: -1px !important;
  padding: 14px 15px 15px 14px !important;
}

.resp-arrow {
  width: 0;
  height: 0;
  float: right;
  margin-top: 6px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid #ccc;
}

h2.resp-tab-active span.resp-arrow {
  border: none;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 8px solid #777;
}

/*-----------Accordion styles-----------*/

h2.resp-tab-active { background: #eee !important; }

.resp-easy-accordion h2.resp-accordion { display: block; }

.resp-easy-accordion .resp-tab-content { border: 1px solid #eee; }

.resp-easy-accordion .resp-tab-content:last-child { border-bottom: 1px solid #eee !important; }

.resp-jfit {
  width: 100%;
  margin: 0px;
}

.resp-tab-content-active { display: block; }

h2.resp-accordion:first-child { border-top: 1px solid #eee !important; }
/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/

@media only screen and (max-width: 425px) {

ul.resp-tabs-list { display: none; }

h2.resp-accordion { display: block; font-size:16px; padding: 10px !important; }

.resp-vtabs .resp-tab-content { border: 1px solid #eee; }

.resp-vtabs .resp-tabs-container {
  border: none;
  float: none;
  width: 100%;
  min-height: initial;
  clear: none;
}

.resp-accordion-closed { display: none !important; }

.resp-vtabs .resp-tab-content:last-child { border-bottom: 1px solid #eee !important; }
}



.ui-loader { display:none !important; visibility:hidden !important; }

.blockPage { border:none !important; background:none !important; margin: 0 auto !important;  }
.blockPage .waiting { width: 200px; padding:10px 0;
    text-align: center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.35);
    box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.35); }
	
	
.detail-table {
	margin: 0; width:100%;   
}
.detail-table strong { font-weight:bold; }
.detail-table table{
    border-collapse: collapse;
    border-spacing: 0;
	width:100%;
	margin:0px;padding:0px; font-size:14px;
}.detail-table tr:last-child td:last-child { 
}
.detail-table table tr:first-child td:first-child {
}
.detail-table table tr:first-child {  }
.detail-table table tr:first-child td:last-child {  
}.detail-table tr:last-child td:first-child{ }
.detail-table tr:hover td{
}
.detail-table tr:nth-child(odd){ background-color:none; }
.detail-table tr:nth-child(even)    { background-color:none; }
.detail-table td {
	vertical-align:middle;
	border:1px dotted #ddd;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:10px;
}

.detail-table td:first-child { text-align:left; }
.detail-table tr:last-child td{
	border-width:0px 1px 1px 0px;
}.detail-table tr td:last-child{
	border-width:0px 0px 1px 0px;
}
/*.detail-table tr:last-child td:last-child{
	border-width:0px 0px 1px 0px;
}
.detail-table tr:first-child td{
	background-color:#fff;
	border:1px solid #ccc;
	text-align:center;
	border-width:1px 1px 1px 1px;
	font-weight:bold;
}
.detail-table tr:first-child:hover td{

}
.detail-table tr:first-child td:first-child{
	border-width:1px 0px 1px 0px;
}
.detail-table tr:first-child td:last-child{
	border-width:1px 0px 1px 0px;
}*/