@font-face {

    font-family: 'Muli-Black';

    src: url('fonts/Muli-Black.eot');

    src: url('fonts/Muli-Black.eot%3F') format('embedded-opentype'),url('fonts/Muli-Black.woff2') format('woff2'),url('fonts/Muli-Black.woff') format('woff'),url('fonts/Muli-Black.ttf') format('truetype'),url('fonts/Muli-Black.svg') format('svg');

    font-weight: 900;

    font-style: normal;

}



@font-face {

    font-family: 'Muli-Regular';

    src: url('fonts/Muli-Regular.eot');

    src: url('fonts/Muli-Regular.eot%3F') format('embedded-opentype'),url('fonts/Muli-Regular.woff2') format('woff2'),url('fonts/Muli-Regular.woff') format('woff'),url('fonts/Muli-Regular.ttf') format('truetype'),url('fonts/Muli-Regular.svg') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'Muli-Bold';

    src: url('fonts/Muli-Bold.eot');

    src: url('fonts/Muli-Bold.eot%3F') format('embedded-opentype'),url('fonts/Muli-Bold.woff2') format('woff2'),url('fonts/Muli-Bold.woff') format('woff'),url('fonts/Muli-Bold.ttf') format('truetype'),url('fonts/Muli-Bold.svg') format('svg');

    font-weight: bold;

    font-style: normal;

}



@font-face {

    font-family: 'Muli-Light';

    src: url('fonts/Muli-Light.eot');

    src: url('fonts/Muli-Light.eot%3F') format('embedded-opentype'),url('fonts/Muli-Light.woff2') format('woff2'),url('fonts/Muli-Light.woff') format('woff'),url('fonts/Muli-Light.ttf') format('truetype'),url('fonts/Muli-Light.svg') format('svg');

    font-weight: 300;

    font-style: normal;

}



@font-face {

    font-family: 'Muli-SemiBold';

    src: url('fonts/Muli-SemiBold.eot');

    src: url('fonts/Muli-SemiBold.eot%3F') format('embedded-opentype'),url('fonts/Muli-SemiBold.woff2') format('woff2'),url('fonts/Muli-SemiBold.woff') format('woff'),url('fonts/Muli-SemiBold.ttf') format('truetype'),url('fonts/Muli-SemiBold.svg') format('svg');

    font-weight: 600;

    font-style: normal;

}



@font-face {

    font-family: 'Noteworthy';

    src: url('fonts/Noteworthy-Light.eot');

    src: url('fonts/Noteworthy-Light.eot%3F') format('embedded-opentype'),url('fonts/Noteworthy-Light.woff2') format('woff2'),url('fonts/Noteworthy-Light.woff') format('woff'),url('fonts/Noteworthy-Light.ttf') format('truetype'),url('fonts/Noteworthy-Light.svg') format('svg');

    font-weight: 300;

    font-style: normal;

}



body {

    font-size: 16px;

    color: #333333;

    font-family: 'Muli-Regular';

    

}



html, div, blockquote, p, pre, ol, dl, dt, dd, form, a, input, fieldset {

    border: none;

    color: #333333;

    line-height: 1.5;

    font-family: 'Muli-Regular';

    font-size: 16px;

    line-height: 1.6;

}



h1, h2, h3, h4, h5, h6, strong {

    font-family: 'Muli-Bold';

    font-size: 40px;

    color: #000;

}



big {

    font-family: 'Muli-Bold';

    line-height: 1;

}



input:focus {

    outline: 0;

    text-decoration: none;

}



a {

    color: #e0b457;

    -webkit-transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

    -ms-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

}



header {

    -webkit-transition: all .25s ease-in-out;

    -moz-transition: all .25s ease-in-out;

    -ms-transition: all .25s ease-in-out;

    -o-transition: all .25s ease-in-out;

    transition: all .25s ease-in-out;

}

section.animatedParent {       

    overflow:hidden  

}                           



a:hover, a:focus, a:active {

    text-decoration: none;

}

/*QTIP*/

/*QTIP*/

.qtip-default.qtip-custom3{



background: #1a68ad;

top: 84% !important;

max-width: 300px;

min-height: 200px;

height:auto;

right: 13% !important;

left: unset !important;

}

.qtip-default.qtip-custom3 .qtip-content{color:#fff;padding: 15px;}





.gutter-10 {

    margin-left: -10px;

    margin-right: -10px;

}



    .gutter-10 > [class*='col-'] {

        padding-right: 10px;

        padding-left: 10px;

    }



.gutter-5 {

    margin-left: -5px;

    margin-right: -5px;

}



    .gutter-5 > [class*='col-'] {

        padding-right: 5px;

        padding-left: 5px;

    }



.gutter-2 {

    margin-left: -2px;

    margin-right: -2px;

}



    .gutter-2 > [class*='col-'] {

        padding-right: 2px;

        padding-left: 2px;

    }



.gutter-0 {

    margin-left: 0;

    margin-right: 0;

}



    .gutter-0 > [class*='col-'] {

        padding-right: 0;

        padding-left: 0;

    }



.relative {

    position: relative;

}



.col-fluid-15 > [class *= 'col-'] {

    padding-left: 15px;

    padding-right: 15px;

}



.col-fluid-10 > [class *= 'col-'] {

    padding-left: 10px;

    padding-right: 10px;

}



.col-fluid-5 > [class *= 'col-'] {

    padding-left: 5px;

    padding-right: 5px;

}



.col-fluid-0 > [class *= 'col-'] {

    padding-left: 0;

    padding-right: 0;

}



@supports ((background-clip:text) or (-webkit-background-clip:text)) and ((text-fill-color:transparent) or (-webkit-text-fill-color:transparent)) {

}



.title-4 {

    font-size: 30px;

    margin-top: 10px;

}



.delay-100 {

    -webkit-animation-delay: 0.1s;

    -moz-animation-delay: 0.1s;

    -o-animation-delay: 0.1s;

    animation-delay: 0.1s;

}



.delay-200 {

    -webkit-animation-delay: 0.2s;

    -moz-animation-delay: 0.2s;

    -o-animation-delay: 0.2s;

    animation-delay: 0.2s;

}



.delay-300 {

    -webkit-animation-delay: 0.3s;

    -moz-animation-delay: 0.3s;

    -o-animation-delay: 0.3s;

    animation-delay: 0.3s;

}



.delay-400 {

    -webkit-animation-delay: 0.4s;

    -moz-animation-delay: 0.4s;

    -o-animation-delay: 0.4s;

    animation-delay: 0.4s;

}



.delay-500 {

    -webkit-animation-delay: 0.5s;

    -moz-animation-delay: 0.5s;

    -o-animation-delay: 0.5s;

    animation-delay: 0.5s;

}



.delay-600 {

    -webkit-animation-delay: 0.6s;

    -moz-animation-delay: 0.6s;

    -o-animation-delay: 0.6s;

    animation-delay: 0.6s;

}



.delay-700 {

    -webkit-animation-delay: 0.7s;

    -moz-animation-delay: 0.7s;

    -o-animation-delay: 0.7s;

    animation-delay: 0.7s;

}



.delay-800 {

    -webkit-animation-delay: 0.8s;

    -moz-animation-delay: 0.8s;

    -o-animation-delay: 0.8s;

    animation-delay: 0.8s;

}



.delay-900 {

    -webkit-animation-delay: 0.9s;

    -moz-animation-delay: 0.9s;

    -o-animation-delay: 0.9s;

    animation-delay: 0.9s;

}



.delay-1000 {

    -webkit-animation-delay: 1s;

    -moz-animation-delay: 1s;

    -o-animation-delay: 1s;

    animation-delay: 1s;

}



@-webkit-keyframes fadeOutDownShort {

    0% {

        opacity: 1;

        -webkit-transform: translateY(0);

    }



    100% {

        opacity: 0;

        -webkit-transform: translateY(-40px);

    }

}



@keyframes fadeOutDownShort {

    0% {

        opacity: 1;

        transform: translateY(0);

    }



    100% {

        opacity: 0;

        transform: translateY(-40px);

    }

}

/*.phone-contact .dong-mo{  

      left: 100%;

    width:0%;

    right: 0;

    bottom: 0;

    top: 0;

    overflow: hidden;

    transition: all cubic-bezier(.77,0,.175,1) .5s;display:inline-block}

.phone-contact .dong-mo.active{left:0;  width:100%}*/

i.fa.fa-heart {

    font-size: 13px;

    padding: 0 5px;

}



body {

    overflow-x: hidden;

    -webkit-overflow-x: hidden;

}



.fadeOutDownShort {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0);

}



    .fadeOutDownShort.go {

        -webkit-animation-name: fadeOutDownShort;

        animation-name: fadeOutDownShort;

    }



a#gotop {

    background: url(https://carillon.tqdesign.vn/template/tint/images/go-top.png) no-repeat center;

    display: block;

    position: fixed;

    width: 58px;

    height: 52px;

    z-index: 5555;

    background-size: 58px;

    float: right;

    right: 0;

    bottom: 0;

}



    a#gotop:hover {

        transform: scale(1.3);

        transition: all ease 0.8s;

    }



a#menu:hover img {

    transform: rotate(375deg) scale(1.3);

    transition: all ease 0.8s;

}



header {

    position: absolute;

    width: 100%;

    z-index: 999;

}



.breadcrumb {

    padding: 8px 20px;

    position: absolute;

    z-index: 6;

    left: 50%;

    transform: translateX(-50%);

    background-color: #30a4dc;

    color: #fff;

    z-index: 29;

}



.breadcrumb-content {

    padding: 0 10px;

    color: #fff;

}



.breadcrumb a {

    color: #fff;

}



    .breadcrumb a:hover {

        color: #fbad47;

    }



.logo a {

    background: url(../images/logo.png) no-repeat;

    width: 241px;

    height: 90px;

    display: block;

    background-size: contain;

    padding-top: 70px;

}



header.sticky .logo a {

    width: 190px;

    height: 71px;

}



.logo {

    position: absolute;

    left: 30px;

    top: 15px;

    z-index: 999999999999;

    display: inline-block;

    transition: all 0.3s ease-out 0s;

    -webkit-transition: all 0.3s ease-out 0s;

    -moz-transition: all 0.3s ease-out 0s;

    -ms-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

}



.phone-contact {

    display: inline-block;

    bottom: 30px;

    position: fixed;

    right: 60px;

}



    .phone-contact strong {

        font-size: 35px;

        padding-left: 10px;

        color: #00aeef;

        vertical-align: middle;

    }



.btn-res {

    position: fixed;

    bottom: 30px;

    left: 30px;

    z-index: 88;

    width: 150px;

}



#main-menu .bg-nenden {

    position: absolute;

    left: 0;

    height: 100%;

    width: calc(100% - 464px);

    max-width: 100%;

    background: #fff;

    color: #fff;

    opacity: 0;

}



