/*

Theme Name: Anton

Theme URI: http://wordpress.org

Author: anton

Author Name: http://wordpress.org/

Descripttion: This is theme for khoanglang.com - design by Anton

Version: 1.0

*/



/* =Reset

-------------------------------------------------------------- */



@font-face {

  font-family: 'roboto';

  src: url('fonts/roboto.light.eot'); /* IE9 Compat Modes */

  src: url('fonts/roboto.light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

       url('fonts/roboto.light.woff2') format('woff2'), /* Super Modern Browsers */

       url('fonts/roboto.light.woff') format('woff'), /* Pretty Modern Browsers */

       url('fonts/roboto.light.ttf')  format('truetype'), /* Safari, Android, iOS */

       url('fonts/roboto.light.svg#svgFontName') format('svg'); /* Legacy iOS */

}





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, 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, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	vertical-align: baseline;

	box-sizing: border-box;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

}

body {

	line-height: 1;

}

ol,

ul {

	list-style: none;

}

blockquote,

q {

	quotes: none;

}

blockquote:before,

blockquote:after,

q:before,

q:after {

	content: '';

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

caption,

th,

td {

	font-weight: normal;

	text-align: left;

}

h1,

h2,

h3,

h4,

h5,

h6 {

	clear: both;

}

html {

	overflow-y: scroll;

	font-size: 100%;

	-webkit-text-size-adjust: 100%;

	-ms-text-size-adjust: 100%;

}

a:focus {

	outline: thin dotted;

}

article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

nav,

section {

	display: block;

}

audio,

canvas,

video {

	display: inline-block;

}

audio:not([controls]) {

	display: none;

}

del {

	color: #333;

}

ins {

	background: #fff9c0;

	text-decoration: none;

}

hr {

	background-color: #ccc;

	border: 0;

	height: 1px;

	margin: 24px;

	margin-bottom: 1.714285714rem;

}

sub,

sup {

	font-size: 75%;

	line-height: 0;

	position: relative;

	vertical-align: baseline;

}

sup {

	top: -0.5em;

}

sub {

	bottom: -0.25em;

}

small {

	font-size: smaller;

}

a{

	color: #333;

}

a:hover {

	color:#ed145b;

	transition: color .3s ease-in-out;

	-moz-transition: color .3s ease-in-out;

	-ms-transition: color .3s ease-in-out;

	-o-transition: color .3s ease-in-out;

	-webkit-transition: color .3s ease-in-out;

	}

a,

a:focus,

a:hover {

	text-decoration:none;

	}

a:focus, 

a:active, 

input:focus, 

select:focus, 

textarea:focus, 

button:focus {

    outline: none !important;

    }

img{

	max-width: 100% !important;

	height: auto;

	box-shadow: none;

	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	border-radius: 0;

	-webkit-border-radius: 0;

	-moz-border-radius: 0;

}

ul, ol {

    margin-bottom: 0;

    }

li {

	line-height:1.5;

    }

	/* table */

table {

	width:100%;

	margin: 0 0 30px;

	border:1px solid #c5c5c5;

	box-shadow:1px 1px 3px rgba(0,0,0,.1);

	-webkit-box-shadow:1px 1px 3px rgba(0,0,0,.1);

	-moz-box-shadow:1px 1px 3px rgba(0,0,0,.1);

	}

table td,

table th {

	border:1px solid #c5c5c5;

	padding:8px 12px;

	vertical-align:middle;

	text-align:left;

	}

table th {

	font-weight:bold;

	border:1px solid #ccc;

	background:#f1f1f1;

	}



/* Clearing floats */

.clear:after,

.wrapper:after,

.format-status .entry-header:after {

	clear: both;

}

.clear:before,

.clear:after,

.wrapper:before,

.wrapper:after,

.format-status .entry-header:before,

.format-status .entry-header:after {

	display: table;

	content: "";

}



body {

	font-family: 'Arial', 'Helvetica', sans-serif;

	font-size: 13px;

	line-height: 25px;

	color: #000;

	background: url('images/bgdot-top.png') repeat top left;

	}

.container{

	width: 1200px;

	margin: 0 auto;

	padding: 0 5px;

}

	

.full,

ul.nav-menu{

	float: left;

	width: 100%;

	display: inline-block;

}



/* Header

-------------------------------------------------------------------*/

#header {

	padding-top: 10px;

	background: url('images/bg-top.png') repeat-x top left;

}

#header .header-top{

	background-color: #000;

}

