/* <etrc.css> */
/* ===== PC Header styles ===== */
/* >>>>> Topbar <<<<< */
body { 
 font-family: 'Open Sans', sans-serif;    font-size: 14px;
    line-height: 1.428571429;
    color: #545454;
} 

p {
    line-height: 25px;
    margin: 0 0 18px;
    font-size: 16px;
	display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
	    color: #545454;
		font-family: 'Open Sans', sans-serif;
}

#questionBox .infoRequired input, textarea, select {
    width: 100%;
    font-size: 14px;
    padding: 10px;
    background-color: #fff;
    margin-bottom: 10px;
    border-radius: 4px;
    border: none;
    color: #333;
    box-shadow: 0 0 2px #999;
}

.logomobi a {
    text-align: left;
    color: #fff;
    font-size: 15px;
    margin-top: 11px;
    margin-left: 0;
    text-transform: uppercase;
}

#questionBox .infoRequired textarea {
    height: 150px;
}.TourTitle {
    color: #a31022;
    font-size: 26px;
    text-align: center;
    display: block;
    margin-bottom: 5px;
 font-family: 'Open Sans', sans-serif;}.TourTailor {
        display: block;
    text-align: center;
    color: #fff !important;
    font-size: 14px;
    line-height: 25px;
}.ListInquiryInfo {
    padding-bottom: 15px;
}
#questionBox .yourStyle ul.styles li {
   float: left;
    border: 1px solid #969696;
    border-radius: 4px;
    color: #969696;
    font-size: 11px;
    cursor: pointer;
    list-style: none;
}#questionBox .yourStyle {
    display: block;
    margin-bottom: 45px;
    margin-top: 0;
}
#questionBox .yourStyle ul.styles li.Discovery {
    background: url(img/discovery-grey.png) no-repeat;
    padding: 3px 5px 3px 18px;
    background-color: #d8d8d8;
    background-position: 5px 4px;
    margin-right: 5px;
}
#questionBox .yourStyle ul.styles li.Essential {
    background: url(img/essential-grey.png) no-repeat;
    padding: 3px 6px 3px 20px;
    background-color: #d8d8d8;
    background-position: 5px 5px;
}
#questionBox .yourStyle ul.styles li.ComfortActive {
    background: url(img/comfort-red.png) no-repeat;
    padding: 3px 5px 3px 18px;
    background-color: #fff;
    background-position: 3px 4px;
    color: #a31022;
    margin-right: 5px;
}

#questionBox {
    margin: 10px 0 15px 0;
    position: relative;
    border-radius: 6px;
}
#questionBox .questionContent {
    display: block;
    padding: 15px 20px 5px;
    background: #f1f1f1;
    border-radius: 4px;
    border: 1px solid #cecece;
}#questionBox .ListInquiryInfo {
    color: #a31022;
}#questionBox .infoRequired {
    text-align: center;
    display: block;
}
.black {
    background: #f9f9f9;
}
#questionBox .sendButton {
    margin: 15px 0;
    display: block;
    background: #a31022;
    border: none;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    padding: 10px;
    font-size: 16px;
    width: 100%;
}
	.carousel-caption {
	    position: absolute;
	    right: 15%;
	    bottom: 20px;
	    left: 15%;
	    z-index: 10;
	    padding-top: 20px;
	    padding-bottom: 20px;
	    color: #fff;
	    text-align: center;
	    text-shadow: 0 1px 2px rgba(0,0,0,.6);
	}.btn-lg.btn-default {
	    padding: 10px 30px;
	    font-size: 14px;
	    border-radius: 0;
	}
	.content_border_box {
	      margin: 10px 0 20px 0;
    background: #fff;
    padding: 15px;
    box-shadow: 0px 1px 2px #d1d1d1;
    border: 1px solid #d5d5d5;
    border-radius: 4px;
	}
	.middlebutton {
	    background: #f1f1f1;
	    padding: 30px 20px;
	    border-radius: 4px;
	    border: 1px solid #e1e1e1;
	}
	.ajax_buy a {
	    text-align: center;
	    color: #fff;
	    background: #a31022;
	    padding: 10px 15px;
	    border-radius: 4px;
	    font-size: 18px;
	    display: inline-block;
	    margin-top: 10px;
	}
	.carousel-caption p {
	    margin-bottom: 20px;
	    font-size: 19px;
	    line-height: 1.2;
	}.carousel-caption .btn {
	    text-shadow: none;
	}.btn-default:hover {
	    color: #333;
	    background-color: #e6e6e6;
	    border-color: #adadad;
	}.btn-default.btn-nav-fix {
	    color: #fff;
	    background-color: #df6100;
	    border-color: transparent;
	    text-transform: capitalize;
	}
	.carousel-caption .title {
	    text-transform: uppercase;
	    font-weight: 500;
	    margin-bottom: 20px;
	    font-size: 30px;
	    line-height: 1.2;    color: #fff;
	}
	.carousel-caption {
	    right: 0;
	    padding-bottom: 0;
	    padding-top: 0;
	    left: 50%;
	    top: 50%;
	    transform: translate(-50%, -50%);
	    width: 900px;
	    bottom: auto;
	}
	.pc-header {
     	position: absolute;
	    top: 0;
	    right: 0;
	    left: 0;
	    z-index: 999;
	    background: url(img/bg-header.png?01) repeat-x;
	    position: relative;
	}
	.pc-header .topbar {
		padding: 9px 0;
		background: #000;
		color: #fff;
		font-size: 13px;
		line-height: 18px;
	}
	.pc-header .hotline a {color: #cf171f;}
	.pc-header .site-link li {float: left;}
	.pc-header .site-link li + li {margin-left: 15px;}
	.pc-header .site-link a {
		display: block;
		color: #fff;
		font-size: 12px;
		line-height: 17px;
	}
	.pc-header .site-link a:hover {text-decoration: underline;}
	.pc-header .language {margin-left: 30px;}
	.pc-header .language > a {display: block;height: 20px;width:30px; background-image: url('img/language.png'); background-repeat: no-repeat;text-indent: -9999px;}
	.pc-header .language > a + a {margin-left: 5px;}
	.pc-header .language > a.en{
		background-position: -35px 0;
	}
	.pc-header .language a:hover {
	    color: #2a6496;
    	text-decoration: underline;
	}
	.btn-search {
      	width: 37px;
	    height: 37px;
	    z-index: 100;
	    display: block;
	    text-align: center;
	    line-height: 38px;
	    color: #b0b2b4;
	    font-size: 15px;
	    -webkit-transition: color .4s ease, background-color .4s ease;
	    transition: color .4s ease, background-color .4s ease;
	}
	.header-search.uk-open .btn-search, .header-search .btn-search:hover{
		background: #ff680d;
	    color: #fff;
	}
	.header-search.uk-open .btn-search i::before {
	    content: '\f00d';
	}
	.pc-header .upper {
		padding: 20px 0;
	}
	.bar_menu_top {
      	padding-top: 0;
	    position: relative;
	    top: 0;
	}
	.pc-search .form {
	    position: relative;
	    min-width: 450px;
	}
	.pc-search .form .input-text {
	    border-radius: 35px;height: 38px;
	}
	.header-search {
		float:right;
	   position: relative;
	}
	.header-search .uk-dropdown {
	    background: #ff680d;
		padding: 5px;
	    min-width: 300px;
	    border: none;
	}
	.header-search .form {
	    position: relative;
	    background: #fff;
	}
	.header-search .form .input-text {
	    background: transparent;
	    border: 0;
	    color: #333;
		font-size: 13px;
	}
	.header-search .form .btn-submit {
	    display: block;
	    position: absolute;
	    padding: 0 8px;
	    background: transparent;
	    height: 32px;
	    width: 75px;
	    line-height: 28px;
	    border: none;
	    font-size: 12px;
	    color: #fff;
	    top: 0px;
	    right: 0px;
	    cursor: pointer;
	    outline: none;
	}
	.uk-list-social li a{
		display: block;
		width: 22px; height: 21px;
		background-image: url('img/social_network_top.png');
		background-repeat: no-repeat;
		text-indent: -9999px;
	}
	.uk-list-social li a.tw{
		background-position: -27px 0;
	}
	.uk-list-social li a.go{
		background-position: -108px 0;
	}
	.uk-list-social li a.ins{
		background-position: -54px 0;
	}
	.uk-list-social li a.yo{
		background-position: -81px 0;
	}
	.pc-header .lower {
      	padding: 10px 0;
	    color: #fff;
	    font-size: 13px;
	}
	.top-nav li {
	    display: inline-block;
	    margin-left: 8px;
	}
	.top-nav li::before {
	    content: ".";
	    margin: 0px 8px 0 0;
	    top: 0;
	    font-size: 25px;
	    color: #e6e6e7;
	    line-height: 0px;
	    position: relative;
	    top: -3px;
	    display: inline-block;
	}
	.top-nav li a {
	    color: #f2f2f2;
	    font-size: 13px;
	}
	.top-nav li:first-child {
	    margin-left: 0;
	}
	.top-nav li:first-child::before{
	    display: none;
	}
	.item_header.width{position: relative; width: 358px;height: 40px;}
	.pc-header .hotline {
	    background-image: url('img/ic_hotline.png');
	    background-repeat: no-repeat;
	    background-position: left center;
	    text-align: center;
	    color: #fff;
	    font-size: 13px;
	    padding-left: 20px;
	    font-weight: bold;
	    margin-right: 15px;
	    line-height: 22px;
	}
	.top_bar {
	    padding-right: 358px;
	}
	.uk-navbar-nav.uk-clearfix.main-menu {
	      float: right;
    position: relative;
	}
	.uk-menutop li {
	    float: left;
	    padding: 10px 15px;
	}
	.uk-menutop li a {
	    color: #fff;
	    font-size: 18px;
	}
	.main-nav .main-menu > li > a {
        font-size: 16px;
	    /* text-transform: uppercase; */
	    font-weight: 500;
	    color: #fff;
	    padding: 0 10px;
	    line-height: 37px;
	    font-family: 'Open Sans', sans-serif;
	}
	.dropdown-menu {
	       position: absolute;
    left: 0;
  
    background: #f0f0f0;
    text-align: left;
    -webkit-transform: rotate3d(1,0,0,-90deg);
    transform: rotate3d(1,0,0,-90deg);
    -webkit-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    opacity: 0;
    visibility: hidden;
    font-weight: 300;
    z-index: 999;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    top: 36px;
	}
	.dropdown-menu ul li{
		    padding: 0 10px;
    float: left;
	}
	
	ul.uk-list.sub-menu {
       width: 100%;
    float: left;
}

	.aside-panel .heading {
	       font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 0;
	}
	.box_detail_price {
	
	}
	
	section.aside-panel.aside-inquiry header.panel-head {
        background-color: #a31022;
    background-image: url(img/price-arror-bg2.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    position: relative;
    height: 140px;
    color: #fff;
    font-size: 20px;
    padding-top: 10px;
    width: 100%;
    z-index: 999;
    border: 1px solid #ccc;
    border-bottom: 0;
}
	.box_detail_price span{
	    color: #e5fe02;
	}
aside.aside	textarea.text { 
	height:150px;
}
	.aside-panel.aside-inquiry, .contact-form, .project-create, .aside_infomation {
	     /*  box-shadow: 0px 1px 3px #f0f0f0;
    display: block;
    padding: 15px 20px 5px;
    background: #f1f1f1;
    border-radius: 4px;
    border: 1px solid #cecece;*/
	}
section.aside-panel.aside-inquiry.uk-sticky-init header.panel-head.uk-text-center {
    background-color: #a31022;
    /* width: 290px; */
    padding-bottom: 62px;
    background-image: url(img/price-arror-bg2.jpg);
    background-repeat: no-repeat;
    /* background-position: left bottom; */
    padding-top: 15px;
    /* margin-left: 8px; */
    /* margin-right: 7px; */
    border-radius: 6px;
    z-index: 100;
    position: relative;
}
div#tabs-1 h2 {
   color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
    padding: 5px 10px;
    border-radius: 3px;
    box-shadow: 1px 0px 1px #999;
    text-transform: uppercase;
    line-height: 22px;
}
.box_price.uk-text-center span {
    font-size: 30px;
    line-height: 30px;
}
	
	.aside_infomation .title_prd {
	    font-size: 16px;
	    line-height: 24px;
	    color: #000;
	    font-family: 'Open Sans', sans-serif;
	    font-weight: 400;
	}
	.content_prd {
	    border-top: 1px solid #ededed;
	    padding-top: 10px;line-height: 24px;
	}
	.content_prd .meta_in{
		width: 70px;
		float: left;
		font-size: 14px;
	    font-family: 'Open Sans', sans-serif;
	    color: #787878;
	}
	.content_prd .meta_ins{
		width: -webkit-calc(100% - 70px);
	    width: -moz-calc(100% - 70px);
	    width: -ms-calc(100% - 70px);
	    width: -o-calc(100% - 70px);
	    width: calc(100% - 70px);
	    padding-left: 10px;
	    float: right;
	}
	.box_title_2 {
	    color: #b81800;
	    font-size: 20px;
	    font-weight: 500;
	   font-family: 'Open Sans', sans-serif;
	    padding: 10px 0;
	}
	.meta_ins.red {
	    color: #ff0000;
	    font-family: 'Open Sans', sans-serif;
	}
	.box_title {
	    position: relative;
	    line-height: 35px;
	    padding-left: 40px;
	    font-size: 20px;
	    font-weight: 500;
	    color: green;
	}
	.box_title:after {
	    width: 35px;
	    height: 35px;
	    line-height: 35px;
	    text-align: center;
	    background-color: green;
	    border-radius: 100%;
	    position: absolute;
	    top: 0; left: 0;
	    color: #fff;
 		font-size: 14px;
 		font-weight: bold;
	}
	.box_title.one_number:after {content: '1';}
	.box_title.two_number:after {content: '2';}
	.aside-panel.aside-inquiry .text {
	    border: 1px solid #e4c9b4 !important;
	    border-radius: 3px;
	}
	.hotline_block {
	    padding-top: 10px;
	    margin-bottom: 10px;
	}
	.box .item-sp a {
	    color: #ff0000;
	    font-size: 18px;
	    font-weight: bold;
	}
	.uk-list.support-list li {
	    padding: 5px 5px;
	}
	.box .name {
	    font-size: 13px;
	    font-weight: bold;
	    color: #1f1f7e;
	}
	.hotline_block a {
	    display: block;
	 font-family: 'Open Sans', sans-serif;
	    color: #ff0000;
	    font-size: 16px;
	    padding: 20px 20px 0 55px;
	    background: url('img/ic_hotline_bl.png') no-repeat scroll left center;
	}
	.box_detail_price::after {
	    content: '';
	    width: 0;
	    height: 0;
	    border-right: 135px solid transparent;
	    border-left: 135px solid transparent;
	    border-top: 50px solid #fff;
	    position: absolute;
	    top: 0;
	    left: 0;
	}
	.dropdown-menu ul li a{
		       display: block;
    padding: 7.7px 0;
    white-space: pre;
    /* border-bottom: 1px solid #565c64; */
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    color: #333;
    font-weight: 500;
    padding: 0;
    line-height: 32px;
    font-family: 'Open Sans', sans-serif;
	}
	.dropdown-menu ul li:last-child a{border-bottom: 0;}
	.main-nav .main-menu > li:hover > .dropdown-menu {
	    -webkit-transform: translateY(0px);
	    -moz-transform: translateY(0px);
	    -o-transform: translateY(0px);
	    -ms-transform: translateY(0px);
	    transform: translateY(0px);
	    opacity: 1;
	    visibility: visible;
	}
	.main-nav .main-menu > li:hover > a{color: #ff680d;}
	.member_login a{
		padding-left: 22px;
		display: inline-block;
		line-height: 30px;
		color: #959595;
 font-family: 'Open Sans', sans-serif;		text-transform: uppercase;
		background-position: center left; 
		background-repeat: no-repeat;
	}
	.member_login a.regis{background-image: url('img/key.png');}
	.member_login a.login{background-image: url('img/key_.png');}
	.member_login a + a{ margin-left: 10px;}
	.cart_item {
	    background-image: url('img/cart_item.png');
	    background-position: center left;
	    background-repeat: no-repeat;
	    padding-left: 53px;
	    color: #959595;
 font-family: 'Open Sans', sans-serif;	    position: relative;
	}
	.cart_item span.quanlity {
	    position: absolute;
	    bottom: 2px;
	    left: 35px;
	    color: #fff;
	    font-size: 11px;
	}
	.cart_box a {
	    display: block;
	    width: 30px;
	    height: 30px;
	    background-image: url('img/cart_item.png');
	    background-position: center center;
	    background-repeat: no-repeat;
	}
/* ===== Mobile Header style ===== */

	.mobile-header {
		position: relative;
		background: #fff;
		z-index: 5
	}
	.mobile-header .topbar {
    	padding: 0px 0px;
	    background: #068bc2;
	}
	.mobile-header .topbar .uk-menutop li a {
	    font-size: 16px;
	}
	.mobile-header .language > a {
	    display: block;
	    height: 20px;
	    width: 30px;
	    background-image: url('img/language.png');
	    background-repeat: no-repeat;
	    text-indent: -9999px;
	}
	.mobile-header .language > a.en {
	    background-position: -35px 0;
	}
	.mobile-header .language > a + a {
	    margin-left: 5px;
	}
	.mobile-header .upper {
		position: relative;
		padding: 10px;
		text-align: center;
		background: #0e871e
	}
	.mobile-header .lower {
	    background-color: #3e454c;
	    padding: 5px 0;
	    color: #fff;
	}
	.mobile-header .hotline {
		display: block;
		position: absolute;
		padding-left: 25px;
		left: initial;
		right: 10px;
		top: 50%;
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		-o-transform: translate(0, -50%);
		transform: translate(0, -50%);
		color: #cf171f;
		font-size: 13px;
		font-weight: bold;
		line-height: 22px;
	}
	.mobile-header .upper .logo img{height: 60px; display: inline-block;}
	.pc-header .logo {       
		-webkit-box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.41);
	    -moz-box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.41);
	    box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.41);
	    background-color: #fff;
	    padding-bottom: 0;
	    border-radius: 0 0 5px 5px;
	    padding: 5px 10px 9px 10px;
	   	position: absolute;
		left: 15px;
		top: -41px;
	}
	.uk-flex.uk-flex-middle.uk-flex-space-right {
	    float: right;
	}
	@media (max-width: 660px) {
		.homepage-category .category .description, .catalogues-products .category .description{display: none;}
		.go-details {
		    margin-bottom: 20px;
		}
		#sync2{display: none;}
		.content_articles .news_title{display: none !important;}
		.content_articles .content_col-right{float: left !important;padding-left: 0 !important;width: 100% !important;;}
		.uk-width-large-2-3 .tour-item .thumb {
		    height: auto !important;
		    margin-bottom: 10px !important;
		}
	}
	@media (max-width: 567px) {
		.footer-hotline.uk-clearfix .hotline-box, .footer-hotline.uk-clearfix .social-online{width: 100% !important;}
		.footer-hotline.uk-clearfix .hotline-box{margin-bottom: 20px;}
		.mobile-header .upper {
			position: relative;
			text-align: center;
		}
		#tour_rate .form-control.datetimepicker {
		    margin-bottom: 15px;
		}
		.hotel-price {
    font-size: 15px !important;}
		.homepage-news .featured .thumb{
			width: 100% !important;
			height: auto !important;
		}
		.homepage-news .featured .infor{
			width: 100% !important;
			padding-left: 0 !important;
			margin-top: 15px;
		}
		.buy .number .label {
		    display: none;
		}
	}
	@media (min-width: 460px) {.video-box .thumb{min-height: 180px}}
	@media (max-width: 460px) {
		.homepage-category .list-category .category .infor .more_detail, .catalogues-products .list-category .category .infor .more_detail{
		    display: none;
		}
		.video-box .thumb{height: 180px}
	}
