.logo{
	padding: 10px;
}
.list-banner{
	width: 100%;
	margin-bottom: 40px;
	margin-top: 87px;
	min-height: 350px;
}
h3{
	padding-bottom: 15px;
}
.list-banner .slick-slide img{
	width: 100%;
}
[class*="content-"] p,
.content p{
	font-size:  16px;
	margin-bottom: 9px;
}
.content h4{
	padding-bottom: 12px;
}
b, strong{
	font-weight: 600;
}
.list-banner .slick-prev{
	left: 0;
}
.list-banner .slick-next{
	right: 0;
}
.main-menubar nav{
	width: 100%;
    text-align: right;
    padding-top: 0;
}
.logo img{
	max-width: 140px;
	display: block;
	text-align: center;
	margin: 0 auto;
}
.top-bar{
	width: 100%;
	clear: both;
	background: #0192de;
	overflow: hidden;
	padding: 10px ;
	text-align: right;
}
.top-email {
	display: inline-block;
	padding-right: 10px;
}
.social{
	display: inline-block;
}
.social a{ display: inline-block; padding-right: 5px; }
.top-bar a{
	color: #fff;
}
.top-bar a i{
	color: #fff;
	padding-right: 5px;
}
.list-type-1 li{
	position: relative;
	margin-left: 10px;	
}
.list-type-1 li:before{
	content: "-";
	position: absolute;
	left: 0;
	top: 0;
}
.content-about{
	padding-bottom: 20px;
}
.content-image{
	padding-bottom: 15px;
}
.service-area{
	margin-top: 20px;
}
/*Title*/
.section-title{
	position: relative;
	text-align: center;
	width: 100%;
	padding-top: 80px;
	font-size: 30px;
}
.section-title:before {
    content: "";
    position: absolute;
    width: 140px;
    bottom: 0;
    left: 50%;
    margin-left: -70px;
    height: 1px;
    background: #ebebeb;
}
.btn-xem-chi-tiet{
	color: #fff;
	background: #0192de;
	width: 160px;
	border-radius: 5px;
	padding: 5px 8px;
	text-align: center;
	display: block;
}
.section-title:after {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    bottom: -11px;
    left: 50%;
    margin-left: -12px;
    border: 5px solid #fff;
    border-radius: 20px;
    background: #45aed6;
}
.bg-footer{
	background: url('../img/img-contact.jpg') no-repeat;
	background-size: cover;
	min-height: 600px;
	position: relative;
}
.bg-footer:before{
	content: "";
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	position: absolute;
	background: rgba(0, 0, 0, 0.3);
	z-index: 1;
}
.contact-information{
	background: rgba(255, 255, 255, 0.7);
	position: relative;
	z-index: 2;
	width: 400px;
	padding: 20px;
	float: right;
	margin-top: 50px;
}
footer{
	background: #01467f;
	width: 100%;
	clear: both;
	overflow: hidden;

}
footer p{
	padding: 20px 0 0;
	color: #fff;
}
#duan{
    padding-top: 80px;
}
.tieu-bieu-block .button-primary {
    color: #fff;
    background-color: #0192de;
    border-color: #0192de;
    display: block;
    padding: 15px;
    width: 200px;
    text-align: center;
    text-transform: uppercase;
    margin-top: 40px
}
.tieu-bieu-block .title-tieubieu{
    font-size: 20px;
    padding-bottom: 40px;
    display: block;
}
.tieu-bieu-block .button-primary:hover, 
.tieu-bieu-block .button-primary:focus, .tieu-bieu-block .button-primary:active, 
.tieu-bieu-block .button-primary:hover {
    color: #fff;
    background-color: #000;
    border-color: #000;
}
.img-tieu-bieu{
    max-width: 100%;
    display: block;
    padding-bottom: 40px;
}
#gioithieu .section-title{
    padding-top: 50px;
}
.tieu-bieu-block .section-title{
    padding-top: 0;
    text-align: left;
    margin-bottom: 60px;
}
.tieu-bieu-block .section-title:before{
    left: 0;
    margin-left: 0
}
.tieu-bieu-block .section-title:after{
    left: 0;
    margin-left: 56px;
}
#service{
	padding-top: 120px;
}

/*Du an tieu bieu*/
.shell-fluid {
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
}
.range {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.shell-flex .range > [class*='cell'] {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.range > .cell-lg-3 {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
}




.thumb-creative {
    position: relative;
    text-align: center;
}

@media (max-width: 767px) {
    .thumb-creative {
        max-width: 370px;
        margin-left: auto;
        margin-right: auto;
    }
}

.thumb-creative,
.thumb-creative__inner {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
}

.thumb-creative__image-wrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}

.thumb-creative__image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 101%;
    min-height: 100%;
}

.thumb-creative__front,
.thumb-creative__back {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    background: #333;
}

.thumb-creative__front {
    display: none;
}

.thumb-creative__back {
    position: relative;
    overflow: hidden;
}

.thumb-creative__back img {
    opacity: .35;
}

.thumb-creative__content {
    position: relative;
    overflow: hidden;
    z-index: 1;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    padding: 50px 40px;
    color: #fff;
    pointer-events: none;
}

