/* FONTS - PlayfairDisplaySC  */


@font-face { font-family: PlayfairDisplaySC; src: url('font/PlayfairDisplaySC-Regular.ttf'); }
/*@font-face { font-family: PlayfairDisplaySC; font-weight: bold; src: url('font/PlayfairDisplaySC-BoldItalic.ttf');  }
@font-face { font-family: PlayfairDisplaySC; text-decoration: italic; src: url('font/PlayfairDisplaySC-Italic.ttf');  }
@font-face { font-family: PlayfairDisplaySC; text-decoration: italic; font-weight: bold; src: url('font/PlayfairDisplaySC-BoldItalic.ttf');  }
@font-face { font-family: PlayfairDisplaySC; text-decoration: italic; font-weight: bolder; src: url('font/PlayfairDisplaySC-BlackItalic.ttf'); }*/


/* FONTS - PlayfairDisplay */

@font-face { font-family: PlayfairDisplay; src: url(font/PlayfairDisplay-Regular.ttf); }

/*@font-face {
   font-family: PlayfairDisplay;
   src: url(font/PlayfairDisplay-BoldItalic.ttf);
   font-weight: bold;
}
@font-face {
   font-family: PlayfairDisplay;
   src: url(font/PlayfairDisplay-Italic.ttf);
   text-decoration: italic; 
}
@font-face {
   font-family: PlayfairDisplay;
   src: url(font/PlayfairDisplay-BoldItalic.ttf);
   text-decoration: italic; 
   font-weight: bold;
}
@font-face {
   font-family: PlayfairDisplay;
   src: url(font/PlayfairDisplay-BlackItalic.ttf);
   text-decoration: italic; 
   font-weight: bolder;
}*/



/* FONTS LATO */
@font-face { font-family: Lato; src: url('font/Lato-Light.ttf'); }
@font-face { font-family: Lato-Regular; src: url('font/Lato-Regular.ttf'); }
/*@font-face { font-family: Lato; font-weight: bold; src: url('font/Lato-bold.ttf'); }
@font-face { font-family: Lato; text-decoration: italic; src: url('font/Lato-Italic.ttf'); }*/


/******************************************
******************* MARINA ****************
*******************************************/

html , body {
    width: 100% ;
    height: 100% ;
    margin: 0 ;
    padding: 0 ;
    font-family: PlayfairDisplaySC ;
}

