/** * @author Design & Accessible Team ( Angie Radtke ) * @package Joomla * @subpackage Accessible-Template-Beez * @copyright Copyright (C) 2005 - 2008 Open Source Matters. All rights reserved. * @license GNU/GPL, see LICENSE.php * Joomla! is free software. This version may have been modified pursuant to the * GNU General Public License, and as distributed it includes or is derivative * of works licensed under the GNU General Public License or other free or open * source software licenses. See COPYRIGHT.php for copyright notices and * details. */ body,html{ font-family: 'Raleway',Arial,sans-serif; font-weight: normal; color: black; position: relative; height: 100%; min-height: 100%; padding: 0; margin: 0; font-size: 1em; background: #f5f5f5; font-weight: 300; line-height: 1.5em; letter-spacing: 0.05em; } body#vi-VN{ font-family: 'Roboto',Arial,sans-serif; } body.fancybox-enabled{ overflow: hidden; } strong,b{font-weight: 500;color: #5d8954;} button{outline: none;border: 0;cursor: pointer;box-shadow: none;text-shadow: none;} input{outline: none;box-shadow: none;text-shadow: none;border-radius: 0;} ul, li{ margin:0; list-style:none; padding:0;} dt{margin: 0 0 5px 0;} dl,dd{margin: 0 0 5px 0;} a,a:visited,a:focus{ color:#ad2a22; text-decoration:none; outline: none!important; background: none; } a:hover{ color:#b1aa02; text-decoration: none; background: none } p{ margin: 0 0 5px 0;padding: 0;} img{border: 0;} table{border-collapse: collapse;} table th{font-weight: normal;} table td{ padding: 5px 15px; vertical-align: middle; } h1,h2,h3,h4,h5{ padding: 0;margin: 0 0 5px 0; font-weight: 300; color: #ad2a22;} h2{ font-size: 25px; } h3{ font-size: 22px; } h4{ font-size: 18px; } .row-separator, .clearboth, .clear{ clear: both; } input.button{cursor: pointer;} .horizontal-separator{ margin-top: 0!important;} .align-left{text-align: left!important;} #system-message-container{ margin: 0; background: #9d261d; color: white; } #system-message-container .alert{ box-shadow:none; text-align: center; } #system-message-container .alert-info, #system-message-container .alert-success{ background-color: red; border: 0; color: #fff; border-radius: 0; } #system-message-container .close{ font-size: 40px; line-height: 13px; } #system-message-container .close{ color: white; opacity: 1; } #system-message > dd > ul { background-color: #E45E25!important; color: white; border-bottom: 1px solid #5aa21c; border-top: 1px solid #5aa21c; background-position: 4px 5px; padding: 5px 10px; } .tip-wrap { background: black; color: white; padding: 10px; } .container-fluid{ padding: 0; } .container-padd{ padding: 0 130px; } table{ margin-top:10px; margin-bottom: 10px; } table p{margin: 0;} .modal{display: block;position: relative;} #main{ margin: 0; min-height: 100%; position: relative; width: 100%; } #header{ margin-top: 0px; position: fixed; z-index: 9999; width: 100%; background: #ccccccba; } #header.fixed{ background: #df3734; -webkit-transition: background-color 0.3s cubic-bezier(.19,1,.22,1); -moz-transition: background-color 0.3s cubic-bezier(.19,1,.22,1); -o-transition: background-color 0.3s cubic-bezier(.19,1,.22,1); transition: background-color 0.3s cubic-bezier(.19,1,.22,1); } #header.fixed #logo img{ width: 153px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #logo-left{ position: absolute; left: 20px; top: 10px; } #logo-left img{ width: 200px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #logo{ margin: 10px auto 10px auto; text-align: center; } #logo img{ width: 173px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .navbar-default{ background: none; border: 0 none; box-shadow: none; padding: 0; } .navbar{ margin: 0; z-index: 100; min-height: inherit; border: 0; position: absolute; width: 100%; top: 140px; } #header.fixed .navbar{ position: relative; top: 0; } .navbar-collapse{ padding: 0; border: 0 none; visibility: visible; display: block!important; } .navbar-header{ display: none; } #mainmenu{ margin: 0px auto; } #mainmenu .nav{ display: block; text-align: center; border-top-color: #5d8954; border-top-style: solid; border-top-width: 3px; background-color: #7e2a8c; border-bottom-color: #5d8954; border-bottom-style: solid; border-bottom-width: 3px; } #mainmenu > ul > li:first-child{ display: none; } #mainmenu > ul > li{ display: inline-block; margin: 0 15px; position: relative; } #mainmenu > ul > li > a, #mainmenu > ul > li > .separator{ text-transform: uppercase; padding: 0px 0px; display: block; color: white; position: relative; font-size: 16px; font-weight: 600; webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; cursor: pointer; } #mainmenu > ul > li > a:hover, #mainmenu > ul > li.active > a, #mainmenu > ul > li > .separator:hover, #mainmenu > ul > li.active > .separator{ color: #f7a01b; } #header.fixed #mainmenu > ul > li{ margin: 0 10px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #mainmenu > ul > li > ul{ position: absolute; left: -10px; top: 24px; background: rgba(0,0,0,0.8); font-size: 100%; width: 150%; padding: 5px 0; display: none; z-index: 20; } #mainmenu > ul > li.item-103 > ul{ width: 200%; } #mainmenu > ul > li > ul > li > a, #mainmenu > ul > li > ul > li > .separator{ color: #fff; padding: 5px 10px; display: block; -webkit-transition: color 0.5s ease; -moz-transition: color 0.5s ease; -o-transition: color 0.5s ease; transition: color 0.5s ease; font-weight: 500; text-align: left; cursor: pointer; } #mainmenu > ul > li > ul > li > a:hover, #mainmenu > ul > li > ul > li.active > a, #mainmenu > ul > li > ul > li > .separator:hover, #mainmenu > ul > li > ul > li.active > .separator{ color: #f7a01b; } #mainmenu > ul > li > ul > li > ul{ display: none; } #mainmenu > ul > li > ul > li >ul > li > a{ color: #fff; padding: 5px 10px 5px 20px; display: block; -webkit-transition: color 0.5s ease; -moz-transition: color 0.5s ease; -o-transition: color 0.5s ease; transition: color 0.5s ease; font-weight: 500; text-align: left; cursor: pointer; font-size: 16px; } #mainmenu > ul > li > ul > li >ul > li > a:hover, #mainmenu > ul > li > ul > li >ul > li.active > a{ color: #f7a01b; } #bookmenu{ position: absolute; right: 20px; top: 40px; } #bookmenu a{ background: #f7a01b; text-transform: uppercase; color: white; padding: 8px 15px; display: block; height: 34px; font-size: 20px; line-height: 20px; font-weight: 500; -webkit-transition: background-color 0.3s linear; -moz-transition: background-color 0.3s linear; -o-transition: background-color 0.3s linear; transition: background-color 0.3s linear; text-align: center; } #bookmenu a:hover{ background: #b75e42; } #bookmenu span{ background: url("../images/check.png") left 4px no-repeat transparent; padding-left: 25px; padding-top: 10px; color: white; font-size: 10px; text-transform: uppercase; font-weight: 600; display: block; margin-top: 5px; height: 20px; line-height: 14px; } #slideshow{ margin: 0; } #slideshow .slide-desc-box{ z-index: 9; } #slideshow .slide-desc-box > div{ opacity: 1!important; text-shadow: none!important; } #slideshow .slide-desc{ width: 100%!important; max-width: none!important; margin: 0px auto; text-align: center; font-size: 50px!important; font-family:inherit!important; line-height: 60px!important; color: white!important; font-weight: 200; padding: 0; } .position-nav-bottom .slide-desc-box.Bottom{ bottom: 20px; } .flex-control-paging li a{ width: 20px; height: 20px; background-color: rgba(255,255,255,0)!important; border: 1px solid white; box-shadow: none; -webkit-transition: background-color 0.3s linear; -moz-transition: background-color 0.3s linear; -o-transition: background-color 0.3s linear; transition: background-color 0.3s linear; } .flex-control-paging li a.flex-active, .flex-control-paging li a:hover{ background-color: #c5a154!important; border: none; border: 1px solid #c5a154; box-shadow: none; } .flexslider.position-nav-bottom .flex-control-nav{ bottom: 25px; } .blog-featured{ padding: 30px 0px; } .blog-featured h1{ font-family: 'Oswald', sans-serif; font-size: 35px; font-weight: 300; color: #ad2a22; text-align: center; letter-spacing: 3px; display: block; margin: 0 0 5px 0; } .blog-featured h2{ font-size: 25px; font-weight: 300; color: #5d8954; text-align: center; text-transform: uppercase; letter-spacing: 3px; margin-top: 5px; display: block; margin: 0; } .blog-featured .item-page{ margin-top: 30px; background: white; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-flow: row; height: 100%!important; } .blog-featured .articleBody{ float: right; width: 55%; padding: 50px 50px 50px 50px; position: relative; } .blog-featured .articleBody .introtext{ float: left; width: calc(100% - 290px); text-align: justify; line-height: 28px; } .blog-featured .articleBody .introtext p{ margin-bottom: 15px; } .blog-featured .item-image{ width: 45%; float: left; position: relative; } .blog-featured .item-image .imgintro{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-size: cover; } .blog-featured .item-image .imgintro .play_btn{ position: absolute; left: 50%; top: 50%; margin-left: -35px; margin-top: -35px; cursor: pointer; z-index: 10; } .blog-featured .item-container, #detailRoom .item-container, #tourdetail .item-container, #gallery-listimg .item-container{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10002; display: none; } .blog-featured .item-video, #detailRoom .item-video, #tourdetail .item-video, #gallery-listimg .item-video{ text-align: center; display: block; position: fixed ; top:0; left: 0; width: 100%; height: 100%; box-sizing: border-box; } .blog-featured .item-video:before, #detailRoom .item-video:before, #tourdetail .item-video:before, #gallery-listimg .item-video:before{ content: ""; display: inline-block; vertical-align: middle; height: 100%; width: 0; } .blog-featured .item-video .video-content, #detailRoom .item-video .video-content, #tourdetail .item-video .video-content, #gallery-listimg .item-video .video-content{ padding: 0; width: 70%; max-width: calc(100% - 100px); max-height: calc(100% - 88px); overflow: visible; vertical-align: middle; display: inline-block; margin: 44px 0; position: relative; } .blog-featured .item-video .video-content img, #detailRoom .item-video .video-content img, #tourdetail .item-video .video-content img, #gallery-listimg .item-video .video-content img{ position: absolute; right: 0; top: -40px; cursor: pointer; } .blog-featured .item-video .video-content iframe, .thehotel .item-video .video-content iframe, #listacc .box .item-video .video-content iframe, #detailRoom .item-video .video-content iframe, #tourdetail .item-video .video-content iframe, #gallery-listimg .item-video .video-content iframe{ width: 100%; display: block; } .blog-featured .readmore{ margin-top: 30px; } .blog-featured .readmore a{ display: inline-block; color: #f7a01b; border:1px solid #f7a01b; padding: 7px 20px; font-weight: 400; -webkit-transition: background-color 0.3s linear; -moz-transition: background-color 0.3s linear; -o-transition: background-color 0.3s linear; transition: background-color 0.3s linear; } .blog-featured .readmore a:hover{ background: #b1aa02; color: white; border: 1px solid #b1aa02; } .blog-featured .tripads{ float: right; display: table; height: 100%; } .blog-featured .tripads .TA_selfserveprop{ display: table-cell; vertical-align: middle; } .blog-featured .tripads .TA_selfserveprop img{ display: none; } .blog-featured .tripads .TA_selfserveprop #CDSWIDSSP{ float: right; } .blog-featured .tripads .TA_selfserveprop #CDSWIDSSP img{ display: block; } .videotrans{ position: fixed; z-index: 10001; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.7; display: none; } #listrooms{ margin: 0; padding: 0px 0px 30px 0px; } #listrooms .container-padd{ padding: 0 120px; } #listrooms .heading{ text-align: center; margin-bottom: 20px; } #listrooms .heading h3{ font-family: 'Oswald', sans-serif; font-size: 35px; font-weight: 300; color: #ad2a22; text-align: center; letter-spacing: 3px; display: block; margin: 10px 0 5px 0; text-transform: uppercase; } #listrooms .heading h4{ font-size: 25px; font-weight: 300; color: #5d8954; text-align: center; text-transform: uppercase; letter-spacing: 3px; margin: 0px; display: block; } #listrooms .items-grid{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-flow: row; height: 100%!important; } #listrooms .items-grid li.lslide{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; position: relative; } #listrooms .lightSlider li.lslide{ padding: 10px; } #listrooms .lightSlider li.lslide .box{ border-radius: 0px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55); background: #fff; padding-bottom: 230px; position: relative; } #listrooms .lightSlider li.lslide .box.hideprice{ padding-bottom: 170px; } .roomslider { margin: 0 ; background-color : transparent; border: none; position: relative; border-radius: 0px; box-shadow: none; zoom: 1; overflow:visible; } .roomslider .slides:after{ content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .roomslider .flex-control-nav{ bottom: 0; z-index: 10; } .roomslider .flex-control-paging li a{ width: 8px; height: 8px; border-width: 2px; } .roomslider .flex-control-paging li a.flex-active, .roomslider .flex-control-paging li a:hover{ background-color: #fff!important; border-color: #fff; } .roomslider .flex-control-nav li{ padding: 3px !important; } .roomslider .flex-direction-nav .flex-prev{ left: 10px; } .roomslider .flex-direction-nav .flex-next{ right: 10px; } .roomslider .flex-direction-nav{ position: absolute; top: 50%; width: 100%; } .roomslider .flex-direction-nav a{ width: 20px; height: 22px; } .roomslider .flex-direction-nav .flex-prev { background: url('../images/arrow-left.png') no-repeat; } .roomslider .flex-direction-nav .flex-next { background: url('../images/arrow-right.png') no-repeat; } .roomslider .flex-direction-nav a:hover{ opacity: 1; } #roomcontent{ padding: 20px 0px 0px 0px; } #roomcontent img{ width: 30px; margin-right: 10px; } #roomcontent #room-title{ margin-bottom:15px } #roomcontent #room-title h4{ font-size: 25px; } #roomcontent #room-title h4 a{ -webkit-transition: color 0.3s linear; -moz-transition: color 0.3s linear; -o-transition: color 0.3s linear; transition: color 0.3s linear; color: #2e3641; } #roomcontent #room-title h4 a:hover{ color: #f7a01b; } #roomcontent #room-bedtype{ margin: 10px 0; line-height: 28px; } #roomcontent #room-morecontent{ margin: 0; padding: 0 30px; } #roomcontent #room-morecontent img{ width: auto; } #roomcontent #room-morecontent strong{ color: inherit; } #roomcontent #room-price{ background: #f4f4f4; padding: 10px 30px; } #roomcontent #room-price label{ display: inline-block; font-weight: 500; text-transform: uppercase; margin: 0; } #roomcontent #room-price #currency{ display: inline-block; position: relative; margin: 0 15px; color: #b3a258; font-weight: 500; border-bottom: 2px solid #b3a258; font-size: 25px; padding: 0; background: url("../images/dropdown.png") 70px center no-repeat; } #roomcontent #room-price #currency select{ border: 0; background: none; outline: none; color: #b3a258; -webkit-appearance: none; appearance: none; padding-right: 25px; padding-left: 5px; cursor: pointer; line-height: 37px; } #roomcontent #room-price #price{ display: inline-block; position: relative; font-size: 25px; font-weight: 500; } #roomcontent #room-price #price #price-usd{ display: none; } #roomcontent #room-button{ margin: 20px 0 0 0; padding: 0 30px; } #roomcontent #room-button a{ color: inherit; font-size: 18px; font-weight: 500; text-transform: uppercase; float: right; padding: 5px 10px; width: 48%; border: 1px solid #ccc; text-align: center; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } #roomcontent #room-button a.booknow{ background: #f7a01b; border: 1px solid #f7a01b; color: #fff; float: left; } #roomcontent #room-button a:hover{ background: #333; border: 1px solid #333; color: white; } .topCl{ padding: 0 30px; } .bottomCl{ position: absolute; bottom: 30px; width: 100%; } #free{ margin: 0; background: #fff; padding: 30px 0px; } #free .heading{ margin: 0 auto; width: 100%; text-align: center; } #free .heading h2{ font-family: 'Oswald', sans-serif; font-size: 35px; font-weight: 300; color: #ad2a22; text-align: center; letter-spacing: 3px; display: block; margin-bottom: 5px; } #free .heading h3{ font-size: 25px; font-weight: 300; color: #5d8954; text-align: center; text-transform: uppercase; letter-spacing: 3px; margin: 0px 0 10px 0; display: block; } #free .list{ margin-top: 30px; } #free .list .lightSlider li a:hover:before{ background: rgb(0,0,0,0.7); } #free .list .lightSlider li:hover a span{ color: #f7a01b; } #free .list .lightSlider li span{ position: absolute; left: 0; width: 100%; top: 50%; margin-top: -15px; text-align: center; color: white; font-size: 20px; font-weight: 500; text-transform: uppercase; z-index: 1; webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; z-index: 10; } #map{ margin: 0; text-align: center; position: relative; } #map .mapprint{ display: none; } #map .menu{ position: absolute; bottom:15px; text-align: center; display: inline-block; left: calc(50% - 135px); } #map .menu li{ display: inline-block; margin: 0 3px; } #map .menu li:first-child a{ background: white; color: #b1aa02; } #map .menu li a{ border: 1px solid #5d8954; background: #5d8954; text-transform: uppercase; color: white; padding: 10px 15px; font-size: 13px; font-weight: 400; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; display: block; } #map .menu li a:hover, #map .menu li:first-child a:hover{ background: #000; color: white; } .breadcrumb{ background:none; border: 0; border-radius: 0; float: right; margin: 0!important; padding-right: 0; } .breadcrumb li:first-child{ display: none; } .breadcrumb li a, .breadcrumb li span{ font-weight: 600; text-transform: capitalize; color: inherit; } .breadcrumb li.active span{ text-transform: uppercase; color: #f7a01b; font-weight: 600; } .breadcrumb .divider{ margin: 0 10px; } .breadcrumb li a:hover{ color: #f7a01b; } /* The Hotel */ .thehotel{ margin: 0; } .thehotel h1{ font-family: 'Oswald', sans-serif; font-size: 35px; font-weight: 300; color: #ad2a22; text-align: center; letter-spacing: 3px; display: block; margin-bottom: 5px; } .thehotel h2{ font-size: 25px; font-weight: 300; color: #5d8954; text-align: center; text-transform: uppercase; letter-spacing: 3px; margin: 0px; display: block; } .thehotel .intro{ margin: 30px 0 70px 0; } .thehotel .cont{ position: relative; margin-top: 0px; float: left; width: calc(100% - 560px); padding: 0 30px; line-height: 28px; } .thehotel .tripads{ float: left; width: 280px; } .thehotel .tripads #CDSWIDSSP{ width: 100%!important; float: left; } .thehotel .item-image{ width: 280px; margin: 0; position: relative; height: 393px; float: left; } .thehotel .item-image .imgintro{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-size: cover; background-position: center; } .thehotel .item-image .imgintro .play_btn{ position: absolute; left: 50%; top: 50%; margin-left: -35px; margin-top: -35px; cursor: pointer; z-index: 10; } .thehotel .item-container{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10002; display: none; } .thehotel .item-video{ text-align: center; display: block; position: fixed ; top:0; left: 0; width: 100%; height: 100%; box-sizing: border-box; } .thehotel .item-video:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; width: 0; } .thehotel .item-video .video-content{ padding: 0; width: 70%; max-width: calc(100% - 100px); max-height: calc(100% - 88px); overflow: visible; vertical-align: middle; display: inline-block; margin: 44px 0; position: relative; } .thehotel .item-video .video-content img{ position: absolute; right: 0; top: -40px; cursor: pointer; } .thehotel .item-video .video-content video{ width: 100%; display: block; } /* Accommodation */ #listacc{ margin: 0 0 70px 0; } #listacc h1{ font-size: 35px; font-weight: 300; color: #ad2a22; text-align: center; text-transform: uppercase; letter-spacing: 3px; margin: 0px; display: block; } #listacc .intro{ margin: 30px auto 50px auto; padding: 0px; line-height: 28px; } #listacc .listcont .box:first-child{ margin-top: 30px; } #listacc .box{ margin: 0px 0 40px 0; background: #fff; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-flow: row; height: 100%!important; border-radius: 0px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55); position: relative; } #listacc .box .boximg{ width: 50%; position: absolute; left: 0; height: 100%; } #listacc .box.txtright .boximg{ left: auto; right: 0; } #listacc .box .boximg .imgintro{ height: 100%; width: 100%; position: absolute; left: 0; top: 0; background-size: cover; background-position: center; } #listacc .box .boximg .imgintro .play_btn{ width: 100%; height: 100%; display: block; cursor: pointer; z-index: 10; position: relative; } #listacc .box .boximg .imgintro .play_btn img{ position: absolute; left: 50%; top: 50%; margin-left: -38px; margin-top: -38px; cursor: pointer; z-index: 10; } #listacc .box .boximg .imgintro .price{ background:rgba(0,0,0,0.7); padding: 5px 10px; position: absolute; left: 0; top: 30px; color: #fff; z-index: 10; font-weight: 500; text-transform: uppercase; } #listacc .box .item-container{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10002; display: none; } #listacc .box .item-video{ text-align: center; display: block; position: fixed ; top:0; left: 0; width: 100%; height: 100%; box-sizing: border-box; } #listacc .box .item-video:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; width: 0; } #listacc .box .item-video .video-content{ padding: 0; width: 70%; max-width: calc(100% - 100px); max-height: calc(100% - 88px); overflow: visible; vertical-align: middle; display: inline-block; margin: 44px 0; position: relative; } #listacc .box .item-video .video-content img{ position: absolute; right: 0; top: -40px; cursor: pointer; } #listacc .box .boxcont{ width: 50%; padding: 30px 30px 30px 30px; position: relative; left: 50%; } #listacc .box.txtright .boxcont{ left: auto; } #listacc .box .boxcont h2{ color: #b1aa02; text-transform: uppercase; font-size: 30px; display: block; letter-spacing: 3px; } #listacc .box .boxcont h2 a{ -webkit-transition: color 0.3s linear; -moz-transition: color 0.3s linear; -o-transition: color 0.3s linear; transition: color 0.3s linear; color: #5d8954; } #listacc .box .boxcont h2 a:hover{ color: #f7a01b; } #listacc .box .boxcont .boxcontt{ margin: 20px 0 20px 0; line-height: 28px; } #listacc .box .boxcont .boxcontt .facilities{ margin: 0; } #listacc .box .boxcont .boxcontt .facilities .coll{ width: 50%; float: left; padding-right: 10px; margin-top: 10px; } #listacc .box .boxcont .boxcontt .facilities .colright{ padding-left: 10px; padding-right: 0; } #listacc .box .boxcont .boxcontt .facilities .coll .icon{ float: left; } #listacc .box .boxcont .boxcontt .facilities .coll .textb{ float: right; width: calc(100% - 54px); line-height: 18px; min-height: 44px; display: table; } #listacc .box .boxcont .boxcontt .facilities .coll .textb span{ display: table-cell; vertical-align: middle; } #listacc .box .boxcont .boxcontt .btndetail{ margin: 30px 0 0 0; text-align: center; } #listacc .box .boxcont .boxcontt .btndetail a{ display: inline-block; background: #5d8954; text-transform: uppercase; color: white; padding: 10px 20px; font-size: 18px; font-weight: 500; -webkit-transition: background-color 0.3s linear; -moz-transition: background-color 0.3s linear; -o-transition: background-color 0.3s linear; transition: background-color 0.3s linear; } #listacc .box .boxcont .boxcontt .btndetail a:hover{ background: #000; color: white; } #detailRoom{ margin: 0; } #detailRoom h1{ font-size: 35px; font-weight: 300; color: #ad2a22; text-align: center; text-transform: uppercase; letter-spacing: 3px; margin: 0px; display: block; } #detailRoom #roomCont{ margin: 40px 0 0 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-flow: row; height: 100%!important; } #detailRoom #roomCont #roomCont-left{ width: 50%; float: left; } #detailRoom #roomCont #roomCont-left .item-image{ min-height: 500px; height: 100%; position: relative; } #detailRoom #roomCont #roomCont-left .item-image .imgintro{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: center; } #detailRoom #roomCont #roomCont-left .item-image .imgintro .play_btn{ width: 100%; height: 100%; display: block; cursor: pointer; z-index: 10; position: relative; } #detailRoom #roomCont #roomCont-left .item-image .imgintro .play_btn img, #detailRoom #roomHigh .highimg .btnslide, .dining .boxbot .vview .boximg .btnslide{ position: absolute; left: 50%; top: 50%; margin-left: -38px; margin-top: -38px; cursor: pointer; z-index: 10; } #detailRoom #roomCont #roomCont-right{ width: 50%; float: right; padding: 30px 50px 140px 50px; position: relative; line-height: 28px; } #detailRoom #roomCont #roomCont-right.hideprice{ padding-bottom: 60px; } #detailRoom #roomCont #roomCont-right .room-tabs{ position: absolute; bottom: 80px; left: 50px; } #detailRoom #roomCont #roomCont-right.hideprice .room-tabs{ bottom: 0; } #detailRoom #roomCont #roomCont-right .room-tabs ul{ margin: 0; white-space: nowrap; display: block; } #detailRoom #roomCont #roomCont-right .room-tabs a{ color: #ad2a22; padding: 5px 15px; border: 1px solid #ad2a22; -webkit-transition: background-color 0.3s linear; -moz-transition: background-color 0.3s linear; -o-transition: background-color 0.3s linear; transition: background-color 0.3s linear; display: inline-block; text-transform: uppercase; font-weight: 400; } #detailRoom #roomCont #roomCont-right .room-tabs a:hover{ background: #5d8954; color: white; border: 1px solid #5d8954; } #detailRoom #roomCont #roomCont-right .room-tabs ul li:first-child{ margin-left: 0; } #detailRoom #roomCont #roomCont-right .room-tabs ul li{ background: none; padding: 0; margin: 0 0 0 5px; display: inline-block; } #detailRoom #roomCont #roomCont-right .room-tabs ul li:before{ display: none; } #detailRoom #roomCont #roomCont-right .price{ position: absolute; bottom: 0px; left: 50px; white-space: nowrap; } #detailRoom #roomCont #roomCont-right .price .price-left{ display: inline-block; } #detailRoom #roomCont #roomCont-right .price .price-left a{ color: #fff; background: #f7a01b; padding: 20px 20px; text-transform: uppercase; display: block; font-size: 20px; font-weight: 500; -webkit-transition: background-color 0.3s linear; -moz-transition: background-color 0.3s linear; -o-transition: background-color 0.3s linear; transition: background-color 0.3s linear; } #detailRoom #roomCont #roomCont-right .price .price-left a:hover{ background: #333; color: white; } #detailRoom #roomCont #roomCont-right .price .price-right{ display: inline-block; margin-left: 20px; margin-top: 20px; } #detailRoom #roomCont #roomCont-right .price .price-right .priceCont{ color: #f7a01b; font-weight: 500; } #detailRoom #roomCont #roomCont-right .price .price-right .priceCont strong{ color: #f7a01b; font-size: 27px; } #detailRoom #roomHigh{ margin: 70px 0 70px 0; background: #fff; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-flow: row; height: 100%!important; border-radius: 0px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55); } #detailRoom #roomHigh .highlist{ width: 50%; float: right; } #detailRoom #roomHigh .highlist .highlistr{ width: 100%; padding: 50px 70px 50px 70px; float: left; height: 100%; } #detailRoom #roomHigh .highlist .highlistr h2{ font-size: 25px; color: #333; letter-spacing: 3px; display: block; margin: 0 0 20px 0; padding: 0; text-transform: uppercase; } #detailRoom #roomHigh .highlist .highlistr .listcont{ line-height: 18px; min-height: 44px; } #detailRoom #roomHigh .highlist .highlistr .listcont ul{ margin: 0; width: 100%; display: flex; flex-wrap: wrap; } #detailRoom #roomHigh .highlist .highlistr .listcont li{ width: 50%; margin-top: 20px; min-height: 44px; padding: 0 10px 0 55px; position: relative; display: flex; justify-content: left; flex-direction: row; align-items: center; } #detailRoom #roomHigh .highlist .highlistr .listcont li img{ position: absolute; left: 0; top: 50%; margin-top: -22px; } #detailRoom #roomHigh .highimg{ width: 50%; float: right; background-size: cover; background-position: center; min-height: 400px; position: relative; } #detailRoom #roomHigh .highimg a:first-child{ display: block; width: 100%; height: 100%; position: relative; z-index: 10; } #detailRoom #roomHigh .highimg a{ display: none; } #detailRoom #roomHigh .highimg .btnslide{ margin-left: -45px; margin-top: -40px; } /* policy */ .policy{ margin: 0; } .policy h1{ font-size: 35px; font-weight: 300; color: #f7a01b; text-align: center; text-transform: uppercase; letter-spacing: 3px; margin: 0px 0 30px 0; display: block; } .policy .box{ margin: 0px 0 40px 0; background: #fff; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-flow: row; height: 100%!important; border-radius: 0px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55); } .policy .box .boximg{ width: 50%; position: relative; float: left; } .policy .box .boximg .imgintro{ height: 100%; width: 100%; position: absolute; left: 0; top: 0; background-size: cover; background-position: center; } .policy .box .boxcont{ width: 50%; float: right; padding: 20px 30px 30px 30px; } .policy .box .boxcont h2{ text-transform: uppercase; font-size: 30px; display: block; letter-spacing: 3px; } .policy .box .boxcont h2 a{ -webkit-transition: color 0.3s linear; -moz-transition: color 0.3s linear; -o-transition: color 0.3s linear; transition: color 0.3s linear; color: #b1aa02; } .policy .box .boxcont h2 a:hover{ color: #f7a01b; } .policy .boxcont .boxcontt{ font-weight: 500; margin: 10px 0 10px 0; line-height: 25px; } .policy .boxcont .boxcontt strong{ color: inherit; } .policy .boxcont .readmore{ margin-top: 20px; text-align: center; } .policy .boxcont .readmore a{ display: inline-block; color: #f7a01b; border:1px solid #f7a01b; padding: 7px 20px; font-weight: 400; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .policy .boxcont .readmore a:hover{ background: #b1aa02; color: white; border: 1px solid #b1aa02; } .policydetail{ margin: 0 0 70px 0px; } .policydetail h1{ font-size: 35px; font-weight: 300; color: #ad2a22; text-align: center; text-transform: uppercase; letter-spacing: 3px; margin: 0px 0 30px 0; display: block; } .policydetail .fulltext{ margin: 0; width: 100%; padding: 0; line-height: 28px; } .policydetail .listother{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-flow: row; height: 100%!important; margin: 40px 0; } .policydetail .listother .box{ border-radius: 0px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55); background: #fff; padding-bottom: 90px; position: relative; width: calc(50% - 20px); margin-left: 40px; } .policydetail .listother .box:first-child{ margin-left: 0; } .policydetail .listother .box .boximg{ width: 100%; position: relative; height: 300px; } .policydetail .listother .box .boximg .imgintro{ height: 100%; width: 100%; position: absolute; left: 0; top: 0; background-size: cover; background-position: center; } .policydetail .listother .box .boxcont{ padding: 20px 30px 0px 30px; line-height: 28px; } .policydetail .listother .box .boxcont h2{ text-transform: uppercase; font-size: 30px; display: block; letter-spacing: 3px; margin-bottom: 10px; text-align: center; } .policydetail .listother .box .boxcont h2 a{ -webkit-transition: color 0.3s linear; -moz-transition: color 0.3s linear; -o-transition: color 0.3s linear; transition: color 0.3s linear; color: #5d8954; } .policydetail .listother .box .boxcont h2 a:hover{ color: #f7a01b; } .policydetail .listother .box .readmore{ text-align: center; position: absolute; bottom: 30px; width: 100%; } .policydetail .listother .box .readmore a{ display: inline-block; color: #ad2a22; border:1px solid #ad2a22; padding: 7px 20px; font-weight: 400; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .policydetail .listother .box .readmore a:hover{ background: #5d8954; color: white; border: 1px solid #5d8954; } .policytab{ margin: 0 0 70px 0; } .policytab h1{ font-size: 35px; font-weight: 300; color: #f7a01b; text-align: center; text-transform: uppercase; letter-spacing: 3px; margin: 0px 0 40px 0; display: block; } .policytab .box{ margin: 0px 0 0px 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-flow: row; height: 100%!important; } .policytab .box .introimg{ height: 500px; background: #4d5268; padding: 0 20px; width: 50%; text-align: center; } .policytab .box .introimg .tb-mid{ width: 100%; } .policytab .box .introimg img{ max-width: 100%; } .policytab .box .cont{ padding: 0px 0px 0px 50px; width: 50%; } .policytab .box .cont ul.tabs{ float: left; width: 100%; margin-bottom: 0px; position: relative; z-index: 100; white-space: nowrap; } .policytab .box .cont ul.tabs li:first-child{ margin-left: 0; } .policytab .box .cont ul.tabs li{ margin-left: 0px; display: inline-block; } .policytab .box .cont ul.tabs li a{ color: #f7a01b; padding: 5px 5px; border: 1px solid #f7a01b; -webkit-transition: background-color 0.3s linear; -moz-transition: background-color 0.3s linear; -o-transition: background-color 0.3s linear; transition: background-color 0.3s linear; display: inline-block; text-transform: uppercase; font-weight: 400; font-size: 14px; } .policytab .box .cont ul.tabs li a:hover, .policytab .box .cont ul.tabs li.selected a{ background: #b1aa02; color: white; border: 1px solid #b1aa02; } .policytab .box .cont .tabscontent{ position: relative; } /* Free services */ .experiences{ margin: 0 0 0px 0; } .experiences .content-category{ margin-bottom: 70px; } .experiences h1{ font-size: 35px; font-weight: 300; color: #ad2a22; text-align: center; text-transform: uppercase; letter-spacing: 3px; margin: 0px 0 40px 0; display: block; } .experiences .list{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-flow: row; height: 100%!important; margin: 0 0 40px 0; } .experiences .list .box{ border-radius: 0px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55); background: #fff; padding-bottom: 100px; position: relative; width: calc(33.33% - 20px); margin-left: 40px; } .experiences .list .box.col2{ width: calc(50% - 20px); } .experiences .list .box:first-child{ margin-left: 0; } .experiences .list .box.col2 .boximg{ height: 400px; } .experiences .list .box .boximg{ width: 100%; height: 270px; position: relative; } .experiences .list .box .boximg .imgintro{ height: 100%; width: 100%; position: absolute; left: 0; top: 0; background-size: cover; background-position: center; } .experiences .list .box .boxcont{ padding: 30px 30px 0px 30px; } .experiences .list .box .boxcont h2{ color: #ad2a22; text-transform: uppercase; font-size: 25px; line-height: 30px; font-weight: 500; display: block; letter-spacing: 3px; margin-bottom: 20px; text-align: center; } .experiences .list .box .boxcont h2 a{ -webkit-transition: color 0.3s linear; -moz-transition: color 0.3s linear; -o-transition: color 0.3s linear; transition: color 0.3s linear; color: #5d8954; } .experiences .list .box .boxcont h2 a:hover{ color: #ad2a22; } .experiences .list .box .boxcont .boxcontt{ line-height: 28px; } .experiences .list .box .readmore{ text-align: center; position: absolute; bottom: 40px; width: 100%; } .experiences .list .box .readmore a{ display: inline-block; color: #ad2a22; border:1px solid #ad2a22; padding: 7px 20px; font-weight: 400; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .experiences .list .box .readmore a:hover{ background: #5d8954; color: white; border: 1px solid #5d8954; } .freedetail{ margin: 0 0 0px 0; } .freedetail .box{ margin: 0px 0 40px 0; background: #fff; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-flow: row; height: 100%!important; border-radius: 0px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55); } .freedetail .box .boximg{ width: 50%; position: relative; float: left; min-height: 500px; } .freedetail .box .boximg .imgintro{ height: 100%; width: 100%; position: absolute; left: 0; top: 0; background-size: cover; background-position: center; } .freedetail .box .boxcont{ padding: 40px 50px 40px 50px; width: 50%; float: right; line-height: 28px; } .freedetail .box .boxcont table{ width: 100%!important; } .freedetail .lSAction > .lSPrev, .carreer .lSAction > .lSPrev{ background: url("../images/arrow-left.png") no-repeat; width: 20px; height: 22px; margin-top: -11px; } .freedetail .lSAction > .lSNext, .carreer .lSAction > .lSNext{ background: url("../images/arrow-right.png") no-repeat; width: 20px; height: 22px; margin-top: -11px; } .freedetail #content-slider li{ position: relative; } .freedetail #content-slider li a:before{ background:rgba(0,0,0,0.2)!important; } .freedetail #content-slider li a:hover:before{ background:rgba(0,0,0,0)!important; } .freedetail #content-slider li span.trans{ position: absolute; bottom: 0; text-align: center; padding: 5px; width: 100%; background: rgba(0,0,0,0.5); color: #fff; z-index: 10; left: 0; text-transform: uppercase; display: none; } .freedetail .other, #transportation #othertour, #groupdetail .other, #tourdetail .other, .newdetail .other, .aboutrose .other, .enviroment .other{ background: #222; padding: 30px 0px 30px 0px; } .freedetail .other h2, #transportation #othertour h3, #groupdetail .other h2, #tourdetail .other h3, .newdetail .other h3{ color: #fff; text-transform: uppercase; font-size: 30px; display: block; letter-spacing: 3px; margin-bottom: 20px; text-align: center; font-weight: 400; } .freedetail .other .cont, #transportation #othertour .cont, #transportation .listcar .cont, #groupdetail .other .cont, .carreer .other .cont, .carreerdetail .other .cont, .newdetail .other .cont, .aboutrose .other .cont, .enviroment .other .cont{ position: absolute; left: 0; top: 50%; width: 100%; z-index: 10; margin-top: -30px; padding: 0 10px; } .freedetail .other .cont h3, #transportation #othertour .cont h4, #transportation .listcar .cont h4, #groupdetail .other .cont h3, .carreer .other .cont h4, .carreerdetail .other .cont h4, .newdetail .other .cont h4, .aboutrose .other .cont h3, .enviroment .other .cont h4{ color: #fff; text-transform: uppercase; font-size: 20px; display: block; letter-spacing: 3px; margin-bottom: 10px; text-align: center; font-weight: 500; } .freedetail .other .cont .readmore, #transportation #othertour .cont .readmore, #transportation .listcar .cont .readmore, #groupdetail .other .cont .readmore, .carreer .other .cont .readmore, .carreerdetail .other .cont .readmore, .newdetail .other .cont .readmore, .aboutrose .other .cont .readmore, .enviroment .other .cont .readmore{ text-align: center; } .freedetail .other .cont .readmore a, #transportation #othertour .cont .readmore a, #transportation .listcar .cont .readmore a, #groupdetail .other .cont .readmore a, .carreer .other .cont .readmore a, .carreerdetail .other .cont .readmore a, .newdetail .other .cont .readmore a, .aboutrose .other .cont .readmore a, .enviroment .other .cont .readmore a{ display: inline-block; color: #fff; background: #f7a01b; padding: 7px 20px; font-weight: 400; -webkit-transition: background-color 0.3s linear; -moz-transition: background-color 0.3s linear; -o-transition: background-color 0.3s linear; transition: background-color 0.3s linear; } .experiences .other .cont .readmore a:hover, #transportation #othertour .cont .readmore a:hover, #transportation .listcar .cont .readmore a:hover, #groupdetail .other .cont .readmore a:hover, .carreer .other .cont .readmore a:hover, .carreerdetail .other .cont .readmore a:hover, .newdetail .other .cont .readmore a:hover, .aboutrose .other .cont .readmore a:hover, .enviroment .other .cont .readmore a:hover{ background: #b75e42; } #transportation{ margin: 0; } #transportation h1{ font-size: 35px; font-weight: 300; color: #ad2a22; text-align: center; text-transform: uppercase; letter-spacing: 3px; margin: 0px 0 20px 0; display: block; } #transportation .cont{ margin: 0; line-height: 28px; } #transportation .cont h2:first-child{ margin-top: 0; } #transportation .cont h2{ color: #5d8954; text-transform: uppercase; font-size: 18px; font-weight: 500; display: block; letter-spacing: 3px; margin: 20px 0 20px 0; } #transportation .cont strong{ color: inherit; } #transportation .cont table{ margin: 20px 0 20px 0; width: 100%!important; } #transportation .cont tr:first-child td{ text-transform: uppercase; } #transportation .cont table td{ text-align: center; } #transportation .bookhere{ text-align: center; margin-top: 0px; margin-bottom: 40px; } #transportation .bookhere a.btnclick{ background: #ad2a22; } #transportation .bookhere a{ display: inline-block; font-size: 20px; font-weight: 500; text-transform: uppercase; padding: 10px 15px; background: #5d8954; color: #fff; text-align: center; -webkit-transition: background-color 0.3s linear; -moz-transition: background-color 0.3s linear; -o-transition: background-color 0.3s linear; transition: background-color 0.3s linear; } #transportation .bookhere a:hover{ background: #333; color: white; } #transportation .listcar{ margin: 40px 0 30px 0; } #transportation .listcar .readmore a:first-child{ display: inline-block!important; } #transportation .listcar .readmore a:first-child img{ display: none; } #transportation .listcar .readmore a{ display: none!important; } #airport-form{ position: absolute; z-index: 10002; top: 0; right: 0; bottom: 0; left: 0; display: none; } #airport-form #airport-box{ text-align: center; display: block; position: fixed ; top:0; left: 0; width: 100%; height: 100%; box-sizing: border-box; } #airport-form #airport-box:before{ content: ""; display: inline-block; vertical-align: middle; height: 100%; width: 0; } #airport-form #airport-box #airport-content{ padding: 15px 20px 20px 20px; width: 70%; max-width: calc(100% - 100px); max-height: calc(100% - 88px); overflow: visible; vertical-align: middle; display: inline-block; margin: 24px 0; position: relative; background: #fff; } #airport-form h3{ color: #f7a01b; text-transform: uppercase; font-size: 20px; font-weight: 500; display: block; letter-spacing: 3px; margin: 0px 0 0px 0; } #airport-form p{ text-align: left; } #airport-form .closebtn{ position: absolute; right: 0; top: -40px; cursor: pointer; } #airport-form .icon{ position: absolute; left: 15px; top: 0; } #airport-form .row{ margin-top: 15px; } #airport-form input[type=text]{ height: 31px; -webkit-border-radius: 3px; border-radius: 3px; box-shadow: none; border: 1px solid #7d7d7d; width: 100%; padding-left: 50px; font-size: 14px; font-weight: 500; } #airport-form textarea{ height: 100px; -webkit-border-radius: 3px; border-radius: 3px; box-shadow: none; border: 1px solid #7d7d7d; width: 100%; padding: 10px; font-size: 14px; font-weight: 500; } #airport-form select{ font-size: 14px; height: 31px; -webkit-border-radius: 3px; border-radius: 3px; box-shadow: none; border: 1px solid #7d7d7d; width: 100%; padding-left: 50px; padding-top: 3px; outline: none; background: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-weight: 500; } #airport-form select option{ font-weight: 500; } #airport-form input[type=text].unvalidate, #airport-form select.unvalidate{ border-color: #b20208; color: #b20208; } #airport-form [class*="col-"]{ position: relative; } #airport-form input[type=checkbox]{ margin-right: 5px; margin-top: 0; } #airport-form optgroup{ display: none; } #airport-form .noinputtext{ background: rgb(235, 235, 228); } #airport-form a.submit{ font-weight: 500; background: none; padding: 10px 20px; border-radius: 3px; border: 1px solid #7d7d7d; text-transform: uppercase; float: right; position: relative; color: #1f1f1f; font-size: 16px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } #airport-form a.submit:hover{ color:#fff; border-color: #999; background: #999; } #airport-form .airportnote{ font-size: 14px; font-weight: 500; } #airport-form .loadingimg, .carreerdetail .loadingimg{ position: fixed; top: 50%; left: 50%; margin-left: -65px; margin-top: -57px; z-index: 10003; display: none; } /* Tour */ #grouplist{ margin: 0 0 70px 0; } #grouplist h1{ font-size: 35px; font-weight: 300; color: #ad2a22; text-align: center; text-transform: uppercase; letter-spacing: 3px; margin: 0px; display: block; } #grouplist .intro{ margin: 30px auto 50px auto; padding: 0; line-height: 28px; } #grouplist .list{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-flow: row; height: 100%!important; margin: 0px auto 40px auto; width: 100%; } #grouplist .list .box{ border-radius: 0px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55); background: #fff; padding-bottom: 100px; position: relative; width: calc(33.33% - 20px); margin-left: 40px; } #grouplist .list.col2 .box{ width: calc(50% - 20px); } #grouplist .list .box:first-child{ margin-left: 0; } #grouplist .list .box .boximg{ width: 100%; height: 400px; position: relative; } #grouplist .list .box .boximg .imgintro{ height: 100%; width: 100%; position: absolute; left: 0; top: 0; background-size: cover; background-position: center; } #grouplist .list .box .boxcont{ padding: 30px 30px 0px 30px; } #grouplist .list .box .boxcont h2{ color: #333; text-transform: uppercase; font-size: 28px; line-height: 32px; font-weight: 500; display: block; margin-bottom: 20px; text-align: center; } #grouplist .list .box .boxcont h2 a{ -webkit-transition: color 0.3s linear; -moz-transition: color 0.3s linear; -o-transition: color 0.3s linear; transition: color 0.3s linear; color: #5d8954; } #grouplist .list .box .boxcont h2 a:hover{ color: #ad2a22; } #grouplist .list .box .boxcont .boxcontt{ line-height: 28px; } #grouplist .list .box .readmore{ text-align: center; position: absolute; bottom: 40px; width: 100%; } #grouplist .list .box .readmore a{ display: inline-block; color: #ad2a22; border:1px solid #ad2a22; padding: 7px 20px; font-weight: 400; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } #grouplist .list .box .readmore a:hover{ background: #5d8954; color: white; border: 1px solid #5d8954; } #groupdetail{ margin: 0 0 0px 0; } #groupdetail > .container-padd{ margin-bottom: 70px; } #groupdetail h1{ font-size: 35px; font-weight: 300; color: #ad2a22; text-align: center; text-transform: uppercase; letter-spacing: 3px; margin: 0px; display: block; } #groupdetail .intro{ margin: 30px auto 50px auto; padding: 0; line-height: 28px; } #groupdetail .list{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-flow: row; height: 100%!important; margin: 0 auto 40px auto; width: 100%; } #groupdetail .list .box{ border-radius: 0px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55); background: #fff; padding-bottom: 90px; position: relative; width: calc(33.33% - 20px); margin-left: 40px; } #groupdetail .list.col2 .box{ width: calc(50% - 20px); } #groupdetail .list .box:first-child{ margin-left: 0; } #groupdetail .list.col2 .box .boximg{ height: 400px; } #groupdetail .list .box .boximg{ width: 100%; height: 270px; position: relative; } #groupdetail .list .box .boximg .imgintro{ height: 100%; width: 100%; position: absolute; left: 0; top: 0; background-size: cover; background-position: center; } #groupdetail .list .box .boximg .imgintro .price{ position: absolute; bottom: 0; background: rgba(0,0,0,0.7); color: #fff; width: 100%; padding: 5px 10px; font-weight: 500; text-align: center; font-size: 20px; } #groupdetail .list .box .boxcont{ padding: 20px 30px 0px 30px; } #groupdetail .list .box .boxcont h2{ color: #333; font-size: 20px; line-height: 28px; font-weight: 500; display: block; margin-bottom: 10px; } #groupdetail .list .box .boxcont h2 a{ -webkit-transition: color 0.3s linear; -moz-transition: color 0.3s linear; -o-transition: color 0.3s linear; transition: color 0.3s linear; color: #5d8954; } #groupdetail .list .box .boxcont h2 a:hover{ color: #ad2a22; } #groupdetail .list .box .boxcont .highlight{ line-height: 28px; } #groupdetail .list .box .boxcont .highlight li{ display: none; } #groupdetail .list .box .boxcont .highlight li:nth-child(1), #groupdetail .list .box .boxcont .highlight li:nth-child(2), #groupdetail .list .box .boxcont .highlight li:nth-child(3){ display: block; } #groupdetail .list .box .readmore{ text-align: center; position: absolute; bottom: 30px; width: 100%; padding: 0 30px; } #groupdetail .list .box .readmore .highlight{ float: left; } #groupdetail .list .box .readmore .highlight a{ color: inherit; padding: 7px 8px; border:1px solid #212529; display: inline-block; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; font-weight: 400; text-transform: uppercase; } #groupdetail .list .box .readmore .highlight a:hover{ background: #333; border: 1px solid #333; color: white; } #groupdetail .list .box .readmore .readbtn{ float: right; } #groupdetail .list .box .readmore .readbtn a{ display: inline-block; color: #ad2a22; border:1px solid #ad2a22; padding: 7px 20px; font-weight: 400; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; text-transform: uppercase; } #groupdetail .list .box .readmore .readbtn a:hover{ background: #5d8954; color: white; border: 1px solid #5d8954; } /* Tour Detail */ #tourdetail{ margin: 0; } #tourdetail h1{ font-size: 35px; font-weight: 300; color: #ad2a22; text-align: center; text-transform: uppercase; letter-spacing: 3px; margin: 0px auto 10px auto; } #tourdetail .price{ text-align: center; font-weight: 500; } #tourdetail .price span.t1{ color: #b1aa02; font-size: 25px; } #tourdetail .price span.t2{ font-weight: 600; font-size: 25px; } #tourdetail #tourCont{ margin: 40px 0 0 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-flow: row; height: 100%!important; } #tourdetail #tourCont #tourCont-left{ width: 50%; float: left; } #tourdetail #tourCont #tourCont-left .item-image{ min-height: 500px; height: 100%; position: relative; } #tourdetail #tourCont #tourCont-left .item-image .imgintro{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: center; } #tourdetail #tourCont #tourCont-left .item-image .imgintro .play_btn, .packdetail .boxtt .introimg .play_btn{ width: 100%; height: 100%; display: block; cursor: pointer; z-index: 10; position: relative; } #tourdetail #tourCont #tourCont-left .item-image .imgintro .play_btn img, #tourdetail #tourHigh .highimg .btnslide, .packdetail .boxtt .introimg .play_btn img{ position: absolute; left: 50%; top: 50%; margin-left: -38px; margin-top: -38px; cursor: pointer; z-index: 10; } #tourdetail #tourCont #tourCont-right{ width: 50%; float: right; padding: 30px 30px 0px 30px; position: relative; line-height: 28px; } #tourdetail #tourCont #tourCont-right h2{ color: #5d8954; text-transform: uppercase; font-size: 18px; font-weight: 600; display: block; margin: 0px; position: absolute; top: 0; left: 30px; } #tourdetail #tourCont #tourCont-right strong{ color: inherit; } #tourdetail #tourHigh{ margin: 70px 0 70px 0; background: #fff; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-flow: row; height: 100%!important; border-radius: 0px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55); } #tourdetail #tourHigh .highlist{ width: 50%; float: right; } #tourdetail #tourHigh .highlist .highlistr{ width: 100%; padding: 50px 70px 30px 70px; float: left; } #tourdetail #tourHigh .highlist .highlistr h2{ font-size: 25px; color: #333; letter-spacing: 3px; display: block; margin: 0 0 20px 0; padding: 0; text-transform: uppercase; } #tourdetail #tourHigh .highlist .highlistr .listcont{ line-height: 18px; min-height: 44px; } #tourdetail #tourHigh .highlist .highlistr .listcont ul{ margin: 0; width: 100%; display: flex; flex-wrap: wrap; } #tourdetail #tourHigh .highlist .highlistr .listcont li{ width: 50%; margin-top: 20px; min-height: 44px; padding: 0 10px 0 55px; position: relative; display: flex; justify-content: left; flex-direction: row; align-items: center; } #tourdetail #tourHigh .highlist .highlistr .listcont li img{ position: absolute; left: 0; top: 50%; margin-top: -22px; } #tourdetail #tourHigh .highlist .highlistr .downloadfull{ text-align: center; margin-top: 40px; white-space: nowrap; } #tourdetail #tourHigh .highlist .highlistr .downloadfull a.link2{ display: none; } #tourdetail #tourHigh .highlist .highlistr .downloadfull a, #tourdetail #tourFull .bookbtn a{ color: #fff; background: #5d8954; padding: 15px 20px; text-transform: uppercase; display: inline-block; font-size: 20px; font-weight: 500; -webkit-transition: background-color 0.3s linear; -moz-transition: background-color 0.3s linear; -o-transition: background-color 0.3s linear; transition: background-color 0.3s linear; } #tourdetail #tourFull .bookbtn a{ background: #ad2a22; } #tourdetail #tourHigh .highlist .highlistr .downloadfull a:hover, #tourdetail #tourFull .bookbtn a:hover{ background: #333; color: white; } #tourdetail #tourHigh .highimg{ width: 50%; float: right; background-size: cover; background-position: center; min-height: 400px; position: relative; } #tourdetail #tourHigh .highimg a:first-child{ display: block; width: 100%; height: 100%; position: relative; z-index: 10; } #tourdetail #tourHigh .highimg a{ display: none; } #tourdetail #tourHigh .highimg .btnslide{ margin-left: -45px; margin-top: -40px; } #tourdetail #tourFull{ margin-bottom: 70px; display: none; line-height: 28px; } #tourdetail #tourFull .bookbtn{ text-align: center; margin-top: 20px; } #tourdetail .other #content-slider{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-flow: row; height: 100%!important; } #tourdetail .other .cont{ padding: 20px 5px 50px 5px; text-align: center; } #tourdetail .other .img{ position: relative; } #tourdetail .other .img .price{ position: absolute; bottom: 0; background: rgba(0,0,0,0.7); color: #fff; width: 100%; padding: 5px 10px; font-weight: 500; text-align: center; } #tourdetail .other .cont h4{ color: #fff; display: block; font-size: 15px; line-height: 22px; text-transform: uppercase; font-weight: 400; } #tourdetail .other .cont h4 a{ color: #fff; -webkit-transition: color 0.3s linear; -moz-transition: color 0.3s linear; -o-transition: color 0.3s linear; transition: color 0.3s linear; } #tourdetail .other .cont h4 a:hover{ color: #f7a01b; } #tourdetail .other .cont .readmore{ text-align: center; position: absolute; width: 100%; left: 0; bottom: 0; } #tourdetail .other .cont .readmore a{ display: inline-block; color: #fff; background: #f7a01b; padding: 7px 20px; font-weight: 400; -webkit-transition: background-color 0.3s linear; -moz-transition: background-color 0.3s linear; -o-transition: background-color 0.3s linear; transition: background-color 0.3s linear; } #tourdetail .other .cont .readmore a:hover{ background: #b75e42; } #tb-form{ position: absolute; z-index: 10002; top: 0; right: 0; bottom: 0; left: 0; display: none; } #tb-form .loadingimg{ position: fixed; top: 50%; left: 50%; margin-left: -65px; margin-top: -57px; z-index: 10003; display: none; } #tb-form #tb-box{ text-align: center; display: block; position: fixed ; top:0; left: 0; width: 100%; height: 100%; box-sizing: border-box; } #tb-form #tb-box:before{ content: ""; display: inline-block; vertical-align: middle; height: 100%; width: 0; } #tb-form #tb-box #tb-content{ padding: 15px 20px 20px 20px; width: 70%; max-width: calc(100% - 100px); max-height: calc(100% - 88px); overflow: visible; vertical-align: middle; display: inline-block; margin: 24px 0; position: relative; background: #fff; } #tb-form #tb-box #tb-content .closebtn{ position: absolute; right: 0; top: -40px; cursor: pointer; } #tb-form #tb-box #tb-content #tb-top{ margin: 0; } #tb-form #tb-box #tb-content #tb-top #tb-top-l{ float: left; width: 30%; } #tb-form #tb-box #tb-content #tb-top #tb-top-l img{ width: 100%; } #tb-form #tb-box #tb-content #tb-top #tb-top-r{ float: right; width: calc(70% - 30px); } #tb-form #tb-box #tb-content #tb-top #tb-top-r #tb-title{ color: #ad2a22; text-transform: uppercase; font-size: 20px; font-weight: 500; display: block; letter-spacing: 3px; margin: 0px 0 10px 0; text-align: left; padding: 0 0px 20px 0px; background: url("../images/divider.png") 0 bottom repeat-x; } #tb-form #tb-box #tb-content #tb-top #tb-top-r #tb-price{ margin: 0; text-align: left; font-weight: 500; } #tb-form #tb-box #tb-content #tb-top #tb-top-r #tb-price span.t1{ color: #b1aa02; font-size: 25px; } #tb-form #tb-box #tb-content #tb-top #tb-top-r #tb-price span.t2{ font-weight: 600; font-size: 25px; } #tb-form #tb-box #tb-content #tb-bot{ margin: 0; } #tb-form #tb-box #tb-content #tb-bot .icon{ position: absolute; left: 15px; top: 0; } #tb-form #tb-box #tb-content #tb-bot .row{ margin-top: 15px; } #tb-form #tb-box #tb-content #tb-bot input[type=text]{ height: 31px; -webkit-border-radius: 3px; border-radius: 3px; box-shadow: none; border: 1px solid #7d7d7d; width: 100%; padding-left: 50px; font-size: 14px; font-weight: 500; } #tb-form #tb-box #tb-content #tb-bot textarea{ height: 100px; -webkit-border-radius: 3px; border-radius: 3px; box-shadow: none; border: 1px solid #7d7d7d; width: 100%; padding: 10px; font-size: 14px; font-weight: 500; } #tb-form #tb-box #tb-content #tb-bot select{ font-size: 14px; height: 31px; -webkit-border-radius: 3px; border-radius: 3px; box-shadow: none; border: 1px solid #7d7d7d; width: 100%; padding-left: 50px; padding-top: 3px; outline: none; background: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-weight: 500; } #tb-form #tb-box #tb-content #tb-bot select option{ font-weight: 500; } #tb-form #tb-box #tb-content #tb-bot input[type=text].unvalidate, #tb-form #tb-box #tb-content #tb-bot select.unvalidate{ border-color: #b20208; color: #b20208; } #tb-form #tb-box #tb-content #tb-bot [class*="col-"]{ position: relative; } #tb-form #tb-box #tb-content #tb-bot input[type=checkbox]{ margin-right: 5px; margin-top: 0; } #tb-form #tb-box #tb-content #tb-bot optgroup{ display: none; } #tb-form #tb-box #tb-content #tb-bot .noinputtext{ background: rgb(235, 235, 228); } #tb-form #tb-box #tb-content #tb-bot a.submit{ font-weight: 500; background: none; padding: 10px 20px; border-radius: 3px; border: 1px solid #7d7d7d; text-transform: uppercase; float: right; position: relative; color: #1f1f1f; font-size: 16px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } #tb-form #tb-box #tb-content #tb-bot a.submit:hover{ color:#fff; border-color: #999; background: #999; } #tb-form #tb-box #tb-content #tb-bot .tournote{ font-size: 14px; font-weight: 500; text-align: left; margin-top: 10px; } #tb-form #tb-box #tb-content #tb-bot .packnote{ text-align: left; font-size: 14px; font-weight: 500; margin-top: 5px; } /* Package */ #groupdetail.package .list .box{ padding-bottom: 100px; } #groupdetail.package .list .box .boxcont h2{ text-align: center; font-size: 28px; line-height: 32px; margin-bottom: 20px; } #groupdetail.package .list .box .boxcont .highlight img{ margin-right: 5px; } #groupdetail.package .list .box .boxcont .highlight p{ margin-top: 10px; } #groupdetail.package .list .box .readmore{ bottom: 40px; } #groupdetail.package .list .box .readmore .readbtn{ float: none; } .packdetail .packnote{ text-align: center; color: #f7a01b; font-weight: 500; margin: 10px 0 0px 0 ; } .packdetail .price{ position: relative; margin: 0 auto; } .packdetail .price a.bookhere{ color: #fff; background: #f7a01b; padding: 10px 15px; text-transform: uppercase; display: inline-block; font-size: 20px; -webkit-transition: background-color 0.3s linear; -moz-transition: background-color 0.3s linear; -o-transition: background-color 0.3s linear; transition: background-color 0.3s linear; position: absolute; right: 0; } .packdetail .price a.bookhere:hover{ background: #333; color: white; } .packdetail .box{ margin: 40px 0 70px 0; padding: 40px 0; background: #fff; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-flow: row; height: 100%!important; border-radius: 0px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55); } .packslider { margin: 0 ; background-color : transparent; border: none; position: relative; border-radius: 0px; box-shadow: none; zoom: 1; overflow:visible; } .packslider .slides:after{ content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .packslider img{ width: 100%; } .packslider .flex-direction-nav{ position: absolute; top: 50%; width: 100%; } .packslider .flex-direction-nav a{ width: 40px; height: 61px; margin-top: -30px; } .packslider .flex-direction-nav .flex-prev { background: url('../images/arrow-left-large.png') no-repeat; left: 10px; } .packslider .flex-direction-nav .flex-next { background: url('../images/arrow-right-large.png') no-repeat; right: 10px; } .packslider .flex-direction-nav a:hover{ opacity: 1; } .packdetail .cover{ position: relative; } .packdetail .border { border: 10px solid #fff!important; overflow: hidden; z-index: 5; position: relative; } .packdetail .layer-1 { -ms-transform: rotate(1.2deg); -webkit-transform: rotate(1.2deg); -o-transform: rotate(1.2deg); -moz-transform: rotate(1.2deg); transform: rotate(1.2deg); } .packdetail .layer-2 { -ms-transform: rotate(-1.8deg); -webkit-transform: rotate(-1.8deg); -o-transform: rotate(-1.8deg); -moz-transform: rotate(-1.8deg); transform: rotate(-1.8deg); } .packdetail .block-background{ background:#fff; position:absolute; height:100%; left:0px; right:0px; top:0px; bottom:0px; } .packdetail .border, .packdetail .block-background{ -moz-box-shadow:0 0 5px rgba(0,0,0,0.3); -webkit-box-shadow:0 0 5px rgba(0,0,0,0.3); box-shadow:0 0 5px rgba(0,0,0,0.3); } .packdetail .boxtt{ margin: 40px 0 0 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-flow: row; height: 100%!important; } .packdetail .boxtt .introimg{ height: 500px; width: 50%; background-size: cover; background-position: center; } .packdetail .boxtt .contb{ padding: 0px 0px 0px 50px; width: 50%; position: relative; } .packdetail .boxtt .contb ul.tabs { float: left; width: 100%; margin-bottom: 0px; position: relative; z-index: 100; white-space: nowrap; } .packdetail .boxtt .contb ul.tabs li{ display: inline-block; } .packdetail .boxtt .contb ul.tabs li a{ color: #f7a01b; padding: 5px 25px; border: 1px solid #f7a01b; -webkit-transition: background-color 0.3s linear; -moz-transition: background-color 0.3s linear; -o-transition: background-color 0.3s linear; transition: background-color 0.3s linear; display: inline-block; text-transform: uppercase; font-weight: 400; font-size: 14px; } .packdetail .boxtt .contb ul.tabs li a:hover, .packdetail .boxtt .contb ul.tabs li.selected a{ background: #b1aa02; color: white; border: 1px solid #b1aa02; } .packdetail .boxtt .contb .tabscontent{ position: relative; } .packdetail .boxtt .boxcont h2:first-child{ margin-top: 0; } .packdetail .boxtt .boxcont h2{ color: #b1aa02; text-transform: uppercase; font-size: 18px; font-weight: 600; display: block; margin: 10px 0 10px 0; } /* Dining */ .dining{ margin: 0 0 70px 0; } .dining h1{ font-family: 'Oswald', sans-serif; font-size: 35px; font-weight: 300; color: #f7a01b; text-align: center; letter-spacing: 3px; display: block; margin-bottom: 5px; text-transform: uppercase; } .dining h2{ font-size: 25px; font-weight: 300; color: #b1aa02; text-align: center; text-transform: uppercase; letter-spacing: 3px; margin: 0px; display: block; } .dining .boxtop{ margin: 40px 0 120px 0; background: #fff; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-flow: row; height: 100%!important; border-radius: 0px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55); } .dining .boxtop .boximg{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; position: relative; min-height: 500px; } .dining .boxtop .boximg .imgintro{ height: 100%; width: 100%; position: absolute; left: 0; top: 0; background-size: cover; background-position: center; } .dining .boxtop .boxcont{ padding: 40px 50px 40px 50px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; line-height: 28px; } .dining .boxbot{ margin: 0px 0 40px 0; background: #fff; border-radius: 0px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55); position: relative; } .dining .boxbot ul{ float: left; position: absolute; top: -64px; left: 60px; z-index: 100; } .dining .boxbot ul li{ float: left; } .dining .boxbot ul li a{ font-size: 20px; text-transform: uppercase; font-weight: 600; padding: 20px 50px; background: #ccc; color: #333; display: block; -webkit-transition: background-color 0.3s linear; -moz-transition: background-color 0.3s linear; -o-transition: background-color 0.3s linear; transition: background-color 0.3s linear; } .dining .boxbot ul li a:hover, .dining .boxbot ul li.selected a{ background: url("../images/arrow-down.png") center 60px no-repeat #58595b; color: #fff; padding-bottom: 35px; } .dining .boxbot .vview{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-flow: row; height: 100%!important; } .dining .boxbot .vview .boximg{ width: 60%; position: relative; float: left; min-height: 500px; background-size: cover; background-position: center; } .dining .boxbot .vview .boximg a:first-child{ display: block; width: 100%; height: 100%; position: relative; z-index: 10; } .dining .boxbot .vview .boximg a{ display: none; } .dining .boxbot .vview .boximg .btnslide{ margin-left: -45px; margin-top: -40px; } .dining .boxbot .vview .boxcont{ padding: 40px 50px 40px 50px; width: 40%; float: right; } .dining .boxbot .vview .boxcont .fileattach{ margin-top: 20px; } .dining .boxbot .vview .boxcont .fileattach a{ color: #fff; background: #b1aa02; padding: 5px 20px; text-transform: uppercase; display: inline-block; font-weight: 500; font-size: 18px; -webkit-transition: background-color 0.3s linear; -moz-transition: background-color 0.3s linear; -o-transition: background-color 0.3s linear; transition: background-color 0.3s linear; text-decoration: none; } .dining .boxbot .vview .boxcont .fileattach a:hover{ background: #333; color: #fff; } /* Gallery */ #galleryL{ clear: both; margin-bottom: 70px; } #galleryL h1{ font-size: 35px; font-weight: 300; color: #ad2a22; text-align: center; text-transform: uppercase; letter-spacing: 3px; margin: 0px auto 40px auto; } #galleryL .jg_row{ padding: 0; margin: 0px -10px 20px -10px; } #galleryL .jg_element_gal, #galleryL .jg_element_gal_r{ width: 33.33%; padding: 0 10px; } #galleryL .jg_row img.jg_photo{ width: 100%; height: auto; border: 0; padding: 0; margin: 0; } #galleryL .jg_photo_container{ position: relative; } #galleryL .jg_photo_container a{ color: #fff; text-transform: uppercase; display: block; -webkit-transition: color 0.3s linear; -moz-transition: color 0.3s linear; -o-transition: color 0.3s linear; transition: color 0.3s linear; position: relative; } #galleryL .jg_photo_container a:hover .jg_element_txt h2{ color: #f7a01b; } #galleryL .jg_photo_container .jg_element_txt{ position: absolute; bottom: 0; background: rgba(0,0,0,0.7); color: #fff; width: 100%; padding: 5px 10px; text-align: center; } #galleryL .jg_photo_container .jg_element_txt h2{ font-size: 18px; line-height: 22px; margin: 0; font-weight: 500; color: white; } #galleryL .jg_photo_container a:before{ content:''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background:rgba(0,0,0,0.2); z-index: 9; -webkit-transition: background-color 0.3s linear; -moz-transition: background-color 0.3s linear; -o-transition: background-color 0.3s linear; transition: background-color 0.3s linear; width: 100%; } #galleryL .jg_photo_container a:hover:before{ background:rgba(0,0,0,0); } .gallery-detail{ clear: both; margin-bottom: 70px; } .gallery-detail h1{ font-size: 35px; font-weight: 300; color: #ad2a22; text-align: center; text-transform: uppercase; letter-spacing: 3px; margin: 0px auto 40px auto; } .gallery-detail .row{ padding: 0; margin: 0px -10px 20px -10px; } .gallery-detail .row [class*=col-]{ padding: 0 10px; } .gallery-detail .row .imgtitle a{ color: #fff; text-transform: uppercase; display: block; -webkit-transition: color 0.3s linear; -moz-transition: color 0.3s linear; -o-transition: color 0.3s linear; transition: color 0.3s linear; position: relative; } .gallery-detail .row .imgtitle .videoClip{ position: relative; } .gallery-detail .row .imgtitle a:before, .gallery-detail .row .imgtitle .videoClip:before{ content:''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background:rgba(0,0,0,0.2); z-index: 9; -webkit-transition: background-color 0.3s linear; -moz-transition: background-color 0.3s linear; -o-transition: background-color 0.3s linear; transition: background-color 0.3s linear; width: 100%; } .gallery-detail .row .imgtitle a:hover:before{ background:rgba(0,0,0,0); } .gallery-detail .row .imgtitle img.jg_photo{ width: 100%; border: 0; padding: 0; margin: 0; height: auto; } .ps-toolbar{ display: block!important; } .ps-caption{ background: rgba(0,0,0,0.5)!important; display: block!important; } div.ps-toolbar-close, div.ps-toolbar-previous, div.ps-toolbar-next, div.ps-toolbar-play{ display: inline-block; } .pagination nav{ margin: 0 auto; } .pagination .pagination-list{ margin-top: 20px; } .pagination .pagination-list li:first-child{ margin-left: 0; } .pagination .pagination-list li{ display: inline-block; margin-left: 5px; } .pagination .pagination-list li a{ padding: 5px 10px; border: 1px solid #f7a01b; color: #f7a01b; font-weight: 500; } .pagination .pagination-list li a:hover{ color: #b1aa02; border: 1px solid #b1aa02; } .pagination .pagination-list li.disabled a{ color: #666; border: 1px solid #666 } .pagination .pagination-list li a .icon-first:before{ content: '<<'; position: relative; } .pagination .pagination-list li a .icon-previous:before{ content: '<'; position: relative; } .pagination .pagination-list li a .icon-next:before{ content: '>'; position: relative; } .pagination .pagination-list li a .icon-last:before{ content: '>>'; position: relative; } .gallery-detail .row .imgtitle .play_btn{ position: absolute; left: 50%; top: 50%; margin-left: -35px; margin-top: -35px; cursor: pointer; z-index: 10; } /* Contact */ .contact{ margin: 0 0 70px 0; } .contact h1{ font-size: 35px; font-weight: 300; color: #ad2a22; text-align: center; text-transform: uppercase; letter-spacing: 3px; margin: 0px auto 40px auto; } .contact .text{ display: none; } .contact .controw{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-flow: row; height: 100%!important; margin: 0; } .contact .controw .contact-left{ width: calc(50% - 15px); float: left; margin-right: 15px; } .contact .controw .contact-left .contact-addr{ -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55); background: #fff; padding: 20px 40px 30px 40px; line-height: 28px; } .contact .controw .contact-left .contact-addr h2{ color: #ad2a22; text-transform: uppercase; font-size: 25px; display: block; letter-spacing: 3px; text-align: center; margin-bottom: 10px; } .contact .controw .contact-left .contact-map{ margin-top: 20px; } .contact .controw .contact-left .contact-map .mapprint{ display: none; } .contact .controw .contact-right{ border-radius: 0px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55); background: #fff; padding: 30px 40px 30px 40px; width: calc(50% - 15px); margin-left: 15px; float: right; } .contact .controw .contact-right input{ width: 100%; margin-bottom: 10px; outline: none; padding: 5px 10px; border: 1px solid #ccc; font-weight: 500; } .contact .controw .contact-right textarea{ width: 100%; margin-bottom: 10px; outline: none; padding: 5px 10px; border: 1px solid #ccc; font-weight: 500; } .contact .controw .contact-right .btn{ background: #5d8954; color: white; border: 0; margin-right: 5px; margin-top: 20px; border-radius: 0; text-transform: uppercase; padding: 5px 20px; font-weight: 500; -webkit-transition: background-color 0.3s linear; -moz-transition: background-color 0.3s linear; -o-transition: background-color 0.3s linear; transition: background-color 0.3s linear; } .contact .controw .contact-right .btn:hover{ background: #333; color: white; } .contact .controw .contact-right .btn:focus{ border: 0; box-shadow: none; outline: none; } .contact .controw .contact-right .required-text{ margin-top: 20px; display: block; } /* Contact */ .carreer{ margin: 0; } .carreer h1{ font-size: 35px; font-weight: 300; color: #f7a01b; text-align: center; text-transform: uppercase; letter-spacing: 3px; margin: 0px auto 0px auto; } .carreer .intro { margin: 30px auto 50px auto; padding: 0; line-height: 28px; } .carreer .intro h2{ font-size: 25px; color: #b1aa02; text-transform: uppercase; letter-spacing: 3px; margin: 0px 0 5px 0; display: block; } .carreer .list .box:first-child{ margin-top: 30px; } .carreer .list .box{ margin: 40px 0 0px 0; padding: 20px 30px 20px 30px; background: #fff; border-radius: 0px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55); position: relative; } .carreer .list .box .introtext{ width: calc(100% - 200px); line-height: 28px; } .carreer .list .box .introtext h3{ font-size: 25px; color: #b1aa02; text-transform: uppercase; letter-spacing: 3px; margin: 0px 0 10px 0; display: block; } .carreer .list .box .apply-btn{ position: absolute; top: calc(50% - 35px); right: 50px; } .carreer .list .box .apply-btn a{ color: #fff; font-weight: 500; background: #b1aa02; padding: 20px 30px; text-transform: uppercase; text-align: center; display: inline-block; font-size: 20px; height: 70px; width: 126px; -webkit-transition: background-color 0.3s linear; -moz-transition: background-color 0.3s linear; -o-transition: background-color 0.3s linear; transition: background-color 0.3s linear; } .carreer .list .box .apply-btn a:hover{ background: #333; color: white; } .carreer .list-img{ margin-top: 50px; } .carreer .box.hidden{ display: none; } .carreer .discover{ margin-top: 50px; text-align: center; } .carreer .discover a{ border-top: 2px solid #b1aa02; border-bottom: 2px solid #b1aa02; font-weight: 600; padding: 10px 15px 10px 15px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .carreer .discover a:hover{ border-color: #f7a01b; color: #f7a01b; } .carreer #content-slider li a:before{ background:rgba(0,0,0,0.2)!important; } .carreer #content-slider li a:hover:before{ background:rgba(0,0,0,0)!important; } .carreer .other, .carreerdetail .other{ background: #222; padding: 30px 0px 30px 0px; margin-top: 40px; } .carreer .other ul, .carreerdetail .other ul, .aboutrose .other ul{ overflow: hidden; } .carreer .other ul li, .carreerdetail .other ul li, .aboutrose .other ul li{ position: relative; } .carreer .other ul li img, .carreerdetail .other ul li img, .aboutrose .other ul li img{ width: 100%; display: block; } .carreerdetail{ margin: 0; } .carreerdetail h1{ font-size: 35px; font-weight: 300; color: #f7a01b; text-align: center; text-transform: uppercase; letter-spacing: 3px; margin: 0px auto 0px auto; } .carreerdetail .intro { margin: 30px auto 20px auto; line-height: 28px; } .carreerdetail .intro h2{ font-size: 25px; color: #b1aa02; text-transform: uppercase; letter-spacing: 3px; margin: 10px 0 20px 0; display: block; } #carreer-form{ padding: 0; width: 54%; } #carreer-form label{ display: block; font-weight: 500; } #carreer-form input[type=text]{ width: 100%; margin-bottom: 10px; outline: none; padding: 5px 10px; border: 1px solid #ccc; font-weight: 500; } #carreer-form input[type=text].unvalidate, #carreer-form textarea.unvalidate{ border-color: #b20208; color: #b20208; } #carreer-form #code{ width: 20%; float: left; } #carreer-form #phone{ width: calc(80% - 10px); float: right; } #carreer-form textarea{ width: 100%; margin-bottom: 10px; outline: none; padding: 5px 10px; border: 1px solid #ccc; font-weight: 500; height: 200px; } #carreer-form #upload{ display: none; } #carreer-form #uplabel{ float: left; border: 1px solid #ccc; display: inline-block; padding: 10px 20px; font-size: 20px; cursor: pointer; -webkit-transition: background-color 0.3s linear; -moz-transition: background-color 0.3s linear; -o-transition: background-color 0.3s linear; transition: background-color 0.3s linear; } #carreer-form #uplabel:hover{ background: #333; color: white; } #carreer-form .limitStr{ font-weight: 500; float: left; margin-left: 10px; } #carreer-form #file-name{ font-weight: 500; color: #b1aa02; margin-top: 10px; } #carreer-form .submit{ text-align: center; } #carreer-form .submit a{ font-weight: 500; color: #fff; background: #b1aa02; padding: 10px 50px; text-transform: uppercase; display: inline-block; font-size: 20px; -webkit-transition: background-color 0.3s linear; -moz-transition: background-color 0.3s linear; -o-transition: background-color 0.3s linear; transition: background-color 0.3s linear; } #carreer-form .submit a:hover{ background: #333; color: white; } .carreerdetail .videotrans{ background: rgba(255,255,255,1); opacity: 1; } .howtodrive{ margin: 0 0 70px 0; } .howtodrive h1{ font-size: 35px; font-weight: 300; color: #f7a01b; text-align: center; text-transform: uppercase; letter-spacing: 3px; margin: 0px auto 30px auto; } .howtodrive .intro{ margin: 0; width: 100%; line-height: 28px; } .howtodrive .intro h2{ font-size: 25px; text-transform: uppercase; letter-spacing: 3px; margin: 10px 0 10px 0; display: block; color: #b1aa02; } .howtodrive .intro img{ margin: 0 20px 0px 0px; } .howtodrive .intro table{ margin: 20px 0 20px 0; width: 100%!important; } .howtodrive .intro tr:first-child td{ text-transform: uppercase; } .howtodrive .intro table td{ padding: 5px 15px; vertical-align: middle; } .howtodrive .mapcont{ margin: 0px; text-align: center; } .howtodrive .mapcont .mapprint{ display: none; } .howtodrive .mapcont .map{ margin-bottom: 20px; height: 600px!important; } .howtodrive .mapcont h3{ font-size: 25px; text-align: center; text-transform: uppercase; letter-spacing: 3px; margin: 0px 0 10px 0; display: block; } .howtodrive .list{ width: 100%; margin: 20px 0; } .howtodrive .list img{ width: 100%; } .howtodrive #content-slider2 li span.trans{ position: absolute; bottom: 0; text-align: center; padding: 5px; width: 100%; background: rgba(0,0,0,0.5); color: #fff; z-index: 10; left: 0; text-transform: uppercase; display: none; } .howtodrive .full{ width: 100%; line-height: 28px; } .howtodrive .full h2{ font-size: 25px; text-transform: uppercase; letter-spacing: 3px; margin: 0px 0 20px 0; display: block; color: #b1aa02; } .howtodrive .full h3{ text-transform: uppercase; font-size: 18px; font-weight: 500; display: block; letter-spacing: 3px; margin: 10px 0px; } /* News*/ .news{ margin: 0 0 70px 0; } .news h1{ font-size: 35px; font-weight: 300; color: #f7a01b; text-align: center; text-transform: uppercase; letter-spacing: 3px; margin: 0px auto 40px auto; } .news .list{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-flow: row; height: 100%!important; width: 100%; margin: 0 auto 40px auto; } .news .list .box:first-child{ margin-left: 0; } .news .list .box{ border-radius: 0px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55); background: #fff; padding-bottom: 100px; position: relative; width: calc(33.33% - 20px); margin-left: 40px; } .news .list .item-image{ height: 270px; position: relative; } .news .list .item-image .item-intro{ height: 100%; width: 100%; position: absolute; left: 0; top: 0; background-size: cover; background-position: center; } .news .list .box .boxcont{ padding: 20px 30px 10px 30px; } .news .list .box .boxcont h2{ font-size: 25px; line-height: 31px; display: block; margin-bottom: 0px; } .news .list .box .boxcont h2 a{ color: #333; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .news .list .box .boxcont h2 a:hover{ color: #f7a01b; } .news .list .box .item-date{ padding: 0px 30px 10px 30px; border-bottom: 1px solid #dedede; } .news .list .box .item-intro{ padding: 10px 30px 0px 30px; line-height: 28px; } .news .list .box .readmore{ text-align: center; position: absolute; bottom: 40px; width: 100%; } .news .list .box .readmore a{ display: inline-block; color: #f7a01b; border:1px solid #f7a01b; padding: 7px 20px; font-weight: 400; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .news .list .box .readmore a:hover{ background: #b1aa02; color: white; border: 1px solid #b1aa02; } .news .pagination .pagination-list{ margin-top: 0; } .news .pagination .pagination-list a{ color: #666; border: 1px solid #666; } .news .pagination .pagination-list a.pagenav{ color: #f7a01b; border: 1px solid #f7a01b; } .news .pagination .pagination-list a.pagenav:hover{ color: #b1aa02; border: 1px solid #b1aa02; } .newdetail{ margin: 0; } .newdetail h1{ font-size: 35px; font-weight: 300; color: #f7a01b; text-align: center; text-transform: uppercase; letter-spacing: 3px; margin: 0px auto 20px auto; } .newdetail .intro{ margin: 0 0 70px 0; position: relative; line-height: 28px; } .newdetail .intro h2{ color: #b1aa02; text-transform: uppercase; font-size: 18px; display: block; margin: 20px 0 20px 0; clear: both; font-weight: 500; } .newdetail .intro img{ width: 50%; height: auto; margin: 0px 20px 20px 0px; } /* style video */ .newdetail .intro .introvideo{ width: 50%; float: left; } .newdetail .intro .introvideo iframe{ width: 100%; float: left; height: 500px; } .newdetail .intro .introfull{ height: 500px; width: 50%; float: left; padding-left: 50px; position: relative; } .newdetail .intro .introfull .introfb{ position: relative; } .newdetail .intro .introfull .introfb .srb{ margin-top: 0px; } .newdetail .intro .share-button{ height: 34px; position: absolute; bottom: 0px; right:0 } .newdetail .intro .share-button a:first-child{ margin-left: 0; } .newdetail .intro .share-button a{ display: inline-block; white-space: nowrap; background: #3b559f; color: white; padding: 0 10px 0 0; margin-left: 5px; } .newdetail .intro .share-button a.twbtn{ background: #1da1f2; } .newdetail .intro .share-button img{ width: auto; margin: 0 0px 0 0; display: inline-block; } .newdetail .intro .share-button span{ display: table-cell; vertical-align: middle; display: inline-block; font-size: 13px; font-weight: 500; } .newdetail .intro .full{ padding-bottom: 40px; } .newdetail .intro .full iframe{ width: 70%; margin: 10px auto; height: 500px; display: inherit; } .newdetail .intro .full img{ width: 70%; height: auto; margin: 10px 0; } .newdetail .intro .single{ padding-bottom: 40px; } /* About Rose */ .aboutrose{ margin: 0; } .aboutrose h1{ font-size: 35px; font-weight: 300; color: #ad2a22; text-align: center; text-transform: uppercase; letter-spacing: 3px; margin: 0px; display: block; } .aboutrose .intro{ margin: 30px auto 50px auto; padding: 0; line-height: 28px; } .aboutrose .list{ margin: 0 0 70px 0 } .aboutrose .list .box:first-child{ margin-top: 30px; } .aboutrose .list .box{ position: relative; margin-top: 40px; } .aboutrose .list .box .boximg{ width: 50%; height: 100%; position: absolute; left: 0; right: auto; top:0; } .aboutrose .list .box .boximg.right{ right: 0; left: auto; } .aboutrose .list .box .boximg .imgintro { height: 100%; width: 100%; position: absolute; left: 0; top: 0; background-size: cover; background-position: center; } .aboutrose .list .box .boximg .imgintro:hover:before{ background: rgb(0,0,0,0.7); } .aboutrose .list .box .boximg .imgintro a:first-child{ display: block; width: 100%; height: 100%; position: relative; z-index: 10; } .aboutrose .list .box .boximg .imgintro a{ display: none; } .aboutrose .list .box .boximg .imgintro .btnslide{ position: absolute; left: 50%; top: 50%; margin-left: -45px; margin-top: -40px; cursor: pointer; z-index: 10; } .aboutrose .list .box .boxcont{ float: right; width: calc(50% + 40px) ; padding: 40px 0px 40px 0px; background: #fff; background-clip: content-box; z-index: 10; position: relative; } .aboutrose .list .box .boxcont.left{ float: left; } .aboutrose .list .box .boxcont .boxcontt{ padding: 20px 30px 30px 30px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55); min-height: 400px; line-height: 28px; } .aboutrose .list .box .boxcont .boxcontt h2{ text-transform: uppercase; font-size: 25px; display: block; letter-spacing: 3px; margin-bottom: 10px; color: #5d8954; } /* Enviroment */ .enviroment{ margin: 0; } .enviroment h1{ font-size: 35px; font-weight: 300; color: #f7a01b; text-align: center; text-transform: uppercase; letter-spacing: 3px; margin: 0px; display: block; } .enviroment .intro{ margin: 30px auto 30px auto; padding: 0; line-height: 28px; } .enviroment .intro h2 { font-size: 25px; color: #b1aa02; text-transform: uppercase; letter-spacing: 3px; margin: 10px 0 5px 0; display: block; text-align: center; } .enviroment .list{ margin: 0 0 70px 0 } .enviroment .list .box:nth-child(2) .boxtitle{ background: #f7a01b; } .enviroment .list .box:nth-child(3) .boxtitle{ background: #b1aa02; } .enviroment .list .box{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-flow: row; height: 100%!important; margin: 0 auto 40px auto; width: 100%; border-radius: 0px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55); background: #fff; line-height: 28px; } .enviroment .list .box .boxtitle{ width: 20%; padding: 20px 30px 30px 30px; text-align: center; background: #a19b9b; } .enviroment .list .box .boxtitle h3{ color: #fff; text-transform: uppercase; font-size: 25px; display: block; letter-spacing: 3px; } .enviroment .list .box .boxcont{ width: 40%; padding: 20px 30px 30px 30px; } .enviroment .list .box .boximg{ width: 40%; position: relative; min-height: 400px; } .enviroment .list .box .boximg .imgintro { height: 100%; width: 100%; position: absolute; left: 0; top: 0; background-size: cover; background-position: center; } .enviroment .list .box .boximg .imgintro:hover:before{ background: rgb(0,0,0,0.7); } .enviroment .list .box .boximg .imgintro a:first-child{ display: block; width: 100%; height: 100%; position: relative; z-index: 10; } .enviroment .list .box .boximg .imgintro a{ display: none; } .enviroment .list .box .boximg .imgintro .btnslide{ position: absolute; left: 50%; top: 50%; margin-left: -45px; margin-top: -40px; cursor: pointer; z-index: 10; } /* Group */ .tabscontent .dsp{ visibility: hidden; position: absolute; right: 0; margin-top: 60px; width: 100%; line-height: 28px; } .tabscontent #view0{ visibility: visible; } /* end */ #content ul li ul{ margin-left: 20px; } #content ol{ margin: 0 0 5px 0; padding: 0; list-style-type: none; } #content ol li { counter-increment: item; margin-left: 8px; } #content ol li::before { content: counter(item) '.'; min-width: 20px; display: inline-block; font-weight: bold; } .tb-mid{ display: table; height: 100%; width: 100%; } .tb-mid .tb-cell{ display: table-cell; vertical-align: middle; } #detailRoom #roomCont #roomCont-right ul, .blog-featured .articleBody .introtext ul, .thehotel .cont ul, .policy .boxcont .boxcontt ul, .policydetail .fulltext ul, .policydetail .listother .box .boxcont ul, .freedetail .box .boxcont ul, #transportation .cont ul, #tourdetail #tourCont #tourCont-right ul, .packdetail .contt ul, .dining .boxtop .boxcont ul, .dining .boxbot .boxcont ul, .carreer .introtext ul, .carreerdetail .intro ul, .howtodrive .intro ul, .news .intro ul, .newdetail .intro ul, .aboutrose .list .box .boxcont .boxcontt ul, .policytab .box .cont .overview ul, .packdetail .boxtt .boxcont ul, .newdetail .intro .introfull .introfb ul{ margin-bottom: 5px; } #detailRoom #roomCont #roomCont-right ul li:before, .blog-featured .articleBody .introtext ul li:before, .thehotel .cont ul li:before, .policy .boxcont .boxcontt ul li:before, .policydetail .fulltext ul li:before, #roomcontent #room-bedtype ul li:before, .policydetail .listother .box .boxcont ul li:before, .freedetail .box .boxcont ul li:before, #transportation .cont ul li:before, #groupdetail .highlight ul li:before, #tourdetail #tourCont #tourCont-right ul li:before, .packdetail .contt ul li:before, .dining .boxtop .boxcont ul li:before, .dining .boxbot .boxcont ul li:before, .carreer .introtext ul li:before, .carreerdetail .intro ul li:before, .howtodrive .intro ul li:before, .news .intro ul li:before, .newdetail .intro ul li:before, .aboutrose .list .box .boxcont .boxcontt ul li:before, .policytab .box .cont .overview ul li:before, .packdetail .boxtt .boxcont ul li:before, .newdetail .intro .introfull .introfb ul li:before{ content: ''; width:6px; height: 8px; background: url("../images/point.png") no-repeat scroll left 0px transparent; display: inline-block; margin-bottom: 1px; margin-right: 8px; margin-left: 10px; } .flexslider .jslider-image:before, #free .list .lightSlider li a:before, .blog-featured .item-image .imgintro:before, .roomslider .slides li:before, .thehotel .item-image .imgintro:before, #listacc .box .boximg .imgintro:before, #detailRoom #roomCont #roomCont-left .item-image .imgintro .play_btn:before, #detailRoom #roomHigh .highimg:before, #tourdetail #tourCont #tourCont-left .item-image .imgintro .play_btn:before, #tourdetail #tourHigh .highimg:before, .packdetail .boxtt .introimg .play_btn:before, .freedetail #content-slider li a:before, .freedetail #content-slider2 li:before, #transportation #content-slider li:before, #transportation #content-slider2 li:before, #groupdetail #content-slider li:before, .carreer #content-slider2 li:before, .carreer #content-slider li a:before, .carreerdetail .other li:before, .newdetail #content-slider li:before, .aboutrose .list .box .boximg .imgintro:before, .aboutrose #content-slider li:before, .enviroment .list .box .boximg .imgintro:before, .enviroment #content-slider li:before, .dining .boxbot .vview .boximg:before{ content:''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background:rgba(0,0,0,0.4); z-index: 9; -webkit-transition: background-color 0.3s linear; -moz-transition: background-color 0.3s linear; -o-transition: background-color 0.3s linear; transition: background-color 0.3s linear; width: 100%; } /* Footer */ #footer{ background: #df3734; padding: 20px 0; color: #fff } #footer #footer-top{ text-align: center; padding: 0; } #footer #footer-top #footmenu{ display: inline-block; } #footer #footer-top #footmenu li:first-child{ border: 0; padding: 0; margin: 0; } #footer #footer-top #footmenu li{ border-left: 1px solid #fff; padding-left: 10px; margin-left: 10px; } #footer #footer-top #footmenu li a{ color: #fff; text-transform: uppercase; font-weight: 500; font-size: 14px; webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; } #footer #footer-top #footmenu li a:hover, #footer #footer-top #footmenu li.active a{ color: #f7a01b; } #footer #footer-top #social{ display: inline-block; margin-left: 10px; } #footer #footer-top #social a{ display: inline-block; margin-left: 5px; } #footer #address{ text-align: center; font-size: 13px; margin-top: 0px; margin-bottom: 0px; } #footer #address p{ margin: 0; } #footer #address strong{ color: white; } #footer #address a{ color: white; } #footer #copyright{ text-align: center; font-size: 13px; margin-top: 0px; } #footer #copyright p{ margin: 0; } #footer .line{ width: 100%; height: 1px; background: #292929; } .rotalock{display: none;} /* Add 2020 */ .morebtn{ float: right; } .fulltxt{ display: none; } #airport-content .agreecheck{ float: left; } #airport-content .agreecheck label { position: relative; top: 0; display: inline-block; cursor: pointer; margin-left: 10px; font-size: 20px; } #airport-content .agreecheck input#agreecheckbox { cursor: pointer; font-size: 14px; width: 15px; height: 15px; position: relative; } #airport-content .agreecheck #agreecheckbox:after { position: absolute; width: 15px; height: 15px; top: 0; content: " "; background-color: #3b2e1e; color: #fff; display: inline-block; visibility: visible; padding: 0px 3px; border-radius: 3px; } #airport-content .agreecheck #agreecheckbox:checked:after { content:"\2713"; font-size: 12px; line-height: 18px; } #airport-content .agreecheck #agreecheckbox.unvalidate:after { background-color: #b20208; } #airport-content .agreecheck #agreecheckbox.unvalidate:checked:after{ color: white; } .language{ position: absolute; right: 15px; top: 5px; } /* Vietnamese */ body#vi-VN #map .menu{ left: calc(50% - 180px); } body#vi-VN #mainmenu > ul > li > ul{ width: 180%; } body#vi-VN #detailRoom #roomCont #roomCont-right .room-tabs a{ padding: 5px 10px; } body#vi-VN .carreer .list .box .apply-btn a{ height: 85px; width: 155px; }