a:active, a:focus, a:hover, a:visited, button:focus, input:focus {
    outline: 0;
}

#header_container .navbar-nav > li > a, .link1, .sub_menu h3, body {
    font-family: 'Open Sans',sans-serif;
}

#nav-icon span:nth-child(1), #nav-icon span:nth-child(2) {
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
}

.input__label, .sb-icon-search {
    -webkit-font-smoothing: antialiased;
}

@font-face {
    font-family: 'Open Sans',sans-serif;
    src: url(../fonts/OpenSans-Regular.eot?#iefix) format('embedded-opentype'),url(../fonts/OpenSans-Regular.woff) format('woff'),url(../fonts/OpenSans-Regular.ttf) format('truetype'),url(../fonts/OpenSans-Regular.svg#OpenSans-Regular) format('svg');
    font-weight: 400;
    font-style: normal;
}

a {
    text-decoration: none !important;
}

.clearAll {
    clear: both;
    font-size: 0;
    width: 0;
    height: 0;
}

.loading, body, html {
    height: 100%;
}

.clear_left {
    clear: both;
    width: 100%;
}

.jumbotron.jumbotron-header {
    margin-bottom: 0;
}

body {
    width: 100%;
    overflow-x: hidden;
    background: #fff;
    margin: 0;
    line-height: 28px;
    font-size: 16px;
}

.owl-theme .owl-controls {
    margin-top: 0;
}

.padding0m {
    padding: 0;
}

.margin0m {
    margin: 0 0 20px;
}

.loading_content {
    position: fixed;
    z-index: 9999999;
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(255,255,255,1);
    overflow: hidden;
}

.loading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 100%;
    min-height: 100%;
    display: table;
}

.wrapper_img {
    display: table-cell;
    vertical-align: middle;
}

    .wrapper_img img {
        display: block;
        border-radius: 0;
        overflow: hidden;
        margin: 0 auto;
    }

.animate_start {
    opacity: 0;
}

.animate_finish {
    opacity: 1;
}

.force-overflow {
    min-height: auto;
}

.style-7::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.style-7::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

#map, .header, .menu .container {
    width: 100%;
}

.style-7::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(.44,#7a99d9),color-stop(.72,#497dbd),color-stop(.86,#1c3a94));
}

#map {
    height: 200px;
}

.animate-start {
    opacity: 0;
}

.animate-finish {
    opacity: 1;
}

.section {
    position: relative;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #f5f5f5;
    border-radius: 100%;
    background: #f5f5f5;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #0a5487;
    border-radius: 100%;
}

.ui-datepicker td {
    border: 0;
    padding: 4px;
}

.ui-state-focus, .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-hover {
    border: 1px solid #f5f5f5;
    background: #da251e;
    font-weight: 400;
    color: #fff;
}

.ui-corner-all, .ui-widget-header {
    background: #f5f5f5;
}

.ui-widget-content {
    color: #034f84;
}

.ui-widget-header {
    border: 1px solid #f5f5f5;
    border-bottom: solid 1px #eee;
}

.ui-datepicker td a, .ui-datepicker td span {
    text-align: center;
}

#ui-datepicker-div {
    z-index: 100;
}

.img_of_menu1, .img_of_menu2 {
    padding-left: 0;
}

    .img_of_menu1 img, .img_of_menu2 img {
        margin-top: 30px;
    }

.nav > li > a:focus, .nav > li > a:hover {
    background-color: #034f84;
    color: #fff;
}

.menu_fixed {
    transition: all .1s ease-out;
    -webkit-transition: all .1s ease-out;
    -moz-transition: all .1s ease-out;
    -ms-transition: all .1s ease-out;
    padding: 0;
    margin-top: 0;
    top: 0;
}

.header {
    height: 67px;
}

#header_container {
    border: none;
    margin: 0;
}

#nav-icon, .scroll {
    cursor: pointer;
    border-radius: 100%;
}

#header_container .container {
    padding: 0;
}

#header_container .navbar-collapse, #header_container .navbar-header {
    background: #04335e;
    margin: 0;
}

#header_container .navbar-toggle .icon-bar {
    background: #fff;
}

#header_container .navbar-nav a {
    color: #fff;
    /*text-align: center;*/
    font-size: 14px;
    text-transform: capitalize;
    padding: 10px;
}

#header_container .nav > li {
    border-bottom: 1px solid #044273;
}

#header_container .navbar-nav > li > a {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 16px;
    text-transform: capitalize;
}

    #header_container .navbar-nav > li > a > span {
        margin-left: 3px;
    }

#header_container .navbar-nav > li > ul > li > a > i {
    margin-left: 4px;
}

.submenu_m, .submenu_m2 {
    display: none;
    text-align: left; list-style:none;
}

#header_container .navbar-nav > li > a:hover {
    color: #fff;
}

.logo_m {
    position: absolute;
    top: 7px;
    left: 10px;
}

.submenu_m {
    background-color: #034f84;
}

    .submenu_m li.active, .submenu_m li:hover {
        background: #045e9d;
    }

.submenu_m2 li.active, .submenu_m2 li:hover {
    background: #034f84;
}

#cauhoi_slidedown1, #nav-icon span, .content-menu2 {
    background: #fff;
    position: absolute;
}

.sub_menu_container {
    width: 100%;
    display: none;
    float: left;
    position: relative;
    padding: 25px 25px 10px;
    left: 0;
    top: 0;
    opacity: 0;
    background: #fff;
    z-index: 9999;
}

.sub_menu {
    display: none;
    margin: 0 auto;
    position: relative;
    opacity: 0;
}

    #nav-icon span, .sub_menu.active {
        display: block;
        opacity: 1;
    }

    .sub_menu h3 {
        font-size: 24px;
        color: #034f84;
        text-transform: uppercase;
        border-bottom: solid 1px #eaeaea;
        padding-bottom: 10px;
        margin-top: 0;
    }

    .sub_menu ul li {
        list-style: none;
        line-height: 35px;
        color: #717171;
    }

        .sub_menu ul li a {
            color: #717171;
        }

            .sub_menu ul li a:hover {
                color: #034f84;
            }

#nav-icon {
    width: 50px;
    height: 50px;
    position: relative;
    background: #da251e;
    margin-top: 0;
    float: left;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    z-index: 99999;
}

    #nav-icon span {
        height: 3px;
        width: 26px;
        left: 0;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }

        #nav-icon span:nth-child(1) {
            top: 17px;
            left: 12px;
            transform-origin: left center;
        }

        #nav-icon span:nth-child(2) {
            top: 24px;
            left: 12px;
            transform-origin: left center;
        }

        #nav-icon span:nth-child(3) {
            top: 31px;
            left: 12px;
            -webkit-transform-origin: left center;
            -moz-transform-origin: left center;
            -o-transform-origin: left center;
            transform-origin: left center;
        }

    #nav-icon.open span:nth-child(1) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 15px;
        left: 16px;
    }

    #nav-icon.open span:nth-child(2) {
        width: 0;
        opacity: 0;
    }

    #nav-icon.open span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 34px;
        left: 16px;
    }

.content-menu2 {
    width: 100%;
    height: auto;
    top: 0;
    right: 0;
}

.logo-menu2 {
    width: 104px;
    margin: 50px auto 20px;
}

.hinh-logo2 {
    width: 100%;
    margin: 0 auto;
    border-bottom: solid 1px #e1e1e1;
}

.header2-menu {
    padding-left: 5px;
}

.menu2 {
    width: 50px;
    position: absolute;
    top: 5px;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}

#cauhoi_slidedown1 {
    height: auto;
    width: 100%;
    z-index: 99;
    display: none;
    top: 0;
    right: 0;
}

.submenu_m2 > li > a, .submenu_m > li > a {
    text-transform: uppercase;
}

.logo_m img {
    width: 140px;
}

.tab-menu2, .tab-menu2 ul li ul li {
    width: 100%;
}

.tab-menu2 {
    color: #888;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);
    -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);
    -o-box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);
    -ms-box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);
}

    .tab-menu2 ul {
        position: relative;
        z-index: 999999;
    }

        .tab-menu2 ul li {
            list-style: none;
        }

            .tab-menu2 ul li a {
                display: block;
                font-family: SourceSansPro;
                font-size: 16px;
                line-height: 18px;
                font-weight: 400;
                color: #888;
                letter-spacing: .5px;
                padding: 10px 0;
                border-bottom: 1px solid #eee;
            }

                .tab-menu2 ul li a:hover {
                    color: #034f84;
                }

            .tab-menu2 ul li ul {
                width: 100%;
                display: none;
                margin-left: -13px;
            }

                .tab-menu2 ul li ul li ul {
                    margin-top: 0;
                    margin-left: -40px;
                }

            .tab-menu2 ul li:hover a .icons-dropdown i {
                transform: rotate(180deg);
                -webkit-transform: rotate(180deg);
                -moz-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                -o-transform: rotate(180deg);
                transition: all .4s ease;
                -webkit-transition: all .4s ease;
                -moz-transition: all .4s ease;
                -o-transition: all .4s ease;
            }

            .tab-menu2 ul li a .icons-dropdown i {
                width: 10px;
                height: 16px;
            }

            .tab-menu2 ul li a i {
                margin-right: 5px;
                width: 20px;
            }

            .tab-menu2 ul li a span, .tab-menu2 ul li ul li a span {
                margin-left: 5px;
            }

.sub-menu-header2 li:hover a .icons-dropdown2 i {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
}

.sub-menu-header2 li a .icons-dropdown2 i {
    width: 10px;
    height: 16px;
}

.scroll {
    position: fixed;
    bottom: 20px;
    right: 15px;
    z-index: 999999999;
    width: 50px;
    height: 50px;
    background: #da251e;
    font-size: 20px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    transition: all .35s ease-in-out;
    display: none;
}

    .scroll .fa {
        margin: 0 auto;
    }

.footer-home {
    background: #303030;
    color: #fff;
    padding-top: 20px;
}

.link-lienhe {
    display: inline-block;
}

.link1 {
    background: #b3b3b3;
    width: 40px;
    height: 40px;
    border-radius: 3px;
    float: left;
    margin-right: 10px;
    text-align: center;
    line-height: 40px;
    margin-top: 20px;
    margin-bottom: 20px;
    transition: all .35s ease-out;
    -webkit-transition: all .35s ease-out;
    -moz-transition: all .35s ease-out;
    -ms-transition: all .35s ease-out;
}

.footer-home ul, .footer-home2-content2 ul {
    margin-left: -40px;
}

.link1:hover {
    background: #da251e;
}

.link1 i {
    font-size: 25px;
    color: #303030;
    margin-top: 8px;
}

.link1:hover i {
    color: #fff;
}

.footer-home h3 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 400;
    color: #fff;
}

.footer-home ul li, .footer-home ul li a {
    font-family: 'Open Sans',sans-serif;
    color: rgba(255,255,255,.75);
}

.footer-home ul li {
    font-size: 15px;
    list-style: none;
    padding-left: 0;
    line-height: 38px;
}

    .footer-home ul li a:hover {
        color: #fff;
    }

.footer-home h3 > i {
    color: #fff;
    font-size: 10px;
    margin-right: 4px;
}

.text-content {
    margin-top: 20px;
    line-height: 30px;
}

.footer-copyright {
    background: #252525;
    height: auto;
    line-height: 34px;
    font-size: 15px;
    color: rgba(255,255,255,.75);
    position: relative;
}

.footer-home2 {
    background: #252525;
    color: #fff;
    padding-top: 20px;
}

.footer-home2-content2 {
    background: #303030;
    color: #fff;
    padding-top: 20px;
}

    .footer-home2-content2 h3 {
        font-size: 16px;
        text-transform: uppercase;
    }

        .footer-home2-content2 h3 > i {
            color: #fff;
            font-size: 10px;
            margin-right: 5px;
        }

    .footer-home2-content2 ul li, .footer-home2-content2 ul li a {
        color: #757575;
        font-family: 'Open Sans',sans-serif;
    }

    .footer-home2-content2 ul li {
        font-size: 14px;
        list-style: none;
        padding-left: 0;
        line-height: 35px;
    }

        .footer-home2-content2 ul li a:hover {
            color: #fff;
        }

    .footer-home2-content2 p {
        font-size: 14px;
        color: #757575;
        line-height: 35px;
    }

    .footer-home2-content2 span {
        color: #6dcff6;
    }

.line-ul {
    border-bottom: solid 1px rgba(250,250,250,.2);
}

.img-picture {
    margin-top: 15px;
}

.img-footer2 {
    width: 63px;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
}

.view {
    width: 60px;
    height: 60px;
    overflow: hidden;
    position: relative;
    float: left;
    margin-right: 5px;
}

    .view .content, .view .mask {
        width: 63px;
        height: 50px;
        position: absolute;
        overflow: hidden;
        top: 5px;
        left: 0;
    }

    .view img {
        display: block;
        position: relative;
    }

    .view .mask .info {
        background: url(../images/hover-footer2.png) top center no-repeat;
        display: inline-block;
        text-decoration: none;
        padding: 0;
        text-indent: -9999px;
        width: 17px;
        height: 17px;
    }

.home_thietbi .owl-carousel .owl-wrapper-outer, .section4-hom3 {
    padding-bottom: 40px;
}

.third-effect .mask {
    opacity: 0;
    overflow: visible;
    border: 30px solid rgba(0,0,0,.3);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

    .third-effect .mask .info {
        position: relative;
        top: -10px;
        left: -5px;
        opacity: 0;
        -webkit-transition: opacity .5s 0s ease-in-out;
        -moz-transition: opacity .5s 0s ease-in-out;
        -o-transition: opacity .5s 0s ease-in-out;
        -ms-transition: opacity .5s 0s ease-in-out;
        transition: opacity .5s 0s ease-in-out;
    }

.third-effect:hover .mask {
    opacity: 1;
    border: 30px solid rgba(250,250,250,.3);
}

.copyright3, .footer-copyright3 {
    height: 60px;
    line-height: 60px;
    border-top: solid 2px rgba(250,250,250,.5);
}

.third-effect:hover .mask .info {
    opacity: 1;
    -moz-transition-delay: .3s;
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    -ms-transition-delay: .3s;
    transition-delay: .3s;
}

.footer-home3 {
    background: url(../images/bg-footer3.png) center top no-repeat;
    background-size: cover;
    color: #fff;
    padding-top: 20px;
    position: relative;
}

.home7-bg-footer .footer-home3 {
    background: url(../images/footer-home7.jpg) center top no-repeat;
    background-size: cover;
    color: #fff;
    padding-top: 20px;
}

.footer-copyright3 {
    background: 0 0;
    font-size: 16px;
    color: #fff;
    position: relative;
}

.icon-footer {
    margin: 0 auto;
}

.copyright3 {
    width: 100%;
    margin-top: 10px;
}

#polina button, .title_section p {
    line-height: 40px;
}

.text-content3 {
    text-align: left;
    margin-top: 20px;
    font-size: 16px;
    font-family: 'Open Sans',sans-serif;
}

.link-footer3 {
    width: 280px;
    height: 40px;
    margin: 0 auto 80px;
}

.bx-viewport, .bx-wrapper, .bxslider {
    height: 100%;
}

.main_content {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    background-color: #fff;
}

.bxslider .item, .fill, .item-home1 {
    position: relative;
}

.bxslider {
    width: 100%;
}

.bx-wrapper .bx-loading {
    display: block;
}

.bxslider .item {
    width: 100%;
    background-size: cover;
    background-position: center bottom;
    overflow: hidden;
}

.bx-controls {
    display: block;
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -65px;
    width: 20px;
    z-index: 1000;
}

.bx-wrapper .bx-controls-auto .bx-controls-auto-item, .bx-wrapper .bx-pager .bx-pager-item {
    display: block;
    margin: 10px 0;
    z-index: 99999;
}

.bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager {
    bottom: auto;
    top: 50%;
    padding-top: 0;
}

.bx-wrapper .bx-viewport {
    border: none;
    box-shadow: 0;
    left: 0;
}

.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #fff;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: 0 0;
    text-indent: -9999px;
    display: block;
    width: 12px;
    height: 12px;
    margin: 20px 5px;
    outline: 0;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 2px solid #fff;
}

.title h1, .title h2 {
    margin-bottom: 25px;
    color: #fff;
}

#polina button, .circle {
    border-radius: 100%;
    left: 50%;
}

.item-home1 {
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    height: 100%;
}

.container-wrapper {
    width: 100%;
    display: block;
    background-color: #f6f6f6;
}

#page_5 {
    background: 0 0;
}

.slider2-home1 {
    background: url(../images/slide2.jpg) center top no-repeat;
    background-size: cover;
}

.slider3-home1 {
    background: url(../images/slide3.jpg) center top no-repeat;
    background-size: cover;
}

.slider4-home1 {
    background: url(../images/slide4.jpg) center top no-repeat;
    background-size: cover;
}

.slider5-home1 {
    height: auto;
    background: url(../images/slide5.jpg) center top no-repeat;
    background-size: cover;
}

#section1 {
    background: url(../images/slide2.jpg) 50% 50% no-repeat;
    background-size: cover;
}

#section2 {
    background: url(../images/slide3.jpg) 50% 50% no-repeat;
    background-size: cover;
}

#section3 {
    background: url(../images/slide4.jpg) 50% 50% no-repeat;
    background-size: cover;
}

#section4 {
    background: url(../images/slide5.jpg) 50% 50% no-repeat;
    background-size: cover;
}

#section5 {
    background: url(../images/bg123_home2.png) 50% 50% no-repeat;
    background-size: cover;
}

#section6 {
    background: url(../images/bg_home10.png) 50% 50% no-repeat;
    background-size: cover;
}

.fill {
    height: auto;
    width: 100%;
    overflow-x: hidden;
    background: url(../images/slide5.jpg) center top;
    background-size: cover;
}

.video-home-full {
    width: 100%;
    height: 100%;
    overflow-y: hidden;
    background-repeat: no-repeat;
    background-size: cover;
}

.title {
    color: #fff;
    text-align: center;
    font-size: 16px;
    top: 10px;
    width: 100%;
    padding: 20px;
}

.video-home4.video-home8.margintop15 {
    margin-top: 15px;
}

.video-home8 .title {
    position: absolute;
    top: 40%;
    padding: 0;
}

.video-full .title {
    position: absolute;
    top: 10%;
    padding: 0;
}

.video-home8 #polina button {
    top: 58%;
}

.video-full #polina button {
    top: 50%;
}

.title h1 {
    font-size: 25px;
    font-family: roboto-medium;
    margin-top: -30px;
}

.title h2 {
    font-family: DancingScript-Bold;
    font-size: 35px;
    margin-top: 0;
    filter: alpha(opacity=50);
    opacity: .5;
}

.circle, .circle_resort {
    filter: alpha(opacity=60);
    opacity: .6;
}

.title p {
    font-size: 16px;
    text-align: left;
}

.title img {
    margin: 0 auto;
}

#polina button {
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    background: 0 0;
    margin-top: 10px;
    position: absolute;
    top: 10%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    color: #fff;
    text-align: center;
    font-size: 16px;
}

.circle, .text_vacation {
    top: 50%;
    position: absolute;
}

.circle {
    width: 300px;
    height: 300px;
    border: 1px solid #fff;
    padding: 15px;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.circle1 {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: 10px solid #fff;
}

.text_vacation {
    width: 100%;
    color: #fff;
    text-align: center;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

    .text_vacation h2 {
        text-transform: uppercase;
        font-size: 30px;
        font-family: roboto-bold;
        margin-top: 0;
        margin-bottom: 0;
    }

    .text_vacation h3 {
        font-size: 25px;
        margin-top: 0;
        margin-bottom: 0;
        font-family: roboto-thin;
        font-style: italic;
    }

.sb-icon-search, .value i {
    font-style: normal;
}

.text_vacation a > h4 {
    color: #fff;
    text-transform: uppercase;
    margin-top: 30px;
    font-family: 'Open Sans',sans-serif;
    font-size: 24px;
    display: block;
}

.text_resort h2, .title_section h2 {
    font-family: roboto-bold;
}

.text_vacation a > h4:hover {
    color: #337ab7;
    text-transform: uppercase;
    display: block;
}

.text_vacation a > h4 > i {
    margin-top: 5px;
    margin-left: 0;
    transition: all .35s ease-in-out;
}

.text_vacation a:hover > h4 > i {
    color: #337ab7;
    margin-left: 5px;
    transition: all .35s ease-in-out;
}

.title_section {
    position: absolute;
    width: 100%;
    top: 10%;
    color: #fff;
    text-align: center;
    padding: 0 6%;
}

    .title_section h3 {
        font-size: 18px;
    }

    .title_section h2 {
        font-size: 25px;
        text-transform: uppercase;
    }

.booking, .moreinfo {
    width: 220px;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    margin: 10px auto;
    border: 2px solid #fff;
    text-align: center;
    text-transform: uppercase;
}

.moreinfo {
    color: #fff;
}

.booking, .moreinfo {
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}

.sb-search, .view-more {
    -webkit-backface-visibility: hidden;
}

.booking:before, .moreinfo:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    color: #000;
}

.circle_resort, .text_resort {
    position: absolute;
    left: 50%;
    top: 50%;
}

.booking:active, .booking:focus, .booking:hover, .moreinfo:active, .moreinfo:focus, .moreinfo:hover {
    color: #000;
}

    .booking:active:before, .booking:focus:before, .booking:hover:before, .moreinfo:active:before, .moreinfo:focus:before, .moreinfo:hover:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

.booking {
    color: #fff;
}

.circle_resort {
    width: 300px;
    height: 300px;
    border-radius: 100%;
    border: 1px solid #fff;
    padding: 15px;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.text_resort {
    width: 100%;
    color: #fff;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    text-align: center;
}

    .text_resort h2 {
        font-size: 18px;
        text-transform: uppercase;
    }

    .text_resort h3 {
        font-size: 16px;
        margin-top: 0;
        font-family: roboto-thin;
    }

.lets-booking {
    color: #fff;
    text-align: center;
    padding: 0 3%;
}

    .lets-booking h1 {
        font-size: 40px;
        text-align: center;
        color: #fff;
        font-family: roboto-bold;
    }

.box-content, .send {
    font-family: 'Open Sans',sans-serif;
}

.lets-booking p {
    font-size: 16px;
    text-align: left;
    color: #fff;
}

.home h2, .resortbooking h2, .send, .taketour {
    text-align: center;
}

.Villas-Suites, .adults, .arrival-date, .departure-date, .kids {
    position: relative;
    width: 100%;
    height: auto;
    margin: 10px auto 0;
}

.calendar_input {
    position: absolute;
    top: 50%;
    right: 10%;
}

.down_inpput {
    position: absolute;
    top: 57%;
    right: 10px;
}

.arrival-date input, .departure-date input {
    width: 100%;
    height: 60px;
    font-size: 16px;
    color: #fff;
    border: 1px solid #fff;
    background: 0 0;
    padding-left: 20px;
    cursor: pointer;
    margin-top: 10px;
}

.Villas-Suites select, .adults select, .kids select {
    width: 230px;
    height: 35px;
    color: #fff;
    background: 0 0;
    padding-left: 20px;
    margin-top: 10px;
    border: 1px solid #fff;
    font-size: 16px;
    display: inline-block;
    cursor: pointer;
    -webkit-appearance: none;
}

.adults select, .kids select {
    -moz-appearance: none;
    line-height: 40px;
}

select > option {
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.box-content, .seacrh_header2, .send {
    background: #fff;
    width: 100%;
}

.send {
    height: 60px;
    text-transform: uppercase;
    font-size: 16px;
    color: #757575;
    line-height: 30px;
    border: 1px solid #fff;
    margin-top: 15px;
    font-weight: 700;
}

    .send:hover {
        color: #da251e;
    }

.seacrh_header2 {
    height: 90px;
}

.sb-search, .sb-search-input {
    height: 35px;
    position: absolute;
}

.box-content {
    color: #757575;
    font-size: 16px;
}

    .box-content .fa {
        margin-right: 10px;
    }

    .box-content img {
        margin: 10px auto;
    }

.seacrh_header {
    z-index: 999;
    color: #fff;
    padding: 8px 0;
    background: #034f84;
    width: 100%;
    position: relative;
}

.sb-search-input, .sb-search-submit {
    background: #fff;
    border: none;
    outline: 0;
}

.seacrh_header p {
    float: left;
    margin-bottom: 0;
    line-height: 40px;
}

.seacrh_header i {
    margin-top: 10px;
    font-size: 16px;
}

.sb-search {
    right: 0;
    margin-top: -40px;
    width: 0;
    min-width: 35px;
    float: right;
    overflow: hidden;
    -webkit-transition: width .3s;
    -moz-transition: width .3s;
    transition: width .3s;
}

.item-leisure, .pernight-direction a, .pernight-direction a:hover, .pernight-direction a:hover > i, .pernight-direction a > i, .taketour {
    transition: all .35s ease-in-out;
}

.sb-search-input {
    top: 0;
    right: 0;
    width: 90%;
    margin: 0;
    z-index: 10;
    padding: 20px 65px 20px 20px;
    font-family: inherit;
    font-size: 16px;
    color: #2c3e50;
}

    .sb-search-input::-webkit-input-placeholder {
        color: #034f84;
    }

    .sb-search-input:-moz-placeholder {
        color: #034f84;
    }

    .sb-search-input::-moz-placeholder {
        color: #034f84;
    }

    .sb-search-input:-ms-input-placeholder {
        color: #034f84;
    }

.sb-icon-search, .sb-search-submit {
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    right: 0;
    top: -5px;
    padding: 0;
    margin: 0;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}

.sb-search-submit {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    color: transparent;
    z-index: -1;
}

.sb-icon-search {
    color: #fff;
    background: #034f84;
    z-index: 90;
    font-size: 22px;
    font-family: icomoon;
    speak: none;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
}

.home h2, .home p, .resortbooking h2, .resortbooking p, .taketour {
    font-family: 'Open Sans',sans-serif;
}

.link-item-package, .view-more {
    vertical-align: middle;
    font-weight: 700;
    -moz-osx-font-smoothing: grayscale;
}

.no-js .sb-search, .sb-search.sb-search-open {
    width: 100%;
}

    .no-js .sb-search .sb-icon-search, .sb-search.sb-search-open .sb-icon-search {
        background: #034f84;
        color: #fff;
        z-index: 11;
    }

    .no-js .sb-search .sb-search-submit, .sb-search.sb-search-open .sb-search-submit {
        z-index: 90;
    }

.home-background {
    position: relative;
    top: 0;
    left: 0;
    background: url(../images/bg_home2.png) top center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 100%;
}

.link-item-package, .taketour, .view-more {
    height: 60px;
    text-transform: uppercase;
}

.home {
    color: #fff;
}

    .home h2 {
        font-size: 30px;
        text-transform: uppercase;
    }

    .home p {
        font-size: 16px;
        line-height: 30px;
    }

.taketour {
    width: 220px;
    margin: 0 auto;
    background: #da251e;
    line-height: 60px;
    color: #fff;
    font-size: 14px;
}

    .taketour:hover {
        background: #fff;
        color: #da251e;
    }

.tour-box {
    position: absolute;
    top: 35%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 97%;
}

.resortbooking_ocean {
    background: #fff;
    width: 100%;
    position: relative;
}

.resortbooking {
    background: #fff;
    margin-top: 0;
    position: relative;
    padding: 40px 6%;
    z-index: 10;
}

.Restaurant-semore:before, .link-item-package:before, .section5-hom3 .line:after, .view-more:before {
    z-index: -1;
    right: 0;
    content: "";
}

.resortbooking h2 {
    color: #034f84;
    font-size: 25px;
    margin-top: 10px;
}

.resortbooking p {
    color: #333;
    font-size: 16px;
    text-align: left;
    margin-top: 25px;
}

.slider-villas-suites .title-slider, .text-booking {
    text-align: center;
    font-family: 'Open Sans',sans-serif;
}

.img-booking {
    margin-top: 60px;
    margin-bottom: 60px;
}

.item-booking {
    position: relative;
    width: 100%;
    text-transform: uppercase;
    color: #fff;
    margin-top: 10px;
}

.text-booking {
    font-size: 16px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.item-booking img {
    width: 100%;
}

.text-booking h3 {
    font-size: 24px;
    font-family: 'Open Sans',sans-serif;
    margin-top: 0;
}

.villas-background {
    position: relative;
    top: 0;
    left: 0;
    background: url(../images/bg2_home2.png) center 0 no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-bottom: 70px;
}

.slider-villas-suites .owl-theme .owl-controls {
    margin-top: 35px;
}

#home .villas-background .owl-theme .owl-controls {
    display: none;
}

.slider-villas-suites .title-slider {
    font-size: 36px;
    line-height: 36px;
}

.superior {
    width: 100%;
    background: #fff;
    padding: 10px;
    margin-top: 10px;
}

    .superior h3 {
        color: #034f84;
        text-align: left;
        font-family: 'Open Sans',sans-serif;
        font-size: 25px;
    }

    .superior ul > li {
        color: #757575;
        font-family: 'Open Sans',sans-serif;
        font-size: 16px;
        list-style: none;
    }

        .superior ul > li > i {
            font-size: 12px;
            margin-right: 5px;
        }

.pernight {
    width: 100%;
    background: rgba(221,65,50,.8);
    color: #fff;
    font-family: roboto-thin;
    font-size: 24px;
    text-align: center;
    padding: 20px;
    margin: 10px auto 0;
}

    .pernight span {
        font-family: SourceSansPro-Bold;
    }

.leisure .leisure-title, .leisure-text a, .leisure-text h3, .photo-gallery .photo-tag ul li, .photo-title, .photo-title-new, .view-more {
    font-family: 'Open Sans',sans-serif;
}

.pernight-direction {
    color: #fff;
    font-size: 16px;
    padding: 30px;
    background: rgba(3,79,132,.8);
    width: 100%;
    margin-top: 10px;
    line-height: 25px;
}

    .pernight-direction a {
        text-transform: uppercase;
        color: #fff;
    }

        .pernight-direction a > i {
            margin-left: 0;
        }

        .pernight-direction a:hover {
            color: #fff;
            text-decoration: underline !important;
        }

            .pernight-direction a:hover > i {
                margin-left: 5px;
            }

.item-leisure {
    -webkit-box-shadow: 0 3px 5px 0 rgba(210,210,210,.75);
    -moz-box-shadow: 0 3px 5px 0 rgba(210,210,210,.75);
    box-shadow: 0 3px 5px 0 rgba(210,210,210,.75);
    -moz-transition: all .35s ease-in-out;
    -webkit-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
}

.home5-leisure .item-leisure {
    border-top: solid 1px #dedbdb;
    padding-left: 10px;
    padding-right: 10px;
}

.item-leisure.active, .item-leisure:hover {
    box-shadow: 0 13px 17px 0 rgba(0,0,0,.1);
    -webkit-box-shadow: 0 13px 17px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 13px 17px 0 rgba(0,0,0,.1);
    -o-box-shadow: 0 13px 17px 0 rgba(0,0,0,.1);
    -ms-box-shadow: 0 13px 17px 0 rgba(0,0,0,.1);
}

.item-leisure img {
    width: 100%;
}

.leisure {
    background: #fff;
}

.leisure-text {
    color: #333;
    font-size: 16px;
    padding: 0 15px 15px;
    position: relative;
}

    .leisure-text h3 {
        font-size: 24px;
        margin-top: 30px;
    }

.line {
    width: 70px;
    height: 3px;
    background: #034f84;
    margin-bottom: 25px;
    -webkit-transition: width 1s;
    transition: width 1s;
}

.section5-hom3 .line:after {
    width: 100%;
    border-bottom: solid 1px #DDD;
    position: absolute;
    top: 38px;
    left: 0;
}

.leisure-text a {
    text-transform: uppercase;
    color: #333;
}

    .leisure-text a:hover {
        color: #034f84;
    }

    .leisure-text a > i {
        margin-top: 5px;
        margin-left: 0;
        transition: all .35s ease-in-out;
    }

    .leisure-text a:hover > i {
        margin-left: 5px;
        transition: all .35s ease-in-out;
    }

.leisure-text p {
    line-height: 35px;
}

.leisure .leisure-title {
    font-size: 28px;
    color: #034f84;
    margin-left: 5px;
    text-align: center;
}

.photo-gallery-home2 {
    padding: 0 10px;
    background: url(../images/bg_item_home2.png) top center;
}

.photo-gallery .photo-tag ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .photo-gallery .photo-tag ul li {
        display: block;
        margin-left: 0;
        padding: 10px;
        color: #333;
        font-size: 16px;
        -webkit-transition: width 1s;
        transition: width 1s;
        cursor: pointer;
        text-align: center;
    }

        .photo-gallery .photo-tag ul li a {
            color: #333;
            text-decoration: none;
        }

        .photo-gallery .photo-tag ul li.active, .photo-gallery .photo-tag ul li:hover {
            border-bottom: #034f84 solid 2px;
        }

#navlist li a {
    color: #757575;
}

    #navlist li a:hover {
        color: #034f8;
    }

.photo-gallery .lavalamp-object {
    border-bottom: solid 3px #034f84;
}

.photo-title, .photo-title-new {
    font-size: 26px;
    color: #034f84;
    line-height: 26px;
    text-align: center;
}

.link-item-package:hover, .link-item-packaget:active, .link-item-packaget:focus, .view-more, .view-more:active, .view-more:focus, .view-more:hover {
    color: #fff;
}

.photo-item img {
    width: 100%;
}

.view-more {
    width: 220px;
    line-height: 60px;
    font-size: 16px;
    text-align: center;
    background: #034f84;
    margin: 50px auto 0;
    border-radius: 3px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}

    .view-more:before {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        background: #da251e;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        border-radius: 3px;
    }

    .lview-more:focus:before, .view-more:active:before, .view-more:hover:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

.Packages-text {
    color: #757575;
    font-size: 16px;
    text-align: center;
    font-family: 'Open Sans',sans-serif;
    padding-left: 15px;
    padding-right: 15px;
}

    .Packages-text h2, .Packages-text h3 {
        font-size: 24px;
        font-family: 'Open Sans',sans-serif;
    }

    .Packages-text h2 {
        color: #034f84;
    }

    .Packages-text .line {
        width: 70px;
        height: 3px;
        background: #034f84;
        margin: 0 auto 35px;
    }

.link-item-package {
    color: #fff;
    background: #034f84;
    width: 220px;
    line-height: 60px;
    font-size: 16px;
    text-align: center;
    margin: 0 auto 30px;
    transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -webkit-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    border-radius: 3px;
    display: inline-block;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}

    .link-item-package:before {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        background: #da251e;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        border-radius: 3px;
    }

    .link-item-package:active:before, .link-item-package:focus:before, .link-item-package:hover:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

.Packages-text ul > li {
    color: #757575;
    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
    text-align: left;
    line-height: 40px;
    list-style: none;
}

    .Packages-text ul > li > i {
        font-size: 12px;
        margin-right: 5px;
    }

.icon-logo-slider {
    background: #f8f7f4;
}

.slide-icon {
    margin-top: 70px;
    margin-bottom: 70px;
}

.item-logo {
    width: 40%;
    height: 160px;
    margin: 0 auto;
    position: relative;
}

    .item-logo img {
        width: 100%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
    }

.photo-item {
    display: inline-block;
    box-shadow: 0 0 1px transparent;
    cursor: pointer;
    width: 100%;
}

.home2 .photo-item {
    margin-top: 10px;
}

.owl-theme .owl-dots .owl-dot:hover span, .slider-villas-suites .owl-theme .owl-dots .owl-dot.active span {
    background: #fff;
}

.slider-villas-suites .owl-theme .owl-dots .owl-dot span {
    background: 0 0;
    border: 2px solid #fff;
    width: 13px;
    height: 13px;
}

.hovereffect {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
}

    .hovereffect .overlay {
        width: 100%;
        height: 100%;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
        padding: 20px;
        -webkit-transition: all .4s cubic-bezier(.88,-.99,0,1.81);
        transition: all .4s cubic-bezier(.88,-.99,0,1.81);
    }

    .hovereffect img {
        display: block;
        position: relative;
        width: 100%;
    }

    .hovereffect .text-booking {
        text-transform: uppercase;
        color: #fff;
        text-align: center;
        position: relative;
        background-color: rgba(0,0,0,.35);
        font-size: 17px;
        padding: 10px;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: all .6s cubic-bezier(.88,-.99,0,1.81);
        transition: all .6s cubic-bezier(.88,-.99,0,1.81);
    }

    .hovereffect .info {
        display: inline-block;
        text-decoration: none;
        padding: 7px 14px;
        text-transform: uppercase;
        color: #fff;
        border: 1px solid #fff;
        background-color: transparent;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        -webkit-transition: all .4s cubic-bezier(.88,-.99,0,1.81);
        transition: all .4s cubic-bezier(.88,-.99,0,1.81);
        font-weight: 400;
        margin: -90px 0 0;
        width: 100%;
        height: 100%;
    }

.Restaurant-semore, .item2-hom4-seemore {
    text-transform: uppercase;
    font-weight: 700;
    vertical-align: middle;
}

video.fillWidth {
    width: 100%;
    overflow-x: hidden;
}

.product-content ul {
    margin-left: -20px;
    list-style: none;
}

.link-more-icon-home3 {
    text-transform: uppercase;
    font-size: 16px;
    margin: 20px;
    color: #333;
}

.photo-gallery-home3 {
    background: #fff;
    overflow-x: hidden;
}

    .photo-gallery-home3 .photo-tag ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

        .photo-gallery-home3 .photo-tag ul li {
            display: block;
            margin-left: 0;
            padding: 10px;
            color: #333;
            font-family: 'Open Sans',sans-serif;
            font-size: 16px;
            text-align: center;
        }

    .photo-gallery-home3 #navlist li a:hover, .photo-gallery-home3 #navlist li.active a, .photo-gallery-home3 #navlist li:hover a {
        color: #fff;
    }

    .photo-gallery-home3 .lavalamp-object {
        background: #da251e;
    }