#main-menu {

    position: fixed;

    z-index: 9999999999;

    left: 100%;

    right: 0;

    bottom: 0;

    top: 0;

    background: rgba(0,0,0,0.6);

    overflow: hidden;

    transition: all cubic-bezier(.77,0,.175,1) .5s;

}



    #main-menu.open {

        left: 0;

    }



    #main-menu .menu-container {

        position: absolute;

        overflow: hidden;

        right: 0;

        height: 100%;

        width: 464px;

        max-width: 100%;

        background: rgba(7,44,78,0.8);

        color: #fff;

        padding: 30px 0 30px 0;

    }



    #main-menu .top-menu {

        overflow: auto;

        margin-bottom: 10px;

        padding: 0 20px 0 20px;

        margin-top: 0;

        text-align: center;

    }



    #main-menu .button-close {

        width: 30px;

        height: 30px;

        overflow: hidden;

        cursor: pointer;

        position: absolute;

        right: 44px;

    }



        #main-menu .button-close:before, #main-menu .button-close:after {

            position: absolute;

            left: -12px;

            right: -12px;

            bottom: 13px;

            top: 15px;

            content: "";

            background: #fff;

            transition: all .5s ease;

            -webkit-transition: all .5s ease;

        }



        #main-menu .button-close:before {

            transform: rotate(45deg);

            -webkit-transform: rotate(45deg);

        }



        #main-menu .button-close:after {

            transform: rotate(-45deg);

            -webkit-transform: rotate(-45deg);

        }



        #main-menu .button-close:hover:before {

            transform: rotate(0deg);

            -webkit-transform: rotate(0deg);

        }



        #main-menu .button-close:hover:after {

            bottom: 3px;

            top: 3px;

            left: 4px;

            right: 4px;

            background: transparent;

            border-bottom: 2px solid #fff;

            border-right: 2px solid #fff;

        }



    #main-menu .scroll-responsive {

        padding: 0;

    }



    #main-menu ul.list-item {

        list-style-type: none;

        padding: 0;

        margin-bottom: 20px;

        position: relative;

        z-index: 8;

        margin-top: 280px;

        color: #fff;

        font-size: 24px;

    }



        #main-menu ul.list-item li a {

            color: #fff;

            font-size: 24px;

            text-transform: uppercase;

            margin-left: 30px;

            padding: 5px 5px;

            display: block;

            z-index: 5;

            position: relative;

        }



        #main-menu ul.list-item ul {

            padding: 0;

            background: transparent;

        }



    #main-menu ul.dropdown {

        margin-left: -25px;

    }



    #main-menu ul.list-item ul li {

        border: 0;

        position: relative;

        padding-left: 20px;

        -webkit-transition: all .5s ease;

        transition: all .5s ease;

    }



        #main-menu ul.list-item ul li a {

            font-size: 14px;

            display: inline-block;

            text-transform: uppercase;

        }



    #main-menu ul.list-item ul ul li a {

        font-size: 16px;

        text-transform: none;

    }



    #main-menu li a {

        display: block;

        color: #ddd;

        text-decoration: none;

        padding: 10px 0 10px 11px;

    }



    #main-menu i.fa-angle-right {

        font-size: 12px;

        color: #fff;

        display: inline-block;

        transform: translateX(40px);

        z-index: 2;

        padding-right: 15px;

        position: relative;

    }



    #main-menu ul.list-item li ul.dropdown a, #main-menu ul.list-item li ul.dropdown a span {

        position: relative;

        z-index: 4;

    }



    #main-menu ul.list-item li.li-big.active {

        -webkit-transition: all .4s ease-in-out;

        -moz-transition: all .4s ease-in-out;

        -ms-transition: all .4s ease-in-out;

        -o-transition: all .4s ease-in-out;

        transition: all .4s ease-in-out;

        color: #00aeef;

    }



    #main-menu ul.list-item li:hover a, #main-menu ul.list-item li.active > a {

        color: #00aeef;

    }



    #main-menu ul.list-item li.li-big:hover ul a, #main-menu ul.list-item li.li-big.active ul span {

        color: #fff;

    }



    #main-menu ul.list-item li.li-big:hover > ul > li.active > a, #main-menu ul.list-item li.li-big:hover > ul > li.active > i {

        color: #fff;

    }



    #main-menu ul.list-item li.li-big.active > ul > li.active > a, #main-menu ul.list-item li.li-big.active > ul > li.active > i {

        color: #00aeef;

    }



    #main-menu ul.list-item li.li-big.active:hover > ul > li.active > a, #main-menu ul.list-item li.li-big.active:hover > ul > li.active > i, #main-menu ul.list-item li.li-big.active:hover > ul > li > i, #main-menu ul.list-item li.li-big.test:hover > ul > li > i {

        color: #fff;

    }



    #main-menu > .sidebar-brand {

        height: 65px;

        font-size: 20px;

        line-height: 44px;

    }



    #main-menu .dropdown-menu {

        position: relative;

        width: 100%;

        padding: 0;

        PADDING-LEFT: 20px;

        margin: 0;

        border-radius: 0;

        border: none;

        background-color: transparent;

        box-shadow: none;

    }



    #main-menu li {

        position: relative;

        display: inline-block;

        width: 100%;

        padding: 8px 0 0 30px;

        line-height: 1.5;

        text-align: left;

    }



        #main-menu li:last-child {

            border-bottom: none;

        }



    #main-menu .bot-menu {

        left: 40px;

        right: 30px;

        position: absolute;

        bottom: 50px;

    }



.bot-menu p {

    color: #fff;

}

#section-contact {

    width: 100%;

}

#master_plan {

    background-image: url('/assets/uploads/myfiles/images/mat-bang/carillon-pc.jpg');

}

.img-plans-lage {

    margin-left: auto;

    margin-right:auto;

}

#main-menu .scroll-responsive.active .bot-menu {

    position: relative;

    left: 40px;

    z-index: 3;

    top: 10px;

    right: 0;

    width: calc(100% - 40px);

}



.button-menu * {

    transition: all ease .5s;

    -webkit-transition: all ease .5s;

}



.button-menu {

    position: fixed;

    z-index: 100;

    right: 30px;

    top: 20px;

}



    .button-menu .container-hamberger {

        padding: 10px 14px;

        border-radius: 50%;

        cursor: pointer;

    }



    .button-menu .hamberger {

        width: 34px;

        height: 22px;

        position: relative;

        overflow: hidden;

    }



        .button-menu .hamberger .icon-bar {

            width: 100%;

            height: 3px;

            background: #00aeef;

            display: block;

            position: absolute;

            left: 0;

        }



            .button-menu .hamberger .icon-bar:nth-child(1) {

                top: 0;

            }



            .button-menu .hamberger .icon-bar:nth-child(2) {

                top: 42%;

            }



            .button-menu .hamberger .icon-bar:nth-child(3) {

                bottom: 0;

            }



    .button-menu:hover .hamberger .icon-bar:nth-child(1) {

        transform: rotate(-45deg);

        left: -6px;

    }



    .button-menu:hover .hamberger .icon-bar:nth-child(2) {

        top: 50%;

    }



    .button-menu:hover .hamberger .icon-bar:nth-child(3) {

        transform: rotate(35deg);

        left: -6px;

    }



section img {

    max-width: 100%;

}



@media screen and (max-width: 1400px) {

    section.contact {

        margin-top: -175px;

        width: 100%;

    }

}

@-webkit-keyframes pulsate {

    0% {

        left: -10px;

        right: -10px;

        top: -10px;

        bottom: -10px;

        opacity: 1.0;

    }



    100% {

        left: -40px;

        right: -40px;

        top: -40px;

        bottom: -40px;

        opacity: 0;

    }

}



section.slider, section.utility {

    position: relative;

}



    section.slider ul.bx-slider, section.utility ul.bx-slider {

        padding: 0;

        margin: 0;

    }



        section.slider ul.bx-slider > li, section.utility ul.bx-slider > li {

            margin: 0;

            position: relative;

        }



            section.slider ul.bx-slider > li:after, section.utility ul.bx-slider > li:after {

                position: absolute;

                content: "";

                left: 0;

                right: 0;

                top: 0;

                bottom: 0;

            }



            section.slider ul.bx-slider > li .main-img, section.utility ul.bx-slider > li .main-img {

                background-position: center;

                max-width: 100%;

                background-size: 100% 100%;

                height: 1000px;

                background-repeat: no-repeat;

            }



    section.slider .bx-wrapper, section.utility .bx-wrapper {

        border: none;

        margin-bottom: 0;

    }



    section.slider .control {

        position: absolute;

        bottom: 0;

        left: 0;

        right: 0;

        overflow: auto;

        display: block;

        align-items: center;

    }



        section.slider .control .next-prev {

            width: 50%;

            float: left;

            background-color: rgba(255,255,255,.5);

            text-align: right;

            padding-top: 28px;

            padding-right: 25px;

            padding-bottom: 22px;

        }



            section.slider .control .next-prev a {

                font-size: 18px;

                color: #666666;

                text-decoration: none;

                display: inline-block;

                padding-left: 20px;

                padding-right: 25px;

            }



        section.slider .control .pager {

            float: left;

            width: 100%;

            padding-left: 50px;

            text-align: center;

            font-size: 48px;

            color: rgba(82,167,135,1);

            margin: 0;

            font-weight: bold;

        }



    section.slider .headline {

        position: absolute;

        text-align: right;

        left: 0;

        left: 10%;

        top: 25%;

        transform: translateY(-50%);

        -webkit-transform: translateY(-50%);

        overflow: hidden;

        pointer-events: none;

        color: #fff;

    }



        section.slider .headline .container-headline {

            width: 700px;

            display: inline-block;

            text-align: left;

            position: relative;

        }



            section.slider .headline .container-headline .line {

                position: absolute;

                top: 55px;

                right: 104%;

                height: 1px;

                background-color: #fff;

                width: 100vw;

            }



        section.slider .headline h1 {

            font-size: 90px;

            margin-top: 0;

            font-weight: normal;

            color: #fff;

            text-shadow: 1px 1px 3px #333333;

            font-family: Noteworthy;

            margin-bottom: 30px;

        }



            section.slider .headline h1 strong {

                padding-left: 100px;

                display: block;

                font-size: 90px;

                margin-top: 0;

                font-weight: normal;

                color: #fff;

                text-shadow: 1px 1px 3px #333333;

                font-family: Noteworthy;

            }



.frame-slide {

    position: absolute;

    bottom: -17px;

    left: 50%;

    transform: translateX(-50%);

}



.box-content {

    margin-top: 60px;

}



.div-anh img {

    max-width: 100%;

    display: block;

}



