@import url("https://fonts.googleapis.com/css?family=Overpass:100,200,300,400,600,700,800,900|Quicksand:300,400,500,700|Raleway:100,200,300,400,500,600,700,800,900");
@import url("https://fonts.googleapis.com/css2?family=Londrina+Solid:wght@100;300;400&display=swap");
@font-face {
font-family: 'marker_feltregular';
src: url(https://www.paradisecovemalibu.com/wp-content/themes/paradise-cove-2024/font/markerfelt/marker_felt-webfont.woff2) format('woff2'), url(https://www.paradisecovemalibu.com/wp-content/themes/paradise-cove-2024/font/markerfelt/marker_felt-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'dom_casualregular';
src: url(https://www.paradisecovemalibu.com/wp-content/themes/paradise-cove-2024/font/dom-casual/dc-webfont.woff2) format('woff2'), url(https://www.paradisecovemalibu.com/wp-content/themes/paradise-cove-2024/font/dom-casual/dc-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'dom_casualregular2';
src: url(https://www.paradisecovemalibu.com/wp-content/themes/paradise-cove-2024/font/dom-casual/dom_casual_regular-webfont.woff2) format('woff2'), url(https://www.paradisecovemalibu.com/wp-content/themes/paradise-cove-2024/font/dom-casual/dom_casual_regular-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'dom_casualitalic';
src: url(https://www.paradisecovemalibu.com/wp-content/themes/paradise-cove-2024/font/dom-casual/dom_casual_italic-webfont.woff2) format('woff2'), url(https://www.paradisecovemalibu.com/wp-content/themes/paradise-cove-2024/font/dom-casual/dom_casual_italic-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
} h1, h2, h3, h4, h5, h6, body {
font-family: 'Source Sans Pro', sans-serif;
font-family: 'Muli', sans-serif; font-family: 'Overpass', sans-serif;
font-family: 'Raleway', sans-serif; }
nav {
background-color: unset;
}
a.skip-main {
left: -999px;
position: absolute;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
z-index: -999;
}
a.skip-main:focus, a.skip-main:active {
color: #152b5a;
background-color: #fff;
left: auto;
top: auto;
width: 30%;
height: auto;
overflow: auto;
margin: 10px 35%;
padding: 5px;
border-radius: 15px;
border: 4px solid #152b5a;
text-align: center;
font-size: 1.2em;
z-index: 10000000;
}
div#menulink {
position: absolute;
top: calc(100vh - 180px);
z-index: 912439412;
left: 0;
right: 0;
text-align: center;
color: #fff;
}
a.menulok {
text-transform: uppercase;
font-weight: 900;
color: #fff;
letter-spacing: 1px;
}
main#mainbox {
opacity: 1;
position: absolute;
top: 70px;
left: 70px;
right: 70px;
bottom: 70px;
background-size: cover;
background-position: 50%;
z-index: 1;
transition: all .7s;
height: calc(100% - 140px);
background-color: black;
}
body.page-template.page-template-p-frontpage2019.page-template-p-frontpage2019-php {
background: #fff;
}
div#swipe_handle {
display: none;
}
div#inside_content {
height: 100%; background: transparent;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: all 0.6s;
}
div#page_container {
overflow: hidden;
position: relative;
height: 100vh;
}
div#float_content {
position: absolute;
bottom: 0px;
right: 80px;
background: #fff;
width: 40vh;
padding: 0;
box-shadow: 0px 0px 10px -5px hsla(0, 0%, 0%, 0.4);
z-index: 234;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
}
ul.menusol {
padding: 10px 0;
list-style: none;
margin: 0;
}
li.menucon {
overflow: auto;
padding: 15px 0;
border-bottom: 1px solid #eee;
}
.leftcenter {
float: left;
width: 80%;
}
.rightimage {
float: left;
width: 20%;
font-size: 24px;
text-align: center;
color: #152b5a;
}
.rightimage > a {
color: #152b5a;
}
span.sectitle {
font-family: dom_casualitalic;
font-weight: 700;
color: #384f80;
display: block;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 13px;
float: left;
font-weight: 800;
display: block;
width: 100%;
}
li.menucon {
overflow: auto;
padding: 5px 50px;
border-bottom: 0px solid #eee;
position: relative;
cursor: pointer;
clear: both;
margin: 0 0px;
}
span.subdom {
font-family: marker_feltregular;
font-size: 10px;
font-weight: 500;
letter-spacing: 1px;
color: black;
float: left;
}
.section_contento {
position: absolute;
bottom: 130px;
left: 10vh;
}
.subtitle {
font-family: dom_casualitalic;
font-size: 1.8vw;
color: #fff;
font-weight: 500;
margin-bottom: 5px;
letter-spacing: 1px;
}
h1.maintitlespace {
margin: 15px 0 35px;
color: #fff;
font-weight: 500;
font-size: 6vw;
line-height: 4vw;
text-transform: capitalize;
font-family: marker_feltregular;
}
a.linktitle {
font-family: dom_casualregular;
display: inline-block;
font-size: 1vw;
color: #fff;
padding: 10px 30px;
border: 1px solid rgba(255, 255, 255, 0.28);
text-align: center;
text-transform: uppercase;
font-weight: 100;
letter-spacing: 4px;
font-weight: 500;
position: relative;
overflow: hidden;
transition: all .3s;
}
header#container_con {
position: fixed;
top: 0;
left: 70px;
height: 70px;
right: 70px;
z-index: 9567567;
background: #fff;
}
ul#slidecontainermain.activeul {
transition: all 0s;
}
ul#absole * { }
a.logo_con {
display: block;
float: left;
}
img.amincon {
max-height: 70px;
padding: 10px 0;
}
div#secondslider.activeul ul#slidecontainermain {
transition: all .0s;
}
a.logo_con {
}
a.menulink {
float: right;
height: 70px;
position: relative;
padding: 15px 10px;
overflow: hidden;
color: #152b5a;
}
a.main_checkout_link {
height: 70px;
}
span.ink {
width: 100%;
height: 2px;
background: #152b5a;
display: block;
transition: all .3s;
}
main#mainbox * { }
span.ink:nth-child(even) {
margin: 8px 0;
}
span.inktext {
font-family: marker_feltregular;
text-transform: uppercase;
font-weight: 800;
font-size: 20px;
transition: all .3s;
}
a.linktitle:visited {
color: #fff;
}
li.menucon:nth-last-child(1) {
border: none;
}
div#controllewrap {
max-width: 100%;
margin: 0vh auto 0;
overflow: hidden; position: absolute;
-webkit-transition: all 1500ms cubic-bezier(0.075, 0.82, 0.165, 1);
transition: all 1500ms cubic-bezier(0.075, 0.82, 0.165, 1);
transition-delay: 0.1s;
will-change: transform, opacity;
height: 100%;
width: 100%;
}
div#pagewrapper * {
touch-action: pan-y !important;
}
li.menucon:before {
content: close-quote;
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 100%;
background: #152b5a;
transform: translateX(-100%);
transition: all 700ms;
z-index: -1;
}
li.menucon:hover:before {
transform: translateX(0);
}
li.menucon:hover {
color: #fff;
}
li.menucon:hover span.sectitle {
color: #fff;
}
li.menucon:hover span.subdom {
color: #fff;
}
li.menucon:hover svg {
color: #fff;
}
.rightimage svg {
transition: all .7s;
}
li.menucon {
}
li.menucon.activemenucon:after {
content: close-quote;
position: absolute;
right: 90%;
bottom: 0;
top: 0;
width: 10%;
background: #152b5a;
height: 100%;
}
nav#main_navigation {
}
nav#main_navigation div#nav_container {
line-height: 1; margin: 0 auto;
overflow: auto;
padding: 70px 10vw;
max-width: 100%;
margin: 0 auto;
overflow: auto;
font-family: marker_feltregular;
}
nav#main_navigation div#nav_container a {
font-size: 1.1vw;
color: #fff;
font-weight: 700;
display: inline-block;
padding: 0;
line-height: 1;
padding: 10px 0;
display: block;
text-transform: uppercase;
font-weight: 400;
letter-spacing: 1px;
transition: all .3s;
}
nav#main_navigation  li {
display: block;
width: 100%;
height: auto;
transform: none;
background-color: transparent;
}
nav#navbottom > * {
background-color: transparent;
}
div#top_nav {
display: block;
overflow: auto;
padding: 10px 0px;
}
div#top_nav .top-menu-div {
float: left;
width: 100%;
display: inline-block;
line-height: 1;
}
div#top_nav .top-menu-div a {
display: block;
}
.right-top {
display: block;
}
span.text-top-nav {
display: inline;
padding: 0px 0;
display: block;
}
div#bottom_nav {
padding: 10px 0px;
overflow: auto;
}
.fnc {
}
.fnc-slider {
overflow: hidden;
box-sizing: border-box;
position: relative;
height: auto;
display: block;
width: 100%
}
.fnc-slider *, .fnc-slider *:before, .fnc-slider *:after {
box-sizing: border-box
}
.flex {
display: block;
width: 100%;
height: 100%;
overflow: auto;
padding: 0 0;
max-height: 100%;
}
.fnc-slider__slides {
position: relative;
height: 60vh;
transition: -webkit-transform 1s 0.6666666667s;
transition: transform 1s 0.6666666667s;
transition: transform 1s 0.6666666667s, -webkit-transform 1s 0.6666666667s
}
.fnc-slider .m--blend-dark .fnc-slide__inner {
background-color: #8a8a8a
}
.fnc-slider .m--blend-dark .fnc-slide__mask-inner {
background-color: #575757
}
.fnc-slider .m--navbg-dark {
background-color: #575757
}
.fnc-slider .m--blend-green .fnc-slide__inner {
background-color: #6d9b98
}
.fnc-slider .m--blend-green .fnc-slide__mask-inner {
background-color: #42605E
}
.fnc-slider .m--navbg-green {
background-color: #42605E
}
.fnc-slider .m--blend-red .fnc-slide__inner {
background-color: #ea2329
}
.fnc-slider .m--blend-red .fnc-slide__mask-inner {
background-color: #990e13
}
.fnc-slider .m--navbg-red {
background-color: #990e13
}
.fnc-slider .m--blend-blue .fnc-slide__inner {
background-color: #59aecb
}
.fnc-slider .m--blend-blue .fnc-slide__mask-inner {
background-color: #2D7791
}
.fnc-slider .m--navbg-blue {
background-color: #2D7791
}
.fnc-slider .m--blend-greende .fnc-slide__inner {
background-color: #59aecb
}
.fnc-slider .m--blend-greende .fnc-slide__mask-inner {
background-color: #2D7791
}
.fnc-slider .m--navbg-greende {
background-color: #2D7791
}
.fnc-slide {
overflow: hidden;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.fnc-slide.m--before-sliding {
z-index: 2 !important;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
.fnc-slide.m--active-slide {
z-index: 1;
transition: -webkit-transform 1s 0.6666666667s ease-in-out;
transition: transform 1s 0.6666666667s ease-in-out;
-webkit-transition: transform 1s 0.6666666667s ease-in-out;
transition: transform 1s 0.6666666667s ease-in-out;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.fnc-slide__inner {
position: relative;
height: 100%;
background-size: cover;
background-position: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.m--global-blending-active .fnc-slide__inner, .m--blend-bg-active .fnc-slide__inner {
background-blend-mode: luminosity
}
.m--before-sliding .fnc-slide__inner {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
.m--active-slide .fnc-slide__inner {
transition: -webkit-transform 1s 0.6666666667s ease-in-out;
transition: transform 1s 0.6666666667s ease-in-out;
-webkit-transition: transform 1s 0.6666666667s ease-in-out;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.fnc-slide__mask {
overflow: hidden;
z-index: 1;
position: absolute;
right: 60%;
top: 15%;
width: 50.25vh;
height: 67vh;
margin-right: -90px;
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0, 6vh 0, 6vh 61vh, 44vh 61vh, 44vh 6vh, 6vh 6vh);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0, 6vh 0, 6vh 61vh, 44vh 61vh, 44vh 6vh, 6vh 6vh);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
transition-timing-function: ease-in-out
}
.m--before-sliding .fnc-slide__mask {
-webkit-transform: rotate(-10deg) translate3d(200px, 0, 0);
transform: rotate(-10deg) translate3d(200px, 0, 0);
opacity: 0
}
.m--active-slide .fnc-slide__mask {
transition: opacity 0.35s 1.2222222222s, -webkit-transform 0.7s 1.2222222222s;
transition: transform 0.7s 1.2222222222s, opacity 0.35s 1.2222222222s;
-webkit-transition: transform 0.7s 1.2222222222s, opacity 0.35s 1.2222222222s;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1
}
.m--previous-slide .fnc-slide__mask {
transition: opacity 0.35s 0.6833333333s, -webkit-transform 0.7s 0.3333333333s;
transition: transform 0.7s 0.3333333333s, opacity 0.35s 0.6833333333s;
-webkit-transition: transform 0.7s 0.3333333333s, opacity 0.35s 0.6833333333s;
-webkit-transform: rotate(10deg) translate3d(-200px, 0, 0);
transform: rotate(10deg) translate3d(-200px, 0, 0);
opacity: 0
}
.fnc-slide__mask-inner {
z-index: -1;
position: absolute;
left: 50%;
top: 50%;
width: 100vw;
height: 100vh;
margin-left: -50vw;
margin-top: -50vh;
background-size: cover;
background-position: center center;
background-blend-mode: luminosity;
-webkit-transform-origin: 50% 16.5vh;
transform-origin: 50% 16.5vh;
transition-timing-function: ease-in-out
}
.m--before-sliding .fnc-slide__mask-inner {
-webkit-transform: translateY(0) rotate(10deg) translateX(-200px) translateZ(0);
transform: translateY(0) rotate(10deg) translateX(-200px) translateZ(0)
}
.m--active-slide .fnc-slide__mask-inner {
transition: -webkit-transform 0.7s 1.2222222222s;
transition: transform 0.7s 1.2222222222s;
-webkit-transition: transform 0.7s 1.2222222222s;
-webkit-transform: translateX(0);
transform: translateX(0)
}
.m--previous-slide .fnc-slide__mask-inner {
transition: -webkit-transform 0.7s 0.3333333333s;
transition: transform 0.7s 0.3333333333s;
-webkit-transition: transform 0.7s 0.3333333333s;
-webkit-transform: translateY(0) rotate(-10deg) translateX(200px) translateZ(0);
transform: translateY(0) rotate(-10deg) translateX(200px) translateZ(0)
}
.fnc-slide__content {
z-index: 2;
position: absolute;
left: 40%;
top: 40%
}
.fnc-slide__heading {
margin-bottom: 10px;
text-transform: uppercase
}
.fnc-slide__heading-line {
overflow: hidden;
position: relative;
padding-right: 20px;
font-size: 100px;
color: #fff;
word-spacing: 10px
}
.fnc-slide__heading-line:nth-child(2) {
padding-left: 30px
}
.m--before-sliding .fnc-slide__heading-line {
-webkit-transform: translateY(100%);
transform: translateY(100%)
}
.m--active-slide .fnc-slide__heading-line {
transition: -webkit-transform 1.5s 1s;
transition: transform 1.5s 1s;
-webkit-transition: transform 1.5s 1s;
-webkit-transform: translateY(0);
transform: translateY(0)
}
.m--previous-slide .fnc-slide__heading-line {
transition: -webkit-transform 1.5s;
transition: transform 1.5s;
-webkit-transition: transform 1.5s;
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
}
.fnc-slide__heading-line span {
display: block;
font-size: 2rem;
line-height: 1.7rem;
text-transform: capitalize
}
.m--before-sliding .fnc-slide__heading-line span {
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
}
.m--active-slide .fnc-slide__heading-line span {
transition: -webkit-transform 1.5s 1s;
transition: transform 1.5s 1s;
transition: transform 1.5s 1s, -webkit-transform 1.5s 1s;
-webkit-transform: translateY(0);
transform: translateY(0)
}
.m--previous-slide .fnc-slide__heading-line span {
transition: -webkit-transform 1.5s;
transition: transform 1.5s;
-webkit-transition: transform 1.5s;
-webkit-transform: translateY(100%);
transform: translateY(100%)
}
.fnc-slide__action-btn {
position: relative;
margin-left: 200px;
padding: 5px 15px;
font-size: 20px;
line-height: 1;
color: transparent;
border: none;
text-transform: uppercase;
background: transparent;
cursor: pointer;
text-align: center;
outline: none
}
.fnc-slide__action-btn span {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
-webkit-transition: transform 0.3s;
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
line-height: 30px;
color: #fff
}
.fnc-slide__action-btn span:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border: 2px solid #fff;
border-top: none;
border-bottom: none
}
.fnc-slide__action-btn span:after {
content: attr(data-text);
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
line-height: 30px;
background: #1F2833;
opacity: 0;
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform: translateY(100%) rotateX(-90deg);
transform: translateY(100%) rotateX(-90deg);
transition: opacity 0.15s 0.15s
}
.fnc-slide__action-btn:hover span {
-webkit-transform: rotateX(90deg);
transform: rotateX(90deg)
}
.fnc-slide__action-btn:hover span:after {
opacity: 1;
transition: opacity 0.15s
}
.fnc-nav {
z-index: 5;
position: relative;
right: 0;
bottom: 0;
left: 0
}
.fnc-nav__bgs {
z-index: -1;
overflow: hidden;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0
}
.fnc-nav__bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%
}
.fnc-nav__bg.m--nav-bg-before {
z-index: 2 !important;
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
.fnc-nav__bg.m--active-nav-bg {
z-index: 1;
transition: -webkit-transform 1s 0.6666666667s;
transition: transform 1s 0.6666666667s;
-webkit-transition: transform 1s 0.6666666667s;
-webkit-transform: translateX(0);
transform: translateX(0)
}
.fnc-nav__controls {
font-size: 0
}
.fnc-nav__control {
overflow: hidden;
position: relative;
display: inline-block;
vertical-align: top;
width: 20%;
font-size: 12px;
color: #212529;
text-transform: uppercase;
background: transparent;
border: none;
outline: none;
cursor: pointer;
transition: background-color 0.5s;
line-height: 0.8rem;
padding: 15px 0;
font-weight: 900;
font-family: "Open Sans", Helvetica, Arial, sans-serif;
letter-spacing: 1px;
opacity: 0.1;
font-family: 'Exo', sans-serif
}
.fnc-nav__control.m--active-control {
background: transparent;
opacity: 1
}
.fnc-nav__control-progress {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 2px;
background: #131313;
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transform: scaleX(0);
transform: scaleX(0);
transition-timing-function: linear !important
}
.m--with-autosliding .m--active-control .fnc-nav__control-progress {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
.m--prev-control .fnc-nav__control-progress {
-webkit-transform: translateX(100%);
transform: translateX(100%);
transition: -webkit-transform 0.5s !important;
transition: transform 0.5s !important;
-webkit-transition: transform 0.5s !important
}
.m--reset-progress .fnc-nav__control-progress {
-webkit-transform: scaleX(0);
transform: scaleX(0);
transition: -webkit-transform 0s 0s !important;
transition: transform 0s 0s !important;
-webkit-transition: transform 0s 0s !important
}
.m--autosliding-blocked .fnc-nav__control-progress {
transition: all 0s 0s !important;
-webkit-transform: scaleX(0) !important;
transform: scaleX(0) !important
}
body {
margin: 0;
-webkit-transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1)
}
.demo-cont {
overflow: hidden;
position: relative;
height: 100%;
-webkit-perspective: 1500px;
perspective: 1500px;
max-width: 70vw;
margin: 9vh auto 0;
display: block;
width: 100vw;
max-height: 65vh
}
.demo-cont__credits {
box-sizing: border-box;
overflow-y: auto;
z-index: 1;
position: absolute;
right: 0;
top: 0;
width: 400px;
height: 100%;
padding: 20px 10px 30px;
background: #303030;
font-family: "Open Sans", Helvetica, Arial, sans-serif;
color: #fff;
text-align: center;
transition: -webkit-transform 0.7s;
transition: transform 0.7s;
transition: transform 0.7s, -webkit-transform 0.7s;
-webkit-transform: translate3d(100%, 0, 0) rotateY(-45deg);
transform: translate3d(100%, 0, 0) rotateY(-45deg);
will-change: transform
}
.credits-active .demo-cont__credits {
transition: -webkit-transform 0.7s 0.2333333333s;
transition: transform 0.7s 0.2333333333s;
transition: transform 0.7s 0.2333333333s, -webkit-transform 0.7s 0.2333333333s;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.demo-cont__credits *, .demo-cont__credits *:before, .demo-cont__credits *:after {
box-sizing: border-box
}
.demo-cont__credits-close {
position: absolute;
right: 20px;
top: 20px;
width: 28px;
height: 28px;
cursor: pointer
}
.demo-cont__credits-close:before, .demo-cont__credits-close:after {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 100%;
height: 2px;
margin-top: -1px;
background: #fff
}
.demo-cont__credits-close:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
.demo-cont__credits-close:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.demo-cont__credits-heading {
text-transform: uppercase;
font-size: 40px;
margin-bottom: 20px
}
.demo-cont__credits-img {
display: block;
width: 60%;
margin: 0 auto 30px;
border-radius: 10px
}
.demo-cont__credits-name {
margin-bottom: 20px;
font-size: 30px
}
.demo-cont__credits-link {
display: block;
margin-bottom: 10px;
font-size: 24px;
color: #fff
}
.demo-cont__credits-blend {
font-size: 30px;
margin-bottom: 10px
}
.example-slider {
z-index: 2;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
transition: -webkit-transform 0.7s;
transition: transform 0.7s;
transition: transform 0.7s, -webkit-transform 0.7s
}
.credits-active .example-slider {
-webkit-transform: translate3d(-400px, 0, 0) rotateY(10deg) scale(0.9);
transform: translate3d(-400px, 0, 0) rotateY(10deg) scale(0.9)
}
.example-slider .fnc-slide-1 .fnc-slide__inner, .example-slider .fnc-slide-1 .fnc-slide__mask-inner {
background-image: url(http://www.thesunsetrestaurant.com/wp-content/uploads/2014/02/restaurant_upstairs_2.jpg)
}
.example-slider .fnc-slide-2 .fnc-slide__inner, .example-slider .fnc-slide-2 .fnc-slide__mask-inner {
background-image: url(http://www.thesunsetrestaurant.com/wp-content/uploads/2014/03/MG_3418pssml.jpg)
}
.example-slider .fnc-slide-5 .fnc-slide__inner, .example-slider .fnc-slide-5 .fnc-slide__mask-inner {
background-image: url(http://www.thesunsetrestaurant.com/wp-content/uploads/2014/03/nr-44.jpg)
}
.example-slider .fnc-slide-3 .fnc-slide__inner, .example-slider .fnc-slide-3 .fnc-slide__mask-inner {
background-image: url(https://images.pexels.com/photos/5877/red-couple-night-romantic.jpg?auto=compress&cs=tinysrgb&h=750&w=1260)
}
.example-slider .fnc-slide-3 .fnc-slide__inner:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.1)
}
.example-slider .fnc-slide-4 .fnc-slide__inner, .example-slider .fnc-slide-4 .fnc-slide__mask-inner {
background-image: url(http://www.thesunsetrestaurant.com/wp-content/uploads/2014/02/IMG_6304.jpg)
}
.example-slider .fnc-slide-4 .fnc-slide__inner:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.2)
}
.example-slider .fnc-slide__heading, .example-slider .fnc-slide__action-btn, .example-slider .fnc-nav__control {
font-family: 'Exo', sans-serif
}
.colorful-switch {
position: relative;
width: 180px;
height: 77.1428571429px;
margin: 0 auto;
border-radius: 32.1428571429px;
background: #cfcfcf
}
.colorful-switch:before {
content: "";
z-index: -1;
position: absolute;
left: -5px;
top: -5px;
width: 190px;
height: 87.1428571429px;
border-radius: 37.1428571429px;
background: #314239;
transition: background-color 0.3s
}
.colorful-switch:hover:before {
background: #4C735F
}
.colorful-switch__checkbox {
z-index: -10;
position: absolute;
left: 0;
top: 0;
opacity: 0
}
.colorful-switch__label {
z-index: 1;
overflow: hidden;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 32.1428571429px;
cursor: pointer
}
.colorful-switch__bg {
position: absolute;
left: 0;
top: 0;
width: 540px;
height: 100%;
background: linear-gradient(90deg, #14DCD6 0, #10E7BD 180px, #EF9C29 360px, #E76339 100%);
transition: -webkit-transform 0.5s;
transition: transform 0.5s;
-webkit-transition: transform 0.5s;
-webkit-transform: translate3d(-360px, 0, 0);
transform: translate3d(-360px, 0, 0)
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__bg {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.colorful-switch__dot {
position: absolute;
left: 131.1428571429px;
top: 50%;
width: 5.1428571429px;
height: 5.1428571429px;
margin-left: -2.5714285714px;
margin-top: -2.5714285714px;
border-radius: 50%;
background: #fff;
transition: -webkit-transform 0.5s;
transition: transform 0.5s;
-webkit-transition: transform 0.5s;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
a.resixty:hover {
background: #00a6ff;
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__dot {
-webkit-transform: translate3d(-80.3571428571px, 0, 0);
transform: translate3d(-80.3571428571px, 0, 0)
}
.colorful-switch__on {
position: absolute;
left: 104.1428571429px;
top: 22.5px;
width: 19.2857142857px;
height: 36px;
transition: -webkit-transform 0.5s;
transition: transform 0.5s;
transition: transform 0.5s, -webkit-transform 0.5s;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__on {
-webkit-transform: translate3d(-80.3571428571px, 0, 0);
transform: translate3d(-80.3571428571px, 0, 0)
}
.colorful-switch__on__inner {
position: absolute;
width: 100%;
height: 100%;
transition: -webkit-transform 0.25s 0s cubic-bezier(0.52, -0.96, 0.51, 1.28);
transition: transform 0.25s 0s cubic-bezier(0.52, -0.96, 0.51, 1.28);
transition: transform 0.25s 0s cubic-bezier(0.52, -0.96, 0.51, 1.28);
-webkit-transition: transform 0.25s 0s cubic-bezier(0.52, -0.96, 0.51, 1.28);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transform: rotate(45deg) scale(0) translateZ(0);
transform: rotate(45deg) scale(0) translateZ(0)
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__on__inner {
transition: -webkit-transform 0.25s 0.25s cubic-bezier(0.67, -0.16, 0.47, 1.61);
transition: transform 0.25s 0.25s cubic-bezier(0.67, -0.16, 0.47, 1.61);
-webkit-transition: transform 0.25s 0.25s cubic-bezier(0.67, -0.16, 0.47, 1.61);
transition: transform 0.25s 0.25s cubic-bezier(0.67, -0.16, 0.47, 1.61);
-webkit-transform: rotate(45deg) scale(1) translateZ(0);
transform: rotate(45deg) scale(1) translateZ(0)
}
.colorful-switch__on__inner:before, .colorful-switch__on__inner:after {
content: "";
position: absolute;
border-radius: 2.5714285714px;
background: #fff
}
.colorful-switch__on__inner:before {
left: 0;
bottom: 0;
width: 100%;
height: 6.1428571429px
}
.colorful-switch__on__inner:after {
right: 0;
top: 0;
width: 6.1428571429px;
height: 100%
}
.colorful-switch__off {
position: absolute;
left: 131.1428571429px;
top: 50%;
width: 41.1428571429px;
height: 41.1428571429px;
margin-left: -20.5714285714px;
margin-top: -20.5714285714px;
transition: -webkit-transform 0.5s;
-webkit: transform 0.5s;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__off {
-webkit-transform: translate3d(-80.3571428571px, 0, 0);
transform: translate3d(-80.3571428571px, 0, 0)
}
.colorful-switch__off:before, .colorful-switch__off:after {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 100%;
height: 5.1428571429px;
margin-top: -2.5714285714px;
border-radius: 2.5714285714px;
background: #fff;
-webkit-transition: transform 0.25s 0.25s;
transition: -webkit-transform 0.25s 0.25s;
-webkit-trasnform: transform 0.25s 0.25s;
transition: transform 0.25s 0.25s
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__off:before, .colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__off:after {
transition-delay: 0s
}
.colorful-switch__off:before {
-webkit-transform: rotate(45deg) scaleX(1) translateZ(0);
transform: rotate(45deg) scaleX(1) translateZ(0)
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__off:before {
-webkit-transform: rotate(45deg) scaleX(0) translateZ(0);
transform: rotate(45deg) scaleX(0) translateZ(0)
}
.colorful-switch__off:after {
transition-timing-function: cubic-bezier(0.67, -0.16, 0.47, 1.61);
-webkit-transform: rotate(-45deg) scaleX(1) translateZ(0);
transform: rotate(-45deg) scaleX(1) translateZ(0)
}
.colorful-switch__checkbox:checked ~ .colorful-switch__label .colorful-switch__off:after {
transition-timing-function: ease;
-webkit-transform: rotate(-45deg) scaleX(0) translateZ(0);
transform: rotate(-45deg) scaleX(0) translateZ(0)
}
#homepagecolorbackground {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
background: #f3f3f3;
-webkit-transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);
transition: all 1500ms cubic-bezier(0.86, 0, 0.07, 1);
transition-delay: 0.3s
}
div#flexcontainer {
margin: 0 auto;
display: block;
overflow: auto
}
div#maincontainer {
height: auto;
display: flex;
margin: 0px 0;
align-items: center
}
div#slidercontent {
max-width: 100vw;
min-height: 25vh;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
margin-top: 30px
}
.contelo {
text-align: center;
padding: 3vw 5vw;
font-size: 0px;
color: #fff
}
h1.maintitle {
margin: 0 0 0px;
text-transform: capitalize;
font-weight: 500;
font-size: 2rem;
line-height: 2rem;
position: relative;
opacity: 1;
max-width: 50%;
margin: 0 auto;
transition-delay: 0s;
transition: all .2s
}
h2.submain {
margin: 10px 0 5px;
font-size: 21px;
padding: 0;
opacity: 1;
transition-delay: 0.2s;
transition: all .2s
}
a.relo {
display: inline-block;
padding: 6px 30px;
border-top: 1px solid rgba(255, 255, 255, 0.53);
border-bottom: 1px solid rgba(255, 255, 255, 0.53);
margin: 15px 0 0;
color: #fff;
font-family: 'Montserrat', sans-serif;
font-weight: 900;
text-transform: uppercase;
font-size: 10px;
letter-spacing: 0.5px
}
.textconm {
margin: 0;
max-width: 100%;
margin: 0px auto;
font-size: 12px;
font-family: 'Montserrat', sans-serif;
font-weight: 500;
opacity: 1;
transition-delay: 0.4s;
transition: all .2s
}
h2.fnc-slide__heading {
}
header#masthead {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 123
}
.fnc-nav__control:focus {
outline: none
}
.fnc-nav__control:hover {
background: #000;
color: #fff
}
div#ellgoo {
float: left
}
.iconmenu {
float: right
}
.mainmenu {
overflow: auto
}
img.logo {
height: auto
}
body .grabmenubar {
padding: 0;
background: rgba(255, 255, 255, 0.75);
height: 85px;
}
body div#swipemenu {
box-shadow: none
}
body span#menum {
font-family: 'Montserrat', sans-serif;
background: transparent;
padding: 0;
width: 100%
}
body span#menum span.menutext {
letter-spacing: 2px;
font-weight: 400;
color: #ffffff;
font-family: 'Exo', sans-serif;
font-weight: 500;
padding: 34.3px 5px;
background: rgb(16, 49, 71);
text-transform: uppercase;
font-size: 15px;
font-family: 'Montserrat', sans-serif;
transition: none;
letter-spacing: 5px
}
div#nov {
position: fixed;
z-index: 9;
left: 0;
right: 0;
top: 0;
text-align: center;
height: 150px;
margin: 0 auto;
z-index: 999999;
max-width: 290px;
display: flex;
align-items: center
}
div#socialclass {
position: fixed;
top: 0;
right: 0;
z-index: 999999
}
ul.classlsit {
list-style: none;
margin: 0;
padding: 0;
list-style: none
}
a.classitem {
text-align: center;
width: 30px;
height: 30px;
display: block;
line-height: 30px;
color: #1e4055;
background: rgba(7, 43, 65, 0);
font-size: 15px;
margin: 5px 5px 5px
}
li.classitems {
}
.colion {
position: relative;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
background-position: 50% 30%;
}
.textconm p {
margin: 0;
max-width: 500px;
margin: 0 auto;
font-weight: inherit;
padding: 10px
}
div#footeractions {
float: left;
width: 80%
}
#swipemenu ul.actionsbar {
transform: none;
width: 100%;
max-width: 710px;
background: #fff
}
ul.actionsbar {
}
ul.actionsbar {
}
#swipemenu ul.actionsbar li.actionitem {
width: 25%;
display: inline-block;
height: auto;
text-align: center;
height: 90px;
display: flex;
align-items: center
}
#swipemenu ul.actionsbar li.actionitem a.actionlink {
padding: 10px;
display: block;
color: #072d44;
font-size: 30px;
line-height: 18px;
cursor: pointer;
transition: all .2s;
display: block;
padding: 22px 0px;
font-weight: 100
}
.iconmenu {
width: 20%;
max-width: 190px;
background: #fff;
height: 90px;
display: flex;
align-items: center;
text-align: center;
flex-direction: row
}
.mainmenu {
}
.column__container {
font-weight: 300;
height: 100%;
display: flex;
position: relative;
margin: 6rem auto;
display: flex;
max-width: 70vw;
flex-wrap: wrap
}
.column__wrapper {
width: 33.333333%;
display: inline-block
}
.column__title {
position: relative;
font-weight: 700;
text-transform: uppercase;
padding-left: 4em
}
.column__title:before {
content: '';
position: absolute;
left: 0;
width: 3em;
height: 1px;
top: 50%;
background-color: rgba(4, 4, 4, 0.48)
}
.column__wrapper {
}
.column__content {
padding: 0 4em 0 4em
}
span.email {
font-size: 1.4em
}
i.icon {
display: inline-block;
width: 47px;
margin-right: .1em
}
ul.ctclabels {
margin: 0;
padding: 0;
list-style: none
}
li.ctclabelside.cro_accent {
font-weight: 700;
font-size: 70%;
margin: 15px 0 0
}
#swipemenu #panels ul#menu-menu {
min-width: 0;
background: transparent;
width: 100%
}
#swipemenu #panels ul#menu-menu li {
display: block;
text-align: center;
float: none;
height: auto;
width: 100%
}
#swipemenu #panels ul#menu-menu li ul.sub-menu {
min-width: 0;
background: transparent
}
#swipemenu #panels ul#menu-menu li a {
color: #08324c;
font-family: 'Exo', sans-serif;
font-weight: 800;
padding: 5px;
display: block;
font-size: 1.5rem;
text-align: left;
padding: 8px 30px;
letter-spacing: 1px;
text-transform: uppercase;
display: block;
border-bottom: 1px solid #eee
}
div#desk_menu {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 9123;
max-width: 70vw;
margin: 0 auto;
}
li.li_desk_lo a:hover {
background: #fff;
color: #6158bd;
}
h1.maintitle:before {
content: '';
position: absolute;
left: 0;
width: 2em;
height: 1px;
top: 50%;
background-color: rgba(255, 255, 255, 0.13)
}
h1.maintitle:after {
content: '';
position: absolute;
right: 0;
width: 2em;
height: 1px;
top: 50%;
background-color: rgba(255, 255, 255, 0.13)
}
footer#mainf {
overflow: auto;
background: #fff
}
span.linkttext {
letter-spacing: 0px;
font-weight: 400;
color: inherit;
font-family: 'Exo', sans-serif;
font-weight: 700;
line-height: 15px;
font-size: 12px;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
display: block
}
div#fadeinlin {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 99999999;
background: #fff
}
div#lino {
position: absolute;
left: 0;
right: 0;
top: 50%;
height: 2px;
border-bottom: 1px solid rgba(0, 0, 0, 0.16862745098039217);
width: 0%;
font-size: 0px;
transform: translateY(-50%);
-webkit-transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86)
}
div#lino.activo {
width: 100%
}
div#logo-branding.moli .site-title a {
right: 0;
left: 0;
margin: 0 auto;
width: 230px;
box-shadow: none;
border: none;
height: 5vw;
background-color: #fff;
left: 14.5vw;
right: auto;
}
ul#absole {
margin: 0;
padding: 0;
list-style: none;
display: flex;
overflow: auto;
padding: 0;
list-style: none;
overflow: hidden;
width: 80vw;
margin: 0vw auto 0;
display: flex;
z-index: 9123;
height: 100%;
position: relative;
left: 0;
right: 0;
top: 0;
-webkit-transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
transition: all 3000ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
ul#absole li {
width: 100%;
position: relative;
}
div#controllewrap {    z-index: 9999;           }
div#secondslider {
max-width: 100%;
margin: 0vh  auto 0;
overflow: hidden;
z-index: 9;
position: relative;
-webkit-transition: all 1500ms cubic-bezier(0.075, 0.82, 0.165, 1);
transition: all 1500ms cubic-bezier(0.075, 0.82, 0.165, 1);
transition-delay: 0.1s;
will-change: transform, opacity;
height: 100%;
}
ul#slidecontainermain {
margin: 0;
padding: 0;
list-style: none;
display: flex;
overflow: auto;
padding: 0;
list-style: none;
overflow: auto;
width: 80vw;
margin: 0vw auto 0;
display: flex;
z-index: 9123;
height: 100%;
position: relative;
left: 0;
right: 0;
top: 0;
-webkit-transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
transition: all 5000ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
span.wealo {
display: block;
font-size: 12px;
text-transform: uppercase;
font-weight: 700;
}
.page-template-p-mobile2018-php div#floatbar {
display: none;
}
li.slides {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
width: calc(100vw - 140px);
}
span.colte {
display: block;
font-size: 12px;
text-transform: uppercase;
font-weight: 700;
text-align: center;
}
span.fxi9l {
text-align: center;
display: block;
width: 100%;
}
li.slides:nth-child(even) {
}
.main_info_container.active_launch {
visibility: visible;
opacity: 1;
transform: translateY(0);
height: 200px;
padding: 10px;
margin: 10px;
}
a.launch_box:hover {
background: #00a6ff;
}
.slidedelay {
position: absolute;
top: 0;
left: 0;
width: 100%;
right: 0;
bottom: 0;
text-align: center;
display: block;
align-items: center;
transform: translateX(0px);
transition: all 0.9s;
background: #ececec;
background-image: url(https://images.pexels.com/photos/66258/staniel-cay-swimming-pig-seagull-fish-66258.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260);
background-size: cover;
background-position: 50%;
}
span.spanki {
font-size: 5rem;
color: hsl(0, 0%, 100%);
text-transform: capitalize;
display: flex;
justify-content: center;
align-items: center;
position: relative;
z-index: 1;
font-weight: 700;
font-size: 1em;
text-align: center;
position: relative;
font-size: 9rem;
line-height: 9rem;
display: block;
text-align: center;
-webkit-transition: all 1500ms cubic-bezier(0.075, 0.82, 0.165, 1);
transition: all 1500ms cubic-bezier(0.075, 0.82, 0.165, 1);
transition-delay: 0.1s;
font-family: 'Montserrat', sans-serif;
font-family: 'Kaushan Script', cursive;
text-shadow: 3px 1px 1px rgba(0, 0, 0, 0.26);
margin: 0 auto;
width: 100%;
}
body.page-template.page-template-p-mobile2018.page-template-p-mobile2018-php.page.page-id-2943 {
background: rgb(56, 145, 193);
}
li.slides.currentactive {
}
li.slides.currentactive {
}
li.slides.currentactive .slidedelay {
transform: translateX(0%)
}
li.queryitem:nth-child(even) {
}
ul#absole {
}
ul#absole.activeul {
transition: all 0s;
}
ul#absole:hover {
cursor: move
}
ul#absole.activeul:hover {
cursor: move
}
ul#absole.activeul span.spanki {
transform: scale(.5)
}
ul#absole {
}
#absole:before {
content: close-quote;
position: absolute;
bottom: 0;
left: -25%;
right: 0;
width: 200%;
height: 1px
}
div#wattcontainer {
-webkit-transition: all 900ms cubic-bezier(0.075, 0.82, 0.165, 1);
transition: all 900ms cubic-bezier(0.075, 0.82, 0.165, 1);
overflow: hidden;
max-width: 70vw;
margin: 0 auto;
height: 50vh
}
div#wattinfo {
min-height: 50vh;
position: relative;
display: none;
}
div#replacer {
padding: 30px 0
}
div#wattcontainer.ghu {
}
a.relo:hover {
background: #fff;
color: #092c43
}
div#floatbar {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 9123949
}
div#secondslider.activeul {
transform: scale(.8)
}
div#secondslider {
}
#swipemenu ul.actionsbar li.actionitem a.actionlink:hover {
color: #fff;
text-decoration: none;
box-shadow: 0px -3px 0px 0px #1d4055 inset;
transform: scale(0.8)
}
#swipemenu ul.actionsbar li.actionitem a.actionlink:hover span {
color: #fff
}
body span#menum span.menutext:hover {
background: #000000;
color: #fff
}
div#serparotr {
overflow: auto
}
div#blol {
width: 35%;
height: 100%;
position: relative;
z-index: 1234;
right: 0;
left: 0;
background: rgba(255, 255, 255, 0.9);
float: left;
display: flex;
align-items: center
}
div#flobkio {
float: left;
width: 100%;
height: 100%;
background-image: url(https://images.pexels.com/photos/17727/pexels-photo.jpg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260);
background-size: cover;
background-position: 50%;
position: absolute;
left: 0;
right: 0;
top: 0
}
.pagebox {
height: 100%
}
div#serparotr {
height: 100%;
position: relative;
overflow: auto
}
#swipemenu #panels ul#menu-menu li ul.sub-menu a {
}
div#eventsp {
float: left;
width: 35%;
overflow: hidden;
position: relative;
z-index: 9123;
height: 100%;
background: rgba(255, 255, 255, 0.9);
border-left: 1px solid #eee;
display: flex;
align-items: center
}
#swipemenu #panels ul ul {
min-width: 0;
background: transparent;
height: auto
}
div#eventsp a {
color: #08324c;
font-weight: 800;
padding: 5px;
display: block;
font-size: 1.5rem;
text-align: left;
padding: 8px 30px;
letter-spacing: 1px;
text-transform: uppercase;
width: 100%;
border-bottom: 1px solid rgba(18, 54, 76, 0.13)
}
div#eventsp {
}
.menu-container {
height: 100%;
display: flex;
align-items: center
}
#swipemenu #panels ul ul li {
height: auto
}
div#eventsp a:hover {
background: #11364d;
text-decoration: none;
color: #fff
}
#swipemenu #panels ul#menu-menu li a:hover {
background: #08324c;
text-decoration: none;
color: #fff
}
span#menum.liftedup {
color: #fff
}
div#fixedre {
position: absolute;
bottom: 0;
right: 100px;
z-index: 91238489;
}
a.resixty {
display: block;
width: auto;
display: flex;
align-items: center;
height: 42px;
text-align: center; color: #fff;
float: right;
border-radius: 0;
margin: 5px 10px;
padding: 0px 20px;
transition: all .3s;
border: 2px solid #ffffff;
font-size: 2rem;
}
span.colte {
display: block;
margin: 0 auto;
color: #fff;
font-size: 2rem;
float: left;
width: 100%;
display: block;
font-size: 12px;
text-transform: uppercase;
font-weight: 700;
}
a.resixty .fa {
color: #fff;
font-size: inherit;
display: block;
float: left;
width: 100%;
padding: 7px 0;
}
h1.dwd {
color: #131313;
font-weight: 800;
padding: 5px;
display: block;
font-size: 2.5rem;
text-align: left;
padding: 8px 30px;
letter-spacing: 1px;
text-transform: uppercase;
width: 100%
}
.videotag {
position: relative;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%;
width: 100%
}
.videotag video {
position: absolute;
top: 50%;
left: 50%;
right: 0;
bottom: 0;
width: 110%; transform: translateY(-50%) translateX(-50%)
}
main#mainbox.colsd {
transform: scale(1.5);
opacity: 0;
}
.dlo {
width: 100%
}
.menu {
min-height: 45vh
}
main#centraldiv {
margin: 25vh auto 0
}
div#subi {
max-width: 1100px;
margin: 0 auto;
min-height: 30vh
}
.ediacontent {
width: 100%;
position: relative;
margin: 10vw 0 5vw;
z-index: 1
}
div#videol {
max-width: 100%;
min-height: 60vh;
background-size: cover;
background-position: 50%;
max-height: 50vh
}
div#videol video {
width: 100%;
float: left;
width: 100%;
position: relative;
top: -15vh;
left: 0
}
div#videol:before {
content: close-quote;
position: absolute;
top: -5vw;
right: 0;
height: 100%;
width: 55vw;
background: #1f4256;
z-index: -1
}
h1.entry-title {
font-family: 'Raleway', sans-serif;
font-family: 'Londrina Solid', cursive;
font-weight: 300;
font-size: 4rem;
position: relative;
display: inline-block;
background: #fff;
padding: 0 30px 0 0
}
div#videol:after {
content: close-quote;
position: absolute;
top: -5vw;
right: 55vw;
height: 100%;
width: 25vw;
z-index: -1
}
header.entry-header:before {
content: close-quote;
height: 1px;
width: 100%;
position: absolute;
top: 50%;
left: 0;
right: 0;
background: #f1f1f1
}
a.linktitle:before {
content: close-quote;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
background: #152b5a;
transform: translateX(-100%);
transition: all 0.7s;
-webkit-transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
a.linktitle:hover:before {
transform: translateX(0);
}
a.linktitle:hover {
border-color: transparent;
}
a.menulink:before {
content: close-quote;
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: #152b5a;
z-index: -1;
top: 0;
transform: translateY(100%);
transition: all .3s; }
a.menulink:hover:before {
transform: translateY(0);
}
a.menulink:hover {
}
a.menulink:hover span.inktext {
color: #fff;
}
a.menulink:hover span.ink {
background: #fff;
}
span.inklo:nth-child(1) {
transform: rotate(40deg);
}
span.closenavfe {
margin: 25px 0 0;
display: block;
text-transform: uppercase;
font-weight: 800;
font-size: 12px;
transition: all .3s;
text-align: center;
}
nav#main_navigation div#nav_container a.launch_ck:hover {
background: #fff;
}
nav#main_navigation div#nav_container a.launch_ck:hover span.inklo {
background: #132f73;
}
nav#main_navigation div#nav_container a.launch_ck:hover span.closenavfe {
color: #173077;
}
div#leftsection_nav {
}
div#leftsection_nav li:hover {
animation: none;
}
nav#main_navigation div#nav_container li:before {
opacity: 0;
}
nav#main_navigation div#nav_container li a:hover {
background: #122f76;
color: #fff;
}
nav#main_navigation {
}
nav#main_navigation {
}
nav#main_navigation a:hover {
background: #122f76;
}
header.entry-header {
position: relative
}
html div#panels {
float: left;
width: 100%;
background: #ffffff;
overflow: hidden;
height: calc(100% - 38px)
}
h1.sitelogo a {
text-transform: uppercase;
font-weight: 900;
color: #173059;
text-decoration: none;
background: rgba(7, 45, 68, 0.91);
display: block;
padding: 15px 15px;
height: 100%
}
div#clickanddrag {
position: absolute;
left: 0;
right: 0;
text-align: center;
top: 0
}
h1.clicko {
margin: 0;
font-size: 10px;
color: rgba(128, 128, 128, 0.67);
padding: 10px 0;
letter-spacing: 1px;
transform: translateX(0%) rotateX(-90deg);
transition: all .7s;
opacity: 0
}
div#clickanddrag.floathover {
}
div#clickanddrag.floathover h1.clicko {
transform: translateX(0%) rotateX(0deg);
opacity: 1
}
h1.sitelogo {
height: auto;
margin: 0
}
div#wattcontainer.ghu h2.submain {
opacity: 0
}
div#wattcontainer.ghu h1.maintitle {
opacity: 0
}
div#wattcontainer.ghu .textconm {
opacity: 0
}
div#wattcontainer.ghu .read {
opacity: 0
}
a#arrow_left {
}
a#arrow_left:hover, a#arrow_right:hover {
opacity: 1;
}
.read {
opacity: 1;
transition-delay: 0.6s;
transition: all .2s
}
span#sdki {
padding: 10px;
display: block;
color: #072d44;
font-size: 30px;
line-height: 18px;
cursor: pointer;
display: block;
padding: 10px 10px;
text-align: center;
border-left: 2px solid #eee;
margin: 0px 0
}
a.actionlink {
text-align: center;
display: block;
width: 100%;
padding: 25px 5px;
color: #131313
}
span.loktext {
display: none
}
li.smolactionitem {
display: block
}
div#swipemenu.liftedup div#footeractions {
opacity: 0
}
span#sdki {
display: none
}
div#smoki {
overflow: hidden;
position: relative
}
div#menuimagery {
float: left;
width: 50vw;
min-height: 100vh;
position: fixed;
top: 0;
left: 0;
background: url(https://images.pexels.com/photos/313700/pexels-photo-313700.jpeg?auto=compress&cs=tinysrgb&h=750&w=1260);
background-position: 50% 50%;
background-size: cover;
z-index: -1
}
div#menuctonetnt {
float: right;
width: 50%;
position: relative;
right: 0;
top: 0;
padding: 5vh 5vw
}
div#olmain {
overflow: auto;
background: #fff
}
h2.classtitle {
font-style: normal;
font-weight: 500;
margin: 30px 5px 15px;
color: #103147;
font-size: 1.5rem;
padding: 0 0 15px;
border-bottom: 1px solid #eee;
font-family: 'Montserrat', sans-serif
}
a.paralink {
color: #444;
font-weight: 600;
padding: 10px 10px;
display: inline-block;
font-size: 14px;
text-transform: lowercase
}
.precio {
float: right;
padding: 10px 10px
}
.itemlink {
overflow: auto;
border-bottom: 1px solid #eee
}
.itemlink:hover {
background: #eee
}
.cosapra p {
margin: 5px 0;
text-align: left
}
.cosapra {
padding: 15px;
font-size: 14px
}
span.iconlo {
margin-right: 15px;
font-size: 8px;
color: #103147
}
div#continfo {
min-height: 100vh;
float: right;
width: 50%;
padding: 10vh
}
section#cd-google-map {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1234;
width: 100%
}
div#google-container {
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%
}
html div#smoki h3.gform_title {
font-family: 'Kaushan Script', cursive;
font-size: 4rem;
position: relative;
display: inline-block;
background: #fff;
padding: 0 30px 0 0;
font-size: 4rem
}
input#gform_submit_button_1 {
letter-spacing: 2px;
font-weight: 400;
color: #ffffff;
font-family: 'Exo', sans-serif;
font-weight: 500;
padding: 13.3px 5px;
background: rgb(16, 49, 71);
text-transform: uppercase;
font-size: 15px;
font-family: 'Montserrat', sans-serif;
transition: none;
letter-spacing: 5px;
padding: 15px 28px;
border: none;
border-radius: 0
}
html div#smoki input, html div#smoki textarea {
border: none;
border-bottom: 2px solid #eee;
border-radius: 0
}
iframe.videoframe {
width: 100vw;
height: 90vh;
transform: translateY(-10vh)
}
html .sl-wrapper {
z-index: 99999999;
position: fixed;
top: 0;
left: 0;
right: 0
}
.sl-overlay {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #fff;
opacity: .95;
display: none;
z-index: 9999999
}
div#flotmenu {
display: none
}
div#itemlsi {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0
}
div#smoki .slio {
min-height: 100vh;
background: #444;
background-size: cover;
background-position: 50%
}
div#smoki .slio.dft {
background-image: url(https://images.pexels.com/photos/1310777/pexels-photo-1310777.jpeg?auto=compress&cs=tinysrgb&h=750&w=1260)
}
div#smoki .slio {
min-height: 100vh
}
div#smoki .slio.fi {
background-image: url(https://images.pexels.com/photos/460537/pexels-photo-460537.jpeg?auto=compress&cs=tinysrgb&h=750&w=1260)
}
div#smoki .slio.secd {
background-image: url(https://images.pexels.com/photos/279835/pexels-photo-279835.jpeg?auto=compress&cs=tinysrgb&h=750&w=1260)
}
.imglo {
min-height: 60vh;
width: 100%;
background-position: 50%;
background-size: cover
}
span.icol {
display: block;
margin: 0 auto;
color: #fff;
font-size: 2rem;
}
span.icol .fa {
color: inherit;
}
.slick-list.draggable { }
span.bars {
background: #484848;
display: block;
width: 84%;
height: 2px;
margin: 15px auto
}
a.actionlink img {
max-width: 45px;
display: none
}
div#pagewrapper {
display: block;
align-items: center;
position: relative;
height: 100%;
width: 100%;
max-width: 100%;
}
div#info_launcher {
position: absolute;
bottom: 0;
right: 0;
z-index: 91238489;
}
.main_info_container {
max-width: 200px;
padding: 0;
background: #179fe9;
color: #fff;
margin: 0;
transform: translateY(-25%);
opacity: 0;
visibility: hidden;
transition: all .3s;
height: 0px;
width: auto;
}
a.launch_box {
display: block;
width: 90px;
display: flex;
align-items: center;
height: 42px;
text-align: center; color: #fff;
float: right;
border-radius: 0;
margin: 5px 5px 5px  0;
border: 2px solid #ffffff;
transition: all .3s;
}
div#social_icons {
float: right;
}
a.ikol {
color: rgb(255, 255, 255);
font-family: 'Montserrat', sans-serif;
font-weight: 600;
padding: 23px 20px;
display: block; font-size: 1rem;
height: 5vw;
display: flex;
align-items: center;
}
li.licuon {
float: left;
}
ul.lilicon {
overflow: auto;
margin: 0;
}
a.ikol i {
color: inherit;
}
div#reservation_call {
position: fixed;
bottom: 0px;
left: 14vw;
z-index: 91238489;
}
div#reservation_call {
}
div#reservation_call a.resixty { background: rgba(214, 69, 74, 0.47);
}
div#fixedre i {
display: none;
}
a.launch_box i {
display: none;
}
div#reservation_call a.resixty:hover {
background: #3891c1;
}
ul#primary-desk {
margin: 0;
padding: 0;
list-style: none;
text-align: right;
float: left;
}
a#linklogo {
font-size: 0px;
background-image: url(http://www.paradisecovemalibu.com/wp-content/uploads/2019/01/paradisecovemalibulogo.png);
background-size: contain;
height: 83px;
display: block;
background-position: 50%;
width: 100%;
background-repeat: no-repeat;
}
h1.site-title-main {
margin: 0;
padding: 0 10px;
background: rgba(255, 255, 255, 0.21);
}
div#logo-branding-logo {
float: left;
width: 230px;
}
div#contim {
overflow: auto;
}
h1.site-title-main {
}
div#buttons_con {
max-width: 70vw;
margin: 0 auto;
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 985678;
}
div#mobile_logo {
position: fixed;
top: 0;
left: 0;
right: 0;
display: none;
z-index: 9213941;
}
a.logki {
display: block;
max-width: 250px;
margin: 0 auto;
background: #fff;
padding: 15px 30px;
}
a.slide_link {
display: inline-block;
text-transform: capitalize;
font-size: 1.5rem;
border: 2px solid #ffffff;
line-height: 2rem;
padding: 21px 30px;
margin-bottom: 25vh;
border-radius: 0px;
background: rgba(0, 0, 0, 0.21);
font-family: 'Montserrat', sans-serif;
border-bottom: 2px solid #fff; letter-spacing: 6px;
text-transform: uppercase;
color: #fff;
}
span.arol {
color: #fff;
}
span.arol i {
color: #fff;
font-size: 2rem;
}
a.slide_link:hover {
background: #fff;
color: #000;
}
div#wrapper_arrows {
position: absolute;
top: 0vh;
left: 0;
right: 0;
}
a#arrow_left {
position: absolute;
top: 40vh;
left: 15px;
transform: translateY(-50%);
z-index: 999999;
color: #fff;
font-size: 2rem;
border-radius: 50%;
border: 2px solid #fff;
width: 50px;
height: 50px;
text-align: center;
line-height: 45px;
font-size: 20px;
opacity: .3;
}
a#arrow_right {
position: absolute;
top: 40vh;
right: 15px;
transform: translateY(-50%);
z-index: 999999;
color: #fff;
font-size: 2rem;
border-radius: 50%;
border: 2px solid #fff;
width: 50px;
height: 50px;
text-align: center;
line-height: 45px;
font-size: 20px;
opacity: .3;
}
div#wrapper_arrows i {
color: #fff;
}
ul#absole.activeul div#inside_content {
background: transparent;
}
nav#main_navigation {
position: fixed;
top: 0;
right: 0;
z-index: 91238;
width: 100%;
bottom: 0; z-index: 999999999999;
visibility: hidden;
opacity: 0;
transition: all 0.1s;
box-shadow: 0px 0px 5px -2px rgba(0, 0, 0, 0.25); padding: 0 70px; background-color: transparent; }
nav#main_navigation.active_launch {
opacity: 1;
visibility: visible;
transition: all 0.7s;
transition-delay: 0.6s; }
span.inklo {
width: 40px;
height: 2px;
background: #fff;
display: block;
transform-origin: center;
margin: 0 auto;
}
span.inklo:nth-child(even) {
transform: rotate(-40deg);
}
div#nav_opac {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9999912;
background: rgba(255, 255, 255, 0.97);
visibility: hidden;
opacity: 0;
transition: all 0.3s;
background-image: url(//www.paradisecovemalibu.com/wp-content/uploads/2016/03/RAD_2171.jpg);
background-size: cover;
background-position: 50%;
}
nav#main_navigation div#nav_container a.launch_ck {
padding: 25px 10px;
display: inline-block;
}
div#nav_opac.active_launch {
opacity: 1;
visibility: visible;
}
div#fix_launcher {
text-align: right;
}
div#nav_opac:before {
content: close-quote;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9123941249;
background: rgba(21, 43, 90, 0.8);
}
div#leftsection_nav {
overflow: auto;
float: left;
width: 300px;
}
div#rightsection_nav {
float: right;
width: 300px;
text-align: right;
}
h1.directo_tgitle {
font-family: marker_feltregular;
text-transform: uppercase;
color: #fff;
font-size: 2rem;
padding: 0;
margin: 30px 0 20px;
font-weight: 800;
}
span.socialinks {
display: inline-block;
font-size: 2rem;
}
span.socialinks a {
font-size: inherit;
}
nav#main_navigation div#nav_container span.socialinks a {
font-size: 2rem;
padding: 0 12px;
}
.dol {
font-size: 16px;
line-height: 2rem;
text-transform: uppercase;
font-weight: 400;
letter-spacing: 1px;
color: #fff;
}
span.textcallnv {
font-size: 1.4rem;
font-weight: 300;
text-transform: uppercase;
font-weight: 400;
letter-spacing: 1px;
}
div#callpara {
margin: 60px 0;
}
div#insfosc {
margin: 60px 0;
}
div#slide_logo {
position: fixed;
top: 0;
left: 0;
z-index: 912394;
max-width: 210px;
right: 0;
margin: 0 auto;
}
a.linklogo {
padding: 10px 20px;
}
div#fix_launcher {
position: fixed;
top: 0;
right: 0; padding: 0 70px;
}
div#slide_logo {
display: none;
}
li.home_menu_item {
overflow: hidden;
margin: 4px;
transition: transform .2s;
transition-timing-function: ease-in-out;
}
div#home_menu_content {
margin: 30px 70px 100px;
text-align: left;
}
ul#home_menu_container {
display: grid;
grid-template-columns: repeat(3, auto);
grid-column-gap: 30px;
justify-content: center;
margin: 0;
}
ul#home_menu_container.menupage {
grid-template-columns: auto auto;
}
.home_menu_title {
padding: 30px 0;
margin: 0;
background-color: #fff;
color: #162b5a;
font-weight: 600;
font-family: dom_casualitalic;
border-top: 1px solid hsla(0, 0%, 60%, .2);
border-bottom: 1px solid hsla(0, 0%, 60%, .2);
margin-top: 10px;
}
#home_menu_container .home_menu_image {
position: relative;
margin-bottom: 20px;
width: 100%;
height: 350px;
background-size: cover;
background-position: center;
}
h1.main_home_menu_title {
font-family: marker_feltregular;
margin: 0 0 30px;
color: #162b5a;
font-size: 2rem;
}
span.home_subtitle {
margin: 20px 0;
color: #162b5a;
font-family: marker_feltregular;
}
div#leftsection_nav2 {
overflow: auto;
float: left;
}
div#top-nav2 {
display: block;
overflow: auto;
padding: 10px 0;
}
div.re {
display: flex;
justify-content: space-between;
margin: 0 70px;
padding-top: 70px;
}
div.re a {
justify-self: end;
font-family: dom_casualregular;
color: #222222;
}
body.page-template-page-template2019-menu-php footer div.re, body.search footer div.re, body.single footer div.re, body.page-template-page-template2019-directions-php footer div.re, body.page-template-page-template2019-php footer div.re, body.error404 footer div.re {
width: calc(60% - 190px);
margin: 0 70px 0 120px;
}
footer#main_footer div.re p {
font-family: dom_casualregular;
}
.main_checkout_link {
float: right;
font-size: 24px;
color: #152b5a !important;
padding: 15px;
display: grid;
position: relative;
overflow: hidden;
}
.main_checkout_link:before {
content: close-quote;
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: #152b5a;
z-index: -1;
top: 0;
transform: translateY(100%);
transition: all .3s;
}
.main_checkout_link > svg {
margin: 0 auto;
}
.main_checkout_link:hover > * {
color: #fff;
}
.main_checkout_link:hover:before {
transform: translateY(0);
}
a.main_image_link video, .home_menu_image > video {
height: 100%;
position: absolute;
left: 50%;
transform: translateX(-50%);
}
@media screen and (max-width:1680px) { }
@media screen and (max-width:1024px) {
ul#home_menu_container.menupage {
grid-template-columns: auto;
}
ul#home_menu_container {
grid-template-columns: auto auto;
}
}
@media screen and (max-width:768px) {
div.re {
margin: 0 5px;
}
body.page-template-page-template2019-menu-php footer div.re, body.error404 footer div.re, body.search footer div.re, body.single footer div.re, body.page-template-page-template2019-directions-php footer div.re, body.page-template-page-template2019-php footer div.re, body.page-template-page-template2019-foodtemplate-php footer div.re {
width: 100%;
margin: 50px auto 100px;
}
footer#main_footer {
margin-bottom: 100px;
}
body.page-template-page-template2019-menu-php main {
padding: 0;
}
div#home_menu_content {
margin: 30px 0 100px;
}
div#slide_logo {
display: block;
}
div#swipe_handle {
display: block;
}
img.amincon {
max-height: 50px;
padding: 5px 0;
}
a.menulink {
float: right;
height: 50px;
padding: 5px 0;
}
li.menucon {
overflow: auto;
padding: 5px 0px;
border-bottom: 0px solid #eee;
position: relative;
cursor: pointer;
clear: none;
margin: 0 0px;
width: 20%;
float: left;
}
.rightimage {
float: left;
width: 100%;
font-size: 24px;
text-align: center;
}
div#float_content {
position: fixed;
top: 0px;
right: 130px;
bottom: auto;
background: rgba(255, 255, 255, 0.82);
width: 100%;
padding: 0;
box-shadow: 0 2px 9px 2px hsla(0, 0%, 60%, .2);
z-index: 956;
left: 0;
right: 0; display: none;
}
li.menucon.activemenucon:after {
content: close-quote;
position: absolute;
right: 0%;
bottom: 0;
top: 0;
width: 100%;
background: transparent;
height: 100%;
}
main#mainbox {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
background-position: 50%;
z-index: 1;
height: 100%;
}
div#page_container {
overflow: hidden;
position: relative;
height: calc(100vh - 80px);
}
html .mok {
min-height: 245vw;
width: 100%;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
padding: 30px 0 30px;
margin: 0px 0;
}
.section_contento {
position: absolute;
bottom: 10vw;
left: 0;
}
h1.maintitlespace {
margin: 10px 0 18px;
color: #fff;
font-weight: 500;
font-size: 10vw;
line-height: 10vw;
text-transform: capitalize;
}
.subtitle {
font-size: 3.8vw;
color: #fff;
font-weight: 500;
margin-bottom: 5px;
letter-spacing: 1px;
}
ul#absole li {
width: 100%;   height: 100%;   width: 100%;
height: 100%;
position: relative;
overflow: hidden;
width: 100%;
}
.leftcenter {
float: left;
width: 80%;
display: none;
}
header#container_con {
position: fixed;
top: 0;
left: 0;
height: auto;
right: 0;
z-index: 9567567;
width: 100%;
padding: 5px 10px;
background: rgb(255, 255, 255);
display: none;
}
a.linktitle {
display: inline-block;
font-size: 12px;
color: #fff;
padding: 10px 10px;
border: 1px solid #eee;
text-align: center;
text-transform: uppercase;
font-weight: 100;
letter-spacing: 4px;
font-weight: 500;
}
.section_contento {
padding: 0 10px;
}
div#mobile_logo {
position: fixed;
top: 0;
left: 0;
right: 0;
display: block;
z-index: 9213941;
}
div#pagewrapper {
display: block;
align-items: center;
position: relative;
padding-top: 0vh;
}
div#fixedre {
position: fixed;
bottom: 90px;
right: 110px;
z-index: 9999999;
}
div#desk_menu {
display: none;
}
div#logo-branding.moli .site-title a {
right: 0;
left: 0;
margin: 0 auto;
width: 230px;
box-shadow: none;
border: none;
height: 25vw;
background-color: #fff;
left: 0;
right: 0;
}
.page-template-p-mobile2018-php div#floatbar {
display: block;
}
div#info_launcher {
position: fixed;
bottom: 90px;
right: 0;
z-index: 9999999;
width: auto;
}
body.page-template.page-template-p-mobile2018.page-template-p-mobile2018-php.page.page-id-2943 span.ikol {
display: inline-block;
text-align: center;
color: #fff;
display: inline-block;
font-size: 2rem;
display: block;
text-align: center;
color: #fff;
display: block;
font-size: 1.5rem;
float: left;
width: 100%;
}
body.page-template.page-template-p-mobile2018.page-template-p-mobile2018-php.page.page-id-2943 span#menum span.caller_text {
display: inline-block;
display: inline-block;
font-size: 1.2rem;
padding: 0 15px;
text-transform: uppercase;
font-weight: 100;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-family: 'Roboto Condensed', sans-serif;
display: inline-block;
font-size: 0.8rem;
padding: 0 15px;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 1px;
line-height: .8rem;
float: left;
width: 100%;
}
div#controllewrap {
}
span.spanki {
}
ul#absole li {
}
div#secondslider {
max-width: 100vw;
margin: 0px auto;
overflow: hidden;
z-index: 9;
position: relative;
-webkit-transition: all 1500ms cubic-bezier(0.075, 0.82, 0.165, 1);
transition: all 1500ms cubic-bezier(0.075, 0.82, 0.165, 1); }
li.slides {
width: 100vw;
min-height: 100vh;
position: relative;
overflow: hidden;
min-width: 100vw;
}
.videotag video {
position: absolute;
top: 50%;
left: 50%;
right: 0;
bottom: 0;
width: 400%;
height: 200%;
transform: translateY(-50%) translateX(-50%);
}
ul#slidecontainermain {
margin: 0;
padding: 0;
list-style: none;
display: flex;
overflow: auto;
padding: 0;
list-style: none;
overflow: auto;
background: #444;
width: 80vw;
margin: 0vw auto 0;
display: flex;
z-index: 9123;
position: relative;
left: 0;
right: 0;
top: 0;
-webkit-transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
transition: all 3000ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
.navigationclass span#menum {
text-align: center;
color: #fff;
padding: 14px 0;
overflow: auto;
}
div#ready_content_block {
background: rgba(255, 255, 255, 0.8);
padding: 100px 30px;
}
}
@media screen and (max-width:630px) {
ul#home_menu_container {
grid-template-columns: auto;
}
}
@media screen and (min-width:2100px) {
a.main_image_link video, .home_menu_image > video {
width: 100%;
height: auto;
}
#home_menu_container .home_menu_image {
overflow: hidden;
}
}
.woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover {
background-color: #2b446d;
}
.woocommerce-message::before {
color: #2b446d;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
background-color: #2b446d;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
background-color: #496491;
}
.woocommerce-message {
border-top-color: #2b446d;
}
.woocommerce button.button.alt {
background-color: #2b446d;
}
.woocommerce button.button.alt:hover {
background-color: #36568b;
}
.woocommerce ul.products li.product .price, .woocommerce div.product p.price {
color: #4C764C;
}
.woocommerce .woocommerce-breadcrumb {
color: black;
}
.page-id-2063  .titlelink a {
color: white !important;
}
.page-id-2623 .menu_description a {
color: #152b5a !important;
}
.contact-page a {
color: #152b5a;
}
#m_-8683365985255725959yui_3_16_0_ym19_1_1496434353835_3150 a {
color: #152b5a;
}
.isotopeMenu > li > a {
color: black !important;
}
.woocommerce .woocommerce-breadcrumb a {
color: black !important;
}
.product_meta a {
color: #152b5a;
}#style-2 {
overflow: hidden;
position: relative;
display: inline-block
}
#style-2::before, #style-2::after {
content: '';
position: absolute;
width: 100%;
left: 0
}
#style-2::before {
background-color: #2f99d5;
height: 2px;
bottom: 0;
transform-origin: 100% 50%;
transform: scaleX(0);
transition: transform .3s cubic-bezier(0.76, 0, 0.24, 1)
}
#style-2::after {
content: attr(data-replace);
height: 100%;
top: 0;
transform-origin: 100% 50%;
transform: translate3d(200%, 0, 0);
transition: transform .3s cubic-bezier(0.76, 0, 0.24, 1);
color: #2f99d5
}
#style-2:hover::before {
transform-origin: 0% 50%;
transform: scaleX(1)
}
#style-2:hover::after {
transform: translate3d(0, 0, 0)
}
#style-2 span {
display: inline-block;
transition: transform .3s cubic-bezier(0.76, 0, 0.24, 1)
}
#style-2:hover span {
transform: translate3d(-200%, 0, 0)
}
@keyframes float {
0% {
transform: translatey(0px)
}
50% {
transform: translatey(-20px)
}
100% {
transform: translatey(0px)
}
}
.hover-effect, .hover-effect > span {
position: relative;
color: inherit;
text-decoration: none;
line-height: 24px
}
.hover-effect:before, .hover-effect:after, .hover-effect > span:before, .hover-effect > span:after {
content: '';
position: absolute;
transition: transform .2s ease
}
.hover-effect {
display: inline-block;
overflow: hidden
}
.hover-effect:before {
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #e33e45;
transform: translateY(-100%)
}
.hover-effect:after {
content: attr(data-content);
top: 0;
left: 0;
height: 0;
margin: 12px;
color: white;
white-space: nowrap;
overflow: hidden;
transition: height .2s ease
}
.hover-effect > span {
display: block;
margin: 2px;
padding: 10px
}
.hover-effect:hover:before {
transform: translateY(0)
}
.hover-effect:hover:after {
height: calc(100% - 24px)
}
.arrow img {
max-width: 60px
}
.mobile-none a {
font-size: 1.5rem;
color: #2f99d5;
text-decoration: none
}
#menuButton {
width: 50px;
height: 30px;
padding-top: 10px;
cursor: pointer
}
.menu-bar {
width: 50px;
height: 4px;
background-color: #2f99d5;
margin: 4px 0;
transition: 0.4s
}
#container_con .logo {
margin-right: auto;
text-align: center
}
#container_con .logo img {
max-width: 220px;
height: auto;
padding: 0 0 4px 0
}
header#container_con {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 20px
}
.main-menu ul {
list-style: none;
margin: 0;
padding: 0;
display: flex
}
.main-menu li {
margin-left: 20px
}
div#leftsnav {
width: auto !important
}
#gallery {
width: 100%;
height: 100% !important;
padding: 10px
}
div#slide_handle {
background: white !important
}
span.brs {
background: #309edc !important
}
#beautiful-paradise p {
padding: 0 10vw;
font-size: 150%;
font-family: 'Open Sans', sans-serif;
color: #7d7d7d
}
header#container_con {
left: 0;
width: 100%
}
.container-2023 {
width: 100%;
height: 100%;
position: relative;
margin-top: 35px
}
.video-container {
width: 100%;
height: 70vh;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center
}
.video {
width: 100%;
height: 100%;
object-fit: cover
}
.text-content-2023 {
width: 100%;
height: 60%;
padding: 20px 10vw
}
.cont-flex {
display: flex;
flex-direction: row;
justify-content: space-between;
text-align: center;
align-items: center
}
.child-flex {
flex: 1
}
footer {
background-color: #ededed;
color: black;
text-align: center;
padding: 50px 0;
bottom: 0
}
footer p {
font-family: 'Open Sans', sans-serif
}
.footer-section {
width: 32.33%;
display: inline-block
}
.vertical-line {
width: 2px;
height: 80px;
background-color: #4f6a89
}
.gold-hover:hover {
background-color: #152b5a;
color: white !important;
padding: 3px 10px;
text-decoration: none
}
.ing-link {
margin-bottom: 0;
margin: 10px
}
.mainpageheader {
display: none !important
}
.page_item {
width: 100% !important
}
.info-container {
display: flex;
flex-wrap: wrap;
max-width: 600px;
margin: 0px auto;
justify-content: center;
}
.info-container h4{
padding: 0;
}
.custom-date {
margin-top: -25px;
}
.footer-banner h4 {
font-family: marker_feltregular;
text-align: center;
font-size: 2rem;
padding: 0 10vw;
color: #297aa7 !important
}
#post-5187 h1 {
font-family: marker_feltregular;
color: #297aa7 !important
}
#post-5187 p {
font-family: 'Open Sans', sans-serif;
color: #1c1c1c
}
.footer-banner a {
font-family: marker_feltregular;
color: #c73030;
font-size: 2rem
}
.footer-banner {
text-align: center
}
.arrow {
position: absolute;
bottom: 30px;
animation: float 3s ease-in-out infinite
}
.fixed-nav {
display: none
}
.fixed-nav ul li a {
color: white;
background-color: #309edc;
padding: 5px;
font-size: 20px
}
.fixed-nav ul li {
margin: 10px 0
}
@keyframes glowing-blue {
0% {
box-shadow: 0 0 -10px #ff0000
}
40% {
box-shadow: 0 0 20px #ff0000
}
60% {
box-shadow: 0 0 20px #ff0000
}
100% {
box-shadow: 0 0 -10px #ff0000
}
}
@keyframes glowing {
0% {
box-shadow: 0 0 -10px #309edc
}
40% {
box-shadow: 0 0 20px #309edc
}
60% {
box-shadow: 0 0 20px #309edc
}
100% {
box-shadow: 0 0 -10px #309edc
}
}
.button-glow {
animation: glowing 3000ms infinite
}
.button-glow-blue {
animation: glowing-blue 3000ms infinite
}
#beautiful-paradise {
padding: 10px 0
}
.entry-footer {
background-color: white
}
.entry-footer {
display: none
}
.bird-content img {
position: absolute;
left: 20px;
top: -200px
}
#goog-gt-votingHiddenPane {
display: none !important
}
@media (max-width:992px) {
.accessibility-trigger-button.right-center {
top: 25% !important
}
.mobile-none-show {
display: none
}
.bird-content {
display: none
}
#beautiful-paradise p {
padding: 0;
font-size: 100%
}
}
@media (max-width:768px) {
.info-container {
flex-direction: column;
}
.left-container,
.right-container {
flex: 1 1 100%;
justify-content: center;
border-right: none;
}
.right-container {
border-bottom: none;
}
header#container_con {
display: none
}
.fixed-nav {
display: block;
position: fixed;
z-index: 999;
right: 20px;
text-align: right;
bottom: 30%
}
.arrow {
bottom: 100px
}
.video-container {
height: 100vh
}
.container-2023 {
margin-top: 0;
margin-bottom: 100px
}
#footer-2024 {
padding: 50px 0 100px 0;
margin-bottom: 130px
}
.cont-flex {
flex-direction: column
}
.vertical-line {
width: 150px;
height: 2px
}
}