.slide-product img {
    width: 100%;
}

.section3-hom3 {
    position: relative;
    background: url(../images/bg_ss3_home3.png) center no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    width: 100%;
    padding-bottom: 50px;
    color: #fff;
    font-size: 16px;
}

    .section3-hom3 .photo-title {
        color: #fff;
        text-align: center;
    }

.img-Restaurant img {
    width: 100%;
}

.section3-hom3 .product-content ul li {
    color: #fff;
    list-style: none;
}

    .section3-hom3 .product-content ul li i {
        font-size: 12px;
        margin-right: 5px;
    }

.text-Restaurant {
    line-height: 40px;
}

.Restaurant-semore {
    width: 220px;
    height: 60px;
    text-align: center;
    margin: 10px auto 0;
    line-height: 60px;
    font-size: 16px;
    color: #fff;
    border: 1px solid #fff;
    font-family: 'Open Sans',sans-serif;
    transition: all .35s ease-in-out;
    border-radius: 3px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}

    .Restaurant-semore:before {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        background: #fff;
        color: #0b5896;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        border-radius: 3px;
    }

    .Restaurant-semore:active, .Restaurant-semore:focus, .Restaurant-semore:hover {
        color: #0b5896;
    }

        .Restaurant-semore:active:before, .Restaurant-semore:focus:before, .Restaurant-semore:hover:before {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
        }

.section4-hom3 {
    position: relative;
    background: url(../images/bg2_ss3_home3.png) center no-repeat fixed;
    background-size: cover;
    -webkit-background-size: cover;
    width: 100%;
    color: #fff;
    font-size: 16px;
}

    .section4-hom3 .photo-title {
        color: #fff;
    }

.text-testimonials h3 {
    text-transform: uppercase;
    font-size: 24px;
}

.content-testimonials {
    background: #da251e;
    padding: 20px;
}

    .content-testimonials h3 {
        text-transform: uppercase;
        font-size: 16px;
    }

.section4-hom3 .owl-carousel .owl-item .binhchon-sao img {
    width: auto;
    margin-top: 10px;
}

.section4-hom3 .owl-theme .owl-controls {
    margin-top: 40px;
}

.owl-theme .owl-dots .owl-dot:hover span, .section4-hom3 .owl-theme .owl-dots .owl-dot.active span {
    background: #fff;
}

.section4-hom3 .owl-theme .owl-dots .owl-dot span {
    background: 0 0;
    border: 1px solid #fff;
}

.section4-hom3 .line {
    border-bottom: solid 1px #eee;
}

.section5-hom3 .leisure-text p {
    font-size: 24px;
    font-family: roboto-thin;
}

.section5-hom3 .leisure-text .binhchon-sao {
    position: absolute;
    top: 0;
    right: 10px;
}

.section5-content, .slider3 {
    position: relative;
}

.section5-hom3 .item-leisure:hover .leisure-text p {
    color: #da251e;
}

.section5-content {
    margin-bottom: 0;
}

.section5-hom3 .next, .section5-hom3 .pre {
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: -10px;
    z-index: 444;
    cursor: pointer;
}

.section5-hom3 .pre {
    background: url(../images/about-us/slide-icon-1.png) no-repeat;
    transform: rotate(0);
    left: 10px;
}

    .section5-hom3 .pre:hover {
        background: url(../images/about-us/slide-icon-hover.png) no-repeat;
        transform: rotate(180deg);
    }

.section5-hom3 .next {
    background: url(../images/about-us/slide-icon-1.png) no-repeat;
    transform: rotate(180deg);
    right: 10px;
}

.hom4, .item-hom4 {
    height: 100%;
}

.section5-hom3 .next:hover {
    background: url(../images/about-us/slide-icon-hover.png) no-repeat;
    transform: rotate(0);
}

.slider-villas-home3 {
    width: 100%;
    overflow-x: hidden;
}

    .slider-villas-home3 .photo-title {
        text-align: center;
    }

.item-hom4 {
    position: relative;
    padding: 10px;
    width: 100%;
    text-align: center;
    background-size: cover;
}

    .item-hom4:hover .icon-item-hom4 {
        background: #fff;
        color: #034f84;
    }

.icon-item-hom4, .text-item-hom4 {
    color: #fff;
    z-index: 100;
    text-align: center;
}

.img-item-home4 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    background: #034f84;
}

.icon-item-hom4 {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    border: 1px solid #fff;
    position: relative;
    font-size: 20px;
    line-height: 50px;
    margin: 0 auto;
}

.text-item-hom4 {
    font-size: 12px;
    font-family: 'Open Sans',sans-serif;
    position: relative;
}

    .text-item-hom4 h3 {
        font-size: 24px;
        font-family: roboto-thin;
    }

    .text-item-hom4 p {
        line-height: 35px;
        margin-top: 20px;
    }

.item-hom4 img {
    display: block;
    position: relative;
    max-width: none;
    width: 100%;
    min-height: 100%;
    -webkit-transition: opacity .35s,-webkit-transform .35s;
    transition: opacity .35s,transform .35s;
}

.section3-hom4 .next, .section3-hom4 .pre {
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: -20px;
    z-index: 444;
    cursor: pointer;
}

.item-hom4:hover img {
    opacity: .4;
    filter: alpha(opacity=40);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.section3-hom4 .pre {
    background: url(../images/about-us/slide-icon-1.png) no-repeat;
    transform: rotate(0);
    left: 10px;
}

    .section3-hom4 .pre:hover {
        background: url(../images/about-us/slide-icon-hover.png) no-repeat;
        transform: rotate(180deg);
    }

.section3-hom4 .next {
    background: url(../images/about-us/slide-icon-1.png) no-repeat;
    transform: rotate(180deg);
    right: 10px;
}

    .section3-hom4 .next:hover {
        background: url(../images/about-us/slide-icon-hover.png) no-repeat;
        transform: rotate(0);
    }

.section5-content .leisure-text ul {
    margin-left: -20px;
    margin-bottom: 20px;
}

    .section5-content .leisure-text ul > li {
        color: #757575;
        font-family: 'Open Sans',sans-serif;
        font-size: 16px;
        list-style: none;
        text-align: left;
        line-height: 40px;
    }

        .section5-content .leisure-text ul > li > i {
            font-size: 12px;
            margin-right: 5px;
        }

.section5-content .leisure-text h2 {
    font-family: roboto-bold;
    font-size: 24px;
    color: #034f84;
    text-align: right;
}

.section5-content .leisure-text h3 {
    font-family: 'Open Sans',sans-serif;
    font-size: 24px;
}

.section5-content .item-leisure:hover h3 {
    color: #da251e;
}

.item2-hom4 {
    position: relative;
}

    .item2-hom4 img {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

.text-item2-hom4 h3 {
    font-family: roboto-bold;
    font-size: 30px;
}

.text-item2-hom4 {
    text-align: center;
    font-size: 24px;
    font-family: roboto-thin;
    color: #fff;
    position: relative;
    padding: 8% 10% 6%;
    background: url(../images/ss4-home4.png) center top no-repeat;
    background-size: cover;
    margin-bottom: 30px;
}

.item-slider-section5-hom4, .item2-hom4-seemore {
    font-family: 'Open Sans',sans-serif;
    text-align: center;
}

.binhchon-sao-item2-hom4 {
    margin: 0 auto;
    width: auto;
}

.line-star {
    width: 100px;
    height: 3px;
    background: #fff;
    margin: 30px auto;
}

.item2-hom4-seemore, .text-item2-hom4 h3, .text-item2-hom4 img, .text-item2-hom4 p {
    position: relative;
    z-index: 100;
}

.item2-hom4-seemore {
    width: 220px;
    height: 60px;
    line-height: 60px;
    color: #fff;
    border: 1px solid #fff;
    margin: 30px auto 0;
    font-size: 16px;
    transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -webkit-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    border-radius: 3px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}

.about-seamore, .sl-content-slice {
    -webkit-backface-visibility: hidden;
}

.item2-hom4-seemore:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    color: #757575;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.item2-hom4-seemore:active, .item2-hom4-seemore:focus, .item2-hom4-seemore:hover {
    color: #fff;
}

    .item2-hom4-seemore:active:before, .item2-hom4-seemore:focus:before, .item2-hom4-seemore:hover:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

.item2-hom4-seemore:hover {
    color: #757575;
}

.text-item2-hom4:after, .text-item2-hom4:before {
    content: '';
    opacity: 0;
    -webkit-transition: opacity .4s ease-in-out;
    -moz-transition: opacity .4s ease-in-out;
    -o-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out;
}

.text-item2-hom4:before {
    background: rgba(3,79,132,.5);
    display: block;
    height: 100%;
    left: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute;
    z-index: 10;
    top: 0;
    width: 100%;
    -webkit-transition: opacity .4s ease-in-out;
    -moz-transition: opacity .4s ease-in-out;
    -o-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out;
}

.text-item2-hom4:hover .popup, .text-item2-hom4:hover:after, .text-item2-hom4:hover:before {
    filter: alpha(opacity=100);
    opacity: 1;
}

.section5-hom4 {
    position: relative;
    background: url(../images/bg-section-banner-1.jpg) center no-repeat;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-bottom: 70px;
}

.home6-bg .section5-hom4 {
    position: relative;
    background: url(../images/bg-ss5-home6.png) center no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    width: 100%;
    padding-bottom: 70px;
}

.slider-section5-hom4 {
    padding-top: 87px;
    padding-bottom: 0;
}

.home7-bg .section5-hom4 {
    position: relative;
    background: url(../images/Homepage_07_3.jpg) center no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    width: 100%;
    padding-bottom: 70px;
}

.home7-bg2 .section5-hom7 {
    position: relative;
    background: url(../images/bg-input-home7.jpg) center no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    width: 100%;
}

.bg-slider-active .section5-hom4 {
    position: relative;
    background: url(../images/img-info.png) center no-repeat fixed;
    background-size: cover;
    -webkit-background-size: cover;
    width: 100%;
}

.content-slider-hom4, .relative {
    position: relative;
}

.section5-hom4 .next, .section5-hom4 .pre {
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: 15px;
    z-index: 444;
    cursor: pointer;
}

.section5-hom4 .pre {
    background: url(../images/about-us/slide-icon-1.png) no-repeat;
    transform: rotate(0);
    left: 5px;
}

    .section5-hom4 .pre:hover {
        background: url(../images/about-us/slide-icon-hover.png) no-repeat;
        transform: rotate(180deg);
    }

.section5-hom4 .next {
    background: url(../images/about-us/slide-icon-1.png) no-repeat;
    transform: rotate(180deg);
    right: 5px;
}

    .section5-hom4 .next:hover {
        background: url(../images/about-us/slide-icon-hover.png) no-repeat;
        transform: rotate(0);
    }

.item-slider-section5-hom4 {
    color: #fff;
    font-size: 16px;
    width: 100%;
}

.slider-section5-hom4.owl-carousel .owl-item img {
    width: auto;
    margin: 30px auto;
}

.item-slider-section5-hom4 p {
    line-height: 35px;
}

.item-slider-section5-hom4 h2 {
    font-size: 30px;
    font-family: roboto-bold;
}

.item-slider-section5-hom4 h3 {
    color: #fff;
    text-align: center;
    font-size: 24px;
    font-family: roboto-thin;
}

.item-section6-hom4-right, .section7-hom4 .text-item-hom4 ul > li, .text-logo-item-hom5 {
    font-family: 'Open Sans',sans-serif;
}

.item-section6-hom4 {
    margin-top: 35px;
    -webkit-box-shadow: 4px 4px 5px 0 rgba(210,210,210,.61);
    -moz-box-shadow: 4px 4px 5px 0 rgba(210,210,210,.61);
    box-shadow: 4px 4px 5px 0 rgba(210,210,210,.61);
    float: left;
    width: 100%;
    transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -webkit-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
}

    .item-section6-hom4:hover {
        -webkit-box-shadow: 4px 4px 20px 0 rgba(0,0,0,.21);
        -moz-box-shadow: 4px 4px 20px 0 rgba(0,0,0,.21);
        box-shadow: 4px 4px 20px 0 rgba(0,0,0,.21);
    }

        .item-section6-hom4:hover .item-section6-hom4-right {
            color: #da251e;
        }

.item-section6-hom4-left, .item-section6-hom4-left img {
    width: 100%;
}

.item-section6-hom4-right {
    width: 100%;
    font-size: 18px;
    padding: 5%;
    line-height: 35px;
    color: #303030;
}

.section7-hom4 .text-item-hom4 ul > li {
    color: #fff;
    font-size: 16px;
    list-style: none;
    text-align: left;
    line-height: 35px;
    margin-left: 20px;
}

    .section7-hom4 .text-item-hom4 ul > li > i {
        font-size: 12px;
        margin-right: 5px;
    }

.section8-hom4 {
    height: auto;
    position: relative;
    overflow: hidden;
}

video#bgvid-home4 {
    width: 100%;
    z-index: -100;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

.section8-hom4 .title h1 {
    font-size: 30px;
    margin-bottom: -45px;
}

.section8-hom4 #polina button {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: 1px solid #fff;
    background: 0 0;
    color: #fff;
    text-align: center;
    font-size: 16px;
    margin: 0 auto;
}

.section8-hom4 .title img {
    margin: -50px auto 0;
}

#slider2 .item2-hom4-seemore {
    background: #da251e;
    border: none;
}

.home-bg-popup-video .about {
    background: url(../images/bg_video_home5.png) center no-repeat;
    position: relative;
    background-size: cover;
    -webkit-background-size: cover;
}

.section6-hom5 {
    padding-bottom: 90px;
}

.item-section6-hom5 {
    width: 100%;
    background-color: #034f84;
    padding: 25px;
    margin-top: 10px;
}

.icon-logo-item-hom5 {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    border: 1px solid #fff;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    line-height: 80px;
    font-size: 30px;
}

.text-logo-item-hom5 {
    font-size: 16px;
    color: #fff;
    -webkit-text-fill-color: #fff;
    text-align: center;
}

    .section5-hom7 h3, .text-logo-item-hom5 h3 {
        font-size: 30px;
        color: #fff;
        font-family: roboto-thin;
    }

.form-GetInTouch {
    -webkit-box-shadow: 0 3px 6px -2px rgba(0,0,0,.75);
    -moz-box-shadow: 0 3px 6px -2px rgba(0,0,0,.75);
    box-shadow: 0 3px 6px -2px rgba(0,0,0,.75);
    padding: 70px;
    width: 100%;
}

#email1, #name1, #subject1 {
    width: 33%;
    height: 60px;
    border: 1px solid #ccc;
    border-radius: 0;
}

.image-map img {
    width: 100%;
}

.hovereffect6 {
    width: 100%;
    height: 100%;
    position: relative;
    text-align: center;
    margin-top: 30px;
}

    .hovereffect6 .overlay {
        width: 100%;
        height: 100%;
        padding-top: 5%;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
    }

    .hovereffect6 img {
        width: 100%;
        display: block;
        position: relative;
    }

    .hovereffect6 .overlay6 {
        position: relative;
        -webkit-transform: translateY(45px);
        -ms-transform: translateY(45px);
        transform: translateY(45px);
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
    }

    .hovereffect6 .info {
        display: inline-block;
        text-decoration: none;
        color: #fff;
        line-height: 35px;
        background-color: transparent;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        font-weight: 400;
        padding: 0 5%;
    }

.about-seamore, .btn-submit {
    line-height: 60px;
    text-transform: uppercase;
}

.height-restaurant {
    height: 60px;
}

.section3-hom5 .next, .section3-hom5 .pre {
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: -20px;
    z-index: 444;
    cursor: pointer;
}

.restaurant-home5 .restaurant-tabs-list {
    padding-top: 20px;
}

.section3-hom5 .pre {
    background: url(../images/about-us/slide-icon-1.png) no-repeat;
    transform: rotate(0);
    left: 10px;
}

    .section3-hom5 .pre:hover {
        background: url(../images/about-us/slide-icon-hover.png) no-repeat;
        transform: rotate(180deg);
    }

.section3-hom5 .next {
    background: url(../images/about-us/slide-icon-1.png) no-repeat;
    transform: rotate(180deg);
    right: 10px;
}

    .section3-hom5 .next:hover {
        background: url(../images/about-us/slide-icon-hover.png) no-repeat;
        transform: rotate(0);
    }

.slider-home8 .line-banner-home {
    width: 230px;
    margin: 0 auto 20px;
    height: 5px;
    background: #fff;
}

.section5-hom7 h3 {
    text-align: center;
    margin-top: 50px;
}

.btn-submit, .input-email input, .input-name input, .text-input-home8 {
    color: #fff;
    font-family: 'Open Sans',sans-serif;
}

.btn-submit {
    height: 60px;
    background: #034f84;
    text-align: center;
    font-size: 16px;
    width: 100%;
    margin-top: 25px;
    margin-bottom: 50px;
    border: none;
    font-weight: 700;
}

.input-email input, .input-name input {
    width: 100%;
    height: 60px;
    background: 0 0;
    border: 1px solid #fff;
    margin-top: 10px;
    font-size: 18px;
    padding: 0 10px;
}

.section2-hom7 {
    padding-top: 50px;
}

.hom7-img-section2 img {
    width: 100%;
    margin-top: 15px;
}

.video-home8 {
    width: 100%;
    overflow-y: hidden;
    background: url(../images/video-home4-play.jpg) center bottom no-repeat;
    background-size: cover;
}

.content-video-home10 .video-home8 {
    width: 100%;
    overflow-y: hidden;
    background: url(../images/video-home10-play.jpg) center bottom no-repeat;
    background-size: cover;
}

.homepage3-bg .video-full {
    width: 100%;
    overflow-y: hidden;
    background: url(../video/polina.jpg) no-repeat;
    background-size: cover;
}

.video-full {
    width: 100%;
    overflow-y: hidden;
    background: url(../images/video-home4-play.jpg) no-repeat;
    background-size: cover;
}

.video-home7 .video-full {
    width: 100%;
    overflow-y: hidden;
    background: url(../images/bg_video7.png) center bottom no-repeat;
    background-size: cover;
}

.video-home9 .video-full {
    width: 100%;
    overflow-y: hidden;
    background: url(../images/video-home9.png) center bottom no-repeat;
    background-size: cover;
}

.text-input-home8 {
    font-size: 16px;
    text-align: center;
}

    .text-input-home8 h3 {
        font-size: 30px;
        font-family: roboto-thin;
    }

.home8-content8 .footer-subcrible {
    height: auto;
    padding-bottom: 50px;
}

.section5-content .line-2 {
    width: 104.5%;
    margin-bottom: 25px;
    position: relative;
    margin-left: -15px;
    height: 1px;
    background: #DDD;
    margin-top: 20px;
}

    .section5-content .line-2:after {
        content: " ";
        display: block;
        background: #034f84;
        height: 2px;
        width: 0;
        transition: width .5s;
        -webkit-transition: width .5s;
        -moz-transition: width .5s;
    }

.vilas-home8 .leisure-text {
    color: #757575;
    font-size: 16px;
    padding: 0 15px 15px;
    position: relative;
}

.about-seamore, .video-bg-home4 #polina {
    color: #fff;
    font-size: 16px;
    text-align: center;
}

.video-bg-home4 {
    background: url(../images/video-home4.jpg) center bottom no-repeat;
    width: 100%;
    overflow-y: hidden;
    background-size: cover;
}

    .video-bg-home4 #polina {
        position: absolute;
        left: 50%;
        top: 65%;
    }

    .video-bg-home4 .title {
        position: absolute;
        left: 0;
        top: 55%;
        transform: translateY(-80%);
        -webkit-transform: translateY(-80%);
        width: 100%;
    }

.about-seamore {
    width: 220px;
    height: 60px;
    border: 1px solid #fff;
    margin: 0 auto;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    border-radius: 3px;
}

    .about-seamore:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #fff;
        color: #757575;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        border-radius: 3px;
    }

    .about-seamore:active, .about-seamore:focus, .about-seamore:hover {
        color: #757575;
    }

        .about-seamore:active:before, .about-seamore:focus:before, .about-seamore:hover:before {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
        }

.fancybox-overlay {
    z-index: 99;
}

.show-home10 .about-1 .col-1, .show-home10 .about-1 .col-2, .show-home10 .about-1 .col-3, .show-home10 .about-1 .col-4 {
    background-color: #fff;
}

.show-home10 .about-1 {
    margin-top: -50px;
    background: #fff;
    position: relative;
    z-index: 100;
}

.restaurant-home10 {
    margin-top: 90px;
}

.cssload-loader {
    position: relative;
    left: calc(50% - 31px);
    width: 62px;
    height: 62px;
    border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    perspective: 780px;
}

.cssload-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

    .cssload-inner.cssload-one {
        left: 0;
        top: 0;
        animation: cssload-rotate-one 1.15s linear infinite;
        -o-animation: cssload-rotate-one 1.15s linear infinite;
        -ms-animation: cssload-rotate-one 1.15s linear infinite;
        -webkit-animation: cssload-rotate-one 1.15s linear infinite;
        -moz-animation: cssload-rotate-one 1.15s linear infinite;
        border-bottom: 3px solid rgba(3,79,132,.95);
    }

    .cssload-inner.cssload-two {
        right: 0;
        top: 0;
        animation: cssload-rotate-two 1.15s linear infinite;
        -o-animation: cssload-rotate-two 1.15s linear infinite;
        -ms-animation: cssload-rotate-two 1.15s linear infinite;
        -webkit-animation: cssload-rotate-two 1.15s linear infinite;
        -moz-animation: cssload-rotate-two 1.15s linear infinite;
        border-right: 3px solid #034f84;
    }

    .cssload-inner.cssload-three {
        right: 0;
        bottom: 0;
        animation: cssload-rotate-three 1.15s linear infinite;
        -o-animation: cssload-rotate-three 1.15s linear infinite;
        -ms-animation: cssload-rotate-three 1.15s linear infinite;
        -webkit-animation: cssload-rotate-three 1.15s linear infinite;
        -moz-animation: cssload-rotate-three 1.15s linear infinite;
        border-top: 3px solid #034f84;
    }

@keyframes cssload-rotate-one {
    0% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(0);
    }

    100% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}

@-o-keyframes cssload-rotate-one {
    0%; {
        -o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0);
    }

    100% {
        -o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}

@-ms-keyframes cssload-rotate-one {
    0% {
        -ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0);
    }

    100% {
        -ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}

@-webkit-keyframes cssload-rotate-one {
    0% {
        -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0);
    }

    100% {
        -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}

@-moz-keyframes cssload-rotate-one {
    0% {
        -moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0);
    }

    100% {
        -moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}

@keyframes cssload-rotate-two {
    0% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(0);
    }

    100% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}

@-o-keyframes cssload-rotate-two {
    0%; {
        -o-transform: rotateX(50deg) rotateY(10deg) rotateZ(0);
    }

    100% {
        -o-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}

@-ms-keyframes cssload-rotate-two {
    0% {
        -ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(0);
    }

    100% {
        -ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}

@-webkit-keyframes cssload-rotate-two {
    0% {
        -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0);
    }

    100% {
        -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}

@-moz-keyframes cssload-rotate-two {
    0% {
        -moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(0);
    }

    100% {
        -moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}

@keyframes cssload-rotate-three {
    0% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(0);
    }

    100% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}

@-o-keyframes cssload-rotate-three {
    0%; {
        -o-transform: rotateX(35deg) rotateY(55deg) rotateZ(0);
    }

    100% {
        -o-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}

@-ms-keyframes cssload-rotate-three {
    0% {
        -ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(0);
    }

    100% {
        -ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}

@-webkit-keyframes cssload-rotate-three {
    0% {
        -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0);
    }

    100% {
        -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}

@-moz-keyframes cssload-rotate-three {
    0% {
        -moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(0);
    }

    100% {
        -moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}

#activities .product-more-info {
    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
    color: #818181;
    margin-left: 25px;
    margin-bottom: 35px;
    margin-top: 35px;
}

    #activities .product-more-info a {
        color: #818181;
    }

        #activities .product-more-info a:hover {
            color: #034f84;
        }

#activities .leisure-text i {
    width: 10px;
}

#activities .activities-content .col-lg-4 {
    padding-left: 15px;
    padding-right: 15px;
}

#activities .activities-content .item-leisure {
    margin-top: 40px;
}

#activities .product-name {
    margin-left: 0;
    margin-bottom: 16px;
    margin-top: 30px;
}

#activities .leisure-text {
    padding: 0 20px 30px 25px;
    font-family: 'Open Sans',sans-serif;
}

    #activities .leisure-text p {
        height: auto;
        padding-bottom: 10px;
    }

#activities .container .others-activities {
    margin-top: 90px;
}

#activities .text-other {
    margin-left: 0;
    padding-left: 15px;
}

#activities .item-leisure:hover {
    -webkit-box-shadow: 0 15px 25px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 15px 25px 0 rgba(0,0,0,.1);
    box-shadow: 0 15px 25px 0 rgba(0,0,0,.1);
}

.activities-content {
    margin-bottom: 90px;
}

#activities .activities-moreinfo {
    margin-top: 90px;
    position: relative;
    color: #fff;
    text-align: center;
}

    #activities .activities-moreinfo .title-text {
        font-family: Roboto-Light;
        font-weight: 700;
        margin-top: 80px;
        font-size: 18px;
    }

.search, .value {
    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
}

#activities .activities-moreinfo .line-product {
    width: 70px;
    height: 3px;
    background: url(../images/about-us/line-info.png);
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
}

#activities .activities-moreinfo .text {
    margin-top: 40px;
    line-height: 34px;
    padding-left: 22px;
    padding-right: 22px;
    margin-right: auto;
    margin-left: auto;
}

#activities .others-activities-content > .row > div, #tourist .container > .row > div {
    padding: 0 15px;
}

#activities .activities-moreinfo .info {
    text-transform: uppercase;
    color: #fff;
    width: 220px;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    text-align: center;
    margin: 45px auto 90px;
    border: 2px solid #fff;
}

#activities .info:hover {
    color: #757575;
    background: #fff;
}

#activities .container {
    position: relative;
}

#activities .others-activities {
    margin-bottom: 90px;
}

.value {
    position: absolute;
    top: 15px;
    left: 50%;
    line-height: 16px;
    margin: 0 0 0 -20px;
    width: 40px;
    text-align: center;
    display: block;
    font-weight: 400;
    color: #fff;
}

#tourist .ui-slider-horizontal {
    height: 4px;
}

#tourist.tourist2 .rating {
    margin-top: 3px;
    float: right;
    margin-right: 40px;
}

#tourist.tourist2 .tourist2-content .blue-line1 {
    width: calc(100%+30px);
    margin-left: -30px;
}