section.why {

    background: url(../images/bg-slidewhy.png);

    min-height: 500px;

    height: auto;

    background-size: cover;

    z-index: 6;

    margin-top: -260px;

    position: relative;

}



    section.why p, section.why h2 {

        color: #fff;

    }



    section.why h2 {

        font-family: 'Noteworthy';

        font-size: 50px;

    }



    section.why .container {

        padding: 160px 0;

    }



    section.why .noi-dung {

        padding-top: 140px;

    }



    section.why big {

        color: #fff;

        font-size: 135.77px;

        font-family: 'Noteworthy';

    }



    section.why .pull-left {

        margin-top: 170px;

    }



section.location {

    background: url(../images/bg-vitri.png);

    min-height: 500px;

    height: auto;

    background-repeat: no-repeat;

    background-size: 100% 100%;

    z-index: 7;

    margin-top: -75px;

    position: relative;

}



h2.special {

    font-family: Noteworthy;

    font-size: 45px;

    color: #0a4a7f;

}



section.location .vitri-content {

    padding-top: 160px;

}



section.location .box-content {

    width: 90%;

    padding-bottom: 15px;

}



section.location ul.list-vitri {

    padding-left: 0;

    list-style-type: none;

}



    section.location ul.list-vitri h3 {

        font-size: 18px;

    }



section.location .vi-tri-content {

    margin-top: 30px;

}



section.location ul.list-vitri li {

    padding-left: 35px;

    position: relative;

    margin: 12px 0;

}



    section.location ul.list-vitri li:before {

        content: '1';

        color: #fff;

        position: absolute;

        width: 28px;

        height: 28px;

        padding-left: 9px;

        top: 0;

        left: 0;

        background: #00aeef;

        border-radius: 80px;

    }



    section.location ul.list-vitri li:nth-child(3):before {

        content: "2";

    }



    section.location ul.list-vitri li:nth-child(4):before {

        content: "3";

    }



    section.location ul.list-vitri li:nth-child(5):before {

        content: "4";

    }



    section.location ul.list-vitri li:nth-child(6):before {

        content: "5";

    }



section.overview {

    background: url(../images/bg-tongquan.jpg);

    min-height: 1000px;

    height: auto;

    background-size: cover;

    z-index: 6;

    margin-top: -75px;

    position: relative;

}



.circle-content {

    width: 540px;

    position: absolute;

    z-index: 5;

    top: 24%;

    left: 60px;

    height: 540px;

    background: rgba(255,255,255,0.9);

    border: 9px solid #66b7de;

    border-radius: 1000px;

}



    .circle-content:after {

        bottom: -20px;

        left: 24%;

        width: 465px;

        height: 107px;

        position: absolute;

        content: "";

        z-index: 5;

        background: url(../images/frame-slide-m.png);

    }



    .circle-content h2.special {

        text-align: center;

        margin-top: 100px;

    }



section.overview .circle-content .box-content {

    padding: 0 27px;

}



section.scale {

    background: url(../images/bg-quymo.png);

    min-height: 1060px;

    height: auto;

    background-size: cover;

    z-index: 7;

    margin-top: -75px;

    position: relative;

}



    section.scale .noi-dung {

        padding-top: 130px;

    }



    section.scale img.images {

        margin-top: 30px;

    }



    section.scale ul.list-quymo {

        list-style-type: none;

        padding: 0;

    }



        section.scale ul.list-quymo li {

            padding-bottom: 20px;

        }



    section.scale .list-quymo b {

        display: block;

        margin-bottom: 10px;

    }



    section.scale img.icon-quymo {

        padding-bottom: 5px;

    }



    section.scale ul.list-quymo div.div {

        width: 48%;

        display: inline-block;

    }



section.utility {

    min-height: 1182px;

    height: auto;

    background-size: cover;

    z-index: 5;

    margin-top: -75px;

    position: relative;

}



    section.utility .circle-content {

        top: 17%;

    }



        section.utility .circle-content .box-content {

            padding: 0 45px;

            margin-top: 20px;

        }



    section.utility .control {

        position: absolute;

        top: 64%;

        right: 0;

        width: 30%;

        overflow: auto;

        display: flex;

        align-items: center;

    }



        section.utility .control .next-prev {

            width: 20%;

            float: initial;

            text-align: center;

            padding-top: 28px;

            padding-bottom: 22px;

        }



            section.utility .control .next-prev a {

                font-size: 30px;

                color: #fff;

                text-decoration: none;

                display: inline-block;

            }



        section.utility .control .pager {

            width: 19%;

            text-align: center;

            font-size: 40px;

            color: #fff;

            margin: 0;

        }



section.noithat {

    background: url(../images/bg-noithat.png);

    min-height: 1000px;

    background-size: cover;

    background-repeat: no-repeat;

    height: auto;

    z-index: 6;

    margin-top: -330px;

    position: relative;

    overflow: hidden;

}



    section.noithat .noi-dung {

        padding-top: 280px;

    }



    section.noithat p, section.noithat ul, section.noithat h2.special {

        color: #fff;

    }



    section.noithat ul {

        padding: 0;

    }



        section.noithat ul li {

            position: relative;

            list-style-type: none;

            padding-left: 30px;

        }



            section.noithat ul li:before {

                content: "\f00c";

                font-family: FontAwesome;

                font-style: normal;

                font-weight: normal;

                text-decoration: inherit;

                color: #fff;

                font-size: 16px;

                padding-right: 0.5em;

                position: absolute;

                left: 0;

            }



    section.noithat .slider-noithat {

        width: 1033px;

        height: 996px;

        background-color: rgb(48,164,220);

        margin-top: 0;

        background-repeat: no-repeat !important;

        background-size: cover;

        background: url(../images/bg-slider.png);

        position: relative;

    }



        section.noithat .slider-noithat:before {

            position: absolute;

            content: "";

            background: url(../images/line-slide2.png);

            height: 101%;

            width: 55px;

            left: -3px;

            top: 0;

            z-index: 999999;

        }



    section.noithat ul.bx-slider li:before {

        display: none;

    }



    section.noithat ul.bx-slider li {

        padding-left: 0;

    }



    section.noithat .circle-content {

        top: 17%;

    }



        section.noithat .circle-content .box-content {

            padding: 0 45px;

            margin-top: 20px;

        }



    section.noithat .control {

        position: absolute;

        bottom: 2%;

        left: -21%;

        width: 30%;

        overflow: auto;

        display: flex;

        align-items: center;

    }



        section.noithat .control .next-prev {

            width: 20%;

            float: initial;

            text-align: center;

            padding-top: 28px;

            padding-bottom: 22px;

        }



            section.noithat .control .next-prev a {

                font-size: 27px;

                color: #cccccc;

                text-decoration: none;

                display: inline-block;

            }



        section.noithat .control .pager {

            width: 25%;

            text-align: center;

            font-size: 30px;

            color: #cccccc;

            margin: 0;

        }



    section.noithat .headline {

        position: absolute;

        text-align: right;

        left: 0;

        right: 50%;

        top: 45%;

        transform: translateY(-50%);

        -webkit-transform: translateY(-50%);

        overflow: hidden;

        pointer-events: none;

        color: #fff;

    }



        section.noithat .headline .container-headline {

            width: 570px;

            display: inline-block;

            text-align: left;

            position: relative;

        }



            section.noithat .headline .container-headline .line {

                position: absolute;

                top: 55px;

                right: 104%;

                height: 1px;

                background-color: #fff;

                width: 100vw;

            }



        section.noithat .headline h1 {

            font-size: 90px;

            font-weight: 900;

            margin-top: 0;

            margin-bottom: 30px;

        }



section.noithat {

    position: relative;

}



    section.noithat ul.bx-slider {

        padding: 0;

        margin: 0;

    }



        section.noithat ul.bx-slider > li {

            margin: 0;

            position: relative;

        }



            section.noithat ul.bx-slider > li:after {

                position: absolute;

                content: "";

                left: 0;

                right: 0;

                top: 0;

                bottom: 0;

            }



            section.noithat ul.bx-slider > li .main-img {

                background-position: center;

                max-width: 100%;

                background-size: 100% 100%;

                height: 1000px;

                background-repeat: no-repeat;

            }



    section.noithat .bx-wrapper {

        border: none;

        margin-bottom: 0;

        background: transparent;

    }



section.doitac {

    background: url(../images/bg-doitac.jpg);

    min-height: 1068px;

    height: auto;

    background-size: cover;

    z-index: 5;

    margin-top: -60px;

    position: relative;

    overflow: hidden;

}



    section.doitac .noi-dung {

        padding-top: 120px;

        text-align: justify;

    }



        section.doitac .noi-dung a {

            text-align: center;

            display: block;

            margin: 50px 0 0 0;

        }



.rc-anchor-light.rc-anchor-normal, iframe {

    border-top-left-radius: 45px !important;

    border-bottom-left-radius: 45px !important;

}



section.contact .captcha {

    transform: translateX(2px);

}



section.contact input, section.contact textarea {

    color: #fff;

}



section.contact ::-webkit-input-placeholder {

    color: #fff;

}



section.contact ::-moz-placeholder {

    color: #fff;

}



section.contact :-ms-input-placeholder {

    color: #fff;

}



section.contact :-moz-placeholder {

    color: #fff;

}



section.contact {

    background: url(../images/bg-contact.png);

    min-height: 525px;

    height: auto;

    background-size: 100% 100%;

    z-index: 22;

    background-position: center;

    margin-top: -235px;

    position: relative;

}



    section.contact .noi-dung {

        padding-top: 250px;

    }



    section.contact p, section.contact a {

        color: #fff;

        font-size: 24px;

    }



    section.contact .form-contact input {

        border-bottom: 1px solid #000;

    }



    section.contact .form-contact input, section.contact .form-contact textarea {

        width: 100%;

        margin-bottom: 10px;

        background: none;

        border-bottom: 1px solid #fff;

        padding: 10px 18px 8px 10px;

        outline: none;

    }



    section.contact .form-contact {

        margin-bottom: 80px;

    }



    section.contact .form-contact-input {

        padding: 30px 0;

    }



    section.contact .form-contact textarea {

        border: none;

        border-bottom: 1px solid #fff;

        margin-top: 20px;

        height: 50px;

    }



    section.contact .form-contact::-webkit-input-placeholder {

        color: #fff;

    }



    section.contact .form-contact::-moz-placeholder {

        color: #fff;

    }



    section.contact .form-contact:-ms-input-placeholder {

        color: #fff;

    }



    section.contact .form-contact:-moz-placeholder {

        color: #fff;

    }



    section.contact .form-submit {

        width: 75%;

        display: block;

        margin: auto;

    }



        section.contact .form-submit .bt-submit {

            background: #30a4dc;

            border-radius: 0;

            border-radius: 45px;

            width: 292px;

            font-size: 18px;

            font-family: Muli-Bold;

            top: 50%;

            color: #fff;

            padding: 24.5px;

        }



            section.contact .form-submit .bt-submit:hover {

                border: 1px solid;

                box-shadow: inset 0 0 20px rgba(255,255,255,0.5),0 0 20px rgba(255,255,255,0.2);

                outline-color: rgba(255,255,255,0);

                outline-offset: 15px;

                text-shadow: 1px 1px 2px #000;

            }



    section.contact .coppy-right p, section.contact .coppy-right a {

        font-size: 14px;

    }



    section.contact .icon-footer a {

        color: #fff;

        font-size: 20px;

        padding: 0 5px;

    }