.thumb-creative__content > * {
    width: 100%;
    pointer-events: auto;
}

.thumb-creative__content::before {
    content: '';
}

.thumb-creative__content h1, .thumb-creative__content h2, .thumb-creative__content h3, .thumb-creative__content h4, .thumb-creative__content h5, .thumb-creative__content h6, .thumb-creative__content .heading-1, .thumb-creative__content .heading-2, .thumb-creative__content .heading-3, .thumb-creative__content .heading-4, .thumb-creative__content .heading-5, .thumb-creative__content .heading-6 {
    line-height: 1.4;
    color: #fff;
}

.thumb-creative__content h1 a, .thumb-creative__content h2 a, .thumb-creative__content h3 a, .thumb-creative__content h4 a, .thumb-creative__content h5 a, .thumb-creative__content h6 a, .thumb-creative__content .heading-1 a, .thumb-creative__content .heading-2 a, .thumb-creative__content .heading-3 a, .thumb-creative__content .heading-4 a, .thumb-creative__content .heading-5 a, .thumb-creative__content .heading-6 a {
    color: inherit;
}

.thumb-creative__content h1 a:hover, .thumb-creative__content h2 a:hover, .thumb-creative__content h3 a:hover, .thumb-creative__content h4 a:hover, .thumb-creative__content h5 a:hover, .thumb-creative__content h6 a:hover, .thumb-creative__content .heading-1 a:hover, .thumb-creative__content .heading-2 a:hover, .thumb-creative__content .heading-3 a:hover, .thumb-creative__content .heading-4 a:hover, .thumb-creative__content .heading-5 a:hover, .thumb-creative__content .heading-6 a:hover {
    color: #f9b707;
}

.thumb-creative__content a {
    color: #f9b707;
}

.thumb-creative__content a:hover {
    color: #fff;
}

.thumb-creative__content a.button-link {
    color: #fff;
}

.thumb-creative__content a.button-link:hover {
    color: #f9b707;
}

* + .thumb-creative__title {
    margin-top: 15px;
}

@media (min-width: 480px) and (max-width: 767px) {
    .thumb-creative__content {
        padding: 30px 10px;
    }
    .thumb-creative__content .button-link {
        font-size: 12px;
    }
}

@media (min-width: 768px) {
    * + .thumb-creative__title {
        margin-top: 22px;
    }
}

@media (min-width: 992px) {
    .thumb-creative__content {
        min-height: 300px;
    }
    .ie-10 .thumb-creative__back .thumb-creative__content,
    .ie-11 .thumb-creative__back .thumb-creative__content {
        display: table-cell;
        vertical-align: middle;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .thumb-creative__content {
        padding: 25px 30px;
        font-size: 14px;
        line-height: 1.5;
    }
}

@media (min-width: 992px) {
    .desktop .thumb-creative:hover .thumb-creative__front {
        transform: rotateY(-180deg);
    }
    .desktop .thumb-creative:hover .thumb-creative__back {
        transform: rotateY(0deg);
    }
    .desktop .thumb-creative__content {
        transform: translateZ(60px);
        transition: all 0.4s ease-out;
    }
    .desktop .thumb-creative__inner {
        position: relative;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-perspective: 1000px;
        perspective: 1000px;
    }
    .desktop .thumb-creative__front,
    .desktop .thumb-creative__back {
        overflow: visible;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
        transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
    }
    .desktop .thumb-creative__front {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        transform: rotateY(0deg);
        z-index: 1;
    }
    .desktop .thumb-creative__front .thumb-creative__image {
        opacity: .35;
    }
    .desktop .thumb-creative__front .thumb-creative__content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
    }
    .desktop .thumb-creative__front .thumb-creative__content > * {
        opacity: 1;
    }
    .desktop .thumb-creative_no-cover .thumb-creative__front .thumb-creative__image {
        opacity: 1;
    }
    .desktop .thumb-creative__back {
        transform: rotateY(180deg);
        opacity: 1;
    }
    .desktop .thumb-creative__back .thumb-creative__image {
        opacity: .05;
    }
}

.ie-11 .thumb-creative__front,
.ie-11 .thumb-creative__back {
    transform: none;
    transition: .25s;
}

.ie-11 .thumb-creative__front {
    opacity: 1;
    visibility: visible;
}

.ie-11 .thumb-creative__content {
    z-index: 0;
}

.ie-11 .thumb-creative:hover .thumb-creative__front,
.ie-11 .thumb-creative:hover .thumb-creative__back {
    transform: none;
}

.ie-11 .thumb-creative:hover .thumb-creative__front {
    opacity: 0;
    visibility: hidden;
}

@media (min-width: 1200px) and (max-width: 1599px) {
    .thumb-creative__content {
        min-height: 270px;
    }
    .thumb-creative__back .thumb-creative__content p {
        display: none;
    }
    .thumb-creative__back .thumb-creative__content a.button-link {
        font-size: 12px;
    }
}

@media (min-width: 1600px) {
    .thumb-creative .thumb-creative__content {
        min-height: 360px;
    }
}