#tourist .rating {
    display: inline-block;
    float: left;
    margin-left: 25px;
}

#tourist .ui-slider {
    z-index: 100;
    width: 100%;
    margin-bottom: 70px;
}

#tourist .ui-corner-all {
    background-color: #81a7c2;
}

#tourist .ui-slider .ui-slider-range, #tourist .ui-slider:nth-child(2), #tourist .ui-slider:nth-child(3) {
    background-color: #fff;
}

#tourist .ui-slider .ui-slider-handle {
    width: 12px;
    height: 12px;
    margin-left: 0;
    cursor: pointer;
}

#slider {
    margin-top: 30px;
}

.price-range-both.value {
    width: 100px;
    margin: 0 0 0 50px;
    top: 26px;
}

.price-range-both {
    display: block;
}

#tourist .container > .row > div img.img-responsive {
    width: 100%;
}

#tourist .tourist-filter {
    background: #034f84;
    padding: 0 40px;
    color: #fff;
    box-shadow: 0 3px 5px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 3px 5px 0 rgba(0,0,0,.2);
}

#tourist .tourist-detail .tourist-filter {
    padding-left: 0;
    padding-right: 0;
}

#tourist .tourist-detail .price {
    color: #034f84;
}

#tourist .tourist-detail .personal-info .view-more {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 20px;
}

#tourist .tourist-detail .adults {
    width: 100%;
    margin-top: 20px;
    height: auto;
}

    #tourist .tourist-detail .adults button {
        background: url(../images/about-us/dropdown-arrow.png) 94% no-repeat;
        color: #fff;
        width: 100%;
        margin-top: 0;
    }

#tourist .tourist-detail .book-a-room {
    padding-top: 20px;
    margin-bottom: 0;
}

#tourist .tourist-detail .book-btn-check button {
    border-style: none;
    margin-top: 20px;
}

#tourist .tourist-filter .filter-title {
    font-weight: 700;
    line-height: 9px;
}

#tourist .tourist-filter .destination {
    margin-top: 32px;
}

#tourist .tourist-filter .rating1 {
    margin-top: 38px;
}

#tourist .icon-search {
    right: 48px;
    cursor: pointer;
    bottom: 24px;
}

#tourist .search {
    position: relative;
}

#tourist .tourist-filter .price {
    margin-top: 30px;
}

#tourist .tourist-filter .footer-filter {
    margin-top: 50px;
    margin-bottom: 45px;
}

#tourist .btn-lg {
    border-radius: 0;
    height: 60px;
}

.booking-tour i {
    margin-left: 10px;
}

#tourist .product-next > a > i, #tourist .product-pre > a > i {
    margin: 0;
}

#tourist .btn:hover {
    color: #da251e;
    background-color: #fff;
}

#tourist .btn-default {
    border-style: none;
    text-align: center;
    font-weight: 700;
    color: #8c8c8c;
    padding-left: 0;
}

#tourist .tourist-filter .rating1 .rating-content {
    padding-top: 10px;
    line-height: 15px;
}

#tourist .rating-content ul {
    list-style: none;
    padding: 0;
}

#tourist .tourist-filter .rating1 .rating-content img {
    vertical-align: inherit;
    height: 13px;
}

.search {
    padding-top: 15px;
}

#tourist .tourist-filter .border {
    border-color: #034471;
    margin-top: 30px;
    width: calc(100%+50px);
}

#search-form {
    border-style: solid;
    border-radius: 2px;
    width: 100%;
    height: 60px;
    background: url(../images/search.png) 96% no-repeat;
    padding-left: 15px;
}

#tourist input[type=checkbox] {
    height: 0;
    width: 0;
}

    #tourist input[type=checkbox] + label {
        position: relative;
        display: inline-block;
        align-items: center;
        margin-bottom: 10px;
        cursor: pointer;
    }

        #tourist input[type=checkbox] + label > span {
            display: inline-block;
            width: 12px;
            height: 12px;
            margin-right: 20px;
            border: 1px solid #fff;
            color: #034f84;
            cursor: pointer;
            border-radius: 1px;
        }

    #tourist input[type=checkbox]:checked + label > span {
        background: #fff;
    }

#tourist .line:after, .blue-line1 {
    width: 100%;
    background: #eee;
    display: block;
}

#tourist input[type=checkbox]:checked + label > span:before {
    content: "\2713";
    font-size: 12px;
    position: absolute;
    text-align: center;
    left: 3px;
    bottom: 1px;
}

#tourist .line:after, .blue-line1:after {
    content: " ";
}

#tourist .row .tourist-right-content > .row {
    margin: 30px 3px 5px;
    -webkit-box-shadow: 0 3px 5px 0 rgba(210,210,210,.75);
    -moz-box-shadow: 0 3px 5px 0 rgba(210,210,210,.75);
    box-shadow: 0 3px 5px 0 rgba(210,210,210,.75);
    transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -webkit-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    border-style: solid;
    border-width: 1px 0 0;
    border-color: #eee;
}

    #tourist .row .tourist-right-content > .row:hover {
        box-shadow: 0 15px 25px 0 rgba(0,0,0,.1);
        -webkit-box-shadow: 0 15px 25px 0 rgba(0,0,0,.1);
        -moz-box-shadow: 0 15px 25px 0 rgba(0,0,0,.1);
        -o-box-shadow: 0 15px 25px 0 rgba(0,0,0,.1);
        -ms-box-shadow: 0 15px 25px 0 rgba(0,0,0,.1);
        color: #034f84;
    }

        #tourist .row .tourist-right-content > .row:hover .leisure-text {
            margin-right: 25px;
        }

.right-content {
    font-family: Roboto-Light;
    font-size: 24px;
}

#tourist .booking-tour, #tourist .calendar, #tourist .product-more-info {
    font-size: 16px;
    font-family: 'Open Sans',sans-serif;
}

#tourist .leisure-text {
    padding: 0;
    margin-left: 25px;
}

#tourist .border {
    margin-top: 10px;
    border-color: #eee;
}

#tourist .row > .col-sm-6 .product-title {
    margin-bottom: 15px;
    margin-top: 16px;
    line-height: 22px;
    margin-right: 10px;
    text-align: right;
}

#tourist .line:after {
    height: 1px;
    position: absolute;
}

.blue-line1 {
    height: 1.1px;
    position: relative;
    margin-bottom: 30px;
}

    .blue-line1.fix-w-40px {
        width: calc(100% + 46px);
    }

    .blue-line1:after {
        display: block;
        position: absolute;
        top: -1px;
        left: 25px;
        right: 25px;
        width: 70px;
        height: 3px;
        background: #034f84;
        transition: width .5s;
        -webkit-transition: width .5s;
        -moz-transition: width .5s;
        -o-transition: width .5s;
        -ms-transition: width .5s;
    }

.star {
    padding-left: 12px;
}

#tourist .calendar {
    padding: 0 25px;
    line-height: 15px;
    color: #757575;
}

    #tourist .calendar.padding-l-15px {
        padding-left: 16px;
    }

#tourist .tourist-right-content .book-tour {
    padding: 0 25px;
}

#tourist .booking-tour {
    color: #757575;
    width: 115px;
    text-align: center;
    margin: 30px 25px 20px 22px;
    display: block;
}

    #tourist .booking-tour:hover {
        color: #034f84;
    }

    #tourist .booking-tour i {
        transition: all .5s;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
    }

    #tourist .booking-tour:hover i {
        margin-left: 15px;
    }

#tourist .tourist-detail .row.text {
    padding: 0;
    margin-top: 20px;
}

.slide-recommend-tourist .row.item:hover .line {
    width: 100%;
}

.slide-recommend-tourist .row.item img {
    display: block;
    margin: 0 auto;
    width: 100%;
}

#tourist .row .text {
    padding: 0 25px;
    margin-top: 20px;
    margin-left: 0;
    line-height: 28px;
}

#tourist .row > .col-sm-6 .text a {
    color: #303030;
}

#tourist .product-more-info {
    margin-bottom: 29px;
    margin-top: 40px;
    line-height: 16px;
    color: #818181;
    margin-left: 5px;
}

#tourist .right-content {
    position: relative;
}

@media(max-width:767px) {
    #tourist .right-content; {
        padding-left: 15px;
        padding-right: 15px;
    }
}

#tourist .product-more-info i {
    width: 10px;
    margin-left: 10px;
}

#tourist .product-more-info a {
    color: #818181;
}

#tourist .book-tour a:hover {
    color: #034f84;
}

#tourist .tourist-info {
    max-width: 382px;
    margin-top: 30px;
    background-size: cover;
}

#tourist .tourist-info1, #tourist .tourist-info2 {
    max-width: 370px;
    margin-top: 30px;
    background-size: cover;
    transform: translateX(-50%);
}

#tourist .tourist-info2 {
    position: relative;
    left: 50%;
}

#tourist .tourist-info1 {
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

#tourist > .row > .tourist-right-content > .row > .col-sm-6 {
    margin-right: -15px;
}

#tourist .tourist-info .product-title {
    text-align: center;
    margin-right: auto;
    padding-top: 46px;
    font-size: 30px;
    line-height: 28px;
    color: #fff;
}

#blog.blog2 #tourist .tourist-info .product-title {
    padding-top: 0;
}

#tourist .item2-hom4-seemore {
    margin-bottom: 65px;
}

#tourist .item {
    background: url(../images/more-tourist.png) no-repeat;
    background-size: cover;
    max-width: 382px;
}

#tourist .carousel-caption1 {
    left: 0;
    right: 0;
    padding: 30px 0 0;
    height: 100%;
    bottom: 10px;
    text-align: inherit;
}

.tourist-left-content .carousel-caption1 .product-title {
    font-family: roboto-bold;
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 30px;
    color: #fff;
    text-align: center;
}

#tourist .owl-carousel .owl-item img {
    width: inherit;
}

#tourist .Restaurant-semore {
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    float: none;
}

.text-more {
    color: #fff;
    font-family: Roboto-Light;
    font-size: 24px;
    line-height: 27px;
    text-align: center;
}

#tourist .tourist-info p {
    text-align: center;
    margin: 0;
}

.text-more p {
    padding: 0 10%;
}

.vote {
    margin: 30px auto 13px;
}

ol {
    list-style-type: none;
}

#dot1 {
    height: 67px;
    padding-top: 13px;
}

#tourist .owl-controls {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
}

#tourist .owl-theme .owl-dots .owl-dot span {
    height: 10px;
    width: 10px;
    margin: 0 6px 19px;
    background: 0 0;
    border: 2px solid #fff;
}

#tourist .owl-theme .owl-dots .owl-dot.active span {
    background: #fff;
}

#tourist .info-gray {
    margin-top: 30px;
}

    #tourist .info-gray .row div:nth-child(5) {
        text-indent: 0;
    }

#tourist .product-paging {
    margin-top: 90px;
}

.tourist2 .tourist2-header {
    margin-top: 50px;
    margin-bottom: 45px;
}

#tourist.tourist2 .tourist2-content > .row > div:nth-child(1) img {
    width: 100%;
}

#tourist.tourist2 .tourist2-content .row .text {
    padding-left: 15px;
    font-family: 'Open Sans',sans-serif;
}

#tourist.tourist2 .tourist2-content .blue-line1:after {
    right: 65px;
    left: initial;
}

#tourist.tourist2 .tourist2-content .calendar {
    margin-bottom: 20px;
}

#tourist.tourist2 .right-content {
    padding-left: 30px;
}

.tourist2 .star {
    float: right;
    padding-right: 70px;
}

.tourist2 .calendar {
    margin-top: 20px;
    padding-left: 0;
}

.tourist2 .right-content .border {
    margin: 20px 0 29px -50px;
}

.tourist2 .product-title {
    text-align: center;
    margin-bottom: 20px;
    color: #fff;
    margin-right: auto;
    font-size: 30px;
    line-height: 28px;
}

.tourist2 .product-title-tourist2 {
    text-align: left;
    margin-bottom: 30px;
    color: #034f84;
    margin-right: auto;
    font-size: 30px;
    line-height: 28px;
    font-family: SourceSansPro-Bold;
}

    .tourist2 .product-title-tourist2.padding-l-15px {
        margin-bottom: 0;
        font-family: roboto-bold;
        font-size: 24px;
    }

.tourist2 .product-more-info {
    margin: 45px 34px 35px 0;
    text-align: right;
}

.tourist2 .tourist2-content > .row {
    -webkit-box-shadow: 0 3px 5px 0 rgba(210,210,210,.75);
    -moz-box-shadow: 0 3px 5px 0 rgba(210,210,210,.75);
    box-shadow: 0 3px 5px 0 rgba(210,210,210,.75);
    transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    margin-top: 30px;
}

    .tourist2 .tourist2-content > .row:hover {
        box-shadow: 0 15px 25px 0 rgba(0,0,0,.1);
        -webkit-box-shadow: 0 15px 25px 0 rgba(0,0,0,.1);
        -moz-box-shadow: 0 15px 25px 0 rgba(0,0,0,.1);
        -o-box-shadow: 0 15px 25px 0 rgba(0,0,0,.1);
        -ms-box-shadow: 0 15px 25px 0 rgba(0,0,0,.1);
        color: #034f84;
    }

        .tourist2 .tourist2-content > .row:hover .leisure-text {
            margin-left: 0;
        }

.tourist2 .tourist-filter {
    padding: 10px 30px 2px;
}

.tourist2 .destination, .tourist2 .price, .tourist2 .rating1 {
    margin-top: 0;
}

.tourist2 .rating-content {
    padding-left: 0;
}

    .tourist2 .rating-content ul {
        list-style: none;
        padding: 0;
        margin-bottom: 0;
    }

    .tourist2 .rating-content > ul:nth-child(2) > li:nth-child(1) {
        padding-left: 2px;
    }

    .tourist2 .rating-content > ul:nth-child(2) > li:nth-child(2) {
        padding-left: 4px;
    }

    .tourist2 .rating-content li {
        display: inline-block;
    }

    .tourist2 .rating-content label {
        margin-bottom: 10px;
    }

    .tourist2 .rating-content .sao {
        margin-right: 14px;
        cursor: pointer;
    }

.tourist2 .tourist-filter .rating1 .rating-content img {
    height: 11px;
}

#search-form2 {
    border: 1px solid #fff;
    height: 44px;
    width: 80%;
    padding-left: 15px;
    background: url(../images/search.png) 96% no-repeat;
}

.tourist2 .icon-search {
    right: 32%;
    bottom: 15px;
}

.tourist2 .ui-slider {
    margin-top: 20px;
    margin-bottom: 0;
    margin-left: 0;
    width: 91%;
}

.tourist2 .footer-filter {
    margin: 10px 0 0;
}

.text-hanh {
    width: 100%;
}

.personal-info1 {
    margin: 0 -10px;
}

    .personal-info1 input:-ms-input-placeholder, .personal-info1 textarea:-ms-input-placeholder {
        color: #8c8c8c;
    }

    .personal-info1 input::-moz-placeholder, .personal-info1 textarea::-moz-placeholder {
        color: #8c8c8c;
    }

    .personal-info1 input:-moz-placeholder, .personal-info1 textarea:-moz-placeholder {
        color: #8c8c8c;
    }

    .personal-info1 input::-webkit-input-placeholder, .personal-info1 textarea::-webkit-input-placeholder {
        color: #8c8c8c;
    }

    .personal-info1 [class*=col-] {
        padding: 0 10px;
    }

input.text-hanh {
    height: 60px;
    padding: 0 25px;
}

textarea.text-hanh {
    height: 115px;
    resize: none;
    outline: 0;
    margin-top: 20px;
    padding: 20px 25px;
}

.tourist-detail .features .tourist-detail-content {
    padding-left: 0;
}

.tourist-detail .product-title {
    line-height: 60px;
    margin-top: 0;
    font-size: 30px;
    height: 60px;
    display: block;
    width: 100%;
    background: #f5f5f5;
    color: #034f84;
    text-align: right;
    padding-right: 10px;
}

.tourist-detail .text-tourist-detail {
    line-height: 1;
    margin-top: 20px;
}

    .tourist-detail .text-tourist-detail a {
        font-family: Roboto-light;
        font-size: 18px;
        color: #303030;
        line-height: normal;
    }

.tourist-detail .carousel-caption1 .product-title {
    font-family: Roboto-Bold;
    font-size: 30px;
    color: #fff;
    text-align: center;
    background: 0 0;
    margin-bottom: 5px;
}

#tourist .tourist-detail .text-more > p {
    width: 200px;
    padding: 0;
    margin: 0 auto;
}

#tourist .tourist-detail .carousel-caption1 {
    padding-top: 20px;
}

.tourist-detail .features > .row {
    font-family: SourceSansPro-bold;
    color: #034f84;
}

.tourist-detail .right-content .text {
    padding-left: 0;
    margin-top: 34px;
    line-height: 32px;
    font-size: 18px;
}

.tourist-detail .detail-content .right-content .text {
    font-family: 'Open Sans',sans-serif;
    color: #6c8baa;
    padding-left: 26px;
    margin-top: 30px;
    font-size: 24px;
    line-height: 36px;
}

#tourist .tourist-detail .right-content .calendar {
    position: relative;
    text-align: right;
    border-style: solid;
    border-width: 0 0 1px;
    border-color: #eee;
    padding-bottom: 20px;
}

@media(max-width:767px) {
    #tourist .tourist-detail .right-content .calendar; {
        padding-right: 0;
    }

    #tourist .tourist-detail .right-content .text {
        text-align: center;
    }
}

#tourist .tourist-detail .right-content .calendar .rating {
    margin: 3px 0 0;
}

#tourist .tourist-detail .detail-content .fa {
    margin: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
}

#tourist .tourist-detail .link1:hover {
    background: #3cc5e7;
}

#tourist .tourist-detail .share-tourist-detail {
    display: inline-block;
    margin-top: 25px;
    height: 40px;
    line-height: 40px;
}

#tourist .tourist-detail .footer-detail {
    text-align: right;
    border-style: solid;
    border-width: 1px 0 0;
    border-color: #eee;
    padding-right: 25px;
}

#tourist .tourist-detail .detail-input-comment ul {
    list-style-type: none;
    padding-left: 50px;
    margin-top: 30px;
    margin-bottom: 0;
}

    #tourist .tourist-detail .detail-input-comment ul > li:not(:first-child) {
        margin-top: 50px;
    }

#tourist .tourist-detail .detail-input-comment-item {
    display: flex;
}

    #tourist .tourist-detail .detail-input-comment-item img {
        width: 70px;
        height: 70px;
    }

    #tourist .tourist-detail .detail-input-comment-item span {
        margin-top: 5px;
    }

    #tourist .tourist-detail .detail-input-comment-item p {
        margin-top: 10px;
    }

#tourist .tourist-detail .detail-input-comment-item-content {
    border-style: solid;
    border-width: 1px;
    border-color: #eee;
    padding: 15px 30px 5px;
    margin-left: 15px;
    font-family: SourceSansPro;
    font-size: 16px;
}

    #tourist .tourist-detail .detail-input-comment-item-content span {
        line-height: 1;
    }

        #tourist .tourist-detail .detail-input-comment-item-content span:nth-child(1) {
            color: #d0d2d9;
        }

        #tourist .tourist-detail .detail-input-comment-item-content span:nth-child(5) {
            color: #034f84;
            cursor: pointer;
        }

        #tourist .tourist-detail .detail-input-comment-item-content span:nth-child(2), #tourist .tourist-detail .detail-input-comment-item-content span:nth-child(4) {
            margin-left: 15px;
            margin-right: 15px;
        }

#tourist .tourist-detail .more-comment {
    height: 60px;
    border-width: 1px 0 0;
    border-style: solid;
    border-color: #eee;
    line-height: 60px;
    margin-top: 30px;
}

#tourist .tourist-detail .detail-input-comments {
    padding-right: 50px;
}

#tourist .tourist-detail .more-comment a {
    font-family: SourceSansPro;
    font-size: 16px;
    padding-left: 30px;
    color: #757575;
}

#blog .blog-content .blog-title, #tourist .row > .col-xs-12 .text a, .comment .media, .tourist-detail .text-detail-content {
    font-family: 'Open Sans',sans-serif;
}

@media(max-width:767px) {
    #tourist .tourist-detail .detail-input-comments; {
        padding-right: 0;
    }

    #tourist .tourist-detail .more-comment {
        width: calc(100% + 30px);
        margin-left: -15px;
    }

    #tourist .tourist-detail .comment.detail-input-comment {
        padding-right: 15px;
        padding-left: 15px;
    }

    #tourist .tourist-detail .detail-input-comment ul {
        padding-left: 0;
    }

    #tourist .tourist-detail .detail-input-comment-item {
        flex-wrap: wrap;
    }

    #tourist .tourist-detail .detail-input-comment-item-content {
        margin-left: 0;
    }
}

#tourist .tourist-detail .link1:hover .fa {
    color: #fff;
}

#tourist .tourist-detail .link1 {
    width: auto;
    height: auto;
    float: initial;
    display: inline-block;
    background: #f5f5f5;
}

#tourist .tourist-detail .detail-content .text-detail-content {
    text-align: left;
    padding: 0 25px;
}

#tourist .tourist-detail .right-content .calendar:before {
    content: " ";
    position: absolute;
    bottom: -2px;
    display: block;
    width: 70px;
    height: 3px;
    background: #034f84;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
}

#tourist .tourist-detail .detail-comment, #tourist .tourist-detail .detail-content {
    -webkit-box-shadow: 0 3px 4px 0 rgba(210,210,210,.75);
    -moz-box-shadow: 0 3px 4px 0 rgba(210,210,210,.75);
    box-shadow: 0 3px 4px 0 rgba(210,210,210,.75);
    transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -webkit-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    border-style: solid;
    border-width: 1px 0 0;
    border-color: #eee;
}

#tourist .comment, #villas1 #tourist .row .detail-comment {
    -webkit-box-shadow: 0 3px 5px 0 rgba(210,210,210,.75);
    -moz-box-shadow: 0 3px 5px 0 rgba(210,210,210,.75);
}

#tourist .tourist-detail .detail-comment {
    padding-left: 50px;
    padding-right: 50px;
}

@media(max-width:767px) {
    #tourist .tourist-detail .detail-comment; {
        padding-left: 15px;
        padding-right: 15px;
        text-align: center;
    }

    #tourist .tourist-detail .detail-comment .text-more {
        text-align: center;
    }
}

#tourist .tourist-detail .detail-comment .personal-info {
    padding-left: 10px;
    padding-right: 10px;
}

    #tourist .tourist-detail .detail-comment .personal-info button {
        margin-bottom: 30px;
    }

#tourist .tourist-detail .detail-content:hover .leisure-text {
    margin-right: 25px;
}

.tourist-detail .text-detail-content {
    color: #757575;
    font-size: 16px;
    line-height: 34px;
    margin-bottom: 50px;
    margin-top: 44px;
}

.tourist-detail .text-more {
    margin-bottom: 20px;
}

.tourist-detail .link1 {
    margin: 25px 5px;
    font-size: 16px;
    font-weight: 700;
    color: #757575;
}

#blog label, #contact label, #tourist label {
    font-weight: 300;
}

.tourist-detail .text-detail-content p {
    text-indent: 35px;
    padding: 0 10px;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
}

#tourist .row > .col-xs-12 .text a {
    color: #303030;
    line-height: 35px;
}

    #tourist .row > .col-xs-12 .text a:hover {
        color: #da251e;
    }

.tourist-detail .star {
    line-height: 11px;
    padding: 0;
}

.tourist-detail .detail-content .star {
    margin-top: 20px;
    padding-left: 27px;
}

.tourist-detail .calendar {
    margin-top: 18px;
}

.tourist-detail .detail-content {
    margin-top: 40px;
}

#blog.blog-detail .tourist-detail .detail-content {
    margin-top: 20px;
    padding-top: 40px;
}

    #blog.blog-detail .tourist-detail .detail-content.pd-tp-40px {
        margin-top: 0;
    }

#blog.blog-detail .blog-detail-youtube {
    border-style: none;
    width: 100%;
}

.tourist-detail .border {
    margin-top: 16px;
}

.tourist-detail .detail-background .owl-theme .owl-controls {
    margin-top: -50px;
}

.tourist-detail .recommend-tourist .leisure-text {
    margin-left: 17px;
    margin-right: 17px;
}

.tourist-detail .footer-subcrible {
    margin-top: 90px;
}

#villas1 .villas1-item-content > .row {
    margin-left: 0;
    margin-right: 0;
}

    #villas1 .villas1-item-content > .row > div {
        padding-left: 0;
        padding-right: 0;
    }

#villas1 #tourist .row .detail-comment {
    padding: 5px 47px 0;
    margin-top: 30px;
    box-shadow: 0 3px 5px 0 rgba(210,210,210,.75);
    transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -webkit-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    border-style: solid;
    border-width: 1px 0 0;
    border-color: #eee;
}

    #villas1 #tourist .row .detail-comment.margintop30 {
        margin-top: 30px;
    }

.tourist-detail .comment .more-comment a {
    color: #757575;
}

    .tourist-detail .comment .more-comment a:hover {
        color: #034f84;
    }

.tourist-detail .leisure-text {
    margin-left: 17px;
}

#tourist #booking-personalinfo .info-right #data-info > .row {
    padding: 0;
}

#tourist #booking-personalinfo .info-right #data-info {
    box-shadow: none;
}

#tourist #booking-personalinfo .personal-info .btn-booking-room {
    margin-top: 14px;
    margin-bottom: 37px;
    border: none;
}

#tourist .personal-info .btn-booking-room:hover {
    color: #303030;
}

#tourist #booking-personalinfo .title-other-room {
    margin-top: 75px;
    margin-bottom: 45px;
}

#tourist #booking-personalinfo .recommend-tourist .content {
    line-height: 42px;
    margin-bottom: 35px;
}

#tourist #booking-personalinfo .info-right input:hover {
    border-color: #034f84;
}

#tourist .tourist-detail .features .row:nth-child(1n+2) > div:first-child {
    padding-right: 15px;
}

#tourist .comment {
    margin-top: 30px;
    box-shadow: 0 3px 5px 0 rgba(210,210,210,.75);
    transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -webkit-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    border-style: solid;
    border-width: 1px 0 0;
    border-color: #eee;
}

.comment .text-comment {
    padding-left: 35px;
    padding-bottom: 5px;
    text-align: left;
    line-height: 28px;
}

.comment .name {
    padding-top: 14px;
    padding-left: 35px;
}

.comment .media {
    font-size: 16px;
    color: #757575;
}

#villas1 #tourist .comment .media-body > .row {
    margin-left: 5px;
    padding: 10px 10px 10px 30px;
    border: 2px solid #fafafa;
}

.comment .media span {
    color: #d0d2d9;
}

.comment .media-list {
    margin-right: 55px;
    margin-bottom: 30px;
    margin-left: 55px;
}

@media(max-width:767px) {
    .content-recommend; {
        text-align: left;
    }

    .container-fluid.leisure .leisure-title {
        padding-left: 6px;
    }

    #gallery .photo-title {
        margin-bottom: -30px;
    }

    .our-team-home7 .photo-title {
        margin-top: 60px;
        margin-bottom: 20px;
    }

    #blog .photo-title {
        margin-top: 80px;
        margin-bottom: -20px;
    }

    .restaurant-home5 .photo-title, .section6-hom4 .photo-title {
        margin-top: 80px;
        margin-bottom: 10px;
    }

    .mobi-image-7 {
        margin-top: 180px;
    }

    #booking-personalinfo .personal-info {
        margin-top: 13px;
        padding: none;
    }

    .comment .media-list {
        margin: 0;
    }

        .comment .media-list img {
            max-width: 40px;
        }

    .blog-detail-youtube {
        width: 100%;
    }
}

.detail-comment .text-more {
    color: #757575;
    line-height: 20px;
    margin-top: 30px;
    text-align: left;
}

.comment .text-more {
    color: #757575;
    line-height: 24px;
    margin-left: 50px;
    margin-top: 20px;
    text-align: left;
}

.more-comment a {
    margin-right: 15px;
}

.name-padding {
    padding: 0 10px;
}

#blog .blog-content > .row > .col-lg-4, #blog .blog-content > .row > .col-lg-6 {
    padding-left: 15px;
    padding-right: 15px;
}

#blog .line {
    margin: 20px auto 0;
}

#blog.blog2 .line {
    margin-top: 10px;
}

#blog .container .blog-content {
    text-align: center;
}

#blog .blog-content > .row > .col-lg-6 > .row {
    -webkit-box-shadow: 0 3px 5px 0 rgba(210,210,210,.75);
    -moz-box-shadow: 0 3px 5px 0 rgba(210,210,210,.75);
    box-shadow: 0 3px 5px 0 rgba(210,210,210,.75);
    transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -webkit-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
}

    #blog .blog-content > .row > .col-lg-6 > .row:hover {
        -webkit-box-shadow: 0 15px 25px 0 rgba(0,0,0,.1);
        -moz-box-shadow: 0 15px 25px 0 rgba(0,0,0,.1);
        box-shadow: 0 15px 25px 0 rgba(0,0,0,.1);
    }

#blog .blog-product-content {
    -webkit-box-shadow: 0 3px 5px 0 rgba(210,210,210,.75);
    -moz-box-shadow: 0 3px 5px 0 rgba(210,210,210,.75);
    box-shadow: 0 3px 5px 0 rgba(210,210,210,.75);
    transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -webkit-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    padding-bottom: 45px;
}

#blog.blog2 .blog-product-content {
    padding-bottom: 40px;
}

#blog .blog-product-content:hover {
    -webkit-box-shadow: 0 13px 17px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 13px 17px 0 rgba(0,0,0,.1);
    box-shadow: 0 13px 17px 0 rgba(0,0,0,.1);
}

#blog .blog-content > .row > .col-lg-4 > .row, #contact .contact-content .detail-comment {
    -webkit-box-shadow: 0 3px 5px 0 rgba(210,210,210,.75);
    -moz-box-shadow: 0 3px 5px 0 rgba(210,210,210,.75);
    transition: all .35s ease-in-out;
}

#blog .blog-content > .row > .col-lg-4 {
    margin-top: 10px;
}

    #blog .blog-content > .row > .col-lg-4 > .row {
        box-shadow: 0 3px 5px 0 rgba(210,210,210,.75);
        -moz-transition: all .35s ease-in-out;
        -webkit-transition: all .35s ease-in-out;
        -o-transition: all .35s ease-in-out;
        -ms-transition: all .35s ease-in-out;
        margin-top: 10px;
    }

        #blog .blog-content > .row > .col-lg-4 > .row:hover {
            -webkit-box-shadow: 0 15px 25px 0 rgba(0,0,0,.1);
            -moz-box-shadow: 0 15px 25px 0 rgba(0,0,0,.1);
            box-shadow: 0 15px 25px 0 rgba(0,0,0,.1);
        }

#blog .blog-content .blog-title {
    margin-top: 45px;
    line-height: 13px;
    font-size: 16px;
}

#blog.blog2 .blog-content .blog-title {
    margin-top: 35px;
}

#blog .blog-content .blog-title ul {
    display: inline-block;
    padding-left: 0;
    text-align: center;
}

#blog .blog-content .blog-title li {
    display: inline-block;
}

    #blog .blog-content .blog-title li:nth-child(1n+2):before {
        margin: 0 7px;
        content: '\2022';
    }

#blog .blog-content img {
    width: 100%;
}

#blog .tourist-info {
    margin-left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

#blog .fa {
    margin-right: 5px;
}

#blog .fa-play {
    margin-right: 0;
}

#blog .blog-content .blog-text {
    font-family: Roboto-Light;
    font-size: 24px;
    margin-top: 30px;
    text-align: center;
    padding: 0 60px;
}

@media(max-width:992px) {
    #blog .blog-content .blog-text; {
        padding: 0;
    }
}

#blog .blog-text a {
    font-family: Roboto-Light;
    color: #303030;
}

#blog .product-more-info, .tourist-info .item .content-blog ul li, .tourist-info .item .title-blog {
    font-family: 'Open Sans',sans-serif;
}

#blog .blog-content .blog-text a:hover {
    color: #da251e;
}

#blog .product-more-info {
    font-size: 16px;
    line-height: 16px;
    color: #818181;
    margin-top: 30px;
}

    #blog .product-more-info a {
        margin: 0 auto;
        color: #818181;
    }

    #blog .product-more-info i {
        width: 15px;
        height: 15px;
        margin-left: 10px;
        transition: all .5s;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
    }

    #blog .product-more-info a:hover {
        color: #034f84;
    }

    #blog .product-more-info:hover.product-more-info i {
        margin-left: 15px;
    }