.icon-footer {

    margin-bottom: 10px;

    transform: translateY(-5px);

}





#tong-quan .div1 {

    background: url(../images/tongquan-bg1.jpg);

    min-height: 1158px;

    height: auto;

    background-size: cover;

    z-index: 2;

    position: relative;

}



    #tong-quan .div1 .circle-content .box-content {

        padding: 0 43px;

        margin-top: 35px;

    }



    #tong-quan .div1 .circle-content {

        float: right;

        position: relative;

        margin-top: 245px;

    }



#tong-quan .div2 {

    background: url(../images/tongquan-bg2.png);

    min-height: 555px;

    height: auto;

    margin-top: -180px;

    background-size: cover;

    z-index: 4;

    position: relative;

}



    #tong-quan .div2 b, #tong-quan .div2 p {

        display: block;

        text-align: center;

    }



    #tong-quan .div2 .list-div2 {

        padding: 100px 0;

    }



        #tong-quan .div2 .list-div2 img {

            padding-bottom: 10px;

        }



        #tong-quan .div2 .list-div2 .row:first-child {

            padding-bottom: 70px;

        }



    #tong-quan .div2 img.icon-quymo {

        margin: auto;

    }



#tong-quan .div3 {

    background: url(../images/tongquan-bg3.jpg);

    min-height: 1292px;

    height: auto;

    margin-top: -180px;

    background-size: cover;

    z-index: 3;

    position: relative;

}



    #tong-quan .div3 .circle-content .box-content {

        padding: 0 27px;

    }



#tong-quan {

    background: url(../images/bg-chudautu.png);

    min-height: 900px;

    background-position: top center;

    z-index: 20;

    position: relative;

}



    #tong-quan .chudautu {

        padding-top: 85px;

        margin-top: -70px;

    }



        #tong-quan .chudautu img {

            margin: auto;

        }



.banner {

    background: url(../images/banner-news.jpg);

    min-height: 290px;

    height: auto;

    background-size: cover !important;

    z-index: 20;

    position: relative;

}



#news {

    background: url(../images/bg-foor.png);

    min-height: 290px;

    margin-top: -60px;

    z-index: 20;

    position: relative;

}



    #news a {

        text-decoration: none;

    }



    #news .content-news {

        padding: 80px 0 150px 0;

    }



    #news .noi-dung {

        text-align: justify;

    }



.circle-news {

    width: 412px;

    height: 412px;

    position: relative;

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

    float: left;

    border-radius: 500px;

    overflow: hidden;

}



#news section.contact {

    margin-top: -75px;

}



.circle-news:before {

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    top: 0;

    content: "";

    z-index: 1;

    border-radius: 500px;

    border: 8px solid rgba(10,74,127,0.7);

}



.img-news {

    width: 412px;

    height: 412px;

    margin-bottom: 50px;

    position: relative;

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

    float: left;

}



#news h2 {

    font-size: 17px;

    line-height: 1.2;

}



.news-home a {

    font-family: Muli-Light;

    text-decoration: underline;

    color: #000;

}



.news-home .noi-dung {

    margin-top: 100px;

}



span.date {

    display: block;

    color: #30a4dc;

    padding: 0 0 10px 0;

}



#news ul.phan-trang {

    margin-top: 40px;

}



    #news ul.phan-trang a {

        padding: 0 8px;

        font-size: 16px;

        font-weight: bold;

    }



        #news ul.phan-trang a.current {

            color: #0a4a7f;

            text-decoration: underline;

        }



.pFirst, .pLast, .pPrev, .pNext {

    display: none;

}



#news.news-detail h2.post-title {

    color: #30a4dc;

    font-size: 24px;

    margin-bottom: 30px;

}



#news span.date-time {

    color: #999999;

}



#news.news-detail #divShortdesc {

    font-weight: bold;

    margin: 25px 0;

}



#news.news-detail #divPostContent > div {

    margin: 12.5px 0;

}



#news img {

    max-width: 100%;

    display: block;

    margin: auto;

}



#news.news-detail img {

    height: auto !important;

}



#news.news-detail div.small-title {

    color: #333333; /*font-weight:bold*/

}



#news.news-detail ul.social {

    padding-left: 0;

    list-style-type: none;

    margin-bottom: 30px;

    padding-bottom: 30px;

    border-bottom: 1px solid #dbdbdb;

}



    #news.news-detail ul.social li {

        display: inline-block;

        margin-right: 5px;

    }



        #news.news-detail ul.social li a {

            transition: all ease .4s;

            -webkit-transition: all ease .4s;

            display: block;

            color: #fff;

            font-size: 12px;

            padding: 3px 7px;

            background-color: red;

            border-radius: 4px;

        }



            #news.news-detail ul.social li a.facebook {

                background-color: #236acc;

            }



            #news.news-detail ul.social li a.tweet {

                background-color: #0196e5;

            }



            #news.news-detail ul.social li a.google {

                background-color: #e72b25;

            }



            #news.news-detail ul.social li a.facebook:hover {

                background-color: #1d54a0;

            }



            #news.news-detail ul.social li a.tweet:hover {

                background-color: #0070ab;

            }



            #news.news-detail ul.social li a.google:hover {

                background-color: #b5211c;

            }



#news.news-detail h3.title-other {

    color: #0a4a7f;

    font-size: 23px;

    margin-bottom: 25px;

}



#news.news-detail li {

    list-style-type: none;

}



    #news.news-detail li a {

        color: #333333;

    }



        #news.news-detail li a:hover, #news.news-detail li:hover i {

            color: #0070ab;

        }



#location {

    background: url(../images/bg-location.jpg);

    min-height: 290px;

    background-size: 100% 100%;

    background-position: center center;

    z-index: 20;

}



    #location .div1 {

        padding: 90px 0 260px 0;

    }



    #location .location-content {

        padding: 50px 0;

    }



ul {

    padding-left: 0;

}



#location ul li {

    padding-left: 0;

    list-style-type: none;

    padding: 5px 0;

    line-height: 1.5;

}



    #location ul li:before {

        content: "• ";

        color: #1d86c8;

    }



#location .box-content {

    margin-top: 40px;

}



#tien-ich .div1 {

    background: url(../images/tienich-bg1.jpg);

    min-height: 1000px;

    height: auto;

    background-size: cover;

    z-index: 1;

    position: relative;

}



    #tien-ich .div1 .circle-content {

        position: relative;

        top: 220px;

        float: right;

    }



        #tien-ich .div1 .circle-content .box-content {

            padding: 0 27px;

            margin-top: 30px;

        }



#tien-ich .div2 {

    background: transparent;

    min-height: 1000px;

    height: auto;

    background-size: cover;

    z-index: 2;

    position: relative;

    overflow: hidden;

}



    #tien-ich .div2:before {

        position: absolute;

        content: "";

        top: 0;

        left: 0;

        height: 15px;

        width: 100%;

        background: #0a4a7f;

    }



#tien-ich ul.bx-slider li:before {

    display: none;

}



#tien-ich ul.bx-slider li {

    padding-left: 0;

}



#tien-ich .circle-content {

    top: 17%;

}



    #tien-ich .circle-content .box-content {

        padding: 0 45px;

        margin-top: 20px;

    }



#tien-ich .control {

    position: absolute;

    top: 50%;

    right: 0%;

    transform: translateY(-50%);

    width: 30%;

    z-index: 5;

    overflow: auto;

    display: flex;

    align-items: center;

}



#tien-ich {

    position: relative;

}



    #tien-ich ul.bx-slider {

        padding: 0;

        margin: 0;

    }



        #tien-ich ul.bx-slider > li {

            margin: 0;

            position: relative;

        }



            #tien-ich ul.bx-slider > li:after {

                position: absolute;

                content: "";

                left: 0;

                right: 0;

                top: 0;

                bottom: 0;

            }



            #tien-ich ul.bx-slider > li .main-img {

                background-position: center;

                max-width: 100%;

                background-size: 100% 100%;

                height: 1000px;

                background-repeat: no-repeat;

            }



    #tien-ich .bx-wrapper .bx-pager {

        z-index: 888888;

        top: -80px;

    }



    #tien-ich .bx-wrapper {

        border: none;

        margin-bottom: 0;

        overflow: hidden;

        margin-top: 14px;

        background: transparent;

    }



        #tien-ich .bx-wrapper .bx-pager.bx-default-pager a {

            background: #fff;

            border: 2px solid #fff;

            width: 13px;

            height: 13px;

            border-radius: 50%;

        }



            #tien-ich .bx-wrapper .bx-pager.bx-default-pager a.active, #tien-ich .bx-wrapper .bx-pager.bx-default-pager a:focus, #tien-ich .bx-wrapper .bx-pager.bx-default-pager a:hover {

                background: #48baff;

                border: 2px solid #48baff;

            }



        #tien-ich .bx-wrapper .bx-controls {

            position: absolute;

            right: 50px;

            bottom: 50%;

            transform: translateY(-50%);

            z-index: 12;

        }



        #tien-ich .bx-wrapper .bx-pager.bx-default-pager a {

            width: 16px;

            height: 16px;

            margin: 10px 0;

        }



    #tien-ich section.div2 .headline {

        position: absolute;

        text-align: right;

        left: 0;

        left: 10%;

        top: 25%;

        transform: translateY(-50%);

        -webkit-transform: translateY(-50%);

        overflow: hidden;

        pointer-events: none;

        color: #fff;

    }



        #tien-ich section.div2 .headline .container-headline2 {

            width: 570px;

            display: inline-block;

            text-align: left;

            position: relative;

        }



        #tien-ich section.div2 .headline p {

            font-size: 16px;

            margin-top: 0;

            font-weight: normal;

            color: #fff;

            text-shadow: 1px 1px 3px #333333;

            font-family: Noteworthy;

            margin-bottom: 30px;

        }



    #tien-ich section.div2 .headline {

        position: absolute;

        text-align: right;

        left: 0;

        left: 10%;

        top: 25%;

        transform: translateY(-50%);

        -webkit-transform: translateY(-50%);

        overflow: hidden;

        pointer-events: none;

        color: #fff;

    }



        #tien-ich section.div2 .headline .container-headline2 {

            width: 570px;

            display: inline-block;

            text-align: left;

            position: relative;

        }



        #tien-ich section.div2 .headline p {

            font-size: 16px;

            margin-top: 0;

            font-weight: normal;

            color: #fff;

            text-shadow: 1px 1px 3px #333333;

            font-family: Noteworthy;

            margin-bottom: 30px;

        }



.imagemapster {

    position: relative;

    z-index: 2;

}