p { margin: 0; letter-spacing: 1px; text-align: justify;}
span { letter-spacing: 1px; }
a , a:hover , a:visited , a:focus { color: #FFF ; text-decoration: none !important; }
ul , ol { margin :0; padding: 0; list-style-position: inside;}

header {  margin-bottom: 67px; }

.auto { width: 100%; max-width: 1200px; margin: auto; }
.upper_case { text-transform: uppercase; }
.pull_left { text-align: left!important; }
.pull_right { text-align: right!important; }
.pull_center { text-align: center!important; }
.custom_hide { opacity: 0; }
.mt50 { margin-top: 50px; }

/* HEADER */
.overlay { 
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    background: #21a4e3; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left top, #21a4e3, #FFF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom , #21a4e3, #FFF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom , #21a4e3, #FFF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom , #21a4e3, #FFF); /* Standard syntax */
    opacity: 0.7;
}

.overlay.vdo_overlay{ opacity: 0.4; }

.room-facilities .overlay{
    background: #ae812c; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left top, #ae812c, rgba(255, 255, 255, 0)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom , #ae812c, rgba(255, 255, 255, 0)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom , #ae812c, rgba(255, 255, 255, 0)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom , #ae812c, rgba(255, 255, 255, 0));
    opacity: 0.5;
}
.top_banner { overflow: hidden; }
.top_banner_img { display: inline-flex; }
.top_banner_img img.default_banner { position: fixed; }
.top_banner_img img { width: 100%; float: left; left:0;}
.top_banner .logo { position: absolute; z-index: 10; padding-top: 40px; }
.vimeo_banner {width: 100%;}
.default_banner { visibility: hidden; z-index: -100000 ; position: absolute; top:0;}

.mobile_vdo_banner { display: none; }


.main_menu {  
    position: absolute;
    z-index: 10;
    font-size: 25px;
    width: 100%;
}

.main_menu ul {
    list-style: none;
    text-align: right;
    /*margin-top: 40px;*/
    text-transform: uppercase;
    border-right: 1px solid rgba(255, 255, 255, 0.48);

}

.main_menu ul li { padding: 15px; }

/*.main_menu .current-page-ancestor::after , .main_menu .current-menu-item::after { 
    content: '';
    border-right: 5px solid #3b91bb; 
    color: #3b91bb; 
    margin-right: -2.5px;
}*/
.main_menu .current-page-ancestor , .main_menu .current-menu-item { border-right: 5px solid #3b91bb; color: #3b91bb; margin-right: -2.5px;}
.main_menu .current-page-ancestor a , .main_menu .current-menu-item a { color: #3b91bb; margin-right: 2.5px;}
.room-facilities .main_menu .current-page-ancestor , .room-facilities  .main_menu .current-menu-item { border-right: 5px solid #0e2353; color: #0e2353; }
.room-facilities .main_menu .current-page-ancestor a , .room-facilities  .main_menu .current-menu-item a  { color: #0e2353; }

.main_menu .menu-item a {
    -webkit-transition: all 0.5s ease; /* Safari and Chrome */
    -moz-transition: all 0.5s ease; /* Firefox */
    -ms-transition: all 0.5s ease; /* IE 9 */
    -o-transition: all 0.5s ease; /* Opera */
    transition: all 0.5s ease;
}
.main_menu .menu-item:hover a {  color: #3b91bb; }
.room-facilities .main_menu .menu-item:hover a { color: #0e2353; }


nav { 
    text-align: center;  
    box-shadow: 2px 2px 5px #ccc;
    border: 1px solid rgba(204, 204, 204, 0.14);
    background: #FFF; 
}

#menu-main-menu:before { content: ''; height: 90px; display: block; }

.child_menu { 
    margin-top: -64px;
    position: absolute;
    width: 100%;
}

.child_menu ul {
    color: #3b91bb;
    display: inline-flex;
    list-style: none;
    text-transform: uppercase;
    border-bottom: 1px solid #4da5d8;
    /*box-shadow: 2px 2px 5px #ccc;
    border: 1px solid rgba(204, 204, 204, 0.14);
    background: #FFF;*/
}

.room-facilities .child_menu ul {
    color: #3b91bb;
    border-bottom: 1px solid #1d3863;
}

.child_menu ul li { padding: 20px 15px; }
/*.child_menu ul li:first-child { padding-left: 50px; }
.child_menu ul li:last-child { padding-right: 50px; }*/
.child_menu ul a { color: #3b91bb; font-size: 16px;}
.room-facilities .child_menu ul a { color: #1d3863; }

.child_menu ul li ul li { padding-bottom: 10px; }
/*.child_menu ul li ul li:after{
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    background-color: #3b91bb; 
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}*/

.child_menu .menu_desktop  ul li ul li { 
    border-bottom: 2px solid #FFF !important;  
    -webkit-transition: all 0.5s ease; /* Safari and Chrome */
    -moz-transition: all 0.5s ease; /* Firefox */
    -ms-transition: all 0.5s ease; /* IE 9 */
    -o-transition: all 0.5s ease; /* Opera */
    transition: all 0.5s ease;

}
.child_menu .menu_desktop ul li ul li:hover{
    border-bottom: 2px solid #3b91bb !important;    
    
}


/*.child_menu ul li ul li:hover{ 
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);

}*/
/*.child_menu ul li ul li:hover a { text-decoration: underline !important;/*border-bottom: 3px solid #2277a1 !important;*/ }
.room-facilities .child_menu ul a { color: #897b73; }

.child_menu .current-menu-item{ 
    font-weight: bolder; 
    color: #2277a1;
    border-bottom: 3px solid #2277a1;
}

.room-facilities .child_menu .current-menu-item{ color: #1d3863; border-bottom: 3px solid #1d3863; }

.room-facilities .child_menu ul li:hover a{ color : #967b50; }

.menu_space { height: 62px; display: block; }

.mega_menu { 
    width: 100%; 
    border-bottom: 0px!important; 
    text-align: left; 
    display: inline-flex;
}

.mega_menu li { border-right: 1px solid; }
.mega_menu li:nth-child(even) { border-right: 0px ; }

.menu_mobile { display: none; min-height: 62px;}
.child_menu .menu_mobile ul {
    display: block;
    z-index: 10;
    position: relative;
    background: #fff;
    width: inherit !important;
    text-align: -webkit-left;
    padding: 20px;
}

.child_menu .menu_mobile ul.menu { width: 100% !important; position: absolute; }

.child_menu .menu_mobile ul li { padding: 5px 0;  }
.child_menu .menu_mobile ul li:hover a { font-weight:bolder; ;}
.child_menu .menu_mobile ul li a { margin-left: 20px;}
.child_menu .menu_mobile ul li img { display: none;}
.child_menu .current-menu-item { font-weight: normal; color: inherit; }

.child_menu .menu_mobile .current-menu-item { border : 0; }
.child_menu .menu_mobile ul.sub-menu , .child_menu .menu_mobile ul.menu  { display: none; } 

.mobile_bar{
    border: 2px solid;
    padding: 5px;
    border-radius: 50%;
    float: right;
    z-index: 100;
    position: relative;
    margin: 15px;
    color: #3b91bb;
    cursor: pointer;
    width: 29px;
}

.room-facilities .mobile_bar{ color: #0f2454; }

.sub_menu_icon{
   /* border: 1px solid;
    border-radius: 50%;*/
    padding: 1px;
    width: 18px;
    text-align: center;
    cursor: pointer;
}

.child_menu .menu_mobile ul.sub-menu { padding-top: 5px ;padding-bottom: 0;  }

.rotateX180 {transform: rotateX(180deg); }

ul.sub-menu { display:none; border-bottom:0; }
.menu_space ul.sub-menu { display: inline-flex; width: 100%; }
.menu_space a:first-child { display: none ;}
.menu_space .sub-menu a { display: block ;}
.menu_space .sub-menu li { width : 50%; text-align: left; display: flex;}
.menu_space .sub-menu li { border-right: 1px solid; }
.menu_space .sub-menu li:nth-child(even) { border-right: 0px ; }
.menu_space .sub-menu li ul.sub-menu { display: block; width: 70%!important; }
.menu_space .sub-menu li ul.sub-menu li { width: 100%; border: 0px; padding-top: 10px; position: relative;}
.menu_space .sub-menu li ul.sub-menu li:first-child {  padding-top: 0px; }
.menu_space .sub-menu li ul.sub-menu li a { font-family: Lato;  text-transform: capitalize; width: 100%; }
a .sub-guest{ 
    font-family:'Lato'; 
    color: #777;  
    text-transform: lowercase;
    font-size: 14px;
}
.menu_space .sub-menu li ul.sub-menu li a .sub-guest{ float: right; }

.menu-item.has-image span {padding-left: 10px;}

#content { font-family: Lato; }
.inner_content { max-width: 1000px; }
.inner_content  .content_header { text-transform: uppercase; margin-top: 50px; }
.inner_content  .content_header h1 { color: #3b91bb; font-family : PlayfairDisplaySC ; letter-spacing: 3px;}
.inner_content  .content_header h4 { font-family: 'Lato-Regular'; color: #777; letter-spacing: 2px;}
.inner_content  .content_header:after { 
    content: '';
    width: 100px;
    border-bottom: 1px solid #000;
    position: absolute;
}


.room-facilities .menu_space_sub_menu{ display: none; }

.inner_content .content_descriptions {
    color: #404040; 
    margin-top: 50px;
    line-height: 25px;
    font-size: 14px;
   /* padding: 50px;*/
    
}
.inner_content .map_content.content_descriptions { padding: 50px; }

.inner_content .col-sm-6 .content_descriptions { padding-right: 50px;  }

.inner_content .col-sm-12 .content_header { text-align: center; }
.inner_content  .col-sm-12 .content_header:after { 
    width: 100px;
    margin-left: -50px;
   
}
.inner_content .col-sm-12 .content_descriptions { text-align: left; }

.content_descriptions a { color: #337ab7; }

.content_img {margin-top: 50px;}
/*.content_map {margin-top: 50px;}*/

.read_more {
    font-size: 13px;
    margin-top: 50px;
    margin-bottom: 10px;
    margin: 50px auto 10px;
    display: -webkit-inline-box;
    border: 1px solid #3b91bb;
    text-transform: uppercase;
    text-align: center;
    width: 150px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    display: table;
    -webkit-transition: all 0.5s ease; /* Safari and Chrome */
    -moz-transition: all 0.5s ease; /* Firefox */
    -ms-transition: all 0.5s ease; /* IE 9 */
    -o-transition: all 0.5s ease; /* Opera */
    transition: all 0.5s ease;
}
.read_more:hover{ border: 1px solid #FFF; background: #3b91bb; border: 1px solid #FFF; }
.read_more:hover a { color: #FFF; }
.read_more a { color: #777; line-height: 48px;}

.room-facilities .read_more { background : #967a50; border: 1px solid #967a50;  }
.room-facilities .read_more a { color: #fff;  }

.room-facilities .read_more:hover{ background: #fff; border: 1px solid #967a50; color: #967a50; }
.room-facilities .read_more:hover a { color: #967a50; }

.gform_wrapper .gform_footer input.button { 
    width: 150px;
    height: 35px; 
}

.global_text_section {
    color: #3b91bb; 
    font-family : PlayfairDisplaySC ;
    margin: 80px 0;
    width: 100%;
    display: inline-flex;
}

.global_text_section h1{ 
    font-size: 55px;
    margin-top: 10px;
    text-transform: uppercase;
}
.global_text_section h3{ 
    font-size: 18px;     
    text-align: left;
    line-height: inherit;
    padding-left: 20px;
    text-transform: lowercase;
   
}
.global_text_section h3 p {  letter-spacing: 0px; }

/* MARINA & DRYFLOW */
.image_lists { list-style: none; margin-top: 50px; }
.image_lists li { width: 33.33%; float: left; padding: 10px; }
.image_lists li p { 
    text-transform: uppercase;
    letter-spacing: 3px;
    text-align: -webkit-center;
    color: #fff; 
    width: 80%;
    margin: auto;
    font-size: 18px;
}
.image_lists li .list_title { position: absolute; z-index: 10;}

.image_lists li img{ 
    -webkit-transition: all 0.5s ease; /* Safari and Chrome */
    -moz-transition: all 0.5s ease; /* Firefox */
    -ms-transition: all 0.5s ease; /* IE 9 */
    -o-transition: all 0.5s ease; /* Opera */
    transition: all 0.5s ease;
}
.image_lists li:hover img{ 
     -webkit-transform:scale(1.07); /* Safari and Chrome */
    -moz-transform:scale(1.07); /* Firefox */
    -ms-transform:scale(1.07); /* IE 9 */
    -o-transform:scale(1.07); /* Opera */
    transform:scale(1.07);
}

.image_lists .list_content { overflow: hidden;  }
.image_lists .list_title { opacity: 0 }

.image_list_cover { position: relative; }
.image_list_cover .image_overlay{
    width: 100%;
    height: 100%;
    position: absolute;
    background: transparent;
    z-index: 10;
    -webkit-transition: all 0.5s ease; /* Safari and Chrome */
    -moz-transition: all 0.5s ease; /* Firefox */
    -ms-transition: all 0.5s ease; /* IE 9 */
    -o-transition: all 0.5s ease; /* Opera */
    transition: all 0.5s ease;

}
.image_list_cover:hover .image_overlay { background: rgba(0, 0, 0, 0.5); }
.image_list_cover:hover img { filter: blur(2px);}
.image_list_cover:hover .list_title { opacity: 1 }

/* SIMPLE TEMPLATE*/
.simple_template p{ margin-bottom: 15px; }
.simple_template .content_descriptions { column-count: 2; column-gap: 50px; }

/* YACHT CHARTER */
.yacht_section { margin-top: 50px; }
.yacht_section .section_header h3 { margin: 10px 10px 30px 10px; }
.yacht_section .section_header .header_line { 
    content: '';
    border-top: 3px solid #3b91bb;
    width: 30px;
    display: inherit;
    margin-left: 10px;
    margin-top: 25px;

}
.yacht_section .section_header { padding: 10px; border: 1px solid #e8e8e8; margin-bottom: 20px; }
.yacht_section .yacht_images { padding: 0 ; width: calc(50% - 5px)!important; margin-right: 5px; margin-bottom: 5px; overflow: hidden; position: relative;}
.yacht_section .yacht_images:last-child { margin-right: 0 !important; }
.yacht_section .yacht_images img { width: 100% }
.yacht_section .yacht_images .image_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    color: #FFF;   
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 3px;
}
.yacht_section .yacht_images .image_overlay p{ margin-top: 30%; text-align: center; }
.yacht_section .yacht_images:hover .image_overlay { display: block;  background: rgba(0, 0, 0, .3);  }
.yacht_section .yacht_images:hover img { 
   
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);

    -webkit-transform:scale(1.07); /* Safari and Chrome */
    -moz-transform:scale(1.07); /* Firefox */
    -ms-transform:scale(1.07); /* IE 9 */
    -o-transform:scale(1.07); /* Opera */
    transform:scale(1.07);

}


.yacht_section .yacht_images img{
    -webkit-transition: all 0.5s ease; /* Safari and Chrome */
    -moz-transition: all 0.5s ease; /* Firefox */
    -ms-transition: all 0.5s ease; /* IE 9 */
    -o-transition: all 0.5s ease; /* Opera */
    transition: all 0.5s ease;
}

.section_body { display: -webkit-inline-box; }


/* TENANTS LISTS */
.tenants_lists .image_lists li {  }
.tenants_lists .image_lists li img {
     -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
}
.tenants_lists .image_lists li:hover img {
     -webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
    filter: grayscale(0%);
}

.tenants_lists .list_content { 
    border: 2px solid #3b91bb; 
    padding: 20px 10px;
    text-align: center;
    font-family: PlayfairDisplaySC;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 12px;
    height: 100%;

    -webkit-transition: all 0.5s ease; /* Safari and Chrome */
    -moz-transition: all 0.5s ease; /* Firefox */
    -ms-transition: all 0.5s ease; /* IE 9 */
    -o-transition: all 0.5s ease; /* Opera */
    transition: all 0.5s ease;
}

.tenants_lists .list_content:hover { color: #fff ; background: #3b91bb; }
.tenants_lists a .list_content { color : #333; } 
.tenants_list { margin-bottom: 20px; }

.global_subscribe_section { text-align: center; font-family: Lato; padding: 0 20px!important; margin : 80px 0 ;}
.global_subscribe_section h3 { color: #3d506f; font-size: 20px; margin-bottom: 20px;}
.global_subscribe_section p { color: #7f90a5; font-size: 12px;}
.global_subscribe_section form { display: -webkit-inline-box; }
.global_subscribe_section form label { display : none!important; }
.global_subscribe_section form input { background: #0f2454; color: #FFF!important; height: 35px; padding:10px!important; width: 220px!important;}
.global_subscribe_section form input[type=submit] { background: #0f2454; text-transform: capitalize!important; height: 35px; width: 150px!important; margin-left: 2px!important;}
.global_subscribe_section form .gform_footer { margin-top: .375em !important; padding: 0 !important;}
.global_subscribe_section form input { border: 0 !important; border-radius: 0!important;}

/* FOOTER */
footer{ color: #FFF; background: #2277a1; }
footer .copyright { background: #246c8f; height: 62px; padding: 20px 0; text-align: center; font-family: Lato; letter-spacing: 1px; font-size: 12px;}
footer .copyright p { text-align: center; }
footer .pre_footer { min-height: 250px; padding: 45px 0; display: -webkit-box; }
footer ul { margin: 0; padding: 0; list-style: none; }
footer ul.affiliated , footer ul.address { display: inline-flex;}
/*footer ul.address a:hover i { font-size: 30px; }*/
footer ul li { padding: 10px; }
footer ul.address li a {  font-size: 24px; margin-right: 20px; }
footer .contact_form { /*margin-top: 25px;*/ font-family: lato;  }
footer .contact_form .gform_fields label { display: none!important; }
footer .contact_form .gform_fields input , footer .contact_form .gform_fields textarea { width: 100% !important; border-radius : 0; padding-left: 10px; letter-spacing: 1px;}
footer .contact_form .gform_fields li { padding: 0 !important; padding-bottom: 5px; }
.gform_footer { margin:0!important ; }
.gform_footer input[type=submit]{
    text-transform: uppercase;
    background: transparent;
    border-radius: 0;
    color: #fff; 
    box-shadow: none;
    border: 2px solid;
    padding: 10px 30px;
    float: right;
}

.room-facilities footer{ background: #0f2454;  }
.room-facilities footer .copyright { background: #021d49;  }

.footer_contact h4.contact_close:after{ 
    font-family: FontAwesome; 
    content : '\f13a' ;  
    /*float: right;*/
    margin-left: 15px;
    cursor: pointer;
}

.footer_contact h4.contact_open:after{ 
    font-family: FontAwesome; 
    content : '\f139' ;  
    /*float: right;*/
    margin-left: 15px;
    cursor: pointer;
}

footer .gform_footer input[type=submit]{
    -webkit-transition: all 0.5s ease; /* Safari and Chrome */
    -moz-transition: all 0.5s ease; /* Firefox */
    -ms-transition: all 0.5s ease; /* IE 9 */
    -o-transition: all 0.5s ease; /* Opera */
    transition: all 0.5s ease;
}
footer .gform_footer input[type=submit]:hover { color: #2277a1; background: #FFF; border: 2px solid #FFF; }

.room-facilities footer .gform_footer input[type=submit]:hover { color: #0f2454;}
.rate_informations { padding-left: 0; padding-right: 0; }
.rate_informations , .specification {
    color: #777;
    margin-top: 50px;
    line-height: 25px;
   /* font-size: 14px;*/
   display: inline-block;
}
.rate_informations h3 , .specification h4 , .specification h3{
    color: #3b91bb;
    font-family: PlayfairDisplaySC;
    text-transform: uppercase;
}

.specification div { padding-right: 0; padding-left: 0; }

/*.rate_table tr { border-bottom: 1px solid #e8e8e8; }*/

.specification .icon { width: 20px; margin-right: 10px; }
.specification .name { min-width: 150px; display: -webkit-inline-box; }

.hide_bullet { list-style: none; }
.show_bullet { }

.pre_footer_inner h4 { letter-spacing: 2px; }

/******************************************
************* ROOM & FACILITIES ***********
*******************************************/

/* ABOUT US */

.fullwidth { margin: 0!important; }
.fullwidth  .content_header h1 { color: #967b50; font-family: PlayfairDisplaySC; text-transform: uppercase; letter-spacing: 3px;}
.fullwidth  .content_header:after {
    content: '';
    width: 100px;
    border-bottom: 1px solid #000;
    position: absolute;
    margin-left: -50px;
}

.fullwidth .about_descriptions_left .content_header:after , .fullwidth .content_text .content_header:after { margin-left: 0px; }
.about_descriptions p , .room_descriptions p { color: #777777; letter-spacing: 1px; font-size: 14px; }
.about_descriptions { padding: 0!important;  background: #f3f3f3;}
.about_descriptions .about_descriptions_left{ background: #fff; min-height: 450px; }
.about_descriptions .about_descriptions_left p { max-width: 620px; }
.about_descriptions .about_descriptions_right ul{
    display: inline-flex;
    list-style: none;
    width: 100%;
    max-width: 700px;
}
.about_descriptions .about_descriptions_right ul li{
    width: calc(25% - 5px);
    height: 120px;
    text-align: center;
    background: #FFF;
    margin-right: 10px;
}
.about_descriptions .about_descriptions_right .icon { text-align: center; margin-top: 100px;}
.about_descriptions .about_descriptions_right .icon img { padding:5px; width: 50px;}
.about_descriptions .about_descriptions_right p{
    width: 100%;
    margin: 39px auto 100px auto;
    color: #777777;
    letter-spacing: 1px;
    line-height: 25px;
}
.about_descriptions .about_descriptions_right .book_button
{
    color: #967a50;
    border: 1px solid #967a50;
    padding: 15px 30px;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease; /* Safari and Chrome */
    -moz-transition: all 0.5s ease; /* Firefox */
    -ms-transition: all 0.5s ease; /* IE 9 */
    -o-transition: all 0.5s ease; /* Opera */
    transition: all 0.5s ease;
}
.about_descriptions .about_descriptions_right .book_button:hover{ color: #FFF; border: 1px solid #FFF; background: #967a50 ; }
.about_descriptions .about_descriptions_right .book_descriptions { 
    width: 100%; 
    max-width: 700px; 
    margin: auto; 
    display: -webkit-box;
    font-size: 12px;
}

.about_descriptions_right { 
    margin-top: -67px;
    padding-top: 67px;
    background: #f3f3f3;
    padding-right: 170px;
}
.div_book_text { max-width: 505px; margin-right: 35px;  }
/*.div_book_button { padding-left: 35px; }*/
.about_descriptions .about_descriptions_left{ padding: 100px; padding-left: 200px; padding-right: 150px;}
.about_descriptions_left p { margin-top: 50px; line-height: 25px;}

.contents { padding-left: 0; padding-right: 0 }
.contents .content_img { margin-top: 0; background-size: cover !important; background-position-x: 50% !important;}
.contents .content_img img{ visibility: hidden; margin-top: 0; height: 10%; }
.contents .content.no_img { padding: 50px 20px; }
.contents .content p { 
    color: #fff;
    /*font-size: 12px;*/
    letter-spacing: 2px;
    margin-top: 50px;
    margin-bottom: 20px;
    line-height: 25px;
}
.contents .content.no_img p { max-width: 600px;  margin-left: auto; margin-right: auto; }
.contents .content:nth-child(odd) { background: #0f2454 ; }
.contents .content:nth-child(even) { background: #967b50; }
.contents .content.no_img .content_header:after { border-bottom: 1px solid #FFF ; margin-left: -50px; }
.contents .content .content_header h1{ font-size: 30px; letter-spacing: 3px;}
.contents .content:nth-child(odd) .content_header h1{ color: #967b50 ; }
.contents .content:nth-child(even) .content_header h1{ color: #0f2454 ; }
.contents .content .content_text { padding: 40px 80px; }

.pull_center{ text-align: center; }
.no_padding { padding-left:0!important ; padding-right: 0!important;  }


/* ROOMS */
.title_icon { max-width: 50px; max-height: 40px;}
.page_content { text-align: center; /*min-height: 350px;*/  padding: 50px 10px;} 

.room_descriptions { max-width: 1000px; margin: 50px auto; text-align: left;}
.room_descriptions p { line-height: 25px; }
.content_boxes  , .content_boxes div.content_box { padding: 0;  }
.content_boxes div.content_box img {  
    width: 100%;
    -webkit-transition: all 0.5s ease; 
    -moz-transition: all 0.5s ease; 
    -ms-transition: all 0.5s ease; 
    -o-transition: all 0.5s ease; 
    transition: all 0.5s ease; 
}
.content_boxes div.content_box .box_text {
    position: absolute;
    color: #FFF;
    text-align: -webkit-center;
    padding: 30px;
    /*opacity: 0 ;*/
    z-index: 1 ;
    text-shadow: 1px 1px 2px #000;

}
/*.content_boxes div.content_box:before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    
}*/
/*.content_boxes div.content_box:hover img { 
    opacity: 0.3 ; 
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
    -webkit-transform: scale(1.07);
    -moz-transform: scale(1.07);
    -ms-transform: scale(1.07);
    -o-transform: scale(1.07);
    transform: scale(1.07);
   
}*/

.box_overlay {
    background: #0f2454;
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    z-index: 1;
    opacity: 0.8;
    -webkit-transition: all 0.5s ease; 
    -moz-transition: all 0.5s ease; 
    -ms-transition: all 0.5s ease; 
    -o-transition: all 0.5s ease; 
    transition: all 0.5s ease;
    opacity: 0;
}
.content_box:hover .box_overlay{ background: #967b50; }
.content_box:hover img.box_img {
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
    -webkit-transform: scale(1.07);
    -moz-transform: scale(1.07);
    -ms-transform: scale(1.07);
    -o-transform: scale(1.07);
    transform: scale(1.07);
}

.content_boxes div.content_box:hover .box_text { opacity: 1 ; }
div.content_box h4  {font-family: PlayfairDisplaySC; text-transform: uppercase; letter-spacing: 3px; /*margin-top: 30px;*/}
div.content_box p { margin-top: 30px; font-family: Lato ; letter-spacing: 1px; font-size: 14px; text-align: center;}
.content_boxes div.content_box { position: relative; overflow: hidden;}
/*.content_boxes div.content_box h4 { padding-top: 30%; }*/

/* SERVICES */
.inner_content_box { border: 1px solid #e5e5e5; margin-bottom: 10px; padding: 50px; /*height: 100% ;*/}
.inner_content_box h4 { color: #967B50; }
.inner_content_box p { color: #777777; font-size: 12px; line-height: 25px; }
.content_box_mobile { display: none; background: #FFF; text-align: center; }
.content_box_mobile .inner_content_box { margin-bottom: 0; border: 0; }
.icon_img { width: auto !important; }

/* PACKAGES */
.float_right { float: right; }
.float_left { float: left; }
.content_layer { display: inline-block; }
.content_layer h4 { 
    color: #967b50;
    font-family: PlayfairDisplaySC;
    text-transform: uppercase;
    font-size: 26px;
    letter-spacing: 2px;
    padding-bottom: 20px;
}
.content_layer p {     
    color: #fff;
    letter-spacing: 1px;
   /* font-size: 12px; */
    margin-top: 20px;
    line-height: 25px;
}
.content_layer .content_header:after { margin: 0; border-bottom: 1px solid #967b50; width: 20px; }
.content_layer .content_boxes{ background: #0f2454;  }
.content_layer .content{  padding: 40px 80px; color: #FFF;}
.content_layer .contact_title { color: #967b50; }
.content_layer img { visibility: hidden; }
.content_layer .content_img { 
    margin-top: 0px; 
    background-size: cover!important;
    background-position-x: 50%!important;
    background-position-y: 50%!important;
    min-height: 500px;
}

.content_boxes.float_left { padding-right: 80px; }
.content_boxes.float_right { padding-left: 80px; }

/* GALLERY */
.content_gallery{ margin-top: 50px; }

/* MAP */
#map { height: 500px; padding: 0; }
.map { 
    background: #f1f2f2; 
    display: inline-block;
    margin-top: 50px;
}

/* GRAVITY FORM */

.gform_wrapper div.validation_error { display: none !important; }
.gform_wrapper .top_label .gfield_error { width: 100% !important; }
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label { margin-top: 0.375em !important; }
.gform_wrapper li.gfield.gfield_error.gfield_contains_required { margin-top: 0!important; }
.contact_form .gform_wrapper li.gfield.gfield_error.gfield_contains_required { margin: 0!important; margin-bottom: 0!important; }
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { background: transparent!important; border-top: 0px!important ; border-bottom: 0px !important; }
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description, .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield.gfield_error.gfield_contains_required fieldset legend.gfield_label, .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label { margin-left:0!important ; }
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield_html { max-width: 100%!important; }
.gform_wrapper .validation_message { color: #ff0000 !important; font-family: Lato !important; display: none;}
.gform_wrapper li.gfield_error input[type=email], .gform_wrapper li.gfield_error input[type=number], .gform_wrapper li.gfield_error input[type=password], .gform_wrapper li.gfield_error input[type=tel], .gform_wrapper li.gfield_error input[type=text], .gform_wrapper li.gfield_error input[type=url], .gform_wrapper li.gfield_error textarea { border: 1px solid #ff0000!important;  }
.gform_wrapper .validation_message { display: none!important; }
button, input[type="button"], input[type="reset"], input[type="submit"] { text-shadow: 0 0 0 rgba(255, 255, 255, 0); }

#contact_form { outline: none; }

.hide_form , .show_form {
    
}


.content_descriptions_div:nth-child(odd){
    background: #f1f2f2;
    margin-left: -50px;
    margin-right: -50px;
    padding: 50px;
    padding-top: 20px;
    margin-top: 30px;
}
 
.content_descriptions_div h3 {
    font-family: 'PlayfairDisplaySC' ;
    color: #3b91bb ;
    text-transform: lowercase;
    letter-spacing: 1px;
}

hr { border-top: 1px solid #e1e1e1; }


footer .contact_form { 
    height: 10px; 
    overflow : hidden; 
    -webkit-transition: all 0.5s ease; /* Safari and Chrome */
    -moz-transition: all 0.5s ease; /* Firefox */
    -ms-transition: all 0.5s ease; /* IE 9 */
    -o-transition: all 0.5s ease; /* Opera */
    transition: all 0.5s ease;
}

footer .contact_form.hide_form {
    /*display: none;*/
    opacity: 0 ;
    height: 10px;
}

footer .contact_form.show_form {
    /*display: block;*/
    opacity: 1 ;
    height: auto;

}
footer .footer-contact-address {padding:20px 0;font-family: Lato-Regular;line-height:1.3em;}
footer .footer-contact-address p {text-align:left;font-size:.8em;}

.marina footer .footer-contact-address {display:none;}
.gform_wrapper { max-width: 100%!important; margin: 0 !important; }

/* Coming Soon */
.coming_soon { text-align: center; margin-top: 50px; }
.coming_soon h1 { font-size :60px; font-family: PlayfairDisplaySC; color: #3b91bb; }


.register {
    padding-top: 65px;
    padding-left: 10px;
}
.register .register_button {
    color: #967a50;
    border: 1px solid #967a50;
    padding: 15px 30px;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.register .register_button:hover {
    color: #0f2454;
    border: 1px solid #967a50;
    background: #967a50;
}
.share_section_outer {
    position: relative;
    width: 100%;
    display: inline-block;
    padding: 15px 0;

}
.share_section {
    width: 100%;
    max-width: 1200px;
    margin: auto;
    text-align: right;
}

.fa-inverse {
    color: #0f2454;
    border: 1px solid;
    border-radius: 50%;
    width: 38px;
    height: 38px;
   /* -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;*/
}

.fa-inverse:hover {
    color: #FFF;
    background: #0f2454;
    border: 1px solid #0f2454;
}

.share_section .text { color: #0f2454;  } 

.a2a_default_style { float: right; }

/*.vdo_overlay { display: none!important }*/

.ms-nav-next , .ms-nav-prev { background: none!important; }
.ms-nav-next:after , .ms-nav-prev:after { 
    font-family: 'FontAwesome';
    content: '\f105';
    font-size: 40px;
    color: #FFF;
}
.ms-nav-prev:after { content: '\f104';  }

.a2a_menu a:visited , .a2a_menu a { color: #0f2454!important; }
.a2a_menu a:hover { color: #967B50!important; }

/* MEMBERSHIP */

#membership h4 {
    color: #3b91bb;
    font-family: PlayfairDisplaySC;
    text-transform: uppercase;
}
.membership-list .col-sm-4 { 
   
    padding-bottom: 25px;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-height: 75px;
}
#membership .membership-list h1.list-number {     
    color: #3b91bb;
    font-family: PlayfairDisplaySC;
    padding-right: 10px;
    font-size: 60px; 
    margin-top: -20px;
    position: absolute;
}
#membership .membership-list h1.list-number.number_6 , #membership .membership-list h1.list-number.number_8 { margin-top: -10px; }
#membership .membership-list p {
    padding-left: 40px; 
}

.box_and_lists{
    background: #f1f2f2;
    padding: 50px;
    margin: auto;
}
.box_and_lists .col-sm-4 { padding-bottom: 15px; word-wrap: break-word; }
.two_column , .membership-list , .box_and_lists , .image_and_description { margin-top: 30px; }

.a2a_dd { margin-right: 5px; }

.gform_wrapper form input { letter-spacing: 1px; }

/******************************************
**************** RESPONSIVE ***************
*******************************************/
@media screen and (min-width: 1700px){
    .top_banner_img { width: 100vw!important; }
    .vimeo_banner { margin-left: -7px; }
}
@media screen and (min-width: 1400px) and (max-width: 1700px)  {
    .top_banner_img iframe { height: 100vh!important;  }
}
@media screen and (min-width: 1400px) {
    .top_banner , .vdo_overlay , .top_banner_img {
        max-height: 100vh !important;  
        height: 100vh !important; 
    }
    .top_banner_img { width: 1700px; }
    

}
@media screen and (max-width: 1500px){
    .about_descriptions .about_descriptions_left{  padding-left: 150px;}
}

@media screen and (max-width: 1400px){
    .top_banner_img {
        display: block;
    }
}

@media screen and (max-width: 1430px) {
    .about_descriptions .about_descriptions_right .book_descriptions { display: block; }
    .about_descriptions .about_descriptions_right p { margin: 50px auto 0px auto;  }
    .div_book_button { margin-bottom: 100px; }
}

@media screen and (max-width: 1300px) {
    .content_boxes.float_left { padding-right: 50px; }
    .content_boxes.float_right { padding-left: 50px; }
    .div_book_text { margin-right: 0; }
}

@media screen and (max-width: 1240px) {
    #menu-main-menu:before { height: 65px; }
    .top_banner .logo { max-width: 200px; padding-left: 20px; }
    .main_menu { font-size: 22px; padding-right: 50px; }
    .about_descriptions .about_descriptions_left{  padding-left: 100px; padding-right: 120px;}
    .contents .content .content_text { padding: 20px 60px; }
}


@media screen and (max-width: 1110px) {
    .child_menu ul li { padding: 20px 10px; }
    .child_menu ul a { font-size: 14px; }
    .menu_space .sub-menu li ul.sub-menu li a span{ font-size: 14px; }
    .menu_space .sub-menu li ul.sub-menu li a span.sub-guest{ font-size: 12px; }
    .about_descriptions .about_descriptions_left { padding-right: 60px; }
}

@media screen and (max-width: 1024px) {
    .about_descriptions_right { padding-left: 30px; padding-right: 30px; }
    .contents .content .content_text { padding: 20px 30px; }
    .page_content { padding: 50px; }
    .inner_content_box { padding: 30px;  }
    .share_section { padding-right: 10px; }
    .content_box_mobile { padding: 40px 50px; }
    .read_more { margin-top: 30px; }
    .content_layer .content { padding:30px; }
    .inner_content .col-sm-6 .content_descriptions { padding-right: 0; }
    /*.inner_content .col-sm-6.content { padding: 0 30px; }*/
    .inner_content { padding: 0 50px;  }
}

@media screen and (max-width: 970px){
    .global_text_section h1 { font-size: 50px; }
}

@media screen and (max-width: 900px) {
    .menu_desktop { display: none; }
    .menu_mobile { display: block; }
    .child_menu { margin-top: 0px; }
    
    .child_menu ul li:hover { border-bottom: 0px; }
    .about_descriptions .about_descriptions_left{  padding-left: 50px;}

    .child_menu ul li ul li:after{
        height: 0px;
    }
    .child_menu ul li ul li:hover:after { 
       height: 0px;

    }
}

@media screen and (max-width: 780px) { 
    .main_menu { font-size: 20px; } 
    .main_menu ul li { padding: 10px 5px; }
    .about_descriptions .about_descriptions_right ul li { height: 100px; }
    /*.page_content { min-height: 200px;}*/

}
@media screen and (max-width: 768px) { 
    p{text-align: left;}
    .yacht_section .yacht_images { float: left; }
    .global_text_section h3 { font-size: 14px; }
    .global_text_section h1 {font-size: 40px; }

    .about_descriptions .about_descriptions_left , .about_descriptions  .about_descriptions_right { padding: 50px 30px; }
    .about_descriptions .about_descriptions_right .icon { margin-top: 0px;  }
    .div_book_button { margin-bottom: 50px; }

    .content_boxes div.content_box img , .content_boxes div.content_box .box_text{ width: 100%;}
    .inner_content .content_descriptions {padding-right: 0px; }
    .read_more { margin-top: 20px;  }
    .inner_content img { width: 100%; }
    .global_text_section h3 { padding-left: 0 }

    .content_box_mobile { display: block; }
    .service_content_boxes { display: none; }
    .about_descriptions_right { 
        margin-top: 0;
        padding-top: 0; 
    }

    .about_descriptions .about_descriptions_right .icon img { padding: 10px; }
    .about_descriptions .about_descriptions_right p {
        margin: 20px auto 0px auto;
    }
    .contents .content .content_text { padding: 20px 30px; }
    .page_content { padding: 20px 30px; }

    .global_subscribe_section { margin: 50px 0; }

    .content_box_mobile { z-index: 1; }
    .content_layer .content_img { min-height: 400px; }

    .pre_footer .pre_footer_inner .col-sm-4 { margin-bottom: 25px; }

    .global_text_section { margin: 50px 0; }
    .global_text_section h1 {font-size: 35px; }
    .global_text_section h3 { font-size: 12px; }

    .inner_content img.title_icon { width: inherit; }

}

@media screen and ( max-width: 736px){ 
    .about_descriptions .about_descriptions_left { min-height: inherit; }
    h1 { font-size: 22px; }
    h4 { font-size: 14px; }
    .content_box_mobile { padding: 0 }
    .inner_content .map_content.content_descriptions { padding: 30px; margin-top: 0; }
    .inner_content { padding: 0 20px; }
    .rate_informations, .specification { margin-top: 0; }
}
@media screen and ( max-width: 700px){
    .global_subscribe_section form input {  width: 300px!important;}
    .inner_content .content_descriptions { line-height: 20px; }
}

@media screen and ( max-width: 680px){
    .share_section .text { display: none; } 
}

@media screen and (max-width: 520px) { 
    .top_banner .logo { max-width: 150px; }
    .main_menu { font-size: 16px; padding-right: 20px; }

    #wpgmza_map {height: 300px!important;}

    .image_lists li { width: 50%; }
    .image_lists li p { font-size: 10px; }

    .simple_template .content_descriptions { column-count: 1; }
}

@media screen and (max-width: 500px) { 
    .global_subscribe_section form input {  width: 200px!important;}
    .global_subscribe_section form input[type=submit] { width: 100px!important;}
    .global_text_section { display: block; text-align: center; margin : 50px 0 ;}
   
    .read_more { margin-top: 20px; }
    .global_text_section h3 { font-size: 16px; }
    .global_subscribe_section { margin : 50px 0 ; }
}


@media screen and (max-width: 480px) { 
    /*h4{ font-size: 14px; }*/
    .copyright { font-size: 12px; }
    .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] { font-size: 12px !important; }
    .yacht_section .section_header .header_line { margin-top: 10px; }
    .yacht_section .section_header h3 { margin: 10px 10px 10px 10px; }
    .inner_content_box {  padding: 30px; }
    #map { height: 300px; }
    /*.child_menu .menu_mobile ul li a { margin-left: 50px; }*/
    .rate_table tr { border-bottom: 1px solid #e8e8e8; }
    .box_and_lists { padding: 20px; }
    .menu-item.has-image span { padding-left: 0px; }
    .child_menu .menu_mobile ul li a { margin-left: 0;  }
}


@media screen and (max-width: 375px){
    .specification .name { min-width: 100px; }
}

@media screen and (max-width: 350px) {
    .global_subscribe_section form input {  width: 180px!important;}
    .global_subscribe_section form input[type=submit] { width: 80px!important;}
    #menu-main-menu:before { height: 20px; }
    /*.show_bullet { list-style-position: outside; }*/
}

@media screen and (max-width: 320px){
    .top_banner .logo { max-width: 100px; }
    .top_banner .logo { padding-top: 20px; }
}



/* OVERRIDE BOOTSTRAP */
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {position: inherit;}