/* ===== Body style ===== */
.homepage-articles-new {
    padding: 10px 0;
}
.content_articles .news_title {
    padding: 5px 10px;
    color: #ec2913;
    background: #f2f2f2;
    float: left;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    width: 125px;
    float: left;
    text-align: center;
}
.content_articles .content_col-right{
	width: -webkit-calc(100% - 125px);
    width: -moz-calc(100% - 125px);
    width: -ms-calc(100% - 125px);
    width: -o-calc(100% - 125px);
    width: calc(100% - 125px);
    padding-left: 20px;
    float: right;
}
.list-new a {
    line-height: 30px;
    color: #333;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.content_col-right .uk-slidenav-contrast {
    position: absolute;
    top: 0;
    line-height: 30px;
    font-size: 24px;
    color: #212121;
    width: 30px;
    text-align: center;
    background: #f2f2f2;
}
.content_col-right .uk-slidenav-contrast:hover{
	background: #ff680d;
	color: #fff;
}
.content_col-right .uk-slidene{right: 0}
.content_col-right .uk-slidepr{right: 40px;}
.tour-item .info {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 20px;
    background: rgba(34, 34, 38, 0.61);
}
.tour-item .info .title {
    color: #fff;
    font-size: 16px;
}
.price-tour .pri_sale {
    color: #fff;
    font-size: 16px;
   
}
.price-tour .pri_old {
    text-decoration: line-through;
    color: #9b9b9b;
}
.price-tour b {
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
}
.price-tour sup {
   
    font-size: 14px;
    top: -5px;
    left: -3px;
}
.aside-panel.aside-menu {
       background: #f9f9f9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #efefef;
    margin-bottom: 15px;
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #ddd;
    margin-bottom: 25px;
}
.menu-left.uk-list li:not(:last-child) {
    border-bottom: 1px solid #efefef;
}
.menu-left.uk-list li a:hover, .menu-left.uk-list li a.active {
    background: #f9f9f9;
    color: #111;
}