.blog2 .container #villas1 .blog2-content > .row {
    margin-right: -15px;
    margin-left: -15px;
}

#blog.blog-detail .format_feature [class*=col-] {
    padding: 0 10px;
}

#blog.blog-detail .format_feature .row {
    margin: 0 -10px;
}

.format_feature > .row {
    margin-top: 30px;
}

.tourist-info .item .title-blog {
    font-size: 24px;
    color: #fff;
    text-align: center;
    margin-top: 15px;
}

#blog.blog2 .content-blog .fa, .tourist-info .item .content-blog ul li i {
    margin-right: 20px;
}

.tourist-info .item .content-blog ul {
    color: #fff;
    padding: 0 0 0 55px;
    margin-top: 30px;
}

#blog.blog2 .item {
    background: url(../images/about-us/blog_2.png);
}

#blog.blog2 .tourist-info {
    margin-left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.tourist-info .item .content-blog ul li {
    display: block;
    margin: 0 auto;
    font-size: 16px;
    line-height: 34px;
}

@media(max-width:767px) {
    .tourist-info .item .content-blog ul; {
        padding-left: 10px;
    }
}

#blog .blog2-content .blog-content .blog2-txt {
    padding-left: 10px;
    padding-right: 15px;
}

#blog .blog2-content .blog-content .blog-text p {
    margin: 0;
    line-height: 30px;
}

#blog .blog2-content .features {
    font-family: SourceSansPro-bold;
    font-size: 16px;
    line-height: 16px;
    color: #034f84;
}

#blog.blog-detail .blog2-content div.features.search-blog-responsive {
    margin-top: 0;
}

#blog .blog2-content .col-md-5 {
    padding-top: 30px;
}

    #blog .blog2-content .col-md-5 > .row {
        margin-top: 30px;
        padding-bottom: 5px;
    }

#blog .blog2-content .blog-text ul {
    padding: 0;
}

#blog .blog2-content li {
    list-style-type: none;
}

.icon-search {
    position: absolute;
    bottom: 39px;
    right: 25px;
    cursor: pointer;
}

#search-blog {
    height: 60px;
    width: 100%;
    padding-left: 20px;
    border: 1px solid #034f84;
    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
    background: url(../images/blog-search.png) 94% no-repeat;
}

#blog .blog2-content .row .col-lg-4 .blog-text {
    font-family: Roboto-Light;
    font-size: 18px;
    text-align: inherit;
    line-height: 36px;
}

    #blog .blog2-content .row .col-lg-4 .blog-text li, .blog-detail .blog-tag, .contact-background, .tags {
        font-family: 'Open Sans',sans-serif;
        font-size: 16px;
    }

#blog.blog2 .features-post-content .row {
    margin: 0 -10px;
}

    #blog.blog-detail .blog2-content .row .col-lg-4 .blog-text, #blog.blog2 .features-post-content .row > div {
        padding: 0 10px;
    }

#blog .blog2-content .row .col-lg-4 .blog-text li {
    color: #034f84;
}

#blog .product-content {
    margin-top: 24px;
    margin-left: 25px;
    text-align: inherit;
    color: #fff;
}

    #blog .product-content ul {
        margin: 0 auto;
        width: 300px;
        list-style-image: url(../images/about-us/stick1.png);
    }

    #blog .product-content li {
        padding-left: 15px;
    }

#blog .tourist-info {
    margin-top: 45px;
}

    #blog .tourist-info.blg-cs-dtail.margintop15, #blog .tourist-info.blg-cs-dtail.margintop50 {
        margin-top: 50px;
    }

.tags {
    list-style: none;
    margin: 30px 0 0;
    overflow: hidden;
    padding-left: 10px;
}

    .tags li {
        float: left;
        margin-right: 30px;
    }

.tag {
    background: #eee;
    border-radius: 3px 0 0 3px;
    color: #303030;
    display: inline-block;
    height: 26px;
    line-height: 26px;
    padding: 0 10px 0 23px;
    position: relative;
    margin: 0 0 20px;
    text-decoration: none;
    -webkit-transition: color .2s;
}

    .tag::after, .tag::before {
        background: #fff;
        content: '';
        position: absolute;
    }

    .tag::after {
        border-radius: 10px;
        box-shadow: inset 0 1px rgba(0,0,0,.25);
        height: 6px;
        left: 10px;
        width: 6px;
        top: 10px;
    }

    .tag::before {
        border-bottom: 13px solid transparent;
        border-right: 10px solid #eee;
        border-top: 13px solid transparent;
        left: -10px;
        top: 0;
    }

    .tag:hover {
        background-color: #034f84;
        color: #fff;
    }

        .tag:hover::before {
            border-right-color: #034f84;
        }

#blog.blog-detail .line:after {
    content: none;
}

#blog.blog-detail .right-content .text {
    padding: 0 20px;
    text-align: center;
}

#blog.blog-detail .tourist-detail .detail-content {
    border-style: none;
}

#blog.blog-detail .format_feature {
    margin-top: 35px;
}

#blog.blog-detail #search-blog {
    background: url(../images/blog-search.png) 94% no-repeat;
}

.blog-detail .container #villas1 .blog2-content > .row {
    margin-right: -15px;
    margin-left: -15px;
}

.blog-detail .icon-search {
    right: 24px;
    bottom: 39px;
}

.blog-detail .detail-content .right-content .text {
    padding-left: 0;
    text-align: center;
    margin-top: 0;
}

.blog-detail .blog-tag {
    float: left;
    margin-left: 20px;
    color: #757575;
    padding: 37px 0;
}

    .blog-detail .blog-tag a {
        color: #757575;
    }

        .blog-detail .blog-tag a:hover {
            color: #034f84;
        }

.blog-detail #polina button {
    top: 52%;
}

.blog-detail .tourist-info .text-more {
    margin-top: 40px;
}

.blog-detail .blog-content {
    margin-top: 0;
}

.blog-detail .text-detail-content {
    margin-top: 30px;
}

.blog-detail .blog2-content > .row > .col-lg-8 {
    margin-top: 60px;
}

.contact-background {
    background: #eaeaea;
    text-align: center;
    line-height: 34px;
    color: #333;
    padding: 20px;
    min-height: 400px;
}

#contact .text-more, .contact-title {
    font-family: 'Open Sans',sans-serif;
    font-size: 30px;
}

.contact-background a {
    color: #333; padding-left:10px;
}

    .contact-background a:hover, .icon-contact {
        color: #da251e;
    }

.icon-contact {
    border-radius: 100%;
    width: 80px;
    height: 80px;
    border: 2px solid #da251e;
    margin: 0 auto;
    position: relative;
    transition: all 1s ease-in-out;
}

#contact .contact-content {
    margin-top: 40px;
}

.contact-title {
    margin-top: 30px;
    color: #034f84;
    margin-bottom: 20px;
}

.contact-background p {
    margin-bottom: 0;
}

#contact input.text-hanh, #contact textarea.text-hanh {
    margin-top: 25px;
}

#contact .text-more {
    padding-top: 40px;
    margin-top: 0;
    padding-left: 75px;
}

#contact .info-right #data-info > .row {
    padding: 0 75px 55px;
}

#contact .personal-info .btn-booking-room {
    border: none;
    margin-top: 24px;
    margin-bottom: 70px;
}

#contact #booking-personalinfo .info-right #data-info {
    box-shadow: none;
}

#contact .personal-info .view-more {
    margin-top: 20px;
}

#contact .contact-content .detail-comment {
    box-shadow: 0 3px 5px 0 rgba(210,210,210,.75);
    -moz-transition: all .35s ease-in-out;
    -webkit-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    padding-bottom: 70px;
    margin-top: 90px;
    border-style: solid;
    border-width: 1px 0 0;
    border-color: #eee;
}

#contact .btn-booking-room:hover {
    color: #303030;
}

#contact .info-right textarea {
    padding-left: 25px;
}

#contact .contact-content .contact-background {
    -webkit-box-shadow: 0 3px 5px 0 rgba(210,210,210,.75);
    -moz-box-shadow: 0 3px 5px 0 rgba(210,210,210,.75);
    box-shadow: 0 3px 5px 0 rgba(210,210,210,.75);
    transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -webkit-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    margin-top: 20px;
    border: 2px solid #cdcdcd;
    border-radius: 5px;
}

    #contact .contact-content .contact-background:hover {
        -webkit-box-shadow: 0 15px 25px 0 rgba(0,0,0,.1);
        -moz-box-shadow: 0 15px 25px 0 rgba(0,0,0,.1);
        box-shadow: 0 15px 25px 0 rgba(0,0,0,.1);
    }

#contact .contact-footer {
    width: 100%;
    margin-top: 90px;
    height: 550px;
}

#contact .footer-subcrible {
    margin-top: 0;
}

#contact .info-right input:hover {
    border-color: #034f84;
}

#contact .personal-info {
    padding: 0 67.5px;
    margin-top: 15px;
}

    #contact .personal-info > div {
        padding: 0 7.5px;
    }

#contact .icon-contact > .fa {
    font-size: 40px;
    position: absolute;
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    top: 50%;
    transform: translateY(-25%);
}

.input, .input__label {
    font-size: 16px;
    font-family: 'Open Sans',sans-serif;
}

.input {
    position: relative;
    z-index: 1;
    display: inline-block;
    text-align: center;
    width: calc(100%);
    vertical-align: top;
}

.input__field {
    position: relative;
    display: block;
    float: right;
    padding-left: 25px;
    width: 60%;
    border: none;
    border-radius: 0;
    background: #f0f0f0;
    color: #aaa;
    font-family: 'Open Sans',sans-serif;
    -webkit-appearance: none;
}

    .input__field.active {
        outline: 0;
        background: #f9f9f9;
    }

.input__label {
    display: inline-block;
    float: right;
    width: 40%;
    color: #757575;
    -moz-osx-font-smoothing: grayscale;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.input__label-content {
    position: relative;
    display: block;
    padding: 20px 0;
    width: 100%;
    height: 100%;
}

.input--kaede {
    display: block;
    overflow: hidden;
    background: #EFEEEE;
    height: 60px;
    width: 100%;
}

.input__field--kaede {
    position: absolute;
    top: 0;
    right: 100%;
    width: 60%;
    height: 100%;
    background: #fff;
    color: #9DABBA;
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s;
    -webkit-transition-timing-function: cubic-bezier(.2,1,.3,1);
    transition-timing-function: cubic-bezier(.2,1,.3,1);
}

.input__label--kaede {
    z-index: 10;
    display: block;
    width: 100%;
    height: 100%;
    text-align: left;
    cursor: text;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s;
    -webkit-transition-timing-function: cubic-bezier(.2,1,.3,1);
    transition-timing-function: cubic-bezier(.2,1,.3,1);
}

.input__label-content--kaede {
    padding-left: 25px;
}

.input--filled .input__field--kaede, .input__field--kaede.active {
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
    -webkit-transition-delay: 60ms;
    transition-delay: 60ms;
    color: #757575;
}

    .input--filled .input__label--kaede, .input__field--kaede.active + .input__label--kaede {
        -webkit-transform: translate3d(60%,0,0);
        transform: translate3d(60%,0,0);
        pointer-events: none;
    }

#textarea {
    max-width: 1020px;
    margin-top: 25px;
    background: #EFEEEE;
    height: 115px;
    resize: none;
}

textarea#input-38 {
    width: 100%;
}

#tourist.tourist2 .tourist2-content .booking-tour {
    float: right;
    margin-top: 40px;
    margin-right: 10px;
}

    #tourist.tourist2 .tourist2-content .booking-tour.margintop50 {
        margin-top: 0;
    }

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.img_blog2 {
    display: block;
    margin: 0 auto;
}

.fancybox-opened {
    z-index: 99999;
}

#activities .link-more-icon-home3, #villas1 .link-more-icon-home3 {
    display: block;
    text-align: center;
    width: 125px;
}

#activities .link-more-icon-home3 {
    margin: 0 0 0 -10px;
}

.link-more-icon-home3:hover a {
    color: #034f84;
}

.img {
    width: 100%;
}

.link-more-icon-home3 .fa {
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
}

.link-more-icon-home3:hover .fa {
    margin-left: 10px;
}

.slide-villas-detail2 .item-leisure {
    margin: 0 15px;
}

.content-show-more {
    display: none;
}

.description-view-more {
    font-weight: 700;
    display: inline-block;
    text-indent: 10px;
    cursor: pointer;
}

.about iframe, canvas {
    position: relative;
}

.about .wrap-iframe {
    display: block;
    width: 100%;
    margin-top: 90px;
    position: relative;
}

    .about .wrap-iframe img, .wrap-iframe img {
        width: 100%;
        height: 100%;
    }

    #blog .wrap-iframe .fa, .about .wrap-iframe .fa {
        width: 70px;
        height: 70px;
        color: #fff;
        border-style: solid;
        border-width: 1px;
        border-radius: 50%;
        font-size: 22px;
        text-align: center;
        padding-top: 23px;
        cursor: pointer;
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        margin: auto;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
    }

.jumbotron {
    padding-top: 80px;
}

.jumbotron-header .page-link a {
    color: #757575;
    text-decoration: none;
    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
}

.jumbotron-header .icon-page-link {
    background: url(../images/about-us/icon-page-link.png) 0 55% no-repeat;
    height: 10px;
    width: 10px;
    display: inline-table;
    margin-left: 8px;
}

.jumbotron-header {
    background: url(bg-banner/bg1.jpg);
}

    .jumbotron-header p {
        font-family: 'Open Sans',sans-serif;
        display: table;
        margin: 0 auto;
        color: #fff;
        font-size: 46px;
        font-weight: 500 !important;
        vertical-align: middle;
        text-align: center;
    }

    .jumbotron-header .page-link {
        color: grey;
        margin: 5px auto 0;
        text-align: center;
        font-size: 16px;
    }

.bg10, .bg12, .bg13, .bg14, .bg15, .bg16, .bg17, .bg18, .bg19, .bg2, .bg20, .bg21, .bg3, .bg4, .bg5, .bg6, .bg7, .bg8, .bg9 {
    height: auto;
    margin-top: 90px;
}

.bg2 {
    background: url(bg-banner/bg2.jpg);
}

.bg3 {
    background: url(bg-banner/bg3.jpg);
}

.bg4 {
    background: url(bg-banner/bg4.jpg);
}

.bg5 {
    background: url(bg-banner/bg5.jpg);
}

.bg6 {
    background: url(bg-banner/bg6.jpg);
}

.bg7 {
    background: url(bg-banner/bg7.jpg);
}

.bg8 {
    background: url(bg-banner/bg8.jpg);
}

.bg9 {
    background: url(bg-banner/bg9.jpg);
}

.bg10 {
    background: url(bg-banner/bg10.jpg);
}

.bg11 {
    height: auto;
    margin-top: 90px;
    background: url(bg-banner/bg11.jpg);
}

.bg12 {
    background: url(bg-banner/bg12.jpg);
}

.bg13 {
    background: url(bg-banner/bg13.jpg);
}

.bg14 {
    background: url(bg-banner/bg14.jpg);
}

.bg15 {
    background: url(bg-banner/bg15.jpg);
}

.bg16 {
    background: url(bg-banner/bg16.jpg);
}

.bg17 {
    background: url(bg-banner/bg17.jpg);
}

.bg18 {
    background: url(bg-banner/bg18.jpg);
}

.bg19 {
    background: url(bg-banner/bg19.jpg);
}

.bg20 {
    background: url(bg-banner/bg20.jpg);
}

.bg21 {
    background: url(bg-banner/bg21.jpg);
}

.title-about-1 {
    font-size: 24px;
    color: #034f84;
    font-family: 'Open Sans',sans-serif;
    margin-bottom: 18px;
}

.about-1 .content, .about-1 li {
    color: #333;
    font-size: 16px;
    font-family: 'Open Sans',sans-serif;
}

.about-1 .content {
    text-align: left;
    line-height: 35px;
}

.about-1 li {
    margin-bottom: 30px;
}

.about-1 ul {
    list-style: none;
    line-height: 1;
    margin-bottom: 0;
}

    .about-1 ul > li > i {
        font-size: 12px;
        margin-right: 5px;
        color: #ffea00;
    }

.about-1 .col-sm-3 {
    padding: 0;
    height: 400px;
}

.about-1 .statistical {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 50px;
}

.about-1 .col-1 {
    background-color: #f7f9fb;
}

.about-1 .col-2 {
    background-color: #f0f5f8;
}

.about-1 .col-3 {
    background-color: #e8eff4;
}

.about-1 .col-4 {
    background-color: #e0eaf0;
}

#villas-detail .owl-dots, .about-1 .owl-dots {
    position: absolute;
    bottom: 0;
    left: 25%;
    right: 25%;
}

.about-2, .about-3 {
    position: relative;
}

#villas-detail .owl-theme .owl-dots .owl-dot span, .about-1 .owl-theme .owl-dots .owl-dot span {
    background: url(../images/about-us/dot-slide.png) no-repeat;
}

#villas-detail .owl-theme .owl-dots .owl-dot.active span, #villas-detail .owl-theme .owl-dots .owl-dot:hover span, .about-1 .owl-theme .owl-dots .owl-dot.active span, .about-1 .owl-theme .owl-dots .owl-dot:hover span {
    background: url(../images/about-us/dot-hover-slide.png) no-repeat;
}

.about-1 .statistical p {
    font-family: 'Open Sans',sans-serif;
    font-size: 18px;
    color: #044f83;
    margin-top: 10px;
    margin-bottom: 75px;
    text-align: center;
}

@media(max-width:767px) {
    .title-about-1; {
        line-height: 1;
        margin-top: 30px;
    }

    .about-1 .content {
        margin-top: 20px;
    }

    .about-1 .statistical canvas, .about-1 .statistical p {
        margin-top: 0;
        margin-bottom: 0;
    }

    .about-1 .statistical > div {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

.about-2 {
    height: auto;
    background: url(../images/about-us/background_video.png) no-repeat;
}

.video-home10 {
    height: auto;
    background: url(../images/bg-hom10-2.png) no-repeat;
    background-size: cover;
}

.title-about-2 {
    font-family: Roboto-Light;
    margin-top: 90px;
    font-size: 24px;
    color: #fff;
}

.about-2 .content, .about-2 ul {
    font-family: SourceSansPro;
}

.about-2 .content, .about-2 li {
    color: #fff;
    font-size: 16px;
}

.about-2 .content {
    text-align: left;
    line-height: 35px;
}

.about-2 ul {
    list-style: none;
    line-height: 50px;
    margin-top: 20px;
    padding-left: 25px;
    margin-left: -5px;
}

#villas1 .menu-search .adults button, .footer-subcrible .btn-subcrible, .footer-subcrible .txt-subcrible {
    font-family: 'Open Sans',sans-serif;
}

.about-2 ul > li > i {
    font-size: 12px;
    margin-right: 5px;
    color: #ffea00;
}

.about-2 .video {
    margin-top: 90px;
    width: 100%;
    height: 370px;
}

.about-2 {
    padding-bottom: 90px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-background-size: cover;
    width: 100%;
}

.about-3 .row.slide-product {
    margin-left: 0;
    margin-right: 0;
}

    .about-3 .row.slide-product [class*=col-] {
        padding-left: 0;
        padding-right: 0;
    }

.about-3 .slide-product .row {
    margin: 30px 0;
    position: relative;
    box-shadow: 0 3px 5px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 3px 5px 0 rgba(0,0,0,.2);
    transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -webkit-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
}

    .about-3 .slide-product .row:hover {
        box-shadow: 0 13px 17px 0 rgba(0,0,0,.1);
        -webkit-box-shadow: 0 13px 17px 0 rgba(0,0,0,.1);
        -moz-box-shadow: 0 13px 17px 0 rgba(0,0,0,.1);
        -o-box-shadow: 0 13px 17px 0 rgba(0,0,0,.1);
        -ms-box-shadow: 0 13px 17px 0 rgba(0,0,0,.1);
    }

        .about-3 .slide-product .row:hover .product-name {
            color: red;
        }

.about-3 .slide-product .col-sm-6 {
    position: static;
    padding-left: 0;
    padding-right: 0;
}

#villas1 .container, .about-3 .icon {
    position: relative;
}

.about-3 .slide-product .icon i {
    height: 40px;
    width: 40px;
    margin-bottom: 20px;
}

.about-3 .icon {
    left: 0;
    bottom: 0;
}

.icon .fa-instagram {
    color: #818181;
    background: #f5f5f5;
    text-align: center;
    line-height: 40px;
    margin-left: 20px;
}

.icon .fa-facebook, .icon .fa-twitter {
    margin-left: 15px;
    line-height: 40px;
    text-align: center;
}

.icon .fa-instagram:hover {
    text-align: center;
    background-color: #3cc5e7;
    color: #fff;
}

.icon .fa-twitter {
    color: #818181;
    background: #f5f5f5;
}

    .icon .fa-twitter:hover {
        text-align: center;
        background-color: #3cc5e7;
        color: #fff;
    }

.icon .fa-facebook {
    color: #818181;
    background: #f5f5f5;
}

    .icon .fa-facebook:hover {
        text-align: center;
        background-color: #3cc5e7;
        color: #fff;
    }

@media(max-width:768px) {
    #booking-personalinfo .personal-info .col-xs-12:nth-child(7), #booking-personalinfo .personal-info .col-xs-12:nth-child(8); {
        padding-right: 15px;
    }

    .container-fluid.leisure .leisure-title {
        padding-left: 6px;
    }

    .about-3 .product-pre > a > .fa {
        display: none;
    }
}

.about-3 .container {
    position: relative;
    padding: 0;
}

@media(max-width:768px) {
    .about-3 .product-next > a > .fa; {
        display: none;
    }

    .about-3 .container {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.footer-subcrible {
    width: 100%;
    background-color: #034f84;
}

.home8-content8 .footer-subcrible .container {
    width: 100%;
}

.footer-subcrible .subcrible {
    margin: 40px 70px;
}

.footer-subcrible .btn-subcrible {
    font-weight: 700;
    padding: 16px 20px;
    color: #333;
    background-color: #fff;
    transition-duration: .5s;
}

    .footer-subcrible .btn-subcrible:hover {
        color: #fff;
        background-color: #da251e;
        transition-duration: .5s;
    }

.footer-subcrible .subcrible input:-ms-input-placeholder {
    color: #fff;
}

.footer-subcrible .subcrible input::-moz-placeholder {
    color: #fff;
}

.footer-subcrible .subcrible input:-moz-placeholder {
    color: #fff;
}

.footer-subcrible .subcrible input::-webkit-input-placeholder {
    color: #fff;
}

.footer-subcrible .txt-subcrible {
    padding-left: 30px;
    font-size: 16px;
    width: 100%;
    height: 60px;
    background-color: #034f84;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 2px;
}

.footer-subcrible p {
    font-size: 28px;
    color: #fff;
    text-transform: uppercase;
    padding: 45px 0;
    margin: 0;
    line-height: 40px;
}

.footer-subcrible a {
    margin: 40px 0 !important;
}

::-webkit-input-placeholder {
    color: #fff;
    opacity: 1;
}

:-moz-placeholder {
    color: #fff;
    opacity: 1;
}

::-moz-placeholder {
    color: #fff;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #fff;
    opacity: 1;
}

#villas1 .menu-search {
    padding-top: 20px;
    background-color: #034f84;
    box-shadow: 0 3px 5px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 3px 5px 0 rgba(0,0,0,.2);
}

#villas1 .row.pd-left-15px {
    padding-left: 15px;
}

#villas1 .row .pd-right-15px {
    padding-right: 15px;
}

#villas1 .product-title {
    line-height: 1;
    margin-top: 20px;
}

#villas1 .icon {
    margin-bottom: 15px;
}

#villas1 .menu-search > .row {
    padding-left: 30px;
    padding-right: 30px;
}

#villas1 .menu-search .adults {
    width: 100%;
    height: 60px;
    margin-top: 15px;
    flex: 2;
}

    #villas1 .menu-search .adults .btn-group {
        width: 100%;
    }

    #villas1 .menu-search .adults button {
        border-style: solid;
        border-width: 1px;
        border-color: #fff;
        margin: 0 auto;
        color: #fff;
        border-radius: 0;
        width: 100%;
        height: 60px;
        font-size: 16px;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        background: url(../images/about-us/dropdown-arrow.png) 96% no-repeat;
    }

#villas1 .menu-search .group-menu-search {
    display: block;
}

.option-default {
    display: none;
}

.btn-search-villas {
    border-style: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
}

    .btn-search-villas:hover {
        color: #da251e;
    }

#villas1 .btn-search-villas {
    display: block;
    margin-top: 15px;
    width: 100%;
    height: 60px;
    border-radius: 0;
    background-color: #fff;
    color: #6c798a;
    font-family: SourceSansPro-Bold;
    flex: 2;
}

#villas1 .menu-search .item-on-page, #villas1 .product-more-info, .product-paging li, .product-paging ul {
    font-family: 'Open Sans',sans-serif;
}

#villas1 .menu-search .item-on-page {
    line-height: 60px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    width: 100%;
    flex: 1.5;
}

#villas1 .villas-content img {
    width: 100%;
}

#villas1 .product-content {
    margin-left: 25px;
}

#villas1.villas2 .product-content {
    margin-left: 0;
}

#villas1 .product-name {
    margin-left: 25px;
    line-height: 1;
    margin-top: 20px;
}

    #villas1 .product-name a {
        color: #303030;
    }

#villas1 .product-line {
    margin-bottom: 25px;
}

.product-more-info:hover .fa {
    margin-left: 15px;
}

#villas1 .product-more-info {
    font-size: 16px;
    color: #818181;
    margin-left: 5px;
    padding-left: 15px;
    padding-right: 15px;
}

#villas1.villas2 .product-more-info {
    margin-left: -15px;
    padding-left: 0;
    line-height: 1;
    margin-top: 25px;
    margin-bottom: 25px;
}

#villas1 .product-more-info i {
    width: 15px;
    height: 15px;
}

.product-more-info a .fa {
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
}

#villas1 .product-more-info a {
    color: #818181;
    display: block;
    width: 125px;
    text-align: center;
}

    #villas1 .product-more-info a:hover {
        color: #034f84;
    }

#villas1 .villas-content > .row > div > .row:hover .product-name a, .villas2 .villas-content > .row > .col-md-4 > .row:hover .product-name a {
    color: #da251e;
}

#villas1 .villas-content > .row > div > .row {
    box-shadow: 0 3px 5px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 3px 5px 0 rgba(0,0,0,.2);
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
}

    #villas1 .villas-content > .row > div > .row > div:nth-child(2) {
        border-style: solid;
        border-color: #eee;
        border-width: 1px 0 0;
    }

    #villas1 .villas-content > .row > div > .row:hover {
        box-shadow: 0 15px 30px 0 rgba(0,0,0,.1);
        -webkit-box-shadow: 0 15px 30px 0 rgba(0,0,0,.1);
        -moz-box-shadow: 0 15px 30px 0 rgba(0,0,0,.1);
        -o-box-shadow: 0 15px 30px 0 rgba(0,0,0,.1);
        -ms-box-shadow: 0 15px 30px 0 rgba(0,0,0,.1);
    }

.villas2 .villas-content > .row > .col-md-4 > .row {
    box-shadow: 0 3px 5px 0 rgba(0,0,0,.2);
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
}

    .villas2 .villas-content > .row > .col-md-4 > .row:hover {
        -webkit-box-shadow: 4px 4px 20px 0 rgba(0,0,0,.21);
        -moz-box-shadow: 4px 4px 20px 0 rgba(0,0,0,.21);
        box-shadow: 4px 4px 20px 0 rgba(0,0,0,.21);
    }

#villas1.villas2 .product-name {
    margin-left: 0;
    margin-top: 20px;
}

#villas1 .villas-content .row a:hover .product-name {
    color: red;
}

.product-paging {
    padding-left: 0;
    text-decoration: none;
    list-style: none;
    text-align: right;
    margin-bottom: 0;
}

    .product-paging li, .product-paging ul {
        font-size: 16px;
        color: #818181;
        display: inline-block;
        margin-left: 10px;
        margin-right: 10px;
        line-height: 40px;
    }

        .product-paging li:last-child {
            margin-right: 0;
        }

div.product-next > a > .fa, div.product-pre > a > .fa {
    position: absolute;
    bottom: -30px;
    z-index: 444;
}

div.product-pre > a > .fa {
    left: 10px;
}

div.product-next > a > .fa {
    right: 10px;
}

.product-next > a > .fa, .product-pre > a > .fa {
    width: 40px;
    height: 40px;
    color: #d3d3d3;
    text-align: center;
    line-height: 37px;
    border-style: solid;
    border-width: 1px;
    border-radius: 50%;
    cursor: pointer;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
}

    .product-next > a > .fa:hover, .product-pre > a > .fa:hover {
        color: #034f84;
    }

.product-paging .active {
    color: #29608e;
}

.product-paging a {
    color: #818181;
}

    .product-paging a:hover {
        color: #29608e;
    }

.villas2 .line-product {
    width: 70px;
    height: 3px;
    background: url(../images/about-us/line-product.png);
    margin-top: 20px;
    margin-bottom: 23px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
}

.villas2 .product-title {
    margin-top: 20px;
}

.villas2 .villas-content img {
    width: 100%;
}

.villas2 .villas-content .col-md-4 {
    padding-left: 15px;
    padding-right: 15px;
}

#villas1.villas2 .villas-content .row > div > .row > div:nth-child(2) {
    padding-left: 25px;
    padding-right: 0;
}

.detail-book-room {
    background-color: #034f84;
    color: #fff;
    padding: 0 20px;
}

.book-arrival-date input, .book-departute-date input, .book-select-adults select, .book-select-kids select {
    background-color: #034f84;
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-family: 'Open Sans',sans-serif;
    border-style: solid;
    border-width: 1px;
    border-color: #fff;
    font-size: 16px;
    padding: 0 20px;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.book-a-room, .book-btn-check button {
    font-family: SourceSansPro-Bold;
    font-size: 16px;
}

.book-arrival-date input, .book-departute-date input {
    background: url(../images/about-us/calendar.png) 95% no-repeat;
}

.book-select-adults select, .book-select-kids select {
    background: url(../images/about-us/select-arrow.png) 91% no-repeat;
}

.book-arrival-date, .book-departute-date, .book-select-adults, .book-select-kids {
    margin-top: 20px;
}

.book-btn-check {
    margin-top: 20px;
    padding-bottom: 20px;
}

    .book-btn-check button {
        border-radius: 3px;
        width: 100%;
        height: 60px;
        color: #757575;
        background: #fff;
    }

.title-villas-detail {
    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
    color: #034f84;
    margin-left: 15px;
    line-height: 1;
}

.fa-circle {
    font-size: 6px;
}

.title-recommend {
    font-size: 16px;
    font-family: SourceSansPro-Bold;
    color: #034f84;
    margin-bottom: 5px;
}

#booking .product-more-info, .content-recommend, .text-other, .text-rooms {
    font-family: 'Open Sans',sans-serif;
}

.content-recommend {
    font-size: 16px;
    color: #757575;
    line-height: 35px;
}

#villas-detail .product-title {
    line-height: 1;
    margin-top: 20px;
}

    #villas-detail .product-title.margintop90 {
        margin-top: 90px;
    }

#villas-detail.villas-detail2 .product-title {
    margin-top: 0;
}

#villas-detail .product-name {
    line-height: 1;
    margin-top: 50px;
}

#villas-detail .product-content ul {
    line-height: 1;
}

#villas-detail .product-content li {
    line-height: initial;
    margin-top: 16px;
}

#villas-detail .product-more-info {
    line-height: 1;
    margin-top: 20px;
    margin-bottom: 20px;
}

#villas-detail .content-villas-detail .product-title {
    background-color: #f5f5f5;
    height: 60px;
    line-height: 60px;
    padding-right: 25px;
    margin-right: 0;
}

#villas-detail .villas-detail-package img {
    width: 100%;
}

