/*
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;
}
body {
position: relative;
}
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: #000;
font-family: 'Heebo', sans-serif;
font-size: 15px;
font-weight: 300;
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: 'Playfair Display SC', serif;
font-weight: 400;
color:#000;
line-height: normal;
}
h1 {
font-size: 30px;
font-size: 3rem;
}
h2 {
font-size: 26px;
font-size: 2.6rem;
}
h3 {
font-size: 18px;
font-size: 1.8rem;
}
h4 {
font-size: 16px;
font-size: 1.6rem;
}
h5 {
font-size: 14px;
font-size: 1.4rem;
}
h6 {
font-size: 12px;
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;}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin: 0.6em 0;
}
hr.white { padding: 0; margin-bottom: 7px; border: none; border-top: medium double #333; color: #333; 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;
font-size: 15px;
}
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: #000;
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: #999;
}
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;}
.p30 {padding: 30px;}
.mt0 {margin-top:0!important;}
.mt15 {margin-top:15px!important;}
.mb0 {margin-bottom:0!important;}
.m0 {margin:0!important;}
.mb10 {margin-bottom:10px!important;}
.mb30 {margin-bottom:30px!important;}
.mt10 {margin-top:10px!important;}
.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 #333;*/
}
.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: #333;
}
#tertiary li a{
color: #999;
}
#tertiary li a:hover{
color: #333;
}
/* =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;
position: relative;
height:100%;
}
.header_container {
/*margin: 0 auto;
position:relative;*/
width:100%;
position:fixed;
left:0;
top:0;
background: #366668;
/*background:rgba(255,255,255,.95);
box-shadow: 0px 2px 6px -2px rgba(0, 0, 0, 0.25);*/
z-index:3;
}
.header_inner {
margin:0 auto;
max-width:1250px;
padding:0 15px;
position:relative;
}
.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 {
clear: both;
margin: 0 auto;
/*padding-bottom:50px;*/
background-color: #f3f3f3;
border-top:solid 5px #ddd;
position:relative;
}
.footer_container {
margin: 0 auto;
max-width: 1250px;
padding-bottom: 80px;
}
.wraps {
margin: 0 auto;
max-width: 1250px;
padding:0 15px;
}
/* =Site Header
----------------------------------------------- */
#masthead-wrap {
clear:both;
width:100%;
margin:0;
padding:0;
background:#fff;
/* 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 );*/
}
.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: 200px;
padding: 20px 0;
float: left;
}
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:30px;
}
.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-size: 1.3rem;
font-size: 14px;
font-weight: 500;
margin-right: 0;
text-decoration: none;
text-transform:uppercase;
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: #b7aa8d;
display: block;
border-radius: 0;
border-bottom: solid 2px #B7AA8D;
/*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: #c79c3e;
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: 1250px;
padding:15px;
/*background:#111;
background:rgba(17,17,17,.2);*/
}
.sticky h1{
border-bottom: 6px solid #333;
font-size: 20px;
font-size: 2.0rem;
}
.sticky h1 a{
color: #333;
}
.sticky h2{
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
font-size: 1.2rem;
margin-bottom: 0;
border-bottom: 7px solid #333;
}
.sticky h2 a{
background-color: #333;
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-size: 3.5rem;
font-weight: 700;
line-height:1;
margin: 0.4em 0;
padding: 0;
text-transform: uppercase;
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;font-size:2rem;margin-bottom:15px;font-weight:400;}
.entry-title.medium, .page-title.medium {font-size: 28px;font-size: 2.8rem;font-weight:400;}
body.search .page-title,
body.archive .page-title {
font-size: 16px;
font-size: 1.6rem;
margin-bottom: 1em;
}
.entry-meta {
clear: both;
font-size: 11px;
font-size: 1.1rem;
}
.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: #333;
}
.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: #333;
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: #333;
}
/* =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: #000;outline:none;}
.site-info p {margin:0;font-size:14px;}
.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: #333;
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;text-transform:uppercase;}
.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: #333;
}
.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:hover, #top_trig.active {background-color: #fff;border-color:#000;}
#top_trig:hover span, #top_trig.active span {color:#000;}
#trigger span, #top_trig span {width:auto;/*background: url(img/ic-cal.png) no-repeat 0 50%;*/color: #fff;font-size:14px;font-weight: 500;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:18px 0 0 0;position:relative}
#top_trig {background: #000;border:solid 1px #000;cursor: pointer;display: block;padding: 0.25em 1.5em;position:relative;text-align:center;}
#widget_top {width:300px;position:relative;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-wrap {padding: 20px 0;}
form#hbook h1 {margin:0;color:#fff;}
form#hbook label {color:#fff;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:#b7aa8d;border:solid 2px #b7aa8d;color:#fff;padding:0 15px;height:40px;font-weight:500;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:#5c4f46;border-color:#5c4f46;color:#fff;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:#333;border:solid 1px #fff;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;color: #000;font-size: 11px;font-weight: 400;border: none;}
ul#social li:last-child {margin: 0;}
ul#social li a {color: #b7aa8d;padding: 0 10px;line-height: 1;height: auto;}
ul#social li a:first-child {padding-left: 0;}
ul#social li a:hover {color: #356668;}
.color-fb {color: #3b5998;}
.color-instagram {color: #517fa4;}
.color-youtube {color: #bb0000;}
.color-tripadv {color: #00AF87;}
/* 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; margin-top:60px}
.brandMap img {display:block; width:100%;}
.brandMap a {display:block; position:absolute;}
.brandMap a.kgm {left:0; top:25%; width:14%; height:50%;}
.brandMap a.gf {left:22%; top:0%; width:15%; height:45%;}
.brandMap a.gino {left:40%; top:0%; width:8%; height:45%;}
.brandMap a.gv {left:51%; top:0%; width:10%; height:45%;}
.brandMap a.gse {right:28%; top:0%; width:8%; height:45%;}
.brandMap a.se {right:16%; top:0%; width:8%; height:45%;}
.brandMap a.zo {right:5%; top:0%; width:8%; height:45%;}
.brandMap a.mk {right:5%; bottom:0%; width:5%; height:43%;}
.brandMap a.ve {right:17%; bottom:0%; width:5%; height:43%;}
.brandMap a.bi {right:28%; bottom:0%; width:10%; height:43%;}
.brandMap a.gt {right:50%; bottom:0%; width:14%; height:43%;}
.brandMap a.ot {left:35%; bottom:0%; width:7%; height:43%;}
.brandMap a.am {left:22%; bottom:0%; width:9%; height:43%;}
.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 #333;/*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:auto; 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:1280px; margin-left:-640px;}
/*.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 {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:15px;line-height:1.65;}
ul.list li:last-child {border:none}
ul.list li.heading {color:#000;font-weight: 500;list-style-type:none}
ul.list-count {margin:0;padding:0}
ul.list-count li {list-style-type: none;padding:5px 0;text-align: center;border-right: solid 1px #ddd;}
ul.list-count li:last-child {border-right: none;}
ul.list-count .title {font-size: 4rem;}
.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-left: 3em;margin-bottom: 2em;padding: 0;}
ul.iconic:last-child {margin-bottom: 0;}
ul.iconic li {position: relative;list-style-type: none;display: inline-block;width: 100%;padding-top: 10px;padding-right: 5px;padding-bottom: 10px;margin: 5px 0;line-height: normal;border-bottom: solid 1px #ddd;}
ul.iconic li i {position: absolute;top: 50%;margin-top: -1em;left: -3em;width: 2em;height: 2em;text-align: center;line-height: inherit;background-repeat: no-repeat;background-position: center center;background-size: 100% 100%;}
.ic-bed {background-image: url('img/iconic/ic-bed.png')}
.ic-wifi {background-image: url('img/iconic/ic-wifi.png')}
.ic-bell {background-image: url('img/iconic/ic-bell.png')}
.ic-spa {background-image: url('img/iconic/ic-spa.png')}
.ic-pool {background-image: url('img/iconic/ic-pool.png')}
.ic-meeting {background-image: url('img/iconic/ic-meeting.png')}
.ic-parking {background-image: url('img/iconic/ic-parking.png')}
.ic-lift {background-image: url('img/iconic/ic-lift.png')}
.ic-dine {background-image: url('img/iconic/ic-dine.png')}
.ic-dine-2 {background-image: url('img/iconic/ic-dine-2.png')}
.ic-loundry {background-image: url('img/iconic/ic-loundry.png')}
.ic-tv {background-image: url('img/iconic/ic-tv.png')}
.ic-atm {background-image: url('img/iconic/ic-atm.png')}
.ic-24h_service {background-image: url('img/iconic/ic-24-hours-service.png')}
.ic-24h_front {background-image: url('img/iconic/ic-24-hours.png')}
.ic-guard {background-image: url('img/iconic/ic-guard.png')}
.ic-store {background-image: url('img/iconic/ic-store.png')}
.ic-garden {background-image: url('img/iconic/ic-garden.png')}
.ic-fitness {background-image: url('img/iconic/ic-fitness.png')}
.ic-ballroom {background-image: url('img/iconic/ic-ballroom.png')}
.ic-pastry {background-image: url('img/iconic/ic-pastry.png')}
.ic-rooftop {background-image: url('img/iconic/ic-rooftop.png')}
.ic-mushola {background-image: url('img/iconic/ic-mushola.png')}
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:#333;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: #f9f9f9!important;}
.bg-white {background-color: #fff;}
.bg-dark {background-color: #366668;}
.shadowed {box-shadow: 0 .125rem .125rem 0 rgba(0,0,0,.1);}
.google-map-placeholder {border-color:#ccc!important;}
.awesome-weather-wrap {height:500px;}
.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;}
/* datepicker style */
#ui-datepicker-div {display: none;border-radius:0;border-color:#ededed;font-family:inherit!important;background:#f8f8f8!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;}
#widget_top {
display: none;
}
.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;
}
.stick {position:fixed;top:0;z-index:3;width:100%;-webkit-animation: glidein 0.5s forwards;animation: glidein 0.5s forwards;}
.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)}
}
dl.desinfo {padding:0;margin:0;overflow:hidden;font-size:15px;font-size:1.5rem;}
.desinfo dt {float: left;clear: left;width: 190px;text-align: left;font-weight: 400;/*color: #000;*/}
.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-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;}
.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 2px #b7aa8d;padding: 5px 25px;margin-right: 10px;color: #fff;background-color:#b7aa8d;text-align: center;text-transform: uppercase;font-weight: 400;}
.link-inline:last-of-type {margin-right: 0;}
.link-inline:hover, .link-inline:focus, .link-inline:active, .link-inline:visited {color: #fff;}
.link-inline.cta, .link-inline.cta:hover, .link-inline.cta:focus, .link-inline.cta:active, .link-inline.cta:visited {background-color: #201f25;color: #fff;}
.link-inline.cta.white, .link-inline.cta.white:hover, .link-inline.cta.white:focus, .link-inline.cta.white:active, .link-inline.cta.white:visited {background-color: #fff;border-color: #fff;color: #201f25;}
.link-inline.ins, .link-inline.ins:hover, .link-inline.ins:focus, .link-inline.ins:active, .link-inline.ins:visited {background-color: #201f25;color: #fff;}
.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:hover, .link-inline.trans.black:focus, .link-inline.trans.black:active, .link-inline.trans.black:visited {background-color:transparent;color: #b7aa8d;border-color:#b7aa8d;}
.link-inline.trans.white, .link-inline.trans.white:hover, .link-inline.trans.white:focus, .link-inline.trans.white:active, .link-inline.trans.white:visited {background-color:transparent;color: #fff;border-color:#fff;}
.rate-price {line-height:1;}
.rate-price .start-price {font-size: 24px;font-weight: 500;color: #b7aa8d;}
.rate-price .coret-price {font-weight: 400;text-decoration: line-through;color: #999;}
.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;}
.video-section {width:100%;height:100vh;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;}
.video-js .vjs-big-play-button {top:50%;left:50%;margin-left:-1.5em;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;}
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;}
.eapps-instagram-feed a {text-transform: uppercase;font-size: 1.4em;pointer-events: none;}
.zigzag {background-color:#000;color:#fff;margin-bottom: 20px!important;}
.zigzag:last-child {margin-bottom: 0!important;}
.side-text-wrap {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 {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: 0;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:50px;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-parent {position: relative;overflow: hidden;}
.bg-img-child {height: 100%;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;}
.bg-img-parent:hover .bg-img-child, .bg-img-parent:focus .bg-img-child {/*-ms-transform: scale(1.2);-moz-transform: scale(1.2);-webkit-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);*/}
.bg-img-parent:hover .bg-img-child:before, .bg-img-parent:focus .bg-img-child:before {/*background-color: rgba(0,0,0,.1);*/}
.bg-img-child:before {content: "";height: 100%;width: 100%;position: absolute;top: 0;left: 0;/*background-color: rgba(0,0,0,.5);*/}
.bg-img-child span {width: 100%;padding:0 15px;color: #fff;text-align: center;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.bg-img-parent:hover span, .bg-img-parent:focus span {}
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,.5);}
figure.border-fx:hover .figure-img {-ms-transform: scale(1.2);-moz-transform: scale(1.2);-webkit-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}
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::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;}
.vh20 {height:200px;}
.vh30 {height:30vh;}
.vh35 {height:35vh;}
.vh40 {height:40vh;}
.vh45 {height:45vh;}
.vh50 {height:50vh;}
.vh60 {height:60vh;}
.vh65 {height:65vh;}
.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 #000;left:0;}
.box-triangle.right {border-width: 30px 30px 30px 0;border-color: transparent #000 transparent transparent;right:0;}
.arrow-after {position: absolute;bottom: 125px;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%;min-height: 270px;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: -10%;min-height: inherit}
.mid-centered {left: 50%;width: 70%;margin-left: -35%;margin-top: -50px;min-height: inherit}
.color-white {color: #fff;}
.big {font-size: 5rem;line-height: 1;}
.height1 {height:70px;}
.height2 {height:50px;}
.bg-item {background-color: #fff;position:relative;}
.shad-border {border: 1px solid #ececec;-moz-box-shadow: 0 .125rem .125rem 0 rgba(0,0,0,.2);-webkit-box-shadow: 0 .125rem .125rem 0 rgba(0,0,0,.2);box-shadow: 0 .125rem .125rem 0 rgba(0,0,0,.2);}
.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;}
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 {font-size: 3rem;font-weight: 400;line-height: 1;margin: 15px 0;padding-top: 0;padding-bottom: 15px;text-transform: capitalize;color: #000;text-align: left;position: relative;}
.title-underline::after {content: '';display: block;position: absolute;left: 0;bottom: 0;width: 7rem;border-bottom: thin solid #000;}
.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;}
.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: 150%;padding: 3em;}
.overlap-lefted-content {margin-left: -50%;}
.overlap-righted-content {margin-right: -50%;}
.offset-tile {position: relative;overflow: hidden;width: 100%;}
.offset-righted {padding: 1em 2em 1em 0;}
.offset-lefted {padding: 1em 0 1em 2em;}
.offset-tile-bg {background-color: #f3f3f3;top: 0;height: 100%;position: absolute;}
.offset-bg-righted {width: 95%;right: 0;}
.offset-bg-lefted {width: 95%;left: 0;}
.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-align: center;text-transform: uppercase;font-weight: 700;margin-bottom: 1.5em;}
.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;}
.slideCenterSet {margin:0 -30px;}
.slideCenterSet .ss-slide.slick-center {-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);-webkit-transform: scale(1);transform: scale(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 .ss-slide {padding-bottom: 5px;width: 800px;}
.slideCenterSet .ss-slide .content-space {display: none;}
.slideCenterSet .ss-slide.slick-center .content-space {display: block;}
.slideCenterSet .slick-prev, .slideCenterSet .slick-next {height: 50px;width: 50px;background: rgba(255,255,255,.8);text-align: center;margin-top: -25px;}
.slideCenterSet .slick-prev:hover, .slideCenterSet .slick-prev:focus, .slideCenterSet .slick-next:hover, .slideCenterSet .slick-next:focus {background: rgba(255,255,255,.8);}
.slideCenterSet .slick-prev {left:30px;}
.slideCenterSet .slick-next {right:30px;}
.slideCenterSet .slick-prev::before, .slideCenterSet .slick-next::before {font-family: "FontAwesome";font-size: 30px;color: #000;}
.slideCenterSet .slick-prev::before {content: "\f104";}
.slideCenterSet .slick-next::before {content: "\f105";}
.slideCenterSet .slick-dots {position: relative;bottom: auto;}
@media only screen and (max-width: 767px){
.slideCenterSet {margin:0;}
.slideCenterSet .slick-prev {left:0;}
.slideCenterSet .slick-next {right:0;}
}
.top_above {background: #df3041;}
.top_menu_nav ul {margin: 0;padding: 0;list-style: none;float: right;}
.top_menu_nav ul li {position: relative;float: left;border-left: solid 1px rgba(255,255,255,.2);}
.top_menu_nav ul li:last-child {border-right: solid 1px rgba(255,255,255,.2);}
.top_menu_nav ul li a {display: block;padding: 5px 10px;color: #fff;font-size: 1.2rem;}
.top_menu_nav ul li a:hover {background: rgba(0,0,0,.1);}
.fixed-bottom {position: fixed;z-index: 3;left: 0;right: 0;bottom: 0;background: #366668;}
.radius {border-radius: 8px;}
.columns-counts {-webkit-column-gap: 3em;-moz-column-gap: 3em;column-gap: 3em;}
.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;}
/* nimble portfolio */
.-skin-default .-filters {margin-top: 40px;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #ccc;text-align: center;}
.-skin-default .-filters .-filter {border-radius: 0!important;}
.-skin-default .-items .-item .itembox {width: 95%!important;border: solid 7px rgba(255,255,255,0)!important;}
.-skin-default .-item .title {margin-top: 7px;margin-left: 7px;}
.-skin-default .-filters .-filter.active {background: #366668 !important;border-color: #366668 !important;color: #fff;}
.-skin-default .-filters .-filter.active:hover, .-skin-default .-filters .-filter.active:focus {color: #fff!important;}
/*.-skin-default .-item .title {white-space:normal!important;line-height:normal;}*/
.custom-img-fix {position: absolute;top: 50%;transform: translateY(-50%);right: 30px;width: 200px;height: 200px;}
/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 768px or less */
@media only screen and (max-width: 768px) {
body {
background: #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 {}
#masthead-wrap {position:relative}
#masthead .site-introduction {padding:30px 0;border-bottom:solid 3px #FFCB04;}
.wraps {max-width: 100%;width:100%;}
.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}
.section_thumbnails h3, .section h3 {font-size:18px; text-align:center}
.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;}
.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}
.footer_container {padding-bottom: 0;}
.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;}
.custom-page-title span::before, .custom-page-title span::after {width:20px;display:none;}
.custom-page-title span::before {margin-right:0;}
.custom-page-title span::after {margin-left:0;}
.page-header {margin:0}
.inshow {margin:0 -10px}
.wdgt {display:none}
.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:#00247d!important;}
.hidden {display:none}
ul#social {margin:auto;text-align:center}
.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;}
.ui-datepicker-group {width:100%!important;clear:both;}
#ui-datepicker-div {left:0!important;width:100%!important;min-width:inherit!important;z-index: 99999!important;}
.ui-datepicker-calendar td {height:50px;width:50px;}
.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%;}
.desinfo dt {float: none;display:block;clear:both;width:auto;}
.desinfo dd {margin-left:0;}
.popup {z-index: 99999;}
.popup-inner {max-width: 95%;top: 30px;transform: translateY(0);}
.popup-close {right:10px;}
.hide-for-small {display:none!important;}
.show-for-small {display:block;}
.bottom-fixed {height: 50px;width: 100%;position: fixed;bottom:0;left:0;right:0;background: #ccc;box-shadow: 0 -7px 7px -7px rgba(0,0,0,.5);z-index:2;}
.bottom-fixed-wrapper {height: 50px;}
.bbtn {background: #b7aa8d;color: #fff;display: block;height:50px;line-height:50px;font-size: 20px;font-size: 2rem;font-weight: 600;text-align: center;}
.bbtn:hover, .bbtn:focus, .bbtn:visited {color:#fff;background:#b7aa8d;}
.bottom-booking-button {width: 50%;float: right;}
.bottom-food-button {width: 50%;float: left;background: rgb(54, 102, 104);}
.bottom-food-button:hover, .bottom-food-button:focus, .bottom-food-button:visited {background: rgb(54, 102, 104);}
#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;}
.link-inline {margin:0 0 10px;}
.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:40%!important;}
.vjs-youtube-mobile.vjs-has-started .vjs-big-play-button {display: none !important;}
.vjs-big-play-centered .vjs-big-play-button {margin-top: -1.5em !important;}
.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 {padding-bottom:60px;}
.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;}
.counts-3, .counts-4 {-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;}
}
/* ======================================= 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; }
.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%;}
@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%;}
}