#page-masterplan p {

    font-size: 18px;

    position: absolute;

    z-index: 3;

    color: #1a68ad;

    top: 18%;

    left: 20%;

}



.img-select {

    position: relative;

    z-index: 2;

}



#masterplan-foor {

    background: url(../images/bg-foor.png);

    min-height: 900px;

    margin-top: -60px;

    z-index: 21;

    position: relative;

}



    #masterplan-foor .content-masterplan {

        padding: 60px 0 300px 0;

    }



img.img-foor {

    display: inline-block;

}



.position-relative {

    position: relative;

}



.inline-block {

    display: inline-block;

}



#masterplan-foor section.can-ho {

    position: relative;

    padding-top: 60px;

    padding-bottom: 300px;

}



#masterplan-foor h2.special {

    margin-bottom: 50px;

}



#masterplan-foor p {

    margin-top: 20px;

}



#masterplan-foor .map-hover .img-container img {

    border-radius: 20px;

}



#masterplan-foor .map-hover .img-container {

    position: relative;

    text-align: center;

}



    #masterplan-foor .map-hover .img-container .main-img {

        transition: all ease .4s;

        -webkit-transition: all ease .4s;

    }



    #masterplan-foor .map-hover .img-container .hover-imgs {

        top: 0;

        left: 0;

        pointer-events: none;

    }



        #masterplan-foor .map-hover .img-container .hover-imgs img {

            opacity: 0;

            transition: all ease .4s;

            -webkit-transition: all ease .4s;

        }



    #masterplan-foor .map-hover .img-container .hover-imgs {

        top: 0;

        left: 0;

    }



#masterplan-foor .imagemapster {

    position: relative;

}



#masterplan-foor .map-hover .img-container .hover-imgs img {

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    right: 0;

    opacity: 0;

    pointer-events: none;

    transition: all ease .3s;

    -webkit-transition: all ease .3s;

}



    #masterplan-foor .map-hover .img-container .hover-imgs img.active {

        opacity: 1;

        background: rgba(51,51,51,0.8);

    }



.danhsach-canho {

    position: relative;

}



#masterplan-foor section.can-ho .danhsach-canho {

    top: 40%;

    position: absolute;

    right: 30px;

}



ul.list-canho3 {

    float: right;

    display: block;

    list-style-type: none;

}



    ul.list-canho3 li > * {

        transition: all ease-in-out 0.4s;

        text-decoration: none;

    }



    ul.list-canho3 li {

        float: right;

        display: block;

        width: 100%;

        text-align: right;

        position: relative;

        padding-right: 20px;

    }



        ul.list-canho3 li a {

            line-height: 2.5;

        }



            ul.list-canho3 li a:before {

                content: "";

                top: 13px;

                right: 0;

                width: 16px;

                height: 16px;

                border-radius: 50px;

                background: #999999;

                position: absolute;

            }



            ul.list-canho3 li a:hover, ul.list-canho3 li.active a {

                color: #48baff;

            }



                ul.list-canho3 li.active a:before, ul.list-canho3 li a:hover:before {

                    background: #48baff;

                    transition: all ease-in-out 0.2s;

                }



        ul.list-canho3 li.active a {

            color: #48baff;

        }



ul.list-canho {

    float: right;

    display: block;

    list-style-type: none;

}



    ul.list-canho li > * {

        transition: all ease-in-out 0.4s;

        text-decoration: none;

    }

    /*ul.list-canho li{float:right;display:block;width:100%;text-align:right;position:relative;padding-right:20px}*/

    ul.list-canho li a {

        line-height: 2.5;

        color: #fff;

    }

        /*ul.list-canho li a:before{content:"";top:13px;right:0;width:16px;height:16px;border-radius:50px;background:#999999;position:absolute}*/

        ul.list-canho li a:hover, ul.list-canho li.active a {

            color: #fbad47;

        }



    ul.list-canho li.active a {

        font-weight: bold;

    }



        ul.list-canho li.active a:before, ul.list-canho li a:hover:before {

            background: #48baff;

            transition: all ease-in-out 0.2s;

        }



.read-detail {

    font-size: 16px;

    text-align: left;

    color: #fff;

    border-top-left-radius: 20px;

    border-top-right-radius: 20px;

    padding: 8px 40px 8px 15px;

    background: #00aeef url('../images/mb-down.png') no-repeat right 15px center;

    cursor: pointer;

}



#masterplan-foor-detail {

    transition: all ease 0.4s;

}



    #masterplan-foor-detail .sub {

        position: relative;

        width: 70%;

        float: right;

        margin-bottom: 20px;

    }



        #masterplan-foor-detail .sub span {

            font-size: 18px;

            color: #10aaf6;

            background: url('../images/mb-down.png') no-repeat right 0 center;

            display: inline-block;

            padding-right: 40px;

            cursor: pointer;

            position: relative;

        }



        #masterplan-foor-detail .sub ul {

            position: absolute;

            top: 100%;

            z-index: 10;

            padding: 5px;

            background: #00aeef;

            display: none;

            min-width: 150px;

            width: 100%;

            overflow: auto;

            border-bottom-left-radius: 20px;

            border-bottom-right-radius: 20px;

            max-height: 327px;

        }



            #masterplan-foor-detail .sub ul li {

                padding: 5px 10px;

            }



        #masterplan-foor-detail .sub span:after {

            content: '';

            width: 2px;

            height: 100px;

            background: #10aaf6;

            position: absolute;

            left: -20px;

            top: 0;

        }



        #masterplan-foor-detail .sub span.fix-title,

        #masterplan-foor-detail .sub span.rounded {

            white-space: nowrap;

            border: solid 1px #0082c7;

            padding: 5px 40px 5px 15px;

            background: url(https://carillon.tqdesign.vn/template/tint/images/mb-down-active.png) no-repeat right 15px center;

        }



            #masterplan-foor-detail .sub span.fix-title:after,

            #masterplan-foor-detail .sub span.rounded:after {

                display: none;

            }



        #masterplan-foor-detail .sub span.rounded {

            margin-left: 30px;

        }



        #masterplan-foor-detail .sub:last-child span.rounded {

            margin-left: 0px;

        }



    #masterplan-foor-detail .description {

        margin-bottom: 30px;

    }



        #masterplan-foor-detail .description table tr td,

        #masterplan-foor-detail .description table tr th {

            border: 0px;

            padding: 4px 0px 6px 0px;

            border-bottom: 1px solid #2a4466;

        }



        #masterplan-foor-detail .description table tr th {

            font-size: 20px;

            text-transform: uppercase;

            color: #0082c7;

            font-weight: 500;

            padding-bottom: 15px;

            border: 0px;

        }



            #masterplan-foor-detail .description table tr td:last-child,

            #masterplan-foor-detail .description table tr th:last-child {

                text-align: right;

            }



            #masterplan-foor-detail .description table tr td:first-child,

            #masterplan-foor-detail .description table tr th:first-child {

                text-align: left;

            }



        #masterplan-foor-detail .description h5 {

            font-size: 20px;

            font-weight: 500;

            text-transform: uppercase;

            text-align: center;

            display: inline-block;

            margin-bottom: 50px;

            margin-top: 160px;

        }



        #masterplan-foor-detail .description li {

            display: inline-block;

            clear: both;

            width: 100%;

            border-bottom: 1px solid #2a4466;

            padding-bottom: 6px;

        }



    #masterplan-foor-detail .no-borer {

        border: none !important;

    }



    #masterplan-foor-detail .mb-tabs li {

        display: inline-block;

        text-transform: uppercase;

        font-size: 18px;

        color: #fff;

        padding: 10px 15px;

        border: 1px solid #fff;

        cursor: pointer;

    }



        #masterplan-foor-detail .mb-tabs li.active,

        #masterplan-foor-detail .mb-tabs li:hover {

            background: #0064b1;

            border: 1px solid #0064b1;

        }



    #masterplan-foor-detail .description .mb-title {

        font-size: 20px;

        text-transform: uppercase;

        color: #0082c7;

        font-weight: 500;

        margin-bottom: 15px;

    }



    #masterplan-foor-detail .sub ul::-webkit-scrollbar {

        background: transparent;

        width: 3px;

        height: 11px;

    }



#masterplan-foor-detail-detail .sub ul::-webkit-scrollbar-thumb:hover {

    background: transparent;

}



#masterplan-foor-detail .sub ul::-webkit-scrollbar-thumb {

    background: #9cd5ce;

    border-radius: 10px;

}



#masterplan-foor-detail {

    background: url(../images/bg-chitiet-canho.jpg);

    height: auto;

    margin-top: -60px;

    background-size: cover;

    z-index: 4;

    position: relative;

}



    #masterplan-foor-detail section.chitiet-canho .house-info {

        padding-top: 100px;

    }



    #masterplan-foor-detail section.chitiet-canho h2.special {

        color: #fff;

        margin-bottom: 50px;

    }



    #masterplan-foor-detail section.chitiet-canho img {

        margin: auto;

        max-height: 606px;

        border-radius: 25px;

        border: 6px solid #cdd9e0;

        max-width: 100% !important;

        height: auto !important;

    }



        #masterplan-foor-detail section.chitiet-canho img.img-vitri {

            border: none;

        }



    #masterplan-foor-detail section.chitiet-canho .box-thongso {

        background: #00aeef;

        height: auto;

        min-height: 300px;

        border-radius: 20px;

        margin-bottom: 20px;

    }



        #masterplan-foor-detail section.chitiet-canho .box-thongso .contents {

            padding: 10px 20px;

        }



        #masterplan-foor-detail section.chitiet-canho .box-thongso h4 {

            color: #fff;

            font-size: 19px;

            padding-bottom: 5px;

            border-bottom: 1px solid rgba(255,255,255,0.5);

        }



        #masterplan-foor-detail section.chitiet-canho .box-thongso p {

            color: #fff;

        }



            #masterplan-foor-detail section.chitiet-canho .box-thongso p span {

                display: inline-block;

                font-weight: bold;

            }



ul.contents-room {

    list-style-type: none;

    padding-top: 5px;

    border-top: 1px solid rgba(255,255,255,0.5);

}



    ul.contents-room li {

        color: #fff;

    }



        ul.contents-room li span {

            float: right;

        }



#masterplan-foor-detail-detail section.chitiet-canho .box-vitricanho {

    margin-top: 10px;

}



#masterplan-foor-detail-detail section.chitiet-canho ul.list-canho li a {

    line-height: 1;

    font-size: 15px;

    color: #fff;

}



#masterplan-foor-detail section.chitiet-canho ul.list-canho li a:before {

    background: #fff;

}



#masterplan-foor-detail section.chitiet-canho ul.list-canho li a:hover {

    color: #fbad47;

}



#masterplan-foor-detail section.chitiet-canho ul.list-canho li.active a {

    color: #fbad47;

    font-weight: bold;

}



#masterplan-foor-detail section.chitiet-canho ul.list-canho li.active:before, #masterplan-foor-detail section.chitiet-canho ul.list-canho li a:hover:before {

    background: #48baff;

    transition: all ease-in-out 0.2s;

}