.menu-left.uk-list li a {
            position: relative;
    display: block;
    padding: 15px 10px;
    /* font-size: 12px; */
    line-height: 20px;
  
    color: #111;
    -webkit-font-smoothing: antialiased;
}
.menu-left.uk-list li a:after{
	content: "\f105";
	position: absolute;
	right: 10px;
	top: 14px;
	color: #111;
	font: normal normal normal 14px/1 FontAwesome;
}
.prd-hot.aside-panel .heading, .homepage-news .heading {
    margin-bottom: 0;
    font-size: 16px;
    background: #e06100;
    color: #639;
    font-weight: bold;
    text-transform: uppercase;
    padding: 8px 10px;
}
.uk-width-large-2-3 .tour-item .thumb {
    height: 402px;
}
.box_item_social {
    font-size: 50px;
    line-height: 117px;
    width: 100%;
    text-align: center;
    background: #e3e3e3;
    display: block;
}
.box_item_social.fb {
    color: #1961b3;
}
.box_item_social.tw {
    color: #25c1db;
}
.box_item_social.ins {
    color: #7600aa;
}
.box_item_social.go {
    color: #ed0c0c;
}
.box_item_social.yo {
    color: red;
}
.box_item_social.pin {
    color: #9e0d0d;
}
.box_item_social.pin:hover {
    background: #9e0d0d;
}
.box_item_social.fb:hover {
    background: #1961b3;
}
.box_item_social.tw:hover {
    background: #25c1db;
}
.box_item_social.ins:hover {
    background: #7600aa;
}
.box_item_social.go:hover {
    background: #ed0c0c;
}
.box_item_social.yo:hover {
    background: red;
}
.design-catalogue .price-prd {
    color: #909090;
}
.design-catalogue .price-prd span {
    color: #b20000;
    font-size: 30px;

}
.icon {
    background-image: url("img/sprites.png");
    background-size: 82px 1154px;
    background-repeat: no-repeat !important;
    display: inline-block;
    vertical-align: middle;
}
.icon-marker {
    width: 20px;
    height: 20px;
    background-position: -49px -311px;
    margin: -1px 0 0 0;
}
.icon-promotion {
    width: 13px;
    height: 13px;
    background-position: -70px -103px;
}
.sale-tour {
    color: #e78311;
}
.title-itinerary {
    background-color: #eef1f6;
    line-height: 38px;
    padding: 0px 10px 0px 15px;
    border: 1px solid #d6dde7;
  font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #003580;
    position: relative;
    cursor: pointer;
}
.title-itinerary .item_p {
    position: absolute;
    right: 0;
    line-height: 40px;
    width: 40px;
    text-align: center;
    color: #3d5378;
}
.content-itinerary{
	padding: 10px;
	border: 1px solid #d9dee2;
	border-top: 0;
}
.tour-itinerary-box.uk-active .title-itinerary .item_p{color: #ecb751;}
.tour-itinerary-box.uk-active .title-itinerary .item_p:before{content: "\f146";}
.design-catalogue .price-prd font{text-decoration: line-through;}
.box_item_social:hover{color: #fff;}
.uk-form-tour {
    background-color: #eef1f6;
    border: 1px solid #d6dde7;
    padding: 15px;
    position: relative;
    margin-bottom: 25px;
   font-family: 'Open Sans', sans-serif;
    font-size: 15px;
}
.select-form {
    font-size: 20px;
    margin-bottom: 15px;
    color: #ff680d;
}
.box_line_form .title-label {
    width: 120px;
}
.box_line_form .title-label font {
    color: #c31111;
    font-size: 11px;
    vertical-align: text-bottom;
}


.item-form.uk-clearfix .label-left {
    width: 160px;
    float: left;
}
.item-form.uk-clearfix .label-right {
    width: -webkit-calc(100% - 160px);
    width: -moz-calc(100% - 160px);
    width: -ms-calc(100% - 160px);
    width: -o-calc(100% - 160px);
    width: calc(100% - 160px);
    padding-left: 15px;
    float: right;
}

.box_form_inquiry .item-form.uk-clearfix .label-left {
    width: 120px;
}
.box_form_inquiry .item-form.uk-clearfix .label-right {
    width: -webkit-calc(100% - 120px);
    width: -moz-calc(100% - 120px);
    width: -ms-calc(100% - 120px);
    width: -o-calc(100% - 120px);
    width: calc(100% - 120px);
}

.content_inquiry {
    border-bottom: 1px dashed #e6e6e6;
    margin-bottom: 20px;
}
.item-form.uk-clearfix .btn {
    padding: 0px 30px;
    border: 0;
    line-height: 36px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
     font-family: 'Open Sans', sans-serif;
    margin-right: 5px;
    cursor: pointer;
}
.border-bottom{border-bottom: 1px dashed #dedede;margin-bottom: 10px;}
.item-form.uk-clearfix .btn.btn-reset{background-color: #999999}
.item-form.uk-clearfix .btn.btn-submit{background-color: #df6100;}
.item-form.uk-clearfix .label-left .label-label, .item-form.uk-clearfix .label-right {
    line-height: 34px;
    display: block;
    color: #333;
 font-family: 'Open Sans', sans-serif;    font-size: 15px;
}
.item-form span {
    color: #666;
    font-size: 12px;
}
.item-form.uk-clearfix .label-right .input-text {
    line-height: 22px;
    width: 100%;
    max-width: 500px;
    padding: 5px 10px;
    height: 34px;border-radius: 5px;
}
.item-form .label {
    line-height: 36px;
    color: #999;
}
.box_line_form .item_form{
	width: -webkit-calc(100% - 120px);
    width: -moz-calc(100% - 120px);
    width: -ms-calc(100% - 120px);
    width: -o-calc(100% - 120px);
    width: calc(100% - 120px);
}
.box_line_form .item_form .form-control {
    height: 30px;
    width: 100%;
    padding: 3px 7px;
}
.icon-sf-calendar {
    width: 14px;
    height: 15px;
    background-position: -24px -1057px;
}
.icon-before .icon {
    position: absolute;
    left: 7px;
    z-index: 1;
    top: 8px;
    display: block;
}
.icon-before{position: relative;}
.box_line_form .item_form.icon-before .form-control {
    padding-left: 28px;
}
.tour-form-submit {
    height: 30px;
    background-color: #1b65e0;
    color: #fff;
    border: 1px solid #154ea5;
    padding: 0 30px;
    cursor: pointer;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
}
.box-hotel-tour{
	background-color: #eef1f6;
    border: 1px solid #d6dde7;
	position: relative;
    margin-bottom: 25px;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
}
.item-hotel {
    padding: 10px;
}
.box-hotel-tour .form-group:not(:last-child) {
    border-bottom: 1px solid #d6dde7;
}
.hotel-title {
    color: #2167ad;
}
.box-hotel-tour .uk-width-2-10, .uk-width-4-10.uk-width-large-2-10 {
    border-left: 1px solid #d6dde7;
}
.hotel-price {
    font-size: 18px;
    color: #b30000;
    font-family: 'Open Sans', sans-serif;
}
.togle_form {
    display: inline-block;
    padding: 5px 15px;
    min-width: 140px;
    background: #1b65e0;
    color: #fff;
    margin: 5px 0;
}
.p0{padding: 0 !important;}
.item-hotel-cap > * {
    font-size: 17px;
    color: #333;
}
.togle_form_hotel.uk-active {
    padding: 20px;
    background: #fff;
    border-top: 1px solid #d6dde7;
}
.togle_form_hotel.uk-active .form-group {
    border: 0;
}
.art-same{}

	.prd-hot.aside-panel .heading > *, .homepage-news .heading > *{color: #fff;}
	.products_catalogues .info .title a {
	    display: block;
	    font-size: 20px;
	    color: #434343;
	    line-height: 24px;
	    position: relative;
	    text-align: left;
	    font-weight: normal;
	    padding: 10px 0px 0;
 font-family: 'Open Sans', sans-serif;	}
	.go-details {
	    background-color: #e1e2e1;
	    width: 100%;
	    height: auto;
 font-family: 'Open Sans', sans-serif;	    font-weight: normal;
	    color: #61676d;
	    font-size: 18px;
	    line-height: 18px;
	    text-align: center;
	    padding: 10px 0;
	    -webkit-transition: all 0.3s ease-in-out;
	    -moz-transition: all 0.3s ease-in-out;
	    -o-transition: all 0.3s ease-in-out;
	    -ms-transition: all 0.3s ease-in-out;
	    z-index: 5;
	    display: block;
	}
	.go-details span {
	    background: url(img/arrow4.png) no-repeat center center;
	    width: 28px;
	    height: 28px;
	    position: relative;
	    margin: 0 10px;
	    display: inline-block;
	    vertical-align: middle;
	    -ms-border-radius: 50%;
	    -o-border-radius: 50%;
	    -webkit-border-radius: 50%;
	    border-radius: 50%;
	    -webkit-transition: left 0.3s ease-in-out;
	    -moz-transition: left 0.3s ease-in-out;
	    -o-transition: left 0.3s ease-in-out;
	    -ms-transition: left 0.3s ease-in-out;
	    left: 0;
	}
	.go-details:hover span {
	    left: 10px;
	}
	.go-details:hover {
	    background-color: #068bc2;
	    color: #fff;
	}
	.products_catalogues .thumb_col {
	    height: 185px;
	}
	.photos-detail .title {
	    font-size: 40px;
	    text-transform: uppercase;
	    line-height: 44px;
	}
	.gallerys-list .thumb {
	    border: 1px solid #f0f0f0;
	}
	.photo .title {
	    padding: 10px 0;
	    margin: 0;
	    text-align: center;
	}
	.photo .title a {
	    color: #333;
	}
	.photo .description {
	    text-align: center;
	    line-height: 24px;
	    font-size: 15px;
	}
	.main_slide{position: relative;}
	.box_item_box {
	    border: 1px solid #e4ce58;
	    border-radius: 10px;
	    background: linear-gradient(#d5d5d5,#ebebeb, #fff, #ebebeb,#d5d5d5);
	    padding: 5px 10px;
	}
	.box_item_box .thumb {
	    width: 42px;
	    float: left;
	}
	.box_item_box .info {
	    width: -webkit-calc(100% - 42px);
	    width: -moz-calc(100% - 42px);
	    width: -ms-calc(100% - 42px);
	    width: -o-calc(100% - 42px);
	    width: calc(100% - 42px);
	    padding-left: 10px;
	    float: right;
	    font-size: 12px;
	    font-family: 'Open Sans', sans-serif;
	    color: #333;
	}
	.homepage-nav {
		position: relative;
		height: 100%;
		background: #cf171f;
	}
	.homepage-catalogues .panel-head, .catalogues_item .panel-head{
	    border-top: 2px solid #67bd50;
	}
	.homepage-catalogues .panel-head .heading, .catalogues_item .panel-head .heading{
		border-top: 1px solid transparent;
	}
	.homepage-catalogues .panel-head .heading > .a_title, .catalogues_item .panel-head .heading .a_title{
		position: relative;
		display: inline-block;
		background-color: #67bd50;
		line-height: 36px;
		padding: 0 15px;
		color: #fff;
 font-family: 'Open Sans', sans-serif;		text-transform: uppercase;
	}
	.homepage-catalogues .panel-head .heading > .a_title:before, .catalogues_item .panel-head .heading .a_title:before{
		content: '';
		position: absolute;
		right: -50px;
		width: 50px;
		height: 36px;
		background-image: url('img/before_home.png');
	}

	.child_catalogues a {
	    font-size: 15px;
	    color: #333;
 font-family: 'Open Sans', sans-serif;	    font-weight: 400;
	    text-transform: uppercase;
	}
	.a_more{
		background-image: url('img/arrow.png');
		background-repeat: no-repeat;
		background-position: center right;
		font-size: 15px;
	    color: #333;
	    font-weight: 400;
	    padding-right: 10px;
	}
	.list-products .products .thumb {
	    height: 180px;
	}
	.line_all_value a {
	    display: inline-block;
	    line-height: 36px;
	    padding: 0 40px;
	    border: 1px solid #f06135;
	    text-transform: none;
	    color: #333;
	    font-size: 16px;
	}
	.homepage-nav .mainmenu {padding: 10px 0;}
	.homepage-nav .mainmenu li {position: relative;}
	.homepage-nav .mainmenu > li {padding: 0 10px 0 30px;}
	.homepage-nav .mainmenu > li > a,
	.homepage-nav .submenu > li > a {
		display: block;
		position: relative;
		padding: 10px 0;
	    border-bottom: 1px dashed #e39093;
		color: #f3f3f3;
		font-size: 12px;
		line-height: 19px;
	}
	.homepage-nav .fly-menu {
		position: absolute;
		display: none;
		min-width: 200px;
		top: 0px;
		left: 100%;
		background: #cf171f;
		z-index: 1000;
	}
	.homepage-nav .mainmenu > li:hover > .fly-menu {display: block;}
	.homepage-nav .submenu {padding: 5px 15px;}
	.homepage-nav .mainmenu > li:hover > a,
	.homepage-nav .submenu > li:hover > a {
		color: #fff;
		text-decoration: underline;
	}
	
	.product-hot.uk-clearfix {
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    margin-bottom: 0;
}

	.product-hot.uk-clearfix .thumb {
    	      height: 203px;
    /* overflow: hidden; */
    margin: 0;
    border-radius: 4px 4px 0 0;
    width: 100%;
    /* position: relative; */
     overflow: hidden;
    border: 1px solid #fff;
	}
	.product-hot.uk-clearfix .infor{
    	text-align: center; padding:10px;
	}
   .product-hot.uk-clearfix .infor .title a:hover  {    color: #e04f67;
		} 
	.product-hot.uk-clearfix .infor .title {
	       line-height: 20px;
    padding-top: 0;
    font-weight: normal;
    margin: 0;
    text-transform: uppercase;
    margin: 0;
    font-size: 15px;
    text-transform: uppercase;
	}
	.product-hot .infor .title a{    display: block;
    font-size: 14px;
    line-height: 1.428571429;
    color: #545454;}
	.product-hot .style_des {
	    font-size: 15px;
	}
	.uk-clearfix.box-top-prd .price-tour-cata {
	    width: 110px;
	    float: right;
	    padding-left: 10px;
	}
	.price-tour-cata > * {
	    display: block;
	  
	   ;color: #999;
	}
	.price-tour-cata .pri_old font {
	    text-decoration: line-through;
	}
	.price-tour-cata .pri_sale {
	       color: #ff0000;
    font-weight: 500;
   
    font-size: 17px;
    text-align: center;
    line-height: 30px;
	}
	.products_catalog_top {
	    margin-bottom: 5px;
	}
	.price-tour-cata .pri_sale span{
	    font-size: 20px;
	}
	
	@media (min-width:768px) {
		.products_catalog_top .small .thumb {
		    height: 291px;
		}
		.products_catalog_top .uk-width-large-2-4 .thumb {
		    height: 138px;
		}
	}
	
	

		
	
	
	.product-catalog .infor {
    padding: 15px;
	}
	
section.prd-catalogue-box .product-catalog .uk-width-large-3-6 {
    padding: 10px 20px 0 0;
    border-right: 1px solid #ededed;
    height: 220px;
    line-height: 19px;
}
	
	.price_top {
	    position: absolute;
	    bottom: 0;
	    left: 0;
	    padding: 5px 15px;
	    background: #0e871e;
	    color: #fff;
	}
	.videos_products {
	    padding-top: 15px;
	    border-top: 1px dashed #ddd;
	}
	.box_video_detail {
	    background: #1b1b1b;
	    height: 410px;
		overflow-y: auto;
	}
	.iframe_video iframe {
	    height: 410px;
	}
	.box_video_detail .panel-head {
	    font-size: 15px;
	    text-transform: uppercase;
	    color: #fff;
	    font-weight: bold;
	    padding: 20px 20px 10px 20px;
	}
	.box-video-detail .thumb {
	    float: left;
	    width: 120px;
	    height: 70px;
	}
	.box-video-detail .info {
	    float: right;
	    width: -webkit-calc(100% - 120px);
	    width: -moz-calc(100% - 120px);
	    width: -ms-calc(100% - 120px);
	    width: -o-calc(100% - 120px);
	    width: calc(100% - 120px);
	    padding-left: 15px;
	}
	.box-video-detail {
	    padding: 10px 20px; position: relative;
	}
	.box-video-detail.uk-clearfix.uk-active {
	    background: #898989;
	}
	.box-video-detail.uk-active::before {
		content: '';
	    position: absolute;
	    top: 50%;
	    left: 0;
	    -webkit-transform: translate(0, -50%);
	    -moz-transform: translate(0, -50%);
	    -ms-transform: translate(0, -50%);
	    -o-transform: translate(0, -50%);
	    transform: translate(0, -50%);
	    width: 0;
	    height: 0;
	    border-top: 10px solid transparent;
	    border-bottom: 10px solid transparent;
	    border-left: 10px solid #4e4e4e;
	}
	.title-video_ {
	    color: #fff;
	    font-size: 15px;
	}
	.panel-head.title-detail-products, .aside-panel.news-box-01 .heading{
	    font-size: 24px;
	    color: #b07f17;
	    font-weight: bold;
	    margin-bottom: 15px;
	    line-height: 28px;
	}
	.box-list .thumb {
	    width: 120px;
	    float: left;
	}
	.box-list .info {
	    width: -webkit-calc(100% - 120px);
		width: -moz-calc(100% - 120px);
		width: -ms-calc(100% - 120px);
		width: -o-calc(100% - 120px);
		width: calc(100% - 120px);
		padding-left: 15px;
		float: right;
	}
	.box-list.uk-clearfix {
	    padding-bottom: 15px;
	    border-bottom: 1px solid #f5f5f5;
	}
	.box-list .info h3 a {
	    color: #333;
	    font-size: 14px;
	}
	.ic_time {
	    color: #666;
	    font-size: 13px;
	}
	@media (min-width: 960px) {
		.fix-grid-960 > .uk-width-large-1-4 {width: 225px;}
		.fix-grid-960 > .uk-width-large-3-4 {
			width: -webkit-calc(100% - 225px);
			width: -moz-calc(100% - 225px);
			width: -ms-calc(100% - 225px);
			width: -o-calc(100% - 225px);
			width: calc(100% - 225px);
			padding-left: 20px;
		}
		#homepage .fix-grid-960 > .uk-width-large-3-4 {padding: 0;}
		.pc-search .form {
			min-width: 650px;
		}
	}
	
.list-item .title {
    text-transform: uppercase;
    font-size: 26px;
    color: #af5300;
    padding: 30px 0;
    font-weight: 700;
}
.list-item {
    text-align: center;
    padding-bottom: 50px;
    border-bottom: 1px solid #eee;
}
.project-item {
    overflow: hidden;
    position: relative;
    padding: 0;
    vertical-align: middle;
    text-align: center;
	height:540px;
}
.project-item:hover {
    transform: scale(1.05);
    z-index: 9999;
}
.project-item img {
    -webkit-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
    width: 100%;
}
.project-item:hover .project-img-hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    background: rgba(0, 0, 0, 0.5);
}

.project-img-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s;
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.project-info-img {
    background: rgba(0, 0, 0, 0.4);
    padding: 25px;
}
.shadow_banner {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
}
.prd-catalogue-box > .panel-head .heading {
       color: #0e871e;
    font-size: 30px;
    text-transform: uppercase;
    line-height: 34px;
    margin: 20px 0;
}

.description_catalog * {
   
}

.description_catalog.mb20 {
    font-size: 15px;
}
.project-img-hover ins {
    font-size: 18px;
    text-decoration: none;
    color: #fff;
    font-weight: 500;
    background: none;
    padding: 15px;
    display: block;
    line-height: 22px;
    position: relative;
}
.hotel	.product-hot.mb10.uk-clearfix .price-tour {    bottom: 90px;}
	
	.star i {
    margin-right: 4px;
}

.star {
    display: inline-block;
    color: #b91903;
    font-size: 18px;
    margin-bottom: 0;margin-top: 5px;
}
.homepage-abouts .heading, .homepage-column .heading {
	   
}
section.homepage-column {
    border-bottom: 1px solid #eee;
    padding-bottom: 30px;
    margin-bottom: 0;
}

.viewall a:hover  {  background-color: #479e02;}
.viewall a {
    color: #fff;
    border-color: transparent;
    background-color: #df6100;
    text-transform: capitalize;
    padding: 6px 25px;
    font-size: 14px;
    border-radius: 5px;
    display: inline-block;
}
.viewall {
    text-align: center;
}

header.panel-head p {
    font-weight: 300;
    font-size: 16px !important;
    text-align: center !important;
    line-height: 23px !important;
    color: #666 !important;
    width: 62%;
    margin: 0 auto;
}
.homepage-main header.panel-head {
    margin-bottom: 30px;
}
.heading.orange > *, .heading.orange{
	                    text-align: center;
    font-size: 28px;
  
    text-transform: uppercase;
    margin: 30px 0;
    color: #565a5c;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: -1px;
    font-size: 30px;
	margin-bottom:20px;
	}
	.heading.rebeccapurple > *, .heading.rebeccapurple{
	    color: rebeccapurple;
	}
	.heading.teal > *, .heading.teal{
	    color: teal;
	}
	.heading.blue > *, .heading.blue{
	    color: blue;
	}
	.list-catalog-footer li a {
	   color: #333;
	    font-size: 15px;
	    display: block;
	    white-space: nowrap;
	    overflow: hidden;
	    -ms-text-overflow: ellipsis;
	    text-overflow: ellipsis;
	    width: 75%;
	    float: left;
	}
	
	.price_other {
        float: right;
	    color: #b81800;
	    font-size: 14px;
	    font-weight: bold;
	}

	.list-catalog-footer li .item_list {
       	padding-bottom: 10px;
	    margin-bottom: 10px;
	    border-bottom: 1px dotted #ccc;
	}
	.list-catalog-footer li .item_list i{margin-right: 7px;color: #df6100;}
	.gallerys-homepage {
	    padding: 30px 0 0;
	}
	.box_products_home .thumb {
	    width: 230px;
	    height: 230px;
	    padding: 15px;
	    border: 2px solid #fff;
	    border-radius: 100%;
	    margin: 0 auto;
	    background: url('img/ic_bong_logo.png') no-repeat scroll center center;
	}
	.box_products_home .title a {
	    color: #fff;
	    display: block;
	    padding-top: 20px;
	    font-weight: normal;
	}
	.productshome .uk-slidenav-contrast{
		position: absolute;
		top: 50%;
		color: #fff;
		font-size: 40px;
		line-height: 40px;
		-webkit-transform: translate(0, -50%);
	    -moz-transform: translate(0, -50%);
	    -ms-transform: translate(0, -50%);
	    -o-transform: translate(0, -50%);
	    transform: translate(0, -50%);
	}
	.productshome .uk-slidenav-contrast.uk-slidene{right: 0;}
	.productshome .uk-slidenav-contrast.uk-slidepr{left: 0;}
	.productshome .description {
	    color: #fff;
	    font-size: 20px;
	    margin-top: 20px;
	}
	.absolute_center {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background: rgba(0, 0, 0, .5);
	    padding: 50px;
	}
	.list-catalog-footer .title {
	    font-size: 50px;
	    line-height: 54px;
	    text-transform: uppercase;
	    color: #fff;
	}
	.list-catalog-footer .description {
	    font-size: 18px;
	    color: #fff;
	    line-height: 24px;
	}
	.more_detail_ span {
	    display: inline-block;
	    color: #fff;
	    padding: 0 50px;
	    border: 1px solid #fff;
	    line-height: 36px;
	    margin-top: 10px;
	}
	.productshome .heading > *{color: #fff;}
	.item_header {
	    height: 40px;
	    background-image: url('img/top-top-ic.png');
	    background-repeat: no-repeat;
	    background-position: center center;
	}
	.homepage-abouts .description, .press-description {
	    margin: 0 auto 30px;
	    max-width: 900px;
	    font-size: 17px;
	    line-height: 24px;
	    color: #666;
	}
	.box_about_home.relative .shadow {
	    content: '';
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background: rgba(0, 0, 0, .5);
	}
	.box_about_home .info {
	    position: absolute;
	    bottom: 0;
	    left: 0;
	    width: 100%;
	    padding: 50px;
	    text-align: left;
	    color: #fff;
	    text-transform: uppercase;
	    font-size: 50px;
	    line-height: 54px;
	    z-index: 99;
	}
	.box_about_home .info span:first-child {
	    display: inline-block;
	    font-weight: bold;
	    position: relative;
	}
	.box_about_home .info span:first-child:after{
		content: '';
		position: absolute;
		top: -5px;
		left: 0;
		height: 2px;
		background-color: #fff;
		width: 100%;
	}
	/* >>>>> Slide <<<<< */
	.main-slideshow {
		
	}
	.main-slideshow .uk-slidenav {
		display: block;
		width: 40px;
		height: 40px;
		background: rgb(255, 255, 255);
		color: #000;
		font-size: 30px;
		line-height: 40px;
		opacity: .5;
		-webkit-transition: all .35s ease;
		-o-transition: all .35s ease;
		transition: all .35s ease;
	}
	.main-slideshow .uk-slidenav:hover {opacity: 1;}
	.top_service .thumb .image {
	    width: 82px;
	    height: 84px;
	    background: url('img/bg_item.png') no-repeat;
	}
	.top_service .infor .title {
	    color: #666666;
	    font-weight: 700;
	    text-transform: uppercase;
	    display: block;
	}
	.banner-page {
	    position: relative;
	    min-height: 100px;
	}
	.item-prd.hideen-text {
	    overflow: hidden;
	    white-space: nowrap;
	    -ms-text-overflow: ellipsis;
	    text-overflow: ellipsis;
	    font-size: 13px;
	    color: #666;
	}
	.absulute-page {
	    position: absolute;
	    bottom: 50px;
	    left: 50%;
	    -webkit-transform: translate(-50%, 0%);
	    -moz-transform: translate(-50%, 0%);
	    -ms-transform: translate(-50%, 0%);
	    -o-transform: translate(-50%, 0%);
	    transform: translate(-50%, 0%);
	    width: 100%;
	    text-align: center;
	}
	.search-title h1 {
	    color: #fff;
	    text-align: center;
	    font-size: 38px;
	    margin-bottom: 15px;
	    line-height: 44px;
	}
.search-form .search-content {
    background-color: #fd8c0c;
    padding: 2px;
}
.search-group-input {
    float: left;
}
.search-form .btn-search- {
    margin: 5px;
    float: left;
    width: 155px;
    font-size: 14px;
    background-color: #1b65e0;
    color: #fff;
    border: 1px solid #154ea5;
    line-height: 30px;
}
.search-content .form-group {
    width: 150px;
    float: left;
    margin: 5px;
    position: relative;
}
.search-form-type-2 .search-content #tour_destination_group{
    width: 250px;
}
.icon-before {
    position: relative;
    width: 100%;
    display: table;
}
.icon-sf-marker {
    width: 14px;
    height: 16px;
    background-position: -24px -1010px;
}
.icon-before .form-control {
    height: 32px;
    width: 100%;
    padding: 5px 12px 5px 28px;
    line-height: 34px;
    box-shadow: none;
}
.icon-sf-duration {
    width: 14px;
    height: 14px;
    background-position: -24px -1027px;
    margin-top: 1px;
}
.icon-sf-tour-type {
    width: 14px;
    height: 15px;
    background-position: -24px -1041px;
}
	/* >>>>> homepage-category <<<<< */
	.homepage-category .list-category > li, .catalogues-products .list-category > li{margin-bottom: 20px;}
	.homepage-category .list-category .category, .catalogues-products .list-category .category{
	    position: relative;
	}
	.homepage-category .list-category .category .infor, .catalogues-products .list-category .category .infor {
	    position: absolute;
	    top: 0;
	    left: 0;
	    height: 100%;
	    width: 100%;
	    max-width: 450px;
	    padding: 40px;
	    background: rgba(225, 225, 225, .6);
	}
	.homepage-category .category .title, .catalogues-products .category .title{
	    margin: 0;
	    position: relative;
	    font-size: 30px;
	    line-height: 32px;
	    text-transform: uppercase;
	}
	.homepage-category .category .title a, .catalogues-products .category .title a {color: #333;}
	.homepage-category .category .description, .catalogues-products .category .description{
		line-height: 24px;
		color: #333;
		font-size: 15px;
	}
	.homepage-category .more_detail a, .catalogues-products .more_detail a {
	    display: inline-block;
	    padding: 0 25px;
	    line-height: 37px;
	    margin-top: 20px;
	    background: #e7b100;
	    text-transform: uppercase;
	    color: #333;
	    font-weight: 700;
	}
	@media (min-width: 1220px) {
		.homepage-category .category .image {height: 282px;}
	}
	.video-box .thumb {
	    height: 152px;
	    position: relative;
	    margin-bottom: 15px;
	}
	.video-box .infor .title {
	    margin: 0;
	    color: #333;
	    font-weight: 400;
	}
	.video-box .infor .title a{color: #333;}
	.video-box .player {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background: rgba(0, 0, 0, .5) url('img/player.png') no-repeat scroll center center;
	}
	.box_download .thumb {
	    width: 35px;
	    height: 44px;
	    float: left;
	}
	.box_download .infor{
		float: right;
		width: -webkit-calc(100% - 35px);
		width: -moz-calc(100% - 35px);
		width: -ms-calc(100% - 35px);
		width: -o-calc(100% - 35px);
		width: calc(100% - 35px);
		padding-left: 10px;
	}
	.box_download .infor .title a {
	    display: block;
	    color: #333;
	    font-weight: 400;
	}
	.uk-list-download li:not(:last-child) {
	    padding-bottom: 15px;
	    margin-bottom: 15px;
	    border-bottom: 1px dashed #e1e1e1;
	}
	.form-group .item_form .text {
	      min-height: 36px;
    border: transparent;
    width: 100%;
    font-size: 14px;
    padding: 10px;
    background-color: #fff;
    /* margin-bottom: 10px; */
    border-radius: 4px;
    border: none;
    color: #333;
    box-shadow: 0 0 2px #999;
	}
	.style-form-submit.search-form-submit {
	      text-transform: uppercase;
    font-weight: 500;
    /* line-height: 36px; */
    border-radius: 3px;
    cursor: pointer;
    margin: 15px 0;
    display: block;
    background: #a31022;
    border: none;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    padding: 10px;
    font-size: 16px;
    width: 100%;
	}
	.contact-map {
	    border: 1px solid #ddd;
	    padding: 3px;
	}
	.contact-infomation .company {
	    font-size: 24px;
	    line-height: 30px;
	    color: #b81800;
	}
	.contact-infomation .note.mb10 {
	    font-style: italic;
	}
	.contact-form input.input-text, .contact-form .form-textarea {
	    border-radius: 3px;
	}
	@media (min-width: 600px) {
		.form-row.uk-clearfix .title_form_contact {
		    width: 140px;
		    float: left;
		    line-height: 32px;
		}
		.form-row.uk-clearfix .input_contact {
		    float: right;
			width: -webkit-calc(100% - 140px);
			width: -moz-calc(100% - 140px);
			width: -ms-calc(100% - 140px);
			width: -o-calc(100% - 140px);
			width: calc(100% - 140px);
			padding-left: 10px;
		}
	}
	.page-contact {
	    font-weight: 300;
	    font-size: 15px;
	    line-height: 22px;
	}
	.padding-box {padding: 0 20px;}
	.list-products .product.uk-clearfix {
	    padding: 10px;
	    background: #fff;
	}

	.list-products .thumb {
	    position: relative;
	    width: 120px;
	    height: 120px;
	    float: left;
	}
	.list-products .infor{
		float: right;
		width: -webkit-calc(100% - 120px);
		width: -moz-calc(100% - 120px);
		width: -ms-calc(100% - 120px);
		width: -o-calc(100% - 120px);
		width: calc(100% - 120px);
		padding-left: 10px;
	}
	.list-products .owl-item.synced .product {
	    opacity: 0.5;
	    padding: 20px;
	}
	.list-products .infor .title, .list-product .infor .title {
	   line-height: 20px;
    margin-top: 0;
    margin-bottom: 15px;
  
    font-weight: normal;
  
    text-transform: uppercase;

    font-size: 15px;    color: rgb(119, 119, 119);
    text-transform: uppercase;
	}
	.list-products .infor .title a, .list-product .infor .title a{    
		    color: #333;
	    display: block;
		    font-size: 18px;
    line-height: 20px;
  
	  
	  
	}
	.price-tour {
	    position: absolute;
	    width: 100%;
	    bottom: 0;
	    -webkit-transition: all ease-in-out 0.4s;
	    transition: all ease-in-out 0.4s;
	    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.78));
	    text-align: center;
	    color: #fff;
	    padding: 50px 8px 8px;
	    opacity: 0;
	}
	.product-hot:hover .price-tour{opacity: 1;}
	.product-hot.mb10.uk-clearfix {
	    position: relative;
	}
	.product-hot.uk-clearfix {
	    cursor: pointer;
	}
	section.aside-catalogies.aside-panel li .price {
	       position: absolute;
	    line-height: 20px;
	    width: 100%;
	    height: 16%;
	    bottom: 32px;
	    opacity: 1;
	    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	    -webkit-transition: all ease-in-out 0.4s;
	    transition: all ease-in-out 0.4s;
	    background: rgba(0, 0, 0, 0.5);
	    color: #fff;
	    line-height: 36px;
	}

	section.aside-catalogies.aside-panel {
	    overflow: hidden;
	}
	section.aside-catalogies.aside-panel li a {
	    color: #333;
	    font-size: 14px;
	    line-height: 22px;
	    margin-top: 20px;
	}
	section.aside-catalogies.aside-panel li span {
	   text-align: center;
	    float: left;
	    width: 100%;
	    margin-top: 10px;
	}

	section.aside-catalogies.aside-panel .heading {
	    font-size: 20px;
	    font-weight: 500;
	    line-height: 30px;
	    margin-bottom: 0;
	    color: #333333;
	}

	section.aside-catalogies.aside-panel li { margin-bottom:0; position:relative;}
	
	section.prd-catalogue-box .product-catalog .detail_view a:hover{     color: rgb(255, 255, 255);
    background: rgb(51, 51, 51);}
	section.prd-catalogue-box .product-catalog .detail_view a{
	     
    border: 1px solid #e7e7e7;
    padding: 5px 10px;
    color: #666666;
    font-size: 13px;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    background: rgb(81, 188, 230);
    padding: 7px 20px;
    outline: none;
    transition: all 0.3s;
    border-radius: 3px;
	}
	.stt_ {
	    position: absolute;
	    background: #666;
	    top: 15px; left: 0;
	    padding: 5px 15px;
	    color: #fff;
	}
	.list-products .price-tour, .list-product .price-tour {
	    background-color: #fdffce;
	    padding: 5px 5px 5px 10px;
	    margin: 0 -10px;
	    color: #fe8802;
	}
	.product-catalog .thumb {
	    height: 220px;
	}
	section.prd-catalogue-box	.product-catalog {
      float: left;
    width: 100%;
  
    background-color: #fff;
    display: block;
    color: #777;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
}


	.list-products .price-prd {
	    color: #909090;
	    font-size: 13px;
	}
	.list-products .price-prd font {
	    text-decoration: line-through;
	}
	.list-products .price-prd span {
	    color: #b20000;
	    font-size: 17px;
	}
	.list-product .product {
	    padding: 20px;
	    background: #f3f3f3;
	    margin-bottom: 20px;
	    border: 1px solid #ddd;
	}
	.uk-btn-more {
	    display: inline-block;
	    border: 1px solid #555;
	    color: #555;
	    background-color: #fff;
	    padding: 10px 30px;
	}
	.uk-btn-more:hover{
		background-color: #fff;
		border-color: #fe8802;
		color: #fe8802;
		outline: 0
	}
	.title_meta {
	    color: #333;
	    font-size: 18px;
	    line-height: 24px;
	}
	.list-product .product .thumb{height: 380px; position: relative;}
	.box_more {
	    width: 100%;
	    text-align: center;
	}
	.box_more a {
	    display: block;
	    line-height: 45px;
	    background: #fff;
	    border: 1px solid #a4a4a4;
	    border-radius: 5px;
	    font-weight: 400;
	    text-transform: uppercase;
	    color: #333;
	}
	.box_more a:hover, .uk-list.uk-list_tag li a:hover{
		background: linear-gradient(to right, #e5ce59, #c2991c, #e5ce59);
		border-color: #a78314;
		color: #fff;
	}
	.style_des p {
	    color: #333;
	    position: relative;
	    padding-left: 60px;
	    margin-bottom: 20px;
	    font-size: 18px;
	    line-height: 24px;
	    height: 60px;
	}
	.style_des p:after{
		content: '';
		width: 55px;
		height: 60px;
		position: absolute;
		left: 0;
		top: 0;
	}
	.style_des p:nth-child(1):after{background: url('img/ic_item_1.png') no-repeat scroll center center;}
	.style_des p:nth-child(2):after{background: url('img/ic_item_2.png') no-repeat scroll center center;}
	.style_des p:nth-child(3):after{background: url('img/ic_item_3.png') no-repeat scroll center center;}
	.style_des p:nth-child(4):after{background: url('img/ic_item_4.png') no-repeat scroll center center;}
	.price_sale {
	    position: absolute;
	    top: 20px;
	    background: url('img/bg_saleoff.png') no-repeat scroll left center;
	    line-height: 30px;
	    width: 121px;
	    text-align: center;
	    left: -5px;
	    color: #fff;
	    font-size: 15px;
	    font-weight: bold;
	    height: 32px;
	    z-index: 999;
	}
	.item_pos{
		position: absolute;
		right: 20px;
		top: 20px;
		width: 50px;
		height: 50px;
		z-index: 999;
	}
	.item_pos.highlight{background: url('img/bg_hot.png') no-repeat scroll left center;}
	.item_pos.psale{background: url('img/bg_sales.png') no-repeat scroll left center;}
	.item_pos.pnews{background: url('img/bg_new.png') no-repeat scroll left center;}
	.tabControl-home {
	    height: 100%;
	}
	.tabControl-home li {
	    line-height: 48px;
	    padding: 0px 30px;
	    border: 1px solid #000;
	    float: left;
	    font-size: 20px;
	    position: relative;
	    color: #000;
	    font-weight: 500;
	    cursor: pointer;
	}
	.tabControl-home li.uk-active{
		background: #333333;
		color: #fff;
	}
	.tabControl-prd li + li {margin-left: 5px;}
	.tabControl-home li + li {margin-left: 20px;}
	.div360 {
	    position: relative !important;
	}
	.box_360_images {
	    padding: 30px 0;
	}
	#product img {
	    width: 100%;
	    height: 100%;
	    object-fit: scale-down;
	}
	#view_overlay {
	    position: relative;
	    top: 0px !important;
	    left: 0px !important;
	    height: 100% !important;
	}
	.main_slide .lSPager.lSGallery li.active {
	    position: relative;
	}
	.main_slide .lSPager.lSGallery li.active::after {
	    content: '';
	    position: absolute;
	    left: 0px;
	    top: 0px;
	    width: 100%;
	    height: calc(100% - 1px);
	    border: 2px solid #b07f17;
	}
	.btn360 {
	    background: url(img/360.gif) no-repeat right center;
	    border: none;
	    background-size: 59px 51px;
	    padding-top: 10px;
	    padding-bottom: 10px;
	    padding-right: 61px;
	}
	.box_thong_so .heading {
	    font-size: 20px;
	    line-height: 26px;
	    color: #9c7013;
	    font-weight: 700;
	    margin-bottom: 20px;
	}
	/* >>>>> homepage-general <<<<< */
	.homepage-general .heading{
		position: relative;
		margin: 0;
		font-size: 16px;
		line-height: 20px;
		text-transform: uppercase;
		min-width: 120px;
	}
	.art-same .heading {
	  text-align: center;
    font-size: 28px;
    line-height: 30px;
    /* text-transform: uppercase; */
    margin: 30px 0;
    /* font-size: 14px; */
    line-height: 1.428571429;
    color: #545454;
	}
	.homepage-general .heading > *{
		display: inline-block;
		position: relative;
		color: #fff;
		z-index: 5;
		font-size: 20px;
		background: #b07f17;
		padding: 10px 20px;
		min-width: 200px;
		margin-left: -1px;
	}
	.homepage-general .heading > ::before {
	    content: '';
	    position: absolute;
	    bottom: 0;
	    right: -20px;
	    width: 0px;
	    height: 0px;
	    border-right: 20px solid transparent;
	    border-top: 40px solid #b07f17;
	}
	.more_all a {
	    color: #666;
	}
	.homepage-news .featured {
		margin-bottom: 20px;
	}
	.homepage-news .featured .thumb {
		float: left;
		width: 270px;
		height: 180px;
	}
	.homepage-news .featured .infor {
		float: right;
		width: -webkit-calc(100% - 270px);
		width: -moz-calc(100% - 270px);
		width: -ms-calc(100% - 270px);
		width: -o-calc(100% - 270px);
		width: calc(100% - 270px);
		padding-left: 20px;
	}
	.homepage-news .featured .title {
		margin: 0 0 8px 0;
		font-size: 16px;
		line-height: 22px;
	}
	.homepage-news .featured .title a {color: #333;}
	.homepage-news .featured .title a:hover {text-decoration: underline;}
	.homepage-news .featured .description {
        margin: 0;
	    max-height: 115px;
	    color: #333;
	    font-size: 15px;
	    line-height: 22px;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    font-weight: 300;
	}
	.homepage-news .list-post li:not(:last-child) {margin-bottom: 5px;}
	.homepage-news .list-post li a {
	    display: block;
	    position: relative;
	    padding-left: 15px;
	    background: url(img/iconrow.png) left 7px no-repeat;
	    color: #444;
	    font-size: 15px;
	    line-height: 22px;
	}
	.homepage-news .list-post li a:hover {
		color: #2a6496;
		text-decoration: underline;
	}
	.list-news-bl .article .thumb {
	    width: 90px;
	    float: left;
	    height: 60px;
	    overflow: hidden;
	}
	.list-news-bl .article .infor {
	    float: right;
	    width: -webkit-calc(100% - 90px);
	    width: -moz-calc(100% - 90px);
	    width: -ms-calc(100% - 90px);
	    width: -o-calc(100% - 90px);
	    width: calc(100% - 90px);
	    padding-left: 15px;
	}
	.list-news-bl .article {
	    background: #f8f8f8;
	    margin-bottom: 10px;
	    padding: 10px;
	}
	.list-news-bl .article .infor .title {
	    height: 40px;
	    overflow: hidden;
	    margin-bottom: 5px !important;
	}
	.list-news-bl .article .title a {
	    color: #434343;
	    display: block;
	    font-weight: 700;
	    font-size: 14px;
	    opacity: .7;
	}
	.homepage-support .switchboard .item,
	.aside-support .switchboard .item {
		position: relative;
		margin-bottom: 10px;
		min-height: 82px;
		padding: 20px 0 20px 70px;
	    background: url(img/iconhotline.png) 0px 50% no-repeat;
	    color: #333;
	    font-size: 13px;
	    font-weight: bold;
	    line-height: 20px;
	}
	.homepage-support .switchboard .item .value,
	.aside-support .switchboard .item .value {
		display: block;
		font-size: 18px;
		color: #ff0000;
	}
	.homepage-support .email,
	.aside-support .email {
		position: relative;
	    margin-left: 20px;
	    padding-left: 25px;
		background: url(img/iconmail.png) 0px 50% no-repeat;
		color: #333;
		font-size: 13px;
		line-height: 18px;
	}
	.homepage-support .email a, 
	.aside-support .email a {
		color: #333;
	}
	
	.homepage-khachhang .category .img-cover img {
	    width: 100%;
	    height: 180px;
	    object-fit: cover;
	}


.box-reasons {
       background: #fff;
    padding: 20px;
    box-shadow: 0 0 7px 0px rgba(136, 136, 136, 0.3);
}

.box-reasons-icon {
    display: inline-block;
    height: 100px;
    line-height: 100px;
    width: 100px;
    border: 2px dashed #d4d4d4;
    border-radius: 50%;
    margin: 10px 20px;
}.icon-reasons {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 100px;
}
.icon-reasons.icon-reasons-1:after, .icon-reasons.icon-reasons-1:before {
    background: url(img/lib-1.png) center center no-repeat;
}
.icon-reasons.icon-reasons-2:after, .icon-reasons.icon-reasons-2:before {
    background: url(img/lib-2.png) center center no-repeat;
}
.icon-reasons.icon-reasons-3:after, .icon-reasons.icon-reasons-3:before {
    background: url(img/lib-3.png) center center no-repeat;
}

.icon-reasons:after, .icon-reasons:before {
    content: '';
    display: block;
    position: absolute;
    margin: auto;
    height: 100%;
    width: 100%;
}.box-reasons-info h4 {
    margin: 15px 0;
    font-size: 18px;
    color: #df6100;
}

.box-reasons-icon {
    background-color: #fff;
}
.media-left.new-feed {
    font-size: 14px;
    font-weight: 500;
    background: #af5300;
    color: #ffea00;
    text-align: center;
    padding: 5px;
    border-radius: 3px;
    float: left;
    width: 50px;
    height: 60px;
}
.category .infor h3.title {
	float: left;
	width: -webkit-calc(100% - 50px);
	width: -moz-calc(100% - 50px);
	width: -ms-calc(100% - 50px);
	width: -o-calc(100% - 50px);
	width: calc(100% - 50px);
	padding-left: 10px;
}
.media-left.new-feed span {
    display: block;
    text-transform: uppercase;
	font-weight: bold;
}
.media-left.new-feed span.days_ {
	font-size: 21px;
	line-height: 30px;
	font-weight: normal;
}
.homepage-khachhang .category .infor {
    margin: 10px 0;
}
.homepage-khachhang .category .bg_white.p10px.bor5px {
	padding:0;
}

.homepage-khachhang .category .bg_white.p10px.bor5px a {
    color: #333;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    display: block;
}

	.homepage-khachhang .heading a, .prd-catalogue-box .heading span, .products_same .panel-head .heading span {
	 
	} 
	.list-news .article {
	    background: #f8f8f8;
	    margin-bottom: 10px;
	    padding: 10px;
	}
	.list-news .article .thumb {
	    width: 150px;
	    float: right;
	    height: 145px;
	    overflow: hidden;
	}
	.list-news .article .infor {
	    float: left;
		width: -webkit-calc(100% - 150px);
		width: -moz-calc(100% - 150px);
		width: -ms-calc(100% - 150px);
		width: -o-calc(100% - 150px);
		width: calc(100% - 150px);
		padding-right: 15px;
	}
	.list-news .article .infor .title {
	    height: 40px;
	    overflow: hidden;
	    margin-bottom: 5px !important;
	}
	.list-news .article .title a {
	    color: #434343;
	    display: block;
	    font-weight: 700;
	    font-size: 14px;
	    opacity: .7;
	}
	.more_detail a {
	    display: inline-block;
	    color: #4d4d4d;
	    border: 1px solid #333;
	    padding: 10px 30px;
	    font-size: 20px;
	}
	.prd-hot .uk-slidenav-contrast {
	    display: block;
	    color: #808080;
	}
	.productshome {
	    background: url('img/bg_rating_bear.jpg') no-repeat scroll center top;
	    padding: 30px 0;
	}
	.homepage-khachhang {    border-bottom: 1px solid #eee;
    padding-bottom: 30px;
	   
	}
	.white { background:#fff;}
	
	.list-khachhang .article {
	    position: relative;
	}
	.list-khachhang .article .thumb {
	    height: 70px;
	    width: 70px;
	    position: absolute;
	    top: 50%;
	    left: 0;
	    -webkit-transform: translate(0, -50%);
	    -moz-transform: translate(0, -50%);
	    -ms-transform: translate(0, -50%);
	    -o-transform: translate(0, -50%);
	    transform: translate(0, -50%);
	    z-index: 99;
	}
	.list-khachhang .article .thumb img {
	    border-radius: 100%;
	    background: #fff;
	    padding: 2px;
	    box-shadow: 2px 2px 5px rgba(0,0,0,.15);
	}
	.list-khachhang .article .infor .title {
	    padding: 0px 0px 5px;
		margin: 0;
		font-size: 14px;
	}
	.list-khachhang .article .infor .title a{
		color: #333;
		display: block;
	}
	.list-khachhang .article .infor .description {
	    font-size: 13px;
	    color: #666;
	    height: 95px;
		overflow: hidden;font-family: 'Roboto';
	}
	.list-khachhang .article .infor {
	    position: relative;
	    padding-left: 35px;
	}
	.bg_white{background-color: white;} 
	.p10px{padding: 10px 10px 10px 45px;}
	.bor5px{border-radius: 5px;}
	.homepage-news .uk-slidenav-position .uk-slidenav {
	    display: block;
	    background: rgba(0, 0, 0, 0.44);
	    width: 35px;
	    height: 35px;
	    line-height: 35px;
	    font-size: 30px;
	    top: 35%;
	}
	.homepage-khachhang .uk-slidenav-contrast {
	    position: absolute;
	    top: 0;
	    z-index: 99;
	    color: #fff;
	    width: 35px;
	    height: 100%;
	    font-size: 30px;
	    text-align: center;
	    background: rgba(0, 0, 0, 0.51);
	    display: none;
	}
	.homepage-khachhang .uk-slidenav-contrast i{
	    position: absolute;
	    top: 50%;
	    -webkit-transform: translate(0, -50%);
	    -moz-transform: translate(0, -50%);
	    -ms-transform: translate(0, -50%);
	    -o-transform: translate(0, -50%);
	    transform: translate(0, -50%);
	    z-index: 99;
	    color: #fff;
	    width: 30px;
	    line-height: 30px;
	    font-size: 30px;
	    text-align: center;
	    left: 0;
	}
	.homepage-khachhang:hover .uk-slidenav-contrast{display: block;}
	.homepage-khachhanghomepage-homepage-khachhang .uk-slidepr{left: 0;}
	.homepage-khachhang .uk-slidene{right: 0;}
	.col-homepage-general {
	    border-width: 2px 1px 1px;
	    border-style: solid dashed dashed;
	    border-color: #ccc;
	    border-top-color: #b07f17;
	    height: 100%;
	}
	.col-homepage-general .panel-body{padding: 20px;}
	@media (min-width: 960px) {
		.homepage-general > .uk-grid .uk-width-large-3-4 {
			width: 72%;
			padding-right: 20px;
		}
		.homepage-general > .uk-grid .uk-width-large-1-4 {width: 28%;}
	}
	@media (min-width: 1220px) {
	}
	/* ==== Videos ==== */
	.list-video .featured {
		background: url('img/bg_video.png');
	}
	.list-video .featured:hover {
	    background: #bd2929;
	}
	.list-video .box-image {
    	position: relative;
	    height: 210px;
	    margin-bottom: 5px;
	}
	.list-video .box-image::after, .list-video .box-image::before {
	    content: '';
	    position: absolute;
	    z-index: 9;
	}
	.list-video .box-image::after{
		top: 0;
	    left: 0;
	    width: 0px;
	    height: 0px;
	    border-right: 45px solid transparent;
	    border-top: 45px solid #fff;
	}
	.list-video .box-image::before {
	    bottom: -2px;
	    right: 0;
	    width: 45px;
	    height: 48px;
	    background: url('img/before_video.png');
	}
	.list-video .featured:hover .box-image::before {
		background: url('img/before_video_hover.png');
	}
	.box_video_item {
	    position: relative;
	}
	.box_video_item::after {
	    content: '';
	    position: absolute;
	    top: -5px;
	    left: 0;
	    background: #fff;
	    height: 2px;
	    width: 100%;
	}
	.box_video_item::before {
	    content: '';
	    position: absolute;
	    bottom: 0;
	    right: 0;
	    width: 0px;
	    height: 0px;
	    border-left: 45px solid transparent;
	    border-bottom: 45px solid #fff;
	}
	.list-video .box-image  .player_ {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background: rgba(0, 0, 0, .5) url('img/player_.png') no-repeat scroll center center;
	}
	.box_video_item .entry-title {
	    padding: 0 25px 10px;
	    margin: 0;
	}
	.main-videos .meta {
	    color: #666;
	    background: #f8f8f8;
	    padding: 5px 10px;
	    border-top: 1px solid #e8e8e8;
	}
	.mt20 {
	    margin-top: 20px;
	}
	.box_video_item .entry-title a{color: #333; display: block;}
	.list-video .featured:hover .box_video_item .entry-title a{color: #fff;}
	/* >>>>> partner-section <<<<< */
	.partner-section {margin: 0 0 25px 0;}
	.partner-section .slider {
		padding: 20px 30px;
		background: #fff;
		border: 1px solid #d1d1d1;
		-webkit-border-radius: 5px 4px;
		-moz-border-radius: 5px 4px;
		-ms-border-radius: 5px 4px;
		-o-border-radius: 5px 4px;
		border-radius: 5px 4px;
	}
	.partner-section .slider .uk-slidenav {
		display: block;
		width: 26px;
		height: 42px;
		line-height: 1;
	}
	.partner-section .slider .uk-slidenav-previous {
		left: 0px;
		background: url(img/prew.png);
	}
	.partner-section .slider .uk-slidenav-next {
		right: 0px;
		background: url(img/next.png);
	}
	.partner-section .slider .uk-slidenav:before {display: none;}
	.partner-section .thumb .image {height: 45px;}

	/* ===== Article style ===== */
	.artcatalogue .list-article > li .article{
		    border-bottom: 1px dotted #ccc;
    margin-bottom: 0px;
    padding: 10px;
	
	}

aside.aside .list-news-bl .article .infor {
    width: -webkit-calc(100% - 43%);
    width: -moz-calc(100% - 43%);
    width: -ms-calc(100% - 43%);
    width: -o-calc(100% - 43%);
    width: calc(100% - 43%);
}
	
aside.aside  .article .thumb {
    float: left;
    width: 40%;
    height: 80px;
}
	.artcatalogue .article .thumb {
	    float: left;
   	 	width: 210px;
    	height: 144px;
	}
	.artcatalogue .article .infor {
		float: right;
		width: -webkit-calc(100% - 225px);
		width: -moz-calc(100% - 225px);
		width: -ms-calc(100% - 225px);
		width: -o-calc(100% - 225px);
		width: calc(100% - 225px);
		padding: 0;
		position: relative;
	}
	.list-news .content .description {
	    height: 70px;
	    overflow: hidden;
	    line-height: 18px;
	    font-size: 13px;
	    color: #666;
	}
	.top_articles {
	    margin-bottom: 10px;
	    overflow: hidden;
	}
	.artcatalogue .article .title {
	       margin: 0 0 5px 0;
    max-height: 40px;
    font-size: 16px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: auto;
	}
	.view_detail {
	    color: #666666;
	}
	.artcatalogue .article .title a {color: #333;}
	.artcatalogue .article .title a:hover {text-decoration: underline;}
	.artcatalogue .article .description {
	    max-height: 120px;
	    color: #444;
	    font-size: 13px;
	    line-height: 22px;
	    overflow: hidden;
	    text-overflow: ellipsis;
	}
	.more_art a {
	    display: inline-block;
	    margin-top: 15px;
	    text-transform: none;
	    color: #666;
	    padding-right: 15px;
	    background: url('img/arrow.png') no-repeat scroll center right;
	}
	.art-detail .img_example {
	    float: left;
	    margin-right: 20px;
	}
	@media (max-width: 960px) {
		.artcatalogue .list-article > li {
			margin-bottom: 15px;
			padding-bottom: 15px;
		}
		.artcatalogue .article .infor {padding-left: 10px;}
	}
	@media (max-width: 767px) {
		.absulute-page {
		    position: relative;
			top: -60px;
			left: 0;
			width: 100%;
			transform: none;
		}
		.design-catalogue {
		    margin-top: -60px;
		}
	}
	@media (max-width: 567px) {
		.images-box-detail {
		    margin-bottom: 10px !important;
		}
		.search-group-input.uk-clearfix > * {
		    width: 50% !important;
		    margin: 5px 0;
		    padding: 0 5px;
		}
		.artcatalogue .article .thumb {width: 250px;}
		.artcatalogue .article .infor {
			width: -webkit-calc(100% - 250px);
			width: -moz-calc(100% - 250px);
			width: -ms-calc(100% - 250px);
			width: -o-calc(100% - 250px);
			width: calc(100% - 250px);
		}
		.product-hot.uk-clearfix .infor .title {
		    font-size: 20px;
		    line-height: 24px;
		}
		.product-hot.uk-clearfix .code_products {
		    font-size: 15px;
		    line-height: 20px;
		}
		.style_des p, .style_des p strong {
			font-size: 15px;
			line-height: 20px;
		}
		.uk-list.uk-clearfix.tabControl-home.uk-flex.uk-flex-center.mb30 {
		    display: block;
		}
		.absolute_center {
		    padding: 20px;
		}
		.footer_box_col .panel-body.uk-text-right {
		    text-align: left !important;
		}
		.tabControl-home li{width: 100%;margin: 0 0 10px 0 !important;}
		.img_example{margin-right: 0 !important;}
		#article-page .uk-flex.uk-flex-middle.meta { display: block; }
		.left-meta {margin-bottom: 5px;}
		.goTop-page {float: right;}
		.top_articles {
		    height: auto;
		}
		.artcatalogue .list-article > li {
			margin-bottom: 10px;
			padding-bottom: 10px;
		}
	}
	
	/* >>>>> Site map <<<<< */
	.sitemap .list-post > li:not(:last-child) {margin-bottom: 3px;}
	.sitemap .list-post a {
		display: block;
		color: #428bca;
		font-size: 13px;
		line-height: 18px;
	}
	.sitemap .list-post a:hover {
		color: #2a6496;
		text-decoration: underline;
	}
	
	/* >>>>> document <<<<< */
	.document .list li {
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: 1px dotted #ccc;
	}
	.document .list .tile {
		margin: 0 0 10px 0;
		font-size: 15px;
		font-weight: bold;
		line-height: 20px;
	} 
	.document .list .viewmore {
		margin-top: 15px;
		text-align: right;
	}
	.document .list .viewmore a {
		display: inline-block;
		position: relative;
		padding: 10px 0 10px 50px;
		background: url(img/icontaive.png) 0px 50% no-repeat;
		font-size: 13px;
		font-weight: bold;
		line-height: 18px;
	}
	.document .list a {color: #074680;}
	.document .list a:hover {text-decoration: underline;}

	@media (max-width: 960px) {
		.document .list .tile {
			font-size: 14px;
			line-height: 18px;
		}
	}

	/* >>>>> services-section <<<<< */
	.services-section .category {
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: 1px dotted #ccc;
	}
	.services-section .category .main-title {
		position: relative;
		margin: 0 0 15px 0;
		padding-left: 15px;
	    background: url(img/icondv.png) left center no-repeat;
		font-size: 15px;
		font-weight: bold;
		line-height: 20px;
		text-transform: uppercase;
	}
	.services-section .category .main-title a {color: #074680;}
	.services-section .category .list > li {margin-bottom: 10px;}
	.services-section .category .list a {
		display: block;
		position: relative;
		color: #074680;
		font-size: 13px;
		line-height: 18px;
	}
	.services-section .category .list a:before {
		content: "";
		display: inline-block;
		position: relative;
		width: 4px;
		height: 7px;
		margin-right: 10px;
		background: url(img/iconrow.png) 0px 0px;
	}

	.services-section .category a:hover {text-decoration: underline;}
	@media (min-width: 1220px) {
		.services-section .category {
			margin-bottom: 30px;
			padding-bottom: 30px;
		}
		.services-section .category .thumb {
			float: left;
			width: 230px;
			height: 150px;
		}
		.services-section .category .infor {
			float: right;
			width: -webkit-calc(100% - 230px);
			width: -moz-calc(100% - 230px);
			width: -ms-calc(100% - 230px);
			width: -o-calc(100% - 230px);
			width: calc(100% - 230px);
			padding-left: 15px;
		}
	}
	
	/* >>>>> .answer-section <<<<< */
	.answer-section .list > li {margin-bottom: 10px;}
	.answer-section .article .title {
		margin: 0 0 10px 0;
		color: #ff0000;
		font-size: 13px;
		line-height: 18px;
	}
	.answer-section .article {
		color: #333;
		font-size: 13px;
		line-height: 18px;
	}
	.answer-section .article .content p {margin: 0 0 8px 0;}

	/* >>>>> Article detail <<<<< */
	.article .panel-head {
	    border-bottom: 1px dashed #ccc;
	    margin-bottom: 20px;
	}
	.art-detail .heading {
	   font-size: 30px;
    line-height: 34px;
    color: #333;
    font-weight: normal;
	}
	.padding20px {
	    padding: 20px;
	    margin-bottom: 20px !important;
	    border: 1px solid #eae7e7;
	}
	.art-detail .article .meta {
	    padding: 10px 0 15px;
	    display: inline-block;
	    position: relative;
	    background: url(img/line_bottom.png) left bottom no-repeat;
	    margin-bottom: 20px;
		color: #333;
		font-size: 15px;
		line-height: 22px;
	}
	@media (max-width: 960px) {
		.art-detail .article {
			font-size: 13px;
			line-height: 20px;
		}
		.art-detail .article img {
			display: block!important;
			width: auto!important;
			height: auto!important;
			max-width: 100%!important;
			margin: 0 auto 15px auto!important;
		}
	}


	/* >>>> Article same <<<<< */
	.art-same .list-post > li:not(:last-child) {margin-bottom: 10px;}
	.art-same .list-post > li a {
		display: block;
		position: relative;
		color: #074680;
		font-size: 13px;
		line-height: 20px;
	}
	.art-same .list-post > li a:hover {text-decoration: underline;}
	.art-same .list-post > li a:before {
		content: "";
		display: inline-block;
		position: relative;
		width: 4px;
		height: 7px;
		margin-right: 10px;
		background: url(img/iconrow.png) 0px 0px no-repeat;
	}
	.art-same .uk-container{position: relative; overflow: hidden;}
	.art-same .uk-slidenav-contrast {
		position: absolute;
		top: 35px;
        width: 33px;
        height: 16px;
        text-indent: -9999px;
	}
	.art-same .uk-slidenav-contrast.uk-slidene{
		background-image: url('img/next.png');
		right: calc(50% - 170px);
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
	}
	.art-same .uk-slidenav-contrast.uk-slidepr{
		background-image: url('img/prev.png');
		right: calc(50% + 95px);
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
	}
	/* ===== Aside ===== */
	.aside > * {margin-bottom: 20px;}
	.aside-categories .heading {
		margin: 0;
		position: relative;
		padding: 9px 10px 9px 15px;
		background: #e06100;
		font-size: 14px;
		line-height: 18px;
		text-transform: uppercase;
	}
	.aside-categories .heading > * {color: #fff;}
	.aside-categories .panel-body {
		padding: 0;
		border: 1px solid #e3e3e3;
		background: #fff;
	}
	.aside-categories .maincat li {position: relative;}
	.aside-categories .maincat > li > a, .aside-categories .subcat > li > a {
	    display: block;
	    padding: 8px 12px;
	    border-bottom: 1px dashed #ddd;
	    color: #444;
	    font-size: 13px;
	    font-weight: bold;
	    line-height: 18px;
	}
	.aside-categories .maincat > li:last-child > a, .aside-categories .subcat > li:last-child > a{border-bottom: 0;}
	.aside-categories .maincat > li:hover > a,
	.aside-categories .subcat > li:hover > a {
		text-decoration: underline;
	}
	.box-support {
	    padding: 10px;
	    background: #fff;
	    border: 1px solid #eae7e7;
	    margin-top: 20px;
	}
	.aside-categories .fly-menu {
		display: none;
		position: absolute;
		min-width: 230px;
		padding: 10px 15px;
		top: -1px;
		left: 100%;
		background: #fff;
		border: 1px solid #ccc;
		z-index: 100
	}
	.aside-categories .maincat li:hover > .fly-menu {display: block;}
	.aside-support .panel-body {margin: 0 0 25px 0;border: 1px solid #f0f0f0;padding: 10px;background: #f7f7f7;}
	.aside-support .panel-foot {
		background: #074680;
   		padding: 15px 10px;
	}
	.aside-support .list-post li {
		padding-left: 30px;
	    background: url(img/iconcheck.png) 0px 0px no-repeat;
		font-size: 13px;
		line-height: 20px;
	}
	.aside-support .list-post li:not(:last-child) {margin-bottom: 15px;}
	.aside-support .list-post li a {color: #f3f3f3;}
	.aside-support .list-post li a:hover {
		color: #fff;
		text-decoration: underline;
	}
	
	/* ===== Breadcrumb ===== */
	.breadcrumb {
	    position: relative;
	    padding: 8px 10px;    margin-bottom: 0;
	    color: #333;
		 background: url(img/bg_detail.jpg) center bottom repeat-x;
	}
    .breadcrumb ul {
        height: 20px;
        overflow: hidden; 
        -ms-text-overflow: ellipsis; 
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .breadcrumb ul li {position: relative;}
    .breadcrumb ul li + li {
    	margin-left: 10px;
    	padding-left: 10px;
    }
    .breadcrumb ul li:nth-child(n+2)::before {
	    content: "\f105";
	    display: block;
	    position: absolute;
	    left: -10px;
	    top: 50%;
	    -webkit-transform: translate(0, -50%);
	    -moz-transform: translate(0, -50%);
	    -ms-transform: translate(0, -50%);
	    -o-transform: translate(0, -50%);
	    transform: translate(0, -50%);
	    color: inherit;
	    font-family: FontAwesome;
	    color: #686868;
	}
    .breadcrumb ul a {
      font-size: 14px;
    line-height: 20px;
    color: #222;
    }
   
	.header-catalogues .bg_item_bottom {
	    position: relative;
	    margin: 0 0 25px 0;
	    font-size: 16px;
	    line-height: 20px;
	    text-transform: uppercase;
	    background: url(img/line_bottom.png) center bottom no-repeat;
	}
	.header-catalogues .bg_item_bottom > *{
		display: inline-block;
		position: relative;
		padding: 10px 0px 15px;
		color: #333;
		z-index: 5;
		font-size: 40px;
		line-height: 40px;
	}
	.list-products .products .thumb {
	    position: relative;
	}
	.title_detail {
	    position: absolute;
	    bottom: 0;
	    width: 100%;
	    left: 0;
	    padding: 10px;
	    background: rgba(225, 225, 225, .6);
	    color: #333;
	    text-align: center;
	}
	.list-products .products .thumb:hover .title_detail{display: none;}
	.list-products .products .thumb .info{
		position: absolute;
		left: 0; bottom: 0;
		width: 100%;
		height: 100%;
		text-align: center;
		background: rgba(225, 225, 225, .6);
		-webkit-transition: max-height 1s; 
		-moz-transition: max-height 1s; 
		-ms-transition: max-height 1s; 
		-o-transition: max-height 1s; 
		transition: max-height 1s;  
		overflow: hidden;
		max-height: 0;
	}
	.list-products .products .thumb:hover .info{
		max-height: 100%;padding: 20px;
	}
	.list-products .products .title {
	    margin-bottom: 0;
	    font-size: 15px;
	    line-height: 22px;
	    text-align: center;
	}
	.list-products .products .title a{color: #333;display: block;}
	.star_item{
		height: 15px;
		background-image: url('img/star_item.png');
		background-repeat: no-repeat;
		background-position: center left
	}
	.list-products .products .more_detail > * {
	    display: inline-block;
	    padding: 0 25px;
	    line-height: 37px;
	    background: #333;
	    text-transform: uppercase;
	    color: #333;
	    font-weight: 700;
	}
	.prd-detail-box {
	    background: #e0e0e0;
	    height: 100%;
	    border: 2px solid #333;
	    border-radius: 5px;
	}
	.title-prd {
	       font-size: 24px;
    line-height: 26px;
    margin-bottom: 20px;
    color: rgb(51, 51, 51);
    font-weight: 700;
    margin: 20px 0;
	}
	.uk-width-1-2.last-item {
    	height: 192px;
	}
	.see-all-overlay {
	    position: absolute;
	    color: #fff;
	    width: 100%;
	    height: 100%;
	    text-align: center;
	    display: table;
	    background-color: rgba(0,0,0,.5);
	    transition: all 250ms ease-in-out;
	    -ms-transition: all 250ms ease-in-out;
	    text-decoration: none;
	    text-transform: none;
	    top: 0;
	    left: 0;
	}
	.see-all-overlay-text {
	    font-size: 16px;
	    display: table-cell;
	    vertical-align: middle;
	    letter-spacing: normal;
	}
	.breadcrumb ul a i{margin-right: 7px;}
	.prd-detail-box .price_detail {
	    padding: 0 20px;
	}
	.pad-white {
	    padding: 5px 15px;
	    background-color: #fff;
	    border-radius: 5px;
	}
	.prd-detail-box .description {
	    font-size: 15px;
	    line-height: 24px;
	    font-weight: 300;
	    margin-bottom: 10px;
	    border-bottom: 1px dashed #ddd;
	}
	.meta .connenct > * {
	    vertical-align: top !important;
	}
	.meta .connenct{height: 20px; overflow: hidden;}
	#article-page .uk-flex.uk-flex-middle.meta {
	    padding: 5px;
	    background: #fafafa;
	    margin-bottom: 10px;
	    border-top: 1px solid #f2f2f2;
	    border-radius: 3px;
	}
	.left-meta > * {
	    color: #999;
	    padding-left: 15px;
	}
	.left-meta > .back-page{background: url('img/back.png') no-repeat scroll left center;}
	.left-meta > .goTop-page{background: url('img/top.png') no-repeat scroll left 3px center; margin-left: 5px;}
	.gallerys .uk-slidenav-contrast {
	    display: block;
	    color: #fff;
	    background: rgba(0, 0, 0, .5);
	    width: 35px;
	    height: 35px;
	    line-height: 33px;
	    font-size: 30px;
	}
	.gallerys .uk-slidenav-contrast.uk-slidenav-previous {
	    left: 0;
	}
	.gallerys .uk-slidenav-contrast.uk-slidenav-next {
	    right: 0;
	}
	.price_sales_detail {
	    color: #d6000d;
	    font-size: 18px;
	    padding: 5px 0;
	}
	.price_old_detail {
	    color: #999999;
	    text-decoration: line-through;
	    padding: 5px 0;
	}
	.price_detail.khuyenmai-sale p {
	    margin: 0;
	    padding-left: 20px;
	    background: url('img/ic_gift.png') no-repeat scroll left top 5px;
	}
	.title_item_detail span {
	    display: inline-block;
	    padding: 0 20px;
	    min-width: 200px;
	    line-height: 36px;
	    background: #333;
	    color: #fff;
	    text-transform: uppercase;
	    font-weight: bold;
	    position: relative;
	}
	.title_item_detail span::before {
	    content: '';
	    position: absolute;
	    bottom: 0;
	    right: 0;
	    width: 0px;
	    height: 0px;
	    border-bottom: 18px solid transparent;
	    border-top: 18px solid transparent;
	    border-right: 13px solid #e0e0e0;
	}
	.content_item_detail {
	    padding: 0 20px;
	}
	.box_it_detail .thumb {
	    width: 35px;
	    height: 35px;
	    float: left;
	}
	.box_it_detail .thumb img{
		width: 100%;
		height: 100%;
		object-fit: scale-down;
		background: #333;
		border-radius: 100%;
	}
	.box_it_detail .info {
	    width: -webkit-calc(100% - 35px);
		width: -moz-calc(100% - 35px);
		width: -ms-calc(100% - 35px);
		width: -o-calc(100% - 35px);
		width: calc(100% - 35px);
		padding-left: 5px;
		float: right;
	    color: #333;
	    line-height: 18px;
	    height: 35px;
	    overflow: hidden;
	}
	.content_item_detail .tabControl-home li {
	    border: 0; line-height: 30px;background-position: 0 center; padding-left: 20px; color: #666;
	}
	.start_open {
	    padding-left: 20px;
	    background: url('img/ic_time.png') no-repeat scroll left center;
	    color: #666;
	    font-size: 13px;
	    margin: 5px 0;
	}
	.buy.mb20 {
	    padding: 0 20px;
	}
	.quantity-box .btn {
	    overflow: hidden;
	    position: relative;
	    background-color: #f9f9f9;
	    text-shadow: 1px 1px 1px #fff;
	    color: #888;
	    border: 1px solid #ddd;
	    border-right-width: 1px;
	    border-right-style: solid;
	    border-right-color: rgb(221, 221, 221);
	    text-transform: none;
	    font-weight: normal;
	    display: inline-block;
	    vertical-align: top;
	    cursor: pointer;
	    padding-left: 0.5em;
	    padding-right: 0.5em;
	    letter-spacing: .03em;
	    line-height: 34px;
	    float: left;
	    width: 28px;
	    text-align: center;
	}
	.quantity-box input.quantity-input {
	    width: 100%;
	    line-height: 32px;
	}
	.quantity-box input {
	    max-width: 40px;
	    position: relative;
	    float: left;
	    text-align: center;
	    border-radius: 0;
	    border: 1px solid #ddd;
	    border-right: 0;
	    border-left: 0;
	}
	.action-button {
	    display: block;
	    padding: 0 15px;
	    font-size: 16px;
	    color: #fff;
	    cursor: pointer;
	    text-transform: uppercase;
	    text-align: center;
	    border: 1px solid #e3cb56;
	    background: linear-gradient(#e3cb56, #dbba42, #e3cb56);
	    width: 100%;
	    line-height: 40px;
	    border-radius: 6px;
	    font-weight: 700;
	}
	.ic_iteem a {
	    display: block;
	    text-transform: uppercase;
	    color: #333;
	    border: 1px solid #333;
	    line-height: 40px;
	    border-radius: 5px;
	}
	.ic_iteem i.fa.fa-360 {
	    width: 18px;
	    height: 13px;
	    background-image: url('img/ic_album.png');
	    background-size: 100%;
	}
	.ic_iteem a:hover i.fa.fa-360{background-image: url('img/ic_album_hover.png');}
	.ic_iteem i{margin: 0 7px 0 0;}
	.ic_iteem a:hover {
	    color: #fff;
	    background-color: #b07f17;
	    border-color: #b07f17;
	}
	.tabControl-prd li {
	     list-style: none;
    background-color: #ccc;
    padding: 8px 20px 5px;
    text-align: center;
    float: left;
    margin-right: 15px;
    color: #fff;
    border-radius: 4px 4px 0 0;
    font-size: 16px;
    cursor: pointer;
	}
	.tabControl-prd li a {
	    color: #fff;
	}
	.tabControl-prd li.uk-active::after {
	   
	    content: '';
	    width: 100%;
	    height: 3px;
	    position: absolute;
	    bottom: -1px;
	    left: 0;
	}
	
	.tabControl-prd li.uk-active {
       	background: #e06100;
	}
	.tabControl-prd li.uk-active a { color: #fff; }

	.tabControl-prd li:not(:last-child) {
	    border-right: 0;
	}
	.tabControl-prd {
	    border-bottom: 1px solid #e06100;
	}
	#tabContent-prd {
	    border: 1px solid #333;
	    border-top: 0;
	    padding: 15px;
	}
	.sub_title_content, .prd-item .panel-body h3 {
	    font-size: 20px;
		line-height: 24px;
	    font-weight: normal;
	    margin: 10px 0;
	    color: #b71800;
	    padding-left: 30px;
	    background: url('img/ic_item_.png') no-repeat scroll left center;
	}
	.prd-item .panel-body {
	    line-height: 24px;
	}
	.prd-item .panel-body ul {
	    list-style: none;
	}
	.prd-item .panel-body ul li {
	    padding-left: 25px;
	    margin-bottom: 10px;
	    position: relative;
	}
	.prd-item .panel-body ul li:after{
		content: '';
		width: 19px;
		height: 19px;
		background-image: url('img/iconcheck.png');
		position: absolute;
		left: 0;
		top: 2px;
	}
	.prd-item .panel-body table {
	    width: 100% !important;
	    border-collapse: collapse;
		border-spacing: 0;
		text-align: left;
	}
	.prd-item .panel-body table th, .prd-item .panel-body table td {
	    padding: 5px 10px;
	    border: 1px solid #ddd;
	}
	.text-center {
	    text-align: center;
	}
/*	.tabControl-prd li:before{
		background-image: url('img/before.png');
		background-repeat: no-repeat;
		background-position: 0 0;
		width: 38px; height: 38px;
		position: absolute;
		right: -19px;
		top: 0;
	}
	.tabControl-prd li.uk-active:before{
		background-image: url('img/before_active.png');
	}*/
	.box_thong_so  table {
	    border-collapse: collapse;
	    border-spacing: 0;
	    width: 100% !important;
	}
	.box_thong_so  table tr:nth-child(2n) {
	    background: #eee;
	}
	.box_thong_so  table tr td {
	    border: 1px solid #dedede;
	    padding: 8px 10px;
		color: #555;
		font-weight: 300;
	}
	
	/*====== Document =====*/
	.list-document .document .thumb {
	    width: 150px;
	    height: 148px;
	    float: left;
	}
	.list-document .document .infor {
	    width: -webkit-calc(100% - 150px);
		width: -moz-calc(100% - 150px);
		width: -ms-calc(100% - 150px);
		width: -o-calc(100% - 150px);
		width: calc(100% - 150px);
		padding-left: 10px;
		float: right;
	}
	.list-document .document .infor .title {
	}
	.list-document .document .infor .title a{
	    color: #333;
	}
	.des_document > * {
	    display: block;
	    color: #666;
	    line-height: 22px;
	}
	.download-file {
	    background: #cccccc;
	    display: block;
	    text-transform: uppercase;
	    color: #fff;
	    padding: 5px 25px;
	}
	.download-file:hover{background-color: #bd2929;}
	.list-document .document .infor .title a:hover {color: #bd2929;}
	.readtl .media, .readtl .media iframe {
	    width: 100% !important;
	}
	.heading-heading{
		font-size: 22px;
		line-height: 24px;
		background: url(img/line_bottom.png) left bottom no-repeat;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	/* ===== Pagination ===== */
    .pagination {
    	margin: 0;
    	padding: 0;
    }
    .pagination .uk-pagination>li:nth-child(n+2) {margin-left: 5px;}
    .pagination ul>li>a {
        display: block;
        padding: 0;
        width: 26px;
        height: 26px;
        line-height: 26px;
        font-size: 13px;
        background: #3757AA;
        border: 1px solid #3757AA;
        color: #fff;
        border-radius: 0;
    }
    .pagination ul>li:hover>a, 
    .pagination ul>li.uk-active>a {
 		color: #fff;
        background: #CF171F;
        border-color: #CF171F;
    }

    /* ===== Contact ===== */
	.contact {margin: 0 0 30px 0;}
	.contact .contact-infomation, 
	.contact .contact-form {
		margin-bottom: 20px!important;
	}
	.contact .contact-infomation .note {
		margin-bottom: 10px;
		font-style: italic;
		color: #666;
		font-weight: 500;
	}
	.contact .contact-infomation .company {
		margin-bottom: 10px;
		font-size: 22px;
		line-height: 26px;
		text-transform: uppercase;
		color: #2d3090;
		font-weight: bold;
	}
	.contact .contact-infomation .address {margin-bottom: 20px;}
	.contact .contact-infomation .address p {
		margin: 0 0 5px 0;
		color: #000;
	}
	.contact .contact-infomation .address a {color: #000;}
	.contact .contact-map {
		padding: 4px;
		border: 1px solid #d5d5d5;
		height: 340px;
	}
	.contact .contact-form .label {
		font-size: 14px;
		line-height: 22px;
		color: #000;
		margin-bottom: 15px;
	}
	.contact .contact-form .form-row {margin-bottom: 10px;}
	.contact .contact-form .input-text, 
	.contact .contact-form .form-select, 
	.contact .contact-form .form-textarea {
		border: 1px solid #d5d5d5;
		font-size: 14px;
		line-height: 20px;
		color: #000;
	}
	.contact-form .form-select {color: #999!important;}
	.contact .contact-form .input-text, 
	.contact .contact-form .form-select {height: 32px;}
	.contact .contact-form .form-textarea {
		padding: 5px 10px;
		height: 200px;
	}
	.contact-form .btn-submit {
	    padding: 7px 20px;
	    cursor: pointer;
	    background: #df6100;
	    font-size: 18px;
	    line-height: 20px;
	    color: #fff;
	    border: none;
	    text-transform: uppercase;
	    width: 100%;
	    font-weight: 500;
	}
	.contact .contact-form .input-text::-webkit-input-placeholder {
	    color: #898989;
	    font-size: 13px;
	}
	.contact .contact-form .input-text::-moz-placeholder {
	    color: #898989;
	    font-size: 13px;
	}
	.contact .contact-form .input-text:-ms-input-placeholder {
	    color: #898989;
	    font-size: 13px;
	}
	.contact .contact-form .input-text:-moz-placeholder {
	    color: #898989;
	    font-size: 13px;
	}

	/* ===== Footer style ===== */
	.product-hot .thumb img{
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
	}
	.product-hot:hover .thumb img {
	    -webkit-transform: scale(1.2);
	    transform: scale(1.2);
	}
	.list-news .article:hover {
	    background: #ececec;
}
	.footer {
		background: #af5300;
		padding-top: 30px;
	    font-size: 15px;
	    line-height: 22px;
	    color: #fff;
	}
	.heading-footer {
	    font-size: 15px;
	    color: #333;
	    text-transform: uppercase;
	    margin-bottom: 5px;
	}
	.social-online span {
	    font-weight: bold;
	}
	.footer_box.uk-clearfix .info p {
	    margin-bottom: 0;
	}
	.footer_box.uk-clearfix .info p span{
	    color: #b07f17;
	}
	.call_now {
	    font-size: 16px;
	    font-weight: bold;
	}
	.call_now span{text-transform: uppercase; color: #f6ff00;}
	.box_color_box {
	    color: #d71d24;
	    font-size: 30px;
	    line-height: 35px;
	    text-shadow: 1px 1px 0px #fff;
	}
	.footer-hotline.uk-clearfix .hotline-box {
	    width: 65%;
	    float: left;
	}
	.footer-hotline.uk-clearfix .social-online {
	    width: 35%;
	    float: left;
	}
	.uk-list-foot li a {
		display: block;
	    width: 30px;
	    height: 30px;
	    background-image: url('img/social_network-footer.png');
	    background-repeat: no-repeat;
	    text-indent: -9999px;
	}
	.uk-list-foot li a.ins{background-position: -40px 0;}
.footer_box_col h2.heading span {
    text-transform: none;
    font-size: 20px;
    color: #fff;
    font-weight: 700;
}	
.height100{height: 100%;}
.homepage-khachhang .category .description {
  display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 1.428571429;
    color: #545454;
    margin: 5px 0;
}
.footer_box_col .logo{float: left; margin-right: 10px;max-width: 80px;}

section.footer_box_col .panel-body {
    font-size: 13px;
    line-height: 19px;
}	


section.footer_box_col .panel-body p
{    margin: 0 0 10px 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px; color:#fff;
    line-height: 1.428571429;}


	.list-unstyled li {
    margin-bottom: 10px;
}
.list-unstyled {
    padding-left: 0;
    list-style: none;
}address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857143;
}
	.footer_box_col .heading {
	      font-size: 20px;
    color: #fff;
    text-transform: none;
    margin-bottom: 15px;
    position: relative;
    line-height: 30px;
	}
	.footer_box_col .heading:after{
		/*content: '';
		position: absolute;
		bottom: -10px;
		left: 0;
		width: 50px;
		height: 2px;
		background-color: #333;*/
	}
	.footer-item-social li {
	    float: left;
	    margin-right: 10px;
	}
	.footer-item-social li a {
	    display: block;
	    width: 35px;
	    height: 35px;
	    line-height: 35px;
	    text-align: center;
	    color: #fff;
	    font-size: 15px;
	    border: 1px solid #ededed;
	    border-radius: 5px;
	}
	.footer-item-social li a:hover{color: #fff; border: 0;}
	.footer-item-social li a.fb:hover{background:  #1961b3;}
	.footer-item-social li a.tw:hover{background:  #25c1db;}
	.footer-item-social li a.ins:hover{background:  #7600aa;}
	.footer-item-social li a.go:hover{background:  #ed0c0c;}
	.footer-item-social li a.yo:hover{background:  red;}
	.footer-item-social li a.pin:hover{background:  #9e0d0d;;}
	.footer .address p {margin: 0 0 8px 0;}
	.footer_box_col .item_form{position: relative;}
	.footer_box_col .item_form input {
	    background: #fff;
	    padding: 0 10px;
	    border: 0;
	}
	.address.uk-list li {
	    background: url('img/add-fotter.png') no-repeat;
	    color: #fff;
	    padding-left: 25px;
	    line-height: 22px;
	    margin-bottom: 7px;
	    font-family: 'Roboto Condensed', sans-serif;
	    font-size: 14px;
	}
	.address.uk-list li.add {
	    background-position: 0px 4px;
	}
	.address.uk-list li.pho {
	    background-position: 0px -95px;
	}
	.address.uk-list li.pho {
	    background-position: 0px -95px;
	}
	.address.uk-list li.hot {
	    background-position: 0px -126px;
	}
	.address.uk-list li.fax {
	    background-position: 0px -153px;
	}
	.address.uk-list li.ema {
	    background-position: 0px -180px;
	}
	.address.uk-list li.web {
	    background-position: 0px -208px;
	}
	.uk-list.uk-list_tag li {
	    float: left;
	    margin: 0 5px 10px;
	}
	.uk-list.uk-list_tag li a {
	    display: block;
	    padding: 5px 15px;
	    border: 1px solid #b07f17;
	    color: #333;
	    font-family: 'Roboto Condensed', sans-serif;
	    border-radius: 3px;
	}
	.footer .upper {
	       background: #de6b03;
    padding: 7px 0;
    color: #fcfcfc;
    font-size: 14px;
	}
	.designby a {
	    color: #fcfcfc;
	}
	.footer-nav.uk-list li {
	    float: left;
	    margin-right: 40px;
	}
	.footer-nav li a {
	    display: block;
	    color: #fff;
	    font-size: 18px;
	    line-height: 34px;
	    position: relative;
	    line-height: 24px;
	}
	.static-network p{font-size: 14px; color: #fff;}
	.fixed-page {
	    position: fixed;
	    top: 30%;
	    right: 0;
	    z-index: 999;
	}
	.hide_item {
	    width: 0;
	    opacity: 0;
	    height: 38px;
	    line-height: 38px;
	    color: #fff;
	    font-family: 'Roboto Condensed', sans-serif;
	    -moz-transition: left 1s ease 0.1s, width 1s ease-out 0s;
		-webkit-transition: left 1s ease 0.1s, width 1s ease-out 0s;
	}
	.price-prd .price-sales {
	    font-size: 18px;
	    color: #ff0000;
	    font-weight: 700;
	}
	.price-prd span {
	    font-weight: normal;
	    font-size: 15px;
	}
	.price-prd .price-old {
	    text-decoration: line-through;
	    color: #b0b0b0;
	}
	.line_all_value a:hover {
	    background: #f06135;
	    color: #fff;
	}
	.sale-property {
	    line-height: 34px;
	    height: 40px;
	    width: 100px;
	    text-align: center;
	    background: url('img/bg_sale_box.png');
	    font-family: UTMNokia;
	    font-size: 20px;
	    color: #fff000;
	}
	.price-products {
	    border-bottom: 1px dashed #ccc;
	    padding-bottom: 15px;
	}
	.relative {
	    position: relative;
	}
	.sale_.relative {
	    padding: 15px 20px;
	}
	.sale_content {
	    padding-left: 50px;
	    height: 46px;
	    overflow: hidden;
	    background: url('img/box_sales.png') no-repeat scroll left center;
	    line-height: 22px;
	}
	.sale_content p {
	    margin: 0;
	}
	.gallerys .gallery li {
	    height: 270px;
	}
	.gallerys .lSGallery li {
	    height: 50px;
	}
	.gallerys .lSGallery li a img {
	    width: 100%;
	    object-fit: scale-down;
	}
	.gallerys .lSGallery li a {
	    padding: 5px;
	    display: block;
	    border: 1px solid #dedede;
	    height: 50px;
	}
	.gallerys .lSGallery li.active a{border-color: #67bd50;}
	.box_item_fixed.form .hide_item{background-color: #1e1c1c}
	.box_item_fixed.phone .hide_item{background-color: #9c1313}
	.box_item_fixed.email .hide_item{background-color: #b98e00}
	.uk-list.list-item-fixed li {
	    position: relative;
	    height: 38px;
	    overflow: hidden;
	    min-width: 38px;
	}
	.ic_fixed {
	    width: 38px;
	    height: 38px;
	    display: block;
	    background-image: url('img/item_fixed.png');
	    background-repeat: no-repeat;
	    cursor: pointer;
	    position: absolute;
		top: 0;
		right: 0;
	}
	.ic_fixed.search {
	    background-color: #333333;
	    border: 0;
	    background-position: center top 10px;
	}
	.ic_fixed.phone {
	    background-color: #bd2929;
	    background-position: center center;
	}
	.ic_fixed.email {
	    background-color: #e8b200;
	    background-position: center bottom 12px;
	}
	.box_item_fixed:hover .hide_item {
	    width: 250px;
	    padding: 0 45px 0 10px;
	    opacity: 1;
		}
	.uk-width-1-1.input-text.hide_item {
	    height: 38px;
	    border: 0;
	    color: #fff;
	}
/* </etrc.css> */

@media (max-width: 768px) {
	

#chitiet img,
.art-detail img {
    border: 0;
    outline: none;
    height: auto !important;
}
	.uk-slideshow>li {
    min-height: 200px !important;
}

.tabControl-prd li + li {
    margin: 1px;
}	
	.footer {
    background: #0e871d;
    padding-top: 30px;
    font-size: 15px;
    line-height: 22px;
    color: #fff;
    margin-top: 20px !important;
}


.art-detail .heading {
      font-size: 20px ;
    line-height: 24px;
 font-family: 'Open Sans', sans-serif;    color: #333;
    font-weight: normal;
    margin: 20px 0;
}		
		.project-item {
    overflow: hidden;
    position: relative;
    padding: 0;
    vertical-align: middle;
    text-align: center;
    height: 100px;
}
.mobile-header .lower {
    background-color: #3e454c;
    padding: 5px 0;
    color: #fff;
    display: none;
}
		.carousel-caption .title {
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 20px;
    font-size: 13px;
    line-height: 1.2;
    color: #fff;
}
	.carousel-caption p {
    margin-bottom: 20px;
    font-size: 13px;
    line-height: 20px;
}	
.product-hot.uk-clearfix .thumb {
    height: 118px;
    /* overflow: hidden; */
    margin: 0;
    border-radius: 4px 4px 0 0;
    width: 100%;
    /* position: relative; */
    overflow: hidden;
    border: 1px solid #fff;
}
.product-hot.uk-clearfix .infor .title {
       font-size: 14px;
    line-height: 18px;
    height: 72px;
    overflow: hidden;
    min-height: auto !important;
}
.heading.orange > *, .heading.orange {
    text-align: center;
    font-size: 28px;
    text-transform: uppercase;
    margin: 10px 0;
 font-family: 'Open Sans', sans-serif;    color: #565a5c;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: -1px;
    font-size: 20px;
    margin-bottom: 0;
}
header.panel-head p {
 font-family: 'Open Sans', sans-serif;    font-weight: 300;
    font-size: 14px !important;
    text-align: center !important;
    line-height: 21px !important;
    color: #666 !important;
    margin-top: 10px;
	width:100% !important;
}
.product-hot.uk-clearfix { margin-bottom:0 !important;}
		.carousel-caption { width: 100% !important}
		
		.artcatalogue .article .thumb {width: 100%;height: auto;}
		.artcatalogue .article .infor {width: 100%;}
		.created_post{left: 10px;}
		
		.banner-page {
    position: relative;
    min-height: auto ; 
}
.uk-width-large-1-4 {
    margin-bottom: 20px;
}

	}
	
	
@media (max-width: 479px) {
	.tabControl-prd {
    border-bottom: 1px solid #e06100;
    display: none;
}
.art-detail .heading {
      font-size: 20px ;
    line-height: 24px;
 font-family: 'Open Sans', sans-serif;    color: #333;
    font-weight: normal;
    margin: 0;
}		
		.project-item {
    overflow: hidden;
    position: relative;
    padding: 0;
    vertical-align: middle;
    text-align: center;
    height: 100px;
}
.mobile-header .lower {
    background-color: #3e454c;
    padding: 5px 0;
    color: #fff;
    display: none;
}
		.carousel-caption .title {
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 20px;
    font-size: 13px;
    line-height: 1.2;
    color: #fff;
}
	.carousel-caption p {
    margin-bottom: 20px;
    font-size: 13px;
    line-height: 20px;
}	
.product-hot.uk-clearfix .thumb {
    height: 118px;
    /* overflow: hidden; */
    margin: 0;
    border-radius: 4px 4px 0 0;
    width: 100%;
    /* position: relative; */
    overflow: hidden;
    border: 1px solid #fff;
}
.product-hot.uk-clearfix .infor .title {
       font-size: 14px;
    line-height: 18px;
    height: 72px;
    overflow: hidden;
    min-height: auto !important;
}
.heading.orange > *, .heading.orange {
    text-align: center;
    font-size: 28px;
    text-transform: uppercase;
    margin: 10px 0;
 font-family: 'Open Sans', sans-serif;    color: #565a5c;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: -1px;
    font-size: 20px;
    margin-bottom: 0;
}
header.panel-head p {
 font-family: 'Open Sans', sans-serif;    font-weight: 300;
    font-size: 14px !important;
    text-align: center !important;
    line-height: 21px !important;
    color: #666 !important;
    margin-top: 10px;
}
.product-hot.uk-clearfix { margin-bottom:0 !important;}
		.carousel-caption { width: 100% !important}
		
		.artcatalogue .article .thumb {width: 100%;height: auto;}
		.artcatalogue .article .infor {width: 100%;}
		.created_post{left: 10px;}
		
		.banner-page {
    position: relative;
    min-height: auto ; 
}
.uk-width-large-1-4 {
    margin-bottom: 20px;
}

	}
.webvaseo-alo-phone.webvaseo-alo-show {
    visibility: visible;
}
.webvaseo-alo-phone {
    position: fixed;
    visibility: hidden;
    background-color: transparent;
      width: 77px;
    height: 77px;
    cursor: pointer;
    z-index: 99999999999999 !important;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -webkit-transition: visibility .5s;
    -moz-transition: visibility .5s;
    -o-transition: visibility .5s;
    transition: visibility .5s;
    left: 0;
    bottom: 10px
}
.webvaseo-alo-phone.webvaseo-alo-green .webvaseo-alo-ph-circle {
    border-color: #00aff2;
    border-color: #bfebfc 9;
    opacity: .5;
}
.webvaseo-alo-ph-circle {
        width: 80px;
    height: 80px;
    top: 0;
    left: 3px;
    position: absolute;
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid rgba(30,30,30,0.4);
    border: 2px solid #bfebfc 9;
    opacity: .1;
    -webkit-animation: webvaseo-alo-circle-anim 1.2s infinite ease-in-out;
    -moz-animation: webvaseo-alo-circle-anim 1.2s infinite ease-in-out;
    -ms-animation: webvaseo-alo-circle-anim 1.2s infinite ease-in-out;
    -o-animation: webvaseo-alo-circle-anim 1.2s infinite ease-in-out;
    animation: webvaseo-alo-circle-anim 1.2s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.webvaseo-alo-phone.webvaseo-alo-green .webvaseo-alo-ph-circle-fill {
    background-color: rgba(0,175,242,0.5);
    background-color: #a6e3fa 9;
    opacity: .75 !important;
}
.webvaseo-alo-ph-circle-fill {
         width: 55px;
    height: 55px;
    top: 13px;
    left: 15px;
    position: absolute;
    background-color: #000;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .1;
    -webkit-animation: webvaseo-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -moz-animation: webvaseo-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -ms-animation: webvaseo-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -o-animation: webvaseo-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: webvaseo-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.webvaseo-alo-phone.webvaseo-alo-green .webvaseo-alo-ph-img-circle {
    background-color: #00aff2;
}
.webvaseo-alo-ph-img-circle {
   width: 40px;
    height: 40px;
    top: 19px;
    left: 23px;
    position: absolute;
    background: rgba(30,30,30,0.1) url("img/phone.png") no-repeat center center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .7;
    -webkit-animation: webvaseo-alo-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: webvaseo-alo-circle-img-anim 1s infinite ease-in-out;
    -ms-animation: webvaseo-alo-circle-img-anim 1s infinite ease-in-out;
    -o-animation: webvaseo-alo-circle-img-anim 1s infinite ease-in-out;
    animation: webvaseo-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.webvaseo-alo-phone.webvaseo-alo-green.webvaseo-alo-hover .webvaseo-alo-ph-img-circle, .webvaseo-alo-phone.webvaseo-alo-green:hover .webvaseo-alo-ph-img-circle {
    background-color: #75eb50;
    background-color: #75eb50 9;
}
.webvaseo-alo-phone.webvaseo-alo-green.webvaseo-alo-hover .webvaseo-alo-ph-circle-fill, .webvaseo-alo-phone.webvaseo-alo-green:hover .webvaseo-alo-ph-circle-fill {
    background-color: rgba(117,235,80,0.5);
    background-color: #baf5a7 9;
    opacity: .75 !important;
}
.webvaseo-alo-phone.webvaseo-alo-green.webvaseo-alo-hover .webvaseo-alo-ph-circle, .webvaseo-alo-phone.webvaseo-alo-green:hover .webvaseo-alo-ph-circle {
    border-color: #75eb50;
    border-color: #baf5a7 9;
    opacity: .5;
}
.webvaseo-alo-phone.webvaseo-alo-hover, .webvaseo-alo-phone:hover {
    opacity: 1;
}

@-moz-keyframes webvaseo-alo-circle-anim {
    0% {
        -moz-transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1;
        -moz-opacity: .1;
        -webkit-opacity: .1;
        -o-opacity: .1
    }
    30% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5;
        -moz-opacity: .5;
        -webkit-opacity: .5;
        -o-opacity: .5
    }
    100% {
        -moz-transform: rotate(0) scale(1) skew(1deg);
        opacity: .6;
        -moz-opacity: .6;
        -webkit-opacity: .6;
        -o-opacity: .1
    }
}
@-webkit-keyframes webvaseo-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(.5) skew(1deg);
        -webkit-opacity: .1
    }
    30% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        -webkit-opacity: .5
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        -webkit-opacity: .1
    }
}
@-o-keyframes webvaseo-alo-circle-anim {
    0% {
        -o-transform: rotate(0) kscale(.5) skew(1deg);
        -o-opacity: .1
    }
    30% {
        -o-transform: rotate(0) scale(.7) skew(1deg);
        -o-opacity: .5
    }
    100% {
        -o-transform: rotate(0) scale(1) skew(1deg);
        -o-opacity: .1
    }
}
@-moz-keyframes webvaseo-alo-circle-fill-anim {
    0% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        -moz-transform: rotate(0) -moz-scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        -moz-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}
@-webkit-keyframes webvaseo-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}
@-o-keyframes webvaseo-alo-circle-fill-anim {
    0% {
        -o-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        -o-transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        -o-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}
@-moz-keyframes webvaseo-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -moz-transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        -moz-transform: rotate(0) scale(1) skew(1deg)
    }
}
@-webkit-keyframes webvaseo-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
}
@-o-keyframes webvaseo-alo-circle-img-anim {
    0% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        -o-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -o-transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -o-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -o-transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }
}
@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}
@-o-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}
@-moz-keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}
@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}
@-o-keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}
@keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}
@-moz-keyframes webvaseo-alo-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }
    30% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}
@-webkit-keyframes webvaseo-alo-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }
    30% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}
@-o-keyframes webvaseo-alo-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }
    30% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}
@keyframes webvaseo-alo-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }
    30% {

        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}
@-moz-keyframes webvaseo-alo-circle-fill-anim {
    0% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}
@-webkit-keyframes webvaseo-alo-circle-fill-anim {
    0% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}
@-o-keyframes webvaseo-alo-circle-fill-anim {
    0% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}
@keyframes webvaseo-alo-circle-fill-anim {
    0% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}
@-moz-keyframes webvaseo-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}
@-webkit-keyframes webvaseo-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}
@-o-keyframes webvaseo-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}
@keyframes webvaseo-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}