/*
Theme Name: Alaric
Theme URI: http://www.alaric.id
Author: Alaric
h1
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: #333;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 1.9;
}
@font-face {
font-family: 'TypoGraphica';
src: url('font/TypoGraphica.otf');
font-weight: normal;
font-style: normal;
}
.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;}
/* Headings */
h1, h2, h3, h4, h5, h6, .as-h {
clear: both;
margin: 0.6em 0;
font-family: 'Figtree', sans-serif;
/*font-family: 'Crimson Text', serif;*/
font-weight: 500;
line-height: normal;
text-transform: uppercase;
letter-spacing: 2px;
}
/*.heading_dif {font-family: 'Crimson Text', serif;}
.heading_cont {font-family: 'Montserrat', sans-serif; font-weight: 500;}*/
h1, .as-h1 {font-size: 3.6rem;}
h2, .as-h2 {font-size: 2.6rem;}
h3, .as-h3 {font-size: 1.8rem;}
h4, .as-h4 {font-size: 1.6rem;}
h5, .as-h5 {font-size: 1.4rem;}
h6, .as-h6 {font-size: 1.2rem;}
.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 rgba(0, 0, 0, .5);
color: #333;
text-align: center;
background-color: rgba(255, 255, 255, .5);
}
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: #333;
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: #333;
}
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;}
.pl15 {padding-left: 15px;}
.plr0 {padding-left:0!important;padding-right:0!important;}
.pt0 {padding-top: 0!important;}
.pb0 {padding-bottom: 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;}
.mb30 {margin-bottom:30px;}
.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 #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;min-height: 100%;}
#masthead-wrap {position: relative;}
.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-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;}
.rating {unicode-bidi: bidi-override;direction: rtl;font-size: 30px;}
.rating span.star {font-family: 'FontAwesome';font-weight: normal;font-style: normal;display: inline-block;}
.rating span.star::before {content: "\f006";padding-right: 5px;color: #777;}
#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
----------------------------------------------- */
.footer_container {margin: 0 auto;max-width: 1170px;padding:0 15px;}
.site-footer {border-top: solid 3px #f6f6f6;/*background-color: #a66594;color: #fff;*/}
.site-info {padding: 30px 0;text-align: left;}
.site-info a, .site-footer .widget a {/*color: #fff;*/outline: none;}
.site-info p {margin: 0;}
.site-info .widget {padding: 0 8px 8px 8px;}
.footer-logo {width: 170px;margin-bottom: 20px;padding: 0 8px;}
@media only screen and (max-width: 768px) {
.footer-logo {margin-left: auto;margin-right: auto;}
.footer_menu_nav li {display: inline-block;}
.footer_menu_nav li a {padding: 0 3px;}
}
.wraps {
margin: 0 auto;
max-width: 1170px;
padding:0 15px;
}
.tight {max-width: 800px;}
/* =Site Header
----------------------------------------------- */
.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: 170px;
padding: 25px 0;
float: left;
margin-left: 50px;
}
.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:50px;
}
.main-navigation:after {
clear: both;
display: block;
}
.main-navigation ul {
list-style: none;
text-align:center;
max-width: 1170px;
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: #a66594;
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: 1170px;
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-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.lefted, .page-title.lefted {text-align: left;}
.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: #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;
}
/* 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;}
.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;}
.top_booking {position: relative;float: right;margin: 25px 0;}
.widget-booking {width: 210px;padding: 15px;margin: 0;border-bottom: solid 3px #9e8255;background-color: rgba(0, 0, 0, .7);}
#slide_widget {
position: absolute;
z-index: 1;
right: 0;
bottom: 60px;
padding: 15px;
width: 210px;
border-top: solid 3px #00634e;
background: rgba(0, 0, 0, .7);
box-shadow: 0 0 5px rgba(0, 0, 0, .5)
}
#trigger {
position: relative;
display: block;
width: 240px;
height: 60px;
line-height: 60px;
background-color: #00634e;
cursor: pointer;
padding: 0;
text-align: center;
}
#trigger:hover, #trigger.active {background-color: #fff;border-color: #a66594;}
#trigger span {
width: auto;
color: #fff;
/*font-family: 'Cinzel', serif;
font-size: 14px;
font-weight: 500;
background: url(img/ic-cal.png) no-repeat 0 50%;*/
text-transform: capitalize;
margin: auto;
}
#trigger span:after {
display: inline;
content: "\f107";
font-family: "FontAwesome";
font-size: 20px;
float: right;
margin-left: 10px;
margin-top: -5px;
}
#top_trig {
background-color: #a66594;
border: solid 1px #a66594;
cursor: pointer;
width: 200px;
padding: 0.25em 1.5em;
position: relative;
text-align: center;
}
#top_trig span {width: auto;color: #fff;text-transform: uppercase;margin: auto;}
#top_trig span:after {
display: inline;
content: "\f107";
font-family: "FontAwesome";
font-size: 20px;
float: right;
margin-left: 10px;
margin-top: -5px;
}
#top_trig:hover {background-color: #a66594;border-color: #a66594; color: #fff}
#top_trig:hover span, #top_trig.active span {color: #fff;}
#top_trig.active {background-color: #fff;border-color: #a66594;}
#top_trig.active span:after {content: "\f107";}
#top_trig.close span:after {content: "\f106";}
#widget_top {
position: absolute;
top: auto;
right: 0;
z-index: 2;
width: 200px;
padding: 15px;
background: rgba(255, 255, 255, .5);
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
}
/* 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: 600;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:u ppercase;border:n one;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"] {font-weight: 400!important;}
.hbook input[type="text"]:focus, .hbook select:focus {color: #000!important;}
.hbook input[type=submit] {width: 100%;background: #a66594;border: solid 2px #a66594;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: #a66594;color: #a66594;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:#a66594;border:solid 2px #a66594;color:#fff;padding:0 15px;height:40px;text-shadow:1px 1px 1px #000;text-transform:uppercase;border-radius:0;box-shadow:none;}
form#hbook input[type=submit]:hover, form#hbook input[type=submit]:focus {background:#fff;border-color:#a66594;color:#a66594;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: #333;padding: 0 20px;line-height: 1;height: auto;}
ul#social li a:first-child {padding-left: 0;}
ul#social li a:hover {color: #333;}
ul#social.white li a {color: #fff;}
ul#social.white li a:hover {color: #f9f9f9;}
ul#social.center {text-align: center;padding-top: 10px;}
ul#social.center li {display: inline-block;float: none;text-align: center;}
ul#social.center li a {padding-left: 13px;padding-right: 13px;}
ul#social li.text {display: block;float: none;text-align: left;}
ul#social .show-for-small {display: none;}
@media only screen and (max-width: 768px) {
ul#social li.text {text-align: center;}
}
.socmed #social {display: inline-block;float: none;text-align: center;margin: auto;}
.socmed .textwidget.custom-html-widget {text-align: center;}
.socmed span {float: left;}
.color-fb {color: #3b5998;}
.color-instagram {color: #517fa4;}
.color-youtube {color: #bb0000;}
.color-tripadv {color: #00AF87;}
.color-twitter {color: #1da1f2;}
/* 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 #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: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:#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: #f3f3f3!important;}
.bg-white {background-color: #fff;}
.bg-color-block {background-color: #a66594;}
.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: inherit;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: 600!important;}
.ui-datepicker-calendar td {height: 50px;width: 50px;vertical-align: middle;}
.ui-datepicker-calendar tbody td a, .ui-datepicker-calendar tbody td span {height: 50px;}
#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;z-index: 3;width: 100%;-webkit-animation: glidein 0.5s forwards;animation: glidein 0.5s forwards;box-shadow: 0 2px 7px rgba(0, 0, 0, 0.15);background: rgba(255, 255, 255, 0.95);border: none;}
.stick::before {display: none;}
.stick .site-logo a {background-image:url(img/logo-hotel/logo-color.png)!important;}
.stick .site-logo a img {position: relative;z-index: -1;visibility: hidden;}
.stick .site-logo {width: 100px;margin-left: 30px;}
.stick .main-navigation {margin-top: 30px;}
.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: #a66594;border-bottom: solid 2px #c19b76;}
.stick .topmenu a {color: #000;}
.stick .topmenu li:hover > a,
.stick .topmenu li.current_page_item a,
.stick .topmenu li.current-menu-item a {color: #a66594;border-bottom: solid 1px #c19b76;}
.stick .top_booking {/*margin-top: 27px;*/}
.stick .burger .line {background-color: #000;}
.stick .burger, .stick .burger:hover, .stick .burger:focus, .stick .burger:active {color: #000;}
.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-inner.med {max-width: 80%;}
.popup-inner.full {max-width: 100%;top: 0;transform: none;}
.popup-inner.full .popup-close {border-radius: 0;border-width: 0;transform: none;line-height: 25px;}
.popup-inner.in-close .popup-close {border-radius: 0;border-width: 0;background-color: transparent;transform: none;line-height: 25px;color: #000!important;/*font-size: 40px;font-weight: 400;*/top: 5px;right: 5px;}
.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;}
@media only screen and (max-width: 768px){
.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';}*/
.popup-inner.med {max-width: 100%;top: 0;transform: none;}
.popup-inner.in-close .popup-close {/*color: #fff!important;*/}
.pop-offer {padding-top: 0!important;}
.pop-offer .bg-img.vh80 {height: 26vh;}
.pop-offer .bg-img-overlay {padding-left: 2rem;padding-right: 2rem;padding-bottom: 2.5rem;}
.pop-offer .bg-img-overlay h2 {font-size: 1.8rem;}
.pop-offer .bg-img-overlay p {margin-bottom: 10px;}
.pop-offer .cols.vh80 {height: auto;}
.pop-offer .rel-vh-midcent {left: auto;top: auto;transform: none;padding-left: 15px;padding-right: 15px;}
.pop-offer .pl15 {padding-left: 0;text-align: center;}
.pop-offer .plr20 {padding: 0;}
.pop-offer .grid-list {margin-bottom: 20px;}
.pop-offer .headtext {text-align: center;margin-top: 20px;}
.pop-offer .headtext h1 {font-size: 1.8rem;}
.pop-offer .headtext h3 {font-size: 1.3rem;font-weight: 400;padding-left: 30px;padding-right: 30px;}
.pop-offer .link-inline.small {line-height: 1;}
}
.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;}
.valid {background-color: inherit!important;border-color: inherit!important;}
/*label.error {color:red!important;font-size:12px!important;font-weight:300!important;height:auto!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;}
.link-inline {display: inline-block;background-color:#a66594;border: solid 1px #a66594;padding: 10px 25px;margin-right: 10px;color: #fff;text-align: center;text-transform: uppercase;font-weight: 500;}
.link-inline:last-of-type {margin-right: 0;}
.link-inline:hover {color: #fff;background-color:#a66594;border: solid 1px #a66594;}
.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: #fff;border-color: #fff;color: #000;
}
.link-inline.cta:hover {background-color: #a66594;color: #fff;border-color:#fff;}
.link-inline.cta.dark, .link-inline.cta.dark:focus, .link-inline.cta.dark:active, .link-inline.cta.dark:visited {
background-color: #a66594;border-color: #a66594;color: #fff;
}
.link-inline.cta.dark:hover {background-color: #fff;color: #a66594;border-color:#a66594;}
.link-inline.trans, .link-inline.trans:focus, .link-inline.trans:active, .link-inline.trans:visited {
background-color:transparent;color: #fff;border-color:#fff;
}
.link-inline.trans:hover {background-color:#a66594;border: solid 1px #a66594;}
.link-inline.trans.black, link-inline.trans.black:focus, .link-inline.trans.black:active, .link-inline.trans.black:visited {
background-color:transparent;color: #a66594;border-color:#a66594;
}
.link-inline.trans.black:hover {color: #a66594;background-color:transparent;border: solid 1px #a66594;}
.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: #333;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;}
.link-inline.no-border {border-color: transparent!important;text-transform: none;}
.link-inline.no-border:hover {background-color: transparent!important;border-color: transparent!important;color:#fff!important;}
.rate-price {line-height:1;}
.rate-price .start-price {margin-left: 10px;font-size: 16px;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 .title {display: none;opacity: 0;}
figure.border-fx.showhide:hover figcaption .title {display: block;opacity: 1;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;}
.bg-img-overlay.ltr {top: 0;right: auto;width: 60%;padding: 10rem;background-image: none;background: linear-gradient(to right, rgba(0, 0, 0, .5) 50%, rgba(0, 0, 0, .35) 75%, rgba(0, 0, 0, 0) 100%);}
.vh15 {height:15vh;}
.vh20 {height:20vh;}
.vh25 {height:25vh;}
.vh30 {height:30vh;}
.vh35 {height:35vh;}
.vh40 {height:40vh;}
.vh45 {height:45vh;}
.vh50 {height:50vh;}
.vh60 {height:60vh;}
.vh70 {height:70vh;}
.vh75 {height:75vh;}
.vh80 {height:80vh;}
.vh85 {height:85vh;}
.vh90 {height:90vh;}
.vh100 {height:100vh;}
.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 {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;}
.height4 {height:120px;}
.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;}
.round-shad-border {box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.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.white::after {border-bottom-color: #fff;}
.title-underline.center {text-align: center;}
.title-underline::after {content: '';display: block;position: absolute;left: 0;bottom: 0;width: 7rem;border-bottom: thin solid #333;}
.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;margin-left: 0;}
.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.none_scale {margin: 0;}
.slideCenterSet.none_scale .ss-slide {-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);}
.slideCenterSet.none_scale .slick-prev {margin-left: -480px!important;}
.slideCenterSet.none_scale .slick-next {margin-right: -480px!important;}
.slideCenterSet.general_hidden_show_div .ss-slide .hideshow {display: none;}
.slideCenterSet.general_hidden_show_div .ss-slide.slick-center .hideshow {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: -35px;}
.ss-slider .slick-next {right: -35px;}
.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;}
.slick-dots li button::before {font-size: 20px!important;}
.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;}
.one-half {margin: 0 -13px;}
.one-half .slick-list{padding: 0 13% 0 0!important;}
.slideTwoHalfMode {overflow: hidden;}
.slideTwoHalfMode .slick-list{padding: 0 20% 0 0!important;margin: 0 -10px;}
.slideTwoHalfMode .ss-item {padding: 0 10px;}
.slideTwoHalfMode .slick-dots {position: relative;bottom: auto;margin: 0;}
/* slick unset - edge visible style */
.slick-unset {overflow: hidden;}
.slide-unset,
.one-edge-visible {
margin: 0 -13px;
}
.slide-unset .slick-list,
.one-edge-visible .slick-list {
position: relative;
overflow: visible;
}
.slide-unset .slick-list::after,
.one-edge-visible .slick-list::after {
content: ' ';
position: absolute;
top: 0;
bottom: 0;
width: 100%;
right: 100%;
background-color: #fff;
}
.slide-unset .slick-dots,
.one-edge-visible .slick-dots {
position: relative;
display: inline-block!important;
width: auto;
bottom: auto;
left: 50%;
transform: translateX(-50%);
}
.slide-nav-bottom .slick-prev,
.slide-nav-bottom .slick-next {
position: relative;
height: 30px;
width: 30px;
background: rgba(255,255,255,1);
text-align: center;
margin-top: 1px;
top: auto;
float: left;
}
.slide-nav-bottom .slick-prev::before,
.slide-nav-bottom .slick-next::before {
font-family: "FontAwesome";
font-size: 30px;
color: #000;
}
.slide-nav-bottom .slick-prev::before {content: "\f104";}
.slide-nav-bottom .slick-next::before {content: "\f105";}
.slide-nav-bottom .slick-prev {left: 0;}
.slide-nav-bottom .slick-next {right: auto;left: 5px;}
.trans-arrow .slick-prev,
.trans-arrow .slick-next {
height: 60px;
width: 60px;
background: rgba(255, 255, 255, 0)!important;
transform: translateY(-50%);
}
.trans-arrow .slick-prev::before,
.trans-arrow .slick-next::before {
font-family: "FontAwesome";
font-size: 60px;
color: #fff;
opacity: 1;
text-shadow: 1px 3px 2px rgba(0, 0, 0, .9);
}
.trans-arrow .slick-prev::before {content: "\f104";}
.trans-arrow .slick-next::before {content: "\f105";}
.trans-arrow .slick-prev {left: 0;}
.trans-arrow .slick-next {right: 0;}
.slick-slider.trans-arrow .slick-prev, .slick-slider.trans-arrow .slick-next,
.ss-slider .slick-prev, .ss-slider .slick-next {
opacity: 0;
transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
}
.slick-slider.trans-arrow:hover .slick-prev, .slick-slider.trans-arrow:hover .slick-next,
.ss-slider:hover .slick-prev, .ss-slider:hover .slick-next{
opacity: 1;
}
.round-arrow .slick-prev,
.round-arrow .slick-next {
border-radius: 30px;
box-shadow: 1px 3px 2px rgba(0, 0, 0, .9);
}
.dots-left .slick-dots {left: 0;transform: none;margin-left: 13px;}
.no-dots .slick-dots {display: none!important;}
.item-shadow .slick-list::after {top: -5px;bottom: -5px;}
.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: 0;
transform: translateY(-50%);
text-align: center;
opacity: 0;
transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
}
.slick-fullscreen:hover .slick-prev, .slick-fullscreen:hover .slick-next {
opacity: 1;
background: rgba(255,255,255,1);
}
/*.slick-fullscreen .slick-prev:hover, .slick-fullscreen .slick-next:hover,
.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: 0;line-heigt: 1;}
.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;}
.slide_clean {margin: 0;}
.slide_clean .slick-list, .slide_clean .ss-item {padding: 0;position: relative;}
.slide_clean .slick-dots {bottom: 10px;margin-bottom: 0;}
.slide_clean .slick-dots li {text-align: center;width: 10px;height: 10px;}
.slide_clean .slick-dots li button {width: 5px;height: 5px;}
.slide_clean .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_clean .slick-dots li.slick-active button:before {background: #000;border-color: rgba(255,255,255,1);opacity: 1!important;}
.slide_clean .slick-dots li button:hover:before {opacity: .50;}
.in-dots .slick-dots {width: auto;left: 50%;transform: translateX(-50%);bottom: 10px;margin: 0;}
.in-dots .slick-dots li {text-align: center;width: 10px;height: 10px;margin: 0 1px;}
.in-dots .slick-dots li button {width: 5px;height: 5px;}
.in-dots .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;}
.in-dots .slick-dots li.slick-active button:before {background: #000;border-color: rgba(255,255,255,1);opacity: 1!important;}
.in-dots .slick-dots li button:hover:before {opacity: .50;}
/*.trans-arrow .slick-prev, .trans-arrow .slick-next {background: rgba(255, 255, 255, 0)!important;margin-top: 0!important;transform: translateY(-50%);}
.trans-arrow .slick-prev::before, .trans-arrow .slick-next::before {color: #fff;opacity: 1;font-size: 60px;text-shadow: 1px 3px 2px rgba(0, 0, 0, .9);}*/
.padmar {margin: 0 -13px;}
.padmar .ss-slide {padding: 0 13px;}
.no-padmar {margin: 0;}
.no-padmar .ss-item, .no-padmar .slick-list {padding: 0;}
.no-padmar .slick-prev {left: 0;}
.no-padmar .slick-next {right: 0;}
.item-shadow .slick-list {padding: 5px 0 8px!important;}
@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;padding-right: 15%!important;/*margin: 0 -10px;*/}
.slideHalfMode .ss-item {/*padding: 0 5px;*/}
.slick-fullscreen .fs-slider { height: 60vh;}
}
.content_wrapper {padding:0 0 64px 0;}
.plr-fluid {padding-left: 10%;padding-right: 10%;}
.pad-fluid {padding: 10%;}
.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.jc-start li {margin-left: 5px;margin-right: 5px;}
.list-flex li {display: flex;align-items: center;justify-content: center;margin: 10px 0;text-align: center;}
.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: 1170px;
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: -115px;
}
.widget-container.image-right .image-wrapper > span {
margin-right: -115px;
}
.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;}
.radius {-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;overflow: hidden;}
.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: #333;}
.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: 600;/*font-size: 12px;*/}
.hlist.center, .hlist.center > li {text-align: center;}
.hlist.center.white > li, .hlist.center.white > li a {color: #fff;}
.hlist.center.white > li {margin-right: 0;}
.hlist.center.white.divider > li {border-right: solid 1px #fff;padding: 0 15px;}
.hlist.center.white.divider > li:last-child {border-right: none;}
.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, .p-offers p {margin-bottom: 10px;/*line-height: normal;*/font-size: 14px;}
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;font-size: 14px;}
.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;}*/
.list.horz-center {text-align: center;}
/*.less-div {max-width: 50%;}*/
.topbar {position: relative;}
.topbar.left {float: left;}
.topbar.right {float: right;margin-left: 25px;}
.topbar.center {float: none;position: absolute;left: 50%;transform: translateX(-50%);}
.topbar.center .site-logo {float: none;margin-left: 0;}
.burger {display: inline-block;color: #fff;/*font-size: 40px;font-weight: 300;line-height: 1;*/cursor: pointer;margin-top: 25px;}
.burger:hover, .burger:focus, .burger:active {color: #fff;}
.burger .line {display: block;width: 35px;height: 3px;background-color: #fff;margin-bottom: 5px;}
.burger .text {display: block;font-size: 11px;line-height: 1;text-transform: uppercase;}
/*.burger .text {margin-left: 10px;font-size: 15px;text-transform: uppercase;vertical-align: middle;}*/
/* sidenav */
.sidenav {height: 100%;width: 0;position: fixed;z-index: 13;top: 0;left: 0;background-color: #fff;overflow-x: hidden;transition: 0.5s;}
.sidenav-inner {padding: 30px;}
.sidenav .closebtn {position: absolute;top: 0;right: 25px;font-size: 60px;font-weight: 300;line-height: 1;color: #000;}
.sidenav-overlay {height: 100%;width: 0;position: fixed;z-index: 12;top: 0;left: 0;background-color: rgba(0,0,0,.75);transition: 0.8s;}
/* side booking */
.sidebook {
position: fixed;
top: 0;
bottom: 0;
height: 100%;
width: 360px;
right: -450px;
z-index: 13;
background-color: #fff;
overflow-x: hidden;
transition: 0.5s;
box-shadow: 0 0 75px 15px rgba(0, 0, 0, 0.25);
/*display: flex;
flex-direction: column;
flex-wrap: nowrap;*/
}
.sidebook-inner {
position: relative;
/*display: grid;
grid-template-rows: auto 1fr auto;
min-height: 100vh;
min-height: 100svh;
overflow: hidden;*/
}
.side-head, .side-foot {padding: 15px;}
.side-head {
background: silver;
}
.side-body {
overflow: auto;
}
.side-foot {
background: silver;
}
.sidebook .closebtn {position: absolute;top: 0;right: 15px;font-size: 60px;font-weight: 300;line-height: 1;color: #000;z-index: 1;}
.sidebook .side-title {text-align: center;}
.sidenav-overlay.rtl {left: auto;right: 0;}
.side_book_btn {padding: 15px;text-align: center;background-color: #a66594;color: #fff;text-transform: uppercase;font-weight: 600;}
.side_book_btn:hover, .side_book_btn:focus, .side_book_btn:visited {color: #fff;}
.side-form-content {flex-grow: 1;flex: 1;overflow-x: hidden;overflow-y: auto;}
.side-form-bottom {
flex-shrink: 0;
position: sticky;
position: -webkit-sticky;
position: -moz-sticky;
position: -ms-sticky;
position: -o-sticky;
margin-top: auto;
bottom: 0;
padding: 15px;
background-color: #fff;
box-shadow: 0 -2px 8px rgba(0, 0, 0, .1);
margin-left: -15px;
margin-right: -15px;
}
.wrap-calendar-form {
max-height: 100vh;
padding: 15px;
flex-grow: 1;
/*overflow-x: hidden;
overflow-y: scroll;
-ms-overflow-style: none;
scrollbar-width: none;*/
}
.wrap-calendar-form::-webkit-scrollbar {display: none;}
.just-text {
height: /*auto*/40px!important;
padding: 0!important;
border: none!important;
pointer-events: none;
font-size: 1.8em;
}
.hbook .just-text[type="text"] {font-weight: 500!important;}
.just-text::placeholder {color: #000!important;opacity: 1!important;}
.place-hard::placeholder {
color: #000!important;
opacity: 1!important;
font-weight: 600!important;
text-transform: capitalize!important;
}
.place-hard {border-color: #ededed!important;}
.ui-datepicker-inline {width: auto!important;}
.ui-datepicker-inline .ui-datepicker-title,
.ui-datepicker-inline .ui-datepicker-calendar thead th,
.ui-datepicker-inline .ui-datepicker-calendar tbody td {
font-weight: 300;
}
.ui-datepicker-inline .ui-datepicker-calendar tbody td,
.ui-datepicker-inline .ui-datepicker-calendar tbody span {
/*height: 40px;
line-height: 40px;*/
}
.sidemenu-logo {text-align: center;padding: 3rem 0;border-bottom: solid 1px #ddd;background-color: #135f2e;}
.sidemenu-logo img {width: 150px;margin: auto;}
.sidemenu {margin-top: 20px;}
.sidemenu ul {margin: 0;padding: 0;line-height: 1;}
.sidemenu ul ul li {height: auto;max-height: 4em;padding: 0;transition: max-height .3s 0 ease-in;overflow: visible;}
.sidemenu li {position: relative;list-style-type: none;padding: 0;}
.sidemenu a {color: #000;text-decoration: none;padding: 1em 0;display: block;border-bottom: 1px solid #ddd;}
.sidemenu a:hover {color: #135f2e;}
.sidemenu .sub-menu a {padding-left: 2em;}
.sidemenu .sub-menu ul a {padding-left: 3em;}
.sidemenu li.menu-item-has-children:before {position: absolute;right: 0;top: 12px;font-size: 20px;content: '+';}
.sidemenu li.menu-item-has-children.active:before {content: '-';}
/* topbar menu */
.topmenu {position: relative;float: left;margin-left: 25px;margin-top: 30px;}
.topmenu ul {margin: 0;padding: 0;line-height: 1;list-style: none;text-align: center;}
.topmenu li {display: inline-block;padding: 3px 10px;position: relative;border-right: dotted 1px #fff;text-align: center;}
.topmenu li:last-child {border: none;margin-right: 0;}
.topmenu a {display: block;color: #fff;font-size: 14px;padding-bottom: 5px;text-decoration: none;text-transform: uppercase;border-bottom: solid 1px rgba(0,0,0,0);}
.topmenu li:hover > a, .topmenu li.current_page_item a, .topmenu li.current-menu-item a {
color: #fff;display: block;border-bottom: solid 1px #fff;
}
.temp-banner {position: absolute;left: 0;right: 0;bottom: 0;width: 100%;background-color: #a66594;z-index: 2;}
.temp-banner .inner {position: relative;padding: 10px 0;}
.temp-banner .inner .page-title {margin-top: 15px;}
.temp-banner .inner .post-title {text-transform: capitalize;font-weight: 600;}
.temp-banner .inner .text-add {line-height: normal;font-weight: 600;}
@media only screen and (max-width: 768px) {
.temp-banner {position: relative;left: auto;right: auto;bottom: auto;z-index: auto;}
.temp-banner .inner {padding: 20px 0;}
.temp-banner .inner .page-title, .temp-banner .inner .post-title {font-size: 2rem;}
.temp-banner .inner .page-title {margin-top: 0;}
.temp-banner .inner .post-title {}
.temp-banner .inner .post-excerpt {font-size: 11px;}
.temp-banner .inner .text-add {text-align: center;margin-top: 0!important;}
}
.hlist_nav {display: flex;flex-wrap: wrap;}
.hlist_nav ul {display: flex;flex-grow: 1;width: 100%;margin: 0;padding: 0;list-style-type: none;text-align: center;}
.hlist_nav ul li {flex-grow: 1;text-align: center;line-height: 1;}
.hlist_nav li:not(:last-child) {border-right: 1px solid rgba(255, 255, 255, 1);}
.hlist_nav ul li a {display: block;text-decoration: none;padding: 0 1.5em;color: #fff;}
.hlist_nav ul li a:hover {color: #fff;}
@media only screen and (max-width: 768px) {
.hlist_nav ul li {text-align: center;}
}
.grid-list {display: grid;grid-gap: 20px;margin: 0;}
.grid-list > li {min-width: 100%;}
.grid-list.two {grid-template-columns: repeat(2, 1fr);}
.grid-list.three {grid-template-columns: repeat(3, 1fr);}
.grid-list.four {grid-template-columns: repeat(4, 1fr);}
.last-center li:nth-last-child(1):nth-child(odd) {position: relative;left: 50%;}
.grid-list.no-gap {grid-gap: 0;}
.grid-list li:only-child {/*position: relative;left: 50%;transform: translateX(50%);*/width: 100%;}
.grid-list.hovered a {color: #000;}
.grid-list.hovered a:hover {color: #a66594;}
@media only screen and (max-width: 768px){
.last-center li:nth-last-child(1):nth-child(odd) {position: relative;left: auto;}
.grid-list.two, .grid-list.three {display: grid;}
}
.link_block {margin: 0;padding: 0;list-style-type: none;}
.link_block li {position: relative;display: block;width: 100%;margin-bottom: 15px;}
.link_block li:last-child {margin-bottom: 0;}
.link_block li a {display: block;padding: 7px 5px 7px 45px;background-color: #fff;border: solid 1px #000;color: #000;text-transform: capitalize;}
.link_block li a:hover, .link_block li a:focus, .link_block li a:active {background-color: #000;color: #fff;}
.link_block li i {position: absolute;left: 15px;top: 50%;transform: translateY(-50%);}
.trig_link {display: inline-block;background-color: #a66594;border: solid 1px #a66594;cursor: pointer;padding: 0.25em 1.5em;position: relative;text-align: center;text-transform: uppercase;color: #fff;margin-right: 15px;}
.trig_link:hover, .trig_link:focus, .trig_link:active, .trig_link:visited {color: #fff;}
.ic-svg {
display: block;
width: 30px;
height: 30px;
margin: auto;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
background-attachment: scroll;
background-repeat: no-repeat;
background-position: center center;
}
@media only screen and (max-width: 768px) {
.ic-svg {width: 32px;height: 32px;}
.mob {margin-top: 20px;}
.mob .title {font-weight: inherit;font-size: 1.35rem;}
}
.show-for-small {display:none;}
@media only screen and (max-width: 768px) {
.hide-for-small {display: none!important;}
.show-for-small {display: block;}
}
.check_availability {font-weight: 600;}
.place-info img {margin: auto;}
/************************************************************************************
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: #434544;}
.button_link_mobile:focus span {color: #fff;}
.mob-menu-header-holder {background-color: rgba(0, 0, 0, .3)!important;box-shadow: none!important;}
/*.slick-slider-outer.show-for-small .slick-fullscreen {position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
.slick-slider-outer.show-for-small .slick-fullscreen .fs-slider {height: 100vh!important;}*/
.footer-mobile-holder {
position: fixed;
display: flex;
z-index: 1;
width: 100%;
left: 0;bottom: 0;top: auto;
background-color: rgba(255, 255, 255, 1);
box-shadow: 0 -7px 7px -7px rgba(0, 0, 0, .5);
height: 60px;
text-align: center;
color: #000;
text-transform: uppercase;
justify-content: center;
align-items: center;
}
.footer-mobile-holder ul {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
width: 100%;
margin: 0;
}
.footer-mobile-holder ul li:not(.centered-div) {flex: 1 0 auto;text-align: center;}
.footer-mobile-holder ul li .divctr {padding: 0 15px;margin-top: -33px;}
.footer-mobile-holder ul li .divctr small {margin-top: 6px;}
.footer-mobile-holder ul li small, .footer-mobile-holder ul li i {line-height: 1;}
.footer-mobile-holder ul li a, .footer-mobile-holder ul li a:focus, .footer-mobile-holder ul li a:active {color: #000;}
.footer-mobile-holder ul li a, .footer-mobile-holder ul li i, .footer-mobile-holder ul li small {display: block;}
.footer-mobile-holder ul li small {margin-top: 10px;}
.footer-mobile-holder .big-i-wrap {
display: block;
border-radius: 50%;
background-color: #a66594;
box-shadow: 0 -7px 7px -7px rgba(0, 0, 0, .5);
padding: 15px;
}
.footer-mobile-holder .big-i-wrap i {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 15px}
#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;padding-bottom: 100px;}
.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:#333!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;}
.bottom-fixed-wrapper {height: 50px;}
.bottom-fixed {height: 50px;width: 100%;position: fixed;bottom: 0;left: 0;right: 0;box-shadow: 0 -7px 7px -7px rgba(0,0,0,.5);z-index: 2;}
.bottom-fixed .left, .bottom-fixed .right {position: relative;display: block;width: 50%;}
.bottom-fixed .left {float: left;background: #417b41;}
.bottom-fixed .right {float: right;}
.bottom-fixed .left span {display: block;height: 50px;text-align: center;}
.bbtn {background: #a66594;color: #fff;display: block;height: 50px;line-height: 50px;font-size: 20px;font-size: 2rem;text-align: center;}
.bbtn:hover, .bbtn:focus, .bbtn:visited {color: #fff;background: #a66594;}
#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;}
}
/* ======================================= GRID LAYOUT ====================================== */
.section {clear: both;padding: 6px;margin: 0px;}
.sections {clear: both;padding: 0px;margin: 0px;}
.group:before, .group:after {content: "";display: table;}
.group:after {clear: both;}
.group {zoom: 1;}
.col {display: block;float: left;margin: 1% 0 1% 1%;}
.cols {display: block;float: left;margin: 1% 0 1% 0%;}
.col:first-of-type {margin-left: 0;}
.cols:first-child {margin-left: 0;}
/* 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%;}
/* GRID OF TWELVE NO MARGINS ================================================================= */
.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,
.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%;
}
}
/* 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: 26px;padding-right: 26px;}
.justgrid {
display: grid;
grid-gap: 26px;
justify-content: center;
align-content: center;
width: 100%;
}
.grid_3 {
grid-template-columns: repeat(8, 12.5%);
grid-template-rows: repeat(2, 300px);
}
.grid_2 {
grid-template-columns: repeat(3, 33.33%);
grid-template-rows: minmax(90vh, 1fr);
}
.justgrid .gridcol {
position: relative;
overflow: hidden;
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;
}
.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_2 .gridcol:nth-child(1) {
grid-column: 1 / 3;
grid-row: 1 / 2;
}
.grid_2 .gridcol:nth-child(2) {
grid-column: 3 / 4;
grid-row: 1 / 2;
}
.grid_wrap {
display: grid;
grid-gap: 26px;
grid-template-columns: minmax(0, 1fr) 25% 25% 20%;
}
.grid_wrap .col {
margin: 0;
background-color: #ddd;
}