@font-face {
    font-family: UTM Neutra;
    src: url("'../fonts/UTM Neutra.ttf'");
}

@font-face {
    font-family: UTM Avo;
    src: url("../fonts/UTM Avo.ttf");
}

@font-face {
    font-family: UTM AvoBold;
    src: url("../fonts/UTM AvoBold.ttf");
}

@font-face {
    font-family: UTM TimesBold;
    src: url("../fonts/UTMTimesBold.ttf");
}

@font-face {
    font-family: UTM TimesBold Italic;
    src: url("../fonts/UTMTimesBold Italic.ttf");
}

@font-face {
    font-family: UTM Swiss Condensed Bold;
    src: url("../fonts/UTM Swiss CondensedBold.ttf");
}

/* -------------------- Chung -------------------- */
.container-vina {max-width: 1140px;}
/*.clearfix:after{
    clear: both;
    content: ".";
    display: block;
    width: 0px;
    height: 0px;}*/

/* -------------------- Menu mobile -------------------- */
.taskbar-m {background: #F46A8B;}
.taskbar-m>span:hover {background: #f00;}
.menu-m {background: #F46A8B;}
.menu-m > ul > li > a {font-weight: bold;
	color: white;}
.menu-m .logo-m img {width: 90px;
    margin: 0 auto;
    display: block;}



/* -------------------- Top page -------------------- */
.top_page {background: #F46A8B; color: WHITE;}
.top_page .welcome {font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
    font-weight: bold;}
.top_page .welcome i {margin-right: 10px;}

.top_page .right>div>a {color:#fff;}
.top_page .right>div>a i {border-left: none;}
.top_page .search form {float: right;
	/*background: #fff;*/
	margin-top: 4px;
	position: relative;}
.top_page .search form input {width: 200px;color: #333;
	line-height: 32px;
	text-indent: 10px;
	outline: none;
	position: absolute;
	top: 0;
	right: 32px;
	/*border: 1px solid #fff;*/
	border-radius: 16px 0 0 16px;
	border-right: 0;
	transition: all .3s;
	-webkit-transition: all .3s;}
/*.top_page .search form:hover input {width: 200px; border-color: #ddd;}*/
.top_page .search form button {float: left;
	width: 32px;
	text-align: center;
	background: transparent;
	background: #fff;
	outline: none;
	/*border: 1px solid #fff;*/
	border-left: 0;
	transition: all .3s;
	-webkit-transition: all .3s;
	border-radius: 0 16px 16px 0;}
.top_page .search form:hover button {border-color: #ddd;}
.top_page .search form button i {color: #545454; line-height: 32px; font-size: 16px;}

/* -------------------- Menu -------------------- */
.menu_top {background: #fff;}
.logo a img {height: 115px;}
.menu>ul>li>a {color: #F46A8B;
	text-transform: uppercase;
	font-family: "UTM Swiss Condensed Bold" ,sans-serif;
	line-height: 115px;}
.menu>ul>li>a:hover , .menu ul>li.active>a{background: #fff;
	color: #545454;}
.menu>ul>li>img {overflow: hidden;
    position: absolute;
    top: 0;
    left: calc(50% - 20px);
    width: 40px;
    opacity: 0;}
.menu>ul>li:hover img, .menu>ul>li.active img {visibility: visible;opacity: 0.9;
    transform: translate(0,75px) ; -webkit-transform: translate(0,75px) ;
    transition-duration: 0.3s;}
.menu_fix .menu>ul>li:hover img, .menu_fix  .menu>ul>li.active img {
	transform: translate(0,45px) ; -webkit-transform: translate(0,45px) ;}

.menu_top.menu_fix {box-shadow: 0px 0px 6px 4px #F46A8B;
    -moz-box-shadow: 0px 0px 6px 4px #F46A8B;
    -webkit-box-shadow: 0px 0px 6px 4px #F46A8B;
    -o-box-shadow: 0px 0px 6px 4px #F46A8B;
    -ms-box-shadow: 0px 0px 6px 4px #F46A8B;}
.menu_fix .logo a img {height: 60px;
	padding: 0;}	
.menu_fix .menu>ul>li>a {
	line-height: 60px;}
.menu_fix .menu .phone {margin-top: 8px;}

.menu .phone {float: right;
	line-height: 44px;
    background: #EC1F30;
    padding: 0 20px;
    border-radius: 22px;
    margin-top: 35px;}
.menu .phone:hover {background: #F46A8B;}
.menu .phone a {font-size: 17px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;}
.menu .phone a img {width: 25px;
	margin-right: 10px;}
.menu .phone .fa-stack {height: 1.5em;width: 1em;}
.menu .phone .fa-stack-2x {font-size: 1.2em;}
.menu .phone .fa-stack-1x {left: 8px;
    top: -16px;
    font-size: 0.5em;}

.menu>ul>li ul {
    background: #F46A8B;}
.menu_fix .menu>ul>li ul {
    top: 60px; }

/* -------------------- Slide -------------------- */
.flexslider .slides>li .more_div {
	font-family: "Roboto",sans-serif;
	position: absolute;
	top: 70px;
	width: 700px;
	color: #000;
	padding: 10px;
    /*background: rgba(0,0,0,0.5);*/
    border-radius: 5px;}
.flexslider .slides>li>div h2 {font-size: 33px;
	text-transform: uppercase;
    line-height: 50px;
    /*-webkit-text-stroke: 2px #fff;*/}
.flexslider .slides>li>div h2 a {color: #fff; 
	text-decoration: none; 
	font-family: "UTM AvoBold" ,sans-serif;}

.flexslider .slides>li>div p {margin: 30px 0 30px 0; 
	line-height: 20px; font-size: 19px; color: #fff;
	text-transform: uppercase;
	font-weight: bold;
    font-style: italic;
    /*-webkit-text-stroke: 1px #fff;*/}

a.more{text-transform: uppercase;
	line-height: 25px;
	font-size: 15px;
	font-weight: bold;
	background: #F46A8B;
	border: 1px solid #fff;
	padding: 8px 20px; 
	text-decoration: none;
  	position: relative;
  	display: inline-block;
  	overflow: hidden;
  	height: 40px;
  	color: #fff;
  	border-radius: 20px;
  	-moz-transition: ease 0.35s all;
    -o-transition: ease 0.35s all;
    -webkit-transition: ease 0.35s all; 
    transition: ease 0.35s all;}

a.more:hover{border-color: #0072bb;background: #EC1F30;}
a.more.hover:hover{ line-height: 100px; }
    
a.more.hover:before{content: attr(data-text);
    color: #fff;
    position: absolute;
    top: -30px;}

/* -------------------- Liên kết trang chủ -------------------- */
.link_home {padding: 20px 0;
	background: url(../images/bg_product.png) no-repeat center top;
	position: relative;
	height: calc(100% - 110px);}
.link_home .title {padding-bottom: 0px;
	/*border-bottom: 1px solid #d7d7d7;*/}
.link_home .title h2 {
	font-size: 25px;
	color: #F46A8B;
	text-align: center;
	position: relative;
	text-transform: uppercase;
    font-weight:bold;
	}
.link_home .title h2::before {position: absolute;
    top: 37px;
    content: "";
    width: 285px;
    }
.link_home .descripton p {text-align: center;
	font-size: 15px;
	padding-top: 30px;
	padding-bottom: 40px;}
.link_home .list_link {/*position: absolute;*/}

/*.link_home .list_link .item {width: 22%; margin-right: 4%;}
.link_home .list_link .item:nth-child(4n+4) {margin-right: 0;}*/

.link_home .list_link li dl dt img {width: 100%;height: 150px;}

.link_home .list_link li dl dt figure {margin: 0;
	position: relative;}
.link_home .list_link li dl dt figure::before {
	position: absolute;
	top: 0;
	left: -5%;
	z-index: 2;
	display: block;
	content: '';
	width: 5%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);}
.link_home .list_link li dl dt figure:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;}
@-webkit-keyframes shine {100% {left: 125%;}}
@keyframes shine {100% {left: 125%;}}

.link_home .list_link li dl dt h3 {padding: 10px;
    background: #e1e1e1;
    text-align: center;height:60px}
.link_home .list_link li dl dt h3 a {font-size: 15px; 
	color: #F46A8B;
	text-transform: none;
	
	text-decoration: none;}
.link_home .list_link li dl:hover dt h3 a {color: #00aeef;}

.link_home .list_link li dl {width: 90%;position: relative;margin: 0 auto;}
.link_home .list_link li dl dd {text-align: center;
	border: 1px solid #e1e1e1;}
.link_home .list_link li dl dd p {padding: 15px;
    line-height: 20px;}

/* điều hướng slide liên kết */
.link_home .list_link .nbs-flexisel-nav-left {
    width: 50px;
    height: 50px; 
    position: absolute;
    cursor: pointer;
    z-index: 100;
    bottom: 0;
    left: -25px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;}

.link_home .list_link .nbs-flexisel-nav-right {
    width: 50px;
    height: 50px; 
    position: absolute;
    cursor: pointer;
    z-index: 100;
    bottom: 0;
    right: -50px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;}

.link_home .list_link .nbs-flexisel-nav-left{
    margin-left: -25px;
    background: url(../images/left_arrow.png) center center no-repeat;
    transition: all .3s;}
.link_home .list_link .nbs-flexisel-nav-right {
    margin-left: 5px;
    background: url(../images/right_arrow.png) center center no-repeat;
    transition: all .3s;
    -webkit-transition: all .3s;}
.link_home .list_link .nbs-flexisel-nav-left:hover {    
    background: #EC1F30 url(../images/left_arrow.png) center center no-repeat;}
.link_home .list_link .nbs-flexisel-nav-right:hover {
    background: #EC1F30 url(../images/right_arrow.png) center center no-repeat;}

/* -------------------- Ứng dụng sản phẩm -------------------- */
.appli {padding: 30px 0;}
.appli .title h2{font-size: 30px;
	font-family: "UTM Swiss Condensed Bold",sans-serif;
	text-transform: uppercase;
	color: #fff;
	line-height: 45px;
    margin-top: 20px;}

#appli_flex li {text-align: center;}
#appli_flex li dl dt {margin-bottom: 20px;}
#appli_flex li dl dt h3 {font-size: 20px;
	font-family: "UTM Swiss Condensed Bold",sans-serif;
	text-transform: uppercase;}
#appli_flex li dl dt h3 a {color: #fff;
	text-decoration: none;}
#appli_flex li dl dt h3 a:hover {color: #db352f;}

#appli_flex li dl dd figure {width: 220px;
    height: 220px;
    margin: auto;
    border-radius: 110px;
    background: #eee;}
#appli_flex li dl dd figure img {width: 200px;
    border-radius: 100px;
    margin-top: 10px; 
    -webkit-transform: scale(1.0);
	transform: scale(1.0);
	-webkit-transition: .4s ease-in-out;
	transition: .4s ease-in-out;}
#appli_flex li dl dd figure:hover img {
	-webkit-transform: scale(0.95);
	transform: scale(0.95);}


/* điều hướng slide ứng dụng */
.appli .content .nbs-flexisel-nav-left {
    width: 50px;
    height: 50px; 
    position: absolute;
    cursor: pointer;
    z-index: 100;
    bottom: 0;
    left: -25px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;}

.appli .content .nbs-flexisel-nav-right {
    width: 50px;
    height: 50px; 
    position: absolute;
    cursor: pointer;
    z-index: 100;
    bottom: 0;
    right: -50px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;}

.appli .content .nbs-flexisel-nav-left{
    margin-left: -25px;
    background: url(../images/left_arrow.png) center center no-repeat;
    transition: all .3s;}
.appli .content .nbs-flexisel-nav-right {
    margin-left: 5px;
    background: url(../images/right_arrow.png) center center no-repeat;
    transition: all .3s;
    -webkit-transition: all .3s;}
.appli .content .nbs-flexisel-nav-left:hover {    
    background: #EC1F30 url(../images/left_arrow.png) center center no-repeat;}
.appli .content .nbs-flexisel-nav-right:hover {
    background: #EC1F30 url(../images/right_arrow.png) center center no-repeat;}


/* -------------------- Giới thiệu -------------------- */
.intro {padding: 40px 0;}
.intro .left {padding-right: 20px;} 
.intro .left .title {font-size: 30px;
	font-family: "UTM Swiss Condensed Bold",sans-serif;
	text-transform: uppercase;
	color: #F46A8B;
	padding-bottom: 15px;
	margin-bottom: 25px;
    border-bottom: 1px solid #e1e1e1;}
.intro .left .title::before {position: absolute;
    top: 47px;
    content: "";
    width: 250px;
    border-top: 2px solid #EC1F30;}

.intro .left .content {padding: 10px 20px 0 0;}
.intro .left .content p {font-size: 15px;
    line-height: 22px;
    text-align: justify;}

.intro .left .image {padding: 0;}
.intro .left .image #gallery_flex li a img {width: 160px; height: 160px;}
#gallery_flex li {text-align: center;}
#gallery_flex li figure {margin: 0;}
#gallery_flex li figure:hover img {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;}
@-webkit-keyframes flash {0% {opacity: .6;}100% {opacity: 1;}}
@keyframes flash {0% {opacity: .6;}100% {opacity: 1;}}

/* điều hướng slide album dự án */
.intro .left .image .nbs-flexisel-nav-left {
    width: 20px;
    height: 20px; 
    position: absolute;
    cursor: pointer;
    z-index: 100;
    top: auto !important;
    bottom: -30px;
    left: calc(50% - 5px);
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;}
.intro .left .image .nbs-flexisel-nav-right {
    width: 20px;
    height: 20px; 
    position: absolute;
    cursor: pointer;
    z-index: 100;
    top: auto !important;
    bottom: -30px;
    right: calc(50% - 30px);
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;}

.intro .left .image .nbs-flexisel-nav-left {
    margin-left: -25px;
    background: rgba(22,22,22,.1) url(button-previous.png) center center no-repeat;
    transition: all .3s;}

.intro .left .image .nbs-flexisel-nav-right {
    margin-left: 5px;
    background: rgba(22,22,22,.1) url(button-next.png) center center no-repeat;
    transition: all .3s;
    -webkit-transition: all .3s;}

.intro .left .image .nbs-flexisel-nav-left:hover {    
    background: #F46A8B url(button-previous.png) center center no-repeat;}

.intro .left .image .nbs-flexisel-nav-right:hover {
    background: #F46A8B url(button-next.png) center center no-repeat;}

/* -------------------- Video -------------------- */
.intro .right {padding-left: 20px;position: relative;}
.intro .right img {width: 100%;}
.intro .right .title {font-size: 30px;
	font-family: "UTM Swiss Condensed Bold",sans-serif;
	text-transform: uppercase;
	color: #F46A8B;
	padding-bottom: 15px;
	margin-bottom: 25px;
    border-bottom: 1px solid #e1e1e1;
    text-align: right;}
.intro .right .title::before {position: absolute;
    top: 47px;
    right: 0;
    content: "";
    width: 100px;
    border-top: 2px solid #EC1F30;}

.intro .right>div {position: relative;}
.intro .right>div figure img {width: unset;}
.intro .right>div figure {
	justify-content: center;
    display: flex;
    align-items: center;

	margin: 0;
	padding: 20px;
	overflow: hidden;
    position: absolute;
    top: -50px;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(242, 101, 24, 0.8);
    opacity: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    transition: all .8s;
    -webkit-transition: all .8s;
    z-index: 1;}
.intro .right>div:hover figure {visibility: visible;opacity: 0.9;
    transform: translate(0,50px) ; -webkit-transform: translate(0,50px) ;
    transition-duration: 0.3s;}

/* -------------------- Mẫu phòng -------------------- */
.room_home {padding: 100px 0 40px 0;}
.room_home .list_room .item:nth-child(2n+1) {padding-right: 20px;}
.room_home .list_room .item:nth-child(2n+2) {padding-left: 20px;}
.room_home .list_room .item dl {border: 1px solid #e1e1e1;}
.room_home .list_room .item:nth-child(1) , .room_home .list_room .item:nth-child(2) {margin-bottom: 40px;}

.room_home .list_room .item dl dt {width: 280px; float: left;}
.room_home .list_room .item dl dd {width: calc(100% - 280px); float: left; padding: 20px 30px;}
.room_home .list_room .item:nth-child(3) dl dt , .room_home .list_room .item:nth-child(4) dl dt {float: right;}
.room_home .list_room .item:nth-child(3) dl dd , .room_home .list_room .item:nth-child(4) dl dd {text-align: right;}

.room_home .list_room .item dl dt figure img {width: 100%; height: 260px;}
.room_home .list_room .item dl dt figure {position: relative;margin: 0;}
.room_home .list_room .item dl dt figure::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;}
.room_home .list_room .item dl dt figure:hover::before {-webkit-animation: circle .75s;animation: circle .75s;}
@-webkit-keyframes circle {	0% {opacity: 1;	}	40% {opacity: 1;}	100% {width: 200%;height: 200%;	opacity: 0;	}}
@keyframes circle {	0% {opacity: 1;	}	40% {opacity: 1;}  100% {width: 200%;height: 200%;opacity: 0;}}

.room_home .list_room .item dl dd h3 a {font-size: 30px;
	font-family: "UTM TimesBold",sans-serif;
	color: #ac8b48;
	text-decoration: none;
	text-transform: uppercase;}
.room_home .list_room .item dl dd h3 {padding-bottom: 15px;}
.room_home .list_room .item dl dd h3 a span {font-size: 20px;display: block;}
.room_home .list_room .item dl dd p:nth-child(2):before { content: open-quote;}
.room_home .list_room .item dl dd p:nth-child(2):after { content: close-quote;}
.room_home .list_room .item dl dd p:nth-child(2) {font-style: italic;
	padding-bottom: 15px;
	border-bottom: 1px solid #ebebeb;}
.room_home .list_room .item dl dd p:nth-child(3) {padding-top: 15px;
    line-height: 25px;
    height: 90px;
    overflow: hidden;}

/* -------------------- Đối tác -------------------- */
.partner_home {position: relative;
    z-index: 2;}
.partner_home .comment_home #customer_flex .nbs-flexisel-item {padding: 25px 0; text-align: center;}
.partner_home .comment_home #customer_flex .nbs-flexisel-item img {height: 110px;}
/* điều hướng slide album đối tác */
.comment_home .nbs-flexisel-nav-left {
    width: 40px;
    height: 40px; 
    position: absolute;
    cursor: pointer;
    z-index: 100;
    /*top: auto !important;*/
    bottom: 0;
    left: 30px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;}
.comment_home .nbs-flexisel-nav-right {
    width: 40px;
    height: 40px; 
    position: absolute;
    cursor: pointer;
    z-index: 100;
    /*top: auto !important;*/
    bottom: 0;
    right: 5px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;}
.comment_home .nbs-flexisel-nav-left {margin-left: -25px;
    background: rgba(22,22,22,.1) url(../images/left_arrow.png) center center no-repeat;
    transition: all .3s;}
.comment_home .nbs-flexisel-nav-right {margin-left: 5px;
    background: rgba(22,22,22,.1) url(../images/right_arrow.png) center center no-repeat;
    transition: all .3s;
    -webkit-transition: all .3s;}
.comment_home .nbs-flexisel-nav-left:hover {
	background: #F46A8B url(../images/left_arrow.png) center center no-repeat;}
.comment_home .nbs-flexisel-nav-right:hover {
	background: #F46A8B url(../images/right_arrow.png) center center no-repeat;} 

/* -------------------- Chân site -------------------- */
.top_footer {padding: 40px 0;
	color: #F46A8B;
	margin-bottom: 0;
	/*margin-top: -50px;
    padding-top: 90px;*/
    position: relative;
    z-index: 1;}
.top_footer .cot > h3 {font-size: 20px;
	font-family: "UTM Swiss Condensed Bold",sans-serif;
	margin-bottom: 30px;
	text-transform: uppercase;
	color: #F46A8B;}
.top_footer .cot > h3::before {
	position: absolute;
    top: 30px;
    left: 0;
    content: "";
    width: 40px;
    border-top: 3px solid #6d8a8e;}

.top_footer .address p {line-height: 30px;}
.top_footer .address p i {font-size: 16px;
    width: 25px;}
.top_footer .address p:nth-child(2)::before {content: "\f041";
	font-family: FontAwesome;
	color: #EC1F30;
	font-size: 20px;
	margin-right: 15px;} 
.top_footer .address p:nth-child(3)::before {content: "\f095";
	font-family: FontAwesome;
	color: #EC1F30;
	font-size: 15px;
	margin-right: 15px;}
.top_footer .address p:nth-child(4)::before {content: "\f1ac";
	font-family: FontAwesome;
	color: #EC1F30;
	font-size: 14px;
	margin-right: 15px;}
.top_footer .address p:nth-child(5)::before {content: "\f0e0";
	font-family: FontAwesome;
	color: #EC1F30;
	font-size: 15px;
	margin-right: 15px;}
.top_footer .address p:nth-child(6)::before {/*content: "\f0ac";
	font-family: FontAwesome;
	color: #EC1F30;
	font-size: 15px;
	margin-right: 15px;*/}


.top_footer .menu_footer ul li {line-height: 30px;}
.top_footer .menu_footer ul li a {color: #F46A8B;}
.top_footer .menu_footer ul li a:hover {color: #F46A8B;}

.top_footer #mapcont {
    height: 130px;
    margin-bottom: 0;}
.bottom_page {background: #F46A8B;}
.bottom_page .item p {font-family: "UTM Swiss Condensed Bold" ,sans-serif;
    line-height: 25px;
    padding: 15px 0;
    text-transform: uppercase;}
.bottom_page .go-top img {padding: 10px 0;}

/* -------------------- Cac kich thuoc man hinh -------------------- */
@media screen and (max-width: 1200px) and (min-width: 992px) {
	.menu_top .menu>ul>li>a {padding: 0 10px;}
	.top_page , .link_home , .intro , .appli , .partner_home , .top_footer , .bottom_page {padding-left: 10px; padding-right: 10px;}
	.top_page .right {float: right;}
	.appli .content .nbs-flexisel-nav-left {left: 25px;}
	.appli .content .nbs-flexisel-nav-right {right: 0;}
}
@media screen and (max-width: 991px) and (min-width: 768px) {
	.top_page .right {float: right;}
	.menu>ul>li>a {padding: 0 10px;}

	.room_home {padding-top: 40px;}
	.room_home .list_room .item dl dt , .room_home .list_room .item dl dd {width: 100%;}
	.room_home .list_room .item dl dd {padding: 15px;}

	.subbox {padding: 0 0 0 30px;}

	.appli .content .nbs-flexisel-nav-left {left: 25px;}
	.appli .content .nbs-flexisel-nav-right {right: 0;}
}

@media screen and (max-width: 991px) {
	.top_page , .link_home , .intro , .appli , .top_footer {padding-left: 10px; padding-right: 10px;}
}

@media screen and (max-width: 767px) and (min-width: 512px) {
	.link_home .list_link .item:nth-child(2n+1) {width: 48%; margin-right: 2%; margin-left: 0;}
	.link_home .list_link .item:nth-child(2n+2) {width: 48%; margin-left: 2%; margin-right: 0;}
	
	.appli .content .nbs-flexisel-nav-left {top: unset !important;
		bottom: -50px;
    	left: 40%;
    	background-color: #EC1F30 !important;}
    .appli .content .nbs-flexisel-nav-right {top: unset !important;
		bottom: -50px;
    	right: calc(40% - 25px);
    	background-color: #EC1F30 !important;}

    .intro .right img { padding: 30px;}

	/*.intro .container-vina .row {margin-top: 0;
	padding: 30px 10px !important}
	.intro .left {padding-right: 0px;
	padding-bottom: 20px;}
	.intro .right {padding-left: 0px;}
	.intro .right>div { padding: 15px;}

	.project { padding: 20px 0 40px 0;}
	.project .listnews {padding: 0 10px;}
	.project .listnews .item {width: 50%;}

	.profile .row {padding: 30px 10px;}
	.profile .left {padding-right: 0;}
	.profile .right>div {margin-top: 20px;
	padding: 30px 20px;}
	.profile .left>div {padding: 30px 20px;
	bottom: 0;}

	.new_home .row .item {margin-bottom: 15px;}*/

}

@media screen and (max-width: 767px) {
	.appli .title h2 {text-align: center;
    margin-top: 0;
    margin-bottom: 20px;}

	.logo_mobile {text-align: center;
    	margin: 0 auto;}
    .logo_mobile img {height: 110px;}
	.link_home .list_link .item {padding: 0 !important;}

	.intro .right , .intro .left {padding: 0 !important;}
	.intro .right {margin-top: 30px;}

	.intro .left .content { padding: 10px 0 20px 0;}

	.top_footer .row .cot {margin-top: 20px;}
	.bottom_page .go-top img {
    position: fixed;
    bottom: 0;
    right: 0;}

    .brief_ppage .right_p {padding-left: 0 !important;}
    .center_L
    {
        width:100% !important;
        padding-bottom:2%;
    }
     .center_R
    {
        width:100% !important;
        padding:0PX !important;
    }

}

@media screen and (max-width: 511px) {
	.link_home .list_link .item {width: 100%; margin: 0 0 10px 0 !important;}
    .listproduct .item dl dt a {height: unset;}
    .link_home .list_link li dl dt img
    {
        height:auto !important;
    }
    #aleft
    {
        width:100% !important;
        padding-bottom:2% !important;
    }
    #aright
    {
        width:100% !important;
        padding:0px !important;
    }
    .center_L
    {
        width:100% !important;
        padding-bottom:2%;
    }
     .center_R
    {
        width:100% !important;
        padding:0PX !important;
    }
}

@media screen and (max-width: 511px) and (min-width: 320px) {
	
	.intro .container-vina .row {margin-top: 0;
	padding: 30px 10px !important}
	.intro .left {padding-right: 0px;
	padding-bottom: 20px;}
	.intro .right {padding-left: 0px;}
	.intro .right>div { padding: 15px;}
    .center_L
    {
        width:100% !important;
        padding-bottom:2%;
    }
     .center_R
    {
        width:100% !important;
        padding:0PX !important;
    }
}

/* -------------------- Cac trang con -------------------- */

/* -------------------- Cột trái-------------------- */
._box > p {line-height: 40px;
	background-color: #F46A8B;
	font-family: "UTM Swiss Condensed Bold",sans-serif;
	border-left: none;
	text-transform: uppercase;
    border-bottom: 3px solid #EC1F30;}

/* -------------------- Thanh điều hướng-------------------- */
.navbar-vina>div {background: rgba(255,255,255, 0.9);
    padding: 20px;
    border-radius: 2px;}

.navbar-vina strong {
	color: #F46A8B;
	font-weight: normal;
	font-family: "UTM Swiss Condensed Bold",sans-serif;}

.navbar-vina a {color: #F46A8B;
	font-family: "UTM Swiss Condensed Bold",sans-serif;}
.navbar-vina a:hover, .navbar-vina a:last-child {
    color: #EC1F30;}

.sub_title {background: #f7f6f3;}
.navbar-vina2 {margin: 10px 0;}
.navbar-vina2 p a {color: #F46A8B;
    font-weight: bold;}
.navbar-vina2 p a:after {content: "\f101";
    font-family: FontAwesome;
    color: #F46A8B;
    font-size: 15px;
    margin-left: 5px;
    margin-right: 5px;}
.navbar-vina2 p a:hover , .navbar-vina2 p a:last-child {color: #F26522;}
.navbar-vina2 p a:last-child::after {content: "";}
   
/* -------------------- Trang tin tức-------------------- */
.content_news_page iframe {width: 100% !important;}

.subbox .title h3 {line-height: 40px;
    border-bottom: 1px solid #f7f6f3;
    
    color: #F46A8B;
    text-transform: uppercase;
    position: relative;
    font-size: 25px;}
.subbox .title h3:after {content: '';
    width: 180px;
    height: 2px;
    background: #F46A8B;
    position: absolute;
    left: 0;
    bottom: -1px;}

/* -------------------- Trang sản phẩm-------------------- */
.product .subbox .title { margin-bottom: 20px;}
.subbox .title { margin-bottom: 20px;}

.subpage .listproduct .item dl {border: none;}
.subpage .listproduct .item dl dt {border: 1px solid #d7d7d7;}
.subpage .listproduct .item dl dt:hover {
	box-shadow: 0 0 8px 0 rgba(0,0,0,.2);
	-webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,.2);
	-moz-box-shadow: 0 0 8px 0 rgba(0,0,0,.2);}
.subpage .listproduct .item dl dt a {background: none;}

.subpage .listproduct .item dl dd a {padding: 15px 0;
	height: 50px;
	font-family: 'UTM Swiss Condensed Bold', sans-serif;
	font-size: 19px;}
.subpage .listproduct .item dl:hover dd a {color: #F46A8B;}

.subpage .listproduct .item dl dd .price {font-family: 'UTM Avo', sans-serif;
	font-size: 15px;
	color: #EC1F30;
	text-align: center;
	padding-bottom: 10px;
	font-weight: bold;}
.subpage .listproduct .item dl dd .price span {font-family: 'UTM Avo', sans-serif; color: #000;}

.subpage .listproduct .item dl dd .brief img {width: 16px;}
.subpage .listproduct .item dl dd .brief span {width: 50%;
    float: right;
    text-align: right;
    border-left: 2px solid #ddd;
    font-style: italic;}

ul.yiiPager .selected a {
    background: #00b5a5;
    color: #fff !important;}
ul.yiiPager a:link, ul.yiiPager a:visited {
    border: solid 1px #00b5a5;
    color: #00b5a5;}