@font-face {
    font-family: 'utm_alexander';
    src: url('../fonts/utm_alexander.otf');
    src: url('../fonts/utm_alexander.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/*----- reset -----*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, address, em, img, strong, dl, dt, dd, ul, li, fieldset, form, label, legend {border: 0; font-family: inherit; font-size: 100%; margin: 0; outline: 0; padding: 0; }
:focus {outline: 0; }
ol,ul {list-style: none; }
img {width: auto\9; height: auto; max-width: 100%; vertical-align: middle; -ms-interpolation-mode: bicubic; }
table {border-collapse: collapse; border-spacing: 0; width: 100%; }
html,body {height: 100%; } 
/*----- common -----*/
body {background-color: #fff; color: #000; font: normal normal 100% Arial, Helvetica, sans-serif; line-height: 1.5em; font-size: .75em; }
h1,h2,h3, h4, h5, h6 {line-height: normal; font-weight: normal; }
input,select,textarea {color: #38444f; font: normal normal 1em Arial, Helvetica, sans-serif; }
input:focus,select:focus,textarea:focus,a:link,a:visited,a:hover,a:focus {outline: none; } a:link,a:visited,a:hover,a:focus {text-decoration: none; }
a:link,a:visited {color: #000; }
a:hover,a:focus {color: #43f812; }
.clear {clear: both; }
/*===================================================================*/

.bg-trans{
	-moz-transition: background, .4s ease;
	-o-transition: background, .4s ease;
	-webkit-transition: background, .4s ease;
	transition: background, .4s ease;
}
.header-top{background: #f6f6f6; font: 400 13px/20px 'Roboto', sans-serif; color: #666;padding: 10px 0;}
.header-top ul{margin: 0 -20px;}
.header-top ul li{float: left;padding: 0 20px; border-right: 1px solid #e1e1e1;}
.header-top ul li:last-child{border-right: none;}
.header-top ul li a{color: #666;}
.header-content{font: 400 12px/22px 'Roboto', sans-serif; color: #666;padding: 27px 0 25px;}
.header-content p{margin: 10px 0;}
.header-content .logo a{display: inline-block;}
.header-content .phone p:before{content: ''; width: 24px; height: 24px; background: url(../images/front/sprite.png) no-repeat 0 0; display: inline-block; margin-right: 10px; vertical-align: bottom;}
.header-content .giohang p:before{content: ''; width: 24px; height: 24px; background: url(../images/front/sprite.png) no-repeat -26px 0; display: inline-block; margin-right: 10px; vertical-align: bottom;}
.header-content .phone span{font-size: 14px; color: #f64629;}
.header-bot{background: #aa8f90;}
.menu ul{}
.menu ul li{float: left; padding: 15px 20px;}
.menu ul li a{display: block; font: 500 12px/20px 'Roboto', sans-serif; color: #fff; text-transform: uppercase;}
.menu ul li.active,
.menu ul li:hover{background: #f64629;}

.search{width: 170px;position: relative;margin-top: 10px;}
.search input{width: 100%;height: 27px; border: none; border-bottom: 1px solid #bba5a6; font: italic 12px/20px 'Roboto', sans-serif; color: #ffe9ea; background: transparent; padding: 0 18px 0 0;}
.search button{position: absolute;top: 5px;right: 0; width: 16px;height: 16px; border: none; background: url(../images/front/sprite.png) no-repeat -52px 0; text-indent: -9999px;}
.search button:hover{background: url(../images/front/sprite.png) no-repeat -18px -107px}
::-webkit-input-placeholder {color: #ffe9ea; }
:-moz-placeholder {color: #ffe9ea; }
::-moz-placeholder {color: #ffe9ea; }
:-ms-input-placeholder {color: #ffe9ea; }




.block-slider{padding: 30px 0;}
.slider{overflow: hidden;position: relative;}
a.rslides_nav{display: block; width: 36px;height: 36px; background: url(../images/front/sprite.png) no-repeat; text-indent: -9999px; position: absolute; top: 50%; margin-top: -18px;z-index: 10;
-moz-transition: background, .4s ease;
-o-transition: background, .4s ease;
-webkit-transition: background, .4s ease;
transition: background, .4s ease;}
a.rslides_nav.prev{background-position: 0 -31px; left: 15px;}
a.rslides_nav.next{background-position: -37px -31px; right: 15px;}
a.rslides_nav.prev:hover{background-position: 0 -67px;border-radius: 0 4px 4px 0;}
a.rslides_nav.next:hover{background-position: -37px -67px;border-radius: 6px 0 0 6px;}

.rslides {position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.rslides li {-webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li:first-child {position: relative; display: block; float: left; }
.rslides img {display: block; height: auto; float: left; width: 100%; border: 0; }
.rslides .txt {position: absolute; bottom: 30px; width: 80%; left: 10%;z-index: 10; padding: 15px; background: rgba(0, 0, 0, 0.46);}
.rslides .txt p{font: 500 16px/20px 'Roboto', sans-serif; color: #fff;text-transform: uppercase;}

ul.block-banner li{margin-bottom: 30px;}
ul.block-banner li:last-child{margin-bottom: 0;}

h3{font: 400 18px/20px 'Roboto', sans-serif; color: #333; text-transform: uppercase; border-bottom: 1px solid #e1e1e1;margin-bottom: 20px;}
h3 span{display: inline-block; border-bottom: 1px solid #f64629;padding-bottom: 9px;margin-bottom: -1px;}
.block-product{padding: 0 0 45px;overflow: hidden;}
.block-product button{border: none; width: 7px; height: 13px; text-indent: -9999px; background: url(../images/front/sprite.png) no-repeat; position: absolute; top: -47px; display: block;padding: 0;
-moz-transition: background, .4s ease;
-o-transition: background, .4s ease;
-webkit-transition: background, .4s ease;
transition: background, .4s ease;}
.block-product button.slick-prev{background-position: 0px -107px; right: 35px;}
.block-product button.slick-next{background-position: -8px -107px; right: 15px;}
.block-product button.slick-prev:hover{background-position: 0px -122px;}
.block-product button.slick-next:hover{background-position: -8px -122px;}

.block-product ul{margin: 0 -15px;}
.block-product ul li{float: left;padding: 0 15px;position: relative;}
.block-product ul li a.img{display: block; max-height: 300px;width: 100%;background: #f1f1f1;position: relative;}
.block-fashion li a.img:before,
.block-product ul li a.img:before{content: ''; width: 0; height: 100%; background: transparent; position: absolute; top: 0;left: 0; display: none;}
.block-fashion li a.img:hover:before,
.block-product ul li a.img:hover:before{display: block;background: rgba(0, 0, 0, 0.47) url(../images/front/zoom_in.png) no-repeat center;animation: sheen 1s forwards;}
@keyframes sheen {
	100% {
		width: 100%;
	}
}
.block-fashion li h4,
.block-product ul li h4{overflow: hidden; height: 20px; margin: 10px 0 5px;}
.block-fashion li h4 a,
.block-product ul li h4 a{font: 500 15px/20px 'Roboto', sans-serif; color: #2c2c2c;}
.score-callback{margin-bottom: 5px;}
.score-callback img{display: inline-block;}
.block-fashion li strong,
.block-product ul li strong{font: 400 13px/20px 'Roboto', sans-serif; color: #666; margin-right: 20px;text-decoration: line-through;}
.block-fashion li span,
.block-product ul li span{font: 500 15px/20px 'Roboto', sans-serif; color: #f64629;}
.sale{padding: 5px 10px; background: #e1b0b2; color: #fff;display: inline-block; font: 500 14px/20px 'Roboto', sans-serif; border-radius: 0 0 5px 5px;position: absolute; top: 0px; z-index: 1; left: 30px;}

.register{background: url(../images/front/bg-ct.jpg) no-repeat; padding: 40px 0 35px; text-align: center;margin-bottom: 35px;}
.register p{font: 400 18px/20px 'Roboto', sans-serif; color: #fff; text-transform: uppercase;}
.register .input-group{width: 450px; margin: 15px auto 0;font: 400 13px/20px 'Roboto', sans-serif; color: #ccc;}
.register .input-group input{width: 360px;height: 35px;}
.register .input-group button{width: 90px;height: 35px;background: #2a2a2a;border: none;color: #ccc;}

.block-fashion{padding-bottom: 25px;}
.block-fashion li{margin-bottom: 15px;}
.block-fashion li div{overflow: hidden;}
.block-fashion li a.img{width: 120px; height: 130px; display: block; float: left; margin-right: 15px;position: relative;}



#footer{background: #2a2a2a;padding: 35px 0;}
#footer h3{font: 400 16px/20px 'utm_alexander', sans-serif; color: #fff; border: none;}
#footer p{font: 400 13px/20px 'Roboto', sans-serif; color: #b2b2b2;}
#footer p span{display: block;margin-bottom: 5px;}
#footer ul li{margin-bottom: 5px;}
#footer ul li a{color: #fff;}
#footer .col-md-3{margin-bottom: 20px;}
#footer p.bot{font: 400 13px/20px 'Roboto', sans-serif; color: #9c9c9c; padding-top: 15px;}
#footer p.bot a{color: #9c9c9c;}


.search input:focus{border-color: #f64629}

.block-fashion li h4 a:hover,
#footer ul li a:hover,
#footer p.bot a:hover,
.block-product ul li h4 a:hover{color: #F64B2E;}
.register .input-group button:hover{background: #66AFE9; color: #fff;}




.smobitrigger{display: none;}
/*==========================================================================*/

@-moz-document url-prefix() { 
	
}

@media (max-width: 1190px){
	.menu ul li{padding: 10px;}
	.search{margin-top: 5px;}
	ul.block-banner li {margin-bottom: 26px;}
	.block-fashion li h4{height: 40px;}
}
@media (max-width: 990px){
	.rslides{margin-bottom: 20px;}
	.block-slider{padding: 20px 0 0;}
	ul.block-banner{margin: 0 -10px;}
	ul.block-banner li,
	ul.block-banner li:last-child{width: 50%; float: left; padding: 0 10px;margin-bottom: 20px;}
	.block-fashion li h4 a{font-size: 13px;}
	.block-fashion li a.img{width: 110px;height: 120px;}

	a.smobitrigger{display: block;width: 25px;height:19px;overflow: hidden; padding: 5px 0; position: absolute; top: 10px; left: 15px; background: url(../images/front/line.png) no-repeat; text-indent: -9999px;}
	.menu .block-menu{animation: width_ 1s forwards;display: none;width: 250px; position: absolute; left: -260px; top: 37px;background: #aa8f90;z-index: 20;}
	.menu .block-menu li{width: 100%;float: none;}
	@keyframes width_ {
		100% {
			width: 250px;
			left: 15px;
		}
	}
	.search{margin: 5px 0;}
}
@media (max-width: 750px){
	#footer p.bot,
	.block-fashion{padding: 0;}
	.block-fashion li h4{height: 20px;}
	.block-fashion li h4 a{font-size: 15px;}
	.header-content{padding: 20px 0;}
	.block-product{padding: 0 0 20px;}
	.register{margin-bottom: 20px;}
	.header-top ul{margin: 0;}
	.header-top ul li:last-child{padding-right: 0;}
}
@media (max-width: 680px){
	.header-top{padding: 5px 0;}
	.header-content .phone,
	.header-top .pull-left{display: none;}
	.header-top .pull-right{text-align: center;width: 100%;float:none;}
	.header-top ul li{display: inline-block;float: none; padding: 0 10px;}
	.register p{font-size: 15px;}
	.header-content .logo{width: 40%;text-align: left;}
	.header-content .giohang{width: 60%;}
	.register .input-group{width: 270px;}
	.register .input-group input{width: 180px;}
	.register p{padding: 0 15px;}
	.block-fashion .col-md-4{width: 100%;}
}
@media (max-width: 630px){
	.register{padding: 20px 0;}
	.rslides .txt{bottom: 10px;}
	.rslides .txt p{font-size: 13px;}
}
@media (max-width: 500px){
	#footer .col-md-3{width: 100%;}
}
@media (max-width: 420px){
	.header-top{display: none;}
	.header-content .logo{width: 100%; float: none;margin-top: 15px;}
	.header-content .giohang{width: 100%; position: absolute;right: 0; top: -6px;}
}