/*#header .header-top .padding-header{

	padding: 19px 0 13px;

}*/

#header .header-top .header-top-left,

#header .header-top .header-top-right{

	width: 50%;

	display: inline-block;

	

}

#header .header-top .header-top-left{

	float: left;

	padding: 19px 0 13px;

}

.logo, .description{

	display: inline-block;

}

.logo{

	width: 35%;

	background: url('images/thanh_doc.png') no-repeat top right;

	float: left;

}

.description{

	width: 60%;

	float: right;

}

h2.site-description{

	color: #fff;

}

#header .header-top .header-top-right{

	float: right;

}

#header .header-top .header-top-right .block{

	float: right;

    background: url('images/thanh_doc.png') 0 50% no-repeat;

}

#header .header-top .header-top-right .block a.link,

#header .header-top .header-top-right .block a.mobi-link{

	color: #fff;

    text-transform: uppercase;

    display: block;

    position: relative;

    z-index: 1;

    padding: 19px 20px 16px;

}

#header .header-top .header-top-right .block a.mobi-link{

	display: none;

}

#header .header-top .header-top-right .block a.link .fa,

#header .header-top .header-top-right .block a.mobi-link .fa,

a.a-menu-mobile .fa{

	padding-right: 10px;

}



#header .header-top .header-top-right .block:hover a.link{

	color: #000;

	background-color: #fff;

}

#header .header-top .header-top-right .block .expandcart{

	position: absolute;

    top: 70px;

    right: 10%;

    padding: 23px;

    margin-left: -214px;

    width: 400px;

    background: #fff;

    border: 1px solid #ccc;

    display: none;

    opacity: 0;

    filter: alpha(opacity=0);

	z-index: 9999999;

}

#header .header-top .header-top-right .block .expandcart .title {

    font-size: 18px;

}

dl.products{

	padding-bottom: 10px;

	margin-bottom: 10px;

    border-bottom: 1px solid #CCCCCC;

}

#header .header-top .header-top-right .block .expandcart .thumb{

    float: left;

    width: 52px;

    height: 52px;

    overflow: hidden;

    margin-right: 20px;

    margin-top: 5px;

}

#header .header-top .header-top-right .block .expandcart .cart-prices,

#header .header-top .header-top-right .block .expandcart .cart-buttons{

	margin: 10px 0;

	width: 50%;

	display: inline-block;

	float: left;

}

#header .header-top .header-top-right .block .expandcart span.cart_block_total{

	font-size: 18px;

}

#header .header-top .header-top-right .block .expandcart span.amount{

	color: #ed145b;

    font-weight: normal;

}

a#button_order_cart{

	margin-top: 0;

	font-size: 16px;

}



#header .header-top .header-top-right .block .expandcart .cart-info{

	

}





#header .header-bottom{

	background-color: #fff;

	border-bottom: 1px solid #ccc;

	height: 45px;

}

nav.navigation{

	width: 74.91%;

	display: inline-block;

	float: left;

}

a.a-menu-mobile{

	display: none;

	width: 100%;

	text-transform: uppercase;

	padding: 10px 5px;	

}

.fa-bars{

	font-size: 20px !important;

	cursor: pointer;

}



ul.nav-menu > li{

	display: inline-block;

	float: left;

	position: static;

}

ul.nav-menu > li > a{

	display: inline-block;

	float: left;

	padding: 13px 36px 13px 0;

	text-transform: uppercase;

	position: relative;

}

ul.nav-menu > li > .sub-menu{

	position: absolute;

    top: 120px;

    border: 1px solid #ccc;

    padding: 10px 20px 30px 0;

    background: #fff;

    display: none;

	width: 50%;

    opacity: 0;

	z-index: 999999999999999999;

    filter: alpha(opacity=0);

}

ul.nav-menu > li > .sub-menu > li{

	float: left;

    width: 33.33%;

    padding-left: 20px;

    min-width: 200px;

}

ul.nav-menu > li > .sub-menu > li > a,

ul.nav-menu > li > .sub-menu > li > ul.sub-menu > li > a{

	font-weight: bold;

	display: block;

    padding: 15px 5px;

    border-bottom: 1px solid #ccc;

    color: #333;

}

ul.nav-menu > li > .sub-menu > li > ul.sub-menu > li > a{

	font-weight: normal;

	padding-left: 10px;

}

ul.nav-menu > li > .sub-menu > li > a:hover,

ul.nav-menu > li > .sub-menu > li > ul.sub-menu > li > a:hover{

	color: #ed145b;

}