#villas-detail .shadow-villas-detail {
    border-style: solid;
    border-width: 1px 0 0;
    border-color: #eee;
    box-shadow: 0 3px 5px 0 rgba(0,0,0,.2);
}

    #villas-detail .shadow-villas-detail .shadow-villas-detail-row:not(:last-child) {
        border-style: solid;
        border-width: 0 0 1px;
        border-color: #eee;
        padding-bottom: 5px;
    }

#villas-detail .content-villas-detail .product-content {
    text-indent: 35px;
    margin-bottom: 10px;
}

    #villas-detail .content-villas-detail .product-content ul {
        text-indent: 20px;
        margin-left: 0;
    }

#villas-detail .shadow-villas-detail > .col-xs-12 {
    border-style: solid;
    border-width: 0 0 1px;
    border-color: #eee;
    padding-top: 25px;
}

#villas-detail .title-villas-detail .row {
    padding-bottom: 30px;
}

#villas-detail .abc {
    margin-bottom: 20px;
}

.text-other, .text-rooms {
    font-size: 36px;
    line-height: 1;
    display: inline;
}

.text-other {
    color: #29608e;
}

#villas-detail .slide-other-room .row:hover .product-name a, #villas-detail .slide-villas-detail2 .row:hover .product-name a, .text-rooms {
    color: #da251e;
}

.other-room {
    position: relative;
    margin: 0 -15px;
}

#villas-detail .product-more-info i {
    width: 15px;
    height: 15px;
}

#villas-detail .slide-other-room .product-content {
    margin-top: 30px;
}

#villas-detail .slide-other-room .row, #villas-detail .slide-villas-detail2 .row {
    margin-left: 0;
    margin-right: 0;
    box-shadow: 0 3px 5px 0 rgba(0,0,0,.2);
    margin-bottom: 30px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
}

    #villas-detail .other-room .col-xs-12:nth-child(2), #villas-detail .slide-other-room .row [class*=col-], #villas-detail .slide-villas-detail2 .row [class*=col-] {
        padding-left: 0;
        padding-right: 0;
    }

#villas-detail .padding15px {
    padding-left: 15px;
    padding-right: 15px;
}

#villas-detail .slide-other-room .row > div:nth-child(2), #villas-detail .slide-villas-detail2 .row > div:nth-child(2) {
    border-style: solid;
    border-color: #eee;
    border-width: 1px 0 0;
}

#villas-detail .slide-other-room .row:hover, #villas-detail .slide-villas-detail2 .row:hover {
    box-shadow: 0 15px 23px 0 rgba(0,0,0,.1);
    -webkit-box-shadow: 0 15px 23px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 15px 23px 0 rgba(0,0,0,.1);
    -o-box-shadow: 0 15px 23px 0 rgba(0,0,0,.1);
}

#villas-detail .slide-other-room .row .product-name a, #villas-detail .slide-villas-detail2 .row .product-name a {
    color: #000;
}

#villas-detail .product-more-info a {
    color: #818181;
    margin-left: 25px;
    display: block;
    width: 125px;
    text-align: center;
}

#villas-detail .other-room .product-content {
    margin-left: 10px;
    padding-left: 20px;
}

#villas-detail .product-name:hover {
    color: red;
}

#villas-detail .product-line {
    margin-bottom: 30px;
    margin-top: 30px;
}

.btn-group {
    width: 100%;
}

#villas-detail .adults {
    width: 100%;
    display: block;
    height: auto;
}

    #villas-detail .adults button {
        width: 100%;
        border-style: solid;
        border-width: 1px;
        border-color: #fff;
        margin-top: 20px;
        height: 60px;
        border-radius: 0;
        color: #fff;
        background: url(../images/about-us/dropdown-arrow.png) 95% no-repeat;
    }

#villas-detail .book-a-room {
    padding-top: 15px;
}

#villas-detail.villas-detail2 .book-a-room {
    padding-top: 22px;
    margin-bottom: 25px;
}

#villas-detail.villas-detail2 .slide-villas-detail2 .row {
    margin-right: 0;
    margin-left: 0;
}

    #villas-detail.villas-detail2 .slide-villas-detail2 .row [class*=col-] {
        padding-left: 0;
        padding-right: 0;
    }

#villas-detail .book-btn-check button:hover {
    color: #da251e;
}

#villas-detail .book-btn-check button {
    border-style: none;
    margin-top: 20px;
}

#villas-detail.villas-detail2 .content-villas-detail {
    margin: 0 -15px;
}

    #villas-detail.villas-detail2 .content-villas-detail [class*=col-lg-] {
        padding: 0 15px;
        margin: 0;
    }

    #villas-detail.villas-detail2 .content-villas-detail .title-villas-detail {
        margin-left: 40px;
        margin-right: 40px;
    }

@media(max-width:1200px) {
    #villas-detail.villas-detail2 .content-villas-detail > div:nth-child(2); {
        margin-top: 30px;
    }
}

#villas-detail.villas-detail2 .product-content {
    margin-left: 10px;
}

#villas-detail.villas-detail2 .line-product {
    width: 70px;
    height: 3px;
    background: url(../images/about-us/line-product.png);
    margin: 20px 0 23px 30px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
}

#villas-detail.villas-detail2 .product-more-info {
    margin-bottom: 25px;
    margin-top: 35px;
}

    #villas-detail.villas-detail2 .product-more-info > a {
        margin-left: 15px;
    }

#villas-detail.villas-detail2 .other-room .product-name, #villas-detail.villas-detail2 .other-room .product-title {
    margin-top: 30px;
}

#booking .row, #booking [class*=col-] {
    margin: 0;
    padding: 0;
}

#booking .content-booking > a {
    display: block;
    text-align: center;
}

#booking #villas-detail .other-room > .col-xs-12 .row:hover .line {
    width: calc(100% - 50px);
}

#booking .product-more-info {
    margin-bottom: 20px;
    font-size: 16px;
}

    #booking .product-more-info:hover a {
        color: #818181;
    }

#booking .line {
    margin-left: 25px;
    margin-bottom: 20px;
    margin-top: 15px;
}

#booking .img-banner {
    max-width: 100%;
}

#section4 #booking .input-booking, #section5 #booking .input-booking, #section6 #booking .input-booking {
    background: 0 0;
    padding: 20px 0;
    box-shadow: none;
}

#booking .input-booking {
    background-color: #034f84;
    height: auto;
    margin: 0;
    padding: 20px 10px;
    -webkit-box-shadow: 0 0 5px 0 rgba(210,210,210,.75);
    -moz-box-shadow: 0 0 5px 0 rgba(210,210,210,.75);
    box-shadow: 0 0 5px 0 rgba(210,210,210,.75);
}

#booking form {
    height: 100%;
}

#booking .dropdown-toggle, #booking .dropdown-toggle2, #booking .dropdown-toggle3 {
    background-color: #034f84;
    border-style: solid;
    border-width: 1px;
    border-color: #fff;
    color: #fff;
    border-radius: 0;
    height: auto;
    margin-right: 6px;
}

#booking .input-booking input, #booking .input-booking select {
    margin-top: 0;
}

#booking .dropdown-toggle {
    width: 230px;
}

.Villas-Suites .btn-group .dropdown-menu {
    min-width: 230px;
    width: 100%;
}

#booking .dropdown-toggle2 {
    width: 230px;
}

.adults .btn-group .dropdown-menu {
    width: 100%;
}

#booking .dropdown-toggle3 {
    width: 230px;
}

.Villas-Suites .dropdown-menu, .sub-menu2 li, .sub-menu3 li {
    color: #757575;
    font-size: 16px;
    font-family: 'Open Sans',sans-serif;
}

.kids .btn-group .dropdown-menu {
    width: 100%;
}

#booking ul .sub-menu {
    display: none;
}

#booking .input-booking .arrival-date input, #booking .input-booking .departure-date input {
    background: url(../images/about-us/calendar.png) 94% no-repeat;
}

#booking .btn-default, #booking .btn-default .dropdown, #booking .btn-default2, #booking .btn-default3, #booking .input-booking select {
    background: url(../images/about-us/select-arrow.png) 94% no-repeat;
    padding-right: 17px;
    overflow: hidden;
    width: 100%;
    height: 60px;
}

.dropdown-menu {
    background: #f5f5f5;
    padding: 0;
}

.sub-menu2, .sub-menu3 {
    margin-left: -40px;
}

    .sub-menu2 li, .sub-menu3 li {
        list-style: none;
        width: 100%;
        border-bottom: solid 1px #eee;
        text-align: center;
        cursor: pointer;
        min-height: 37px;
        line-height: 37px;
    }

        .sub-menu2 li:hover, .sub-menu3 li:hover {
            background: #e1e1e1;
        }

.Villas-Suites .dropdown i {
    position: absolute;
    right: 20px;
    top: 5px;
}

.btn-default, .btn-default2, .btn-default3 {
    text-align: left;
    padding-left: 20px;
}

.Villas-Suites .dropdown-menu > li {
    padding-left: 20px;
    cursor: pointer;
    line-height: 35px;
}

.divider {
    margin: 0;
}

.Villas-Suites .dropdown-menu li ul li {
    list-style-type: disc;
    line-height: 35px;
    margin-right: 40px;
    margin-left: -20px;
    cursor: pointer;
}

    .Villas-Suites .dropdown-menu li ul li:hover {
        color: #034f84;
    }

#booking .content-booking {
    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
    color: #757575;
    text-align: left;
    text-align-last: center;
    padding: 60px 71px 40px;
    line-height: 35px;
    box-shadow: 0 3px 5px 0 rgba(0,0,0,.2);
}

    #booking .content-booking p {
        margin-bottom: 25px;
    }

    #booking .content-booking > a > i {
        transition: all .5s;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        -ms-transition: all .5s;
    }

    #booking .content-booking > a:hover i {
        margin-left: 5px;
    }

#booking #data_form > .send {
    border-radius: 2px;
    display: block;
    margin: 10px auto 0;
}

#booking #data_form {
    margin-top: -10px;
}

#booking-personalinfo {
    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
}

    #booking-personalinfo .kids {
        width: 100%;
    }

    #booking-personalinfo .booking-room {
        background-color: #333;
        color: #fff;
        font-size: 16px;
        padding: 15px;
    }

        #booking-personalinfo .booking-room > p {
            height: 75px;
            margin: 0 0 15px;
            border-color: #034471;
            border-style: solid;
            border-width: 0 0 1px;
            line-height: 75px;
            padding-left: 25px;
            font-weight: 700;
        }

        #booking-personalinfo .booking-room .align-left {
            font-family: 'Open Sans',sans-serif;
            padding: 15px 0 15px 24px;
            font-weight: 500;
            font-size: 16px;
        }

            #booking-personalinfo .booking-room .align-left:last-child {
                padding-bottom: 30px;
            }

        #booking-personalinfo .booking-room .align-center {
            font-family: 'Open Sans',sans-serif;
            padding: 5px 0 5px 24px;
            font-weight: 500;
            font-size: 16px;
            text-align: center;
        }

        #booking-personalinfo .booking-room .align-right {
            font-family: 'Open Sans',sans-serif;
            text-align: right;
            padding: 15px 30px 15px 0;
            font-size: 15px;
        }

    #booking-personalinfo .info-gray {
        background-color: #f5f5f5;
        margin-top: 30px;
    }

        #booking-personalinfo .info-gray > .row {
            padding: 0 20px;
        }

        #booking-personalinfo .info-gray .col-xs-12 {
            padding: 15px 0;
            font-family: 'Open Sans',sans-serif;
            color: #989494;
            font-size: 16px;
        }

        #booking-personalinfo .info-gray .row div:first-child {
            color: #034f84;
            font-weight: 700;
        }

        #booking-personalinfo .info-gray i {
            color: #034f84;
            margin-right: 5px;
        }

        #booking-personalinfo .info-gray .row div:nth-child(4) {
            background-color: #034f84;
            color: #fff;
            -webkit-text-fill-color: #fff;
            text-align: center;
            font-size: 24px;
            font-weight: 700;
            margin: 15px 0;
            border-radius: 3px;
        }

    #booking-personalinfo .adults button, #booking-personalinfo .booking-detail select {
        background: url(../images/about-us/dropdown_select_black.png) 94% no-repeat;
    }

    #booking-personalinfo .info-gray .row div:nth-child(5) {
        text-indent: 40px;
        font-family: 'Open Sans',sans-serif;
        color: #989494;
        font-size: 16px;
    }

    #booking-personalinfo .info-right #data-info {
        border-style: solid;
        border-width: 1px 0 0;
        border-color: #eee;
        box-shadow: 0 3px 5px 0 rgba(0,0,0,.2);
    }

        #booking-personalinfo .info-right #data-info > .row {
            padding: 0 40px 30px;
            border-bottom: 1px solid rgba(129,129,129,.3);
        }

    #booking-personalinfo .info-right p {
        font-size: 16px;
        font-weight: 700;
        color: #034f84;
        padding-left: 25px;
        padding-top: 30px;
        margin-bottom: 5px;
    }

    #booking-personalinfo .info-right i {
        margin-right: 5px;
    }

    #booking-personalinfo .info-right input, #booking-personalinfo .info-right select {
        border: solid #ccc;
        border-width: 1px;
        color: #757575;
        width: 100%;
        height: 60px;
        text-indent: 25px;
        padding-left: 0;
    }

    #booking-personalinfo .info-right textarea {
        width: 100%;
        margin-top: 10px;
        resize: none;
    }

    #booking-personalinfo .adults button {
        width: 100%;
        border-style: solid;
        border-width: 1px;
        border-color: #ccc;
        border-radius: 0;
        height: 60px;
        font-size: 16px;
        font-family: 'Open Sans',sans-serif;
        color: #989494;
    }

    #booking-personalinfo .info-right .col-sm-6 {
        margin: 10px 0;
    }

    #booking-personalinfo .booking-detail input::-webkit-input-placeholder {
        color: #757575;
    }

    #booking-personalinfo .booking-detail input::-moz-input-placeholder {
        color: #757575;
    }

    #booking-personalinfo .booking-detail input::-o-input-placeholder {
        color: #757575;
    }

    #booking-personalinfo .booking-detail input {
        -webkit-input-placeholder: #000;
        background: url(../images/about-us/calendar_black.png) 94% no-repeat;
    }

    #booking-personalinfo .personal-info {
        margin-top: 13px;
        padding: 0 77px;
    }

        #booking-personalinfo .personal-info input::-webkit-input-placeholder {
            color: #757575;
        }

        #booking-personalinfo .personal-info input::-moz-placeholder {
            color: #757575;
        }

        #booking-personalinfo .personal-info textarea::-webkit-input-placeholder {
            color: #757575;
        }

        #booking-personalinfo .personal-info textarea::-moz-placeholder {
            color: #757575;
        }

        #booking-personalinfo .personal-info textarea {
            padding: 15px 25px;
        }

.personal-info .view-more {
    border-style: none;
    position: relative;
    width: 100%;
    height: 60px;
    background: #034f84;
    color: #fff;
    font-family: SourceSansPro-Bold;
    font-size: 16px;
    float: right;
    border-radius: 2px;
    margin-bottom: 15px;
    margin-top: 15px;
    transition: all .5s;
    box-shadow: 0 3px 5px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 3px 5px 0 rgba(0,0,0,.2);
    -o-box-shadow: 0 3px 5px 0 rgba(0,0,0,.2);
    -ms-box-shadow: 0 3px 5px 0 rgba(0,0,0,.2);
}

#booking-personalinfo .Villas-Suites, #booking-personalinfo .adults, #booking-personalinfo .arrival-date, #booking-personalinfo .departure-date {
    margin-top: 0;
    height: auto;
    width: 100%;
}

#booking-personalinfo .recommend-tourist {
    margin: 90px 0 0;
    background: #f5f5f5;
}

    #booking-personalinfo .recommend-tourist .container {
        position: relative;
    }

    #booking-personalinfo .recommend-tourist .content, #booking-personalinfo .recommend-tourist .price {
        font-family: 'Open Sans',sans-serif;
        font-size: 22px;
        line-height: 35px;
        padding-left: 17px;
    }

#gallery [class*=col-], #restaurant .product-restaurant [class*=col-] {
    padding: 0;
}

#booking-personalinfo .slide-recommend-tourist .item {
    background: #fff;
    box-shadow: 0 3px 5px 0 rgba(0,0,0,.2);
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
}

    #booking-personalinfo .slide-recommend-tourist .item:hover {
        box-shadow: 0 15px 30px 0 rgba(0,0,0,.1);
        -webkit-box-shadow: 0 15px 30px 0 rgba(0,0,0,.1);
        -moz-box-shadow: 0 15px 30px 0 rgba(0,0,0,.1);
        -o-box-shadow: 0 15px 30px 0 rgba(0,0,0,.1);
    }

        #booking-personalinfo .slide-recommend-tourist .item:hover .blue-line:before {
            width: 86%;
        }

        #booking-personalinfo .slide-recommend-tourist .item:hover .content {
            color: #da251e;
        }

#booking-personalinfo .recommend-tourist .text-other {
    margin-left: 0;
}

#booking-personalinfo .title-other-room {
    margin-top: 45px;
    margin-bottom: 45px;
}

#booking-personalinfo .recommend-tourist .price {
    display: inline-block;
    margin-bottom: 10px;
}

#booking-personalinfo .recommend-tourist .rating {
    display: inline-block;
    float: right;
}

#booking-personalinfo .recommend-tourist .blue-line {
    background: #eee;
    height: 1.2px;
    width: 100%;
    display: block;
    position: relative;
}

    #booking-personalinfo .recommend-tourist .blue-line:before {
        display: block;
        content: " ";
        height: 3.3px;
        position: absolute;
        top: -2px;
        background: #034f84;
        width: 70px;
        margin-left: 18px;
        transition: width .5s;
        -webkit-transition: width .5s;
        -moz-transition: width .5s;
    }

#booking-personalinfo .recommend-tourist .content {
    margin-bottom: 30px;
}

#booking-personalinfo .recommend-tourist .row.item .col-xs-12:nth-child(2) {
    margin-top: 15px;
}

.rating {
    width: 60px;
    height: 13px;
    display: block;
    margin: 10px 20px 0 0;
    background: url(../images/about-us/rating.png) no-repeat;
    font-size: 0;
}

@media (max-width:768px) {
    #booking-personalinfo .product-next > a > .fa;, #booking-personalinfo .product-pre > a > .fa; {
        display: none;
    }
}

@media (width:320px) {
    .logo_m img; {
        width: 60px;
    }
}

#booking-personalinfo .recommend-tourist .item .col-xs-12:nth-child(3) a {
    color: #000;
}

    #booking-personalinfo .recommend-tourist .item .col-xs-12:nth-child(3) a:hover {
        color: red;
    }

.product-title {
    font-family: 'Open Sans';
    margin-top: 10px;
    font-size: 24px;
    color: #0b5896;
    text-align: right;
    margin-right: 20px;
}

.product-content, .product-name {
    margin-left: 25px;
    color: #333;
    font-family: 'Open Sans',sans-serif;
}

.product-name {
    margin-top: 35px;
    font-size: 24px;
    font-weight: 400;
}

.product-content {
    margin-right: 20px;
    text-align: left;
    margin-top: 12px;
    font-size: 16px;
    line-height: 36px;
}

.product-line {
    margin-top: 20px;
    border-style: solid;
    border-width: 1px 0 0;
    border-color: #eee;
    margin-bottom: 20px;
}

    .product-line:after {
        content: " ";
        display: block;
        background: #034f84;
        height: 2px;
        width: 0;
        transition: width .5s;
        -webkit-transition: width .5s;
        -moz-transition: width .5s;
    }

.product-content ul > li > i {
    font-size: 12px;
    margin-right: 5px;
}

.about canvas {
    display: block;
    margin: 90px auto 0;
}

#gallery .jumbotron-header {
    margin-bottom: 0;
}

#gallery {
    font-family: 'Open Sans',sans-serif;
}

    #gallery > .container > .row {
        position: relative;
    }

    #gallery .topbar {
        position: absolute;
        top: 25px;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        text-align: center;
        display: none;
    }

    #gallery .product-paging {
        display: none;
        text-align: center;
        margin-bottom: 60px;
        margin-top: -20px;
    }

    #gallery.v-2 .product-paging {
        margin-top: 50px;
    }

    #gallery .product-paging img {
        width: 50px;
        height: 50px;
    }

    #gallery .row {
        margin: 0 -15px;
    }

    #gallery .tp-title {
        padding: 10px 60px 10px 20px;
        height: 50px;
        width: 300px;
        top: initial;
        bottom: 50px;
    }

#villas-detail .product-more-info:hover a, .product-more-info:hover a {
    color: #034f84;
}

#gallery .topbar span {
    cursor: pointer;
}

    #gallery .topbar span i {
        font-size: 30px;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        line-height: 40px;
        background: #034f84;
        color: #fff;
    }

#gallery .tp-title span:nth-child(1) {
    float: left;
    line-height: 30px;
    font-size: 18px;
}

#gallery .tp-grid li:hover > .tp-title span:nth-child(1) {
    color: #034f84;
}

#gallery .tp-title span:nth-child(2) {
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    background: linear-gradient(to right,#f5f5f5 50%,#034f84 50%);
    background-size: 200% 100%;
    font-size: 16px;
    color: #757575;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
}

#gallery .tp-grid li:hover > .tp-title span:nth-child(2) {
    background-position: 100% 0;
    -webkit-background-position: 100% 0;
    -moz-background-position: 100% 0;
    -o-background-position: 100% 0;
    -ms-background-position: 100% 0;
    color: #fff;
}

#gallery .tp-grid li a {
    width: 100%;
    height: 100%;
}

#gallery .tp-grid li {
    max-width: 370px;
    max-height: 370px;
    border-style: none;
    transform: rotate(0) !important;
    box-shadow: none;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -o-border-radius: 7px;
}

#gallery.v-2 .tp-grid li {
    max-height: 270px;
}

#gallery img {
    width: 370px;
    height: 100%;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -o-border-radius: 7px;
}

#gallery.v-2 .tp-title {
    bottom: 30px;
}

#gallery.v-2 .product-paging img {
    width: 50px;
    height: 50px;
}

#gallery .popup {
    position: fixed;
    top: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    display: none;
    overflow-y: hidden;
}

    #gallery .popup .wrapper-popup {
        position: absolute;
        top: 0;
        background: rgba(0,0,0,.6);
        z-index: 999;
        width: 100%;
        height: 100%;
    }

    #gallery .popup .img-popup {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 50%;
        height: 70%;
        z-index: 9999;
    }

        #gallery .popup .img-popup i {
            position: absolute;
            top: -10px;
            font-size: 25px;
            color: #fff;
            right: -10px;
            cursor: pointer;
        }

    #gallery .popup button:nth-child(1) {
        width: 50px;
        height: 50px;
        border-style: none;
        background: url(../images/about-us/slide-icon.png) no-repeat;
        background-size: cover;
        position: absolute;
        right: -90px;
        top: 45%;
        transition: all .4s;
        -webkit-transition: all .4s;
        -moz-transition: all .4s;
    }

    #gallery .popup button:nth-child(2) {
        width: 50px;
        height: 50px;
        border-style: none;
        background: url(../images/about-us/slide-icon.png) no-repeat;
        background-size: cover;
        transform: rotate(180deg);
        position: absolute;
        left: -90px;
        top: 45%;
        transition: all .4s;
        -webkit-transition: all .4s;
        -moz-transition: all .4s;
    }

    #gallery .popup .img-slide-popup {
        width: 100%;
        height: 100%;
        background: #000;
    }

        #gallery .popup .img-slide-popup img {
            width: 100%;
            -webkit-border-radius: 15px;
            -moz-border-radius: 15px;
            border-radius: 15px;
        }

#restaurant .line {
    margin-bottom: 10px;
    margin-top: 10px;
}

#restaurant .product-restaurant {
    box-shadow: 0 3px 5px 0 rgba(0,0,0,.2);
    position: relative;
    margin-left: 0;
    margin-right: 0;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
}

    #restaurant .product-restaurant:hover {
        -webkit-box-shadow: 4px 4px 20px 0 rgba(0,0,0,.21);
        -moz-box-shadow: 4px 4px 20px 0 rgba(0,0,0,.21);
        box-shadow: 4px 4px 20px 0 rgba(0,0,0,.21);
    }

#restaurant .product-title {
    font-family: SourceSansPro-Bold;
    font-size: 16px;
    text-align: initial;
    margin-top: 15px;
}

    #restaurant .product-title a {
        color: #034f84;
    }

#restaurant .product-content {
    font-family: 'Open Sans',sans-serif;
    font-size: 24px;
    margin: 0 0 50px;
    text-align: left;
}

#restaurant .product-price {
    color: #757575;
    font-family: SourceSansPro-Bold;
    font-size: 16px;
    text-align: right;
    position: absolute;
    bottom: 30px;
    right: 30px;
}

#restaurant .product-restaurant > div:nth-child(2) {
    border-style: solid;
    border-color: #eee;
    border-width: 1px 0 0;
    padding-left: 27px;
}

#restaurant .text-other {
    margin-left: 0;
}

#restaurant .bg-restaurant {
    height: 400px;
    background: url(../images/about-us/bg_restaurant.png) center no-repeat;
    position: relative;
    background-size: cover;
    -webkit-background-size: cover;
    width: 100%;
    color: #fff;
}

    #restaurant .bg-restaurant .text-description1 {
        font-family: 'Open Sans',sans-serif;
        font-size: 30px;
        color: #fff;
        margin-top: 18%;
    }

    #restaurant .bg-restaurant .text-description2 {
        font-family: 'Open Sans',sans-serif;
        font-size: 16px;
        color: #fff;
        margin-top: 25px;
    }

#restaurant .restaurant-tabs-list {
    list-style-type: none;
    padding-top: 15px;
    display: table;
    table-layout: fixed;
    width: 100%;
    padding-left: 0;
    position: relative;
}

    #restaurant .restaurant-tabs-list .restaurant-tab i, #restaurant .restaurant-tabs-list .restaurant-tab:before, #restaurant .restaurant-tabs-list .restaurant-tab:hover::before {
        position: absolute;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        right: 0;
        left: 0;
    }

#restaurant div.restaurant-tabs-list {
    margin-top: 30px;
}

#restaurant .restaurant-tabs-list .restaurant-tab:hover i {
    color: #da251e;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
}

#restaurant .restaurant-tabs-list .restaurant-tab:hover a {
    color: #303030;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
}

#restaurant .restaurant-tabs-list .restaurant-tab:before {
    content: '';
    width: 0;
    margin: 0 auto;
    bottom: -2px;
    border-top: 2px solid #ddd;
}

#restaurant .restaurant-tabs-list .restaurant-tab:hover::before {
    content: '';
    width: 100%;
    bottom: -2px;
    border-top: 2px solid #da251e;
}

#restaurant .restaurant-tabs-list .restaurant-tab i {
    bottom: -5px;
    color: #ddd;
    font-size: 10px;
}

#restaurant .restaurant-tabs-list .restaurant-tab.current i {
    color: #da251e;
}

#restaurant .menu-price.v-2.all-price-v-1 {
    width: 100%;
}

#restaurant .restaurant-tabs-list .restaurant-tab {
    padding-bottom: 7px;
    display: table-cell;
    text-align: center;
    position: relative;
    height: 50px;
    cursor: pointer;
    border-style: solid;
    border-width: 0 0 2px;
    border-color: #ddd;
}

    #restaurant .restaurant-tabs-list .restaurant-tab.current {
        cursor: context-menu;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
    }

#commingsoon1 .faicon i, .button-thank-left:hover, .move:hover, .nav-arrows span, .nav-dots span, .tab-faq:hover, ul.menu_loc li {
    cursor: pointer;
}

#restaurant .restaurant-tabs-list .restaurant-tab a {
    font-family: SourceSansPro-Bold;
    font-size: 16px;
    color: #ddd;
    line-height: 50px;
    -webkit-transition: color .5s ease;
    -moz-transition: color .5s ease;
    -ms-transition: color .5s ease;
    -o-transition: color .5s ease;
}

#restaurant .restaurant-tabs-list .restaurant-tab.current a {
    color: #303030;
    margin-top: 25px;
}

#restaurant .restaurant-tabs-list .restaurant-tab.current:before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    width: 100%;
    margin: 0 auto;
    bottom: -2px;
    border-top: 2px solid #da251e;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
}

#restaurant .tab-content, #restaurant .tab-content.current {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
}

    #restaurant .tab-content.current {
        display: block;
    }

#restaurant .tab-content {
    display: none;
}

.menu-small-img-restaurant {
    margin-top: 30px;
}

#restaurant.v-2 .menu-small-img-restaurant {
    padding: 0 30px;
}

.menu-small-img-restaurant .img-restaurant-2 {
    width: 100%;
    padding-right: 30px;
}

.menu-small-img-restaurant .item-tabs-menu p:nth-child(1) {
    font-family: SourceSansPro-Bold;
    font-size: 16px;
    display: inline-block;
    line-height: 1;
}

.menu-small-img-restaurant .item-tabs-menu p:nth-child(2) {
    font-family: SourceSansPro-Bold;
    font-size: 16px;
    color: #757575;
    display: inline-block;
    float: right;
}

.menu-small-img-restaurant .item-tabs-menu p:nth-child(3) {
    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
    color: #757575;
    line-height: 31px;
    margin-bottom: 0;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
}

    .menu-small-img-restaurant .item-tabs-menu p:nth-child(3):after {
        content: " ";
        display: block;
        height: 10px;
        border-style: dashed;
        border-width: 0 0 1px;
        border-color: #ddd;
        width: 100%;
    }

.restaurant-tabcontent-menu-1 {
    padding-left: 0;
    padding-right: 0;
    padding-top: 5px;
}

#restaurant .restaurant-tabs-list .restaurant-tab .img-restaurant {
    width: 30px;
    height: 30px;
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
}

#restaurant .restaurant-tabs-list .restaurant-tab[data-tab=tab-1] .img-restaurant {
    background: url(../images/about-us/restaurant_1.png) no-repeat;
}

#restaurant .restaurant-tabs-list .restaurant-tab.current[data-tab=tab-1] .img-restaurant, #restaurant .restaurant-tabs-list .restaurant-tab[data-tab=tab-1]:hover .img-restaurant {
    background: url(../images/about-us/restaurant_1_hover.png) no-repeat;
}

#restaurant .restaurant-tabs-list .restaurant-tab[data-tab=tab-2] .img-restaurant {
    background: url(../images/about-us/restaurant_2.png) no-repeat;
}

#restaurant .restaurant-tabs-list .restaurant-tab.current[data-tab=tab-2] .img-restaurant, #restaurant .restaurant-tabs-list .restaurant-tab[data-tab=tab-2]:hover .img-restaurant {
    background: url(../images/about-us/restaurant_2_hover.png) no-repeat;
}

#restaurant .restaurant-tabs-list .restaurant-tab[data-tab=tab-3] .img-restaurant {
    background: url(../images/about-us/restaurant_3.png) no-repeat;
}

#restaurant .restaurant-tabs-list .restaurant-tab.current[data-tab=tab-3] .img-restaurant, #restaurant .restaurant-tabs-list .restaurant-tab[data-tab=tab-3]:hover .img-restaurant {
    background: url(../images/about-us/restaurant_3_hover.png) no-repeat;
}

#restaurant .restaurant-tabs-list .restaurant-tab[data-tab=tab-4] .img-restaurant {
    background: url(../images/about-us/restaurant_4.png) no-repeat;
}

#restaurant .restaurant-tabs-list .restaurant-tab.current[data-tab=tab-4] .img-restaurant, #restaurant .restaurant-tabs-list .restaurant-tab[data-tab=tab-4]:hover .img-restaurant {
    background: url(../images/about-us/restaurant_4_hover.png) no-repeat;
}

#restaurant .restaurant-tabs-list .restaurant-tab[data-tab=tab-5] .img-restaurant {
    background: url(../images/about-us/restaurant_5.png) no-repeat;
}

#restaurant .restaurant-tabs-list .restaurant-tab.current[data-tab=tab-5] .img-restaurant, #restaurant .restaurant-tabs-list .restaurant-tab[data-tab=tab-5]:hover .img-restaurant {
    background: url(../images/about-us/restaurant_5_hover.png) no-repeat;
}

#restaurant.v-2 .container > .row:nth-child(1) {
    margin: 0 -15px;
}

#restaurant.v-2 .container .menu-price {
    padding: 0 15px;
}

.menu-small-img-restaurant:hover .black-line {
    width: 100%;
}

