@charset "UTF-8";

/*
*/
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; }
html { position: relative; }
a:hover, a:focus{
	text-decoration: none;
}
body{
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
}
ul{
	list-style: none;
	padding: 0;
}
.header-logo{
	padding: 5px 0; 
}
.home h1.archive-title.page-title, .home .duong_dan_breadcrumb{
	display: none;
}
/* Social Media */
ul.social_list { list-style: none; padding: 0; display: inline-block; margin: 0; }
ul.social_list li { float: left; }
ul.social_list li a { background-color: #f0f0f0; border-radius: 100%; color: #000; display: inline-block; height: 25px; line-height: 25px; margin: 0 5px; text-align: center; width: 25px; }
ul.social_list li a:hover { background-color: #000; color: #f0f0f0; }

/* Menu */
#navbar { margin: 0; padding: 0; border: none; margin-top: 13px;float: right;}
#navbar ul li { position: relative; }
#navbar ul li a {     
    text-transform: uppercase;
    font-size: 15px;
    color: #333;
    font-weight: 600;
	padding: 10px 20px;}
#navbar ul li ul { 
	width: 200px;
    background-color: #e8e8e8;
}
#navbar ul li ul li a img{display: list-item; float:left}
#navbar ul li ul li a { padding: 5px 10px;
    text-transform: capitalize;
    display: inline-block;}
#navbar ul li ul ul { left: 100%; top: 0; }
#navbar ul li:hover > ul { display: block; }