#header .header-bottom .header-bottom-right{

	width: 25%;

	text-align: right;

	display: inline-block;

	position: relative;

	border-left: 1px solid #ccc;

}

a.search-click{

	display: none;

}

.inner{

	background-color: #fff;

	z-index: 99999;

}

#header .header-bottom .header-bottom-right input[type='text'] {

    width: 80%;

	float: left;

    padding: 13px 20px;

    /*height: 44px;*/

    background: #fff;

    border: none;

    margin: 0;

    -ms-border-radius: 0;

    border-radius: 0;

}

#header .header-bottom .header-bottom-right input[type='submit'] {

    position: absolute;

    top: 14px;

    right: 0;

    background: url('images/icon-sprite.png') 0 0 no-repeat;

    width: 20px;

    height: 20px;

    border: none;

	cursor: pointer;

}



/* Main

--------------------------------------------------------------------------*/

#main{

	padding-top: 30px;

}

.box-img

{

	width: 50%;

	display: inline-block;

}

.left{

	float: left;

}

.flexslider{

	border: none !important;

	margin: 0 !important;

}

.flex-direction-nav a{

	width: 40px;

	height: 48px;

}

.flexslider,

.right{

	padding: 0 5px !important;

}

.right{

	width: 50%;

	float: right;

}

.right-bottom{

	width: 100%;

}

.right-bottom-left{

	width: 50%;

	float: left;

	padding-right: 5px;	

}

.right-bottom-right{

	width: 50%;

	float: right;

	padding-left: 5px;	

}

.products-home{

	margin-top: 75px;

	padding-bottom: 53px;

	background: url('images/bgdot.png') repeat-x bottom left;

}

.products-home .title-row{

	background: url('images/bg-line-1.png') repeat-x  0 50%;

	text-align: center;

}

.products-home .title-row span{

	display: inline-block;

    background: #fff;

    text-transform: uppercase;

    font-size: 26px;

    padding: 0 15px;

	font-family: 'roboto';

}

.products-home .products{

	margin-top: 35px;

}

.button{

	text-align: center;

	margin-top: 30px;

}

.button a.button-link,

.woocommerce div.product form.cart .button,

a.add-request-quote-button,

a#button_order_cart{

	background-color: #dc1456 !important;

	padding: 15px !important;

	border-radius: 5px !important;

	-webkit-border-radius: 5px !important;

	-moz-border-radius: 5px !important;

	font-size: 17px !important;

	text-transform: uppercase;

	color: #fff !important;

}

.button a.button-link span{

	background-color: #ca114c;

	padding: 15px;

	margin-left: 15px;

	border-top-right-radius: 5px;

	-webkit-border-top-right-radius: 5px;

	-moz-border-top-right-radius: 5px;

	border-bottom-right-radius: 5px;

	-webkit-border-bottom-right-radius: 5px;

	-moz-border-bottom-right-radius: 5px;

}





/*

 * Footer

 */

 #footer{

	background: url('images/bg-top.png') repeat-x bottom left;

	padding-bottom: 10px;

	color: #797979;

 }

#footer .inner-bottom{

	background: url('images/bgdot.png') 0 0 repeat-x;

    padding-top: 70px;

    margin-top: 38px;

}

#footer .inner-bottom .block{

	display: inline-block;

	float: left;

}

#footer .inner-bottom .col-1{

	width: 27%;

}

#footer .inner-bottom .copyright{

	margin-bottom: 25px;

    line-height: 1.5;

}

#footer .inner-bottom .col-1 span.phone{

	color: #ed145b;

    font-size: 18px;

    font-weight: bold;

    margin-bottom: 3px;

}

.title-footer,

ul.nav-menu-footer li a{

	font-weight: bold;

    margin-bottom: 3px;

    color: #000;

}

#footer .inner-bottom .col-2{

	width: 46%;

}

.a-social-footer > a {

    width: 32px;

    height: 32px;

    display: inline-block;

    font-size: 20px;

    margin: 0 7px;

    border-radius: 100%;

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    text-align: center;

    line-height: 32px;

    background: #F34C3C;

    color: #fff;

    transition: all 0.3s;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

}

.a-social-footer > a:hover{

	color: #F34C3C;

	background: #fff;

}

.col-2-1,.col-2-2,.col-2-3{

	width: 33.33%;

	display: inline-block;

	float: left;

}

.col-2-1{

	padding: 0 30px;

}

ul.nav-menu-footer li a{

	display: block;

	margin-bottom: 5px;

}