#masterplan-foor-detail .list-controls {

    position: relative;

    margin: 25px 0;

}



    #masterplan-foor-detail .list-controls .item {

        display: inline-block;

        cursor: pointer;

    }



        #masterplan-foor-detail .list-controls .item a {

            text-decoration: none;

            position: relative;

            font-weight: bold;

            font-size: 16px;

            text-transform: uppercase;

            color: #fff;

            display: inline-block;

            padding: 1px 30px 0px 60px;

            height: 40px;

            line-height: 37px;

            border: 1px solid #e5e5e5;

            -webkit-border-radius: 20px;

            -moz-border-radius: 20px;

            border-radius: 20px;

            margin: 0 15px 15px 0;

            text-align: center;

        }



        #masterplan-foor-detail .list-controls .item:hover a,

        #masterplan-foor-detail .list-controls .item.active a {

            border-color: #bde1f0;

            background: #00aeef;

        }



        #masterplan-foor-detail .list-controls .item a:before {

            content: '';

            position: absolute;

            top: -7px;

            left: -7px;

            width: 54px;

            height: 54px;

            display: inline-block;

            background-position: center center;

            background-repeat: no-repeat;

            -webkit-border-radius: 50%;

            -moz-border-radius: 50%;

            border-radius: 50%;

            -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0);

            -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0);

            box-shadow: 0px 0px 20px 0px rgba(0,0,0,0);

        }



        #masterplan-foor-detail .list-controls .item:hover a:before,

        #masterplan-foor-detail .list-controls .item.active a:before {

            -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);

            -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);

            box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);

        }



.bt-back {

    position: relative;

    color: #2d2d2d;

    cursor: pointer;

    display: inline-block;

    text-transform: uppercase;

    background: #f6f6f6 url(http://www.luxcity.vn/template/tint/images/bt-back.svg) no-repeat left 15px center;

    margin: 7px 0 15px;

    padding: 7px 25px 7px 45px;

    border: 0px solid #ebebeb;

    -webkit-border-radius: 18px;

    -moz-border-radius: 18px;

    border-radius: 18px;

}



    .bt-back:hover {

        color: #fff;

        background-color: #0972aa;

        background-image: url(http://www.luxcity.vn/template/tint/images/bt-back-h.svg);

    }



#masterplan-foor-detail .list-controls .item.item-3d a:before {

    background-image: url('http://www.luxcity.vn/template/tint/images/ico-3d.svg');

}



#masterplan-foor-detail .list-controls .item.item-3d:hover a:before,

#masterplan-foor-detail .list-controls .item.item-3d.active a:before {

    background-image: url('http://www.luxcity.vn/template/tint/images/ico-3d-h.svg');

    transition: all ease-in-out 0.2s;

}



#masterplan-foor-detail .list-controls .item.item-2d a:before {

    background-image: url('http://www.luxcity.vn/template/tint/images/ico-2d.svg');

}



#masterplan-foor-detail .list-controls .item.item-2d:hover a:before,

#masterplan-foor-detail .list-controls .item.item-2d.active a:before {

    background-image: url('http://www.luxcity.vn/template/tint/images/ico-2d-h.svg');

}



#masterplan-foor-detail .list-controls .item.item-plan a:before {

    background-image: url('http://www.luxcity.vn/template/tint/images/ico-plan.svg');

}



#masterplan-foor-detail .list-controls .item.item-plan:hover a:before,

#masterplan-foor-detail .list-controls .item.item-plan.active a:before {

    background-image: url('http://www.luxcity.vn/template/tint/tint/images/ico-plan-h.svg');

}





.section-project .slick-prev {

    left: 40px;

    right: auto;

}



.section-project .slick-next, .section-project .slick-prev {

    background: rgba(255,255,255,0.6);

    width: 60px;

    height: 60px;

    border-radius: 50%;

    position: absolute;

    top: 50%;

    right: 40px;

    margin-top: -30px;

    outline: 0;

    z-index: 20;

    text-align: center;

}



    .section-project .slick-next:before, .section-project .slick-prev:before {

        font-family: FontAwesome;

        font-style: normal;

        font-weight: normal;

        position: absolute;

        content: "\f105";

        font-size: 40px;

        line-height: 0.1em;

        margin-left: -3px;

        margin-top: -1px;

    }



    .section-project .slick-prev:before {

        content: "\f104";

        margin-left: -8px;

    }



    .section-project .slick-prev:hover, .section-project .slick-prev:focus, .section-project .slick-next:hover, .section-project .slick-next:focus {

        color: #1a68ad;

        outline: none;

        background: #1a68ad;

        transition: all ease-in-out 0.4s;

    }



ul.list-canho2 {

    position: absolute;

    z-index: 8;

    left: 50%;

    transform: translateX(-50%);

    top: 70px;

}



    ul.list-canho2 li > * {

        transition: all ease-in-out 0.4s;

        text-decoration: none;

    }



    ul.list-canho2 li {

        float: right;

        display: inline-block;

        margin-right: 10px;

        width: auto;

        text-align: right;

        position: relative;

        padding-right: 20px;

    }



        ul.list-canho2 li.active a {

            color: #48baff;

        }



        ul.list-canho2 li a {

            line-height: 2.5;

            color: #333333;

        }



            ul.list-canho2 li a:before {

                content: "";

                top: 13px;

                right: 0;

                width: 16px;

                height: 16px;

                border-radius: 50px;

                background: #999999;

                position: absolute;

            }



            ul.list-canho2 li a:hover {

                color: #48baff;

            }



                ul.list-canho2 li.active a:before, ul.list-canho2 li a:hover:before {

                    background: #48baff;

                    transition: all ease-in-out 0.4s;

                }



        ul.list-canho2 li.active:before, .section-project ul.list-canho2 li a:hover:before {

            background: #48baff;

            transition: all ease-in-out 0.2s;

        }



.section-project .item {

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center center;

    height: 100vh;

    position: relative;

}



#tong-quan .contact {

    margin-top: 0px;

}



    #tong-quan.contact .box-content {

        margin-top: 180px;

    }



    #tong-quan.contact h2 {

        font-size: 24px;

        color: #0a4a7f;

        text-align: center;

        margin-bottom: 30px;

    }



    #tong-quan.contact p {

        color: #0a4a7f;

        text-align: center;

    }



    #tong-quan.contact .hotline h3, #tong-quan.contact .hotline a {

        font-size: 24px;

        color: #0a4a7f;

        text-align: center;

        font-weight: normal;

        font-family: Muli-Regular;

    }



    #tong-quan.contact .hotline a {

        font-family: 'Muli-Bold';

    }



@media screen and (min-width:992px) {

    #masterplan-foor-detail .sub {

        position: relative;

        width: 85%;

        float: unset;

        margin: 0;

    }

}



@media screen and (min-width:1680px) {

    #masterplan-foor-detail section.chitiet-canho .container {

        width: 1500px;

    }



    #masterplan-foor-detail {

        min-height: 1150px !important;

    }



        #masterplan-foor-detail section.chitiet-canho .box-thongso {

            width: 80%;

            margin: 0px auto 20px auto;

        }



    #news {

        padding-bottom: 160px;

    }

}



@media screen and (max-width:1680px) {

    ul.list-canho li a {

        line-height: 1;

        font-size: 14px;

    }

}



@media screen and (max-width:1679px) and (min-width:1280px) {

    #masterplan-foor .map-hover .img-container {

        width: 90%;

    }



    .danhsach-canho {

        width: 24%;

    }

}



@media screen and (min-width:1366px) {



    #masterplan-foor-detail section.chitiet-canho .box-thongso {

        width: 100%;

    }

}



@media screen and (max-width:1400px) {



    section.contact {

        margin-top: -175px;

    }



    section.location .vitri-content {

        padding-top: 80px;

    }



    section.utility .control .pager {

        width: 24%;

    }



    #main-menu ul.list-item {

        margin-top: 100px;

    }



    img.img-vitri {

        margin-top: 15px;

    }



    #news {

        background-position: center center;

        background-size: 100% 100%;

        padding-bottom: 100px;

    }



    #page-masterplan p {

        top: 30%;

    }



    #masterplan-foor section.can-ho .danhsach-canho {

        top: 35%;

    }



    #masterplan-foor-detail section.chitiet-canho .sub {

        margin-top: 0px;

        margin-bottom: 20px;

    }



    #tien-ich .div1 .circle-content {

        margin-right: 120px;

    }

}



@media screen and (min-width:1280px) and (max-width:1400px) {

    #main-menu ul.list-item {

        margin-top: 60px;

    }



    section.why, section.scale, section.noithat {

        background-size: 100% 100% !important;

    }



    #tong-quan .div1 .circle-content {

        left: -20px;

    }



    #tong-quan .div2 {

        background-size: 100% 50%;

    }



    #masterplan-foor {

        background-size: 100% 100%;

    }



    .chitiet-canho .col-lg-9 {

        width: 60%;

    }



    #masterplan-foor-detail {

        min-height: 970px !important;

    }

}



@media screen and (max-width:1280px) {

    #page-masterplan p {

        top: 16%;

    }



    #masterplan-foor section.can-ho {

        padding-bottom: 200px;

    }

}



@media screen and (max-width:1200px) {

    #main-menu ul.list-item {

        margin-top: 150px;

    }



    #masterplan-foor, #section.chitiet-canho-detail section.chitiet-canho {

        background-size: 100% 100%;

    }



    #tien-ich ul.bx-slider > li .main-img {

        background-size: cover;

    }

}



@media screen and (min-width:1200px) and (max-width:1360px) {



    ul.list-canho li a {

        font-size: 13px;

    }



    .scroll_box {

        height: 414px;

    }



    #masterplan-foor section.chitiet-canho-detail .danhsach-canho {

        top: 215px;

    }



    #masterplan-foor .read-detail {

        font-size: 16px;

    }

}