/* Menu Active hover */
.nav>li>a:focus, .nav>li>a:hover {background:#fff;}
#navbar ul li a:hover {color:#ff6634;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {background:#fff;width:100%;}
/*Sidebar*/
#sidebar-right h2.widget-title, h3.widget-title.title-rate{
	font-size: 18px;
    padding-bottom: 5px;
    margin: 0;
    color: #f06e30;
    text-transform: uppercase;
    font-weight: 600;
    border-bottom: 2px solid;
    margin-bottom: 20px;
}
.duong_dan_breadcrumb{
display: block;
overflow: hidden;
margin: 0;
background: #fff;
line-height: 32px;
margin-top: 5px;
}
.duong_dan_breadcrumb li a{
display: inline-block;
white-space: nowrap;
font-size: 13px;
color: #288ad6; 
padding: 0 10px 0 0;
}
.duong_dan_breadcrumb li{
display: inline-block;
vertical-align: middle;
overflow: hidden;
font-size:13px
} 
.duong_dan_breadcrumb li:last-child{
	margin-left: 10px;
}
.duong_dan_breadcrumb span{
display: inline-block;
font-size: 13px;
color: #999; 
line-height: 1;
padding-right: 7px;}
.group-title h2.block-title{
    margin: 0;
    color: #000;
    font-weight: 600;
    line-height: 1.4em;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-size: 27px;
    position: relative;
	margin-top: 50px;
}
.group-title h2.block-title:before{
	position: absolute;
	content: '';
	width: 200px;
	height: 1px;
}
.group-title h3.block-title{
	font-size: 19px;
    font-weight: normal;
    line-height: 25px;
    padding: 0 30px;
	margin: 0;
	margin-top: 20px;
}
.main-content-service{
	border: 1px solid #ccc;
    border-radius: 8px;
    background-color: #fff;
}
.main-content-service:hover{
	box-shadow: 0 0 10px 0 rgba(0,0,0,.04), 0 10px 20px 0 hsla(0,0%,8%,.1);
    transition: box-shadow .5s cubic-bezier(.165,.84,.44,1);
    border-color: #e5652e;
}
.main-content-service .top, .main-content-service .bottom{
    padding: 15px;
}
.main-content-service .bottom{
	    background-color: #f06e31;
    background: linear-gradient(to right,#ea8759,#f06d30);
    background-repeat: repeat-x;
    color: #fff;
}
.main-content-service h3{
	margin: 0;
    padding: 10px 0;
    font-size: 19px;
    font-weight: 600;
}
.main-content-service p.price{
	font-size: 40px;
    color: #f06d30;
    font-weight: 600;
}
.main-content-service p.price span{
	font-size: 18px;
    color: #f06d30;
}
.main-content-service p.des{
	font-size: 15px;
}
.main-content-service .top p img{
	display: inline-block;
    padding: 3px;
}
.main-content-service p.link a{
    border-color: #087ac2 transparent #0568ae;
    background-color: #0568ae;
    background: linear-gradient(to bottom,#087ac2 0,#0568ae 100%);
    color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.15);
    cursor: pointer;
    font-size: 15px;
    padding: 10px 25px;
    border-radius: 24px;
    display: inline-block;
}
.main-content-service p.link{
	clear: both;
    margin-bottom: 0;
    padding: 0 0 20px 0;
}
.main-content-service .content-main{
	padding: 20px 20px 10px;
    border-bottom: 1px solid #f2f2f2;
	height: 180px;
    overflow: hidden;
}
.main-content-service .top p i{
	padding: 15px;
    font-size: 30px;
    border-radius: 100%;
    border: 2px solid;
    display: inline-block;
    color: #f06d30;
}
.white .group-title h2.block-title{
	color: #fff;
}
.service-content{
    transition: box-shadow 1s cubic-bezier(.165,.84,.44,1);
    border: 1px solid #e6e5e4;
    margin-top: 20px;
	background: #fff;
}
.service-content:hover{
	box-shadow: 0 0 10px 0 rgba(0,0,0,.04), 0 10px 20px 0 hsla(0,0%,8%,.1);
    transition: box-shadow .5s cubic-bezier(.165,.84,.44,1);
}
.service-content:hover a{
	color: #f49831!important;
}
.service-content a{
	display: block;
}
.service-content a p{
	color: #008094;
    font-size: 17px;
    margin-top: 15px;
}
.service-content h2.title-top-home{
	margin: 0;
	font-size: 17px;
}
.service-content h2.title-top-home a{
	line-height: 20px;
    padding: 10px;
	color: #333;
	font-weight: 600;
}
.group-item{
	margin-bottom: 10px;
}
.table-style-multi-color tr:nth-child(2n) {
    background: #d7d7d7;
}
.table-style-multi-color tr:nth-child(2n+1) {
    background: #ebebeb;
}
.table-style-multi-color tr td {
    padding: 10px;
}
.service-content p.title-top-home{
    margin: 0;
    padding: 0 10px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
}
.service-content p.more{
    padding: 15px;
}
.service-content p.more a{
color: #1b6cb4;
    padding: 9px 20px;
    border-radius: 20px;
    border: 1px solid #f7f7f7;
    display: inline-block;
    font-weight: 600;
    font-size: 14px;
    box-shadow: 1px 1px 1px #f7f7f7;
}
#footer{
	padding: 30px 0 20px;
    border-top: 4px solid #ea7400;
    background: #191919;
	margin-top: 20px;
    font-size: 14px;
    line-height: 26px;
    color: #fff;
}
#footer .supo .cser {
    display: block;
    width: 42px;
    height: 49px;
    background-image: url(/wp-content/uploads/2018/06/icon.png);
    background-size: 100%;
    background-repeat: no-repeat;
}
#footer .supo a.hotline{
	font-size: 18px;
    color: #fff;
}
#footer .supo a.hotline:hover{
	color: #f06e28;
}
#footer h2.widget-title{
    margin: 20px 0 25px;
    font-weight: 700 !important;
    color: #f06e28;
    font-size: 16px;
    border-left: 3px solid #f06e28;
    padding-left: 10px;
}
#footer ul.list-contact{
	list-style: none;
	padding: 0;
}
#footer .list-contact i{
	position: relative;
    top: 2px;
    font-size: 22px;
    color: #f06e28;
    margin-right: 10px;
}
#footer ul.menu{
	margin: 0;
    padding-left: 15px;
}
#footer ul.menu li{
	
}
#footer ul.menu li a{
	color: #e0e0e0;
    font-size: 15px;
    line-height: 25px;
}
.rpwwt-widget ul li{
	margin-bottom: 0px!important;
}
.rpwwt-widget ul li a{
	color: #333!important;
}
h3.post-title.main-achive-title{
    margin: 0;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
}
.archive article .post-content{
	font-size: 15px;
    line-height: 21px;
    text-align: justify;
}
h3.post-title.main-achive-title a{
	color: #333;
}
.archive article.post{
	margin-bottom: 20px;
}
.archive article.post .date{
	font-style: italic;
    color: #848484;
    margin-bottom: 10px;
}
.single-post article.post{
	padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #f7f7f7;
}
.duong_dan_breadcrumb ul{
	padding: 0 0 0 10px;
    background: #fbfbfb;
    border-radius: 3px;
	margin-bottom: 20px;
}
h1.archive-title.page-title{
	margin: 0;
    margin-bottom: 15px;
    font-size: 25px;
}
#sidebar-right .widget_recent_entries ul{
	padding: 0px;
}
.single-post h1.post-title{
	margin: 0;
    font-size: 23px;
    margin-bottom: 10px;
    font-weight: 400;
}
.single-post .post-content img{
	max-width: 100%;
	    height: auto;
}
.relatedcat a.title-post{
	color: #333;
    padding: 10px 0;
    display: inline-block;
}
ul.clothes-listing li a{
	display: inline-block;
	margin: 10px 0;
}
.single-post .post-meta{
	margin-bottom: 10px;
    color: #676767;
    font-style: italic;
}
ul.clothes-listing{
	padding: 0;
    list-style: none;
}
ul.clothes-listing li a img{
	max-width: 100%;
	height: auto;
}
ul.clothes-listing li{
	margin-bottom: 20px;
}
ul.clothes-listing li a{
    font-size: 15px;
    color: #333;
    text-transform: uppercase;
    font-weight: 600;
    max-height: 150px;
    overflow: hidden;
}
ul.clothes-listing li p.content{
    font-size: 15px;
    line-height: 24px;
    color: #474747;
}
ul.clothes-listing li p.content.short{
	font-size: 14px;
	margin-bottom: 0;
}
ul.clothes-listing li p.content.short a{
    text-transform: initial;
    font-size: 14px;
    color: #474747;
    font-weight: normal;
}
ul.clothes-listing li p i{
	font-size: 16px;
    margin-right: 6px;
    color: #f06e28;
}
.clothes-listing p.tags a{
	font-size: 14px;
    font-weight: 400;
    text-transform: lowercase;
	    margin-bottom: 0;
}
p.button a{
	font-weight: 600;
    padding: 10px 20px;
    border-radius: 5px;
    border-width: 1px;
    border-color: #f06e28;
    border-style: solid;
    background: #f06e28;
    color: #ffffff;
    text-transform: uppercase;
}
.boxhome-content{
	color: #fff;
	text-align: center;
	padding: 30px 0;
}
.boxhome-content h2{
	font-weight: 200;
    font-size: 23px;
	margin: 0px;
}
.boxhome-content h3{
	font-weight: 200;
    font-size: 18px;
    padding: 0 30px;
    line-height: 24px;
}
.boxhome-content p.more a{
    border: 1px solid #d2d2d2;
    background-color: #f2f2f2;
    background: linear-gradient(to bottom,#fcfcfc 0,#f2f2f2 100%);
    color: #0568ae;
    box-shadow: 0 5px 5px -5px rgba(0,0,0,.15);
    padding: 10px 30px;
    margin-top: 20px;
    display: inline-block;
    border-radius: 23px;
    font-size: 16px;
}
h3.list-home-post{
	margin: 0;
    margin-bottom: 20px;
    text-align: left;
    font-weight: 400;
    font-size: 25px;
}
#header{
	border-bottom: 1px solid #CAD4DD;
    box-shadow: 0 1px 3px rgba(0,0,0,.09);
}
.whyhome-content .icon-left{
	display: table-cell;
    float: left;
    vertical-align: top;
}
.whyhome-content .content-right{
	display: table-cell;
    vertical-align: middle;
}
.whyhome-content .icon-left i{
	color: #333;
    background: #ffffff;
    font-size: 32px;
    display: inline-block;
    height: 2em;
    width: 2em;
    border-radius: 100%;
    padding: 18px 25px;
    transition: 1s;
}
.whyhome-content .icon-left i:hover{
	transform: scale(1.2);
}
.whyhome-content .icon-left i.Defaults-thumbs-o-up, .whyhome-content .icon-left i.Defaults-clock-o{
	padding: 15px 20px;
}
whyhome-content{
	margin-top: 20px;
}
.whyhome-content .content-right h3{
	font-weight: 700;
    line-height: 1.4em;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-size: 20px;
    color: #fff;
	margin: 0;
    margin-left: 10px;
}
.whyhome-content .content-right p{
	font-size: 16px;
    line-height: 24px;
    color: #fff;
    margin-top: 10px;
	margin-left: 10px;
}
.myprefix-maybe-sticky {
	position: fixed !important;
	top: -100px;
	width: 100%;
	z-index: 999;
	opacity: 0;
	background: #fff;
	transition: 0.3s all;
	box-shadow: 0 2px 3px rgba(0,0,0,0.15);
}
.myprefix-show {
	top: 0;
	opacity: 1;
}
/* Hot Line*/
.fhotline { position: fixed; left: 20px; bottom: 20px; z-index: 9999999; padding: 5px; color: #fff; border-radius: 30px; background: #f06e30; display: inline-block; }
.fhotline .call-me { float: left; color: #fff; background: #000; display: block; height: 100%; line-height: 40px; padding: 0 30px 0 15px; border-radius: 30px; font-size: 22px; }
.fhotline .hotline-no { float: left; text-align: center; display: inline-block; padding: 0 15px; font-weight: 600; background-color: #f06e30; border-radius: 30px; margin-left: -25px; height: 40px; }
.hotline .hotline-no a { font-size: 14px; font-weight: 500; background-color: transparent; color: #FFF; }
.fhotline span { font-size: 10px; text-transform: uppercase; margin: 0; text-align: center; line-height: 14px; display: block; }
.fhotline .hotline-no a{color: #fff;}
.faa-wrench.animated, .faa-wrench.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-wrench {
	-webkit-animation: wrench 3.5s ease infinite;
	animation: wrench 3.5s ease infinite;
	transform-origin-x: 90%;
	transform-origin-y: 35%;
	transform-origin-z: initial;
}

@-webkit-keyframes wrench {
	0% { -webkit-transform: rotate(-12deg); transform: rotate(-12deg); }
	8% { -webkit-transform: rotate(12deg); transform: rotate(12deg); }
	10% { -webkit-transform: rotate(24deg); transform: rotate(24deg); }
	18% { -webkit-transform: rotate(-24deg); transform: rotate(-24deg); }
	20% { -webkit-transform: rotate(-24deg); transform: rotate(-24deg); }
	28% { -webkit-transform: rotate(24deg); transform: rotate(24deg); }
	30% { -webkit-transform: rotate(24deg); transform: rotate(24deg); }
	38% { -webkit-transform: rotate(-24deg); transform: rotate(-24deg); }
	40% { -webkit-transform: rotate(-24deg); transform: rotate(-24deg); }
	48% { -webkit-transform: rotate(24deg); transform: rotate(24deg); }
	50% { -webkit-transform: rotate(24deg); transform: rotate(24deg); }
	58% { -webkit-transform: rotate(-24deg); transform: rotate(-24deg); }
	60% { -webkit-transform: rotate(-24deg); transform: rotate(-24deg); }
	68% { -webkit-transform: rotate(24deg); transform: rotate(24deg); }
	75% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
}
@keyframes wrench {
	0% { -webkit-transform: rotate(-12deg); -ms-transform: rotate(-12deg); transform: rotate(-12deg); }
	8% { -webkit-transform: rotate(12deg); -ms-transform: rotate(12deg); transform: rotate(12deg); }
	10% { -webkit-transform: rotate(24deg); -ms-transform: rotate(24deg); transform: rotate(24deg); }
	18% { -webkit-transform: rotate(-24deg); -ms-transform: rotate(-24deg); transform: rotate(-24deg); }
	20% { -webkit-transform: rotate(-24deg); -ms-transform: rotate(-24deg); transform: rotate(-24deg); }
	28% { -webkit-transform: rotate(24deg); -ms-transform: rotate(24deg); transform: rotate(24deg); }
	30% { -webkit-transform: rotate(24deg); -ms-transform: rotate(24deg); transform: rotate(24deg); }
	38% { -webkit-transform: rotate(-24deg); -ms-transform: rotate(-24deg); transform: rotate(-24deg); }
	40% { -webkit-transform: rotate(-24deg); -ms-transform: rotate(-24deg); transform: rotate(-24deg); }
	48% { -webkit-transform: rotate(24deg); -ms-transform: rotate(24deg); transform: rotate(24deg); }
	50% { -webkit-transform: rotate(24deg); -ms-transform: rotate(24deg); transform: rotate(24deg); }
	58% { -webkit-transform: rotate(-24deg); -ms-transform: rotate(-24deg); transform: rotate(-24deg); }
	60% { -webkit-transform: rotate(-24deg); -ms-transform: rotate(-24deg); transform: rotate(-24deg); }
	68% { -webkit-transform: rotate(24deg); -ms-transform: rotate(24deg); transform: rotate(24deg); }
	75% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
}
a.title-item {
    margin: 0 0 10px 0;
    height: auto;
    display: inline-block;
    color: #ff6634;
    border-bottom: 2px solid #ff6634;
    padding: 5px 0;
    text-transform: uppercase;
    font-size: 22px;
    line-height: 31px;
    font-weight: 600;
}
a.title-item  .icon-title {
    padding-right: 14px;
}
.table-celll {
    display: table-cell;
    vertical-align: bottom;
    float: none;
}
.fix-pad {
    padding-left: 0;
    padding-right: 0;
}
ul.function>li {
    width: 50%;
    display: inline-block;
    height: auto;
    float: left;
    padding: 10px 0;
}
.padding80{
	padding: 0 80px;
	font-weight: 600;
}
table>thead>tr {
    background: #f37021;
    color: #fff;
}
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}
table{
	margin-bottom: 10px!important;
}
.title-black {
    padding: 5px 15px 5px 30px;
    font-size: 20px;
}
.text-uppercase {
    text-transform: uppercase;
}
.margin-35 {
    padding: 35px 0;
}
.box-bg-gray {
    background: #ebebeb;
    display: inline-block;
    width: 100%;
}
.no-pad-l-r-767{
	margin-bottom: 10px;
}
.images-header img{
	max-width: 100%;
	height: auto;
}
.header-top-img a{
	font-size: 18px;
    text-transform: uppercase;
    color: #f06d30;
    font-weight: 600;
}
.header-top-img a img{
	border-radius: 100%;
    padding: 7px 5px;
	background: #8a8989;
    margin-bottom: 10px!important;
}
.header-top-img a img:hover{
    background: #f06d30;
}