/*
Theme Name: Alaric
Theme URI: http://www.alaric.id
Author: Alaric
Author URI: http://www.alaric.id/
Description: full-width, fully responsive and highly customizable WordPress Theme. Add and edit your own logo, header, featured slider, featured areas and much more.
Version: 1.0
License: GNU General Public License v2.0
License URI: ​http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, white, one-column, two-columns, right-sidebar, fluid-layout, custom-header, custom-menu, featured-images, flexible-header, microformats, post-formats, rtl-language-support, threaded-comments, translation-ready, theme-options, full-width-template, responsive-layout, black
*/
/* =Reset -------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
body, html {
width: 100%;
height: 100%;
padding: 0;
margin: 0
}
html {
font-size: 62.5%;
/* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
overflow-y: scroll;
/* Keeps page centred in all browsers regardless of content height */
-webkit-text-size-adjust: 100%;
/* Prevents iOS text size adjust after orientation change, without disabling user zoom */
-ms-text-size-adjust: 100%;
/* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
* {
box-sizing: border-box;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
display: block;
}
ol, ul {
list-style: none;
}
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
blockquote p {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.6em;
margin-bottom: 0;
color: #404041;
}
a:focus {
outline: thin dotted;
}
a:hover, a:active {
outline: 0;
}
a img {
border: 0;
}
img {
max-width: 100%;
height: auto;
display: block;
}
/* =Global ----------------------------------------------- */
body, button, input, select, textarea {
color: #002b4b;
font-family: 'Montserrat', sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 1.9;
}
@font-face {
font-family: 'TypoGraphica';
src: url('font/TypoGraphica.otf');
font-weight: normal;
font-style: normal;
}
/* Headings */
h1, h2, h3, h4, h5, h6 {
clear: both;
margin: 0.6em 0;
font-family: 'Crimson Text', serif;
font-weight: 600;
line-height: normal;
text-transform: capitalize;
}
.heading_dif {
font-family: 'Crimson Text', serif;
}
.heading_cont {
font-family: 'Montserrat', sans-serif;
font-weight: 500;
}
h1 {
font-size: 3.2rem;
}
h2 {
font-size: 2.6rem;
}
h3 {
font-size: 1.8rem;
}
h4 {
font-size: 1.6rem;
}
h5 {
font-size: 1.4rem;
}
h6 {
font-size: 1.2rem;
}
.f_typo {
font-family: 'TypoGraphica', sans-serif;
font-size: 3em;
line-height: normal;
margin: 10px 0;
}
.ftypo li a {
font-family: 'TypoGraphica', sans-serif;
font-size: 2rem;
color: #404041;
line-height: normal;
text-transform: uppercase;
letter-spacing: 1px;
}
.ftypo li a:hover {
color: #a6825e;
}
.list_b {
margin: 10px 0;
}
.list_b li a {
font-size: 2rem;
color: #404041;
line-height: normal;
text-transform: uppercase;
font-weight: 600;
}
.list_b li a:hover {
color: #a6825e;
}
.txthome {
font-size: 1.95rem;
text-transform: none !important;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin: 0.8em 0;
}
hr.white {
padding: 0;
margin-bottom: 7px;
border: none;
border-top: medium double #002b4b;
color: #002b4b;
text-align: center;
}
hr.white:after {
content: "*";
display: block;
width: 24px;
height: 24px;
line-height: 30px;
text-align: center;
position: relative;
margin: -15px auto 0;
font-size: 18px;
background: #000;
background: rgba(0, 0, 0, .6);
border-radius: 50%
}
/* Text elements */
p {
margin-bottom: 1.5em;
}
ul, ol {
margin: 0 0 1.5em 0.5em;
}
ul {
list-style: none;
}
ol {
list-style: decimal;
}
ul ul, ol ol, ul ol, ol ul {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
b, strong {
font-weight: bold;
}
dfn, cite, em, i {
font-style: normal;
}
em, i {
font-style: italic
}
blockquote {
font-style: italic;
text-align: center;
margin: 0 1em 1.5em;
padding: 0.5em;
padding-bottom: 1em;
border-bottom: double #666;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #dfd6c7;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 1.5rem;
line-height: 1.6;
margin-bottom: 1.6em;
padding: 1.6em;
overflow: auto;
max-width: 100%;
}
code, kbd, tt, var {
font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark, ins {
background: #fff9c0;
text-decoration: none;
}
sup, sub {
font-size: 75%;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
small {
font-size: 75%;
}
big {
font-size: 125%;
}
figure {
margin: 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
}
th {
font-weight: bold;
}
button, input, select, textarea {
font-size: 100%;
/* Corrects font size not being inherited in all browsers */
margin: 0;
/* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
vertical-align: baseline;
/* Improves appearance and consistency in all browsers */
*vertical-align: middle;
/* Improves appearance and consistency in all browsers */
}
button, input {
line-height: normal;
/* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
*overflow: visible;
/* Corrects inner spacing displayed oddly in IE6/7 */
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
border: 1px solid #ccc;
border-color: #ccc #ccc #bbb #ccc;
border-radius: 3px;
background: #e6e6e6;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
color: rgba(0, 0, 0, .8);
cursor: pointer;
/* Improves usability and consistency of cursor style between image-type 'input' and others */
-webkit-appearance: button;
/* Corrects inability to style clickable 'input' types in iOS */
font-size: 14px;
font-size: 1.4rem;
line-height: 1;
padding: 0.8em;
text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
}
button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
border-color: #ccc #bbb #aaa #bbb;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}
button:focus, html input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, html input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {
border-color: #aaa #bbb #bbb #bbb;
-webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
-moz-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
/* Addresses box sizing set to content-box in IE8/9 */
padding: 0;
/* Addresses excess padding in IE8/9 */
}
input[type="search"] {
-webkit-appearance: textfield;
/* Addresses appearance set to searchfield in S5, Chrome */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
/* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
/* Corrects inner padding displayed oddly in S5, Chrome on OSX */
-webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
/* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
border: 0;
padding: 0;
}
input[type=text], input[type=email], textarea {
background: rgba(255, 255, 255, 0.3);
border: 1px solid #ccc;
border-radius: 3px;
padding: 6px;
}
input[type=text]:focus, input[type=email]:focus, textarea:focus {
background: #fff;
}
textarea {
overflow: auto;
/* Removes default vertical scrollbar in IE6/7/8/9 */
padding-left: 3px;
vertical-align: top;
/* Improves readability and alignment in all browsers */
width: 98%;
}
/* Links */
a, a:visited {
color: #002b4b;
text-decoration: none;
/* transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
*/
}
a:hover {
color: #002b4b;
}
a:focus, a:active {
color: #999;
}
/* Alignment */
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
margin-bottom: 1em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
margin-bottom: 1em;
}
.aligncenter {
clear: both;
display: block;
margin: 1.5em auto;
}
.ctr {
text-align: center
}
.rt {
text-align: right
}
.lefts {
display: inline;
float: left;
}
.rights {
display: inline;
float: right;
}
.mtb0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.ptb0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.p0 {
padding: 0 !important;
}
.plr20 {
padding-left: 20px;
padding-right: 20px;
overflow: hidden;
}
.plr0 {
padding-left: 0 !important;
padding-right: 0 !important;
}
.p15 {
padding: 15px;
}
.p20 {
padding: 20px;
}
.mt0 {
margin-top: 0 !important;
}
.mt15 {
margin-top: 15px !important;
}
.mb0 {
margin-bottom: 0 !important;
}
.m0 {
margin: 0 !important;
}
.mb10 {
margin-bottom: 10px !important;
}
.mt10 {
margin-top: 10px !important;
}
.mb08 {
margin-bottom: .8em;
}
.mt30 {
margin-top: 30px !important;
}
.content-div {
margin-left: 150px;
margin-right: 150px;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
/*.clearfix {
display: inline-block;
}
*/
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
/* Text meant only for screen readers */
.assistive-text {
clip: rect(1px 1px 1px 1px);
/* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
}
.site-title, .entry-title, .page-title, .entry-content, .entry-summary, .widget-title, .comments-title, .comment .reply, .comment-meta, .comment-author, #reply-title {
}
.more-link {
font-size: 12px;
font-size: 1.2rem;
text-transform: uppercase;
float: right;
margin-top: 20px;
}
.widget h4 {
color: #000;
padding: 4px 0;
/*border-bottom: 1px solid rgba(0,0,0,.1);
*/
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
border-radius: 0;
}
.widget li {
/* padding-bottom: 5px;
padding-top: 5px;
border-bottom: 1px solid #002b4b;
*/
}
.widget li a {
color: #CCC;
}
.widget li a:hover {
color: #999;
}
#calendar_wrap {
padding-left: 6px;
}
#calendar_wrap a {
color: #FFF;
}
#calendar_wrap a:hover {
color: #CCC;
}
.textwidget {
padding: 0px;
}
#secondary li, #tertiary li {
padding-bottom: 5px;
padding-top: 5px;
border-bottom: 1px solid #EFEFEF;
color: #999;
}
#secondary li a {
color: #999;
}
#secondary li a:hover {
color: #002b4b;
}
#tertiary li a {
color: #999;
}
#tertiary li a:hover {
color: #002b4b;
}
/* =Structure ----------------------------------------------- */
.absolute {
position: absolute;
top: -33px;
width: 960px;
left: 50%;
margin-left: -480px;
}
.fixed_wrap {
clear: both;
display: block;
position: fixed;
width: 100%;
height: 768px;
overflow: hidden;
}
#wrap {
margin: 0 auto;
padding: 0;
min-height: 100%;
}
.header-title {
margin-left: 60px;
padding: 20px 0;
float: left;
}
.head-text h1 {
margin-top: 0;
margin-bottom: 5px;
color: #000;
/*font-family: 'TypoGraphica', sans-serif;
*/
line-height: 1;
font-size: 2rem;
}
.head-text h1 div {
display: inline-block;
}
.head-text-small {
font-size: 12px;
line-height: normal;
}
.head-text-small a {
color: #000;
text-decoration: none;
outline: none;
}
.hotel-star {
background: url(img/ico-stars-s.png) no-repeat 0 0;
display: inline-block;
height: 10px;
overflow: hidden;
text-align: left;
text-indent: -9em;
}
.stars1 {
width: 10px;
}
.stars2 {
width: 22px;
}
.stars3 {
width: 34px;
}
.stars4 {
width: 46px;
}
.stars5 {
width: 58px;
}
#main {
clear: both;
position: relative;
}
#primary {
float: left;
margin: 0 -27% 0 0;
width: 93%;
}
#content {
margin: 0 22% 0 0;
}
#primary_home {
float: left;
margin: 0;
width: 100%;
}
#content.fullwidth {
margin-right: 0;
}
#secondary, #tertiary {
background: #F7F7F7;
float: right;
margin: 0 0.2em 0.4em;
padding: 1em 1em 0;
position: relative;
width: 20%;
border-radius: 0.4em;
}
#tertiary {
clear: right;
padding-top: 0;
}
.site-footer {
height: 64px;
margin-top: -64px;
/*background-color: #f3f3f3;
border-top:solid 5px #ddd;
*/
}
.footer_container {
margin: 0 auto;
max-width: 1200px;
}
.wraps {
margin: 0 auto;
max-width: 1200px;
padding: 0 15px;
}
.tight {
max-width: 800px;
}
/* =Site Header ----------------------------------------------- */
#masthead-wrap {
clear: both;
width: 100%;
margin: 0;
padding: 0;
/* background: -moz-linear-gradient(left, #a6825e 0%, #009b9c 100%);
background: -webkit-linear-gradient(left, #a6825e 0%,#009b9c 100%);
background: linear-gradient(to right, #a6825e 0%,#009b9c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6825e', endColorstr='#009b9c',GradientType=1 );
*/
}
.header_container {
position: absolute;
width: 100%;
left: 0;
top: 0;
right: 0;
z-index: 1;
background: rgba(255, 255, 255, 0);
border-bottom: solid 1px rgba(255, 255, 255, 0);
}
.header_container::before {
position: relative;
content: "";
display: block;
height: 100px;
margin-bottom: -100px;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, .7), rgba(0, 0, 0, 0));
}
.header_inner {
margin: 0 60px;
max-width: 100%;
position: relative;
}
/*.header_container {
position: relative;
background: rgba(255, 255, 255, .95);
}
.header_inner {
margin: 0 60px;
max-width: 100%;
position: relative;
}
*/
.site-header .site-introduction {
width: 120px;
padding: 10px 0;
float: left;
}
.site-title {
color: transparent !important;
font-size: 0;
}
.site-description {
font-size: 13px;
font-size: 1.3rem;
padding-left: 6px;
}
.site-title a, .site-description {
text-indent: -9999px !important;
color: transparent !important;
display: block;
width: 120px;
height: 55px;
background: url(img/logo.png) no-repeat 50% 50%;
margin: auto;
}
.site-logo {
width: 150px;
padding: 20px 0;
float: left;
}
.site-logo a {
display:block;
color:transparent!important;
padding:0!important;
line-height: 1!important;
height: auto!important;
margin:auto!important;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
width: 100%;
height:100%!important;
}
h2.brand_location {
margin: 0;
padding: 0;
font-size: 12px;
font-weight: 400;
background: #000;
color: #9e8255;
text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
text-transform: uppercase;
border-bottom: solid 1px #9e8255;
}
/* =Menu ----------------------------------------------- */
#menu-nav-wrapper {
background: #00247d;
}
.main-navigation {
position: relative;
float: right;
margin-top: 40px;
}
.main-navigation:after {
clear: both;
display: block;
}
.main-navigation ul {
list-style: none;
text-align: center;
max-width: 1250px;
padding: 0 15px;
margin: 0 auto;
}
.main-navigation li {
display: inline-block;
margin: 0 15px 0 0;
position: relative;
}
.main-navigation li:last-child {
border: none;
margin-right: 0;
}
.main-navigation a {
color: #fff;
display: block;
/*font-family: 'Playfair Display', serif;
*/
/*font-family: 'Cinzel', serif;
*/
font-size: 14px;
font-weight: 600;
margin-right: 0;
text-decoration: none;
text-transform: capitalize;
padding: 0;
height: 32px;
line-height: 32px;
border-bottom: solid 2px rgba(0, 0, 0, 0);
letter-spacing: 0.1em;
}
.main-navigation ul ul {
background: rgba(255, 255, 255, .9);
display: none;
text-align: left;
position: absolute;
top: auto;
left: 0;
z-index: 99999;
padding: 10px;
border-radius: 0;
width: 175px;
}
.main-navigation ul ul a {
padding: 0.5em 0;
/*background: #000000;
background:rgba(0,0,0,.3);
*/
height: auto;
line-height: 1.5em;
border-bottom: none;
}
.main-navigation ul ul li {
border-bottom: 1px solid rgba(0, 0, 0, .1);
border-right: none;
display: block;
margin: 0;
}
.main-navigation li:hover>a, .main-navigation li.current_page_item a, .main-navigation li.current-menu-item a {
color: #fff;
display: block;
border-radius: 0;
border-bottom: solid 2px #fff;
/*background:#9e8255;
background:rgba(158,130,85,.3);
box-shadow: inset 0 7px 15px -7px rgba(0,0,0,0.7);
*/
}
.main-navigation li li.current_page_item a, .main-navigation li li.current-menu-item a {
/*background:#000;
*/
border-bottom: none;
/*background:rgba(255,255,255,.5);
*/
}
.main-navigation ul ul a:hover, .main-navigation ul ul ul a:hover {
color: #fff;
display: block;
/*background-color: #9e8255;
*/
/*background:rgba(255,255,255,.5);
*/
border-radius: 0;
border: none;
}
.main-navigation ul li:hover>ul {
display: block;
}
.main-navigation ul ul ul {
left: 100%;
top: 0;
margin: 0;
}
.main-navigation li li.menu-item-has-children a {
border-bottom: none !important;
}
/* Small menu */
.menu-toggle {
color: #fff004;
cursor: pointer;
text-transform: uppercase;
font-size: 1.4rem;
font-size: 14px;
font-weight: 400;
text-align: center;
background-color: #00247d;
margin: 0;
padding: 4px;
border-bottom: 1px solid #FFCB04;
border-top: 1px solid #FFCB04;
}
.menu-toggle i {
color: #fff004;
}
.main-small-navigation .menu {
display: none;
background-color: #a6825e;
padding-top: 10px;
padding-left: 30px;
}
.main-small-navigation .menu ul {
list-style-type: none;
margin-bottom: 0;
}
.main-small-navigation .menu li a {
color: #FFF;
text-transform: uppercase;
font-size: 1.4rem;
}
.main-small-navigation li:hover>a, .main-small-navigation li.current_page_item a, .main-small-navigation li.current-menu-item a, .main-small-navigation ul ul a:hover {
color: #000;
}
/* =Content ----------------------------------------------- */
.site-main {
margin: 0 auto;
max-width: 1200px;
padding: 15px;
/*background:#111;
background:rgba(17,17,17,.2);
*/
}
.sticky h1 {
border-bottom: 6px solid #002b4b;
font-size: 20px;
font-size: 2.0rem;
}
.sticky h1 a {
color: #002b4b;
}
.sticky h2 {
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
font-size: 1.2rem;
margin-bottom: 0;
border-bottom: 7px solid #002b4b;
}
.sticky h2 a {
background-color: #002b4b;
color: #FFF;
padding: 8px;
border-radius: 0.2em 0.2em 0 0;
text-transform: uppercase;
}
.recent {
padding: 4px;
margin-bottom: 40px;
}
.recent h2 {
font-size: 14px;
font-size: 1.4rem;
line-height: normal;
color: #ffffff;
text-transform: uppercase;
padding: 0 8px;
}
.recent h2 a {
color: #ffffff
}
.recent p {
font-size: 12px;
font-size: 1.2rem;
padding: 0 8px;
color: #999;
}
.hentry {
margin: 0 0 1.5em;
padding-bottom: 1.5em;
}
.entry-header {
/*margin-bottom:40px*/
}
.entry-title, .page-title, .custom-page-title {
font-size: 35px;
font-weight: 300;
line-height: 1;
margin: 0.5em 0;
padding: 0;
color: #000;
text-align: center;
/*background:url(img/border-shape2.png) no-repeat 50% 100%;
padding-bottom:20px;
*/
}
.entry-title a {
text-decoration: none;
color: #9e8255;
}
.custom-page-title span {
display: inline-block;
position: relative;
}
.custom-page-title span::before, .custom-page-title span::after {
border-top: 1px solid #404041;
content: "";
height: 5px;
position: absolute;
top: 50%;
width: 70px;
}
.custom-page-title span::before {
margin-right: 15px;
right: 100%;
}
.custom-page-title span::after {
left: 100%;
margin-left: 15px;
}
.custom-page-title.medium {
font-size: 20px;
margin-bottom: 15px;
font-weight: 400;
}
.entry-title.medium, .page-title.medium {
font-size: 28px;
font-weight: 400;
}
body.search .page-title, body.archive .page-title {
font-size: 16px;
margin-bottom: 1em;
}
.entry-meta {
clear: both;
font-size: 11px;
}
.byline {
display: none;
}
.single .byline, .group-blog .byline {
display: inline;
}
.entry-content, .entry-summary {
margin: 1.5em 15px 0;
}
.entry-content table, .comment-content table {
border: 1px solid #d9d9d9;
border-left-width: 0;
margin: 0 -0.083em 2.083em 0;
text-align: left;
width: 100%;
}
.entry-content tr th, .entry-content thead th, .comment-content tr th, .comment-content thead th {
border-left: 1px solid #d9d9d9;
font-weight: bold;
padding: 0.5em 1.25em;
}
.entry-content tr td, .comment-content tr td {
border: 1px solid #d9d9d9;
border-width: 1px 0 0 1px;
padding: 0.5em 1.25em;
}
.entry-content tr.odd td, .comment-content tr.odd td {
background: #dfd6c7;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
/* =Aside Post Format ----------------------------------------------- */
.format-aside .entry-content {
border-left: 4px solid rgba(0, 0, 0, 0.1);
padding-left: 1em;
}
/* =Media ---------------------------------------------- */
.site-header img, .entry-content img, .comment-content img, .widget img {
max-width: 100%;
/* Fluid images for posts, comments, and widgets */
}
.site-header img, .entry-content img, .widget-img, img[class*="align"], img[class*="wp-image-"], .wp-caption img {
height: auto;
/* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
.site-header img, .entry-content img, .widget img, img.size-full {
max-width: 100%;
width: auto;
/* Prevent stretching of full-size images with height and width attributes in IE8 */
}
.entry-content img.wp-smiley, .comment-content img.wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
.wp-caption {
border: 1px solid #ccc;
max-width: 100%;
}
.wp-caption.aligncenter, .wp-caption.alignleft, .wp-caption.alignright, .wp-caption.alignnone {
margin-bottom: 1.5em;
}
.wp-caption img {
display: block;
margin: 1.2% auto 0;
max-width: 98%;
}
.wp-caption-text {
text-align: center;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
#content .gallery {
margin-bottom: 1.5em;
}
.wp-caption-text, .gallery-caption {
font-size: 12px;
font-size: 1.2rem;
font-weight: 400;
background: #ececec;
border-bottom: dotted 1px #ddd;
padding: 2px 0;
}
#content .gallery a img {
border: none;
height: auto;
max-width: 90%;
}
#content .gallery dd {
margin: 0;
}
/* Make sure embeds and iframes fit their containers */
embed, iframe, object {
max-width: 100%;
}
/* =Navigation ----------------------------------------------- */
.site-content .site-navigation {
font-size: 13px;
font-size: 1.3rem;
margin: 0 0 1.5em;
overflow: hidden;
}
.site-content .nav-previous {
float: left;
width: 50%;
}
.site-content .nav-next {
float: right;
text-align: right;
width: 50%;
}
.nav-previous a, .nav-next a {
padding: 4px 6px;
color: #222;
font-size: 12px;
font-size: 1.2rem;
text-transform: uppercase;
}
.nav-previous a:hover, .nav-next a:hover {
color: #999;
}
/* =Comments ----------------------------------------------- */
#comments {
clear: both;
}
.bypostauthor {
}
.comments-title, #reply-title {
font-size: 16px;
font-size: 1.6rem;
}
.commentlist li {
list-style: none;
}
.commentlist, .children {
list-style: none;
margin: 0;
}
.children {
margin: 0 0 0 6%;
}
.commentlist li.comment, .commentlist li.pingback {
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
padding-left: 2.5em;
margin-top: 2px;
}
.commentlist .children li, .commentlist li:last-of-type {
border: none;
}
article.comment, li.pingback {
overflow: hidden;
padding: 2.5em 0 0.7em;
position: relative;
}
.children article.comment, .children li.pingback {
padding-top: 1.0em;
}
.comment .avatar {
float: left;
margin-right: 1.25em;
}
.comment-author {
font-size: 14px;
font-size: 1.4rem;
color: #002b4b;
}
.comment-meta {
font-size: 12px;
font-size: 1.2rem;
}
.comment-content {
font-size: 13px;
font-size: 1.3rem;
margin: 1em 0 0 4.5em;
}
.reply {
float: right;
margin: 0 10px 10px 0;
text-align: center;
background-color: #002b4b;
border-radius: 0.2em;
padding: 3px;
width: 50px;
}
.comment article {
padding-bottom: 2.79rem;
}
a.comment-reply-link, a.comment-edit-link {
color: #FFFFFF;
font-size: 12px;
font-size: 1.2rem;
line-height: 1.8;
text-decoration: none;
}
a.comment-reply-link:hover, a.comment-edit-link:hover {
color: #f6e7d7;
}
li.pingback {
font-weight: bold;
}
li.pingback a {
font-weight: normal;
}
/* Comment Form */
.comment-notes, #commentform .form-allowed-tags, p.nocomments, p.logged-in-as, #commentform label {
font-size: 13px;
font-size: 1.3rem;
}
.required {
color: #880000;
}
#commentform label {
font-weight: bold;
padding: 1em 0;
}
#commentform input[type="text"] {
margin-left: 0.5em;
}
#commentform #comment {
margin-top: 0.6em;
}
#commentform .form-allowed-tags, #commentform .form-allowed-tags code {
font-size: 11px;
font-size: 1.1rem;
}
p.nocomments {
margin: 2.5em;
}
/* =Widgets ----------------------------------------------- */
.widget {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.8;
margin: 0 0 0.5em;
}
.widget-title {
font-size: 16px;
font-size: 1.6rem;
text-transform: uppercase;
}
/* Search widget */
#searchsubmit {
display: none;
}
#helpfullinks li {
padding-bottom: 5px;
padding-top: 5px;
border-bottom: 1px solid #EFEFEF;
color: #999;
}
#helpfullinks li a {
color: #999;
}
#helpfullinks li a:hover {
color: #002b4b;
}
/* =Site Footer ----------------------------------------------- */
.site-info {
font-size: 13px;
font-size: 1.3rem;
padding: 0;
text-align: left;
/*color: #fff;
*/
border-top: solid 1px rgba(0, 0, 0, .1);
}
.site-info a, .site-footer .widget p, .site-footer .widget, .site-footer .widget a {
color: #002b4b;
outline: none;
}
.site-info p {
margin: 0;
font-size: 13px;
}
.site-footer .widget {
padding: 8px;
}
/* Custom Home featured areas ------------------------------------------------------ */
.featuretext_top {
padding: 2px;
margin: 34px 0 20px 0;
}
.featuretext_top h3 {
color: #ffffff;
padding: 6px;
margin: 0;
text-align: center;
font-size: 2.4rem;
font-size: 24px;
}
.featuretext_top p {
color: #999;
padding: 0;
margin: 0;
text-align: center;
font-size: 1.8rem;
font-size: 18px;
}
.featuretext {
/*border-radius:0.4em;
background-color: #F7F7F7;
border-bottom: 1px solid #EFEFEF;
*/
margin-bottom: 20px;
/*padding: 10px;
*/
text-align: center;
}
.featuretext h3 {
font-size: 1.4rem;
font-size: 14px;
color: #002b4b;
font-weight: bold;
margin: 0;
margin-bottom: 10px;
padding-bottom: 20px !important;
background: url(img/border-shape.png) no-repeat 50% 100%;
}
.featuretext h3 a {
text-decoration: none;
color: #9e8255
}
.featuretext p {
color: #f3f3f3;
font-size: 1.2rem;
font-size: 12px;
}
/* CUSTOM HOMEPAGE WIDGET LAYOUTS */
.headings {
margin: 0;
padding: 0 0 10px 0;
font-size: 24px;
line-height: normal;
border-bottom: dashed 1px #222;
text-shadow: 0 1px 0 #111
}
.headings1 {
margin: 10px 0;
font-size: 24px;
font-size: 2.4rem;
font-weight: 400;
line-height: normal;
}
.post-thumbnail {
position: relative;
margin-top: 4px;
margin-right: 4px;
}
.blog-lists-title {
position: relative;
width: 70%;
display: inline;
float: left;
margin-left: 8px;
font-size: 12px;
color: #999;
}
.blog-lists-title a {
color: #002b4b;
}
.section_thumbnails {
clear: both;
border-bottom: 1px solid #444444;
margin-bottom: 50px;
}
.section_thumbnails .col {
margin: 0px;
}
.section_thumbnails h3 {
color: #9e8255;
font-size: 1.6rem;
font-size: 16px;
font-weight: 300;
line-height: normal;
text-transform: capitalize;
padding: 2px;
}
.thumbs-more-link, .thumbs-more {
font-size: 12px;
font-size: 1.2rem;
line-height: normal;
text-transform: uppercase;
float: right;
margin: 0px;
padding: 5px 10px;
background: #a6825e;
}
.thumbs-more-link a, .thumbs-more a {
color: #fff;
background: url(img/list-arrow.png) no-repeat 100% 50%;
padding-right: 15px
}
.thumbs-more-link.green, .green {
background: #5a195b
}
.thumbs-more-link.green a {
margin-left: 0
}
.thumbs-more-link.block {
float: none;
text-align: center;
font-size: 1.8rem;
padding: 0;
background: #fff;
border: solid 1px #9e8255;
}
.thumbs-more-link.block a {
display: block;
color: #000;
padding: 15px;
background-image: none;
}
.thumbs-more-link.block:hover {
background: #404041;
}
.thumbs-more-link.block a:hover {
color: #fff;
}
.thumbs-more {
float: left;
}
.read {
display: inline;
padding: 2px 5px;
text-align: center;
background: #222222;
font-size: 11px;
color: #ffffff
}
.thumbs-more-link-white {
display: block;
text-align: center;
/*background:#fff;
*/
border: solid 4px #fff;
padding: 5px 15px;
color: #fff;
font-size: 22px;
font-weight: 600;
}
.thumbs-more-link-white:hover, .thumbs-more-link-white:focus, .thumbs-more-link-white:active, .thumbs-more-link-white:visited {
background: #fff004;
color: #00247d;
border-color: #00247d;
}
/* =IE Styles ----------------------------------------------- */
#ie8 .site-header img, #ie8 .entry-content img, #ie8 img.size-full, #ie8 .entry-thumbnail img, #ie8 .widget img, #ie8 .wp-caption img {
width: auto;
/* Prevent stretching of full-size images with height and width attributes in IE8 */
}
.header-image img {
width: 100%;
height: auto;
}
.trigger-booking {
position: absolute;
right: 30px;
margin-top: -60px;
}
#trigger {
background: #00634e;
cursor: pointer;
display: block;
height: 60px;
line-height: 60px;
padding: 0;
position: relative;
width: 240px;
text-align: center;
}
#trigger:hover, #trigger.active, #top_trig.active {
background-color: #fff;
border-color: #002b4b;
}
#top_trig:hover {
background-color: #002b4b;
border-color: #002b4b;
color: #fff
}
#top_trig:hover span, #top_trig.active span {
color: #fff;
}
#trigger span, #top_trig span {
width: auto;
/*background: url(img/ic-cal.png) no-repeat 0 50%;
*/
color: #fff;
font-family: 'Cinzel', serif;
font-size: 14px;
font-weight: 600;
text-transform: capitalize;
margin: auto;
}
#trigger span:after, #top_trig span:after {
display: inline;
content: "\f107";
font-family: "FontAwesome";
font-size: 20px;
float: right;
margin-left: 10px;
margin-top: -5px;
}
#top_trig.active span:after {
content: "\f107";
}
#top_trig.close span:after {
content: "\f106";
}
#slide_widget {
position: absolute;
z-index: 1;
right: 0px;
bottom: 60px;
padding: 15px;
width: 210px;
border-top: solid 3px #00634e;
background: #000;
background: rgba(0, 0, 0, .7);
box-shadow: 0 0 5px rgba(0, 0, 0, .5)
}
.xclose {
display: inline;
float: right;
background: url(img/close.gif) no-repeat 0 50%;
margin: 0;
cursor: pointer;
font-size: 12px;
padding-left: 13px
}
.widget-booking {
padding: 15px;
margin: 0;
width: 210px;
border-bottom: solid 3px #9e8255;
background: #000;
background: rgba(0, 0, 0, .7);
}
.top_booking {
float: right;
margin: 36px 0 0 0;
position: relative
}
#top_trig {
background: #002b4b;
border: solid 1px #002b4b;
cursor: pointer;
display: block;
padding: 0.25em 1.5em;
position: relative;
text-align: center;
}
#widget_top {
position: absolute;
top: auto;
right: 0;
z-index: 2;
width: 300px;
padding: 15px;
background: rgba(255, 255, 255, .95);
}
/* fancy select */
.fancyselect {
width: 207px
}
.fancyselect.open {
z-index: 100;
}
.fancyselect .label {
display: block;
padding: 0 20px 0 5px;
text-decoration: none;
font-size: 12px;
font-weight: 400;
color: #444444;
text-shadow: 0 1px 0 #ffffff;
background: #f3f3f3 url(img/customSelect-arrow.gif) no-repeat 97% 50%;
border: solid 1px #cccccc;
outline: none;
height: 25px;
line-height: 25px;
position: relative
}
.fancyselect .dropdown {
background: #ffffff;
border: 1px solid #999;
position: absolute;
right: 18px;
width: 300px;
padding: 10px;
margin: -1px 0 0 0;
z-index: 2;
-moz-column-count: 2;
-moz-column-gap: 10px;
-moz-column-fill: balance;
-webkit-column-count: 2;
-webkit-column-gap: 10px;
-webkit-column-fill: balance;
column-count: 2;
column-gap: 10px;
column-fill: balance;
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.fancyselect .label:focus {
border-color: #5a195b;
background-color: #ffffff;
color: #990000
}
.fancyselect .dropdown .option {
width: 100%;
display: inline-block;
padding: 3px 0;
font-size: 11px;
font-weight: 400;
color: #999999;
text-shadow: 0 1px 0 #fff;
cursor: pointer;
border-bottom: solid 1px #ececec;
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
column-break-inside: avoid;
}
.fancyselect .dropdown .option:last-child {
border: none
}
.fancyselect .dropdown .option:first-child {
display: none
}
.fancyselect .dropdown .option.selected {
background: #f3f3f3;
color: #5a195b;
}
.fancyselect .dropdown .option.highlight {
background: #f9f9f9;
color: #666666
}
.fancyselect .dropdown fieldset {
margin: 0;
padding: 5px;
border: 0 none;
}
.fancyselect .dropdown fieldset legend {
margin: 0 0 -5px 0;
padding: 0 0 3px;
border: 0;
display: block;
width: 98%;
font-weight: 400;
font-size: 11px;
line-height: normal;
border-bottom: dotted 1px #9e8255;
color: #9e8255;
text-shadow: 0 1px 0 #fff;
cursor: default
}
/* booking */
.reltop {
position: relative;
margin-top: -155px;
margin-bottom: 100px;
display: table;
width: 1250px;
margin-left: auto;
margin-right: auto;
border-bottom: solid 1px #ececec;
}
.hbook h1 {
margin: 0;
font-size: 20px;
font-size: 2rem;
color: #404041;
}
.hbook label {
color: #000;
text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
font-weight: 500;
font-size: 12px;
line-height: 1;
text-transform: uppercase;
text-align: left;
margin: 0 0 5px;
display: block;
}
.hbook input[type="text"], .hbook select {
position: relative;
margin: 0;
font-weight: 300;
text-transform: uppercase;
border: none;
width: 100%;
height: 40px;
cursor: pointer;
border: solid 1px #000;
border-radius: 0;
background-color: #fff;
}
.hbook select.clean {
cursor: pointer;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 1px;
text-overflow: '';
padding-left: 5px;
}
.hbook select.clean::-ms-expand {
display: none;
}
.hbook select.clean option {
padding: 7px 5px;
font-size: 16px;
color: #222;
border-bottom: solid 1px #999;
background: #ccc;
}
.hbook input[type="text"].cal {
background: #fff url(img/calendar.png) no-repeat 95% 50%;
border-radius: 0;
padding-left: 10px;
}
.hbook input[type="text"]:focus, .hbook select:focus {
color: #a6825e;
}
.hbook input[type=submit] {
width: 100%;
background: #002b4b;
border: solid 2px #002b4b;
color: #fff;
padding: 0 15px;
height: 40px;
font-weight: 600;
text-shadow: 1px 1px 1px #000;
text-transform: uppercase;
border-radius: 0;
box-shadow: none;
}
.hbook input[type=submit]:hover, .hbook input[type=submit]:focus {
background: #fff;
border-color: #129198;
color: #129198;
text-shadow: none;
}
.hbook-wrap.stick-1 .hbook, .hbook {
max-width: 1220px;
margin: auto;
}
#hbook-wrap {
/*background:rgba(255,255,255,1);
*/
padding: 0px 15px;
margin: auto;
}
form#hbook h1 {
margin: 0;
font-size: 20px;
font-size: 2rem;
color: #404041;
}
form#hbook label {
color: #000;
text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
font-weight: 500;
font-size: 12px;
line-height: 1;
text-transform: uppercase;
text-align: left;
margin: 0 0 5px;
display: block;
}
form#hbook input[type="text"], form#hbook select {
position: relative;
margin: 0;
font-weight: 300;
text-transform: uppercase;
border: none;
width: 100%;
height: 40px;
cursor: pointer;
border: solid 1px #000;
border-radius: 0;
background-color: #fff;
}
form#hbook select.clean {
cursor: pointer;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 1px;
text-overflow: '';
padding-left: 5px;
}
form#hbook select.clean::-ms-expand {
display: none;
}
form#hbook select.clean option {
padding: 7px 5px;
font-size: 16px;
color: #222;
border-bottom: solid 1px #999;
background: #ccc;
}
form#hbook input[type="text"].cal {
background: #fff url(img/calendar.png) no-repeat 95% 50%;
border-radius: 0;
padding-left: 10px;
}
form#hbook input[type="text"]:focus, form#hbook select:focus {
color: #a6825e;
}
form#hbook input[type=submit] {
width: 100%;
background: #002b4b;
border: solid 2px #002b4b;
color: #fff;
padding: 0 15px;
height: 40px;
font-family: 'Cinzel', serif;
font-weight: 600;
text-shadow: 1px 1px 1px #000;
text-transform: uppercase;
border-radius: 0;
box-shadow: none;
/*margin-top:17px;
*/
}
form#hbook input[type=submit]:hover, form#hbook input[type=submit]:focus {
background: #fff;
border-color: #002b4b;
color: #002b4b;
text-shadow: none;
}
#hbook-wrap.stick-1 #hbook, #hbook {
max-width: 1220px;
margin: auto;
}
/*#hbook-wrap.stick-1 .col {
float:left!important;
margin:1% 0 1% 1.6%;
}
#hbook-wrap.stick-1 .col:first-child {
margin-left:0;
}
#hbook-wrap.stick-1 .span_1_of_8 {
width:11.1%
}
#hbook-wrap.stick-1 .span_2_of_8 {
width:23.8%
}
*/
.inbook {
background: #ececec;
border-bottom: solid 1px #ddd;
padding: 5px 10px;
}
form#inbook label {
color: #9e8255;
font-weight: 500;
font-size: 14px;
margin: 0;
display: block
}
form#inbook input[type="text"], form#inbook select {
position: relative;
height: 40px;
width: 100%;
margin: 0;
font-size: 13px;
border: solid 1px #ccc;
background: #fff;
color: #444;
}
form#inbook input[type="text"].cal {
background: #fff url(img/calendar.png) no-repeat 95% 50%;
border-radius: 0
}
form#inbook input[type="text"].cal:focus {
border-color: #9e8255;
background-color: #fff;
color: #9e8255
}
form#inbook input[type=submit] {
min-width: 100%;
background: #9e8255;
border: solid 1px #666;
color: #fff;
padding: 0 15px;
height: 40px;
margin-top: 20px;
font-size: 16px;
font-weight: 500;
text-shadow: 1px 1px 1px #000;
border-radius: 0;
box-shadow: none;
}
form#inbook input[type=submit]:hover {
background: #3f4447;
border: solid 1px #252525;
}
#vbook-wrap input[type="text"] {
font-size: 14px !important;
}
/* custom select */
div.select-wrap {
position: relative
}
div.select-wrap:after {
content: url(img/customSelect-arrow.gif);
display: block;
position: absolute;
z-index: 1;
top: 4px;
right: 8px;
pointer-events: none;
}
div.select-wrap:before {
content: '';
right: 1px;
top: 1px;
width: 24px;
height: 32px;
background: #fff;
border-left: dotted 1px #ddd;
position: absolute;
pointer-events: none;
display: block;
z-index: 1
}
div.select-wrap select {
width: 100%;
margin: 0;
background: #fff;
color: #666;
font-size: 12px;
border: solid 1px #ccc;
outline: none;
display: inline-block;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
transition: all 0.15s linear 0s;
}
div.select-wrap select:focus {
border-color: #000;
color: #990000;
background-color: #fff
}
div.select-wrap select option {
width: 100%;
background-color: #fff;
border-bottom: dotted 1px #ddd;
}
/* social icon */
ul#social {
margin: 0;
padding: 0;
overflow: hidden;
}
ul#social a {
display: block;
}
ul#social li {
list-style: none;
display: inline;
float: left;
margin: 0;
padding: 0;
/*font-size: 11px;
*/
font-weight: 400;
border: none;
}
ul#social li:last-child {
margin: 0;
}
ul#social li a {
color: #002b4b;
padding: 0 10px;
line-height: 1;
height: auto;
}
ul#social li a:first-child {
padding-left: 0;
}
ul#social li a:hover {
color: #002b4b;
}
.color-fb {
color: #3b5998;
}
.color-instagram {
color: #517fa4;
}
.color-youtube {
color: #bb0000;
}
.color-tripadv {
color: #00AF87;
}
.color-twitter {
color: #1da1f2;
}
.socmed #social {
display: inline-block;
float: none;
text-align: center;
margin: auto;
}
.socmed .textwidget.custom-html-widget {
text-align: center;
}
.socmed span {
float: left;
}
#social .show-for-small {
display: none;
}
/* footer fix menu */
.foot-menu ul {
margin: 0;
padding: 0;
font-size: 12px;
}
* html .foot-menu ul {
width: auto !important;
}
.foot-menu ul li {
display: inline;
float: left;
padding: 0 10px;
border-right: solid 1px #444444;
line-height: normal;
}
.foot-menu ul li a {
color: #aaaaaa;
font-weight: 400;
text-decoration: none;
}
.foot-menu ul li.first {
padding-left: 0
}
.foot-menu ul li.last {
padding-right: 0;
border: none
}
.small-info {
font-size: 10px;
margin: 10px 0;
line-height: 1.7em
}
.compare-info {
margin-top: 10px;
font-size: 13px;
font-weight: 500;
}
img.respon {
float: none;
margin: auto;
width: 100%;
max-width: 100%;
height: auto
}
/* footer brand logo */
.brandMap {
width: 100%;
position: relative;
}
.brandMap img {
display: block;
width: 100%;
}
.brandMap a {
display: block;
position: absolute;
}
.brandMap a.corp {
width: 30%;
height: 100%;
left: 0;
top: 0%;
}
.brandMap a.unit-1 {
width: 30%;
height: 100%;
left: 35%;
top: 0%;
}
.brandMap a.unit-2 {
width: 30%;
height: 100%;
left: 70%;
top: 0%;
}
.recent-featured-thumb {
padding: 3%;
margin-bottom: 10px;
background: #222222;
background: rgba(0, 0, 0, .2);
position: relative;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.recent-featured-thumb img {
width: 100%;
max-width: 100%;
height: auto;
margin-bottom: -10px;
position: relative
}
.post-thumbs, .promo-thumbs {
}
.post-thumbs img {
width: 100%;
max-width: 100%;
height: auto;
}
.promo-thumbs {
text-align: center;
margin-bottom: 20px;
}
.promo-thumbs img {
display: block;
max-width: 100%;
width: 100%;
height: auto;
}
.recent-featured-thumb:hover {
background: rgba(0, 0, 0, .5)
}
.recent-featured-thumb-detail {
padding: 7px;
padding-bottom: 0;
/*margin:0 20px 5px 0;
*/
background: #222;
border: solid 1px #002b4b;
/*width:40%;
float:left;
*/
text-align: center
}
.meta-box {
background: #000000;
background: rgba(0, 0, 0, .2);
padding: 2%
}
.meta-box.abs {
position: absolute;
z-index: 1;
width: 90%;
}
.wrapper-abs {
position: absolute;
z-index: 1;
margin-left: -480px;
left: 50%;
top: 89px;
width: 960px;
padding: 0;
}
.wrapper-abs.bots {
top: auto;
bottom: 0
/*80px*/
;
width: 100%;
left: 0;
margin-left: 0;
background: rgba(0, 0, 0, .5);
}
.wrapper-abs.tops {
top: 74px;
width: 1250px;
margin-left: -625px;
}
/*.fullwidth-bg {
width:100%;
height:450px;
z-index:auto;
border-bottom:solid 1px #111111;
background-image: url(img/blur.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
*/
.fullwidth-bg {
width: 100%;
border-bottom: solid 1px #ececec;
}
.fullwidth-bg img {
max-width: 100%;
width: 100%;
height: auto;
display: block;
}
.cover {
height: 480px;
background-image: url(img/blur.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.min {
padding-top: 125px
}
.gap {
margin-top: 614px
}
.gap1 {
margin-top: 350px;
border-top: solid 3px #cba55c;
}
.inshow {
margin: 0 -15px;
}
.page-header {
margin: 0 -15px;
border-bottom: solid 3px #dddddd;
position: relative
}
.page-header img {
margin-bottom: -9px;
width: 100%;
height: auto
}
.gallery {
margin: auto;
}
.gallery-item {
float: left;
margin: 0;
text-align: center;
width: auto;
}
.gallery-icon {
}
/*.gallery-icon a img {
opacity:.8;
filter: alpha(opacity=80);
zoom: 1;
filter: url("data:image/svg+xml;
utf8,#grayscale");
filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: gray;
-webkit-filter: grayscale(100%);
}
.gallery-icon a img:hover {
opacity:1;
filter: url("data:image/svg+xml;
utf8,#grayscale");
filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: none ;
zoom:1;
-webkit-filter: grayscale(0%);
}
*/
.wp-caption-text.gallery-caption {
margin: 0;
}
.wdgt {
/*position:absolute;
bottom:80px;
left:60px;
*/
width: 125px;
padding: 15px;
padding-bottom: 0;
text-align: center;
background: #ffffff;
background: rgba(255, 255, 255, .8);
border-top: solid 1px #9E8255;
border-bottom: solid 1px #9E8255
}
ul.list {
margin: 0;
padding: 0
}
ul.list li {
list-style-position: outside;
list-style-type: circle;
margin-left: 1.6em;
padding: 5px 0;
font-size: inherit;
line-height: inherit;
}
ul.list li:last-child {
border: none
}
ul.list li.heading {
color: #000;
font-weight: 500;
list-style-type: none
}
.call-right-widget {
margin: 0 0 20px
}
.call-right-widget hr {
clear: both;
margin: 8px 0;
background: url(img/right-column-shadow.png) no-repeat center bottom;
border-top: 0 none;
height: 18px;
}
.callnumber {
background: url(img/phone-icon.png) no-repeat left center;
display: table;
float: left;
height: 36px;
padding-left: 35px;
}
.callnumber-cell {
display: table-cell;
vertical-align: middle;
}
.callnumber-cell img {
float: left;
margin: 0 5px 0 0;
vertical-align: middle;
}
.callnumber-cell .tollfree {
font-size: 10px;
line-height: 10px;
padding-bottom: 1px;
}
.callnumber-cell .phoneno {
font-size: 20px;
line-height: 16px;
}
table {
max-width: 100%;
border-collapse: collapse;
border-spacing: 0;
}
table.responsive {
border-collapse: collapse;
border: solid 1px #dedede;
font-size: 13px;
width: 100%;
}
.responsive thead tr th {
font-weight: 500;
color: #000;
border-bottom: solid 3px #dedede;
background: #fff;
}
.responsive td, .responsive th {
padding: 5px;
border-left: solid 1px #dedede !important;
text-align: center;
}
.responsive td {
border: solid 1px #dedede !important;
}
.responsive tr:nth-of-type(2n+1) {
background-color: #f9f9f9;
}
.responsive th img {
margin: 0 auto !important;
}
.responsive tr:hover {
background: rgba(203, 165, 92, 0.05);
}
.shadrt {
background: url(img/bg-nav-side.png) no-repeat right top
}
ul.iconic {
margin: 0;
padding: 0;
}
ul.iconic li {
list-style-type: none;
padding: 10px 0;
line-height: normal;
border-bottom: solid 1px #ececec;
}
ul.iconic li:hover {
color: #444;
}
ul.iconic li:last-child {
border-bottom: none
}
ul.iconic li i {
display: inline-block;
width: 16px;
height: 16px;
margin-left: -20px;
margin-right: 5px;
vertical-align: middle;
background-repeat: no-repeat;
background-position: center center;
}
ul.iconic li .col_img {
width: 40%;
}
ul.iconic li .col_text {
width: 60%;
padding-left: 10px;
}
.col_img, .col_text {
float: left;
}
div.ppt {
line-height: normal
}
.responsive-tabs .responsive-tabs__list {
margin-bottom: 11px !important;
font-size: 14px !important
}
.responsive-tabs__list__item {
font-size: 14px !important;
color: #000 !important;
}
.responsive-tabs__list__item:hover {
color: #00247d !important
}
.responsive-tabs__list__item--active, .responsive-tabs__list__item--active:hover {
background: #000 !important;
border-color: #000 #000 #000 !important;
color: #fff !important
}
.responsive-tabs__panel {
background: #f9f9f9 !important;
border-color: #000 !important;
padding-bottom: 20px !important;
}
ul.post-meta {
margin: 0 0 7px 0.5em
}
ul.post-meta li {
line-height: normal;
font-weight: 700;
color: #999999
}
ul.post-meta li span.post-meta-key {
font-weight: 400
}
.post-paging {
margin: 0
}
.post-paging a {
display: inline;
padding: 1px 4px;
background: #002b4b;
border: solid 1px #444;
margin: 0 1px;
font-size: 11px;
color: #ccc
}
.post-paging a:hover {
background: #ececec;
color: #9E8255;
border-color: #9E8255
}
.post-paging a.selected {
color: #fff;
background: #9E8255;
border-color: #fff
}
.btn-vr {
background: #9e8255;
cursor: pointer;
display: block;
padding: 5px 20px;
float: right;
width: auto;
text-align: center;
color: #ffffff;
text-shadow: 0 1px 0 rgba(110, 60, 89, .5);
font-size: 12px;
z-index: 1
}
.btn-vr:hover, .btn-vr:focus {
color: #ffffff;
background: #5a195b;
}
.lt {
text-align: left !important;
}
.ltop {
/*position:absolute;
left:auto;
top:0.4em;
height:auto;
*/
line-height: normal;
color: #fff;
font-size: 70%;
display: block
}
.rbot {
position: absolute;
right: 0.7em;
bottom: 17%;
height: auto;
line-height: normal;
color: #fff;
font-size: 100%;
letter-spacing: normal
}
span.none {
background: none !important;
padding-left: 0 !important;
line-height: 1;
font-size: 145%;
}
.bg-section {
padding: 40px 0;
}
.bg-color {
background-color: #f3f3f3 !important;
}
.bg-white {
background-color: #fff;
}
.shadowed {
box-shadow: 0 .125rem .125rem 0 rgba(0, 0, 0, .1);
}
.google-map-placeholder {
border-color: #ccc !important;
}
.awesome-weather-wrap {
height: 450px;
}
.awesome-weather-header {
font-size: 3.2rem;
overflow: hidden;
padding-top: 30px;
padding-bottom: 30px;
font-family: "TypoGraphica", sans-serif;
letter-spacing: 1px;
}
.direction-controls-placeholder, .rendered-directions-placeholder {
border-color: #cba55c !important;
}
.rendered-directions-placeholder {
width: 100% !important;
padding: 0 !important;
}
.box {
overflow: hidden;
position: relative
}
.box img {
max-width: 100%;
height: auto;
display: block;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.box:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.box .bg {
background: rgba(0, 0, 0, 0.5);
height: 100%;
width: 100%;
left: 0;
position: absolute;
top: 0;
z-index: auto;
}
.box:hover .bg {
background: rgba(0, 0, 0, 0.2);
}
.box .wrap {
display: block;
padding: 15px;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.box .bg h4, .box .bg p {
color: #fff !important;
text-shadow: 0 1px 0 #000;
}
.box .bg a {
display: block;
margin: auto;
width: 150px;
padding: 5px 15px;
text-align: center;
color: #fff;
border: solid 1px #fff;
text-transform: uppercase;
}
.box .bg a.inline {
display: inline-block;
margin-right: 15px;
}
.box .bg a.inline:last-child {
margin-right: 0;
}
.box .bg a:hover, .box:hover .bg a {
background-color: #000;
}
.vert {
padding: 3% 0;
}
.vert-in {
padding: 3% 10%;
overflow: hidden;
}
ul#afp-filter {
margin-bottom: 20px !important;
margin-top: 40px !important;
text-align: center;
border-bottom: solid 1px #cba55c;
}
ul#afp-filter li {
text-align: center;
padding-right: 20px !important;
padding-left: 20px !important;
}
ul#afp-filter li a {
font-size: 15px;
font-size: 1.5rem;
}
.afp-active-cat {
background-color: #cba55c;
font-weight: 400 !important;
}
.afp-active-cat a {
color: #fff !important;
}
li.afp-single-item {
margin-bottom: 10px !important;
padding-right: 10px !important;
}
ul.afp-items {
text-align: center !important;
}
.-skin-default .-filters {
border-color: #ccc !important;
}
.-skin-default .-filters .-filter {
border-color: #ccc !important;
color: #999 !important;
}
.-skin-default .-filters .-filter.active {
background: #888 !important;
border-color: #444 !important;
color: #fff !important;
}
.-skin-default .-filters .-filter.active:hover {
color: #444 !important;
}
.-skin-default .-filters .-filter:hover {
background: #ddd !important;
}
.-skin-default .-item .title {
white-space: normal !important;
line-height: normal;
}
/* datepicker style */
#ui-datepicker-div {
display: none;
border-radius: 0;
border-color: #ededed;
font-family: inherit !important;
background: #fff !important;
z-index: 5 !important;
}
.ui-datepicker {
border: none !important;
border-radius: 0 !important;
padding: 0 !important;
}
.ui-datepicker .ui-datepicker-title {
color: #003d69;
text-transform: capitalize;
font-weight: 700;
}
.ui-datepicker-header {
background: none !important;
border: none !important;
border-radius: 0 !important;
}
.ui-datepicker table {
border: none;
}
.ui-datepicker th {
color: #000;
text-transform: capitalize;
font-weight: 700;
}
.ui-datepicker-calendar thead {
border-bottom: none;
background: none;
}
.ui-datepicker-calendar tbody tr {
background: none !important;
}
.ui-datepicker-calendar tbody tr:last-child {
border: none;
}
.ui-datepicker-calendar tbody td {
border: solid 1px #ededed;
padding: 0;
}
.ui-datepicker-calendar tbody td a, .ui-datepicker-calendar tbody td span {
text-align: center;
}
.ui-datepicker-calendar tbody td a:hover {
background: #003d69 !important;
color: #fff !important;
}
.ui-datepicker-calendar .ui-state-default {
background: none !important;
border: none !important;
color: #555 !important;
}
.ui-datepicker-calendar .ui-state-default.ui-state-highlight {
/*background: #003d69!important;
color: #fff!important;
*/
}
/* price calendar */
.ui-datepicker-calendar td a[data-custom]::after {
content: '' attr(data-custom);
display: block;
font-size: 10px;
font-weight: normal;
}
.ui-datepicker-calendar td[data-allotment]::before {
content: '';
left: 42%;
top: 100%;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-top: 10px solid red;
clear: both;
float: right;
}
.ui-state-default, .ui-widget-content .ui-state-default {
font-weight: bolder !important;
}
.ui-datepicker-calendar td {
height: 70px;
width: 70px;
vertical-align: middle;
}
#ui-datepicker-div {
min-width: 990px !important;
}
#latest-av-room {
font-size: 11px;
font-weight: 300;
padding: 0 10px;
text-transform: uppercase;
margin-top: 10px;
}
#latest-av-room span::before {
content: '';
left: 42%;
top: 100%;
width: 0;
height: 0;
border-left: 9px solid transparent;
border-top: 9px solid red;
clear: both;
display: inline-block;
margin-right: 3px;
}
/* weekend holiday */
.ui-datepicker-week-end {
background-image: none;
}
.ui-datepicker-week-end:nth-child(1) .ui-state-default {
color: red !important;
}
.ui-datepicker-week-end:nth-child(1) .ui-state-default.ui-state-hover, .ui-datepicker-week-end:nth-child(1) .ui-state-default.ui-state-hover::after {
color: #fff !important;
}
.ui-datepicker-week-end:nth-child(1) .ui-state-default::after {
color: #555 !important;
}
.ui-datepicker th:first-child {
color: red;
}
.ui-datepicker-calendar tr td:first-child .ui-state-default, a.ui-state-default.public-holiday {
color: red !important;
}
.ui-datepicker-calendar tr td:first-child a.ui-state-default::after, a.ui-state-default.public-holiday::after {
color: #454545 !important;
}
a.ui-state-active::after,
/*a.ui-state-hover::after,*/
.ui-datepicker-calendar tr td:first-child a.ui-state-hover::after, .ui-datepicker-calendar tr td:first-child a.ui-state-active::after, a.ui-state-active.public-holiday::after, a.ui-state-hover.public-holiday::after {
color: #fff !important;
}
.ui-datepicker-current-day .ui-state-default.ui-state-active {
background-color: #003d69 !important;
}
.ui-datepicker-current-day .ui-state-default {
color: #fff !important
}
@media only screen and (max-width: 768px) {
#ui-datepicker-div {
left: 0 !important;
top: auto !important;
bottom: 0;
width: 100% !important;
min-width: inherit !important;
z-index: 9999 !important;
}
.ui-datepicker-group {
width: 100% !important;
clear: both;
}
.ui-datepicker-calendar td {
height: auto;
width: 50px;
}
}
.stick {
position: fixed;
top: 0;
left: 0;
z-index: 3;
width: 100%;
box-shadow: 0 2px 7px rgba(0, 0, 0, 0.15);
background: rgba(255, 255, 255, 0.95);
-webkit-animation: glidein 0.5s forwards;
animation: glidein 0.5s forwards;
}
.stick::before {
display: none;
}
.stick .site-logo a {
background-image:url(img/logo-color.png)!important;
}
.stick .site-logo a img {
position: relative;
z-index: -1;
visibility: hidden;
}
.stick .site-logo {
width: 100px;
}
.stick .main-navigation {
margin-top: 35px;
}
.stick .main-navigation a {
color: inherit;
}
.stick .main-navigation li:hover > a, .stick .main-navigation li.current_page_item a, .stick .main-navigation li.current-menu-item a {
color: #002b4b;
border-bottom: solid 2px #002b4b;
}
.stick .top_booking {
margin-top: 32px;
}
.stick-1 {
position: fixed !important;
top: 56px;
left: 0;
z-index: 2 !important;
width: 100%;
box-shadow: 0 2px 7px rgba(0, 0, 0, 0.15);
-webkit-animation: glidein 0.5s forwards;
animation: glidein 0.5s forwards;
background: rgba(255, 255, 255, 1);
}
.stick-2 {
position: fixed;
top: 56px;
right: 50%;
margin-right: -610px;
/*width:325px;
padding:15px;
*/
z-index: 2;
box-shadow: 0 2px 7px rgba(0, 0, 0, 0.15);
-webkit-animation: glidein 0.5s forwards;
animation: glidein 0.5s forwards;
background: rgba(255, 255, 255, 1);
}
@-webkit-keyframes glidein {
from {
-webkit-transform: translate3d(0, -100%, 0)
}
to {
-webkit-transform: translate3d(0, 0, 0)
}
}
@keyframes glidein {
from {
transform: translate3d(0, -100%, 0)
}
to {
transform: translate3d(0, 0, 0)
}
}
@-webkit-keyframes zoomIn {
/*0% {
opacity: 0;
-webkit-animation-timing-function: ease-in;
}
8% {
opacity: 1;
-webkit-transform: scale(1.05);
-webkit-animation-timing-function: ease-out;
}
17% {
opacity: 1;
-webkit-transform: scale(1.1);
}
25% {
opacity: 0;
-webkit-transform: scale(1.1);
}
100% {
opacity: 0
}
*/
/*0% {
-webkit-transform: scale(1);
}
50% {
-webkit-transform: scale(1.2);
}
100% {
-webkit-transform: scale(1);
}
*/
from {
transform: scale(1.0,1.0);
transform-origin: 50% 50%;
}
to {
transform: scale(1.1,1.1);
transform-origin: 50% 0%;
}
}
@-moz-keyframes zoomIn {
from {
transform: scale(1.0,1.0);
transform-origin: 50% 50%;
}
to {
transform: scale(1.1,1.1);
transform-origin: 50% 0%;
}
}
@-o-keyframes zoomIn {
from {
transform: scale(1.0,1.0);
transform-origin: 50% 50%;
}
to {
transform: scale(1.1,1.1);
transform-origin: 50% 0%;
}
}
@-ms-keyframes zoomIn {
from {
transform: scale(1.0,1.0);
transform-origin: 50% 50%;
}
to {
transform: scale(1.1,1.1);
transform-origin: 50% 0%;
}
}
@keyframes zoomIn {
from {
transform: scale(1.0,1.0);
transform-origin: 50% 50%;
}
to {
transform: scale(1.1,1.1);
transform-origin: 50% 0%;
}
}
dl.desinfo {
padding: 0;
margin-left: 0;
margin-bottom: 10px;
overflow: hidden;
}
.desinfo dt {
float: left;
clear: left;
width: 190px;
text-align: left;
font-weight: 400;
}
.desinfo dt:after {
content: ":";
float: right;
}
.desinfo dd {
margin: 0 0 0 200px;
padding: 0;
}
#fscf_form1 fieldset legend, #fscf_form2 fieldset legend, #fscf_form3 fieldset legend {
float: left;
width: 100%;
text-transform: uppercase;
font-size: 18px;
font-weight: 600;
border-bottom: solid 1px #ececec;
}
.boks {
background: #000;
padding: 15px;
margin: 20px 0;
color: #fff;
}
.boks h2 {
color: #fff;
}
.popup {
width: 100%;
height: 100%;
display: none;
position: fixed;
overflow: auto;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.75);
z-index: 4;
}
.popup-inner {
max-width: 60%;
background: #fff;
position: relative;
margin: 0 auto;
top: 50%;
transform: translateY(-50%);
}
.popup-inner.video {
max-width: 300px;
background: #fff;
position: relative;
margin: 0 auto;
top: 45%;
transform: translateY(-45%);
}
.popup-close {
width: 30px;
height: 30px;
line-height: 20px;
display: inline-block;
position: absolute;
top: 0;
right: 0;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
border: solid 3px #fff;
border-radius: 1000px;
background: rgba(0, 0, 0, 0.8);
font-size: 20px;
text-align: center;
color: #fff !important;
}
.popup-title {
line-height: 1;
}
.showing-popup {
overflow: hidden;
}
.popup-banner img {
width: 100%;
display: block;
}
.error {
border-color: red !important;
background-color: pink !important;
background-image: none !important;
}
.error::-webkit-input-placeholder {
color: red;
font-weight: 300 !important;
}
.error:-moz-placeholder {
color: red;
font-weight: 300 !important;
opacity: 1;
}
.error::-moz-placeholder {
color: red;
font-weight: 300 !important;
opacity: 1;
}
.error:-ms-input-placeholder {
color: red;
font-weight: 300 !important;
}
/*label.error {
color:red!important;
font-size:12px!important;
font-weight:300!important;
height:auto!important;
}
.valid {
border-color:green!important;
}
*/
.bis {
background: none !important;
-moz-box-shadow: inset 0 -50px 10px -10px rgba(0, 0, 0, .6);
-webkit-box-shadow: inset 0 -50px 10px -10px rgba(0, 0, 0, .6);
box-shadow: inset 0 -50px 10px -10px rgba(0, 0, 0, .6);
}
.abl {
position: absolute;
bottom: 0;
left: 0;
padding: 10px 15px;
width: auto;
}
.show-for-small {
display: none;
}
.link-inline {
display: inline-block;
border: solid 1px #002b4b;
padding: 10px 25px;
margin-right: 10px;
color: #fff;
background-color: #002b4b;
text-align: center;
text-transform: uppercase;
font-weight: 400;
}
.link-inline:last-of-type {
margin-right: 0;
}
.link-inline:hover {
color: #fff;
background-color: #002b4b;
border: solid 1px #002b4b;
}
.link-inline:focus, .link-inline:active, .link-inline:visited {
color: #fff;
}
.link-inline.cta, .link-inline.cta:focus, .link-inline.cta:active, .link-inline.cta:visited {
background-color: #002b4b;
color: #fff;
}
.link-inline.cta:hover {
background-color: #002b4b;
color: #fff;
border-color: #002b4b;
}
.link-inline.trans, .link-inline.trans:hover, .link-inline.trans:focus, .link-inline.trans:active, .link-inline.trans:visited {
background-color: transparent;
color: #fff;
border-color: #fff;
}
.link-inline.trans.black, .link-inline.trans.black:focus, .link-inline.trans.black:active, .link-inline.trans.black:visited {
background-color: transparent;
color: #002b4b;
border-color: #002b4b;
}
.link-inline.trans.black:hover {
color: #002b4b;
background-color: transparent;
border: solid 1px #002b4b;
}
.link-inline.trans.white, .link-inline.trans.white:focus, .link-inline.trans.white:active, .link-inline.trans.white:visited {
background-color: transparent;
color: #fff;
border-color: #fff;
}
.link-inline.trans.white:hover {
color: #002b4b;
background-color: #fff;
border: solid 1px #fff;
}
.link-inline.small {
padding-left: 10px;
padding-right: 10px;
margin-right: 5px;
font-size: 13px;
line-height: normal;
font-weight: 600;
}
.link-inline.smaller {
padding: 5px;
margin-right: 5px;
font-size: 13px;
line-height: normal;
font-weight: inherit;
}
.rate-price {
line-height: 1;
}
.rate-price .start-price {
margin-left: 10px;
font-size: 20px;
font-weight: 600;
}
.distable {
display: table;
}
.distable .cols {
display: table-cell;
vertical-align: top;
float: none;
margin: 0;
}
.w300 {
width: 325px;
padding: 0 15px 7px;
background: #fff;
}
.minp {
height: 100px;
}
.minp p {
line-height: 1.7;
}
.fsscreen-section {
width: 100%;
height: 90vh;
position: relative;
overflow: hidden;
}
.fsscreen-container {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
@media only screen and (max-width: 768px) {
.fsscreen-section {
height: 40vh;
}
}
.video-section {
width: 100%;
height: 92vh;
position: relative;
overflow: hidden;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-attachment: scroll;
background-repeat: no-repeat;
background-position: center center;
}
.video-container {
width: 100%;
height: 100%;
}
.video-caption {
position: absolute;
left: 50px;
bottom: 100px;
z-index: auto;
width: 35%;
background: rgba(255, 255, 255, .95);
padding: 15px 30px;
color: #000;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
.video-caption h1 {
line-height: 1.2;
font-size: 3.4rem;
}
.video-js, .vjs-default-skin, #vidhomefull {
position: absolute !important;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
padding-top: 0 !important;
}
.video-js .vjs-big-play-button {
top: 50%;
transform: translate(-50%, -50%);
left: 50%;
height: 3em !important;
line-height: 3em !important;
border-radius: 50% !important;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder::before {
font-size: 3em !important;
}
.video-js.vjs-default-skin.vjs-ended .vjs-big-play-button {
display: block !important;
}
.ytp-large-play-button, .ytp-button, .ytp-large-play-button svg, .html5-video-player svg {
display: none !important;
}
.ytp-large-play-button-bg {
opacity: 0 !important;
}
.video-js .vjs-big-play-button {
background-color: transparent !important;
border: none !important;
box-shadow: none !important;
font-size: 6em !important;
margin-top: 0 !important;
margin-left: 0 !important;
}
figure.figurefx {
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
min-height: 480px;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-attachment: scroll;
background-repeat: no-repeat;
background-position: center center;
}
figure.figurefx .showed-title, figure.figurefx .hidden-content {
display: block;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
padding: 1.5em;
-moz-transition: 1s;
-webkit-transition: 1s;
-ms-transition: 1s;
-o-transition: 1s;
transition: 0.5s;
}
figure.figurefx .showed-title {
background: rgba(255, 255, 255, .8);
z-index: 1;
}
figure.figurefx .hidden-content {
opacity: 0;
z-index: 2;
}
figure.figurefx:hover .showed-title {
padding-bottom: 9em;
background: rgba(255, 255, 255, .95);
}
figure.figurefx:hover .hidden-content {
opacity: 1;
}
figure.figurefx h1 {
line-height: 1.3;
text-transform: uppercase;
}
figure.figurefx p {
line-height: 1.2;
font-size: 1.225em;
color: #000;
}
figure.figurefx a {
font-weight: 500;
}
figure.border-fx {
position: relative;
overflow: hidden;
}
figure.border-fx .figure-img {
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-attachment: scroll;
background-repeat: no-repeat;
background-position: center center;
-webkit-transition: all 2s;
-moz-transition: all 2s;
-o-transition: all 1s;
transition: all 2s;
}
figure.border-fx .figure-img:before {
content: "";
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(0,0,0,.3);
}
figure.border-fx:hover .figure-img {
-ms-transform: scale(1.5);
-moz-transform: scale(1.5);
-webkit-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5);
}
figure.border-fx:hover .figure-img:before {
background-color: rgba(0,0,0,.1);
}
figure.border-fx figcaption {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 2em;
color: #fff;
text-transform: uppercase;
text-align: center;
}
figure.border-fx figcaption .title {
position: absolute;
z-index: 1;
color: #fff;
margin: 0;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
transform: translate(-50%, -50%);
}
figure.border-fx figcaption.bottom .title {
top: auto;
left: 40px;
bottom: 40px;
transform: none;
}
figure.border-fx figcaption::before, figure.border-fx figcaption::after {
position: absolute;
content: '';
opacity: 0;
}
figure.border-fx figcaption::before, figure.border-fx figcaption::after, figure.border-fx figcaption .title {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
figure.border-fx figcaption::before {
top: 30px;
right: 20px;
bottom: 30px;
left: 20px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: scale(0,1);
transform: scale(0,1);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
figure.border-fx figcaption::after {
top: 20px;
right: 30px;
bottom: 20px;
left: 30px;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
-webkit-transform: scale(1,0);
transform: scale(1,0);
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
figure.border-fx:hover figcaption::before, figure.border-fx:hover figcaption::after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
figure.border-fx:hover figcaption::after {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
figure.border-fx.no-border figcaption::before, figure.border-fx.no-border figcaption::after {
display: none;
visibility: hidden;
}
figure.border-fx.showhide figcaption .link.underline {
display: none;
}
figure.border-fx.showhide:hover figcaption .link.underline {
display: block;
transition: all 1s linear;
}
.eapps-instagram-feed a {
text-transform: lowercase;
font-size: 1.4em;
pointer-events: none;
}
.eapps-instagram-feed-title {
font-weight: inherit !important;
}
.zigzag {
margin-bottom: 40px !important;
}
.zigzag:last-child {
margin-bottom: 0 !important;
}
.side-text-wrap {
/*height:80vh;
*/
overflow: hidden;
position: relative;
}
.side-text {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
padding: 0 10%;
text-align: center;
}
.side-img {
height: 80vh;
overflow: hidden;
position: relative;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-attachment: scroll;
background-repeat: no-repeat;
background-position: center center;
}
.side-img .overlay {
position: absolute;
bottom: 0;
right: 0;
top: 20%;
left: 0;
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#99000000', GradientType=0);
}
.top-0 {
top: 0 !important;
}
.side-img .overlay-text {
width: 50%;
position: absolute;
top: auto;
left: auto;
right: 0;
bottom: 60px;
z-index: 2;
padding: 5%;
background-color: rgba(255, 255, 255, .9)
}
.zigzag.morevh .side-text-wrap, .zigzag.morevh .side-img {
height: 80vh;
}
.zigzag.morevh .side-text {
text-align: left;
}
.bg-img {
overflow: hidden;
position: relative;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-attachment: scroll;
background-repeat: no-repeat;
background-position: center center;
}
.bg-img.grayscale {
-webkit-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-ms-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
}
.bg-img.grayscale:hover {
-webkit-filter: grayscale(100%) brightness(100%);
filter: grayscale(100%) brightness(100%);
}
.bg-img-overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 3rem;
padding-top: 5rem;
background-image: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
}
.bg-img-overlay .text, .bg-img-overlay .link a {
color: #fff;
}
.bg-img-overlay .link {
line-height: 1;
/*text-transform: uppercase;
font-size: 13px;
font-weight: 400;
*/
}
.link.underline {
display: inline-block;
float: left;
border-bottom: solid 2px #fff;
padding-bottom: 3px;
}
.link.underline:hover, .link.underline:focus {
border-bottom-color: #b68305;
}
.bg-img-overlay.full {
top: 0;
padding: 5rem;
}
.vh20 {
height: 200px;
}
.vh30 {
height: 30vh;
}
.vh35 {
height: 35vh;
}
.vh40 {
height: 40vh;
}
.vh45 {
height: 45vh;
}
.vh50 {
height: 50vh;
}
.vh60 {
height: 60vh;
}
.vh70 {
height: 70vh;
}
.vh80 {
height: 80vh;
}
.box-triangle {
position: absolute;
top: 50%;
margin-top: -30px;
width: 0;
height: 0;
border-style: solid;
z-index: 1;
}
.box-triangle.left {
border-width: 30px 0 30px 30px;
border-color: transparent transparent transparent #fff;
left: 0;
}
.box-triangle.right {
border-width: 30px 30px 30px 0;
border-color: transparent #fff transparent transparent;
right: 0;
}
.arrow-after {
position: absolute;
bottom: 50px;
left: 50%;
z-index: 2;
display: inline-block;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
color: #fff;
outline: none;
transition: opacity .3s;
}
.arrow-after:hover {
opacity: .5;
}
.arrow-after span {
position: absolute;
top: 0;
left: 50%;
width: 24px;
height: 24px;
margin-left: -12px;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
box-sizing: border-box;
}
.rel {
position: relative;
}
.info-abs {
position: absolute;
left: 0;
transform: translateY(-50%);
top: 50%;
width: 50%;
padding: 25px;
background-color: rgba(255, 255, 255, .85);
}
.abs-bottom {
left: auto;
right: 30px;
top: auto;
transform: none;
bottom: -30px;
}
.text-link {
font-size: 13px;
font-weight: 400;
letter-spacing: .6px;
color: #000;
text-transform: uppercase;
text-decoration: none;
}
.content-space {
margin-top: -100px;
width: 60%;
position: relative;
z-index: 1;
background: #fff;
box-shadow: 0 .125rem .125rem 0 rgba(0, 0, 0, .1);
}
.righted {
float: right;
margin-right: 30px;
}
.more-upper {
/*background: rgba(255,255,255,.9);
*/
margin-top: -200px;
}
.content-space .desc-space {
padding: 2em;
}
.half-centered {
left: 50%;
width: 50%;
margin-left: -25%;
}
.centered {
left: 50%;
width: 90%;
margin-left: -45%;
margin-top: -50px;
min-height: inherit
}
.mid-centered {
left: 50%;
width: 70%;
margin-left: -35%;
margin-top: -50px;
min-height: inherit
}
.color-white {
color: #fff;
}
.colorized {
color: red;
}
.big {
font-size: 6rem;
line-height: 1;
}
.height1 {
height: 70px;
}
.height2 {
height: 50px;
}
.height3 {
height: 35px;
}
.bg-item {
background-color: #fff;
position: relative;
}
.litegrey {
background-color: #f9f9f9;
}
.shad-border {
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 0px 0px, rgba(60, 64, 67, 0.15) 0px 1px 0px 1px;
}
.title-container {
padding: 3em 1em;
position: absolute;
top: 0;
left: 0;
width: 100%;
display: block;
min-height: 200px;
text-shadow: 0 0 10px rgba(0, 0, 0, .5);
background: -moz-linear-gradient(top, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, 0) 100%);
background: -webkit-linear-gradient(top, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, 0) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, 0) 100%);
}
.title-container .small-title {
color: #fff;
text-align: center;
display: block;
font-variant: small-caps;
font-weight: 300;
font-style: normal;
font-size: 1.2em;
line-height: 120%;
position: relative;
}
.title-container .big-title {
color: #fff;
text-align: center;
display: block;
text-transform: uppercase;
font-weight: 400;
font-style: normal;
font-size: 1.5em;
line-height: 120%;
position: relative;
margin-top: 3.5em;
}
.coret {
font-size: inherit;
font-weight: 300;
color: #999;
text-decoration: line-through;
line-height: 1;
}
.info-diskon {
font-size: 13px;
background: red;
color: #fff;
font-weight: 600;
padding: 3px;
margin-left: 2px;
}
.badge {
position: absolute;
z-index: 1;
left: -5px;
top: 10px;
padding: 3px 10px;
border-radius: 0 3px 3px 0;
color: #fff;
font-size: 12px;
font-weight: 500;
}
.badge.teracota {
background-color: #e12d2d;
}
.inbadge {
display: inline-block;
vertical-align: middle;
line-height: 1;
font-size: 12px;
text-transform: none;
background-color: red;
color: #fff;
padding: 5px 7px;
border-radius: 4px;
}
p.small {
font-size: 13px;
font-weight: 300;
}
p.room-type {
font-size: 13px;
font-weight: 400;
}
.small-info {
font-size: 13px;
font-weight: 300;
margin-bottom: 5px;
line-height: 1;
text-transform: uppercase
}
.title-medium {
margin: 10px 0;
font-size: 17px;
font-weight: 300;
line-height: normal;
color: #000;
}
.title-underline {
padding-bottom: 15px;
text-align: left;
position: relative;
}
.title-underline.center {
text-align: center;
}
.title-underline::after {
content: '';
display: block;
position: absolute;
left: 0;
bottom: 0;
width: 7rem;
border-bottom: thin solid #002b4b;
}
.title-underline.center::after {
left: 50%;
transform: translateX(-50%);
}
.tripadv {
text-align: center;
}
.tripadv .title {
text-transform: uppercase;
font-weight: 600;
color: #08808a;
font-family: 'Heebo', sans-serif;
}
.tripadv .icon {
width: 50px;
margin: auto;
}
.mintop {
position: relative;
z-index: 1;
margin-top: -70px;
}
.book_widget_horz {
background: #fff;
box-shadow: 0 .625rem .75rem 0 rgba(0, 0, 0, .1);
padding: 40px 30px;
margin-bottom: 50px;
}
.colcount {
padding: 20px;
}
.colcount.four {
-moz-column-count: 4;
-webkit-column-count: 4;
column-count: 4;
}
.cover-abs {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: auto;
background: rgba(0, 0, 0, .3);
padding: 15px;
webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.cover-abs:hover {
background: rgba(0, 0, 0, .7);
}
.cover-abs .title, .cover-abs p {
color: #fff;
text-shadow: 0 1px 0 rgba(0, 0, 0, .9);
}
.cover-abs .title {
font-weight: 600;
text-transform: uppercase;
}
.cover-abs .button {
display: inline;
}
.rel-v-middle {
position: relative;
top: 50%;
transform: translateY(-50%);
}
.abs-v-middle {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.rel-vh-midcent {
position: relative;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.abs-vh-midcent {
position: absolute;
margin: auto;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.overlap-content {
min-height: inherit;
margin: 0;
width: 120%;
padding: 3em;
}
.overlap-lefted-content {
margin-left: -20%;
}
.overlap-righted-content {
margin-right: -20%;
}
.no-shadow {
box-shadow: none;
}
.boxes {
margin: 10px;
padding: 10px;
background-color: #fff;
box-shadow: 0 .125rem .125rem 0 rgba(0, 0, 0, .1);
}
.type-bottomline {
position: relative;
text-transform: uppercase;
margin-bottom: 1em;
font-size: 3.5rem;
font-weight: 300;
}
.type-bottomline:after {
content: ' ';
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
width: 100px;
border: none;
border-bottom: 2px solid #000;
padding-top: 5px;
}
.type-bottomline.lefted:after {
left: 0;
transform: translateX(0);
}
.type-bottomline.white {
color: #fff;
}
.type-bottomline.white:after {
border-bottom-color: #fff;
}
.slick-slider-outer {
position: relative;
}
.slideCenterSet .ss-slide.slick-center {
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
-webkit-filter: grayscale(0) brightness(100%);
filter: grayscale(0) brightness(100%);
pointer-events: auto;
opacity: 1;
filter: alpha(opacity=100);
}
.slideCenterSet .ss-slide {
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);
opacity: 0.7;
transition: all 300ms ease;
pointer-events: none;
-webkit-filter: grayscale(100%) brightness(100%);
filter: grayscale(100%) brightness(100%);
opacity: 0.1;
filter: alpha(opacity=10);
}
.slideCenterSet .slick-prev, .slideCenterSet .slick-next {
height: 40px;
width: 40px;
background: rgba(255, 255, 255, .8);
text-align: center;
margin-top: -20px;
}
.slideCenterSet .slick-prev {
left: 0;
}
.slideCenterSet .slick-next {
right: 0;
}
.slideCenterSet .slick-prev::before, .slideCenterSet .slick-next::before {
font-family: "FontAwesome";
font-size: 40px;
color: #000;
}
.slideCenterSet .slick-prev::before {
content: "\f104";
}
.slideCenterSet .slick-next::before {
content: "\f105";
}
.slideCenterSet .slick-dots {
position: relative;
bottom: auto;
}
.slideCenterSet {
margin: 0 -30px;
}
.slideCenterSet .ss-slide {
padding-bottom: 5px;
width: 800px;
}
.slideCenterSet .slick-prev {
left: 30px;
}
.slideCenterSet .slick-next {
right: 30px;
}
.slideCenterSet .ss-slide .content-space {
display: none;
}
.slideCenterSet .ss-slide.slick-center .content-space {
display: block;
}
.slideCenterSet.none_opacity .ss-slide {
-webkit-filter: none;
filter: none;
opacity: 1;
filter: alpha(opacity=100);
}
.slideCenterSet.none_opacity .ss-slide .bottom-layer, .slideCenterSet.none_opacity .ss-slide .top-layer {
display: none;
}
.slideCenterSet.none_opacity .ss-slide.slick-center .bottom-layer, .slideCenterSet.none_opacity .ss-slide.slick-center .top-layer {
display: block;
}
.slideCenterSet.float-arrow {
}
.slideCenterSet.float-arrow .slick-prev, .slideCenterSet.float-arrow .slick-next {
height: 80px;
width: 80px;
margin-top: -40px;
background: rgba(255, 255, 255, 1);
}
.slideCenterSet.float-arrow .slick-prev {
left: 50%;
margin-left: -600px;
}
.slideCenterSet.float-arrow .slick-next {
right: 50%;
margin-right: -600px;
}
.slideCenterSeen .ss-slide.slick-center {
pointer-events: auto;
}
.slideCenterSeen .ss-slide {
pointer-events: none;
}
.slideCenterSeen .slick-prev, .slideCenterSeen .slick-next {
height: 40px;
width: 40px;
background: rgba(255, 255, 255, 0.8);
text-align: center;
margin-top: -20px;
}
.slideCenterSeen .slick-prev {
left: 0;
}
.slideCenterSeen .slick-next {
right: 0;
}
.slideCenterSeen .slick-prev::before, .slideCenterSeen .slick-next::before {
font-family: "FontAwesome";
font-size: 40px;
color: #000;
}
.slideCenterSeen .slick-prev::before {
content: "\f104";
}
.slideCenterSeen .slick-next::before {
content: "\f105";
}
.slideCenterSeen .slick-dots {
position: relative;
bottom: auto;
margin-bottom: 10px;
}
.slideCenterSeen .ss-slide {
padding: 5px 0 5px;
width: 1000px;
}
.slideCenterSeen .slick-prev {
left: 30px;
}
.slideCenterSeen .slick-next {
right: 30px;
}
.slideCenterSeen .ss-slide .content-space, .slideCenterSeen .ss-slide .info-abs {
display: none;
}
.slideCenterSeen .ss-slide.slick-center .content-space, .slideCenterSeen .ss-slide.slick-center .info-abs {
display: block;
margin-top: 0;
width: auto;
position: relative;
background: none;
box-shadow: none
}
@media only screen and (max-width: 767px) {
.slideCenterSeen .ss-slide {
padding: 5px 5px;
}
}
.top-layer {
display: block;
position: absolute;
top: 20px;
left: 0;
padding: 10px 15px;
background-color: rgba(0, 0, 0, .5);
color: #fff;
}
.top-layer p, .top-layer span {
font-size: 12px !important;
}
.top-layer span {
margin-left: 0 !important;
}
.top-layer.white {
background-color: rgba(255, 255, 255, 1);
color: #000;
}
.ss-slider {
margin: 0 -13px;
}
.ss-item {
padding: 0 13px;
}
.ss-slider .slick-prev, .ss-slider .slick-next {
height: 50px;
width: 50px;
background: rgba(255, 255, 255, 1);
text-align: center;
margin-top: -25px;
}
.ss-slider .slick-prev:hover, .ss-slider .slick-prev:focus, .ss-slider .slick-next:hover, .ss-slider .slick-next:focus {
background: rgba(255, 255, 255, 1);
}
.ss-slider .slick-prev {
left: -33px;
}
.ss-slider .slick-next {
right: -33px;
}
.ss-slider .slick-prev::before, .ss-slider .slick-next::before {
font-family: "FontAwesome";
font-size: 30px;
color: #000;
}
.ss-slider .slick-prev::before {
content: "\f104";
}
.ss-slider .slick-next::before {
content: "\f105";
}
.ss-slider .slick-dots {
}
.ss-slider .slick-list {
padding: 3px;
}
.slideHalfMode {
overflow: hidden;
}
.slideHalfMode .slick-list {
padding: 3px 40% 3px 5px !important;
margin: 0 -12px;
}
.slideHalfMode .ss-item {
padding: 0 10px;
}
.slideHalfMode .slick-dots {
position: relative;
bottom: auto;
margin: 0;
}
.slick-fullscreen {
height: 100%;
}
.slick-fullscreen.with_zoomfade_fx .slick-active {
/*-webkit-animation: zoomIn 24s linear infinite;
-moz-animation: zoomIn 24s linear infinite;
-o-animation: zoomIn 24s linear infinite;
-ms-animation: zoomIn 24s linear infinite;
animation: zoomIn 24s linear infinite;
*/
/*-webkit-animation: zoomIn 8s 1 ease-in-out;
-moz-animation: zoomIn 8s 1 ease-in-out;
-o-animation: zoomIn 8s 1 ease-in-out;
-ms-animation: zoomIn 8s 1 ease-in-out;
animation: zoomIn 8s 1 ease-in-out;
*/
}
.slick-animation {
animation: zoomIn 20s 0s forwards;
}
.slick-fullscreen .fs-slider {
position: relative;
height: 100vh;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-attachment: scroll;
background-repeat: no-repeat;
background-position: center center;
}
.slick-fullscreen.medscreen .fs-slider {
height: 50vh;
}
.slick-fullscreen .fs-slider .v_wrapper {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.v_wrapper .v_source {
width: 100%;
height: 100%;
object-fit: fill;
}
.video_yt_source {
width: 100%;
height: 100%;
}
/*.slick-fullscreen .fs-slider::before {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
top:85%;
right: 0;
background-image: linear-gradient(to top, rgba(0,0,0,.3), rgba(0,0,0,0));
height: 100%;
width: 100%;
background: rgba(0,0,0,.1);
}
*/
.slick-fullscreen .fs-caption {
padding: 0;
position: relative;
max-width: 500px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
z-index: 1;
background: radial-gradient(circle at center, rgba(0, 0, 0, .5) 40%, rgba(0, 0, 0, 0) 100%);
}
.slick-fullscreen .fs-caption .title, .slick-fullscreen .fs-caption .text {
color: #fff;
text-shadow: 2px 1px 2px #000;
}
.slick-fullscreen .fs-caption .title {
line-height: 1;
}
.slick-fullscreen .fs-caption .text {
font-size: inherit;
font-weight: 300;
}
.slick-fullscreen .fs-caption .text p {
margin-bottom: 0;
}
.slick-fullscreen .slick-prev, .slick-fullscreen .slick-next {
background: rgba(255, 255, 255, .5);
height: 60px;
width: 50px;
margin-top: -30px;
text-align: center;
}
.slick-fullscreen:hover .slick-prev, .slick-fullscreen:hover .slick-next, .slick-fullscreen .slick-prev:focus, .slick-fullscreen .slick-next:focus {
background: rgba(255, 255, 255, 1);
}
.slick-fullscreen .slick-prev::before, .slick-fullscreen .slick-next::before {
color: #000;
font-family: "FontAwesome";
font-size: 40px;
}
.slick-fullscreen .slick-prev::before {
content: "\f104";
}
.slick-fullscreen .slick-next::before {
content: "\f105";
}
.slick-fullscreen .slick-prev {
left: 0;
}
.slick-fullscreen .slick-next {
right: 0;
}
.slick-dots-line .slick-dots {
bottom: 40px;
margin-left: 0;
}
.slick-dots-line .slick-dots li {
margin: 0 3px;
}
.slick-dots-line .slick-dots li, .slick-dots-line .slick-dots li button {
width: 50px;
height: 5px;
}
.slick-dots-line .slick-dots li button:before {
background-color: #fff;
height: 5px;
width: 50px;
text-indent: -9999px;
overflow: hidden;
}
@media only screen and (max-width: 768px) {
.slideCenterSet {
margin: 0;
}
.slideCenterSet .slick-prev, .ss-slider .slick-prev {
left: 0;
}
.slideCenterSet .slick-next, .ss-slider .slick-next {
right: 0;
}
.slideHalfMode .slick-list {
margin: 0;
/*margin: 0 -10px;
*/
}
.slideHalfMode .ss-item {
/*padding: 0 5px;
*/
}
.slick-fullscreen .fs-slider {
height: 60vh;
}
}
.content_wrapper {
/*padding: 0 60px;
*/
padding-bottom: 64px;
}
.plr-fluid {
padding-left: 10%;
padding-right: 10%;
}
.pad-fluid {
padding: 10%;
}
.radius {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
overflow: hidden;
}
.justify, .div-p p {
text-align: justify;
}
.columns-counts {
-webkit-column-gap: 3em;
-moz-column-gap: 3em;
column-gap: 3em;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
}
.counts-5 {
-webkit-column-count: 5;
-moz-column-count: 5;
column-count: 5;
-webkit-column-gap: 1em;
-moz-column-gap: 1em;
column-gap: 1em;
}
.counts-4 {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
}
.counts-3 {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
.counts-2 {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.list-flex {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
list-style-type: none;
margin: 0;
padding: 0;
}
.list-flex.jc-start {
justify-content: flex-start;
}
.list-flex li {
display: flex;
align-items: center;
justify-content: center;
margin: 10px 0;
text-align: center;
}
.list-flex.jc-start li {
margin-left: 5px;
margin-right: 5px;
}
.list-flex li a.block {
display: block;
width: 100%;
}
.flex-2 li {
flex-basis: calc(50% - 10px);
}
.flex-3 li {
flex-basis: calc(33.3% - 10px);
}
@media only screen and (max-width: 768px) {
}
.pricing-entry {
margin: 0;
}
.pricing-entry .text-big {
position: relative;
overflow: hidden;
}
.pricing-entry .text-big::after {
position: absolute;
bottom: 40%;
left: 0;
right: 0;
content: '';
width: 100%;
height: 1px;
border-bottom: 1px dashed #000;
z-index: -1;
}
.pricing-entry .text-big span {
background-color: #fff;
}
.pricing-entry .price {
float: right;
padding-left: 10px;
}
.pricing-entry .tag {
padding-right: 20px;
}
.widget-container {
margin: 0 auto;
width: 100%;
max-width: 1200px;
padding: 0 15px;
position: relative;
}
.widget-container.image-top {
margin-top: 100px;
margin-bottom: 40px;
}
.widget-container .wrapper {
position: relative;
display: flex;
margin: 0;
width: 90%;
}
.widget-container.image-left .wrapper {
margin-left: 10%;
}
.widget-container.image-right .wrapper {
margin-right: 10%;
}
.widget-container .wrapper>div {
flex-grow: 1;
}
.widget-container .image-wrapper {
width: 40%;
}
.widget-container .image-wrapper>span {
display: block;
position: relative;
margin-top: -100px;
margin-bottom: 60px;
}
.widget-container.image-left .image-wrapper>span {
margin-left: -118px;
}
.widget-container.image-right .image-wrapper > span {
margin-right: -118px;
}
.widget-container .content-wrapper {
width: 60%;
}
.widget-container .content-inner {
padding: 100px;
}
@media only screen and (max-width: 768px) {
.widget-container {
padding: 0;
}
.widget-container.image-top {
margin-top: 0;
margin-bottom: 0;
}
.widget-container .wrapper {
width: 100%;
}
.widget-container.image-left .wrapper {
margin-left: 0;
}
.widget-container .content-inner {
padding: 40px;
}
}
p>input#ext[type=hidden] {
display: none !important;
}
.big-radius {
border-radius: 50%
}
.small-radius {
border-radius: 4px;
}
.hw-img {
height: 160px;
width: 160px;
margin: auto;
}
.small-img {
height: 80px;
width: 80px;
}
.med-small-img {
height: 120px;
width: 120px;
}
.ptb15 {
padding-top: 15px;
padding-bottom: 15px;
}
/*.bold_mobile {
font-size: 2.3rem;
font-weight: 400;
}
*/
.badge.tl {
left: 10px;
padding: 5px;
border-radius: 0;
font-size: inherit;
font-weight: 500;
line-height: 1;
}
.badge.tll {
left: 10px;
top: 45px;
bottom: auto;
padding: 5px;
border-radius: 0;
font-size: inherit;
font-weight: 500;
line-height: 1;
}
.white_trans {
background-color: rgba(255, 255, 255, 1);
color: #002b4b;
}
.black_trans {
background-color: rgba(0, 0, 0, 1);
color: #fff;
}
.abs-bottom-wrapper {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 15px 15px 60px;
}
.ibpad {
display: inline-block;
padding: 5px 10px;
}
.hlist {
margin-left: 0;
margin-bottom: 5px;
padding: 0;
list-style-type: none;
}
.hlist>li {
display: inline-block;
margin-right: 10px;
}
.hlist>li:last-child {
margin-right: 0;
}
.hlist.small>li {
font-weight: 500;
/*font-size: 12px;
*/
}
.pills {
margin: 0;
padding: 0;
list-style-type: none;
}
.pills>li {
display: inline-block;
padding: 3px 5px;
background-color: #fff;
line-height: 1;
}
.ikonik {
margin: 0 0 0 30px;
list-style-type: none;
}
.ikonik li {
position: relative;
padding-left: -30px;
padding-top: 7px;
padding-bottom: 7px;
line-height: normal;
}
.ikonik li i {
position: absolute;
left: -30px;
top: 50%;
transform: translateY(-50%);
width: 16px;
height: 16px;
background-repeat: no-repeat;
background-position: center center;
}
.ic-clock {
background-image: url(img/iconic/ic-clock.png)
}
.ic-bed {
background-image: url(img/iconic/ic-bed.png)
}
.ic-bath {
background-image: url(img/iconic/ic-bath.png)
}
.ic-bathtub {
background-image: url(img/iconic/ic-bathtub.png)
}
.ic-ac {
background-image: url(img/iconic/ic-ac.png)
}
.ic-livroom {
background-image: url(img/iconic/ic-livroom.png)
}
.ic-sofa {
background-image: url(img/iconic/ic-sofa.png)
}
.ic-sofabed {
background-image: url(img/iconic/ic-sofa-bed.png)
}
.ic-tv {
background-image: url(img/iconic/ic-tv.png)
}
.ic-tvcable {
background-image: url(img/iconic/ic-tv-cable.png)
}
.ic-depbox {
background-image: url(img/iconic/ic-depbox.png)
}
.ic-wifi {
background-image: url(img/iconic/ic-wifi.png)
}
.ic-secure {
background-image: url(img/iconic/ic-secure.png)
}
.ic-desk {
background-image: url(img/iconic/ic-desk.png)
}
.ic-dine {
background-image: url(img/iconic/ic-dine.png)
}
.ic-shower {
background-image: url(img/iconic/ic-shower.png)
}
.ic-dryer {
background-image: url(img/iconic/ic-dryer.png)
}
.ic-coffee {
background-image: url(img/iconic/ic-coffee.png)
}
.ic-bar {
background-image: url(img/iconic/ic-bar.png)
}
.ic-shoe {
background-image: url(img/iconic/ic-shoe.png)
}
.ic-news {
background-image: url(img/iconic/ic-news.png)
}
.ic-smoke {
background-image: url(img/iconic/ic-smoke.png)
}
.ic-nosmoke {
background-image: url(img/iconic/ic-no-smoke.png)
}
.ic-towel {
background-image: url(img/iconic/ic-towel.png)
}
.ic-phone {
background-image: url(img/iconic/ic-phone.png)
}
.ic-dock {
background-image: url(img/iconic/ic-dock.png)
}
.ic-robe {
background-image: url(img/iconic/ic-bathrobe.png)
}
.ic-alarm {
background-image: url(img/iconic/ic-alarm-radio.png)
}
.ic-desk-chair {
background-image: url(img/iconic/ic-desk-chair.png)
}
.ic-iron {
background-image: url(img/iconic/ic-iron.png)
}
.ic-pajamas {
background-image: url(img/iconic/ic-pajamas.png)
}
.ic-tooth {
background-image: url(img/iconic/ic-tooth-brush.png)
}
.ic-shampoo {
background-image: url(img/iconic/ic-shampoo.png)
}
.ic-soap {
background-image: url(img/iconic/ic-soap.png)
}
.ic-slippers {
background-image: url(img/iconic/ic-slippers.png)
}
.ic-dvd {
background-image: url(img/iconic/ic-dvd.png)
}
.ic-refrig {
background-image: url(img/iconic/ic-refrigerator.png)
}
.ic-dispenser {
background-image: url(img/iconic/ic-dispenser.png)
}
.ic-kitchen {
background-image: url(img/iconic/ic-kitchenware.png)
}
.ic-stationary {
background-image: url(img/iconic/ic-stationary.png)
}
.ic-desklamp {
background-image: url(img/iconic/ic-desklamp.png)
}
.ic-bwater {
background-image: url(img/iconic/ic-bowater.png)
}
.ic-24rs {
background-image: url(img/iconic/ic-24rs.png)
}
.ic-snack {
background-image: url(img/iconic/ic-snack.png)
}
.ic-hcwater {
background-image: url(img/iconic/ic-hcwater.png)
}
.ic-pillow {
background-image: url(img/iconic/ic-pillow.png)
}
.ic-comb {
background-image: url(img/iconic/ic-comb.png)
}
.ic-razor {
background-image: url(img/iconic/ic-razor.png)
}
.ic-haircap {
background-image: url(img/iconic/ic-hair-cap.png)
}
.ic-ent {
background-image: url(img/iconic/ic-karaoke.png)
}
.ic-toilet {
background-image: url(img/iconic/ic-wastafel.png)
}
.ic-cctv {
background-image: url(img/iconic/ic-cctv.png)
}
.ic-laundry {
background-image: url(img/iconic/ic-laundry.png)
}
.ic-fitness {
background-image: url(img/iconic/ic-fitness.png)
}
.ic-cupboard {
background-image: url(img/iconic/ic-cupboard.png)
}
.ic-theater {
background-image: url(img/iconic/ic-home-theater.png)
}
.ic-cake {
background-image: url(img/iconic/ic-cake.png)
}
.ic-medic {
background-image: url(img/iconic/ic-medic.png)
}
.ic-printer {
background-image: url(img/iconic/ic-printer.png)
}
.ic-heater {
background-image: url(img/iconic/ic-heater.png)
}
.ic-balcony {
background-image: url(img/iconic/ic-balcony.png)
}
.ic-jacuzzi {
background-image: url(img/iconic/ic-jacuzzi.png)
}
.ic-swimpool {
background-image: url(img/iconic/ic-swim-pool.png)
}
.ic-makeup {
background-image: url(img/iconic/ic-makeup.png)
}
.ic-resto {
background-image: url(img/iconic/ic-resto.png)
}
.ic-bars {
background-image: url(img/iconic/ic-bars.png)
}
.ic-coffee-shop {
background-image: url(img/iconic/ic-coffee-shop.png)
}
.ic-airport {
background-image: url(img/iconic/ic-airport.png)
}
.ic-elevator {
background-image: url(img/iconic/ic-elevator.png)
}
.ic-lift {
background-image: url(img/iconic/ic-lift.png)
}
.ic-roomsrv {
background-image: url(img/iconic/ic-roomsrv.png)
}
.ic-business {
background-image: url(img/iconic/ic-business.png)
}
.ic-concierge {
background-image: url(img/iconic/ic-concierge.png)
}
.ic-shuttle {
background-image: url(img/iconic/ic-shuttle.png)
}
.ic-spa {
background-image: url(img/iconic/ic-spa.png)
}
.ic-kids {
background-image: url(img/iconic/ic-ball.png)
}
.ic-carpark {
background-image: url(img/iconic/ic-car.png)
}
.ic-valepark {
background-image: url(img/iconic/ic-valet-park.png)
}
.ic-garden {
background-image: url(img/iconic/ic-garden.png)
}
.ic-salon {
background-image: url(img/iconic/ic-salon.png)
}
.ic-niteclub {
background-image: url(img/iconic/ic-night-club.png)
}
.ic-doc24 {
background-image: url(img/iconic/ic-doctor-24.png)
}
.ic-taxi {
background-image: url(img/iconic/ic-taxi.png)
}
.ic-disabled {
background-image: url(img/iconic/ic-disabled.png)
}
.ic-lan {
background-image: url(img/iconic/ic-lan-net.png)
}
.ic-luggage {
background-image: url(img/iconic/ic-luggage.png)
}
.ic-poolbar {
background-image: url(img/iconic/ic-pool-bar.png)
}
.ic-meetfac {
background-image: url(img/iconic/ic-meeting-facilities.png)
}
.ic-lounge {
background-image: url(img/iconic/ic-lounge.png)
}
.ic-babycot {
background-image: url(img/iconic/ic-baby-cot.png)
}
.ic-beach {
background-image: url(img/iconic/ic-beach.png)
}
.ic-beach1 {
background-image: url(img/iconic/ic-beach-1.png)
}
.ic-clinic {
background-image: url(img/iconic/ic-clinic.png)
}
.ic-tourinfo {
background-image: url(img/iconic/ic-tour-info.png)
}
.ic-gazebo {
background-image: url(img/iconic/ic-gazebo.png)
}
.ic-roofbar {
background-image: url(img/iconic/ic-rooftop-bar.png)
}
.ic-teniscourt {
background-image: url(img/iconic/ic-tenis-court.png)
}
.ic-gift {
background-image: url(img/iconic/ic-gift.png)
}
.ic-butler {
background-image: url(img/iconic/ic-butler.png)
}
.ic-bicycle {
background-image: url(img/iconic/ic-bicycle.png)
}
.ic-babycar {
background-image: url(img/iconic/ic-baby-car.png)
}
.ic-wchair {
background-image: url(img/iconic/ic-wheel-chair.png)
}
.ic-kidpool {
background-image: url(img/iconic/ic-kids-pool.png)
}
.ic-book {
background-image: url(img/iconic/ic-book.png)
}
.ic-casino {
background-image: url(img/iconic/ic-casino.png)
}
.ic-sauna {
background-image: url(img/iconic/ic-sauna.png)
}
.ic-steamroom {
background-image: url(img/iconic/ic-steam-room.png)
}
.ic-golf {
background-image: url(img/iconic/ic-golf.png)
}
.ic-famroom {
background-image: url(img/iconic/ic-family-room.png)
}
.ic-shop {
background-image: url(img/iconic/ic-shop.png)
}
.ic-babysit {
background-image: url(img/iconic/ic-baby-sitt.png)
}
.ic-exfloor {
background-image: url(img/iconic/ic-exe-floor.png)
}
.ic-massage {
background-image: url(img/iconic/ic-massage.png)
}
.ic-front24 {
background-image: url(img/iconic/ic-front24.png)
}
.ic-faxphoto {
background-image: url(img/iconic/ic-fax-photo.png)
}
.ic-atm {
background-image: url(img/iconic/ic-atm.png)
}
.ic-mosque {
background-image: url(img/iconic/ic-mosque.png)
}
.ic-citytour {
background-image: url(img/iconic/ic-city-tour.png)
}
.ic-weldrink {
background-image: url(img/iconic/ic-welcome-drink.png)
}
.ic-carent {
background-image: url(img/iconic/ic-car-rent.png)
}
.ic-hclinic {
background-image: url(img/iconic/ic-house-clinic.png)
}
.ic-ironboard {
background-image: url(img/iconic/ic-iron-board.png)
}
.ic-cotton {
background-image: url(img/iconic/ic-cotton-swab.png)
}
.ic-lotion {
background-image: url(img/iconic/ic-lotion.png)
}
.ic-showroom {
background-image: url(img/iconic/ic-shower-room.png)
}
.ic-showhead {
background-image: url(img/iconic/ic-shower-head.png)
}
.ic-radio {
background-image: url(img/iconic/ic-radio.png)
}
.ic-mosquip {
background-image: url(img/iconic/ic-mosquito-equip.png)
}
.ic-roomwear {
background-image: url(img/iconic/ic-room-wear.png)
}
.ic-netjack {
background-image: url(img/iconic/ic-net-jack.png)
}
.ic-terrace {
background-image: url(img/iconic/ic-terrace.png)
}
.ic-sunlounge {
background-image: url(img/iconic/ic-sun-lounge.png)
}
.ic-dirserv {
background-image: url(img/iconic/ic-dir-serv.png)
}
.ic-wboiler {
background-image: url(img/iconic/ic-water-boiler.png)
}
.ic-socket {
background-image: url(img/iconic/ic-socket.png)
}
.ic-amenities {
background-image: url(img/iconic/ic-guest-amenities.png)
}
.ic-inpool {
background-image: url(img/iconic/ic-indoor-pool.png)
}
.ic-dintable {
background-image: url(img/iconic/ic-dining-table.png)
}
.ic-ftowel {
background-image: url(img/iconic/ic-towel-1.png)
}
.ic-htowel {
background-image: url(img/iconic/ic-towel-2.png)
}
.ic-haircond {
background-image: url(img/iconic/ic-hair-cond.png)
}
.ic-separate {
background-image: url(img/iconic/ic-separate-shower-tub.png)
}
.ic-mequip {
background-image: url(img/iconic/ic-music-equip.png)
}
.ic-bodysoap {
background-image: url(img/iconic/ic-body-soap.png)
}
.ic-gym {
background-image: url(img/iconic/ic-gym.png)
}
.ic-smoke1 {
background-image: url(img/iconic/ic-smoke-1.png)
}
.ic-racket {
background-image: url(img/iconic/ic-squash.png)
}
p.offers {
margin-bottom: 10px;
line-height: normal;
}
ul.offers {
list-style-position: outside !important;
list-style: square !important;
padding-left: 15px;
margin-left: inherit;
}
ul.offers li {
line-height: normal;
padding: 3px 0;
}
.col-iconfa .iholder i {
/*color: #004f41;
*/
vertical-align: middle;
}
.col-iconfa .iholder .fa-lg {
font-size: 3em;
}
.col-iconfa .iholder {
display: inline-block;
width: 120px;
height: 120px;
line-height: 120px;
/*border-radius: 50%;
background: #f5f5f5;
border: solid 2px #ccc;
*/
text-align: center;
/*margin: 15px auto 0*/
;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
@media only screen and (max-width: 768px) {
.col-iconfa .iholder .fa-lg {
font-size: 2em;
}
.col-iconfa .iholder {
width: 60px;
height: 60px;
line-height: 60px;
}
}
.logo-side-title {
display: inline-block;
width: 80px;
/*height: 50px;
*/
vertical-align: middle;
margin-right: 10px;
/*background-size: contain;
background-attachment: scroll;
background-repeat: no-repeat;
background-position: center center;
*/
}
/*.benefits div:hover, .benefits li:hover {
background:#004f41;
}
.benefits div:hover .iholder, .benefits li:hover .iholder {
background:#004f41;
border-color:#fff;
}
.benefits div:hover .iholder i, .benefits li:hover .iholder i {
color:#fff;
}
.benefits div:hover h5, .benefits div:hover p, .benefits li:hover h5, .benefits li:hover p {
color:#fff;
}
*/
/************************************************************************************ MEDIA QUERIES *************************************************************************************/
@media only screen and (max-width: 768px) {
/* ============ new mobile custom ============ */
body {
background-color: #fff !important;
}
body, button, input, select, textarea, p {
font-size: 14px;
}
ul, ol {
margin-left: 0;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 600;
}
.content_wrapper {
padding-left: 0 !important;
padding-right: 0 !important;
}
#content {
padding-left: 15px;
padding-right: 15px;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.radius {
border-radius: 0;
}
.slide_mobile, .ss-slider {
margin: 0;
}
.slide_mobile .slick-list, .slide_mobile .ss-item {
padding: 0;
position: relative;
}
.slide_mobile .slick-dots {
bottom: 10px;
margin-bottom: 0;
}
.slide_mobile .slick-dots li {
text-align: center;
width: 10px;
height: 10px;
}
.slide_mobile .slick-dots li button {
width: 5px;
height: 5px;
}
.slide_mobile .slick-dots li button:before {
font-size: 0;
line-height: 1;
content: '';
display: block;
width: 5px;
height: 5px;
border-radius: 10px;
background: #fff;
border: solid 2px rgba(255, 255, 255, 0);
opacity: .50;
}
.slide_mobile .slick-dots li.slick-active button:before {
background: #000;
border-color: rgba(255, 255, 255, 1);
opacity: 1 !important;
}
.slide_mobile .slick-dots li button:hover:before {
opacity: .50;
}
.slide_mobile.has_caption .slide_mobile_captions {
position: relative;
width: 100%;
border-bottom: solid 1px #ddd;
padding: 5px 15px;
}
.slide_mobile.has_caption .slide_mobile_captions .caption {
line-height: 1;
font-weight: 500;
}
.slide_mobile.has_caption .slick-dots {
bottom: 45px;
}
.slide_mobile.has_caption .slide_mobile_captions.arr::after {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
content: "\f105";
font-family: "FontAwesome";
font-size: 30px;
line-height: 1;
}
.slide_mobile_2 .slick-list {
padding: 0;
}
.slide_mobile_2 .ss-item {
margin-bottom: 2px;
}
.slide_mobile.out_dots .slick-dots, .out_dots .slick-dots {
position: relative;
bottom: auto;
margin-bottom: inherit;
}
.slide_mobile.out_dots .slick-dots li button:before {
border: solid 2px rgba(0, 0, 0, 1);
}
.slide_mobile.out_dots .slick-dots li.slick-active button:before {
border-color: rgba(0, 0, 0, 1);
}
.button_link_mobile {
display: block;
position: relative;
background-color: #fff;
border-bottom: solid 1px #ddd;
padding: 5px 15px;
}
.button_link_mobile span {
font-size: inherit;
font-weight: 500;
line-height: 1;
color: #000;
}
.button_link_mobile span::after {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
content: "\f105";
font-family: "FontAwesome";
font-size: 30px;
line-height: 1;
}
.button_link_mobile:focus {
background-color: #002b4b;
}
.button_link_mobile:focus span {
color: #fff;
}
}
@media only screen and (max-width: 480px) {
.counts-2 {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
.counts-4 {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
}
/* for 768px or less */
@media only screen and (max-width: 768px) {
body {
background-color: #f9f9f9;
}
#wrap {
padding: 0;
width: 100%;
}
#main {
overflow: visible;
padding: 0;
}
#content, #primary, #secondary, #tertiary {
background: none;
float: none;
margin: 0;
padding: 0;
}
#content {
padding: 0 15px;
}
#primary, #secondary, #tertiary {
width: 100%;
}
#masthead .site-introduction {
float: none;
padding: 0;
width: 100%;
}
.site-header site-introduction {
padding: 0.8em;
}
.header_container {
width: 100%;
padding: 0;
}
.site-main {
padding: 0 0 25px 0 !important
}
#masthead-wrap {
position: relative
}
#masthead .site-introduction {
padding: 30px 0;
border-bottom: solid 3px #FFCB04;
}
.wraps {
max-width: 100%;
width: 100%;
padding: 0;
}
.header-title {
float: none;
margin: 0;
padding: 30px 15px;
background: #404041;
}
.entry-title, .page-title, .entry-meta {
text-align: center
}
.site-title {
padding-bottom: 0;
padding-top: 0
}
.site-header .site-introduction {
position: relative;
}
.site-title a, .site-description {
padding-top: 10px;
padding-bottom: 10px
}
.site-footer {
height: auto;
margin-top: 0;
}
.trigger-booking {
position: relative;
margin: 0;
right: auto
}
#trigger {
width: 100%;
padding: 0
}
#top_trig {
width: auto
}
#slide_widget {
position: relative;
bottom: auto;
right: auto;
width: auto
}
#widget_top {
position: relative;
top: auto;
right: auto;
width: auto
}
.widget-booking {
width: auto;
float: none;
display: block;
margin: 0
}
.top_booking {
display: block;
width: 100%;
margin: 0;
float: none;
}
form#formreservation .blok, form#inbook .blok {
float: none
}
form#formreservation input.cal[type="text"], form#inbook input.cal[type="text"] {
margin: 0;
padding: 5px 2%;
background-position: 98% 50%
}
form#formreservation select.short, form#inbook select.short {
width: 100%
}
form#formreservation h2 {
text-align: center
}
.fancyselect {
width: 100%
}
.fancyselect .dropdown {
position: relative;
width: auto;
right: auto
}
/*.xclose {
float:none;
margin:5px auto 0!important;
display:block;
width:65px;
}
*/
.xclose {
position: absolute;
right: 10px;
top: 28px;
display: block;
width: 20px;
height: 20px;
line-height: 20px;
cursor: pointer;
padding: 0;
background: none;
float: none;
text-align: center;
font-size: 20px;
}
.lefts, .rights {
float: none;
display: inline-block;
width: 100%;
margin: 0
}
.brandMap {
margin-top: 10px
}
#content.fullwidth, #primary, #secondary, #tertiary {
margin-top: 0 !important
}
.recent-featured-thumb-detail {
width: auto;
float: none;
margin-right: 0;
margin-bottom: 20px
}
.foot-menu ul {
margin-bottom: 15px
}
.foot-menu ul li {
display: block;
float: none;
border-right: none;
border-bottom: solid 1px #444444 !important;
padding: 2px 5px !important
}
.wrapper-abs {
position: relative;
margin: 0 auto;
left: auto;
top: auto;
width: auto
}
.min {
margin-top: auto;
padding-top: 0
}
.custom-page-title {
margin-left: 0;
line-height: normal;
font-size: 2.2rem;
}
.custom-page-title span::before, .custom-page-title span::after {
width: 40px;
}
.custom-page-title span::before {
margin-right: 5px;
}
.custom-page-title span::after {
margin-left: 5px;
}
.page-header {
margin: 0
}
.inshow {
margin: 0 -10px
}
.wdgt {
display: none
}
.table-box {
width: 100%;
overflow-x: auto;
}
.table-box table td, .table-box table th {
min-width: 160px;
vertical-align: middle;
text-align: center !important;
}
/*.responsive table, .responsive thead, .responsive th, .responsive tr, .responsive td {
display: block;
}
.responsive thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
.responsive thead tr td {
padding-left:5%!important;
}
.responsive td {
border: none!important;
padding-left: 45%!important;
position: relative;
}
.responsive tr {
border-bottom:solid 1px #dedede;
}
.responsive tr:last-child {
border-bottom:none;
}
.responsive td:before, .responsive th:before {
position: absolute;
top: 5px;
left: 5px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
content: attr(data-label) "";
font-weight:700
}
*/
.responsive-tabs__heading {
font-weight: 400 !important;
font-size: 14px !important;
line-height: normal !important
}
.responsive-tabs .responsive-tabs__heading--active, .responsive-tabs .responsive-tabs__heading--active:hover {
background-color: #002b4b !important;
}
.hidden {
display: none
}
.socmed #social {
float: none;
width: auto;
margin: auto;
text-align: center;
}
.socmed #social li {
text-align: center;
display: inline-block;
float: none;
}
.socmed {
text-align: center;
}
.socmed span {
float: none;
}
.actr {
text-align: center
}
.rt {
text-align: left;
}
.btn-vr {
margin: -0.9em -0.8em 0;
float: none;
clear: both;
}
.absolute {
position: relative;
width: auto;
margin: 0;
left: auto;
top: auto
}
.fixed_wrap {
position: relative;
height: auto
}
.gap, .gap1 {
margin-top: 0
}
.cover {
height: 150px
}
.awesome-weather-wrap {
height: auto;
}
.stick, .stick-1 {
position: relative !important;
top: auto;
left: auto;
z-index: auto;
}
#hbook-wrap.stick-1 .col {
float: none !important;
margin-left: 0;
margin-bottom: 10px;
margin-top: 0;
}
#hbook-wrap.stick-1 .span_1_of_8, #hbook-wrap.stick-1 .span_2_of_8, #hbook-wrap.stick-1 input[type="submit"] {
width: 100%;
}
.plr20 {
padding: 15px 0;
}
.desinfo dt {
}
.desinfo dd {
margin-left: 0;
}
.hide-for-small {
display: none !important;
}
.show-for-small {
display: block;
}
.bottom-fixed {
height: 50px;
width: 100%;
position: fixed;
bottom: 0px;
left: 0px;
background: #ccc;
box-shadow: 0 -7px 7px -7px rgba(0, 0, 0, .5);
z-index: 2;
}
.bottom-fixed-wrapper {
height: 50px;
}
.bbtn {
background: #002b4b;
color: #fff;
display: block;
height: 50px;
line-height: 50px;
font-size: 20px;
font-size: 2rem;
font-family: 'Cinzel', serif;
font-weight: 600;
text-align: center;
}
.bbtn:hover, .bbtn:focus, .bbtn:visited {
color: #fff;
background: #002b4b;
}
#bottom_widget {
position: fixed;
bottom: 0;
left: 0;
background: #fff;
border-top: solid 3px #ddd;
width: 100%;
padding: 15px;
z-index: 2;
}
#cd-panel-overlay {
background: rgba(0, 0, 0, 0.5);
position: fixed;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
z-index: 1;
}
.minp {
height: auto;
}
.minp p {
line-height: 1.5;
}
.side-text {
top: 0;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
padding: 10%;
}
.side-text-wrap, .zigzag.morevh .side-text-wrap {
height: auto;
}
.side-img, .zigzag.morevh .side-img {
height: 40vh;
}
#book_widget_def {
background: #fff;
}
#book_widget_def h2 {
background: #000;
color: #fff;
margin: 0;
}
#book_widget_def #hbook {
padding: 15px;
}
.vjs-youtube-mobile .vjs-big-play-button {
display: flex !important;
top: 50% !important;
}
.vjs-youtube-mobile.vjs-has-started .vjs-big-play-button {
display: none !important;
}
.vjs-big-play-centered .vjs-big-play-button {
/*transform: translateY(-50%);
*/
}
.video-section {
height: 50vh;
}
.arrow-after {
display: none;
}
.video-caption {
position: relative;
left: auto;
bottom: auto;
z-index: auto;
width: 100%;
background: rgba(255, 255, 255, 1);
}
.text-center {
text-align: center;
}
.site-info {
text-align: center;
}
.colcount.four {
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1;
}
.box-bg-white {
position: relative;
background-color: #fff;
box-shadow: 0 .125rem .125rem 0 rgba(0, 0, 0, .1);
padding: 5%;
margin-top: -125px;
}
.hometext {
padding-bottom: 0;
}
.hometext .wraps {
padding-left: 10px;
padding-right: 10px;
}
.hometext .custom-page-title {
font-size: 2rem;
}
.type-bottomline {
font-size: 2.5rem;
font-weight: 500;
}
.type-bottomline:after {
padding-top: 7px;
}
.content_wrapper {
padding-bottom: 0;
padding-left: .8em;
padding-right: .8em;
}
.pricing-entry .text-big span {
background-color: transparent;
float: left !important;
}
.pricing-entry .tag {
padding-right: 0;
}
.popup {
z-index: 99991;
}
.popup-inner {
max-width: 100%;
min-height: 100%;
top: auto;
transform: translateY(0);
padding-top: 30px;
}
.popup-inner.video {
/*max-width: 100%;
*/
min-height: auto;
top: 50%;
transform: translateY(-50%);
padding-top: 0;
}
.popup-close {
transform: none;
border-radius: 0;
border: none;
height: auto;
line-height: 1;
top: 0;
right: 0;
background: rgba(0, 0, 0, 0);
color: #000 !important;
font-size: 30px;
font-weight: 400;
}
/*.popup-close::after {
font-family: "FontAwesome";
content: '\f30a';
}
*/
}
/* ======================================= GRID LAYOUT ====================================== */
.section {
clear: both;
padding: 6px;
margin: 0px;
}
.group:before, .group:after {
content: "";
display: table;
}
.group:after {
clear: both;
}
.group {
zoom: 1;
/* For IE 6/7 (trigger hasLayout) */
}
.col {
display: block;
float: left;
margin: 1% 0 1% 1%;
}
.col:first-of-type {
margin-left: 0;
}
/* all browsers except IE6 and lower */
/* GRID OF TWO ============================================================================= */
.span_2_of_2 {
width: 100%;
}
.span_1_of_2 {
width: 49.5%;
}
/* GRID OF THREE ============================================================================= */
.span_3_of_3 {
width: 100%;
}
.span_2_of_3 {
width: 66.33%;
}
.span_1_of_3 {
width: 32.66%;
}
/* GRID OF EIGHT ============================================================================= */
.span_8_of_8 {
width: 100%;
}
.span_7_of_8 {
width: 87.37%;
}
.span_6_of_8 {
width: 74.75%;
}
.span_5_of_8 {
width: 62.12%;
}
.span_4_of_8 {
width: 49.5%;
}
.span_3_of_8 {
width: 36.87%;
}
.span_2_of_8 {
width: 24.25%;
}
.span_1_of_8 {
width: 11.62%;
}
/* no margin col */
.sections {
clear: both;
padding: 0px;
margin: 0px;
}
/* COLUMN SETUP */
.cols {
display: block;
float: left;
margin: 1% 0 1% 0%;
}
.cols:first-child {
margin-left: 0;
}
/* hendra */
.plr55 {
padding-left: 55px;
padding-right: 55px;
}
.plr60 {
padding-left:60px;
padding-right:60px;
}
.plr30 {
padding-left: 30px;
padding-right: 30px;
}
.grid-outer {
padding-left: 15px;
padding-right: 15px;
}
.justgrid {
display: grid;
grid-gap: 20px;
justify-content: center;
align-content: center;
}
.grid_3 {
grid-template-columns: repeat(8, 12.5%);
grid-template-rows: repeat(2, 300px);
}
.justgrid .gridcol {
position: relative;
overflow: hidden;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-attachment: scroll;
background-repeat: no-repeat;
background-position: center center;
}
.grid_3 .gridcol:nth-child(1) {
grid-column: 1 / 5;
grid-row: 1 / 3;
}
.grid_3 .gridcol:nth-child(2) {
grid-column: 5 / 7;
grid-row: 1 / 3;
}
.grid_3 .gridcol:nth-child(3) {
grid-column: 7 / 9;
grid-row: 1 / 3;
}
.grid_wrap {
display: grid;
grid-gap: 26px;
justify-content: center;
align-content: center;
grid-template-columns: minmax(25%, 1fr) 25% 25%;
}
.grid_wrap .col {
margin: 0;
float: none;
display: inherit;
}
.spans_12_of_12 {
width: 100%;
}
.spans_11_of_12 {
width: 91.66%;
}
.spans_10_of_12 {
width: 83.33%;
}
.spans_9_of_12 {
width: 75%;
}
.spans_8_of_12 {
width: 66.66%;
}
.spans_7_of_12 {
width: 58.33%;
}
.spans_6_of_12 {
width: 50%;
}
.spans_5_of_12 {
width: 41.66%;
}
.spans_4_of_12 {
width: 33.33%;
}
.spans_3_of_12 {
width: 25%;
}
.spans_2_of_12 {
width: 16.66%;
}
.spans_1_of_12 {
width: 8.333%;
}
.check_availability {
font-weight: 600;
}
@media only screen and (max-width: 480px) {
.col, .cols {
margin: 1% 0 1% 0%;
}
.span_1_of_2, .span_2_of_2, .span_1_of_3, .span_3_of_3, .span_2_of_3, .span_8_of_8, .span_7_of_8, .span_6_of_8, .span_5_of_8, .span_4_of_8, .span_3_of_8, .span_2_of_8, .span_1_of_8 {
width: 100%;
}
.spans_1_of_12, .spans_2_of_12, .spans_3_of_12, .spans_4_of_12, .spans_5_of_12, .spans_6_of_12, .spans_7_of_12, .spans_8_of_12, .spans_9_of_12, .spans_10_of_12, .spans_11_of_12, .spans_12_of_12 {
width: 100%;
}
}