/*

 * Primary

 */

#primary{

	display: inline-block;

	float: left;

	width: 82.64%;

}

#secondary{

	display: inline-block;

	float: left;

	width: 17.36%;

	padding-left: 10px;

}

.related{

	margin-top: 75px;

	padding-top: 53px;

	background: url('images/bgdot.png') repeat-x top left;

}

.related h2{

	font-size: 26px;

    font-weight: normal;

    font-family: "Roboto";

    text-transform: uppercase;

    text-align: left;

    background: url('images/bg-line-1.png') 0 50% repeat-x;

}

.related h2 span{

	background-color: #fff;

	padding-right: 10px;

}



/*

 * Sidebar

 */

 h3.widget-title{

	font-size: 24px;

    font-weight: normal;

    font-family: "Roboto";

    text-transform: uppercase;

    text-align: center;

 }

ul.product_list_widget li img{

	width: 100% !important;

	display: block;

	float: left !important;

	margin-left: 0 !important;

}

.woocommerce div.product form.cart .button{

	padding-right: 15px;

}

.woocommerce div.product form.cart div.quantity{

	margin: 11px 4px 10px 0 !important;

}

/* Woocommerce

--------------------------------------------------------------*/

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{

	margin: 35px 8px 0 0 !important;

	width: 24.3% !important;

	border: 1px solid #E2DAC5;

	border-radius: 4px;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

}

.woocommerce ul.products li.last, .woocommerce-page ul.products li.last{

	margin-right: 0 !important;

}

.woocommerce ul.products li.product .onsale{

	background: rgba(253, 0, 0, 0.8) !important;

    z-index: 99;

    top: 5px !important;

    right: 5px !important;

}

.woocommerce ul.products li.product h3{

	text-transform: uppercase;

	padding: 0 !important;

}

.woocommerce ul.products li.product .price del{

	display: inline-block !important;

}

.woocommerce ul.products li.product .price{

	color: #797979 !important;

	font-size: 13px !important;

}

.woocommerce span.onsale{

	top: 0 !important;

	left: 0;

}

.woocommerce #content div.product div.thumbnails a, .woocommerce div.product div.thumbnails a, .woocommerce-page #content div.product div.thumbnails a, .woocommerce-page div.product div.thumbnails a{

	width: auto !important;

}

.woocommerce .woocommerce-breadcrumb a{

	font-size: 13px;

	text-transform: uppercase;

	color: #000;

	padding: 0 10px;

	font-weight: bold;

}

.woocommerce div.product div.images div.thumbnails img{

	width: 60px !important;

	height: 90px !important;

}

.woocommerce ul.product_list_widget{

	text-align: center;

}

.woocommerce ul.product_list_widget li{

	margin-top: 35px;

}

.woocommerce ul.product_list_widget li span.product-title{

	text-transform: uppercase;

	font-weight: bold;

	width: 100%;

    display: block;

    float: left;

	color: #000;

}



.woocommerce ul.product_list_widget li a span.product-title{

	padding-top: 15px;

}

.woocommerce ul.product_list_widget li:hover a span{

	color: #ed145b;

	transition: color .3s ease-in-out;

	-moz-transition: color .3s ease-in-out;

	-ms-transition: color .3s ease-in-out;

	-o-transition: color .3s ease-in-out;

	-webkit-transition: color .3s ease-in-out;

}

.woocommerce div.product div.images{

	width: 38.5% !important;

}

.woocommerce div.product div.summary{

	width: 61.5% !important;

	padding-left: 20px;

}

.woocommerce div.product .product_title{

    font-size: 24px;

    font-weight: bold;

    margin-bottom: 15px;

	position: relative;

	color: #ff7a00;

}

.woocommerce div.product .product_title:after{

	content: "";

    display: block;

    width: 12%;

    height: 2px;

    margin-top: 5px;

    background: #42a1cd;

    position: absolute;

	

}

.woocommerce div.product p.price del{

	font-size: 18px;

    color: #797979;

    text-decoration: line-through;

    display: inline-block;

    margin-bottom: 5px;

}

.woocommerce div.product p.price{

	color: #ed145b !important;

	font-size: 40px;

    display: block;

}

.woocommerce div.product p.price,

.cart-bottom form.cart{

	padding: 30px 0 20px 0;

	margin: 10px 0;

    border-top: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

}

div.summary p{

	font-size: 15px;

	padding: 10px 0;

	margin-top: 10px;

    border-top: 1px solid #ccc;

}