#restaurant a {
    color: #000;
}

.menu-small-img-restaurant .item-tabs-menu p:nth-child(1) {
    width: 80%;
}

.menu-small-img-restaurant .item-tabs-menu p:nth-child(1), .menu-small-img-restaurant .item-tabs-menu p:nth-child(2) {
    margin-top: 0;
    margin-bottom: 10px;
}

#restaurant .menu-price.v-2 .item-tabs-menu p:nth-child(3) {
    margin-bottom: 0;
}

#restaurant.v-2 .menu-price .header-menu-restaurant i, #restaurant.v-2 .menu-price .header-menu-restaurant p {
    display: inline-block;
}

#restaurant.v-2 .menu-price .header-menu-restaurant {
    height: 30px;
    line-height: 30px;
    border-style: solid;
    border-width: 0 0 1px;
    border-color: #757575;
}

    #restaurant.v-2 .menu-price .header-menu-restaurant p {
        font-family: SourceSansPro-Bold;
        font-size: 16px;
        color: #303030;
    }

    #restaurant.v-2 .menu-price .header-menu-restaurant i {
        float: right;
        font-size: 17px;
        margin-left: 15px;
        line-height: 30px;
        cursor: pointer;
    }

        #restaurant.v-2 .menu-price .header-menu-restaurant i:hover {
            color: #034f84;
        }

#restaurant.v-2 .restaurant2-row-2 {
    background: url(../images/about-us/img_restaurant2_2.jpg) center no-repeat fixed;
    height: 400px;
    position: relative;
    background-size: cover;
    -webkit-background-size: cover;
    width: 100%;
    color: #fff;
    margin-top: 200px;
}

    #restaurant.v-2 .restaurant2-row-2 > .container {
        position: relative;
        height: 400px;
    }

        #restaurant.v-2 .restaurant2-row-2 > .container::after {
            content: " ";
            background: url(../images/about-us/img_restaurant2_1.png) no-repeat;
            position: absolute;
            right: 0;
            bottom: 0;
            width: 325px;
            height: 525px;
        }

        #restaurant.v-2 .restaurant2-row-2 > .container > div {
            position: absolute;
            top: 50%;
            transform: translate(0,-50%);
        }

        #restaurant.v-2 .restaurant2-row-2 > .container p:nth-child(1) {
            font-family: 'Open Sans',sans-serif;
            color: #fff;
            font-size: 30px;
        }

        #restaurant.v-2 .restaurant2-row-2 > .container p:nth-child(2) {
            font-family: 'Open Sans',sans-serif;
            font-size: 16px;
            color: #fff;
        }

.item-tabs-menu {
    position: relative;
    line-height: 1;
}

#restaurant.v-2 .black-line {
    border-color: #000;
}

#page-404 .container {
    max-width: 750px;
    margin-bottom: 150px;
    margin-top: 75px;
}

    #page-404 .container:before {
        content: " ";
        height: 400px;
        width: 100%;
        background: url(../images/about-us/404.jpg);
        background-size: cover;
    }

    #page-404 .container input {
        height: 40px;
        border-style: solid;
        border-width: 1px;
        border-color: #034f84;
        width: 100%;
        padding-left: 50px;
        border-radius: 0;
        color: #000;
    }

#page-404 .input-group.subcrible {
    margin-top: 25px;
}

#page-404 .container button {
    border-style: none;
    background: #034f84;
    color: #fff;
    font-family: SourceSansPro-Bold;
    font-size: 16px;
    width: 170px;
    height: 40px;
    border-radius: 0;
}

    #page-404 .container button:hover {
        background-color: #da251e;
    }

#page-404::-webkit-input-placeholder {
    color: #757575;
    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
    font-style: italic;
}

#commingsoon1 {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
}

    #commingsoon1 .row {
        width: 100%;
        height: 100%;
        margin: 0;
    }

    #commingsoon1 [class*=col-] {
        padding: 0;
    }

    #commingsoon1 > .row > div:nth-child(1) {
        background: url(../images/about-us/commingsoon.jpg) no-repeat;
        min-height: 100%;
        background-size: cover;
        position: relative;
    }

    #commingsoon1 > .row > div:nth-child(2) {
        padding: 7.5px;
        min-height: 100%;
    }

        #commingsoon1 > .row > div:nth-child(2) > .row > div:hover img {
            -ms-transform: scale(1.2,1.2);
            -webkit-transform: scale(1.2,1.2);
            transform: scale(1.2,1.2);
        }

    #commingsoon1 .wrap-img {
        overflow: hidden;
    }

    #commingsoon1 .comming-logo {
        height: 53px;
        width: 185px;
        background: url(../images/about-us/comming_soon_logo.png) no-repeat;
        margin-top: 65px;
    }

    #commingsoon1 .say-hello {
        font-family: roboto-bold;
        font-size: 72px;
        color: #fff;
        margin-top: 90px;
    }

    #commingsoon1 .say-comming-soon {
        font-family: roboto-bold;
        font-size: 48px;
        color: #fff;
        margin-right: -20px;
    }

    #commingsoon1 .date-comming-soon {
        border-style: solid;
        border-width: 1px;
        border-color: #fff;
        width: 120px;
        height: 150px;
        margin-left: 25px;
        margin-right: 25px;
        display: inline-block;
    }

        #commingsoon1 .date-comming-soon span:nth-child(1) {
            display: block;
            width: 100%;
            height: 35px;
            background: #fff;
            font-family: SourceSansPro-Bold;
            font-size: 16px;
            text-align: center;
            line-height: 35px;
        }

        #commingsoon1 .date-comming-soon span:nth-child(2) {
            color: #fff;
            display: block;
            font-family: SourceSansPro-Bold;
            font-size: 60px;
            line-height: 115px;
            text-align: center;
        }

    #commingsoon1 .countdown.styled {
        margin-top: 60px;
        text-align: center;
    }

    #commingsoon1 .some-text {
        font-family: 'Open Sans',sans-serif;
        font-size: 18px;
        color: #fff;
        width: 100%;
        margin: 60px auto 0;
        text-align: center;
    }

    #commingsoon1 .subcrible {
        width: 100%;
        margin-top: 75px;
        margin-bottom: 100px;
    }

        #commingsoon1 .subcrible button {
            border-style: none;
            background: #fff;
            font-family: SourceSansPro-Bold;
            font-size: 16px;
            width: 140px;
            height: 40px;
        }

        #commingsoon1 .subcrible input {
            width: 100%;
            border-style: solid;
            border-width: 1px;
            border-color: #fff;
            height: 40px;
            background: 0 0;
            padding-left: 20px;
        }

        #commingsoon1 .subcrible::-webkit-input-placeholder {
            font-family: 'Open Sans',sans-serif;
            font-size: 16px;
        }

    #commingsoon1 .faicon {
        border-style: solid;
        border-width: 1px 0 0;
        border-color: #fff;
        width: 100%;
        height: 65px;
        position: absolute;
        bottom: 0;
        left: 0;
    }

        #commingsoon1 .faicon i {
            color: #fff;
            font-size: 25px;
            float: right;
            margin-right: 25px;
            line-height: 65px;
        }

        #commingsoon1 .faicon .icon-fake {
            transform: translate(0,-5px);
        }

    #commingsoon1 > .row > div:nth-child(2) img {
        transition: all 1s;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        width: 100%;
    }

    #commingsoon1 > .row > div:nth-child(2) > .row > div {
        padding: 7.5px;
    }

#commingsoon2 {
    background: url(../images/about-us/CommingSoon-2.jpg) no-repeat;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    background-size: cover;
}

@media(max-width:767px) {
    #tourist.tourist2.fix-rating .rating; {
        margin-right: -10px;
    }

    #commingsoon2 {
        background-position-x: -250px;
    }

    .textalign {
        text-align: center;
    }

    .paddingright15 {
        padding-right: 15px;
    }

    .padding_0 {
        padding: 0;
    }

    .paddingleft0 {
        padding-left: 0;
    }

    .marginbottom30 {
        margin-bottom: 30px;
    }

    .marginbottom_50 {
        margin-bottom: -50px;
    }

    .margintop_20 {
        margin-top: 20px;
    }
}

@media(min-width:768px) and (max-width:992px) {
    #commingsoon2; {
        background-position-x: -200px;
    }

    .textalign {
        text-align: center;
    }

    .paddingright15 {
        padding-right: 15px;
    }

    .padding_0 {
        padding: 0;
    }

    .paddingleft0 {
        padding-left: 0;
    }

    .marginbottom30 {
        margin-bottom: 30px;
    }

    .marginbottom_50 {
        margin-bottom: -50px;
    }
}

@media(min-width:768px) and (max-width:1200px) {
    #villas1 .menu-search .item-on-page; {
        flex: initial;
    }
}

@media(min-width:768px) {
    .marginbottom_80; {
        margin-bottom: -80px;
    }

    #tourist.tourist2.fix-rating .rating {
        margin-right: 30px;
    }
}

#commingsoon2 .logo-comming-soon {
    background: url(../images/about-us/comming_soon_logo.png) no-repeat;
    width: 185px;
    height: 51px;
    margin-top: 60px;
    margin-left: 135px;
}

#commingsoon2 .comming-soon {
    font-family: roboto-bold;
    font-size: 72px;
    color: #fff;
    text-align: center;
}

#commingsoon2 .comming-soon-content {
    font-family: 'Open Sans',sans-serif;
    font-size: 18px;
    color: #fff;
    text-align: center;
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
}

#commingsoon2 .countdown.styled {
    text-align: center;
}

#commingsoon2 .date-comming-soon {
    border-style: solid;
    border-width: 1px;
    border-color: #fff;
    border-radius: 50%;
    width: 135px;
    height: 135px;
    text-align: center;
    line-height: 135px;
    font-family: SourceSansPro-Bold;
    font-size: 60px;
    color: #fff;
    position: relative;
    display: inline-block;
    margin: 60px 20px 0;
}

    #commingsoon2 .date-comming-soon span:nth-child(1) {
        position: absolute;
        bottom: -95px;
        font-family: SourceSansPro-Bold;
        font-size: 18px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

.btn-search-responsive .text-search-reponsive, .menu-faq p, .tab-faq, select > option {
    font-family: 'Open Sans',sans-serif;
}

#commingsoon1 > .row > div:nth-child(1) {
    padding: 0 20px;
}

select > option {
    background: #f5f5f5;
    border-radius: 0;
    border: 1px solid #eee;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    color: #757575;
    padding-top: 10px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.btn-search-responsive {
    display: none;
}

    .btn-search-responsive input {
        width: 100%;
        padding: 20px;
        height: 60px;
        border-style: solid;
        border-width: 1px;
        border-color: #034f84;
        border-radius: 2px;
        background: url(../images/blog-search.png) 96% no-repeat;
    }

.border-1, .border-2 {
    border-right: solid #eee 1px;
}

.border-1, .border-3 {
    border-bottom: solid #eee 1px;
}

.btn-search-responsive input:-ms-input-placeholder {
    color: #757575;
}

.btn-search-responsive input::-moz-placeholder {
    color: #757575;
}

.btn-search-responsive input:-moz-placeholder {
    color: #757575;
}

.btn-search-responsive input::-webkit-input-placeholder {
    color: #757575;
}

.btn-search-responsive .text-search-reponsive {
    font-size: 16px;
    color: #034f84;
    text-transform: uppercase;
    font-weight: 700;
}

.title-slider {
    padding-left: 15px;
    color: #fff;
}

.policies {
    height: auto;
    box-shadow: 1px 1px 5px #888;
    margin-top: 90px;
    margin-bottom: 90px;
    padding: 0;
}

.menu-faq p {
    color: #000;
    font-size: 16px;
    text-align: left;
    padding: 0 20px;
    line-height: 30px;
}

#tab-1, #tab-2, #tab-3, #tab-4 > p {
    line-height: 30px;
    color: #7c7c7c;
    text-align: left;
}

ul.menu_loc {
    list-style: none;
}

    ul.menu_loc li {
        background: #fff;
        color: #222;
        display: inline-block;
        padding: 10px 15px;
    }

        .button-xs.active, ul.menu_loc li.active {
            border-top: 3px solid #034f84;
            color: #034f84;
            font-weight: 700;
        }

    ul.menu_loc .active .title_tab {
        position: relative;
        top: 10px;
    }

.tab-content-loc {
    display: none;
    padding: 15px;
}

    .tab-content-loc.active {
        display: inherit;
        background: 0 0;
        margin-top: -37px;
    }

.button-xs, .button-xs.active {
    margin: 5px 0;
    background-color: #f5f5f5;
}

.button-xs {
    height: 40px;
}

.tab-faq-content {
    display: none;
    background-color: #f5f5f5;
    margin-bottom: 20px;
    color: #000;
    box-shadow: 1px 1px 5px gray;
    font-size: 16px;
    padding: 40px 10px;
    text-align: left;
    line-height: 25px;
}

.tab-faq {
    box-shadow: 1px 2px 2px #cfcfcf;
    height: 50px;
    border-left: 5px #034f83 solid;
    padding-left: 20px;
    line-height: 50px;
    font-size: 16px;
}

    .tab-faq.active {
        color: red;
        border-left: 5px red solid;
        margin-bottom: 0;
    }

.body_demo {
    padding: 0;
    margin: 0;
}

.logo-demo {
    margin-top: 101px;
}

.title1-demo {
    color: #fff;
    font-size: 48px;
    font-family: Roboto-Bold;
    letter-spacing: 2px;
    width: 100%;
    line-height: 48px;
}

.title2-demo {
    font-family: 'Open Sans',sans-serif;
    color: #fff;
    font-size: 30px;
}

.list-demo-1 ul li, .list-demo-2 ul li {
    line-height: 35px;
}

.content-2 .title3-demo {
    margin-top: 20px;
}

.content-2-1 {
    margin-top: 182px;
    width: 100%;
    height: 50px;
}

.title3-demo {
    font-size: 34px;
    color: #034f83;
    text-align: center;
    font-family: Roboto-Bold;
}

.content-2-2 {
    margin-top: 80px;
}

.text-demo-2-1 {
    font-family: Roboto-Bold;
    font-size: 18px;
    margin: 30px auto;
}

.text-demo-2-2 {
    font-family: SourceSansPro-Regular;
    font-size: 16px;
    line-height: 20px;
    color: #818181;
    margin-bottom: 50px;
}

.title-demo-3-1 {
    font-family: Roboto-Bold;
    font-size: 36px;
    color: #fff;
}

.title-demo-3-2 {
    font-family: SourceSansPro-Regular;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
}

.title-demo-3-3 {
    font-family: 'Open Sans',sans-serif;
    font-size: 24px;
    color: #fff;
    text-align: center;
    margin-top: 110px;
    margin-bottom: 40px;
}

.button-demo, .text-content4-1, .text-content4-2 {
    font-family: SourceSansPro-Regular;
}

.border-1, .border-2 {
    text-align: center;
}

.margin-top {
    margin-top: 35px;
}

.border-3 {
    text-align: center;
}

.button-demo {
    width: 220px;
    height: 60px;
    background-color: #034f84;
    color: #fff;
    text-align: center;
    font-size: 16px;
    padding-top: 20px;
    font-weight: 700;
    border-radius: 2px;
}

.text-content4-1 {
    font-size: 30px;
}

.text-content4-2 {
    font-size: 16px;
}

.button-thank-left, .text-left-thank-1, .text-left-thank-2 {
    font-family: 'Open Sans',sans-serif;
}

.padding {
    padding: 0;
}

.blance {
    margin: 0 auto;
}

.move {
    transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -ms-transition: all .1s linear;
}

    .move:hover {
        border: 2px solid #fff;
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
    }

.line-thankyou {
    border-top: 1px solid rgba(129,129,129,.2);
}

.wrapper-left {
    background-color: #f5f5f5;
    width: 100%;
    height: auto;
    padding: 35px 20px;
}

.margin-thank-left {
    margin-right: 5px;
    color: #034f84;
}

.margin-thank-left-1 {
    text-indent: 35px;
}

.text-left-thank-1 {
    color: #034f84;
    font-weight: 700;
    font-size: 16px;
}

.text-left-thank-2 {
    color: #757575;
    font-size: 16px;
}

.button-thank-left {
    width: 100%;
    height: 60px;
    font-size: 24px;
    text-align: center;
    background-color: #034f84;
    color: #fff;
    -webkit-text-fill-color: #fff;
    line-height: 60px;
    border-radius: 3px;
    font-weight: 700;
}

.margin-bottom-left {
    margin-bottom: 35px;
}

.frame-right {
    box-shadow: 1px 2px 5px #d2d2d2;
    height: auto;
}

.right-content-1-1 {
    font-size: 30px;
    color: #034f84;
    font-family: 'Open Sans',sans-serif;
    text-align: center;
    font-weight: 700;
    margin-top: 35px;
}

.right-content-1-2, .text-right-thank-1, .text-right-thank-2 {
    font-size: 16px;
    font-family: 'Open Sans',sans-serif;
}

.right-content-1-2 {
    text-align: center;
    color: #818180;
    margin: 5px 0 35px;
    box-shadow: 1px 1px 2px #eee;
    height: 51px;
}

.title-thank-right-1 {
    margin-left: 35px;
    color: #818181;
}

.text-right-thank-1 {
    line-height: 40px;
    color: #474747;
}

.text-right-thank-2 {
    line-height: 40px;
    color: #818181;
}

.wrapper-thank-2 {
    background-color: #f5f5f5;
    width: 100%;
}

#photo-title-1 {
    padding-left: 15px;
}

div[data-liffect1=slideBottom] .photo-item, div[data-liffect2=slideBottom] .photo-item, div[data-liffect3=slideBottom] .photo-item, div[data-liffect4=slideBottom] .photo-item {
    opacity: 0;
    position: relative;
    -webkit-animation: slideBottom .6s ease both;
    -webkit-animation-play-state: paused;
    -moz-animation: slideBottom .6s ease both;
    -moz-animation-play-state: paused;
    -o-animation: slideBottom .6s ease both;
    -o-animation-play-state: paused;
    animation: slideBottom .6s ease both;
    animation-play-state: paused;
}

div[data-liffect1=slideBottom].play .photo-item, div[data-liffect2=slideBottom].play .photo-item, div[data-liffect3=slideBottom].play .photo-item, div[data-liffect4=slideBottom].play .photo-item {
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running;
}

@-webkit-keyframes slideBottom {
    0% {
        opacity: 0;
        top: 30px;
    }

    100% {
        opacity: 1;
        top: 0;
    }
}

@-moz-keyframes slideBottom {
    0% {
        opacity: 0;
        top: 30px;
    }

    100% {
        opacity: 1;
        top: 0;
    }
}

@-o-keyframes slideBottom {
    0%; {
        opacity: 0;
        top: 30px;
    }

    100% {
        opacity: 1;
        top: 0;
    }
}

@keyframes slideBottom {
    0% {
        opacity: 0;
        top: 30px;
    }

    100% {
        opacity: 1;
        top: 0;
    }
}

.sl-slider {
    position: absolute;
    top: 0;
    left: 0;
}

.sl-slide, .sl-slide-inner, .sl-slides-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.sl-slide {
    z-index: 1;
    display: none;
}

.sl-content-slice {
    overflow: hidden;
    position: absolute;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    background: #fff;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 1;
}

.sl-slide-horizontal .sl-content-slice {
    width: 100%;
    height: 50%;
    left: -200px;
    -webkit-transform: translateY(0) scale(1);
    -moz-transform: translateY(0) scale(1);
    -o-transform: translateY(0) scale(1);
    -ms-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
}

    .sl-slide-horizontal .sl-content-slice:first-child {
        top: -200px;
        padding: 200px 200px 0;
    }

    .sl-slide-horizontal .sl-content-slice:nth-child(2) {
        top: 50%;
        padding: 0 200px 200px;
    }

.sl-slide-vertical .sl-content-slice {
    width: 50%;
    height: 100%;
    top: -200px;
    -webkit-transform: translateX(0) scale(1);
    -moz-transform: translateX(0) scale(1);
    -o-transform: translateX(0) scale(1);
    -ms-transform: translateX(0) scale(1);
    transform: translateX(0) scale(1);
}

    .sl-slide-vertical .sl-content-slice:first-child {
        left: -200px;
        padding: 200px 0 200px 200px;
    }

    .sl-slide-vertical .sl-content-slice:nth-child(2) {
        left: 50%;
        padding: 200px 200px 200px 0;
    }

.sl-content-wrapper {
    position: absolute;
}

.sl-content {
    width: 100%;
    height: 100%;
    background: #fff;
}

.sl-slide-horizontal .sl-slide-inner {
    background: #ddd;
}

.sl-slide-vertical .sl-slide-inner {
    background: #ccc;
}

.text-sl-slider {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
}

.text-sl-slider-center, .text-sl-slider-home6-center {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

.slider-home2 {
    height: 550px;
}

.demo-2, .demo-2 .sl-slider-wrapper {
    width: 100%;
    min-height: 550px;
    overflow: hidden;
    position: relative;
}

    .demo-2 .sl-slider blockquote, .demo-2 .sl-slider h2 {
        width: 100%;
        color: #fff;
        position: relative;
        z-index: 100;
        border: none;
        text-align: center;
    }

    .demo-2 .sl-slider blockquote, .slider-home8 .sl-slider h2 {
        width: 100%;
        color: #fff;
        position: relative;
        z-index: 100;
        border: none;
        text-align: center;
    }

    .demo-2 .sl-slider h2 {
        font-size: 36px;
        text-shadow: 0 -1px 0 rgba(0,0,0,.2);
    }

.book_now, .content, .pad-thank {
    font-size: 16px;
}

.demo-2 .sl-slider blockquote {
    line-height: 35px;
    font-size: 16px;
    padding-top: 10px;
    font-weight: 300;
    text-shadow: 0 -1px 0 rgba(0,0,0,.2);
}

.demo-2 .bg-img {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
    width: 100%;
    height: 100%;
}

.nav-arrows span {
    position: absolute;
    z-index: 2000;
    top: 50%;
    width: 40px;
    height: 40px;
    border: 8px solid #ddd;
    border: 8px solid rgba(150,150,150,.4);
    text-indent: -90000px;
    margin-top: -40px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

    .nav-arrows span:hover {
        border-color: rgba(150,150,150,.9);
    }

    .nav-arrows span.nav-arrow-prev {
        left: 5%;
        border-right: none;
        border-top: none;
    }

    .nav-arrows span.nav-arrow-next {
        right: 5%;
        border-left: none;
        border-bottom: none;
    }

.nav-dots {
    text-align: center;
    position: absolute;
    height: 30px;
    width: 100% !important;
    bottom: 15%;
    left: 0;
    z-index: 1000;
    display: block;
}

    .nav-dots span {
        display: inline-block;
        position: relative;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        margin: 3px;
        background: 0 0;
        border: 1px solid #fff;
    }

.demo-2 .nav-dots span {
    background: 0 0;
    border: 1px solid #fff;
    margin: 6px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

    .demo-2 .nav-dots span.nav-dot-current, .demo-2 .nav-dots span:hover {
        background: #034f84;
    }

.bg-img img {
    width: auto;
    height: 100%;
}

.sl-trans-elems .deco {
    -webkit-animation: roll 1s ease-out both,fadeIn 1s ease-out both;
    -moz-animation: roll 1s ease-out both,fadeIn 1s ease-out both;
    -o-animation: roll 1s ease-out both,fadeIn 1s ease-out both;
    -ms-animation: roll 1s ease-out both,fadeIn 1s ease-out both;
    animation: roll 1s ease-out both,fadeIn 1s ease-out both;
}

.sl-trans-elems h2 {
    -webkit-animation: moveUp 1s ease-in-out both;
    -moz-animation: moveUp 1s ease-in-out both;
    -o-animation: moveUp 1s ease-in-out both;
    -ms-animation: moveUp 1s ease-in-out both;
    animation: moveUp 1s ease-in-out both;
}

.sl-trans-elems blockquote {
    -webkit-animation: fadeIn .5s linear .5s both;
    -moz-animation: fadeIn .5s linear .5s both;
    -o-animation: fadeIn .5s linear .5s both;
    -ms-animation: fadeIn .5s linear .5s both;
    animation: fadeIn .5s linear .5s both;
}

.sl-trans-back-elems .deco {
    -webkit-animation: scaleDown 1s ease-in-out both;
    -moz-animation: scaleDown 1s ease-in-out both;
    -o-animation: scaleDown 1s ease-in-out both;
    -ms-animation: scaleDown 1s ease-in-out both;
    animation: scaleDown 1s ease-in-out both;
}

.sl-trans-back-elems h2 {
    -webkit-animation: fadeOut 1s ease-in-out both;
    -moz-animation: fadeOut 1s ease-in-out both;
    -o-animation: fadeOut 1s ease-in-out both;
    -ms-animation: fadeOut 1s ease-in-out both;
    animation: fadeOut 1s ease-in-out both;
}

.sl-trans-back-elems blockquote {
    -webkit-animation: fadeOut 1s linear both;
    -moz-animation: fadeOut 1s linear both;
    -o-animation: fadeOut 1s linear both;
    -ms-animation: fadeOut 1s linear both;
    animation: fadeOut 1s linear both;
}

@-webkit-keyframes roll {
    0% {
        -webkit-transform: translateX(500px) rotate(360deg);
    }

    100% {
        -webkit-transform: translateX(0) rotate(0);
    }
}

@-moz-keyframes roll {
    0% {
        -moz-transform: translateX(500px) rotate(360deg);
        opacity: 0;
    }

    100% {
        -moz-transform: translateX(0) rotate(0);
        opacity: 1;
    }
}

@-o-keyframes roll {
    0%; {
        -o-transform: translateX(500px) rotate(360deg);
        opacity: 0;
    }

    100% {
        -o-transform: translateX(0) rotate(0);
        opacity: 1;
    }
}

@-ms-keyframes roll {
    0% {
        -ms-transform: translateX(500px) rotate(360deg);
        opacity: 0;
    }

    100% {
        -ms-transform: translateX(0) rotate(0);
        opacity: 1;
    }
}

@keyframes roll {
    0% {
        transform: translateX(500px) rotate(360deg);
        opacity: 0;
    }

    100% {
        transform: translateX(0) rotate(0);
        opacity: 1;
    }
}

@-webkit-keyframes moveUp {
    0% {
        -webkit-transform: translateY(40px);
    }

    100% {
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes moveUp {
    0% {
        -moz-transform: translateY(40px);
    }

    100% {
        -moz-transform: translateY(0);
    }
}

@-o-keyframes moveUp {
    0%; {
        -o-transform: translateY(40px);
    }

    100% {
        -o-transform: translateY(0);
    }
}

@-ms-keyframes moveUp {
    0% {
        -ms-transform: translateY(40px);
    }

    100% {
        -ms-transform: translateY(0);
    }
}

@keyframes moveUp {
    0% {
        transform: translateY(40px);
    }

    100% {
        transform: translateY(0);
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    0%; {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-ms-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes scaleDown {
    0% {
        -webkit-transform: scale(1);
    }

    100% {
        -webkit-transform: scale(.5);
    }
}

@-moz-keyframes scaleDown {
    0% {
        -moz-transform: scale(1);
    }

    100% {
        -moz-transform: scale(.5);
    }
}

@-o-keyframes scaleDown {
    0%; {
        -o-transform: scale(1);
    }

    100% {
        -o-transform: scale(.5);
    }
}

@-ms-keyframes scaleDown {
    0% {
        -ms-transform: scale(1);
    }

    100% {
        -ms-transform: scale(.5);
    }
}

@keyframes scaleDown {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(.5);
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-o-keyframes fadeOut {
    0%; {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-ms-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.paddingright0 {
    padding-right: 0;
}

.paddingleft15 {
    padding-left: 15px;
}

.margintop10 {
    margin-top: 10px;
}

.margintop15 {
    margin-top: 15px;
}

.margintop20 {
    margin-top: 20px;
}

.margintop30 {
    margin-top: 30px;
}

.margintop40 {
    margin-top: 40px;
}

.margintop50 {
    margin-top: 50px;
}

.margintop60 {
    margin-top: 60px;
}

.margintop70 {
    margin-top: 70px;
}

.margintop75 {
    margin-top: 75px;
}

.margintop80 {
    margin-top: 80px;
}

.margintop85 {
    margin-top: 85px;
}

.margintop90 {
    margin-top: 90px;
}

.margintop100 {
    margin-top: 100px;
}

.margintop190 {
    margin-top: 70px;
}

.marginbottom30 {
    margin-bottom: 30px;
}

.marginbottom40 {
    margin-bottom: 40px;
}

.marginbottom50 {
    margin-bottom: 50px;
}

.marginbottom60 {
    margin-bottom: 60px;
}

.marginbottom70 {
    margin-bottom: 70px;
}

.marginbottom90 {
    margin-bottom: 90px;
}

.marginbottom_30 {
    margin-bottom: -30px;
}

.marginbottom_40 {
    margin-bottom: -40px;
}

.marginbottom_90 {
    margin-bottom: -90px;
}

.pad-thank {
    border-top: solid 1px rgba(129,129,129,.1);
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 30px;
    font-family: 'Open Sans',sans-serif;
    font-style: italic;
}

@media(max-width:320px) {
    .text-right-thank-2; {
        font-family: 'Open Sans',sans-serif;
        font-size: 16px;
        line-height: 16px;
        color: #818181;
        margin-top: 12px;
    }
}

@media(max-width:550px) {
    #gallery img; {
        width: 100%;
    }
}

@media(max-width:410px) {
    #tourist.tourist2 .rating; {
        margin: 0;
    }

    #tourist.tourist2 .tourist2-content .blue-line1:after {
        right: 25px;
    }

    #gallery img {
        width: 280px;
    }

    #gallery .tp-title {
        width: 270px;
    }
}

@media screen and (max-width:34em) {
    .input--filled .input__label--kaede, .input__field--kaede.active + .input__label--kaede {
        -webkit-transform: translate3d(65%,0,0) scale3d(.65,.65,1);
        transform: translate3d(65%,0,0) scale3d(.65,.65,1);
        pointer-events: none;
    }
}

@media (max-width:767px) {
    .menu-faq p, .tab-faq {
        font-family: 'Open Sans',sans-serif;
    }

    #tab-1, #tab-2, #tab-3, #tab-4 > p:nth-child(1) {
        margin-top: 40px;
        margin-bottom: 0;
    }

    #photo-title-1 {
        padding-left: 0;
    }

    .menu-faq p {
        color: #000;
        font-size: 16px;
        text-align: left;
        padding: 0;
        line-height: 30px;
    }

    .tourist-detail .text-detail-content p {
        padding: 0;
    }

    #tourist .tourist-detail .detail-content .text-detail-content, #villas1 #tourist .row .detail-comment {
        padding: 0 20px;
    }

    #blog.blog-detail .comment .media {
        padding-left: 10px;
    }

    .blog-detail .footer-detail {
        float: left;
        margin-right: 0;
    }

    #tourist.tourist2 .right-content {
        padding-left: 20px;
    }

    .comment .name, .comment .text-comment {
        padding-left: 5px;
        padding-bottom: 5px;
    }

    #tourist.tourist2 .tourist-filter > div {
        margin-top: 20px;
    }

    .img_feature {
        display: block;
        margin: 0 auto;
        width: 100%;
    }

    #commingsoon1 > .row > div:nth-child(2), #restaurant.v-2 .menu-price.v-2 > div:last-child .black-line, #villas-detail .product-next > a > .fa, #villas-detail .product-pre > a > .fa {
        display: none;
    }

    .media > .pull-left {
        margin-right: 0;
    }

    .comment .text-comment {
        text-align: left;
        line-height: 28px;
    }

    #contact .text-more {
        padding-left: 0;
        text-align: center;
    }

    #contact .personal-info {
        padding: 0 20px;
    }

    #page-404 .container button {
        width: 100px;
    }

    #page-404 .container input {
        padding-left: 20px;
    }

    #commingsoon2 .comming-soon {
        font-size: 50px;
    }

    #blog.blog-detail .format_feature:not(:nth-child(4)) > .row, #blog.blog2 .blog2-content .col-lg-4 > .col-md-8:not(:nth-child(4)) {
        margin-top: 0;
    }

    #blog.blog-detail .tourist-info, #blog.blog2 .tourist-info {
        margin-top: 10px;
    }

    #commingsoon1 .some-text, #commingsoon2 .comming-soon-content {
        padding: 0 20px;
        text-align: left;
    }

    #commingsoon2 .logo-comming-soon {
        margin-left: auto;
        margin-right: auto;
    }

    #villas1.villas2 .villas-content .row > div > .row > div:nth-child(2) {
        padding-right: 25px;
    }

    #villas1.villas2 .villas-content .row > div:hover .line-product {
        width: 100%;
    }

    .about .wrap-iframe {
        top: 25px;
    }

    #blog.blog-detail .detail-content .footer-detail > .blog-tag {
        margin-left: 0;
    }

    #tourist .row .text {
        text-align: left;
    }

    #tourist.tourist2 .row .text {
        text-align: left;
        padding-right: 20px;
    }

    .menu_loc, .product-paging, .product-title, .title-about-2 {
        text-align: center;
    }

    #restaurant.v-2 .item-tabs-menu, #restaurant.v-2 .restaurant2-row-2, #tourist.tourist2 .tourist2-content .booking-tour, .menu-small-img-restaurant > div:nth-child(2), .tourist-detail .features .right-content {
        margin-top: 20px;
    }

    #restaurant.v-2 .menu-price.v-2 > div:last-child .item-tabs-menu > p:nth-child(3):after {
        content: " ";
        border-style: none;
    }

    .title-about-2 {
        margin-top: 25px;
    }

    .about-2 .video {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .product-title {
        margin-right: 0;
    }

    #gallery .popup .img-popup {
        width: 80%;
        height: 50%;
    }

    #gallery .popup img {
        height: auto;
    }

    #gallery .popup .img-popup button:nth-child(1) {
        top: initial;
        right: 0;
        bottom: -60px;
    }

    #gallery .popup .img-popup button:nth-child(2) {
        top: initial;
        left: 0;
        bottom: -60px;
    }

    #restaurant.v-2 .restaurant2-row-2 > .container::after {
        content: none;
    }

    #page-404 .container:before {
        content: " ";
        height: 150px;
        width: 300px;
        background: url(../images/about-us/404.jpg);
        background-size: cover;
    }

    #villas-detail .content-villas-detail .product-title {
        padding-right: 0;
    }

    #booking .content-booking, .tab-faq {
        padding: 20px;
    }

    #villas-detail .adults {
        margin-top: 0;
    }

    #villas-detail.villas-detail2 .content-villas-detail .title-villas-detail {
        margin-left: 15px;
    }

    #commingsoon1 .date-comming-soon {
        margin-top: 20px;
    }

    #booking-personalinfo .recommend-tourist .content {
        min-height: auto;
    }

    .about canvas {
        display: block;
        margin: 0 auto;
    }

    .margintop_1 {
        margin-top: -1px;
    }

    .marginbottom_1 {
        margin-bottom: -1px;
    }

    .photo-gallery-home3 .photo-title {
        margin-bottom: 30px;
    }

    #activities .top-activities .title-activities {
        margin-top: 40px;
        height: 50px;
    }

    .tab-content-loc.active {
        display: inherit;
    }

    .menu_loc {
        height: 40px;
        line-height: 40px;
    }

    .tab-faq {
        height: auto;
        border-left: 5px #034f83 solid;
        line-height: 18px;
        font-size: 16px;
    }

    .list-demo-1, .list-demo-2 {
        color: #fff;
        font-size: 18px;
        font-family: SourceSansPro-Regular;
    }

    .content-1 {
        background-image: url(../images/demo/bg1.png);
        width: 100%;
        height: auto;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .border-1, .border-2, .border-3 {
        text-align: center;
        border: none;
    }

    .list-demo-1 {
        margin-top: 100px;
        margin-bottom: 0;
    }

    .list-demo-2 {
        margin-top: 30px;
        margin-bottom: 100px;
    }

    .padding-list1, .padding-list2 {
        padding-left: 0;
        list-style: none;
    }

    .size-list-demo {
        font-size: 5px;
        padding-right: 25px;
        position: relative;
        bottom: 3px;
    }

    .title1-demo {
        font-size: 45px;
    }

    .margin-content-1 {
        margin-top: 94px;
    }

    .logo-content-1 {
        margin-top: 85px;
        transform: scale(1);
        position: relative;
        left: 0;
        top: 17px;
    }

    .page7 {
        margin-bottom: 70px;
    }

    .frame {
        height: 210px;
        visibility: hidden;
    }
}