@media screen and (min-width:992px) and (max-width:1199px) {



    section.why {

        background: url(../images/bg-mobile.png);

        background-position: center center;

        background-size: 100% 100%;

        margin-top: -320px;

        position: relative;

    }



    section.scale, #tong-quan .div2 {

        background-size: 100% 100%;

    }



    section.utility .control .pager {

        width: 40%;

    }



    section.noithat ul.bx-slider > li .main-img {

        height: 1080px;

        margin-top: -40px;

    }



    #tong-quan .chudautu img, section.doitac img {

        width: 260px;

    }



    #tong-quan .div1 .circle-content {

        float: right;

        position: absolute;

        left: 50%;

        transform: translateX(-50%);

        margin-top: 0px;

    }



    #tong-quan .div2 p {

        font-size: 15px;

    }



    #page-masterplan p {

        left: 4%;

    }



    #masterplan-foor {

        min-height: 780px;

    }



        #masterplan-foor section.can-ho {

            padding-bottom: 0px;

        }



            #masterplan-foor section.can-ho .danhsach-canho {

                top: 50%;

            }



    #masterplan-foor-detail section.chitiet-canho .box-thongso .contents {

        padding: 10px 5px;

    }



    ul.contents-room li {

        font-size: 15px;

    }



    #masterplan-foor-detail section.chitiet-canho .house-info {

        padding-top: 100px;

        padding-bottom: 150px;

    }



    #masterplan-foor-detail .sub {

        width: 105%;

    }



    #tien-ich .div1 .circle-content {

        position: absolute;

        top: 220px;

        float: right;

        left: 50%;

        transform: translateX(-50%);

    }

    /************************/

    #masterplan-foor section.chitiet-canho .house-info {

        padding-top: 100px;

        padding-bottom: 250px;

    }



    section.contact:before {

        top: 155px;

    }



    #masterplan-foor section.chitiet-canho {

        min-height: 0px;

    }



    .map-hover.position-relative {

        width: 87%;

    }



    .read-detail {

        font-size: 18px;

    }



    #masterplan-foor .sub {

        margin-top: 50px;

    }



    img.img-vitri {

        margin-top: 50px;

    }



    section.can-ho .danhsach-canho {

        width: 24%;

    }



    section.noithat {

        overflow: hidden;

        background: #30a4dc;

    }



    #location .div1 {

        padding: 90px 0 90px 0;

    }

}



@media screen and (min-width:768px) and (max-width:992px) {

    img.btnphone {

        width: 50px;

    }



    .phone-contact {

        display: inline-block;

        bottom: 55px;

    }



    section.why {

        background: url(../images/bg-mobile.png);

        background-position: center center;

        background-size: cover;

        margin-top: -520px;

        position: relative;

    }



    section.location .vitri-content {

        padding-top: 0px;

        margin-bottom: 150px;

    }



    section.location .img-vitri {

        margin-top: 60px;

    }



    section.doitac {

        z-index: 8;

    }



    section.scale img.images {

        margin-top: 30px;

        margin-bottom: 90px;

    }



    .circle-content, #tong-quan .div1 .circle-content {

        position: absolute;

        margin-top: 0;

        left: 15%; /*akiragosho*/

        transform: translateX(-50%) !important;

    }



    #tien-ich .div1 .circle-content {

        margin-right: 120px;

        position: absolute;

        left: 50%;

        transform: translateX(-50%);

    }



    #tong-quan .div1 .circle-content, #tong-quan .div3 .circle-content {

        left: 50%; /*akiragosho*/

    }



    section.utility .control .pager {

        width: 40%;

    }



    section.noithat {

        background-position: center center;

        min-height: 1467px;

    }



        section.location .vitri-content, section.noithat .noi-dung {

            padding-top: 60px;

        }



        section.noithat .box-content {

            margin-bottom: 60px;

        }



    section.why:before {

        content: "";

        top: 261px;

        left: 50%;

        position: absolute;

        transform: translateX(-50%);

        background-size: 100% 100% !important;

        background: url(../images/frame-slide-m.png);

        width: 99%;

        height: 140px;

    }



    #tong-quan .chudautu img, section.doitac img {

        width: 260px;

    }





    #tong-quan .div2 {

        background-size: 100% 50%;

    }



    #masterplan-foor {

        min-height: 940px;

    }



        #masterplan-foor section.can-ho {

            padding-bottom: 0px;

        }



    #masterplan-foor-detail section.chitiet-canho .box-thongso {

        width: 50%;

        margin: auto;

    }



    #masterplan-foor-detail {

        margin-top: -80px;

    }



        #masterplan-foor-detail .thong-so {

            display: -webkit-flex;

            display: flex;

            margin-bottom: 50px;

        }



            #masterplan-foor-detail .thong-so .box-vitricanho {

                margin: auto;

            }



    #news .content-news .pull-right, .circle-news {

        float: initial !important;

        margin: 15px auto;

    }

}



@media screen and (max-width:991px) {

    .btn-res {

        left: 15px;

        top: 86%;

    }



        .btn-res img {

            width: 90px;

        }



    .breadcrumb {

        display: none;

    }



    #masterplan-foor .danhsach-canho {

        position: inherit;

        top: 0 !important;

    }



    #masterplan-foor section.chitiet-canho .danhsach-canho {

        position: relative;

        top: 0 !important;

    }



    ul.list-canho li a:before {

        top: 10px;

        right: -10px;

    }



    #masterplan-foor .map-hover .img-container .main-img {

        margin-bottom: 50px;

    }



    #masterplan-foor ul.list-canho {

        float: left;

        margin-left: 40px;

        text-align: center;

        padding-left: 15px;

    }



    #masterplan-foor section.can-ho .danhsach-canho {

        position: relative;

        right: 0;

        text-align: center;

        margin-top: 20px;

    }



    ul.list-canho3 {

        float: unset;

        text-align: center;

        display: inline-block;

        list-style-type: none;

    }



        ul.list-canho3 li {

            float: unset;

            display: inline-block;

            text-align: center;

            width: auto;

            padding: 0 20px;

            /* text-align: right; */

            position: relative;

            padding-right: 20px;

        }



    .box-vitricanho {

        margin: 20px 0;

    }

}



@media screen and (max-width:768px) {

    #home p {

        text-align: justify;

    }



    section.slider ul.bx-slider > li .main-img, section.utility ul.bx-slider > li .main-img {

        height: 870px;

    }



    section.slider .headline {

        left: 5%;

    }



    .logo a {

        width: 130px;

    }



    header.sticky .logo a {

    

    }



    .box-content {

        margin-top: 60px;

        margin-bottom: 60px;

    }



    #tong-quan .chudautu .box-content {

        margin-bottom: 160px;

    }



    section.why .pull-right {

        float: unset !important;

    }



        section.why .pull-right img {

            margin: auto;

            display: block;

            text-align: center;

        }



    section.location {

        background-size: 100% 50%;

    }



    section.scale {

        background: url(../images/bg-quymo-m.png);

        background-size: cover;

    }



    section.location .box-content {

        padding-bottom: 0;

        margin-top: 30px;

        margin-bottom: 30px;

    }







    section.noithat .control {

        left: 30%;

    }



    section.noithat ul.bx-slider > li .main-img {

        height: 1080px;

        margin-top: -40px;

    }



    section.noithat .slider-noithat:before {

        height: 102.2%;

    }



    section.doitac .noi-dung {

        padding-bottom: 120px;

        padding-top: 120px;

    }



    section.contact .form-contact textarea {

        margin-top: 0px;

    }



    #location .location-content {

        padding: 20px 0;

    }



    #masterplan-foor-detail .gutter-5 {

        display: inline-grid;

    }



        #masterplan-foor-detail .gutter-5 > [class*='col-']:nth-child(3) {

            order: 3;

        }

         #masterplan-foor-detail .gutter-5 > [class*='col-']:nth-child(4) {

            order: 4;

    text-align: center;

    margin: auto;

    margin-top: 15px;

        }

        #masterplan-foor-detail .gutter-5 > [class*='col-']:nth-child(2) {

            order: 1;

        }



        #masterplan-foor-detail .gutter-5 > [class*='col-']:nth-child(1) {

            order: 2;

        }



    #page-masterplan p {

        font-size: 16px;

        top: 10%;

        left: 3%;

    }



    #masterplan-foor-detail section.chitiet-canho .house-info {

        padding-top: 100px;

        padding-bottom: 200px;

    }



    #masterplan-foor section.chitiet-canho .house-info {

        padding-top: 20px;

        padding-bottom: 40px;

    }



    #masterplan-foor section.chitiet-canho .box-thongso {

        margin-bottom: 20px;

    }



    #masterplan-foor section.chitiet-canho img {

        margin: 20px auto 10px;

    }



    #masterplan-foor section.chitiet-canho {

        background: url(../images/bg-chitiet-canho-m.jpg);

        background-size: cover !important;

        background-position: center center;

        padding-bottom: 135px;

        transition: 0.4s;

    }



    #masterplan-foor-detail section.chitiet-canho .danhsach-canho {

        display: flex;

    }



    #masterplan-foor-detail section.chitiet-canho .sub {

        float: inherit;

        text-align: center;

        margin: auto;

        width: 62%;

    }



    #masterplan-foor .map-hover .img-container .main-img {

        margin-bottom: 0px;

    }



    #masterplan-foor .box-content {

        margin: 60px 0 30px 0;

    }

    /*#masterplan-foor .chitiet-canho ul.list-canho{

         margin-top:30px;

             padding-bottom: 50px;

     }*/

    #tien-ich ul.bx-slider > li .main-img {

        background-size: cover;

    }



    #masterplan-foor .sub {

        position: relative;

        margin-top: 10px;

        float: unset !important;

    }



    #masterplan-foor-detail {

        min-height: 1480px;

    }



    #masterplan-foor ul.list-canho {

        margin-left: 0px;

    }



    .read-detail {

        float: unset !important;

    }





    .news-home .noi-dung {

        margin-top: 0px;

    }



    #tong-quan.contact {

        min-height: 700px;

    }



    section.contact p {

        font-size: 18px;

    }

}



@media screen and (max-width:767px) {

}



