/*
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;
}
/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
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 {
font-size: 3.2rem;
}
h2 {
font-size: 2.6rem;
}
h3 {
font-size: 1.8rem;
}
h4 {
font-size: 1.6rem;
}
h5 {
font-size: 1.4rem;
}
h6 {
font-size: 1.2rem;
}
.f_typo {
font-family: 'TypoGraphica', sans-serif;
font-size: 3em;
line-height: normal;
margin: 10px 0;
}
.ftypo li a {
font-family: 'TypoGraphica', sans-serif;
font-size: 2rem;
color: #404041;
line-height: normal;
text-transform: uppercase;
letter-spacing: 1px;
}
.ftypo li a:hover {
color: #a6825e;
}
.list_b {
margin: 10px 0;
}
.list_b li a {
font-size: 2rem;
color: #404041;
line-height: normal;
text-transform: uppercase;
font-weight: 600;
}
.list_b li a:hover {
color: #a6825e;
}
.txthome {
font-size: 1.95rem;
text-transform: none !important;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin: 0.8em 0;
}
hr.white {
padding: 0;
margin-bottom: 7px;
border: none;
border-top: medium double #333;
color: #333;
text-align: center;
}
hr.white:after {
content: "*";
display: block;
width: 24px;
height: 24px;
line-height: 30px;
text-align: center;
position: relative;
margin: -15px auto 0;
font-size: 18px;
background: #000;
background: rgba(0, 0, 0, .6);
border-radius: 50%
}
/* Text elements */
p {
margin-bottom: 1.5em;
}
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;
overflow: hidden;
}
.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;
}
.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;
}
#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 {
background-color: #b58c64;
color: #fff;
}
.footer_container {
margin: 0 auto;
max-width: 1170px;
padding: 0 15px;
}
.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: 130px;
padding: 10px 0;
}
.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: 70%;
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: #b58c64;
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;
}
/* =Site Footer
----------------------------------------------- */
.site-info {
padding: 0;
text-align: left;
color: #fff;
border-top: solid 1px rgba(0, 0, 0, .1);
}
.site-info a,
.site-footer .widget p,
.site-footer .widget,
.site-footer .widget a {
color: #fff;
outline: none;
}
.site-info p {
margin: 0;
}
.site-footer .widget {
padding: 8px;
}
/* Custom Home featured areas
------------------------------------------------------ */
.featuretext_top {
padding: 2px;
margin: 34px 0 20px 0;
}
.featuretext_top h3 {
color: #ffffff;
padding: 6px;
margin: 0;
text-align: center;
font-size: 2.4rem;
font-size: 24px;
}
.featuretext_top p {
color: #999;
padding: 0;
margin: 0;
text-align: center;
font-size: 1.8rem;
font-size: 18px;
}
.featuretext {
/*border-radius:0.4em;
background-color: #F7F7F7;
border-bottom: 1px solid #EFEFEF;*/
margin-bottom: 20px;
/*padding: 10px;*/
text-align: center;
}
.featuretext h3 {
font-size: 1.4rem;
font-size: 14px;
color: #333;
font-weight: bold;
margin: 0;
margin-bottom: 10px;
padding-bottom: 20px !important;
background: url(img/border-shape.png) no-repeat 50% 100%;
}
.featuretext h3 a {
text-decoration: none;
color: #9e8255
}
.featuretext p {
color: #f3f3f3;
font-size: 1.2rem;
font-size: 12px;
}
/* CUSTOM HOMEPAGE WIDGET LAYOUTS */
.headings {
margin: 0;
padding: 0 0 10px 0;
font-size: 24px;
line-height: normal;
border-bottom: dashed 1px #222;
text-shadow: 0 1px 0 #111
}
.headings1 {
margin: 10px 0;
font-size: 24px;
font-size: 2.4rem;
font-weight: 400;
line-height: normal;
}
.post-thumbnail {
position: relative;
margin-top: 4px;
margin-right: 4px;
}
.blog-lists-title {
position: relative;
width: 70%;
display: inline;
float: left;
margin-left: 8px;
font-size: 12px;
color: #999;
}
.blog-lists-title a {
color: #333;
}
.section_thumbnails {
clear: both;
border-bottom: 1px solid #444444;
margin-bottom: 50px;
}
.section_thumbnails .col {
margin: 0px;
}
.section_thumbnails h3 {
color: #9e8255;
font-size: 1.6rem;
font-size: 16px;
font-weight: 300;
line-height: normal;
text-transform: capitalize;
padding: 2px;
}
.thumbs-more-link,
.thumbs-more {
font-size: 12px;
font-size: 1.2rem;
line-height: normal;
text-transform: uppercase;
float: right;
margin: 0px;
padding: 5px 10px;
background: #a6825e;
}
.thumbs-more-link a,
.thumbs-more a {
color: #fff;
background: url(img/list-arrow.png) no-repeat 100% 50%;
padding-right: 15px
}
.thumbs-more-link.green,
.green {
background: #5a195b
}
.thumbs-more-link.green a {
margin-left: 0
}
.thumbs-more-link.block {
float: none;
text-align: center;
font-size: 1.8rem;
padding: 0;
background: #fff;
border: solid 1px #9e8255;
}
.thumbs-more-link.block a {
display: block;
color: #000;
padding: 15px;
background-image: none;
}
.thumbs-more-link.block:hover {
background: #404041;
}
.thumbs-more-link.block a:hover {
color: #fff;
}
.thumbs-more {
float: left;
}
.read {
display: inline;
padding: 2px 5px;
text-align: center;
background: #222222;
font-size: 11px;
color: #ffffff
}
.thumbs-more-link-white {
display: block;
text-align: center;
/*background:#fff;*/
border: solid 4px #fff;
padding: 5px 15px;
color: #fff;
font-size: 22px;
font-weight: 600;
}
.thumbs-more-link-white:hover,
.thumbs-more-link-white:focus,
.thumbs-more-link-white:active,
.thumbs-more-link-white:visited {
background: #fff004;
color: #00247d;
border-color: #00247d;
}
/* =IE Styles
----------------------------------------------- */
#ie8 .site-header img,
#ie8 .entry-content img,
#ie8 img.size-full,
#ie8 .entry-thumbnail img,
#ie8 .widget img,
#ie8 .wp-caption img {
width: auto;
/* Prevent stretching of full-size images with height and width attributes in IE8 */
}
.header-image img {
width: 100%;
height: auto;
}
.trigger-booking {
position: absolute;
right: 30px;
margin-top: -60px;
}
#trigger {
background: #00634e;
cursor: pointer;
display: block;
height: 60px;
line-height: 60px;
padding: 0;
position: relative;
width: 240px;
text-align: center;
}
#trigger:hover,
#trigger.active,
#top_trig.active {
background-color: #fff;
border-color: #b58c64;
}
#top_trig:hover {
background-color: #b58c64;
border-color: #b58c64;
color: #fff
}
#top_trig:hover span,
#top_trig.active span {
color: #fff;
}
#trigger span,
#top_trig span {
width: auto;
/*background: url(img/ic-cal.png) no-repeat 0 50%;*/
color: #fff;
/*font-family: 'Cinzel', serif;font-size:14px;font-weight: 500;*/
text-transform: capitalize;
margin: auto;
}
#trigger span:after,
#top_trig span:after {
display: inline;
content: "\f107";
font-family: "FontAwesome";
font-size: 20px;
float: right;
margin-left: 10px;
margin-top: -5px;
}
#top_trig.active span:after {
content: "\f107";
}
#top_trig.close span:after {
content: "\f106";
}
#slide_widget {
position: absolute;
z-index: 1;
right: 0px;
bottom: 60px;
padding: 15px;
width: 210px;
border-top: solid 3px #00634e;
background: #000;
background: rgba(0, 0, 0, .7);
box-shadow: 0 0 5px rgba(0, 0, 0, .5)
}
.xclose {
display: inline;
float: right;
background: url(img/close.gif) no-repeat 0 50%;
margin: 0;
cursor: pointer;
font-size: 12px;
padding-left: 13px
}
.widget-booking {
padding: 15px;
margin: 0;
width: 210px;
border-bottom: solid 3px #9e8255;
background: #000;
background: rgba(0, 0, 0, .7);
}
.top_booking {
float: right;
margin: 25px 0;
position: relative;
}
#top_trig {
background: #b58c64;
border: solid 1px #b58c64;
cursor: pointer;
display: block;
padding: 0.25em 1.5em;
position: relative;
text-align: center;
}
#widget_top {
position: absolute;
top: auto;
right: 0;
z-index: 2;
width: 300px;
padding: 15px;
background: rgba(255, 255, 255, .95);
}
/* fancy select */
.fancyselect {
width: 207px
}
.fancyselect.open {
z-index: 100;
}
.fancyselect .label {
display: block;
padding: 0 20px 0 5px;
text-decoration: none;
font-size: 12px;
font-weight: 400;
color: #444444;
text-shadow: 0 1px 0 #ffffff;
background: #f3f3f3 url(img/customSelect-arrow.gif) no-repeat 97% 50%;
border: solid 1px #cccccc;
outline: none;
height: 25px;
line-height: 25px;
position: relative
}
.fancyselect .dropdown {
background: #ffffff;
border: 1px solid #999;
position: absolute;
right: 18px;
width: 300px;
padding: 10px;
margin: -1px 0 0 0;
z-index: 2;
-moz-column-count: 2;
-moz-column-gap: 10px;
-moz-column-fill: balance;
-webkit-column-count: 2;
-webkit-column-gap: 10px;
-webkit-column-fill: balance;
column-count: 2;
column-gap: 10px;
column-fill: balance;
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.fancyselect .label:focus {
border-color: #5a195b;
background-color: #ffffff;
color: #990000
}
.fancyselect .dropdown .option {
width: 100%;
display: inline-block;
padding: 3px 0;
font-size: 11px;
font-weight: 400;
color: #999999;
text-shadow: 0 1px 0 #fff;
cursor: pointer;
border-bottom: solid 1px #ececec;
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
column-break-inside: avoid;
}
.fancyselect .dropdown .option:last-child {
border: none
}
.fancyselect .dropdown .option:first-child {
display: none
}
.fancyselect .dropdown .option.selected {
background: #f3f3f3;
color: #5a195b;
}
.fancyselect .dropdown .option.highlight {
background: #f9f9f9;
color: #666666
}
.fancyselect .dropdown fieldset {
margin: 0;
padding: 5px;
border: 0 none;
}
.fancyselect .dropdown fieldset legend {
margin: 0 0 -5px 0;
padding: 0 0 3px;
border: 0;
display: block;
width: 98%;
font-weight: 400;
font-size: 11px;
line-height: normal;
border-bottom: dotted 1px #9e8255;
color: #9e8255;
text-shadow: 0 1px 0 #fff;
cursor: default
}
/* booking */
.reltop {
position: relative;
margin-top: -155px;
margin-bottom: 100px;
display: table;
width: 1250px;
margin-left: auto;
margin-right: auto;
border-bottom: solid 1px #ececec;
}
.hbook h1 {
margin: 0;
font-size: 20px;
font-size: 2rem;
color: #404041;
}
.hbook label {
color: #000;
text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
font-weight: 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: #b58c64;
border: solid 2px #b58c64;
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: #b58c64;
color: #b58c64;
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:#b58c64;border:solid 2px #b58c64;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:#b58c64;color:#b58c64;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 10px;
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;
}
.color-fb {
color: #3b5998;
}
.color-instagram {
color: #517fa4;
}
.color-youtube {
color: #bb0000;
}
.color-tripadv {
color: #00AF87;
}
.color-twitter {
color: #1da1f2;
}
.socmed #social {
display: inline-block;
float: none;
text-align: center;
margin: auto;
}
.socmed .textwidget.custom-html-widget {
text-align: center;
}
.socmed span {
float: left;
}
#social .show-for-small {
display: none;
}
/* footer fix menu */
.foot-menu ul {
margin: 0;
padding: 0;
font-size: 12px;
}
* html .foot-menu ul {
width: auto !important;
}
.foot-menu ul li {
display: inline;
float: left;
padding: 0 10px;
border-right: solid 1px #444444;
line-height: normal;
}
.foot-menu ul li a {
color: #aaaaaa;
font-weight: 400;
text-decoration: none;
}
.foot-menu ul li.first {
padding-left: 0
}
.foot-menu ul li.last {
padding-right: 0;
border: none
}
.small-info {
font-size: 10px;
margin: 10px 0;
line-height: 1.7em
}
.compare-info {
margin-top: 10px;
font-size: 13px;
font-weight: 500;
}
img.respon {
float: none;
margin: auto;
width: 100%;
max-width: 100%;
height: auto
}
/* footer brand logo */
.brandMap {
width: 100%;
position: relative;
}
.brandMap img {
display: block;
width: 100%;
}
.brandMap a {
display: block;
position: absolute;
}
.brandMap a.corp {
width: 30%;
height: 100%;
left: 0;
top: 0%;
}
.brandMap a.unit-1 {
width: 30%;
height: 100%;
left: 35%;
top: 0%;
}
.brandMap a.unit-2 {
width: 30%;
height: 100%;
left: 70%;
top: 0%;
}
.recent-featured-thumb {
padding: 3%;
margin-bottom: 10px;
background: #222222;
background: rgba(0, 0, 0, .2);
position: relative;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.recent-featured-thumb img {
width: 100%;
max-width: 100%;
height: auto;
margin-bottom: -10px;
position: relative
}
.post-thumbs,
.promo-thumbs {}
.post-thumbs img {
width: 100%;
max-width: 100%;
height: auto;
}
.promo-thumbs {
text-align: center;
margin-bottom: 20px;
}
.promo-thumbs img {
display: block;
max-width: 100%;
width: 100%;
height: auto;
}
.recent-featured-thumb:hover {
background: rgba(0, 0, 0, .5)
}
.recent-featured-thumb-detail {
padding: 7px;
padding-bottom: 0;
/*margin:0 20px 5px 0;*/
background: #222;
border: solid 1px #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: #b58c64;
}
.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: 95px;
padding: 5px 0;
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: #b58c64;
border-bottom: solid 2px #c19b76;
}
.stick .topmenu a {
color: #000;
}
.stick .side_book_btn {
padding: 15px;
text-align: center;
/* background-color: #b58c64; */
color: #000;
text-transform: uppercase;
font-weight: 600;
border: 2px solid black;
border-color: #000;
}
.stick .topmenu li:hover>a,
.stick .topmenu li.current_page_item a,
.stick .topmenu li.current-menu-item a {
color: #b58c64;
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-close {
width: 30px;
height: 30px;
line-height: 20px;
display: inline-block;
position: absolute;
top: 0;
right: 0;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
border: solid 3px #fff;
border-radius: 1000px;
background: rgba(0, 0, 0, 0.8);
font-size: 20px;
text-align: center;
color: #fff !important;
}
.popup-title {
line-height: 1;
}
.showing-popup {
overflow: hidden;
}
.popup-banner img {
width: 100%;
display: block;
}
.error {
border-color: red !important;
background-color: pink !important;
background-image: none !important;
}
.error::-webkit-input-placeholder {
color: red;
font-weight: 300 !important;
}
.error:-moz-placeholder {
color: red;
font-weight: 300 !important;
opacity: 1;
}
.error::-moz-placeholder {
color: red;
font-weight: 300 !important;
opacity: 1;
}
.error:-ms-input-placeholder {
color: red;
font-weight: 300 !important;
}
.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;
}
.show-for-small {
display: none;
}
.link-inline {
display: inline-block;
background-color: #b58c64;
border: solid 1px #b58c64;
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: #b58c64;
border: solid 1px #b58c64;
}
.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: #b58c64;
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: #b58c64;
border-color: #b58c64;
color: #fff;
}
.link-inline.cta.dark:hover {
background-color: #fff;
color: #b58c64;
border-color: #b58c64;
}
.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: #b58c64;
border: solid 1px #b58c64;
}
.link-inline.trans.black,
link-inline.trans.black:focus,
.link-inline.trans.black:active,
.link-inline.trans.black:visited {
background-color: transparent;
color: #b58c64;
border-color: #b58c64;
}
.link-inline.trans.black:hover {
color: #b58c64;
background-color: transparent;
border: solid 1px #b58c64;
}
.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;
}
.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;
}
.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;
}
.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 .fs-caption.left-bottom, .fs-caption-stay {
position: absolute;
top: auto;
left: 0;
bottom: 0;
transform: none;
text-align: left;
background: none;
padding: 60px;
max-width: 600px;
z-index: 1;
}
@media only screen and (max-width: 768px) {
.slick-fullscreen .fs-caption.left-bottom, .fs-caption-stay {
max-width: 100%;
width: 100%;
top: 50%;
left: 50%;
bottom: auto;
transform: translate(-50%, -50%);
text-align: center;
}
}
.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);}*/
@media only screen and (max-width: 768px) {
.slideCenterSet {
margin: 0;
}
.slideCenterSet .slick-prev,
.ss-slider .slick-prev {
left: 0;
}
.slideCenterSet .slick-next,
.ss-slider .slick-next {
right: 0;
}
.slideHalfMode .slick-list {
margin: 0;
/*margin: 0 -10px;*/
}
.slideHalfMode .ss-item {
/*padding: 0 5px;*/
}
.slick-fullscreen .fs-slider {
height: 60vh;
}
}
.content_wrapper {
padding: 0 0 64px 0;
}
.plr-fluid {
padding-left: 10%;
padding-right: 10%;
}
.pad-fluid {
padding: 10%;
}
.radius {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
overflow: hidden;
}
.justify,
.div-p p {
text-align: justify;
}
.columns-counts {
-webkit-column-gap: 3em;
-moz-column-gap: 3em;
column-gap: 3em;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
}
.counts-5 {
-webkit-column-count: 5;
-moz-column-count: 5;
column-count: 5;
-webkit-column-gap: 1em;
-moz-column-gap: 1em;
column-gap: 1em;
}
.counts-4 {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
}
.counts-3 {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
.counts-2 {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.list-flex {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
list-style-type: none;
margin: 0;
padding: 0;
}
.list-flex.jc-start {
justify-content: flex-start;
}
.list-flex li {
display: flex;
align-items: center;
justify-content: center;
margin: 10px 0;
text-align: center;
}
.list-flex.jc-start li {
margin-left: 5px;
margin-right: 5px;
}
.list-flex li a.block {
display: block;
width: 100%;
}
.flex-2 li {
flex-basis: calc(50% - 10px);
}
.flex-3 li {
flex-basis: calc(33.3% - 10px);
}
@media only screen and (max-width: 768px) {}
.pricing-entry {
margin: 0;
}
.pricing-entry .text-big {
position: relative;
overflow: hidden;
}
.pricing-entry .text-big::after {
position: absolute;
bottom: 40%;
left: 0;
right: 0;
content: '';
width: 100%;
height: 1px;
border-bottom: 1px dashed #000;
z-index: -1;
}
.pricing-entry .text-big span {
background-color: #fff;
}
.pricing-entry .price {
float: right;
padding-left: 10px;
}
.pricing-entry .tag {
padding-right: 20px;
}
.widget-container {
margin: 0 auto;
width: 100%;
max-width: 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;
}
.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 {
height: 100%;
width: 360px;
position: fixed;
top: 0;
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);
}
.sidebook-inner {
position: relative;
}
.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;
margin-top: 20px;
}
.sidenav-overlay.rtl {
left: auto;
right: 0;
}
.side_book_btn {
padding: 15px;
text-align: center;
/*background-color: #b58c64;*/
color: #fff;
text-transform: uppercase;
font-weight: 600;
border:2px solid black;
border-color:#fff;
}
.side_book_btn:hover,
.side_book_btn:focus,
.side_book_btn:visited {
color: #fff;
background-color: #b58c64;
}
.side-bottom {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.wrap-calendar-form {
max-height: 90vh;
overflow-x: hidden;
overflow-y: auto;
padding: 15px;
}
.just-text {
height: auto !important;
padding: 0 !important;
border: none !important;
font-weight: 400 !important;
pointer-events: none;
}
.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: #b58c64;
}
.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: #b58c64;
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;
}
}
/************************************************************************************
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;
}
}
@media only screen and (max-width: 480px) {
.counts-2 {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
.counts-4 {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
}
/* for 768px or less */
@media only screen and (max-width: 768px) {
body {
background-color: #f9f9f9;
}
#wrap {
padding: 0;
width: 100%;
}
#main {
overflow: visible;
padding: 0;
}
#content,
#primary,
#secondary,
#tertiary {
background: none;
float: none;
margin: 0;
padding: 0;
}
#content {
padding: 0 15px;
}
#primary,
#secondary,
#tertiary {
width: 100%;
}
#masthead .site-introduction {
float: none;
padding: 0;
width: 100%;
}
.site-header site-introduction {
padding: 0.8em;
}
.header_container {
width: 100%;
padding: 0;
}
.site-main {
padding: 0 0 25px 0 !important
}
#masthead-wrap {
position: relative
}
#masthead .site-introduction {
padding: 30px 0;
border-bottom: solid 3px #FFCB04;
}
.wraps {
max-width: 100%;
width: 100%;
padding: 0;
}
.header-title {
float: none;
margin: 0;
padding: 30px 15px;
background: #404041;
}
.entry-title,
.page-title,
.entry-meta {
text-align: center
}
.site-title {
padding-bottom: 0;
padding-top: 0
}
.site-header .site-introduction {
position: relative;
}
.site-title a,
.site-description {
padding-top: 10px;
padding-bottom: 10px
}
.site-footer {
height: auto;
margin-top: 0;
}
.trigger-booking {
position: relative;
margin: 0;
right: auto
}
#trigger {
width: 100%;
padding: 0
}
#top_trig {
width: auto
}
#slide_widget {
position: relative;
bottom: auto;
right: auto;
width: auto
}
#widget_top {
position: relative;
top: auto;
right: auto;
width: auto
}
.widget-booking {
width: auto;
float: none;
display: block;
margin: 0
}
.top_booking {
display: block;
width: 100%;
margin: 0;
float: none;
}
form#formreservation .blok,
form#inbook .blok {
float: none
}
form#formreservation input.cal[type="text"],
form#inbook input.cal[type="text"] {
margin: 0;
padding: 5px 2%;
background-position: 98% 50%
}
form#formreservation select.short,
form#inbook select.short {
width: 100%
}
form#formreservation h2 {
text-align: center
}
.fancyselect {
width: 100%
}
.fancyselect .dropdown {
position: relative;
width: auto;
right: auto
}
/*.xclose {float:none; margin:5px auto 0!important; display:block;width:65px;}*/
.xclose {
position: absolute;
right: 10px;
top: 28px;
display: block;
width: 20px;
height: 20px;
line-height: 20px;
cursor: pointer;
padding: 0;
background: none;
float: none;
text-align: center;
font-size: 20px;
}
.lefts,
.rights {
float: none;
display: inline-block;
width: 100%;
margin: 0
}
.brandMap {
margin-top: 10px
}
#content.fullwidth,
#primary,
#secondary,
#tertiary {
margin-top: 0 !important
}
.recent-featured-thumb-detail {
width: auto;
float: none;
margin-right: 0;
margin-bottom: 20px
}
.foot-menu ul {
margin-bottom: 15px
}
.foot-menu ul li {
display: block;
float: none;
border-right: none;
border-bottom: solid 1px #444444 !important;
padding: 2px 5px !important
}
.wrapper-abs {
position: relative;
margin: 0 auto;
left: auto;
top: auto;
width: auto
}
.min {
margin-top: auto;
padding-top: 0
}
.custom-page-title {
margin-left: 0;
line-height: normal;
font-size: 2.2rem;
}
.custom-page-title span::before,
.custom-page-title span::after {
width: 40px;
}
.custom-page-title span::before {
margin-right: 5px;
}
.custom-page-title span::after {
margin-left: 5px;
}
.page-header {
margin: 0
}
.inshow {
margin: 0 -10px
}
.wdgt {
display: none
}
.table-box {
width: 100%;
overflow-x: auto;
}
.table-box table td,
.table-box table th {
min-width: 160px;
vertical-align: middle;
text-align: center !important;
}
/*.responsive table, .responsive thead, .responsive th, .responsive tr, .responsive td {display: block;}
.responsive thead tr {position: absolute;top: -9999px;left: -9999px;}
.responsive thead tr td {padding-left:5%!important;}
.responsive td {border: none!important;padding-left: 45%!important;position: relative;}
.responsive tr {border-bottom:solid 1px #dedede;}
.responsive tr:last-child {border-bottom:none;}
.responsive td:before, .responsive th:before {position: absolute;top: 5px; left: 5px;width: 45%;padding-right: 10px;white-space: nowrap;content: attr(data-label) "";font-weight:700}*/
.responsive-tabs__heading {
font-weight: 400 !important;
font-size: 14px !important;
line-height: normal !important
}
.responsive-tabs .responsive-tabs__heading--active,
.responsive-tabs .responsive-tabs__heading--active:hover {
background-color: #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;
}
.hide-for-small {
display: none !important;
}
.show-for-small {
display: block;
}
.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: #444;
}
.bottom-fixed .right {
float: right;
}
.bottom-fixed .left span {
display: block;
height: 50px;
text-align: center;
}
.bbtn {
background: #b58c64;
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: #b58c64;
}
#bottom_widget {
position: fixed;
bottom: 0;
left: 0;
background: #fff;
border-top: solid 3px #ddd;
width: 100%;
padding: 15px;
z-index: 2;
}
#cd-panel-overlay {
background: rgba(0, 0, 0, 0.5);
position: fixed;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
z-index: 1;
}
.minp {
height: auto;
}
.minp p {
line-height: 1.5;
}
.side-text {
top: 0;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
padding: 10%;
}
.side-text-wrap,
.zigzag.morevh .side-text-wrap {
height: auto;
}
.side-img,
.zigzag.morevh .side-img {
height: 40vh;
}
#book_widget_def {
background: #fff;
}
#book_widget_def h2 {
background: #000;
color: #fff;
margin: 0;
}
#book_widget_def #hbook {
padding: 15px;
}
.vjs-youtube-mobile .vjs-big-play-button {
display: flex !important;
top: 50% !important;
}
.vjs-youtube-mobile.vjs-has-started .vjs-big-play-button {
display: none !important;
}
.vjs-big-play-centered .vjs-big-play-button {
/*transform: translateY(-50%);*/
}
.video-section {
height: 50vh;
}
.arrow-after {
display: none;
}
.video-caption {
position: relative;
left: auto;
bottom: auto;
z-index: auto;
width: 100%;
background: rgba(255, 255, 255, 1);
}
.text-center {
text-align: center;
}
.site-info {
text-align: center;
}
.colcount.four {
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1;
}
.box-bg-white {
position: relative;
background-color: #fff;
box-shadow: 0 .125rem .125rem 0 rgba(0, 0, 0, .1);
padding: 5%;
margin-top: -125px;
}
.hometext {
padding-bottom: 0;
}
.hometext .wraps {
padding-left: 10px;
padding-right: 10px;
}
.hometext .custom-page-title {
font-size: 2rem;
}
.type-bottomline {
font-size: 2.5rem;
font-weight: 500;
}
.type-bottomline:after {
padding-top: 7px;
}
.content_wrapper {
padding-bottom: 0;
padding-left: .8em;
padding-right: .8em;
}
.pricing-entry .text-big span {
background-color: transparent;
float: left !important;
}
.pricing-entry .tag {
padding-right: 0;
}
.popup {
z-index: 99991;
}
.popup-inner {
max-width: 100%;
min-height: 100%;
top: auto;
transform: translateY(0);
padding-top: 30px;
}
.popup-inner.video {
/*max-width: 100%;*/
min-height: auto;
top: 50%;
transform: translateY(-50%);
padding-top: 0;
}
.popup-close {
transform: none;
border-radius: 0;
border: none;
height: auto;
line-height: 1;
top: 0;
right: 0;
background: rgba(0, 0, 0, 0);
color: #000 !important;
font-size: 30px;
font-weight: 400;
}
/*.popup-close::after {font-family: "FontAwesome";content: '\f30a';}*/
}
/* ======================================= GRID LAYOUT ====================================== */
.section {
clear: both;
padding: 6px;
margin: 0px;
}
.group:before,
.group:after {
content: "";
display: table;
}
.group:after {
clear: both;
}
.group {
zoom: 1;
/* For IE 6/7 (trigger hasLayout) */
}
.col {
display: block;
float: left;
margin: 1% 0 1% 1%;
}
.col:first-of-type {
margin-left: 0;
}
/* all browsers except IE6 and lower */
/* GRID OF TWO ============================================================================= */
.span_2_of_2 {
width: 100%;
}
.span_1_of_2 {
width: 49.5%;
}
/* GRID OF THREE ============================================================================= */
.span_3_of_3 {
width: 100%;
}
.span_2_of_3 {
width: 66.33%;
}
.span_1_of_3 {
width: 32.66%;
}
/* GRID OF EIGHT ============================================================================= */
.span_8_of_8 {
width: 100%;
}
.span_7_of_8 {
width: 87.37%;
}
.span_6_of_8 {
width: 74.75%;
}
.span_5_of_8 {
width: 62.12%;
}
.span_4_of_8 {
width: 49.5%;
}
.span_3_of_8 {
width: 36.87%;
}
.span_2_of_8 {
width: 24.25%;
}
.span_1_of_8 {
width: 11.62%;
}
/* no margin col */
.sections {
clear: both;
padding: 0px;
margin: 0px;
}
/* COLUMN SETUP */
.cols {
display: block;
float: left;
margin: 1% 0 1% 0%;
}
.cols:first-child {
margin-left: 0;
}
/* hendra */
.plr55 {
padding-left: 55px;
padding-right: 55px;
}
.plr60 {
padding-left: 60px;
padding-right: 60px;
}
.plr30 {
padding-left: 30px;
padding-right: 30px;
}
.grid-outer {
padding-left: 15px;
padding-right: 15px;
}
.justgrid {
display: grid;
grid-gap: 20px;
justify-content: center;
align-content: center;
}
.grid_3 {
grid-template-columns: repeat(8, 12.5%);
grid-template-rows: repeat(2, 300px);
}
.justgrid .gridcol {
position: relative;
overflow: hidden;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-attachment: scroll;
background-repeat: no-repeat;
background-position: center center;
}
.grid_3 .gridcol:nth-child(1) {
grid-column: 1 / 5;
grid-row: 1 / 3;
}
.grid_3 .gridcol:nth-child(2) {
grid-column: 5 / 7;
grid-row: 1 / 3;
}
.grid_3 .gridcol:nth-child(3) {
grid-column: 7 / 9;
grid-row: 1 / 3;
}
.grid_wrap {
display: grid;
grid-gap: 26px;
justify-content: center;
align-content: center;
grid-template-columns: minmax(25%, 1fr) 25% 25%;
}
.grid_wrap .col {
margin: 0;
float: none;
display: inherit;
}
.spans_12_of_12 {
width: 100%;
}
.spans_11_of_12 {
width: 91.66%;
}
.spans_10_of_12 {
width: 83.33%;
}
.spans_9_of_12 {
width: 75%;
}
.spans_8_of_12 {
width: 66.66%;
}
.spans_7_of_12 {
width: 58.33%;
}
.spans_6_of_12 {
width: 50%;
}
.spans_5_of_12 {
width: 41.66%;
}
.spans_4_of_12 {
width: 33.33%;
}
.spans_3_of_12 {
width: 25%;
}
.spans_2_of_12 {
width: 16.66%;
}
.spans_1_of_12 {
width: 8.333%;
}
.check_availability {
font-weight: 600;
}
@media only screen and (max-width: 480px) {
.col,
.cols {
margin: 1% 0 1% 0%;
}
.span_1_of_2,
.span_2_of_2,
.span_1_of_3,
.span_3_of_3,
.span_2_of_3,
.span_8_of_8,
.span_7_of_8,
.span_6_of_8,
.span_5_of_8,
.span_4_of_8,
.span_3_of_8,
.span_2_of_8,
.span_1_of_8 {
width: 100%;
}
.spans_1_of_12,
.spans_2_of_12,
.spans_3_of_12,
.spans_4_of_12,
.spans_5_of_12,
.spans_6_of_12,
.spans_7_of_12,
.spans_8_of_12,
.spans_9_of_12,
.spans_10_of_12,
.spans_11_of_12,
.spans_12_of_12 {
width: 100%;
}
}