@media screen and (min-width:768px) {
    #nav-icon span:nth-child(1), #nav-icon span:nth-child(2) {
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -o-transform-origin: left center;
        left: 23px;
    }

    .margintop190 {
        margin-top: 190px;
    }

    #blog .photo-title {
        text-align: center;
        margin-top: 80px;
        margin-bottom: -20px;
    }

    #nav-icon, .mobi-image-7 {
        margin-top: 0;
    }

    .photo-gallery .photo-tag ul li, .photo-gallery-home3 .photo-tag ul li {
        margin-left: 40px;
    }

    .box-content img, .taketour {
        margin-left: 0;
    }

    #villas1 .menu-search {
        min-height: 100px;
    }

    .blog-detail-youtube {
        width: 100%;
    }

    #nav-icon {
        width: 70px;
        height: 70px;
        position: relative;
        border-radius: 100%;
        background: #da251e;
        float: left;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
    }

        #nav-icon span:nth-child(1) {
            top: 25px;
            transform-origin: left center;
        }

        #nav-icon span:nth-child(2) {
            top: 34px;
            transform-origin: left center;
        }

        #nav-icon span:nth-child(3) {
            top: 43px;
            left: 23px;
            -webkit-transform-origin: left center;
            -moz-transform-origin: left center;
            -o-transform-origin: left center;
            transform-origin: left center;
        }

        #nav-icon.open span:nth-child(1) {
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
            top: 25px;
            left: 25px;
        }

        #nav-icon.open span:nth-child(2) {
            width: 0;
            opacity: 0;
        }

        #nav-icon.open span:nth-child(3) {
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
            top: 43px;
            left: 25px;
        }

    .link-footer3 {
        margin-bottom: 40px;
    }

    .hovereffect6 .overlay {
        padding-top: 20%;
    }

    .demo-2 .sl-slider blockquote, .demo-2 .sl-slider h2 {
        text-align: left;
        padding: 0;
    }

    #polina, .item-slider-section5-hom4 blockquote, .item-slider-section5-hom4 h2, .slider-home8 .sl-slider blockquote, .slider-home8 .sl-slider h2, .title_section {
        text-align: center;
    }

    .photo-title, .photo-title-new {
        font-size: 36px;
    }

    #map {
        height: 550px;
    }

    #section0 .title {
        line-height: 40px;
    }

    .video-bg-home4 #polina {
        top: 83%;
    }

    .video-bg-home4 .title {
        position: absolute;
        left: 50%;
        top: 55%;
        transform: translateX(-50%) translateY(-80%);
        -webkit-transform: translateX(-50%) translateY(-80%);
        width: 100%;
    }

    #polina, .moreinfo {
        transform: translateX(-50%) translateY(-50%);
    }

    #polina {
        position: absolute;
        left: 50%;
        top: 30%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        color: #fff;
        font-size: 16px;
    }

    .video-full #polina, .video-home8 #polina {
        top: 80%;
    }

    .booking, .moreinfo {
        width: 16%;
        margin-top: 0;
        top: 130%;
        position: absolute;
    }

    .moreinfo {
        left: 42%;
        -webkit-transform: translateX(-50%) translateY(-50%);
    }

    .booking {
        left: 59%;
        transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
    }

    .link-item-package {
        width: 202px;
    }

    .circle, .circle_resort {
        width: 512px;
        height: 512px;
    }

    .circle {
        left: 50%;
    }

    .text_vacation {
        left: 50%;
        top: 50%;
        -ms-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }

        .text_vacation h2 {
            font-size: 65px;
        }

        .text_vacation h3 {
            font-size: 45px;
        }

        .text_vacation a > h4 {
            margin-top: 90px;
        }

    .title_section h3 {
        font-size: 36px;
    }

    .title_section h2 {
        font-size: 60px;
    }

    .text_resort h2 {
        font-size: 50px;
    }

    .text_resort h3 {
        font-size: 38px;
    }

    #home h2, .lets-booking h1 {
        font-size: 60px;
    }

    .title_section {
        top: 50%;
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .input-booking {
        margin-top: 50px;
        margin-bottom: 70px;
    }

    .box-content {
        height: 90px;
        padding-top: 10px;
    }

        .box-content p {
            margin-top: 20px;
            text-align: right;
        }

    #home h2 {
        text-transform: uppercase;
        font-family: 'Open Sans',sans-serif;
        text-align: left;
        margin-bottom: 15px;
    }

    #home .villas-background .owl-theme .owl-controls {
        position: absolute;
        right: 0;
        top: -45px;
        display: block;
    }

    #home .villas-background .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
        background: #fff;
    }

    #home .villas-background .owl-theme .owl-dots .owl-dot span {
        background: 0 0;
        border: 2px solid #fff;
    }

    .taketour {
        margin-top: 45px;
    }

    .seacrh_header {
        background: #034f84;
        width: 100%;
    }

    .text-Restaurant {
        padding: 0 25px;
        margin-top: 30px;
    }

    .section3-hom3 .product-content ul li {
        line-height: 40px;
        margin-top: 20px;
    }

    .photo-title, .restaurant-home5 .photo-title {
        line-height: 30px;
        font-size: 30px;
    }

    .Restaurant-semore {
        float: left;
        margin-left: 20px;
    }

    .binhchon-sao img {
        width: auto;
        margin-top: 70px;
    }

    .content-testimonials {
        margin-top: 50px;
        padding: 30px;
    }

    .section4-hom3 .owl-theme .owl-controls {
        margin-left: 10px;
        text-align: left;
        -webkit-tap-highlight-color: transparent;
    }

    .section5-hom3 .leisure-text .binhchon-sao {
        position: absolute;
        top: -65px;
        right: 10px;
    }

    .slider-villas-home3 .photo-title {
        text-align: center;
    }

    .item-section6-hom4-left {
        width: 50%;
        float: left;
    }

    .item-section6-hom4-right {
        width: 50%;
        float: left;
        height: 140px;
    }

    #polina button, .section8-hom4 #polina button {
        width: 70px;
        height: 70px;
        background: 0 0;
        color: #fff;
    }

    .section8-hom4 .title h1 {
        font-size: 72px;
        margin-bottom: -120px;
    }

    .section8-hom4 #polina button {
        border-radius: 100%;
        border: 1px solid #fff;
        position: relative;
        text-align: center;
        font-size: 16px;
        margin: 0 auto;
    }

    .section5-hom7 h3 {
        margin-top: 100px;
        margin-bottom: 55px;
    }

    .btn-submit {
        margin-bottom: 90px;
    }

    .hom7-img-section2 img {
        margin-top: 30px;
    }

    .page7 {
        margin-bottom: 130px;
        margin-top: -5px;
    }

    .video-home8 .title {
        position: absolute;
        top: 50%;
        padding: 0;
    }

    .video-full .title {
        position: absolute;
        top: 15%;
        padding: 0;
    }

    .daubep {
        position: absolute;
        top: -125px;
        right: 0;
    }

    .sb-search {
        margin-top: 7px;
    }

    #activities .top-activities .title-activities {
        height: 50px;
    }

    #gallery .photo-title {
        margin-bottom: -30px;
    }

    .our-team-home7 .photo-title {
        margin-top: 60px;
        margin-bottom: 40px;
    }

    .blog-content .photo-title {
        font-size: 30px;
        margin-top: 80px;
        margin-bottom: -20px;
    }

    .restaurant-home5 .photo-title {
        line-height: 27px;
    }

    .section6-hom4 .photo-title {
        margin-bottom: 5px;
    }

    #polina button {
        border-radius: 100%;
        border: 1px solid #fff;
        margin-top: 10px;
        position: absolute;
        left: 50%;
        top: 80%;
        transform: translateX(-50%) translateY(-80%);
        -webkit-transform: translateX(-50%) translateY(-80%);
        text-align: center;
        font-size: 16px;
    }

    .border-1, .border-2 {
        border-right: solid #eee 1px;
    }

    .border-1, .border-3 {
        text-align: center;
        border-bottom: solid #eee 1px;
    }

    .resortbooking {
        margin-top: 0;
    }

    .vilas-home8 .leisure-text h3 {
        height: 45px;
    }

    .photo-tag {
        margin-bottom: 20px;
    }

    .title h1 {
        font-size: 50px;
        margin-top: -50px;
    }

    .title h2 {
        font-size: 70px;
    }

    .title p {
        text-align: center;
    }

    .resortbooking h2 {
        font-size: 36px;
    }

    .photo-gallery .photo-tag ul li, .photo-gallery-home3 .photo-tag ul li {
        display: inline-block;
    }

    .lets-booking p {
        text-align: center;
    }

    #activities .others-activities-content .col-sm-7 {
        padding: 0;
        font-size: 10px;
    }

    #tourist .col-md-8 .row .col-sm-6 .img-responsive {
        height: 297px;
    }

    #tourist .tourist-filter .rating1 .rating-content {
        padding-left: 15px;
    }

    #tourist .row .text {
        overflow: hidden;
        margin-left: 0;
        margin-top: 20px;
        min-height: 100px;
    }

    .img_blog2 {
        display: block;
        margin: 0 auto;
    }

    .blog-detail #polina {
        top: 52%;
    }

    .footer-subcrible {
        width: 100%;
    }

    .icon .fa-instagram {
        left: 390px;
    }

    .icon .fa-twitter {
        left: 450px;
    }

    .icon .fa-facebook {
        left: 510px;
    }

    #villas-detail .content-villas-detail .product-content ul {
        margin-left: 45px;
    }

    #villas-detail.villas-detail2 .content-villas-detail .product-content ul {
        margin-left: 30px;
    }

    #villas-detail.villas-detail2 .content-villas-detail .product-content {
        margin-left: 40px;
        margin-right: 40px;
    }

    #restaurant.v-2 .restaurant2-row-2 > .container > div {
        padding-right: 425px;
    }

    #commingsoon2 .comming-soon-content {
        width: 630px;
    }

    #commingsoon2 .date-comming-soon span:nth-child(1) {
        bottom: -120px;
    }

    #commingsoon1 .subcrible {
        width: 640px;
        margin-right: auto;
        margin-left: auto;
    }

    #commingsoon1 .some-text {
        width: 640px;
    }

    #villas1 .menu-search .group-menu-search {
        display: flex;
        display: -webkit-flex;
        display: -moz-flex;
        flex-flow: row wrap;
    }

    #villas1 .btn-search-villas, #villas1 .menu-search .adults {
        margin: 0 7.5px;
    }

    #booking .other-room {
        margin: -15px;
    }

    .menu_loc {
        position: relative;
        top: -40px;
        text-align: center;
    }

    .tab-faq {
        line-height: 16px;
        padding-top: 12px;
    }

    .frame-faq {
        padding: 0 100px;
        margin-top: 40px;
        margin-bottom: 80px;
    }

    .logo-content-1 {
        margin-top: 85px;
        transform: scale(1);
        position: relative;
        left: 30px;
        top: 17px;
    }

    .border-2 {
        text-align: center;
    }

    .content-1 {
        background-image: url(../images/demo/bg1.png);
        width: 100%;
        height: auto;
        background-size: cover;
    }

    .list-demo-1, .list-demo-2 {
        color: #fff;
        font-size: 18px;
        font-family: SourceSansPro-Regular;
        margin-top: 100px;
        margin-bottom: 100px;
    }

    .padding-list1 {
        list-style: none;
        float: right;
    }

    .padding-list2 {
        list-style: none;
        float: left;
    }

    .title-content-1 {
        float: left;
        margin-top: 17px;
    }

    .size-list-demo {
        font-size: 5px;
        padding-right: 25px;
        position: relative;
        bottom: 3px;
    }

    .margin-content-1 {
        margin-top: 94px;
    }
}

@media screen and (min-width:992px) {
    .menu2 {
        width: 50px;
        position: absolute;
        right: 0;
        top: 110px;
        transition: .5s;
        -moz-transition: .5s;
        -webkit-transition: .5s;
        -o-transition: .5s;
    }

    .menu_fixed {
        position: fixed;
        top: 50px;
        left: 0;
        z-index: 9999;
        width: 100%;
    }

    .menu {
        border-bottom: solid 1px rgba(250,250,250,.5);
        transition: all .35s ease-in-out;
        -moz-transition: all .35s ease-in-out;
        -webkit-transition: all .35s ease-in-out;
        -o-transition: all .35s ease-in-out;
        -ms-transition: all .35s ease-in-out;
    }

    .menu_fixed .menu .logo {
        margin: 0 0 10px;
        width: 100px;
    }

    #header_container .navbar-collapse, #header_container .navbar-header {
        background: 0 0;
    }

    #header_container .nav > li {
        border-bottom: 0;
        position: relative;
        transition: .5s;
        -moz-transition: .5s;
        -webkit-transition: .5s;
        -o-transition: .5s;
        background: 0 0;
    }

    #header_container .navbar-nav {
        margin-left: 0;
        height: 100%;
    }

        #header_container .navbar-nav a {
                font-size: 14px;
    height: 50px;
    line-height: 50px;
        }

        #header_container .navbar-nav > li > a {
            position: relative;
            z-index: 100;
            height: 100%;
            text-align: center;
            padding: 12px;
            font-size: 16px;
            color: #034f84;
            transition: all .5s ease-in-out;
            font-weight: 400;
        }

            #header_container .navbar-nav > li > a > span {
                margin-left: 3px;
            }

    #header_container .nav > li:hover a {
        color: #034f84;
        cursor: pointer;
        transition: .5s;
        -moz-transition: .5s;
        -webkit-transition: .5s;
        -o-transition: .5s;
    }

    #header_container .navbar-nav a:hover {
        color: #da251e !important;
        transition: .5s;
        -moz-transition: .5s;
        -webkit-transition: .5s;
        -o-transition: .5s;
    }

    .hover-left:before {
        transition: all .5s ease-in-out;
    }

    #header_container .navbar-nav > li.active > a, #header_container .navbar-nav > li > a:hover {
        color: #da251e;
        background: 0 0;
        display: block;
        transition: .5s;
        -moz-transition: .5s;
        -webkit-transition: .5s;
        -o-transition: .5s;
    }

    .nav > li > a:focus, .nav > li > a:hover {
        text-decoration: none;
        background: 0 0;
        color: #034f84;
        transition: .5s;
        -moz-transition: .5s;
        -webkit-transition: .5s;
        -o-transition: .5s;
    }

    .collapse > ul > li > .submenu_m, .submenu_m > li > .submenu_m2 {
        background: #fff;
        padding: 0;
        margin-left: 0;
        position: absolute;
        visibility: hidden;
        opacity: 0;
        text-align: left;
    }

    .logo {
        margin-top: -10px;
        transition: all .35s ease-out;
        -webkit-transition: all .35s ease-out;
        -moz-transition: all .35s ease-out;
        -ms-transition: all .35s ease-out;
    }

    .downup {
        width: 20px;
        height: 20px;
    }

    .submenu_m, .submenu_m2 {
        display: block;
    }

    .collapse > ul > li > .submenu_m {
        -moz-box-shadow: 0 4px 5px 0 rgba(0,0,0,.1);
        box-shadow: 0 4px 5px 0 rgba(0,0,0,.1);
        top: 55px;
        left: -40px;
        min-width: 180px;
        transform: translateY(10%);
        -webkit-transform: translateY(10%);
        -moz-transform: translateY(10%);
        -ms-transform: translateY(10%);
        transition: all .2s ease-out;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -ms-transition: all .2s;
    }

    .submenu_m > li > .submenu_m2 {
        -moz-box-shadow: 0 4px 5px 0 rgba(0,0,0,.1);
        box-shadow: 0 4px 5px 0 rgba(0,0,0,.1);
        margin-top: -37px;
        left: 180px;
        min-width: 170px;
        z-index: -100;
        transform: translateY(10%);
        -webkit-transform: translateY(10%);
        -moz-transform: translateY(10%);
        -ms-transform: translateY(10%);
        transition: all .2s;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -ms-transition: all .2s;
    }

    .collapse > ul > li:hover > .submenu_m, .submenu_m > li:hover > .submenu_m2 {
        visibility: visible;
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
    }

    .submenu_m li, .submenu_m2 li {
        list-style: none;
        font-size: 16px;
        color: #303030;
        border-bottom: dotted 1px #ccc;
        transition: .5s;
        -moz-transition: .5s;
        -webkit-transition: .5s;
        -o-transition: .5s;
    }

    #header_container .nav li .submenu_m li a {
        color: #034f84;
        text-align: left;
        font-weight: 400;
        padding-left: 10px;
        filter: none;
        display: block;
        transition: .5s;
        -moz-transition: .5s;
        -webkit-transition: .5s;
        -o-transition: .5s; line-height: 35px;
    }

    .submenu_m2 li a {
        color: #303030;
        padding-left: 10px;
        filter: none;
        display: block;
        transition: .5s;
        -moz-transition: .5s;
        -webkit-transition: .5s;
        -o-transition: .5s;
    }

    #header_container .nav li .submenu_m li:hover, .submenu_m li.active {
        background: 0 0;
        color: #303030;
    }

    #header_container .nav li .submenu_m li a:hover {
        font-weight: 400;
        color: #da251e;
    }

    .submenu_m li a:hover, .submenu_m2 li a:hover {
        color: #303030;
    }

    .submenu_m2 li.active, .submenu_m2 li:hover {
        background: 0 0;
        color: #303030;
    }

    .hover-left {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        box-shadow: 0 0 1px transparent;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale;
        position: relative;
        overflow: hidden;
    }

        .content-menu2, .hover-left:before {
            position: absolute;
            background: #fff;
        }

        .hover-left:before {
            content: "";
            z-index: -1;
            left: 0;
            right: 100%;
            bottom: 0;
            height: 1px;
            -webkit-transition-property: right;
            transition-property: right;
            -webkit-transition-duration: .3s;
            transition-duration: .3s;
            -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
            font-weight: 400;
        }

        .hover-left:active:before, .hover-left:focus:before, .hover-left:hover:before {
            right: 0;
        }

    #nav-icon {
        margin-left: -45px;
    }

    .content-menu2 {
        width: 100%;
        height: auto;
        top: 0;
        right: 0;
    }

    .logo-menu2 {
        width: 104px;
        margin: 10px auto 20px;
    }

    .submenu_m li a, .submenu_m2 li a {
        font-weight: 400;
        text-align: left;
    }

    .header2-menu {
        position: fixed;
        top: 0;
        right: 0;
        z-index: 10001;
    }

    #cauhoi_slidedown1 {
        height: 500px;
        width: 300px;
        background: #fff;
        z-index: 9998;
        display: none;
        top: 0;
        right: 0;
        overflow-y: scroll;
    }

    #header_container .nav > li a .icons-dropdown i {
        width: 11px;
        height: 16px;
    }

    #header_container .nav > li:hover a .icons-dropdown i {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transition: all .4s ease;
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        -o-transition: all .4s ease;
    }

    .submenu_m > li > a > i {
        float: right;
        margin-right: 10px;
        line-height: 35px;
    }

    .tab-menu2 {
        box-shadow: none;
    }

    .footer-home {
        padding: 30px 0 50px;
    }

    .footer-home3 {
        padding: 50px 0 100px;
    }

    .footer-home h3 {
        margin-top: 30px;
        margin-bottom: 18px;
    }

    .scroll {
        position: fixed;
        bottom: 20px;
        right: 50px;
        cursor: pointer;
        width: 40px;
        height: 40px;
        background: #da251e;
        color: #fff;
        font-size: 20px;
        line-height: 40px;
        text-align: center;
        border-radius: 100%;
        transition: all .35s ease-in-out;
        display: none;
    }

        .scroll:hover {
            background: #fff;
            color: #da251e;
        }

    .text-content3 {
        margin-top: 55px;
        line-height: 40px;
        text-align: left;
    }

    .copyright3 {
        height: 60px;
        position: absolute;
        bottom: 0;
        line-height: 60px;
        border-top: solid 1px rgba(250,250,250,.1);
        width: 100%;
    }

    .leisure-text .link1, .superior ul > li {
        line-height: 40px;
    }

    .footer-home2 {
        padding: 50px 0;
    }

    .link1 {
        width: 40px;
        height: 40px;
    }

        .link1 i {
            font-size: 25px;
        }

    .text-sl-slider-center {
        top: 60%;
        transform: translateY(-55%);
        -webkit-transform: translateY(-55%);
        -ms-transform: translateY(-55%);
        -moz-transform: translateY(-55%);
    }

    .text-sl-slider-home6-center {
        top: 50%;
        transform: translateY(-55%);
        -webkit-transform: translateY(-55%);
        -ms-transform: translateY(-55%);
        -moz-transform: translateY(-55%);
    }

    .section4-hom3 {
        padding-bottom: 100px;
    }

    .villas-background {
        padding-bottom: 60px;
    }

    .item-slider-section5-hom4 p {
        width: 500px;
        margin: 0 auto;
    }

    .bg-img img {
        width: 100%;
        height: 100%;
    }

    .video-full .title {
        position: absolute;
        top: 20%;
        padding: 0;
    }

    .slider1-home1 {
        height: auto;
    }

    .text-Restaurant {
        padding: 0 25px;
        margin-top: -10px;
    }

    .title h1 {
        font-size: 82px;
    }

    .title_section {
        top: 50%;
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .villas-suites {
        position: relative;
    }

    .pernight, .superior {
        position: absolute;
        z-index: 100;
    }

    .link-item-package {
        width: 220px;
    }

    .superior {
        width: 430px;
        left: 35px;
        bottom: 30px;
    }

    .pernight {
        width: 140px;
        height: 90px;
        left: 530px;
        top: 46.5%;
        text-align: right;
        font-size: 34px;
    }

        .pernight p {
            font-size: 20px;
        }

    .slider-villas-suites {
        position: relative;
    }

        .slider-villas-suites .owl-theme .owl-controls {
            position: absolute;
            right: 20px;
            top: -90px;
        }

    .leisure-text p {
        margin-bottom: 20px;
    }

    .leisure .leisure-title, .slider-villas-suites .title-slider {
        line-height: 36px;
        text-align: center;
    }

    .Packages-text {
        padding-top: 30px;
    }

    .section5-hom3 .leisure-text p {
        height: 80px;
    }

    .photo-gallery-home3 {
        padding: 80px 0 30px;
        background: #fff;
    }

    .home2 .photo-item {
        margin-top: 30px;
    }

    .slider-villas-suites .title-slider {
        font-size: 36px;
        line-height: 36px;
    }

    .superior h3 {
        font-size: 28px;
    }

    .leisure .leisure-title {
        font-size: 36px;
        line-height: 36px;
    }

    #restaurant .bg-restaurant .text-description2, .title p {
        line-height: 40px;
    }

    .villas-background {
        top: 0;
        left: 0;
        background: url(../images/bg2_home2.png) top center no-repeat;
        -moz-background-size: cover;
        -ms-background-size: cover;
        -o-background-size: cover;
        height: 100%;
    }

    .section3-hom3 {
        padding-bottom: 130px;
    }

    .photo-gallery-home3 .photo-title {
        margin-bottom: 15px;
        margin-top: 0;
    }

    #blog .photo-title {
        text-align: left;
        margin-left: 15px;
    }

    .section3-hom3 .photo-title, .slider-villas-home3 .photo-title {
        text-align: left;
    }

    #polina, .title {
        position: absolute;
        text-align: center;
        font-size: 16px;
        color: #fff;
    }

    .sb-search {
        margin-top: 7px;
    }

    .about-seamore {
        margin-left: 0;
    }

    .title {
        left: 0;
        top: 25%;
        width: 100%;
    }

    .fill {
        background: 0 0;
    }

    .home4-booking .lets-booking {
        margin-top: 120px;
    }

    .resortbooking {
        margin-top: 0;
    }

    #polina {
        left: 50%;
        top: 85%;
        transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-80%);
    }

    .photo-title, .photo-title-new {
        text-align: left;
    }

    .slider-villas-suites .title-slider {
        margin-bottom: 0;
    }

    .hovereffect6 .overlay {
        padding-top: 1%;
    }

    .section5-hom7 h3 {
        margin-top: 130px;
        margin-bottom: 55px;
    }

    .section2-hom7 {
        padding-top: 90px;
    }

    .video-home4 {
        height: 450px;
        width: 100%;
    }

    .video-home8 {
        height: auto;
        width: 100%;
    }

    .video-home4 video#bgvid-home4 {
        height: 450px;
    }

    .video-home8 video#bgvid-home4 {
        height: auto;
    }

    .bg-restaurant {
        position: relative;
        background: url(../images/about-us/bg_restaurant.png) center no-repeat fixed;
        background-size: cover;
        -webkit-background-size: cover;
        width: 100%;
        color: #fff;
    }

    .daubep {
        position: absolute;
        top: -125px;
        left: 80px;
    }

    .section5-hom7, .villas-background {
        position: relative;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center;
        width: 100%;
    }

    .section5-hom7 {
        background-size: cover;
        -webkit-background-size: cover;
    }

    #booking-personalinfo .recommend-tourist .content {
        min-height: 80px;
    }

    .blog-detail-youtube {
        width: 100%;
    }

    .frame {
        height: 210px;
        visibility: hidden;
    }

    #gallery .photo-title {
        margin-top: 90px;
        margin-bottom: -45px;
    }

    .villas-background {
        background-size: cover;
        -webkit-background-size: cover;
    }

    .text-input-home8 {
        margin-top: 50px;
    }

    .footer-subcrible .input-group-btn button {
        width: 220px;
    }

    .video-home10 {
        padding-top: 50px;
    }

        .video-home10 .title-about-2 {
            font-family: 'Open Sans',sans-serif;
            margin-top: 30px;
            margin-bottom: 30px;
            font-size: 36px;
            color: #fff;
            text-align: left;
        }

    .photo-tag, .photo-title {
        text-align: center;
    }

    .item-section6-hom4-right {
        height: 183px;
    }

    .photo-tag {
        margin-bottom: 0;
        margin-top: 0;
    }

    .about-3 .slide-product .col-sm-6 {
        border-top: solid 1px #eee;
    }

    .our-team-home7 .photo-title {
        margin-top: 60px;
        margin-bottom: 40px;
    }

    .photo-gallery-home2 .photo-title {
        margin-top: 0;
        margin-bottom: 15px;
    }

    .section5-content .line-2 {
        width: 113%;
    }

    .img_blog2 {
        display: block;
        margin: 0 auto;
        width: 100%;
    }

    #blog .blog2-content .blog-content .blog2-txt {
        padding-left: 12px;
        padding-right: 11px;
        height: 90px;
    }

    .restaurant-tabcontent-menu-1 > .row > div:nth-child(2n+1) {
        padding-right: 47.5px;
    }

    .restaurant-tabcontent-menu-1 > .row > div:nth-child(2n+2) {
        padding-left: 47.5px;
    }

    #commingsoon1 .some-text {
        margin-left: 0;
    }

    .icon .fa-instagram {
        left: 250px;
    }

    .icon .fa-twitter {
        left: 310px;
    }

    .icon .fa-facebook {
        left: 370px;
    }

    .personal-info .view-more {
        width: 330px;
    }

    #booking .container {
        padding: 0;
    }

    .margin-content-4 {
        margin-top: 115px;
    }

    .padding-list1, .padding-list2 {
        padding-left: 145px;
        list-style: none;
    }

    .margin-content-1 {
        margin-top: 94px;
        margin-left: 30px;
    }

    #blog.blog-detail .slide-about-banner {
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        margin-left: 50%;
    }

        #blog.blog-detail .slide-about-banner.blg-cs-dtail {
            margin-left: calc(50% - 0px);
        }
}