@media screen and (max-width:640px) {

    #main-menu ul.list-item li a {

        font-size: 19px;

    }



    p, #home li {

        font-size: 15px !important;

    }



    .btn-res img {

        width: 60px;

    }



    section.why {

        background: url(../images/bg-mobile.png);

        background-position: center center;

        background-size: 100% 100%;

        position: relative;

    }



    #home section.why {

        margin-top: -460px;

    }



    section.why:before {

        content: "";

        top: 177px;

        left: 50%;

        position: absolute;

        transform: translateX(-50%);

        background-size: 100% 100% !important;

        background: url(../images/frame-slide-m.png);

        width: 357px; /*400px*/

        height: 110px;

    }



    section.why .pull-left {

        margin-top: 140px;

    }



    section.why .container {

        padding: 60px 0;

    }



    section.scale, #home section, #masterplan-foor section.chitiet-canho {

        margin-top: 0px;

    }



    section.location .box-content p, .circle-content p {

        text-align: justify;

    }



    #home section.noithat {

        margin-top: -10px;

    }



        #home section.noithat .box-content, section.why .box-content {

            margin-top: 30px;

            margin-bottom: 40px;

        }



    #main-menu ul.list-item {

        margin-top: 100px;

    }



    section.slider ul.bx-slider > li .main-img, section.utility ul.bx-slider > li .main-img {

        background-size: cover;

    }



    section.why big {

        font-size: 60px;

    }



    section.why h2 {

        font-size: 30px;

    }



    h2.special {

        font-size: 24px;

    }



    section.scale h2.special {

        text-align: center;

    }



    section.scale .box-content {

        margin-top: 30px;

        margin-bottom: 30px;

    }



    section.scale ul.list-quymo, section.scale img.icon-quymo {

        text-align: center;

        margin: auto;

    }



    section.slider ul.bx-slider > li .main-img /*,section.noithat ul.bx-slider > li .main-img*/ {

        padding-top: 0;

        height: 90vh;

        background-size: cover;

    }



    section.slider .headline .container-headline {

        width: 100%;

    }



    section.slider .headline h1, section.slider .headline h1 strong {

        font-size: 40px;

    }



    section.location .vitri-content, section.noithat .noi-dung {

        padding-top: 30px;

    }



    section.scale .noi-dung {

        padding-top: 30px;

    }



    #home section {

        background-size: cover;

        background-position: center center;

        min-height: 768px;

    }



    section.why {

        min-height: 500px;

        height: auto;

        margin-top: -272px;

        position: relative;

    }



    .circle-content {

        position: absolute;

        margin-top: 0px;

        top: 16%;

        width: 90%;

        height: auto;

        max-width: 100%;

        border: 9px solid #66b7de;

        left: 5%;

        transform: translateX(-50%);

        border-radius: 10px;

    }



    #tong-quan .div1 .circle-content {

        left: 40%;

        margin-top: 150px;

    }



    #tong-quan .div3 .circle-content {

        left: 50%;

    }



    .circle-content:after {

        display: none;

    }



    .circle-content h2.special {

        margin-top: 30px;

    }



    .circle-content .box-content {

        margin: 30px 0;

    }



    section.scale img.images {

        padding-bottom: 30px;

    }



    section.utility .control {

        top: 80%;

        left: 50%;

        width: 60%;

        transform: translateX(-32%);

    }



    section.noithat .control {

        left: 10%;

        bottom: -2%;

    }



    section.noithat .slider-noithat:before {

        height: 100%;

    }



    section.doitac .noi-dung {

        padding-top: 30px;

    }



    #tong-quan .chudautu img, section.doitac img {

        width: 180px;

    }



    section.doitac .noi-dung a {

        margin: 30px 0 0 0;

    }



    section.doitac .box-content {

        margin-top: 30px;

    }



    #home section.utility {

        min-height: 620px;

    }



    section.utility .circle-content .box-content, section.overview .circle-content .box-content, .circle-content .box-content {

        padding: 0 20px;

    }



    section.utility .control .pager {

        width: 25%;

        font-size: 25px;

    }



    section.utility .control .next-prev a {

        font-size: 25px;

    }



    section.noithat .slider-noithat {

        height: auto;

    }



    #home section.noithat {

        max-height: 900px;

        min-height: 897px;

    }



    section.noithat ul.bx-slider > li .main-img {

        background-size: cover;

        height: 414px;

        max-width: 50%;

    }



    section.contact {

        background: url(../images/bg-mobile.png);

        background-size: cover;

        background-position: center center;

        position: relative;

    }



        section.contact:before {

            content: "";

            top: 97px;

            left: 50%;

            position: absolute;

            transform: translateX(-50%);

            background-size: 100% 100% !important;

            background: url(../images/frame-slide-m.png);

            width: 85%;

            height: 140px;

        }



    #home section.contact {

        margin-top: -220px;

    }



    section.contact {

        margin-top: -185px;

    }

    /*INSIDE*/



    #tong-quan br {

        display: none;

    }



    #tong-quan .div2 {

        margin-top: 0px;

        background: #f2f2f2;

    }



    #tong-quan .div3, #tong-quan .div1, #tien-ich .div1 {

        min-height: 736px;

        margin-top: 0px;

    }



    #tong-quan .div2 .list-div2 {

        padding: 50px 10px;

    }



        #tong-quan .div2 .list-div2 .row:first-child {

            padding-bottom: 10px;

        }



    #tong-quan .chudautu .box-content {

        margin-bottom: 100px;

    }



    #location {

        background-size: cover;

    }



        #location .location-content {

            padding: 0px;

            margin-top: 0px;

        }



        #location .div1 {

            padding: 90px 0 120px 0;

        }



    #page-masterplan p {

        font-size: 14px !important;

        top: unset;

        font-weight: bold;

           top: 10%;

        color: #fff;

        left: 10%;

    }



    .box-vitricanho {

        margin-bottom: 20px;

    }



    #masterplan-foor-detail .list-controls {

        position: relative;

        margin: 25px 0;

    }



        #masterplan-foor-detail .list-controls li {

            margin: 7.5px 0;

        }



    #masterplan-foor section.can-ho, #news {

        background: #f2f2f2;

        border-top: 4px solid rgba(108, 144, 172,0.7);

        padding-top: 20px;

        padding-bottom: 40px;

    }



    #masterplan-foor-detail section.chitiet-canho .box-thongso {

        width: 73%;

        margin: auto;

    }



    #masterplan-foor-detail section.chitiet-canho img.img-vitri {

        margin: 30px auto 20px auto;

    }



    #news .content-news {

        padding-top: 20px;

        padding-bottom: 0px;

        padding-left: 15px;

        padding-right: 15px;

    }



    .slick-dots {

        display: none !important;

    }



    .slick-dotted.slick-slider {

        margin-bottom: 0px !important;

    }



    .section-project .slick-next, .section-project .slick-prev {

        margin-top: 0px;

        height: 40px;

        width: 40px;

    }



        .section-project .slick-next:before, .section-project .slick-prev:before {

            font-size: 30px;

        }



    .circle-news {

        width: 100%;

        height: 384px;

    }



    .img-news {

        height: 378px;

    }



    .news-home .noi-dung {

        margin: 30px 0;

    }



    iframe {

        border-radius: 0px !important;

    }



    section.contact .form-contact {

        margin-bottom: 40px;

    }



    section.contact .form-submit .bt-submit {

        border-radius: 45px;

        width: 150px;

        font-size: 15px;

        padding: 13px;

    }



    section.contact .nutbam {

        display: block;

        text-align: center;

        margin: auto;

    }



    section.contact .coppy-right p, #home section.contact .coppy-right p {

        text-align: center;

        float: inherit !important;

    }



    .icon-footer {

        transform: translateY(0);

    }



    div#txtCaptcha > * {

        margin: 20px auto;

    }



    div#txtCaptcha {

        float: unset !important;

        margin: auto;

        display: block;

        text-align: center;

    }

}



@media screen and (max-width:480px) {

    .qtip-default.qtip-custom3 {

    top: 65% !important;

    right: 7% !important;



}

    .logo {

        left: 15px;

    }

    #main-menu .button-close {

    right: 15px;

}





    .button-menu {

        right: 0px;

    }

    .btn-res {

        top: 88%;

    }



    section.why:before {

        top: 190px;

    }



    section.contact .captcha {

        transform: translateX(-25px);

    }



    #news {

        margin-top: 0px;

    }



        #news.news-detail {

            padding-bottom: 250px;

        }



    .phone-contact {

        bottom: 15px;

        right: 20px;

    }



    #tien-ich .div1 .circle-content {

        left: 50%;

        top: 95px;

        position: absolute;

    }



    ul.list-canho2 {

        left: 45%;

        width: 100%;

        transform: translateX(-50%);

        top: 85px;

    }



        ul.list-canho2 li a {

            font-size: 14px;

        }



            ul.list-canho2 li a:before {

                content: "";

                top: 10px;

                width: 12px;

                height: 12px;

            }



    #masterplan-foor-detail {

        min-height: 1480px;

    }



    #masterplan-foor section.chitiet-canho img {

        max-height: 410px;

    }



    #masterplan-foor {

        min-height: 638px;

    }



        #masterplan-foor section.chitiet-canho {

            min-height: 2030px;

        }



    #masterplan-foor-detail section.chitiet-canho .sub {

        width: 70%;

    }

    #masterplan-foor h2.special {

    margin-bottom: 20px;

}

    .breadcrumb a {

        font-size: 12px;

    }



    body.map-mb section.contact:before {

        display: none;

    }



    body.map-mb {

        background: #0a4a7f;

    }



        body.map-mb section.contact {

            margin-top: 0px !important;

        }



            body.map-mb section.contact .noi-dung {

                padding-top: 30px;

            }

}



@media screen and (max-width:425px) {

    section.contact .captcha {

        transform: translateX(-10px);

    }



    section.why:before {

        top: 190px;

    }

}



@media screen and (width:414px) {

    section.why:before {

        top: 183px;

    }



    #tien-ich .bx-wrapper .bx-controls {

        bottom: 70%;

    }

}

@media screen and (max-width:375px) {

    section.contact .captcha {

        transform: translateX(-20px);

    }



    .circle-news {

        width: 100%;

        height: 344px;

    }



    .img-news {

        width: 412px;

        height: 337px;

    }



    #tong-quan .div1 .circle-content .box-content {

        padding: 0 5px;

    }



    section.noithat ul.bx-slider > li .main-img {

        height: 425px;

    }



    section.utility .control .pager {

        width: 36%;

    }



    #tien-ich ul.bx-slider > li .main-img {

        background-size: cover;

        height: 80vh;

    }



    #tien-ich .div2 {

        min-height: 0;

    }



    #home section.why {

        margin-top: -590px;

    }



    section.doitac .noi-dung {

        padding-bottom: 50px;

    }



    section.noithat .control {

        bottom: 23%;

    }



    #tien-ich ul.list-canho2 {

        left: 50%;

        width: 150%;

    }



    #masterplan-foor-detail section.chitiet-canho .box-thongso {

        width: 80%;

        margin: auto;

    }

}



@media screen and (max-width:365px) {

    #tien-ich .bx-wrapper .bx-controls {

        bottom: 60%;

    }



    .circle-news {

        width: 100%;

        height: 316px;

    }



    .img-news {

        height: 316px;

    }



    #news.news-detail {

        padding-bottom: 195px;

    }



    section.contact .captcha {

        transform: translateX(-25px);

    }



    #masterplan-foor p {

        font-size: 14px !important;

    }



    #masterplan-foor-detail section.chitiet-canho .sub {

        width: 100%;

    }

    ul.list-canho3 li {



        padding: 0 20px;

     

    }

     ul.list-canho3 li a{font-size:13px}

        ul.list-canho3 li a:before {

            top: 10px;

            right: 0;

            width: 12px;

            height: 12px;

        }

}



@media screen and (max-width:320px) {

    .logo a {

        width: 95px;

    }



    section.why:before {

        top: 165px;

        width: 295px;

    }



    h2.special {

        font-size: 23px;

    }



    p {

        font-size: 13px !important;

    }



    section.contact .captcha {

        transform: translateX(-40px);

    }

    ul.list-canho3 li {

    padding: 0 15px;

}





        ul.list-canho3 li a:before {

    top: 10px;

}



    ul.list-canho2 li a {

        font-size: 12px;

    }



    ul.contents-room li {

        font-size: 13px;

    }



    #news.news-detail {

        padding-bottom: 195px;

    }



    .circle-news {

        width: 100%;

        height: 290px;

    }

    #page-masterplan p {

    left: 7%;

}

}