span.sku_wrapper{

	width: 100%;

	display: block;

	margin-bottom: 8px;

    font-size: 16px;

	font-weight: bold;

}

span.posted_in{

	font-size: 14px;

}

.woocommerce-tabs{

	background: url('images/bgdot.png') 0 0 repeat-x;

    padding-top: 50px;

    margin-top: 38px;

}

.price-bottom,

.cart-bottom{

	width: 50%;

	text-align: center;

	display: inline-block;

    float: left;

}

.cart-bottom form.cart{

	padding: 20px 0 21px 0;

}

.woocommerce div.product form.cart .variations{

	width: 50%;

}

.woocommerce .woocommerce-message{

	background-color: red;

    color: #fff;

}

.woocommerce a.button{

	color: #000;

    background-color: yellow;

}



/*

 * Responsive

 */

@media (max-width: 1200px){

nav.navigation{

	width: 92.68%;

}

#header .header-bottom .header-bottom-right{

	width: 5.32%;

	position: relative;

}

a.search-click{

	display: block;

	padding: 10px;

}

i.fa-search{

	font-size: 18px;

}

div.inner{

	display: none;

	position: absolute;

	top: 45px;

	left: -165px;

}

#primary{

	width: 100%;

}

#secondary{

	display: none;

}

.col-2-1,.col-2-2,.col-2-3{

	padding: 0 10px;

}

}

@media (max-width: 1200px) and (min-width: 992px){

.container{

	width: 940px;

}	

}

@media (max-width: 991px) and (min-width: 768px){

.container{

	width: 750px;

}

}

@media (max-width: 991px){

a.a-menu-mobile{

	display: block;

	position: relative;

}

ul.nav-menu{

	display: none;

	z-index: 9999;

	position: absolute;

	top: 115px;

	left: 0;

	background-color: #ECECEC;

}

ul.nav-menu > li {

    width: 100%;

	padding-left: 70px;

}

ul.nav-menu > li > a{

	width: 100%;

	border-bottom: 1px solid #ccc;

}

ul.nav-menu > li > .sub-menu{

	top: 45px;

	width: 100%;

}



.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{

	width: 32.6% !important;

}

.woocommerce ul.products li.last, .woocommerce-page ul.products li.last{

	margin-right: 8px !important;

}

.woocommerce ul.products li:nth-child(3n), .woocommerce-page ul.products li:nth-child(3n) {

    margin-right: 0 !important;

}







}

@media (max-width: 767px){

#header .header-top .header-top-left, 

#header .header-top .header-top-right,

.logo,

.description{

	width: 100%;

}

.logo,

.description{

	text-align: center;

}

.box-img{

	width: 100%;

}	

.right{

	display: none;

}

#header .header-top .header-top-right .block .expandcart{

	top: 155px;

	right: 0;

	width: 100%;

}

.products-home{

	margin-top: 30px;

}

.products-home .products{

	margin-top: 0;

}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{

	width: 48% !important;

}

#footer .inner-bottom .col-1,

#footer .inner-bottom .col-2 {

    width: 100%;

}

#footer .inner-bottom .col-1{

	text-align: center;

}

#footer .inner-bottom .col-2{

	margin: 10px 0;

}

.header-cart, .hotline, .connect{

	width: 50%;

	display: inline-block;

	float: left;

}

ul.nav-menu{

	top: 200px;

}

ul.nav-menu > li > .sub-menu{

	top: 45px;

	width: 85%;

}

ul.nav-menu > li > .sub-menu > li{

	float: none;

	min-width: auto;

	width: 100%;

}

}

@media (max-width: 767px) and (min-width: 480px){

.container{

	width: 100%;

}	



}

@media (max-width: 479px){

.container{

	width: 300px;

}

.logo{

	background: none;

}

#header .header-top .header-top-right .block a.mobi-link{

	display: block;

}

#header .header-top .header-top-right .block a.overlay{

	display: none;

}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{

	width: 48% !important;

	margin-right: 0 !important;

}

.woocommerce div.product div.images,

.woocommerce div.product div.summary{

	width: 100% !important;

}

.woocommerce div.product div.summary{

	padding-left: 0px; 

}

.col-2-1,.col-2-2,.col-2-3{

	width: 100%;

	margin: 5px 0;

}

#footer .inner-bottom .col-2{

	text-align: center;

}
ul.nav-menu-footer li a{
	border: 1px solid #999;
	background-color: #200683;
	color: #fff;
	padding: 5px 0;
}

}