@media(max-width:992px) {
    #tourist.tourist2 #search-form2;, #tourist.tourist2 .ui-slider {
        width: 100%;
    }

    #tourist .tourist-detail .book-btn-check button {
        margin-top: 0;
    }

    #tourist.tourist2 .btn-default {
        margin-bottom: 15px;
    }

    #tourist.tourist2 .rating1 {
        margin-top: 10px;
    }

    #blog.blog-detail .blog-tag {
        padding: 20px 0;
    }

    #blog.blog-detail .tourist-detail .link1 {
        margin: 12px 6px;
    }

    #booking #villas-detail .other-room > .col-xs-12 .row:hover .line {
        width: calc(100% - 50px);
    }

    #booking .container, .about-3 .container, .jumbotron-header {
        margin-bottom: 0;
    }

    #blog.blog-detail .tourist-detail .text-detail-content, #booking #villas-detail .other-room .title-other-room, #booking-personalinfo .title-other-room, #gallery .topbar, #restaurant .container.row-2-product, #restaurant .tab-content.current, #restaurant .title-other-room, #restaurant.v-2 .restaurant2-row-2 {
        margin-bottom: 20px;
    }

    , #activities .top-activities .title-activities, #blog .blog-content > .row > .col-lg-6 > .row, #blog .container .blog-content, #blog.blog2 .blog2-content .col-lg-4, #contact .contact-content, #restaurant .tab-content, #tourist .container > .row, #tourist .row .tourist-left-content > .row, #villas1 .villas-content > .row, .jumbotron-header {
        margin-top: 0;
    }

    .product-name {
        margin-top: 5px;
    }

    #villas-detail .title-recommend, .product-title {
        margin-top: 30px;
    }

    #restaurant .restaurant-tabcontent-menu-1 > .row > div:last-child .item-tabs-menu > p:nth-child(3):after, #restaurant .restaurant-tabcontent-menu-2 > .row > div:last-child > .row > div:last-child .item-tabs-menu > p:nth-child(3):after {
        content: " ";
        border-style: none;
    }

    #restaurant .restaurant-tabcontent-menu-1 > .row > div:last-child .black-line, #restaurant .restaurant-tabcontent-menu-2 > .row > div:last-child > .row > div:last-child .black-line, div.product-next, div.product-pre {
        display: none;
    }

    .btn-search-responsive {
        display: block;
    }

    .search-blog-responsive {
        display: none;
    }

    #villas1 .product-content {
        margin-left: 25px;
    }
}

@media screen and (min-width:1200px) {
    #header_container .navbar-nav a {
        font-size: 14px;
        height: 50px;
        line-height: 50px;
    }

    .text-sl-slider h2, .text-sl-slider-center h2, .text-sl-slider-home6-center h2 {
        margin-bottom: 25px;
    }

    .container-fluid.photo-gallery.photo-gallery-home2.home2 .photo-title {
        margin-left: -3px;
        margin-top: 0;
        margin-bottom: 30px;
    }

    #blog .photo-title {
        text-align: center;
    }

    .collapse > ul > li > .submenu_m, .submenu_m > li > .submenu_m2 {
        text-align: left;
        margin-left: 0;
        position: absolute;
        opacity: 0;
        background: #fff;
        visibility: hidden;
    }

    .menu2 {
        top: 100px;
    }

    .menu .container {
        width: 1170px;
    }

    #header_container .navbar-nav > li > a {
        font-size: 16px;
    }

    .title h1 {
        font-size: 100px;
        margin-top: -87px;
    }

    .title h2 {
        font-size: 124px;
    }

    .logo {
        margin-right: 40px;
    }

    .collapse > ul > li > .submenu_m {
        -moz-box-shadow: 0 4px 5px 0 rgba(0,0,0,.1);
        box-shadow: 0 4px 5px 0 rgba(0,0,0,.1);
        padding: 0;
        top: 75px;
        left: -40px;
        min-width: 220px;
        transform: translateY(10%);
        -webkit-transform: translateY(10%);
        -moz-transform: translateY(10%);
        -ms-transform: translateY(10%);
        transition: all .2s ease-out;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -ms-transition: all .2s;
    }

    .submenu_m > li > .submenu_m2 {
        -moz-box-shadow: 0 4px 5px 0 rgba(0,0,0,.1);
        box-shadow: 0 4px 5px 0 rgba(0,0,0,.1);
        padding: 0;
        margin-top: -50px;
        left: 220px;
        min-width: 190px;
        z-index: -100;
        transform: translateY(10%);
        -webkit-transform: translateY(10%);
        -moz-transform: translateY(10%);
        -ms-transform: translateY(10%);
        transition: all .2s;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -ms-transition: all .2s;
    }

    #polina, .icon-item-hom4, .lets-booking, .video-bg-home4 #polina {
        text-align: center;
        color: #fff;
    }

    #header_container .nav li .submenu_m li a {
        padding-left: 10px;
    }

    .submenu_m2 > li > a, .submenu_m > li > a {
        height: 45px;
        line-height: 45px;
        padding-left: 20px;
    }

        .submenu_m > li > a > i {
            float: right;
            margin-right: 10px;
            line-height: 50px;
        }

    #cauhoi_slidedown1 {
        height: 600px;
        width: 300px;
        background: #fff;
        z-index: 9998;
        display: none;
        top: 0;
        right: 0;
        overflow-y: scroll;
    }

    #nav-icon {
        margin-left: -35px;
    }

    .link-lienhe {
        /*margin-left: -15px;*/
    }

    .footer-home .logo img {
        margin-left: 15px;
    }

    .photo-item {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        box-shadow: 0 0 1px transparent;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale;
        position: relative;
        -webkit-transition-property: color;
        transition-property: color;
        -webkit-transition-duration: .5s;
        transition-duration: .5s;
    }

        .photo-item:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(255,255,255,.7);
            -moz-transform: scale(0,0);
            -webkit-transform: scale(0,0);
            -o-transform: scale(0,0);
            -ms-transform: scale(0,0);
            transform: scale(0,0);
            -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
            -webkit-transition-property: transform;
            transition-property: transform;
            -webkit-transition-duration: .5s;
            transition-duration: .5s;
            -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
            z-index: 999;
            background-image: url(../images/hover-img.png);
            background-position: center center;
            background-repeat: no-repeat;
            height: auto;
        }

    #polina, .lets-booking {
        left: 50%;
        position: absolute;
    }

    .video-full, video#bgvid {
        background-repeat: no-repeat;
    }

    .demo-2, .demo-2 .sl-slider-wrapper, .slider1-home1 {
        height: 100%;
    }

    .photo-item:active:before, .photo-item:focus:before, .photo-item:hover:before {
        -moz-transform: scale(1,1);
        -webkit-transform: scale(1,1);
        -o-transform: scale(1,1);
        -ms-transform: scale(1,1);
        transform: scale(1,1);
        -webkit-transition-timing-function: cubic-bezier(.52,1.64,.37,.66);
        transition-timing-function: cubic-bezier(.52,1.64,.37,.66);
    }

    .restaurant-tabcontent-menu-1 {
        padding-left: 35px;
        padding-right: 35px;
        padding-top: 5px;
    }

    .binhchon-sao-item2-hom4 {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .demo-2 .sl-slider h2 {
        font-size: 60px;
    }

    .nav-dots {
        width: 25px;
    }

    .demo-2 .sl-slider blockquote {
        font-size: 16px;
        width: 55%;
        color: #fff;
        position: relative;
        z-index: 100;
        border: none;
        margin-top: 45px;
    }

    .slider-home8 .sl-slider blockquote, .slider-home8 .sl-slider h2 {
        width: 100%;
        color: #fff;
        position: relative;
        z-index: 100;
        border: none;
    }

    .item2-hom4-seemore-top {
        margin-top: 100px;
    }

    .content-2 .title3-demo {
        margin-top: 180px;
    }

    .main_content {
        overflow: hidden;
    }

    .hovereffect6 {
        margin-top: 0;
    }

    .text-item2-hom4 {
        margin-bottom: 0;
    }

    #section4 .input-booking, #section5 .input-booking, #section6 .input-booking, .lets-booking h1 {
        margin-bottom: 35px;
    }

    .item-section6-hom4-right {
        height: 130px;
    }

    .item-section6-hom4-left img {
        height: 148px;
        width: 100%;
    }

    .item-section6-hom4 .item-section6-hom4-left {
        height: 148px;
    }

    .fill {
        height: 100%;
        min-height: 100%;
        width: 100%;
        overflow-x: visible;
    }

    .video-full .title {
        position: absolute;
        top: 50%;
        padding: 0;
    }

    video#bgvid {
        top: 50%;
        left: 50%;
        width: auto;
        height: auto;
        -ms-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        background-size: cover;
    }

    .moreinfo {
        width: 220px;
    }

    .blog-detail-youtube {
        width: 100%;
    }

    .booking {
        width: 220px;
    }

    .resortbooking {
        margin-top: -80px;
        z-index: 999;
    }

    .home4-booking .lets-booking, .lets-booking {
        margin-top: 50px;
    }

    .lets-booking {
        top: 45%;
        transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        padding: 0;
        width: 1150px;
    }

    .slider5-home1 {
        height: 100%;
    }

    .title {
        top: 50%;
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    #polina {
        top: 80%;
        transform: translateX(-50%) translateY(-62%);
        -webkit-transform: translateX(-50%) translateY(-62%);
        -ms-transform: translateX(-50%) translateY(-62%);
        -moz-transform: translateX(-50%) translateY(-62%);
        font-size: 16px;
    }

    .circle {
        left: 74%;
        top: 50%;
        -ms-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }

    .text_vacation {
        left: 24%;
        top: 57%;
        -ms-transform: translateX(0) translateY(-50%);
        -moz-transform: translateX(0) translateY(-50%);
        -webkit-transform: translateX(0) translateY(-50%);
        transform: translateX(0) translateY(-50%);
    }

    .circle_resort {
        left: 20%;
        top: 50%;
        -ms-transform: translateX(0) translateY(-50%);
        -moz-transform: translateX(0) translateY(-50%);
        -webkit-transform: translateX(0) translateY(-50%);
        transform: translateX(0) translateY(-50%);
    }

    .text_resort {
        left: 38%;
        top: 50%;
        -ms-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }

    .Villas-Suites, .adults, .arrival-date, .departure-date, .kids {
        position: relative;
        margin-top: 0;
        margin-right: 6px;
        height: 60px;
        float: left;
    }

    .lets-booking h1 {
        font-size: 120px;
    }

    .lets-booking p {
        line-height: 35px;
    }

    .Villas-Suites, .arrival-date, .departure-date {
        width: 230px;
    }

    .adults, .kids {
        width: 100px;
    }

    .Villas-Suites select, .arrival-date input, .departure-date input {
        width: 230px;
        height: 60px;
        float: left;
        margin-right: 6px;
    }

    .adults select, .kids select {
        width: 100px;
        height: 60px;
        float: left;
        margin-right: 6px;
    }

    .send {
        width: 230px;
        height: 60px;
        margin-top: 10px;
    }

    .container-fluid.leisure .leisure-title {
        padding-left: 6px;
    }

    .photo-gallery {
        padding: 0 75px;
    }

    .tour-box {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        width: 100%;
    }

    .section5-hom3 .pre {
        position: absolute;
        top: 40%;
        left: -60px;
    }

    .section5-hom3 .next {
        position: absolute;
        top: 40%;
        right: -60px;
    }

    .section3-hom4 .pre {
        position: absolute;
        top: 40%;
        left: -60px;
    }

    .section3-hom4 .next {
        position: absolute;
        top: 40%;
        right: -60px;
    }

    .section5-hom4 .pre {
        position: absolute;
        top: 45%;
        left: -60px;
    }

    .section5-hom4 .next {
        position: absolute;
        top: 45%;
        right: -60px;
    }

    .photo-title {
        font-size: 36px;
        line-height: 28px;
    }

    .photo-title-new {
        font-size: 36px;
        line-height: 36px;
    }

    #activities .top-activities .title-activities {
        margin-top: 40px;
        height: 0;
    }

    .recommend-tourist .photo-title {
        margin-bottom: 40px;
    }

    .our-team-home7 .photo-title {
        margin-top: 50px;
        margin-bottom: 10px;
    }

    .section6-hom4 .photo-title {
        margin-bottom: 0;
    }

    .Packages-text ul {
        min-height: 150px;
        margin-left: -40px;
    }

    .hovereffect6 .overlay {
        padding-top: 10%;
    }

    .text-item2-hom4 {
        padding: 5% 10% 7%;
    }

    .section6-hom5, .section6-hom5.m-bt-90 {
        padding-bottom: 90px;
    }

    .video-bg-home4 .title h1 {
        font-size: 72px;
        margin-bottom: -120px;
    }

    .video-bg-home4 {
        height: 500px;
        position: relative;
    }

        .video-bg-home4 #polina {
            position: absolute;
            left: 50%;
            top: 50%;
            font-size: 16px;
        }

        .video-bg-home4 .title {
            position: absolute;
            left: 0;
            top: 80%;
            transform: translateX(0) translateY(-80%);
            -webkit-transform: translateX(0) translateY(-80%);
            width: 100%;
        }

    .section6-hom5 {
        padding-top: 70px;
    }

    .section3-hom5 .pre {
        position: absolute;
        top: 40%;
        left: -60px;
    }

    .section3-hom5 .next {
        position: absolute;
        top: 40%;
        right: -60px;
    }

    .restaurant-home5 .restaurant-tabs-list {
        padding-top: 40px;
    }

    .icon-item-hom4 {
        width: 80px;
        height: 80px;
        border-radius: 100%;
        border: 1px solid #fff;
        z-index: 100;
        position: relative;
        font-size: 25px;
        line-height: 80px;
        margin: 0 auto;
    }

    .text-item-hom4 {
        font-size: 16px;
    }

        .text-item-hom4 h3 {
            font-size: 36px;
        }

    .section7-hom4 .hovereffect6 .overlay {
        padding-top: 3%;
    }

    .section7-hom4 .hovereffect6 .info {
        margin-left: -30px;
    }

    .title_section h2 {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .title_section p {
        width: 720px;
        margin: 0 auto;
    }

    .item-section6-hom5 {
        padding: 50px;
        margin-top: 0;
    }

    .our-team-home7 .pre {
        top: 180px;
        left: -55px;
    }

    .our-team-home7 .next {
        top: 180px;
        right: -55px;
    }

    .our-team-home7 .container {
        margin-bottom: 0;
        position: relative;
    }

    .page7 {
        margin-bottom: 60px;
        margin-top: 15px;
    }

    .marginbottom90.page7 {
        margin-bottom: 90px;
    }

    .frame {
        height: 210px;
        visibility: hidden;
        margin-top: 30px;
    }

    video#bgvid {
        position: relative;
        min-width: 100%;
        min-height: 100%;
        z-index: -100;
    }

    .video-home8 {
        height: 450px;
        width: 100%;
        overflow-y: hidden;
    }

    .video-full {
        height: 100%;
        width: 100%;
        overflow-y: hidden;
        background-size: cover;
    }

    .video-bg-home {
        height: 450px;
        width: 100%;
        overflow: hidden;
    }

    #tourist .text-item2-hom4 {
        padding: 9.5% 10% 7%;
    }

    #tourist .tourist-right-content .border {
        margin-left: -15px;
    }

    .tourist2 .tourist2-header .tourist-filter .col-md-3:first-child {
        width: 24%;
    }

    .tourist2 .tourist2-header .tourist-filter .col-md-3:nth-child(2) {
        width: 21.4%;
    }

    .tourist2 .tourist2-header .tourist-filter .col-md-3:nth-child(3) {
        width: 30%;
    }

    .tourist2 .tourist2-header .tourist-filter .col-md-3:nth-child(4) {
        width: 24.6%;
    }

    #contact .detail-comment .info-right .personal-info > .col-sm-4:nth-child(2) {
        padding-left: 5px;
    }

    #contact .detail-comment .info-right .personal-info > .col-sm-4:nth-child(3) {
        padding-left: 10px;
    }

    #blog .photo-title {
        margin-top: 45px;
        margin-bottom: -20px;
    }

        #blog .photo-title.margintop90 {
            margin-top: 90px;
        }

    #commingsoon1 .some-text {
        text-align: left;
    }

    .icon .fa-instagram {
        left: 295px;
    }

    .icon .fa-twitter {
        left: 355px;
    }

    .icon .fa-facebook {
        left: 415px;
    }

    .about-3 .product-pre > a > .fa {
        top: 50%;
        left: -70px;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
    }

    .about-3 .product-next > a > .fa {
        top: 50%;
        right: -70px;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
    }

    .btn-subcrible {
        width: 220px;
    }

    #villas1 .menu-search .list-control-villas {
        width: 230px;
        margin-left: 20px;
    }

    #villas1 .product-line {
        margin-top: 30px;
    }

    #villas1 .container {
        padding: 0;
    }

    #villas1 .product-content ul {
        padding-left: 43px;
        line-height: 1;
        margin-top: 30px;
    }

        #villas1 .product-content ul li {
            margin-top: 20px;
            line-height: initial;
        }

    #villas-detail .product-pre > a > .fa {
        top: 53%;
        left: -55px;
    }

    #villas-detail .product-next > a > .fa {
        top: 53%;
        right: -55px;
    }

    #villas-detail .content-villas-detail .title-villas-detail {
        padding-left: 13px;
    }

    #villas-detail.villas-detail2 .content-villas-detail .title-villas-detail:last-child {
        margin: 0;
    }

    #villas-detail.villas-detail2 .title-villas-detail .row .col-lg-3 {
        padding-left: 40px;
    }

    #villas-detail.villas-detail2 .title-villas-detail .row .col-lg-9 {
        padding-right: 40px;
    }

    #villas-detail.villas-detail2 .title-villas-detail .abc {
        margin-left: 30px;
    }

    #villas-detail.villas-detail2 .content-villas-detail .title-villas-detail {
        padding-left: 0;
    }

    #booking .img-banner {
        width: 1170px;
    }

    #booking .dropdown-toggle {
        height: 60px;
    }

    #booking .dropdown-toggle2, #booking .dropdown-toggle3 {
        height: 60px;
        width: 100px;
    }

    #booking-personalinfo .adults button, #booking-personalinfo .info-right input, #booking-personalinfo .info-right select {
        width: 330px;
    }

    #booking .title-other-room {
        margin-top: 80px;
    }

    #booking-personalinfo .product-pre > a > .fa {
        top: 62%;
        left: -55px;
    }

    #booking-personalinfo .product-next > a > .fa {
        top: 62%;
        right: -55px;
    }

    #booking-personalinfo .info-right input:focus {
        border-color: #034f84;
    }

    #booking-personalinfo .info-right textarea:focus {
        border-color: #034f84;
        outline: 0;
    }

    .content-1 {
        background-image: url(../images/demo/bg1.png);
        width: 100%;
        height: 780px;
    }

    .logo-content-1 {
        margin-top: 285px;
        transform: scale(1);
        position: relative;
        top: -6px;
        left: 0;
        transform: none;
    }

    .list-demo-1, .list-demo-2 {
        color: #fff;
        font-size: 18px;
        font-family: 'Open Sans',sans-serif;
        margin-top: 312px;
        margin-bottom: 0;
    }

    .padding-content-1, .padding-content-1-1 {
        padding-left: 38px;
    }

    .margin-content-4 {
        margin-top: 175px;
    }

    .padding-list1, .padding-list2 {
        padding: 0;
        list-style: none;
    }

    .title-content-1 {
        float: left;
        margin-top: 17px;
    }

    .margin-content-1 {
        margin-top: 94px;
        margin-left: 0;
    }

    .padding0 {
        padding: 0;
    }

    .margin0 {
        margin: 0;
    }

    #restaurant .bg-restaurant, .about-2, .home-bg-popup-video .about, .home6-bg .section5-hom4, .home7-bg .section5-hom4, .home7-bg2 .section5-hom7, .section3-hom3, .section5-hom4 {
        background-attachment: fixed;
    }
}

.book_now, .book_now:before, .link2 {
    border-radius: 3px;
}

@media screen and (min-width:1700px) {
    .text_vacation h2 {
        font-size: 80px;
    }

    .text_resort h2 {
        font-size: 60px;
    }

    .text_resort h3 {
        font-size: 48px;
    }

    .moreinfo {
        left: 45%;
    }

    .booking {
        left: 57%;
    }

    .text_vacation h3 {
        font-size: 55px;
    }

    #polina, .section8-hom4 #polina, .video-bg-home4 #polina {
        left: 50%;
        color: #fff;
        text-align: center;
        font-size: 16px;
    }

    .text_vacation a > h4 {
        margin-top: 45px;
    }

    #home .villas-background .slide {
        margin-top: 50px;
    }

    #home .villas-background .owl-theme .owl-controls {
        position: absolute;
        right: 0;
        top: -90px;
    }

    .tour-box {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        width: 70%;
    }

    .item-hom4 {
        position: relative;
        padding: 15% 12% 3%;
    }

    .section7-hom4 .hovereffect6 .overlay {
        padding-top: 10%;
    }

    #polina button {
        top: 190%;
        transform: translateX(-50%) translateY(-135%);
        -webkit-transform: translateX(-50%) translateY(-135%);
    }

    .video-bg-home4 #polina {
        position: absolute;
        top: 75%;
    }

    .section8-hom4 #polina {
        position: absolute;
        top: 85%;
    }

    .title {
        top: 50%;
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    #polina {
        position: absolute;
        top: 82%;
        transform: translateX(-50%) translateY(-62%);
        -webkit-transform: translateX(-50%) translateY(-62%);
        -ms-transform: translateX(-50%) translateY(-62%);
        -moz-transform: translateX(-50%) translateY(-62%);
    }

    .video-bg-home4 .title {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateX(0) translateY(-80%);
        -webkit-transform: translateX(0) translateY(-80%);
        width: 100%;
    }

    .circle {
        left: 74%;
        top: 50%;
        -ms-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }

    .text_vacation {
        left: 24%;
        top: 54%;
        -ms-transform: translateX(0) translateY(-50%);
        -moz-transform: translateX(0) translateY(-50%);
        -webkit-transform: translateX(0) translateY(-50%);
        transform: translateX(0) translateY(-50%);
    }

    .circle_resort {
        left: 20%;
        top: 50%;
        -ms-transform: translateX(0) translateY(-50%);
        -moz-transform: translateX(0) translateY(-50%);
        -webkit-transform: translateX(0) translateY(-50%);
        transform: translateX(0) translateY(-50%);
    }

    .text_resort {
        left: 34%;
        top: 50%;
        -ms-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }

    .hovereffect6 .overlay {
        padding-top:: 13%;
    }

    #commingsoon1 > .row > div:nth-child(1) {
        padding-left: 130px;
        padding-right: 50px;
    }

    #commingsoon1 .date-comming-soon {
        margin-left: 0;
        margin-right: 50px;
    }

    #commingsoon1 .subcrible {
        margin-left: 0;
    }

    #commingsoon1 .countdown.styled {
        text-align: left;
    }

    .image-demo, .image-demo-left, .image-demo-right {
        visibility: hidden;
    }
}

.photo-title.margintop90 {
    margin-top: 50px;
}

.padding-l-15px {
    padding-left: 16px;
}

@media screen and (min-width:1300px) {
    .img-responsive.fix-h-290px {
        max-height: 290px;
    }
}

@media(max-width:767px) {
    .frame-faq; {
        padding-bottom: 30px;
    }

    .about-1 li.li-last-child {
        margin-bottom: 0;
    }

    .menu2.al-menu {
        left: 6px;
        top: 6px;
    }

    .mg-l-0px.rating-content {
        margin-left: 0;
    }

    #tourist .tourist-filter .footer-filter.mg-t-0px, #tourist.tourist2 .tourist-filter > div.mg-t-0px {
        margin-top: 0;
    }
}

@media(max-width:992px) {
    .city.play; {
        margin-left: 0;
        margin-right: 0;
    }

    .container-fluid.leisure, .container-fluid.resortbooking_ocean, .container-fluid.section3-hom4, .container-fluid.section3-hom5, .container-fluid.section6-hom4, .home5-leisure .item-leisure.marginbottom30 {
        padding-left: 0;
        padding-right: 0;
    }

        .container-fluid.section3-hom4.page7.padding0m.marginbottom70 {
            margin-bottom: 60px;
        }
}

.footer-copyright a, .footer-copyright a:hover {
    color: rgba(255,255,255,.75);
    font-family: Arial;
    display: inline-block;
}

.input-booking p {
    color: #fff;
    font-size: 36px;
    line-height: normal;
    text-align: center;
}

.footer-home .text-content {
    font-size: 14px;
    color: rgba(255,255,255,.75);
}

.book_now {
    text-transform: uppercase;
    color: #fff;
    background: #da251e;
    padding: 6px 13px;
    text-align: center;
    margin: 0 auto;
    transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -webkit-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    float: right;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    font-weight: 700;
}

    .book_now:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #fff;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .book_now:active, .book_now:focus, .book_now:hover {
        color: #034f84;
    }

        .book_now:active:before, .book_now:focus:before, .book_now:hover:before {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
        }

.pernight-direction ul > li {
    line-height: 40px;
}

.content, .contentroom {
    color: #333;
    line-height: 35px;
    font-family: 'Open Sans',sans-serif;
}

.pernight-direction h3 {
    text-transform: uppercase;
}

.marbot {
    margin-bottom: 60px;
}

.marbot30 {
    margin-bottom: 30px !important;
}

.martop {
    margin-top: 50px;
}

.martop20 {
    margin-top: 20px;
}

.content {
    text-align: left;
}

.contentroom {
    text-align: right;
    margin: 5px 25px 20px 0;
    font-size: 20px;
}

.textleft {
    text-align: left;
}

.help-desk, .link2 {
    text-align: center;
}

.title-1 {
    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
    color: #034f84;
    margin: 22px 0 10px;
}

.link2 {
        background: #034f84;
    width: 50px;
    height: 50px;
    float: left;
    margin-left: 15px;
    margin-right: 5px;
    line-height: 50px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: 'Open Sans',sans-serif;
    transition: all .35s ease-out;
    -webkit-transition: all .35s ease-out;
    -moz-transition: all .35s ease-out;
    -ms-transition: all .35s ease-out;
}

.mybtn, .mybtn:hover {
    transition-duration: .5s;
}

.link2:hover {
    background: #da251e;
}

.roomtable table thead, .top-header {
    background-color: #034f84;
    color: #fff;
}

.link2 i {
    font-size: 23px;
    color: #fff;
    margin-top: 15px;
}

.link2:hover i {
    color: #fff;
}

.subcrible p {
    color: #fff;
    font-size: 27px;
    margin: 15px 0 15px 20px;
    text-transform: uppercase;
}

.title-coffee p {
    font-size: 24px;
    color: #034f84;
    margin-bottom: 20px;
}

.padd0 {
    padding: 0 24px 0 0 !important;
}

.padd1 {
    padding: 0 !important;
}

.border {
    border: 1px solid #c7c7c7;
    padding: 6px;
}

.img-responsive border:hover {
    color: #da251e;
}

.mylist {
    padding-left: 10px;
}

    .mylist li {
        position: relative;
        padding-left: 15px;
        list-style: none;
        line-height: 24px;
        color: #353535;
        margin-bottom: 15px;
    }

        .mylist li:before {
            content: "\f0da";
            font-family: FontAwesome;
            text-decoration: inherit;
            color: #333;
            font-size: 16px;
            position: absolute;
            left: 0;
        }

.padd15 {
    padding: 0 15px;
}

.mar0 {
    margin: 0 !important;
}

.roomtable table {
    width: 100%;
    vertical-align: middle;
}

    .roomtable table thead {
        border: 1px solid #034f84;
    }

        .roomtable table thead th, .roomtable table tr td {
            padding: 10px 0;
            text-align: center;
        }

        .roomtable table thead th {
            font-size: 16px;
            text-transform: uppercase;
            font-weight: 600;
        }

    .roomtable table tbody tr td {
        border: 1px solid #333;
        font-size: 16px;
        position: relative;
    }

.marbot15 {
    margin-bottom: 15px !important;
}

.marbot20 {
    margin-bottom: 20px !important;
}

@media (max-width:800px) {
    #header_container .navbar-header {
        height: auto;
    }
}

.maps iframe {
    pointer-events: none;
}

@media screen and (min-width:1100px) {
    .pernight-direction {
        width: 400px;
        position: absolute;
        left: 670px;
        bottom: 30px;
        z-index: 100;
    }
}

@media screen and (max-width:1099px) {
    .pernight-direction {
        width: 400px;
        position: absolute;
        left: 500px;
        bottom: 30px;
        z-index: 100;
    }
}

.jumbotron-header {
    height: 230px;
    margin-top: 90px;
}

@media (min-width:1000px) and (max-width:1099px) {
    .img-block, .price-block {
        width: 100%;
    }
}

.top-header {
    padding: 3px 0;
}

    .top-header p {
        margin-bottom: 0;
        margin-top: 5px;
    }

.header-logo img {
    width: 109px ! important;
}

.res-dis-block {
    display: none;
}

.hovereffect:hover .overlay {
    background-color: rgba(0,0,0,.6);
}

.hovereffect:hover .text-booking {
    -webkit-transform: translateY(60px);
    -ms-transform: translateY(60px);
    transform: translateY(60px);
    background-color: transparent;
}

.hovereffect:hover .info {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.hovereffect .info:hover {
    box-shadow: 0 0 5px #fff;
}

.hovereffect6:hover .overlay {
    background-color: rgba(48,152,157,.4);
}

.hovereffect6:hover .overlay6 {
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px);
}

.hovereffect6:hover .info {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.roomtable thead tr td {
    border: 1px solid #333;
    padding: 10px;
    border-right-color: #fff;
}

    .roomtable thead tr td:last-child {
        border-right-color: #333;
    }

.roomtable tbody tr td {
    padding: 10px;
}

@media (max-width:900px) {
    .respad-0 {
        padding: 0 !important;
    }

    .res-dis-none {
        display: none;
    }

    .res-dis-block {
        display: block;
    }

    .res-logo-block {
        position: absolute;
        z-index: 999;
        padding: 10px 30px;
    }

    .resmarbot50 {
        margin-bottom: 50px;
    }

    .pernight-direction {
        width: auto;
        position: relative;
        left: 0;
        bottom: 0;
        z-index: 100;
    }

    .jumbotron-header {
        margin-top: 0;
        background-size: 100% 100%;
        height: auto;
    }

    .resmarbot30 {
        margin-bottom: 30px;
    }

    .tp-bullets {
        display: block !important;
    }
}

@media(max-width:1100px) and (min-width:1000px) {
    #header_container .navbar-nav > li > a; {
        padding: 25px 10px !important;
    }

    .submenu_m {
        left: 0 !important;
        margin-top: 20px !important;
    }
}

@media (max-width:420px) {
    .roomtable {
        display: block;
        overflow-x: scroll;
    }

    .heart-city .hovereffect:hover .text-booking {
        -webkit-transform: translateY(60px);
        -ms-transform: translateY(60px);
        transform: translateY(9px);
        background-color: transparent;
    }

    .disnone-320 {
        display: none;
    }
}

.margin-top-0 {
    margin-top: 0;
}

.margin-top-50 {
    margin-top: 50px;
}

.help-desk {
    color: #fff;
    background-color: #034f84;
    padding: 30px;
}

    .help-desk h4 {
        font-size: 36px;
        font-weight: 400 !important;
    }

.tp-bullets {
    display: none;
}

.mar15 {
    margin: 15px 0;
}

.borbot {
    border-bottom: 1px dotted #757575;
    padding-bottom: 20px;
}

.mybtn {
    padding: 8px 18px;
    background-color: #fff;
    color: #034f84;
    border: 1px solid #034f84;
}

    .mybtn:hover, .sub-head h3 {
        color: #fff;
        background-color: #034f84;
    }

.sub-head h3 {
    font-size: 16px;
    padding: 12px 10px;
    font-weight: 400;
    margin-bottom: 15px;
    margin-top: 5px;
}

.sub-head p {
    font-family: 'Open Sans',sans-serif;
    text-align: left;
    font-size: 16px;
    color: #333;
    line-height: 35px;
}

.marq-offer marquee {
    font-size: 14px;
}

.marq-offer span {
    color: #da251e;
}

.marq-offer1 p {
    margin-top: 0 !important;
    font-weight: 600;
    color: #034f84;
    font-size: 16px;
}

.marq-offer1 span {
    font-size: 13px;
    text-align: center;
    font-weight: 400;
    font-style: italic;
    display: inline-block;
}

.enquiry_form .form-control {
    padding: 10px 12px;
    margin-bottom: 12px;
    resize: none;
    border-radius: 0;
    height: auto;
}

@media screen and (max-width: 1100px){
.link-lienhe {
    margin-left: 20px;
}
.contact-background a {
    font-size: 14px;
}
}