/*
Theme Name: Moorings on Cavill 2
Theme URI: https://staging.mooringsoncavill.com.au/
Author: the Wonderworxs team
Author URI: https://wonderworxs.com/
Description: 
Version: 1.7
License: 
*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
@import url(https://fonts.googleapis.com/css?family=Lato:400,100,300,700,900);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700);
@font-face {
    font-family: 'signpaintermedium';
    src: url('css/fonts/signpainter-housescript-webfont.eot');
    src: url('css/fonts/signpainter-housescript-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/signpainter-housescript-webfont.woff2') format('woff2'),
         url('css/fonts/signpainter-housescript-webfont.woff') format('woff'),
         url('css/fonts/signpainter-housescript-webfont.ttf') format('truetype'),
         url('css/fonts/signpainter-housescript-webfont.svg#signpaintermedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
* {
    -webkit-font-smoothing: antialiased;
}
*, *:before, *:after {
  box-sizing: inherit;
}
body, html{
	margin:0px !important; padding:0px !important; font-size:15px;
	font-family: 'Open Sans', sans-serif;
	box-sizing: border-box;
}
a{ text-decoration:none; border:0px;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;}
.content-site{ display:block; width:100%; max-width:1200px; margin:auto; position:relative;}
.hidden{ display:none;}
.column3{ display:inline-block; width:33.333%; vertical-align:top;}
.column2{ display:inline-block; width:50%; vertical-align:top;}
.column3-v2{ display:inline-block; width:30%; vertical-align:top;}
.column3-40{ display:inline-block; width:40%; vertical-align:top;}
.column9{ display:inline-block; width:70%; vertical-align:top;}
.column40{ display:inline-block; width:40%; vertical-align:top;}
.column60{ display:inline-block; width:60%; vertical-align:top;}
.column5{ display:inline-block; width:20%; vertical-align:top; text-align:center;}
.column51{ display:inline-block; width:18%; vertical-align:top; text-align:center;}
.column52{ display:inline-block; width:2%; vertical-align:top; text-align:center;}
.margin10{ margin:10px;}
.margin30{ margin:30px;}
.padding30{ padding:30px;}
.top20{ margin-top:20px;}
.blue-box{ display:block; padding:10px 15px; text-align:left; color:#fff; background-color:#3cc4ef;}
.moretag{ display:inline-block; padding:5px 12px; border:2px solid #25c2ed; color:#25c2ed; margin-top:15px; background-color:#fff;}
.moretag:hover{ background-color:#25c2ed; color:#fff;}
article.post{ margin-bottom:30px;}
.textlink:link,.textlink:visited{ color:#ee6d00 !important; text-decoration:none; font-size:1.2em;}
.textlink:hover{ text-decoration:underline !important;}
.please-scroll{ display:block; text-align:right; position:relative;}
.rate-links{ display:block; text-align:center; padding:15px; color:#ddd; border:1px solid #056c92; -webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px; margin-bottom:10px;}
.rate-links a{ color:inherit; text-decoration:none; color:#056c92;}
.rate-links a:hover{ text-decoration:underline;}
.bookrate-box{ display:block; position:absolute; width:100%; text-align:center; padding:0px; left:0px; top:0px; margin:0px; }
.column6{ width:250px; margin:0px; margin-left:15px;}
.column6 .button-orange{ font-size:18px; font-weight:bold; padding:12px 25px; text-align:center;}


/* header */
.site-header{ background-color:#3ac1eb !important; background-image:none !important; margin:0px; padding:10px 0px; color:#fff;z-index:99 !important;-webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.2);box-shadow: 0px 5px 10px rgba(0,0,0,0.2); width:100%; position:fixed;height:130px;}
.top-left, .top-right{ display:inline-block; vertical-align:top !important;}
.top-left{ width:100%; max-width:850px;}
.top-right{ width:100%; max-width:350px;text-align:right !important; text-transform:uppercase;padding:0px !important;}
.topinfos{ position:absolute; right:0px;background-color:#006c93; padding:10px; top:-8px;border-radius: 4px; -webkit-border-radius: 4px;}
.top-book, .top-info{margin-right:0px; display:inline-block; vertical-align:middle; text-align:right !important;}
.top-book{ margin-right:20px;font-weight:700;font-size:1rem;height:35px;}
.top-book p{ margin:0px;}
.top-book small{ display:block;font-weight:700; font-size:0.8rem; padding:0px !important;}
.top-info{ font-size:1.6em; font-weight:300;vertical-align:top;}
.top-info a{ text-decoration:none; color:#fff;}
.fixedtop{ height:70px;}
.fixedtop .top-left{width:100%; max-width:100%; -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;}
.fixedtop .top-left .logo{ height:40px; width:auto;-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;}
.fixedtop .top-left .navbar{ float:right; margin-top:10px;-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;}

.rows{ clear:both; display:block;}
.topbuttons{ margin-top:52px;}
.toplang{ margin-top:2px;}
.topbuttons a{ display:inline-block; vertical-align:top;}
.site-header a{ text-decoration:none !important;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;}
.column2{ display:inline-block; vertical-align:top;}
.toplang img{ margin-top:3px; margin-right:10px;}

.top-dropdown {
    position: absolute;
    display: inline-block;
    margin-left: -538px;
    margin-top: -8px;
}

.img-menu {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

.top-dropdown-content {
    display: none;
    position: absolute;
    background-color:#2c2c2c;
    min-width: 230px;
	border-radius: 4px; -webkit-border-radius: 4px;
	-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.35);
	box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.35);
	padding:1px;
}
	.hero-banner-slider h3.sp-layer{
		text-align:center;
		font-family:Arial;
		padding-bottom: 45px;
		font-weight:normal;
		color:#fff;
		font-size:27px;
		text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
	}
	
	.hero-banner-slider .sp-buttons{
		position: absolute;
    	bottom: 15px;
	}
	.hero-banner-slider .sp-buttons .sp-button{
		width:18px;
		height:18px;
		background-color:#ccc;
		border:3px solid #fff;
	}
	.hero-banner-slider .sp-buttons .sp-button.sp-selected-button{
		background-color:#525252 !important;
	}
	


.top-dropdown-content a {
    color:#eee;
    text-transform:capitalize;
	font-weight:600 !important;
	font-size:13px;
	display:block;
	padding:10px;
	width: 230px;
	background-color:#333;
	border-left:5px solid #333;
	font-family: 'Open Sans', sans-serif;
	text-align: left;
}
.top-dropdown-content a:hover{
	border-left:5px solid #f47b21;
	background-color:#2c2c2c;
}
.top-dropdown:hover .top-dropdown-content {
    display: block;
}
/* navbar */
.navbar{display:block; margin-top:15px;}
.navfixed{display:inline-block; margin-top:0px;}
nav.main-navigation ul{ padding:0px; margin:0px;}
nav.main-navigation ul li{ display:inline-block; position:relative;}
nav.main-navigation ul li a{ text-decoration:none; font-weight:700; color:#fff; text-transform:uppercase; margin-right:15px; font-size:14px; padding:10px 0px 20px;}
nav.main-navigation ul li a:hover{ color:#056c92;}
nav.main-navigation ul li:last-child a{font-family: 'signpaintermedium'; text-transform:capitalize; font-size:24px; color:#006d93; font-weight:lighter !important; margin-right:0px; }
nav.main-navigation ul li:last-child a:hover{ color:#eee;}
nav.main-navigation ul ul { /* this targets all sub menus */
    display: none;
    position: absolute;
    top: 30px;
	background-color:#2c2c2c;
	border-radius: 4px; -webkit-border-radius: 4px;
	-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.35);
	box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.35);
	padding:1px;
}
nav.main-navigation ul ul:after {
        position: absolute;
        top: -11px;
        left: 15px;
        display: inline-block;
        border-right: 11px solid transparent;
        border-bottom: 11px solid #2c2c2c;
        border-left: 11px solid transparent;
        content:'';
}

nav.main-navigation ul ul li { 
    float: none; 
	width: 255px;
	position:relative;
	margin-bottom:1px;
}
nav.main-navigation ul ul li a { /* target all sub menu item links */
	text-transform:capitalize;
	font-weight:600 !important;
	font-size:13px;
	display:block;
	padding:10px;
	width: 255px;
	background-color:#333;
	border-left:5px solid #333;
	font-family: 'Open Sans', sans-serif;
}
nav.main-navigation ul ul li a:hover{
	border-left:5px solid #f47b21;
	background-color:#2c2c2c;
}
nav.main-navigation ul ul li.onebed a{
	padding-left:50px;
	width: 255px;
	background-image:url(images/onebed.png);
	background-repeat:no-repeat;
	background-position:10px;
}
nav.main-navigation ul ul li.twobed a{
	padding-left:50px;
	width: 255px;
	background-image:url(images/twobed.png);
	background-repeat:no-repeat;
	background-position:10px;
}
nav.main-navigation ul ul li.threebed a{
	padding-left:50px;
	width: 255px;
	background-image:url(images/threebed.png);
	background-repeat:no-repeat;
	background-position:10px;
}
nav.main-navigation ul ul li.pentbed a{
	padding-left:50px;
	width: 255px;
	background-image:url(images/pentbed.png);
	background-repeat:no-repeat;
	background-position:10px;
}
nav.main-navigation ul ul li.fambed a{
	padding-left:50px;
	width: 255px;
	background-image:url(images/fambed.png);
	background-repeat:no-repeat;
	background-position:10px;
}


nav.main-navigation ul ul li:last-child a, nav.main-navigation ul li:last-child ul li a{ font-family: 'Open Sans', sans-serif; font-size:13px; color:inherit; font-weight:600 !important;}
nav.main-navigation ul li:hover > ul {
    display: block; /* show sub menus when hovering over a parent */
}
nav.main-navigation ul ul ul{ /* this targets all sub menus */
    display: none;
    position: absolute;
	background-color:#2c2c2c;
	left:255px; 
	top:0px;
}
nav.main-navigation ul ul ul:after {
        border: none;
        content:'';
}

#mobilemenu{ display:none; font-size:30px; cursor:pointer; margin-right:15px; margin-top:-10px;}
.fancybox-overlay{ z-index:999 !important;}
.minimum-text{ display:block; background-color:#056c92; border-radius: 5px; -webkit-border-radius: 5px; text-align:center; padding:10px 0px; font-size:14px; font-weight:bold; max-width:352px; margin-right:0px; margin-left: auto;}

/* buttons */
.button-orange{ padding:7px 15px; font-size:12px; color:#fff;background-color:#eb6e12; background-image:url(images/orange-button.png); background-repeat:repeat-x; background-position:center; text-decoration:none !important;transition: all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.3s;}
.button-orange:hover{ background-image:none;box-shadow: 0px -50px 0px rgba(0,0,0,0.1) inset; -webkit-box-shadow: 0px -50px 0px rgba(0,0,0,0.1) inset; -ms-box-shadow: 0px -50px 0px rgba(0,0,0,0.1) inset; }
.button-green{ padding:7px 15px; font-size:12px; color:#fff;background-color:#588b6a; background-image:url(images/green-button.png); background-repeat:repeat-x; background-position:center; text-decoration:none !important; -webkit-transition: all 0.3s; -ms-transition: all 0.3s;}
.button-green:hover{ background-image:none;box-shadow: 0px -50px 0px rgba(0,0,0,0.1) inset; -webkit-box-shadow: 0px -50px 0px rgba(0,0,0,0.1) inset; -ms-box-shadow: 0px -50px 0px rgba(0,0,0,0.1) inset;}
.button-blue{ padding:7px 25px; font-size:12px; color:#fff;background-color:#51cff7; background-image:url(images/blue-button.png); background-repeat:repeat-x; background-position:center; text-decoration:none !important; -webkit-transition: all 0.3s; -ms-transition: all 0.3s;}
.button-blue:hover{ background-image:none;box-shadow: 0px -50px 0px rgba(0,0,0,0.1) inset; -webkit-box-shadow: 0px -50px 0px rgba(0,0,0,0.1) inset; -ms-box-shadow: 0px -50px 0px rgba(0,0,0,0.1) inset;}
.booktour{ display:inline-block; font-size:1.1em; color:#fff !important;}
.entry-content a.book{color:#fff !important;}
.tips, .tips-orange{ display:inline-block; vertical-align:top; font-size:12px; width:25px; height:30px; background-image:url(images/tips.png); background-repeat:no-repeat; background-position:center;}
.tips-orange{background-image:url(images/tips-orange.png);}
#tips{display:none; text-align:center;font-size:1.2em;}
#tips span{ font-size:1.5em;}

/* banner-part */
         #banner-part { width: 100%; overflow: hidden; position: relative; font-family: 'Lato', sans-serif; font-weight:300; z-index:1 !important;}
		.tp-banner-home,.tp-banner-inner{ top:130px; display:block; position:relative; margin-bottom:130px;}
		.tp-banner-inner .special_sec{ display:none;}
		.tp-banner-container{ margin-bottom:-10px; z-index:1 !important;}
		.tp-banner{ z-index:1 !important; min-height:300px; background-position: center; background-repeat:no-repeat; background-size:cover; background-image:url(images/Surfers-Paradise-Beach-Hero.jpg)}
		.tp-banner-home .tp-rightarrow { right: 300px !important; }
		#banner-part .special_sec { transition: all 1s; -webkit-transition: all 1s; -ms-transition: all 1s; transform: translate(325px,0); -webkit-transform: translate(325px,0); -ms-transform: translate(325px,0); padding: 0px 20px 0px; width: 200px; height: 100%; max-height: 797px; position: absolute; right: 0px; top: 0px; z-index: 33; background-color:rgba(240,235,231,.1); text-align: center; }
		#banner-part.show .special_sec { transform: translate(0); -webkit-transform: translate(0); -ms-transform: translate(0);} 
		#banner-part .special_sec:hover{background-color:rgba(240,235,231,1);}
		#banner-part .special_sec:not(.mCS_no_scrollbar) .mCSB_container { padding: 40px 0px 40px; }
		#banner-part .special_sec:not(.mCS_no_scrollbar) .mCustomScrollBox:before { width: 100%; height: 55px; content:''; z-index: 1; position: absolute; left: 0px; top: 0px; }
		#banner-part .special_sec:not(.mCS_no_scrollbar) .mCustomScrollBox:after { width: 100%; height: 55px; content:''; z-index: 1; position: absolute; left: 0px; bottom: 0px; }
		#banner-part .special_sec h2 { font-size: 18px; line-height: 28px; letter-spacing: 0.02em; color: #323232; font-weight: 300; }
		#banner-part .special_sec .block { margin-top: 25px; padding: 25px 10px 30px; border: 1px solid rgba(0,0,0,0.1); background: rgba(255,255,255,0.5); }
		#banner-part .special_sec .block p { font-size:13px; padding-bottom:5px; line-height:18px; }
		#banner-part .special_sec h3 { padding: 5px 0 5px; font-size: 18px; line-height: 26px !important; margin:0px !important; color: #323232; font-weight: 400; }
		#banner-part .special_sec a.more { font-size: 14px; letter-spacing: 0.02em; line-height: 28px; color: #fff; font-weight: 400; padding: 0 10px; display: inline-block; background: #83c4d6; transition: all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; }
		#banner-part .special_sec a.more:hover { box-shadow: 0px -28px 0px rgba(0,0,0,0.2) inset; -webkit-box-shadow: 0px -28px 0px rgba(0,0,0,0.2) inset; -ms-box-shadow: 0px -28px 0px rgba(0,0,0,0.2) inset; } 
		#banner-part .special_sec .block + .block h3 { padding: 5px 0 5px; }
		#banner-part .special_sec .block + .block { padding-bottom:20px; } 
		#banner-part .special_sec address { padding: 50px 0 20px 0; font-size: 15px; line-height: 20px; font-weight: 300; font-style: normal; }  
		#banner-part .special_sec address span { font-weight: 400; }
		.mCSB_draggerRail, .mCSB_draggerContainer { opacity: 0; width: 0px !important; } 
		.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp { background: url(images/large_left.png) no-repeat left top; background-size: 100% 200%; width: 35px; height: 35px; border-radius: 50%; -webkit-border-radius: 50%; opacity: 100; }
		.mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp:hover { opacity: 100; } 
		.mCSB_inside > .mCSB_container { margin: 0px; }
		.mCSB_scrollTools { width: 35px; opacity: 100; }
		.mCSB_scrollTools .mCSB_buttonUp { transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); position: absolute; left: 50%; margin: 0 0 0 -17px; top: 10px; z-index: 99; }
		.mCSB_scrollTools .mCSB_buttonDown { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); position: absolute; left: 50%; margin: 0 0 0 -17px; bottom: 10px; z-index: 99; }
		.mCSB_scrollTools { position: static; } 

/* Search Box */
.searchbox{ background-color:#25abd5; display:block; padding:30px 0px; margin-top:30px; color:#fff; font-size:20px; font-weight:300; text-align:right; z-index:999 !important;}
.searchbox .formtext, .searchbox .formcheck{ display:inline-block; width:50%; text-align:left;vertical-align:middle;}
.searchbox .formtext{ text-align:right;width:50%; padding:8px 0px;}
.searchbox .formcheck .column5{ background-color:#25abd5; }
.searchbox .formcheck span{ margin-left:1px;}
.searchbox .formcheck span .tips{ height:42px;}
.searchbox input,.searchbox select{ padding:0px 0px; border:0px; background-color:#c7d0d4; font-size:16px; width:100%; color:#004f6b;height:40px; text-indent:10px;}
.searchbox input.datepickers{ width:100%;background-image:url(images/calendar-dark.png); background-repeat:no-repeat; background-position:right;}
.searchbox select{-webkit-appearance: none;-moz-appearance: none;appearance: none; padding-right:40px; background-image:url(images/down-arrow-dark.png); background-repeat:no-repeat; background-position:right; text-transform:capitalize; border-radius:0px;}
.searchbox input[type="submit"]{ background-color:#e76e15; font-weight:300; letter-spacing:1px;background-image:url(images/orange-button-2.png); background-repeat:repeat-x; color:#fff; cursor:pointer; background-position:center;transition: all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; padding-left:0px !important;}
.searchbox input[type="submit"]:hover{ background-image:none;box-shadow: 0px -50px 0px rgba(0,0,0,0.1) inset; -webkit-box-shadow: 0px -50px 0px rgba(0,0,0,0.1) inset; -ms-box-shadow: 0px -50px 0px rgba(0,0,0,0.1) inset; }
.searchbox input::-webkit-input-placeholder {
color: #09779e !important;
}
.searchbox input:-moz-placeholder{ /* Firefox 18- */
color: #09779e !important;  
}
.searchbox input::-moz-placeholder{  /* Firefox 19+ */
color: #09779e !important;  
}
.searchbox input:-ms-input-placeholder{  
color: #09779e !important;  
}

/* homepage */
.homefold1{ display:table; background-color:#36bce6; color:#fff; font-weight:300; -webkit-box-shadow: inset 0px 23px 31px -8px rgba(0,0,0,0.19);
-moz-box-shadow: inset 0px 23px 31px -8px rgba(0,0,0,0.19);
box-shadow: inset 0px 23px 31px -8px rgba(0,0,0,0.19);min-height:465px;overflow:hidden !important;}
.homefold1 .gmap, .homefold1 .hometext, .homefold1 .videos{ display:table-cell; width:30%; vertical-align:top; text-align:center; position:relative; overflow:hidden;}
.homefold1 .hometext{ width:40%; padding-bottom:40px; background-color:#fff; color:#006c93; -webkit-box-shadow: inset 0px 23px 31px -8px rgba(0,0,0,0.19);
-moz-box-shadow: inset 0px 23px 31px -8px rgba(0,0,0,0.19);
box-shadow: inset 0px 23px 31px -8px rgba(0,0,0,0.19);background-image: url(images/apartbg.png); background-position:bottom; background-repeat:no-repeat; font-size:18px; font-weight:400; }
.homefold1 .hometext h1{font-size:36px; font-weight:400; margin-bottom:-20px; color:#006c93; font-weight:400;}
.homefold1 .hometext h3{font-size:24px; font-weight:400; color:#017ca7; margin-bottom:40px;}
.homefold1 .hometext .innertext{ margin:auto 30px;}
.homefold1 .gmap,.homefold1 .videos{height:100%; cursor:pointer;}
.homefold1 .gmap .image{ text-align:center; position:absolute; width:100%; background-image:url(images/map.jpg);height:100%; background-position:center; cursor:pointer;background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; }
.gmap iframe, .gmap object, .gmap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.homefold1 .videos .image{ text-align:center; position:absolute; width:100%; background-image:url(images/video.jpg);height:100%; background-position:center; cursor:pointer;background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; overflow:hidden;}
.homefold1 .videos .image img{ display:none;}
.homefold1 .image:hover {
-webkit-animation: animatedBackground 1s ease-out 1;
-moz-animation: animatedBackground 1s ease-out 1;
animation: animatedBackground 1s ease-out 1;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes animatedBackground {
0% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
100% {
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1)
}
}
@-moz-keyframes animatedBackground {
0% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
100% {
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1)
}
}
@keyframes animatedBackground {
0% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
100% {
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1)
}
}
.homefold2, .homefold3, .homefold4{ display:block; background-color:#36bce6; color:#fff; font-weight:300; font-size:15px; padding-top:30px; }
.homefold4{ margin-bottom:-30px;}
.homefold2{background-color:#fff;color:#006c93;}
.homefold2 .margin30{ padding-left:10%; background-repeat:no-repeat; background-position:top left; background-size:7% auto;}
.homefold2 h2{ font-weight:400; font-size:1.4em; margin-bottom:-10px; margin-top:-10px; font-weight:600;}
.homefold2 h2 span{ color:#f77a0c; background-color:#fff;}
.homefold2 a{ color:inherit; text-decoration:none; border-bottom: 1px solid #f77a0c; color:#f77a0c;}
.homefold3{ padding:15px; color:#4c4b4b;}
.greybg{ background-color:#eceeef;}
.whyus{ display:none; text-align:center; padding-bottom:30px; font-size:2em; cursor:pointer;}
.whyus i{font-size:1.1em; margin-left:15px;}

.homeapertment{ display:block; font-size:15px; background-color:#fff; margin-bottom:15px; background-image:url(images/apartbg.png); background-repeat:no-repeat; background-position:left bottom; background-size:auto 100%;}
.apart-title{ text-align:right; font-size:2.8em; text-transform:uppercase; color:#02529f;}
.apart-title span{ display:block;}
.apart-title a{ color:inherit;}
.apart-title b{ color:#f78627; font-weight:400;}
.apart-desc{ font-weight:400;}
.apart-thumb img{ width:100%; height:auto; margin-bottom:-5px;}
.detailbuttons{ margin-top:40px;}
.detailbuttons a{ display:inline-block;}
.detailbuttons a .button{ font-size:0.9em; padding:15px 15px 15px 20px;}
.detailbuttons .button i{ padding-left:15px;}
.popup h2{ text-transform:uppercase; color:#f78627}
.popupdesc{ margin-left:20px; font-size:12px; margin-top:-20px;}
.popupdesc ul{ margin:15px; padding:0px;}
.popupdesc h3{
	position: relative;
    overflow: hidden;
	text-align:center;
	text-transform:uppercase;
	color:#f78627
}
.popupdesc h3 span {
        display: inline-block;
        vertical-align: baseline;
        zoom: 1;
        *display: inline;
        *vertical-align: auto;
        position: relative;
        padding: 0 20px;
}
.popupdesc h3 span:before, .popupdesc h3 span:after {
            content: '';
            display: block;
            width: 1000px;
            position: absolute;
            top: 0.73em;
            border-top: 1px solid #ccc;
        }
.popupdesc h3 span:before { right: 100%; }
.popupdesc h3 span:after { left: 100%; }
.homefold4{ padding:0px; margin-top:-15px; display:table; width:100%;}
.hometesti{ display:table-cell; width:60%; background-image:url(images/testibg.jpg); background-repeat:no-repeat; background-position:right; background-size:cover; color:#333; position:relative; vertical-align:top; }
.hometesti .slider-pro{ position:relative; width:40% !important; margin:5%; display:inline-block; vertical-align:top;}
.hometesti ul{ margin:0px; padding:0px; display:inline-block; width:100%; margin-top:5%; margin-bottom:5%;}
.hometesti ul li{ color:#153e4b; font-size:1.2em; font-weight:600; line-height:2em; list-style:none;}
.hometesti ul li:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;	
  content: "\f0da";
  padding-right:15px;
  font-size:1em;
  color:#d1c9c9;
}
.sp-slides{ background-color:#999 !important; }
.sp-title{color:#48b3dd; font-size:2.1em; margin-bottom:15px;}
.sp-testi{ font-size:1.1em; font-weight:400; color:#4c4b4b; margin-bottom:15px;}
.sp-name{ font-size:1em; font-weight:600; color:#4c4b4b; margin-bottom:15px; font-style:italic;}
.homepoints{ display:table-cell; width:40%; background-image:url(images/fold4-bg.png); background-repeat:no-repeat; background-position:right; padding:30px 0px;-webkit-box-shadow: inset 14px -1px 22px 0px rgba(0,0,0,0.26);
-moz-box-shadow: inset 14px -1px 22px 0px rgba(0,0,0,0.26);
box-shadow: inset 14px -1px 22px 0px rgba(0,0,0,0.26);}

.homepoints .videos{ width:90%; max-width:498px; margin:auto; }
.homepoints .videoicon{ margin:auto; display:block; width:90%; height:auto;}
.homepoints .videoicon img{ width:100%; height:auto; margin-bottom:-5px;}
.homepoints .videoicon span{ display:block;color:#fff; text-align:right; padding:15px;font-size:1.2em; font-weight:400; background-color:rgba(62,198,241,0.8);} 
.homepoints .videoicon span a{ color:#fff;}
.homepoints .videoicon span a:hover{color:#153e4b;}
.homepoints .videoicon span a:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;	
  content: "\f105";
  font-size:1.5em;
  float:right;
  padding-left:10px;
}

/* breadcrumbs */
#breadcrumbs{ display:block; border-bottom:1px solid #cddce1; padding:10px 0px; color:#7b7a7a; font-size:0.9em;}
#breadcrumbs a{color:#7b7a7a;font-size:0.9em;}
#breadcrumbs a:hover{ text-decoration:underline;}

.socialshare{ display:block; text-align:center; margin-top:30px;}

/* page */
.accommodation{ padding-top:30px;}
h1.entry-title{ font-size:36px; color:#767373; font-weight:300;}
.entry-content{ color:#605d5d;}
.apart-sidebar,.apart-list{ display:inline-block; vertical-align:top; width:29%;}
.apart-list{ width:70%; margin-top:-10px;}
.apart-sidebar{ margin-right:1%; margin-bottom:20px;}
.apart-sidebar ul{ margin:0px; padding:0; background-color:#fbfafa; padding-bottom:20px;}
.apart-sidebar ul li{ list-style:none;}
.apart-sidebar ul li.parent{ padding:10px 15px; background-color:#9fa1a2; color:#fff; text-transform:uppercase; margin-bottom:1px;}
.apart-sidebar ul li.childs{ padding:10px 15px; padding-left:25px; color:#605d5d; text-transform:uppercase; font-size:0.9em;}
.apart-sidebar ul li.childs i{ margin-right:5px; margin-left:-15px;}
.apart-sidebar ul li.banner{ text-align:center;}
.apart-sidebar ul li.banner img{ max-width:100%; height:auto;}
.apart-sidebar ul li a{ color:inherit; text-decoration:none;}
.apart-sidebar ul li a:hover{ color:inherit; text-decoration:underline;}
.apartment-grid{ display: inline-block; width:33.333%; font-size:14px; color:#a9a6a6; vertical-align:top;}
.two-column{ width:50%;}
.apartment-grid.first{ margin-left:0px;}
.apartment-grid img{ width:100%; height:auto;}
.apartment-grid h2{ color:#615f5f; font-size:1.4em; text-transform:uppercase; font-weight:300; margin-top:0px;}
.apartment-box{margin:10px; background-color:#fff; padding-bottom:10px; } 
.apartment-info{ margin:5px 15px 15px 15px;}
.apartment-infos{ display:block; margin-bottom:7px;}
.apartment-infos .label, .apartment-infos .value{ display:inline-block; width:40%; vertical-align:top; text-align:left; text-transform:uppercase;}
.apartment-infos .value{ width:60%; color:#656464; text-transform:capitalize;}
.apartment-buttons { display:block; width:100%; margin-top:20px;}
.apartment-buttons .button{ display:inline-block; width:30%; padding:7px 0px; text-indent:10px; }
.apartment-buttons .button.button-green{ text-indent:10px;width:26%;}
.apartment-buttons .button.button-orange{ text-indent:10px;width:44%;}
.custom-grid{ display: inline-block; width:33.333%; font-size:14px; color:#a9a6a6; vertical-align:top;}
.two-column{ width:50%;}
.custom-grid.first{ margin-left:0px;}
.custom-grid h2{ color:#615f5f; font-size:1.4em; text-transform:uppercase; font-weight:300; margin-top:0px;}
.custom-box{margin:10px; background-color:#fff; padding-bottom:10px; } 
.custom-info{ margin:5px 15px 15px 15px;}
.custom-infos{ display:block; margin-bottom:7px;}
.custom-infos .label, .custom-infos .value{ display:inline-block; width:40%; vertical-align:top; text-align:left; text-transform:uppercase;}
.custom-infos .value{ width:60%; color:#656464; text-transform:capitalize;}
.custom-buttons { display:block; width:100%; margin-top:20px;}
.custom-buttons .button{ display:inline-block; width:33.333%; padding:7px 0px; text-indent:15px; }
.accommodation-size{ padding:30px 0px; background-color:#3ec6f1;color:#fff;}
.apartment-info-small h2{ font-size:1.1em;}
.info-title{ font-size:2em; text-align:center; cursor:pointer;}
.info-title:hover{ text-decoration:underline;}
.info-text{ display:none; padding-top:20px;}
.accommodation-facilities{ display:block; background-color:#fff; padding:30px 0px; color:#383737; line-height:1.9em;}
.accommodation-facilities h2{ font-size:1.8em; font-weight:300;}
.accommodation-facilities a{ display:block; text-align:center;}
.accommodation-facilities .button{ display:inline-block; font-size:1em; margin:auto;}
.white{ background-color:#fff; color:#605e5e; font-size:1.2em; margin:10px; margin-bottom:20px;}
.white ul li{ font-size:0.8em; line-height:2em;}
.contactpage{ margin-bottom:20px;}
.content-area{ padding-bottom:30px;}
.faq-title{ font-weight:300;}
.faq-title:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;	
  content: "\f067";
  padding-right:10px;
  color:#7a7878;
}
.faq-text{ padding:0 15px 15px 25px;}
.topsurfers{ display:block; margin:10px;}
.surferparadise h2{ font-weight:400; display:inline-block; width:80%; text-align:left;}
.surferparadise .seemore{ display:inline-block; width:20%; text-align:right;}
.seemorebutton{ display:inline-block; padding:5px 15px; border:1px solid #0e8cd9; background-color:#fff; color:#0e8cd9; border-radius: 5px; -webkit-border-radius: 5px; font-size:0.9em; }
.seemorebutton:hover{background-color:#0e8cd9; color:#fff;}
.accosurfers{ margin-top:20px;}
.surfs{ padding-bottom:30px;}
.columncontact{ margin-right:20px;}
.relatedlinks{ display:block; margin-top:30px; text-align:center;}
.relatedlinks a, .relatedlinks a:visited{ color:#605d5d; text-decoration:none; font-weight:bold;text-decoration:underline;}
.relatedlinks a:hover{ text-decoration:underline;}


/* accomodation detail */
.entry-header{ display:block; position:relative; margin-bottom:40px;}

.acco-info{ font-size:1.2em; color:#7b7a7a; margin-top:-20px;}
.acco-text{padding-top:0px; font-size:1em; color:#605d5d; line-height:1.5em;}
.acco-text hr{ margin-top:30px; margin-bottom:-20px; border: 0;height: 1px;background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));}
.acco-text h2{ font-weight:600; padding-left:34px; line-height:24px;background-position:left; background-repeat:no-repeat; font-size:1.5em;}
.facilities-title{ background-image:url(images/facilities-icon.png);}
.layout-title{ background-image:url(images/layout-icon.png);}
.rooms-title{ background-image:url(images/rooms-icon.png);}
.padding35{ padding-left:35px;}
.book-now-top{ position:absolute; right:0px; top:20px;}
.book-now-top .button{ display:inline-block; font-size:1.2em;}
.book-now-bottom{ display:block; margin:30px 0px; text-align:center;}
.book-now-bottom .button{ display:inline-block; font-size:1.2em;}
.post-25 .entry-header{ display:block; position:relative; margin-bottom:40px; width:85%;}
.rates-text{ display:block; width:85%;}
.rates-ta{ position:absolute; display:block; width:30%; top:-30px; right:10px; text-align:center;}

/* slider */
.sp-selected-button {
    background-color: #30b3dd !important;
}
.sp-button {
    width: 15px;
    height: 15px;
    border: 1px solid #c9c7c7;
    border-radius: 50%;
    margin: 4px;
	background-color: #fff;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}

/* photo gallery */
ul.photogallery{ margin:0px; padding:0px; margin-left:-20px; margin-bottom:30px;}
ul.photogallery li{ display:inline-block; width:33.333%; vertical-align:top;}
ul.photogallery li .galbox{ display:block; margin:10px 0px 10px 20px; position:relative; overflow:hidden;}
ul.photogallery li .galbox span{ display:block; position:absolute; bottom:-50px; padding:10px 0px; width:100%; text-align:center; color:#fff; background-color:rgba(0,0,0,.6); -webkit-transition-property: bottom;-webkit-transition-duration: 0.2s;}
ul.photogallery li .galbox:hover > span{ bottom:0px;}
ul.photogallery li img{ width:100%; height:auto; margin-bottom:-4px;}
#Container .mix{ display: none;}
.filters{ margin:0px; padding:0px; margin-bottom:40px;}
.filters li{ display:inline-block; cursor:pointer; padding:8px 15px; border:1px solid #ddd; background-color:#eee; font-size:0.9em; margin-bottom:5px;}
.filters li:hover, .filters li:active{ background-color:#3cc4ef; color:#fff;}

/* blog */
.mainblog,.sidebarblog{ display:inline-block; vertical-align:top; width:75%;}
.sidebarblog{ width:25%;background-color:#fafafa; padding-bottom:10px;}
.sidebarblog .widget-title{ background-color:#00acd6; display:block; text-align:center; padding:10px 0px; text-transform:uppercase; font-weight:400; color:#fff; font-size:0.9em;}
.sidebarblog ul{ margin:0; padding:0;}
.sidebarblog ul li{ list-style:none;margin:0px; padding:0px;}
.sidebarblog ul li a{ display:block; margin:10px 10px; color:#666; font-family: 'Roboto Condensed',sans-serif !important; }
.sidebarblog ul li a:hover{ color:#333;}
.sidebarblog ul li a:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;	
  content: "\f105";
  color:#7a7878;
  padding-right:10px;
}
.widget{ margin:15px !important;} 
.entry-thumbnail img{ width:100%; height:auto;}
.mainblog .site-content{ margin-right:20px;}
.mainblog h1{font-family: 'Roboto Condensed',sans-serif !important; color: #444 !important; font-weight:700; }
.mainblog article .entry-content{ margin-bottom:50px;font-family: 'Roboto Condensed',sans-serif !important; color: #585858 !important; font-size: 14pt; font-weight: 300; line-height:26px;}
.blogdate,.blogtext{display:inline-block; vertical-align:top; width:80%; }
.blogdate{width:20%; text-align:center;color: #999;font-weight: 700;}
.bdate{font-size:2em;color:#999; font-family: 'Roboto Condensed',sans-serif !important; font-weight:700; margin-top:15px;}
.bmonth{font-size:1em;color:#999;  font-family: 'Roboto Condensed',sans-serif !important; font-weight:700}
.blogtext h2{ margin:15px 0px; line-height:40px !important; font-weight: bold !important; font-family: 'Roboto Condensed',sans-serif !important; color: #444 !important;    -webkit-margin-before: 0.83em;
    -webkit-margin-after: 0.83em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;}
.blogtext h2 a{ font-size:1.2em; font-weight: bold !important; font-family: 'Roboto Condensed',sans-serif !important; color: #444 !important;}
.entry-meta{ margin-top:-40px;font-family: 'Roboto Condensed',sans-serif !important; color: #777 !important; font-size: 10pt !important; font-weight: 300; }
.tags{ font-family: 'Roboto Condensed',sans-serif !important; color: #777 !important; font-size: 10pt !important; font-weight: 300; margin-top:20px; }
.entry-meta a, .tags a{ color:inherit; text-decoration:underline;}
.bcats { margin-bottom:-15px; margin-top:10px;}
.bcats a{ font-family: 'Roboto Condensed',sans-serif !important; color: #777 !important; font-size: 10pt !important; font-weight: 300;}
.blogtext .entry-summary{ font-family: 'Roboto Condensed',sans-serif !important; color: #585858 !important; font-size: 14pt; font-weight: 300; line-height:26px; }
.innerblogdate{ display:none; width:100px; text-align:center;}
.paging-navigation, .post-navigation{ margin-top:30px;}
.paging-navigation h1, .post-navigation h1{ font-size:1.2em; font-weight:300;}
.paging-navigation a, .post-navigation a{ color:inherit; text-decoration:underline;}
.singlepost{ margin-top:30px;}
#disqus_thread{ padding-top:50px !important;}
.galbox{ position:relative;}
.galbox .fa-youtube-play{ position:absolute; color:red; top:50%; left:50%; font-size:4em; margin-top:-30px; margin-left:-30px;}
.mainblog hr {
	margin-top:60px !important;
    margin-left: 10px;
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right,rgba(80,80,80,0),rgba(80,80,80,.75),rgba(80,80,80,0));
}

/**
 * 5.8 Author Bio
 * ----------------------------------------------------------------------------
 */

.author-info {
	margin: 0 auto;
	padding: 20px;
	text-align: left; /* gallery & video post formats */
	width: 100%;
	background-color:#fafafa;
	margin-bottom:20px;
	color:#999;
}

.author.sidebar .author-info {
	max-width: 1040px;
	padding: 30px 376px 10px 60px;
}

.single .author-info {
	padding: 20px;
	margin-top:40px;
}

.author-avatar .avatar {
	float: left;
	margin: 0 30px 30px 0;
}

.single-format-status .author-description {
	color: #f7f5e7;
}

.author-description .author-title {
	clear: none;
	font: 300 italic 20px "Source Sans Pro", Helvetica, sans-serif;
	margin: 0 0 8px;
}

.author-link {
	color: #ca3c08;
	margin-left: 2px;
}

.author.archive .author-link {
	display: none;
}


/* Reviews */
.rwp-users-score,.rwp-criterion,.rwp-header,.rwp-people-label{ display:none;}
.rwp-u-review,.rwp-ratings-form-wrap{ border:1px solid #eee; padding:20px !important; background-color:#fbfafa;-webkit-border-radius: 4px;
	-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.1);
	box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.1);}
.rwp-users-reviews-toolbar{border:1px solid #eee; padding:10px !important;}	
	

/* surfers paradise */
.image-grid {
  width: 100%;
  max-width: 1310px;
  margin: 0 auto;
  overflow: hidden;
  padding: 10px 5px 0;
}

.image__cell {
  float: left;
  position: relative;
  width: 25%;
}

.image--basic {
  padding: 0 5px;
}

.basic__img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.image--basic a{
  display:block;
  position: relative;
}
.basic__title {
  position:absolute;
  width:100%;
  display:block;
  padding:10px 0px;
  text-align:center;
  background-color:rgba(0,0,0,.6);
  bottom:0px;
  color:#fff;
  text-transform:uppercase;
  font-weight:600;	
}
.image__cell.is-collapsed .arrow--up {
  display: block;
  height: 10px;
  width: 100%;
}

.image--large {
  max-width: 100%;
  height: auto;
  display: block;
  padding: 40px;
  margin: 0 auto;
  box-sizing: border-box;
}
.image__cell.is-collapsed .image--basic {
  cursor: pointer;
}

.image__cell.is-expanded .image--expand {
  max-height: 500px;
  margin-bottom: 10px;
}

.image--expand {
  position: relative;
  left: -5px;
  padding: 0 5px;
  box-sizing: content-box;
  overflow: hidden;
  background: #222;
  max-height: 0;
  transition: max-height .3s ease-in-out,
              margin-bottom .1s .2s;
  width: 400%;
}
.image--expand--text{
	margin:30px 60px 40px 0px;
	color:#fff;
	max-height:420px;
	overflow-y:auto;
}
.image--expand--text a{ color:inherit; text-decoration:underline;}
.image__cell:nth-of-type(4n+2) .image--expand {
  margin-left: -100%;
}

.image__cell:nth-of-type(4n+3) .image--expand {
  margin-left: -200%;
}

.image__cell:nth-of-type(4n+4) .image--expand {
  margin-left: -300%;
}
.image__cell:nth-of-type(4n+5) {
  clear: left;
}
.image__cell.is-expanded .arrow--up {
  display: block;
  border-bottom: 8px solid #222;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  height: 0;
  width: 0;
  margin: 2px auto 0;
}
.expand__close {
  position: absolute;
  top: 10px;
  right: 20px;
  color: #454545;
  font-size: 50px;
  line-height: 50px;
  text-decoration: none;
}

.expand__close:before {
  content: '×';
}

.expand__close:hover {
  color: #fff;
}
.gridfull .image--basic {
  padding: 0;
}
.gridfull .image__cell {
      width: 100%;
}
.gridfull .image__cell:nth-of-type(1n) .image--expand {
      margin-left: 0;
}
.gridfull .image__cell:nth-of-type(1n) {
      clear: left;
}
.gridfull .image--expand {
      width: 100%;
	  margin:auto;
}
.gridfull .image--expand .column2{
	display:block;
	width:100%;
}
.gridfull .image--expand--text{
	margin:40px;
}
.gridfull .image__cell.is-expanded .image--expand {
  max-height:none;
}

.viewmoretour{ display:block; padding:15px 0px; font-size:1.8em; border:2px solid #666; text-align:center; background-color:#fff; color:#333;}
.viewmoretour:hover{ background-color:#e54c3c; color:#fff !important;}
.clickbutton{ display:inline-block; padding:8px 20px; font-size:0.5em; background-color:#006c93; margin-top:10px;}
.price{ font-size:1.3em;}
.table-gall img{ width:100%; height:auto;}
	
/* footer */
.footer-contact {
    width : 100%;
	background-color:#3ec5f0;
	-webkit-box-shadow: inset 0px 23px 31px -8px rgba(0,0,0,0.19);
-moz-box-shadow: inset 0px 23px 31px -8px rgba(0,0,0,0.19);
box-shadow: inset 0px 23px 31px -8px rgba(0,0,0,0.19);
}
.footer-contact-inside{ padding:10px 0px 20px 0px;}
.footer-contact h2{
	font-size:30px;
	font-weight:100 !important;
	color:#fff;
	text-transform:uppercase;
}
.form-inline{ display:block; width:100%; clear:both;}
.form-3{ display:inline-block; width:25%; margin-right:-4px;margin-bottom:10px;vertical-align:top;}
.form-4{ display:inline-block; width:38%; margin-right:-4px;margin-bottom:10px;vertical-align:top;}
.form-5{ display:inline-block; width:45%; margin-right:-4px;margin-bottom:10px;vertical-align:top;}
.form-6{ display:inline-block; width:17%; margin-right:-4px;margin-bottom:10px;vertical-align:top;}
.form-2{ display:inline-block; width:50%; margin-right:-4px;margin-bottom:10px;vertical-align:top;}
.form-3 span{ display:block; margin-left:10px;}
.form-2 span{ display:block; margin-right:10px;}
.form-3.nospace span{ display:block; margin-left:0px;}
.footer-contact input, .footer-contact select, .footer-contact textarea{ padding:0px 0px; text-indent:10px; font-size:14px; color:#09779e; background-color:#d6f4fd; border:none; border-radius: 3px !important; font-weight:300; width:100%; height:40px;}
.footer-contact select{-webkit-appearance: none;-moz-appearance: none;appearance: none; padding-right:40px; background-image:url(images/down-arrow.png); background-repeat:no-repeat; background-position:right; text-transform:capitalize;}
.footer-contact textarea{ height:90px; padding:10px 0px;}
.form-6 span{ display:block; margin-left:10px;}
.footer-contact input[type="submit"]{ height:90px; cursor:pointer; font-weight:400; background-image:url(images/big-green-button.png); background-repeat:repeat-x; font-size:20px; color:#fff; font-family: 'Open Sans', sans-serif; text-align:center;}
.footer-contact input.datepicker{ background-image:url(images/calendar.png); background-repeat:no-repeat; background-position:right;}
.wpcf7-not-valid-tip{ font-size:12px !important;}
.wpcf7-validation-errors{ margin-top:-10px !important; background-color:#d6f4fd; padding:20px !important; font-size:12px !important;}
.footer-contact input::-webkit-input-placeholder, .footer-contact textarea::-webkit-input-placeholder {
color: #09779e !important;
}
.footer-contact input:-moz-placeholder, .footer-contact textarea:-moz-placeholder { /* Firefox 18- */
color: #09779e !important;  
}
.footer-contact input::-moz-placeholder,.footer-contact textarea::-moz-placeholder {  /* Firefox 19+ */
color: #09779e !important;  
}
.footer-contact input:-ms-input-placeholder, .footer-contact textarea:-ms-input-placeholder {  
color: #09779e !important;  
}
.footer-widget-group{ display:block; background-color:#09779e; background-image:url(images/footer-bg.png); background-repeat:repeat-x; background-position:top; color:#fff; font-weight:100;}
.footer-widget-group .content-site{ padding:25px 0px;}
.footer1,.footer2,.footer3{display:inline-block; vertical-align:top; width:25%;}
.footer2{ font-size:18px;width:30%;}
.footer2 small{ font-size:13px;}
.footer2 img{ margin-bottom:20px; max-width:100%; height:auto;}
.footer3{ width:45%; text-align:right; position:relative;}
.footer-widget-group h3{ margin-bottom:10px; margin-top:0px;}
.footer-widget-group ul{ margin:0px; padding:0px;}
.footer-widget-group ul li{ list-style:none; margin-bottom:2px;}
.footer-widget-group ul li:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;	
  content: "\f0da";
  padding-right:10px;
  font-size:13px;
}
.footer-widget-group ul li a{ color:#fff; font-size:14px;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;}
.footer-widget-group ul li a:hover{ color:#056c92;}
.footer-banner{ margin-bottom:40px;}
.footer-banner img{ margin-left:5px; height:100px; width:auto;}
.footer3 .newsletter{ display:block; position:relative; height:35px; width:100%;}
.footer3 .wysija-submit{ position:absolute !important; right:0px !important; top:-20px !important; color:#fff; background-color:#2e2d2d; border:0px;font-family: 'Open Sans', sans-serif; font-weight:400; width:100px; text-align:center; height:35px !important; cursor:pointer !important;}
.footer3 input[type="text"]{  position:absolute !important; top:0px !important; right:100px !important;height:33px !important; padding:0px 10px; width:280px; color:#8c8a8a !important;font-family: 'Open Sans', sans-serif;}

.site-info{ background-color:#076688; display:block; color:#eee; font-size:11px; padding:10px 0px;}
.copyright,.socialicons{ display:inline-block; vertical-align:top; width:60%; text-align:left;}
.copyright{ padding-top:5px;}
.socialicons{ width:40%; text-align:right; font-size:16px;}
.socialicons a { color:#fff;}
.socialicons .fa{
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	color: #FFF;
	color: rgba(255, 255, 255, 0.8);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out; 
	/*border-radius: 50%;
	border:1px solid #fff;*/
	padding:2px 2px 4px 2px;
	margin-left:5px;
}
.socialicons .fa:hover{-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1); }
.copyright a{ color:#fff;}
.copyright a:hover{ text-decoration:underline;}
.showmobile{ font-size:18px; color:#fff !important; text-decoration:none; text-align:center !important; font-weight:bold !important; padding: 12px 25px; max-width:350px; margin:auto !important; display:none;}
.showmobile a{ font-size:18px; color:#fff !important; text-decoration:none; text-align:center !important; font-weight:bold !important; text-align:center !important;font-weight:bold !important;}

@media (max-width: 1280px) {
.content-site{ display:block; width:98%; max-width:none; margin:auto; position:relative;}
.top-left{ width:100%; max-width:65%;}
.top-right{ width:100%; max-width:35%;text-align:right !important; text-transform:uppercase;padding:0px !important;}
.homefold1{ min-height:inherit;}
.homefold1 .hometext h1{font-size:24px; font-weight:400; margin-bottom:-20px;}
.homefold1 .hometext h3{font-size:18px; font-weight:400; color:#017ca7; margin-bottom:40px;}	
.homefold2{ font-size:13px; }
.homefold2 .margin30{ background-size:7% auto; padding-left:9%;}
.hometesti ul li{ font-size:0.9em; font-weight:600;}
.toplang .column2{ width:150px;}
.sp-title{font-size:2em;}
.sp-testi{ font-size:1em;}
.sp-name{ font-size:0.9em;}
.hometesti{ width:70%;}
.homepoints{ display:table-cell; width:30%; background-image:url(images/fold4-bg.png); background-repeat:no-repeat; background-position:center; padding:30px 0px;-webkit-box-shadow: inset 14px -1px 22px 0px rgba(0,0,0,0.26);
-moz-box-shadow: inset 14px -1px 22px 0px rgba(0,0,0,0.26);
box-shadow: inset 14px -1px 22px 0px rgba(0,0,0,0.26);}
.homepoints ul{ margin:0px; padding:}
}
@media (max-width: 1190px) {
nav.main-navigation ul li a{ margin-right:12px; font-size:13px;}
nav.main-navigation ul li:last-child a{font-size:20px;}
.top-book{ margin-right:20px;font-weight:400;font-size:1rem;height:35px;}
.top-book p{ margin:0px;}
.top-book small{ font-size:0.5rem;}
.top-info{ font-size:1.4em; }
.detailbuttons a .button{ padding:10px;}
}
@media (min-width: 981px) and (max-width: 1100px) {
.top-book p{ font-size:0.9em;}
.top-info{ font-size:1.2em; }
.topbuttons a{ font-size:0.9em;}
nav.main-navigation ul li a{ margin-right:12px; font-size:11px;}
.homepoints{ background-size:100% 100%; background-position:left;}
.homepoints ul li{ font-size: 12px;}
.videos a{ font-size:14px;}
.homepoints .videoicon span{ padding:5px 15px !important;}
.homepoints .videoicon span a:before {
    font-size: 1.2em;
    padding-left: 10px;
	padding-top:5px;
}
.sp-title{font-size:1.2em;}
.sp-testi{ font-size:0.8em;}
.sp-name{ font-size:0.6em;}
.searchbox input.datepickers{ font-size:13px;}
.searchbox select{ font-size:13px;}
.searchbox .formtext{ font-size:0.8em;}
.homeapertment{ height:300px;}
.specials{ height:auto;}
.apart-title{ font-size:2.2em;}
.apart-thumb{ overflow:hidden; text-align:center; height:300px;} 
.apart-thumb img{ height:100%; width:auto;}
.footer-contact input[type="submit"]{ font-size:14px; text-align:center;}
.homefold1{ min-height:inherit;}
.homefold1 .videos .image img, .homefold1 .gmap .image img{ display:block; margin:auto !important; text-align:center; height:auto !important; width:100% !important;}
.homefold1 .hometext .innertext{ font-size:11px; height:180px;}
.homefold1 .hometext h1{font-size:18px; font-weight:400; margin-bottom:-10px;}
.homefold1 .hometext h3{font-size:14px; font-weight:400; margin-bottom:15px;}
.homefold2 h2{ font-weight:400; font-size:1em; margin-bottom:-10px; margin-top:-10px;}
.searchbox input[type="submit"]{ font-size:0.6em; padding-left:0px; text-align:center;}
}
@media (max-width: 1100px) {
.apartment-buttons .button{ font-size:0.6em;}
.filters{ text-align:center;}
.filters li{ display:inline-block; width:30%; padding:8px 0px; text-align:center;}
.book-now-top{ display:none;}
.post-25 .entry-header{ display:block; position:relative; margin-bottom:40px; width:100%;}
.rates-text{ display:block; width:100%;}
.rates-ta{ position:relative; display:block; width:100%; top:0px; right:0px; text-align:center;}

}
@media (max-width: 980px) {
body, html{ font-size:14px; }
.homefold1 .videos .image img, .homefold1 .gmap .image img{ display:none;}	
.site-header{ height:70px;}
.site-header .top-right{ display:none;}
.tp-banner-home{top:70px; margin-bottom:70px;}
.tp-banner-inner{top:70px; margin-bottom:70px;}
.site-header .top-left{width:100%; max-width:100%; -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;}
.site-header .top-left .logo{ height:40px; width:auto;-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;}
.site-header .top-left .navbar{ float:right; margin-top:10px;-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;}
.searchbox .formtext, .searchbox .formcheck{ display:block; width:80%; margin:auto; text-align:center;}
.homeapertment{ height:300px;}
.specials{ height:auto;}
.apart-title{ font-size:2.2em;}
.apart-thumb{ overflow:hidden; text-align:center; height:300px;} 
.apart-thumb img{ height:100%; width:auto;}
.hometesti{ width:50%; }
.homepoints{ background-position:top left; width:50%;}
.contactpage .column2, .homepoints .column2{ display:block; width:100%;}
.contactpage .column2 { margin-bottom:20px;}
.contactpage .column2 .columncontact{ margin-right:0px;}
.colvideos{ margin-top:20px; padding:20px 0px;}
.homepoints .videos{ margin-top:20px;}
.apartment-grid{ display: inline-block; width:50%;}
.custom-grid{ display: inline-block; width:50%;}
ul.photogallery li{ display:inline-block; width:50%; vertical-align:top;}
.hometesti{ display:block; width:100%;}
.hometesti .column2{ display:block; width:100%;}
.homepoints{ display:block; width:100%; background-position:center;}
.minimum-text{ margin:auto !important;}
.column6{ width:100%; max-width:250px; margin:auto; text-align:center;}
.column6 .button-orange{ margin:auto;}
}
@media (max-width: 950px) {
.content-site{ display:block; width:96%; max-width:none; margin:auto; position:relative;}
.sfm-navicon-button{ display:inline-block;}
.navbar .main-navigation{ display:none;}
#mobilemenu{ display:block;}
.tp-banner-home .tp-banner{ min-height:inherit;}
.tp-banner-inner .tp-banner{ min-height:inherit; height:200px;}
#banner-part .special_sec{ position:relative; width:100%; transform: none; -webkit-transform: none; -ms-transform: none; padding:0px; max-height: 190px; background-color:rgba(240,235,231,1);}
#banner-part .special_sec:not(.mCS_no_scrollbar) .mCustomScrollBox:before { background-color:rgba(240,235,231,1);  }
#banner-part .special_sec:not(.mCS_no_scrollbar) .mCustomScrollBox:after { background-color:rgba(240,235,231,1); }
.tp-caption{ display:none;}
.searchbox .formtext, .searchbox .formcheck{ display:block; text-align:center; width:100%;}
.searchbox .formtext{ font-size:0.8em;}
.homefold1{ display:block;}
.homefold1 .gmap, .homefold1 .hometext, .homefold1 .videos{ display:block; width:100%;}
.homefold1 .gmap, .homefold1 .videos{ height:200px;}
.whyus{display:block;}
.homefold2 .column3{ display:none; width:100%;}
.homefold2 .column3 .margin30{ display:inline-block; width:45%; margin:auto 2%; vertical-align:top; padding:0px; background-image:none !important;}
.apart-title{ font-size:1.5em; width:20%;}
.apart-title .margin30{ margin:30px 10px;}
.apart-desc{ width:50%;}
.sp-title{font-size:2em;}
.sp-testi{ font-size:1em;}
.sp-name{ font-size:0.9em;}
.homepoints ul li{ font-size: 14px;}
.apart-sidebar,.apart-list{ display:block; vertical-align:top; width:100%;}
.accommodation .content-site{display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    /* optional */
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;}	
.apart-list{ -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
}
.apart-sidebar{ text-align:center;padding:0px;-webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;}
.footer-contact input[type="submit"]{ font-size:11px; text-align:center;}
.apartment-grid{ display: block; width:100%;}
.custom-grid{ display: block; width:100%;}
.mainblog,.sidebarblog{ display:block; vertical-align:top; width:100%; margin-bottom:20px;}	
.blogdate,.blogtext{display:block; vertical-align:top; width:100%;}
.blogdate{ display:none;}
.innerblogdate{ display:table;} 
.image__cell {
      width: 50%;
}
.image__cell:nth-of-type(2n+2) .image--expand {
      margin-left: -100%;
}
.image__cell:nth-of-type(2n+3) {
      clear: left;
}
.image--expand {
      width: 200%;
}
}
@media (max-width: 815px) {
.showmobile{ display:block;}
.showdesktop{ display:none;}
}
@media (max-width: 800px) {
.homefold4{ display:block;}	
.hometesti, .homepoints{ display:block; width:100%; margin:auto;}
.hometesti{ height:350px;}
.detailbuttons a .button{ font-size:0.8em; padding:10px 10px 10px 15px;}

.apartment-grid h2{ font-size:1.2em;}
.apartment-infos .label, .apartment-infos .value{ display:block; width:100%;}
.apartment-infos .value{ width:100%;}
.apartment-buttons .button{ display:block; width:100%; margin-bottom:3px; font-size:1em; text-align:center;}
.custom-grid h2{ font-size:1.2em;}
.custom-infos .label, .custom-infos .value{ display:block; width:100%;}
.custom-infos .value{ width:100%;}
.custom-buttons .button{ display:block; width:100%; margin-bottom:3px; font-size:1em; text-align:center;}
.column40,.column60{ display:block; width:100%; vertical-align:top;}
.searchbox .formcheck{ margin-left:-5px; }
.column5{ display:inline-block; width:50%; vertical-align:top; text-align:center; margin-bottom:5px; background-color:#fff;}
.searchbox .formcheck span{ margin:0px 5px !important;}
.submit{display:block; width:100%;}
.filters li{ display:inline-block; width:45%; padding:8px 0px; text-align:center;}
.hometesti{ height:auto; min-height:none; max-height:none; display:block !important; position:relative;}
.hometesti .slider-pro{ position:relative; width:90% !important; margin:5%; display:block; vertical-align:top;}
.hometesti ul{ clear:both; padding:0px; display:block !important; width:90%; margin:5%; padding:0px;}
.hometesti ul li{ white-space: nowrap; display:block !important; width:100%;}
.bookrate-box{ position:relative; text-align:center; width:100%;}
}
@media (max-width: 700px) {
.homeapertment{ height:auto !important;display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    /* optional */
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;}	
.homeapertment .margin30{ margin:10px 20px;}	
.apart-title,.apart-desc,.apart-thumb{ display:block; width:100%; position:relative; height:auto !important;}
.apart-thumb{ -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
}
.apart-thumb img{ width:100%; height:auto;}
.apart-title{ text-align:center;padding:0px;-webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;}
.apart-desc{ -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;}	
.apart-title span{ display:inline-block; margin:3px;}
.detailbuttons{ text-align:center; margin-bottom:20px;}
.form-3{ display:inline-block; width:50%; margin-right:-4px;margin-bottom:10px;vertical-align:top;}
.form-4{ display:block; width:100%; margin-right:-4px;margin-bottom:10px;vertical-align:top;}
.form-5{ display:block; width:100%; margin-right:-4px;margin-bottom:10px;vertical-align:top;}
.form-6{ display:block; width:100%; margin-right:-4px;margin-bottom:10px;vertical-align:top;}
.form-2{ display:inline-block; width:50%; margin-right:-4px;margin-bottom:10px;vertical-align:top;}
.form-2 span{ margin-right:0px;}
.form-2.nospace2 span{ margin-left:10px;}
.form-3.nospace2 span, .form-6 span{ margin-left:0px;}
.footer1,.footer2,.footer3{display:block;width:100%; text-align:center; margin-bottom:15px;}
.footer3 .wysija-submit{ position:absolute !important; right:1% !important; top:-20px !important; color:#fff; background-color:#2e2d2d; border:0px;font-family: 'Open Sans', sans-serif; font-weight:400; width:20%; text-align:center; height:35px !important; cursor:pointer !important;}
.footer3 input[type="text"]{  position:absolute !important; top:0px !important; right:21% !important;height:33px !important; padding:0px 10px; width:74%; color:#8c8a8a !important;font-family: 'Open Sans', sans-serif;}
.copyright, .socialicons{ display:block; width:100%; text-align:center;}
.copyright{ margin-bottom:15px;}
.popup h2{ font-size:18px !important;}
.popup .column2{ display:block; width:100%; margin-bottom:40px !important;}
.apartment-grid h2{ font-size:1.4em;}
.apartment-grid{ display: block; width:100%; font-size:14px; color:#a9a6a6; vertical-align:top;}
.apartment-grid.first{ margin-left:0px;}
.apartment-grid img{ width:100%; height:auto;}	
.apartment-infos .label, .apartment-infos .value{ display:inline-block; width:40%; vertical-align:top; text-align:left; text-transform:uppercase;}
.apartment-infos .value{ width:60%; color:#656464; text-transform:capitalize;}
.custom-grid h2{ font-size:1.4em;}
.custom-grid{ display: block; width:100%; font-size:14px; color:#a9a6a6; vertical-align:top;}
.custom-grid.first{ margin-left:0px;}	
.custom-infos .label, .custom-infos .value{ display:inline-block; width:40%; vertical-align:top; text-align:left; text-transform:uppercase;}
.custom-infos .value{ width:60%; color:#656464; text-transform:capitalize;}
ul.photogallery li{ display:block; width:100%; vertical-align:top;}
.tp-bullets{ display:none !important; visibility:hidden !important;}
}
@media (max-width: 600px) {
.apart-title{ font-size:18px !important; margin-bottom:-10px !important;}	
.homepoints ul li{ font-size:0.9em; font-weight:600;}
.footer3 .wysija-submit{right:0% !important;}
.footer-contact input[type="submit"]{ font-size:16px; text-align:center;}
h1.entry-title{ font-size:26px;}
.searchbox .formcheck{ margin-left:0px; }
.column5{ display:block; width:100%; vertical-align:top; text-align:center; margin-bottom:5px; background-color:#fff;}
.searchbox .formcheck span{ margin:0px !important;}
.submit{display:block; width:100%;}
.filters li{ display:inline-block; width:98%; padding:8px 0px; text-align:center;}
.image__cell {
      width: 100%;
}
.image__cell:nth-of-type(1n) .image--expand {
      margin-left: 0;
}
.image__cell:nth-of-type(1n) {
      clear: left;
}
.image--expand {
      width: 100%;
}
.image--expand .column2{
	display:block;
	width:100%;
}
.image--expand--text{
	margin:0px 40px 40px 40px;
}
.image__cell.is-expanded .image--expand {
  max-height:none;
}
.surferparadise h2{ margin-left:10px; font-weight:400; text-align:center;}
.viewmoretour{ font-size:1.5em;}
.hometesti ul li{ white-space:normal;}
.detailbuttons .button{ display:block !important; width:100% !important;}
.rate-links{ line-height:2em !important;}
}
@media screen and (max-height: 575px){
#rc-imageselect, .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}
	
	}

		@media only screen and (max-width:992px){
			.hero-banner-slider h3.sp-layer{
				font-size:20px;
			}
		}

		@media only screen and (max-width:767px){
			.hero-banner-slider .sp-buttons{
				display:none;
			}
			.hero-banner-slider h3.sp-layer{
				max-width:max-content;
				padding-bottom:15px;
			}
		}