/*
 Theme Name:  Divi Child Theme
 Theme URI:    https://divilife.com
 Description:  Child Theme for Divi
 Author:       Tim Strifler
 Author URI:   https://divilife.com
 Template:     Divi
 Version:      1.0.0
*/

/*****Add any custom CSS below this line*****/

/* - - - - HEADER LOGO FLICKERING PROB ---------*/

/*
 Theme Name:  Divi Child Theme
 Theme URI:    https://divilife.com
 Description:  Child Theme for Divi
 Author:       Tim Strifler
 Author URI:   https://divilife.com
 Template:     Divi
 Version:      1.0.0
*/

/*****Add any custom CSS below this line*****/


@font-face {
    font-family: 'edoregular';
    src: url('https://www.naypaladhideaway.com/wp-content/uploads/fonts/edo_regular/edo-webfont.eot');
    src: url('https://www.naypaladhideaway.com/wp-content/uploads/fonts/edo_regular/edo-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.naypaladhideaway.com/wp-content/uploads/fonts/edo_regular/edo-webfont.woff2') format('woff2'),
         url('https://www.naypaladhideaway.com/wp-content/uploads/fonts/edo_regular/edo-webfont.woff') format('woff'),
         url('https://www.naypaladhideaway.com/wp-content/uploads/fonts/edo_regular/edo-webfont.ttf') format('truetype'),
         url('https://www.naypaladhideaway.com/wp-content/uploads/fonts/edo_regular/edo-webfont.svg#edoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* - - - - HEADER LOGO FLICKERING PROB ---------*/

#page-container {
    padding-top: auto !important;
    margin-top: auto !important;
}

/*---------------------------- HOVER COLOR LINKS ----------------------------*/

p a:hover {
color: #ddb5b8 !important; 
}

.link-on-black a {
    color: #fff !important;
}

/*---------------------------- FOOTER ----------------------------*/

#main-footer {
display: none !important; 
}

/*---------------------------- MENU BREAKPOINT ----------------------------*/

@media only screen and ( max-width: 1081px ) {
#top-menu-nav, #top-menu {display: none;}
#et_top_search {display: none;}
#et_mobile_nav_menu {display: block;}
}

/*********************************
change logo for fixed header (quick and easy way)
**********************************/
/*
.et-fixed-header #logo {
content: url(http://www.naypaladhideaway.com/wp-content/uploads/2019/07/NP_HIDEAWAY_LOGO-LOCK-UP_SMALL_RGB_BLACK.svg);
}*/

/*---------------------------- SLIDE HEIGHT ----------------------------*/

.et_fullscreen_slider .et_pb_slides,
.et_fullscreen_slider .et_pb_slide,
.et_fullscreen_slider .et_pb_container {
    min-height: 100% !important;
    height: 100% !important;
}

.et_fullscreen_slider-002 .et_pb_slides,
.et_fullscreen_slider-002 .et_pb_slide,
.et_fullscreen_slider-002 .et_pb_container {
    min-height: 70vh !important;
	height: 70vh !important;
}

@media all and (min-width: 768px) and (max-width: 980px) {
.et_fullscreen_slider-003 .et_pb_slides,
.et_fullscreen_slider-003 .et_pb_slide,
.et_fullscreen_slider-003 .et_pb_container {
    min-height: 50vh !important;
	height: 50vh !important;
}}


@media all and (max-width: 767px) {
.et_fullscreen_slider-003 .et_pb_slides,
.et_fullscreen_slider-003 .et_pb_slide,
.et_fullscreen_slider-003 .et_pb_container {
    min-height: 30vh !important;
	height: 30vh !important;
}}



/*---------------------------- VIDEO LANDING PAGE HEIGHT ----------------------------*/


.landing-fullscreen-001 .fluid-width-video-wrapper {
    height: 100vh !important;
}



/*---------------------------- GALLERY HEIGHT 

.et_fullscreen_gallery-001 .et_pb_gallery_fullwidth .et_pb_gallery_image img,
.et_fullscreen_gallery-001 et_pb_gallery_fullwidth .et_pb_gallery_item,
.et_fullscreen_gallery-001 .et_pb_container {
    max-height: 70vh !important;
	height: 70vh !important;
}

.et_pb_gallery_fullwidth .et_pb_gallery_image img,
.et_pb_gallery_fullwidth .et_pb_gallery_item
 {
    max-height: 70vh !important;
	height: 70vh !important;
}

----------------------------*/
/*----------------------------

.et_pb_gallery_grid .et_pb_gallery_image,
.et_pb_gallery_grid .et_pb_gallery_image.landscape img
{
height: 20vh;
	width: 20vh;
}
.et_pb_gallery_grid .et_pb_gallery_image img
{
min-height: 20vh;
	min-width: 20vh;
}

----------------------------*/

/*---------------------------- GALLERY SLIDE ANI OFF ----------------------------*/

.et_pb_gallery_item {
	-webkit-animation: none !important;
	-moz-animation: none !important;
	-o-animation: none !important;
	-ms-animation: none !important;
	animation: none !important;
}

/*----------------[ gallery 1 ]--------------------*/
 
/* slider previous and next buttons */
    .gallery1 a.et-pb-arrow-prev {
display: none !important;}
    .gallery1 a.et-pb-arrow-next {
display: none !important;}

/* slider controller color modification */
    .gallery1 .et_pb_bg_layout_light .et-pb-controllers a {
display: none !important;}

/*----------Custom Divi Gallery Slider----------*/
 
.gallery1 .et_pb_gallery_fullwidth .et_pb_gallery_item img {
    transform: scale(1.03);
    transition: transform 0.6s ease;
}
 
.gallery1 .et_pb_gallery_fullwidth .et_pb_gallery_item img:hover {
    transform: scale(1.1);
    transition: transform 0.6s ease;
}

.mfp-bg { 
    background-color: #fff !important;
	opacity: 1.0 !important;
}

.mfp-close-btn-in .mfp-close {
    color: #888e8e !important;
	font-size: 55px;
	opacity: 1;
	font-weight: normal;
	padding-top: 5px;
}

.mfp-close-btn-in .mfp-close:hover {
    color:  #383838 !important;
}

img.mfp-img {
box-shadow: none !important;
}

.mfp-figure:after {
    box-shadow: none !important;
}

.mfp-title {
    color: #383838;
    font-family: 'BRANDON GROTESQUE LIGHT 1',Helvetica,Arial,Lucida,sans-serif;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 1.8em;
	font-weight: bold;
	text-transform: uppercase;
}

.mfp-counter {
    color: #383838;
	font-family: 'BRANDON GROTESQUE LIGHT 1',Helvetica,Arial,Lucida,sans-serif;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 1.8em;
	font-weight: bold;
}

.mfp-arrow:after {
    color: #383838;
}

.mfp-arrow-right  .mfp-a, .mfp-arrow-right:after {
			margin-left: -10px !important;
}	

/*---------- GALLERY TITLE COUNT HIDE ----------*/

.et_pb_gallery_1.et_pb_gallery .mfp-bottom-bar {
display: none !important;
}

.et_pb_gallery_1 .mfp-bottom-bar {
display: none !important;
}

/*----------Custom Divi Gallery Grid----------*/


.et_pb_gallery_grid .et_pb_gallery_item {
	padding: 8px;
}

/** Desktop **/
@media (min-width: 981px){
.gallery-col-width .et_pb_gallery_item {
width: 16.66% !important; /*six columns*/
clear: none !important;
}
}
 
/** Tablet **/
@media (max-width: 980px){
.gallery-col-width .et_pb_gallery_item {
width: 25% !important; /*four columns*/
clear: none !important;
}
}
 
/** Small Tablet and Large Phone **/
@media (max-width: 767px){
.gallery-col-width .et_pb_gallery_item {
width: 33.33% !important; /*three columns*/
clear: none !important;
}
}
 
/** Phone **/
@media (max-width: 479px){
.gallery-col-width .et_pb_gallery_item {
width: 50% !important; /*two columns*/
clear: none !important;
}
}

/*---THE STORY 2.0---*/

/** Desktop **/
@media (min-width: 981px){
.gallery-col-width-002 .et_pb_gallery_item {
width: 50% !important; /*six columns*/
clear: none !important;
}
}
 
/** Tablet **/
@media (max-width: 980px){
.gallery-col-width-002 .et_pb_gallery_item {
width: 50% !important; /*four columns*/
clear: none !important;
}
}
 
/** Small Tablet and Large Phone **/
@media (max-width: 767px){
.gallery-col-width-002 .et_pb_gallery_item {
width: 50% !important; /*three columns*/
clear: none !important;
}
}
 
/** Phone **/
@media (max-width: 479px){
.gallery-col-width-002 .et_pb_gallery_item {
width: 100% !important; /*two columns*/
clear: none !important;
}
}


/*---------------------------- MENU ITEM BOOK ----------------------------*/

/* style the book cta button */
            .book {border-radius: 0px;}
            .book a {color: #fff !important;}
            li.book {
                background-color:#DEB5B8; 
                font-weight: bold; 
                text-transform: uppercase; 
                text-align: center;
                padding: 6px 12px 6px 12px!important;
                border-radius: 0px;
                -moz-transition: all 0.5s; 
                -webkit-transition: all 0.5s;
                transition: all 0.5s;}
            li.book:hover {background-color:#e7c9cc;}
 
/* fixed header button text color */
                 .et-fixed-header #top-menu .book a {
                        color: #fff!important;
                font-weight: bold; }
        .book li.current-menu-ancestor > a, .book li.current-menu-item > a {
                    color: #fff !important;
                font-weight: bold; }
 
                 .et-header #top-menu .book a {
                        color: #fff!important;
                font-weight: bold !important; }

#top-menu>li> .book a {
font-weight: bold !important;
}

#main-header .book a {
font-weight: bold !important;
}

#top-menu li  .book  {
font-weight: bold !important;
}

/*This will change the active menu items colour*/
/*
.et-fixed-header #top-menu li.current-menu-item > a,
.et-fixed-header #top-menu li.current-menu-ancestor > a,
.et-fixed-header .nav li ul .current-menu-item a {
    color: blue !important;
}

.et-fixed-header #top-menu .book li.current-menu-ancestor > a, .et-fixed-header #top-menu .book li.current-menu-item > a {
    color: blue !important;
	   font-size: 100px !important;
}

*/

/*---------------------------- MENU BOOKING ITEM COLOR - FIXED NAV ----------------------------*/

#main-header.et-fixed-header #menu-item-219171 a{
	color: #fff !important;
}

#main-header.et-fixed-header #menu-item-219171 a:hover{
	color: #fff !important;
}

#main-header #menu-item-219171 a:hover{
	color: #fff !important;
}

/*---------------------------- MENU BOOKING ITEM COLOR - START NAV ----------------------------*/


#main-header #et-top-navigation #menu-item-219171 a{
	color: #fff !important;
}

#main-header #et-top-navigation #menu-item-219171 a:hover{
	color: #fff !important;
}

#main-header #et-top-navigation #menu-item-219171 a:hover{
	color: #fff !important;
}



    @media only screen and (min-width : 981px) {
            li.book {height: 25px;}}

/*---------------------------- MENU HOVER COLOR ----------------------------*/

#top-menu-nav #top-menu a:hover,
#mobile_menu_slide a:hover { 
    color: #ddb5b8 !important; 
    opacity:1 !important;
}

/*---------------------------- SLIDER LOGO POSITION ----------------------------*/

.et_pb_slide_image, .et_pb_slide_video {
width: 100% !important;
top: 15% !important;
	-webkit-animation: none !important;
	-moz-animation: none !important;
	-o-animation: none !important;
	-ms-animation: none !important;
	animation: none !important;
}

.et_pb_slide_image img.active{
	max-height: 180px !important;
	height: 180px !important;
	-webkit-animation: none !important;
	-moz-animation: none !important;
	-o-animation: none !important;
	-ms-animation: none !important;
	animation: none !important;
}

/*---------------------------- HEADER MENU SHADOW ----------------------------*/

#page-container .et-fixed-header#main-header {
-webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.07)!important;
-moz-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.07)!important;
box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.07)!important;
}



/*---- PASSWORD PROTECT BOX ----*/

.et_pb_dbpp_page_password .et_pb_dbpp_page_password_form .et_pb_dbpp_page_password_password_wrapper .et_pb_dbpp_page_password_password {
	border: 1px solid #333 !important;
    border-color: #333 !important;
    border-radius: 0px !important;
}

.et_pb_dbpp_page_password .et_pb_dbpp_page_password_form .et_pb_dbpp_page_password_password_wrapper .et_pb_dbpp_page_password_password {
    color: #fff !important;
}


html .et_pb_dbpp_page_password * {
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif !important;
    font-size: 14px !important;
    -webkit-font-smoothing: antialiased;
	letter-spacing: 1px;
}


html .et_pb_dbpp_page_password .et_pb_dbpp_page_password_form .et_pb_dbpp_page_password_password_wrapper .et_pb_dbpp_page_password_password {
	padding: 10px 12px 12px !important;
	margin-bottom: 8px !important;
}

.et_pb_dbpp_page_password .et_pb_dbpp_page_password_form .et_pb_dbpp_page_password_button {

    font-size: 10px;
    font-weight: 500;
    line-height: 1.7em !important;
    width: 100% !important;
	text-align: center !important;
}

body #page-container .et_pb_dbpp_page_password_0.et_pb_dbpp_page_password .et_pb_button {
	display: block;
}

body #page-container .et_pb_dbpp_page_password_0.et_pb_dbpp_page_password .et_pb_button:hover {
	display: block;
	background: #fff !important;
    color: #333 !important;
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif !important;
		letter-spacing: 1px;
}

.et_pb_dbpp_page_password .et_pb_dbpp_page_password_error {
    margin-bottom: 23px !important;
	text-align: center !important;
	font-family: Arial,Helvetica Neue,Helvetica,sans-serif !important;
	padding: 8px 0px 10px 0px !important;
		letter-spacing: 1px;
}


.et_pb_dbpp_page_password .et_pb_dbpp_page_password_form .et_pb_dbpp_page_password_password_wrapper .et_pb_dbpp_page_password_password .input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
}

/*---------------------------- H1 UNDERLINE ----------------------------*/

.border-underline-001 h1 {
border-bottom: 2px solid #deb5b8;
padding: 0.1em 0;  
display: inline;
}

@media (max-width:1090px) {
.border-underline-001 h1 {
border-bottom: 2px solid #deb5b8;	
padding: 0em 0; 
}}

.border-underline-002 h1 {
border-bottom: 1px solid #fff !important;
padding: 0em 0;  
display: inline;
}

@media (max-width:1090px) {
.border-underline-002 h1 {
padding: 0.1em 0; 
}}


/*---------------------------- VERTICAL ALIGN TEXT ----------------------------*/

.ds-vertical-align {
display: flex;
flex-direction: column;
justify-content: center;
}






/*------------------------------------------------*/
/*-------[Swap Logo on Scroll - Quiroz.co]--------*/
/*------------------------------------------------*/
 
@media only screen and (min-width: 980px){
/*********************************
show, hide, and transition logos for primary and fixed nav;
must have second logo in header.php file for this to work
**********************************/

@media all and (min-width: 980px){
/*********************************
show, hide, and transition logos for primary and fixed nav;
must have second logo in header.php file for this to work
**********************************/
#logo {
opacity:1;
display:inherit;
margin: 0 0 0 0;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
	
#logo.second-logo {
opacity:0;
margin: 0 0 -200px -130px;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
width: 128px !important;	
}
	
.et-fixed-header #logo {
opacity: 0;
margin: -200px 0px 0 0px;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
	
.et-fixed-header #logo.second-logo {
opacity:1;
margin: 0 0 0 -80px !important;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
 
/*********************************
hides overflow on header container so logo doesn't show outsite header on transition
*********************************/
#main-header {
overflow: hidden;
}
}
	
	
/*------- SWAP LOGO ON SCROLL 
 
@media only screen and (min-width: 980px){
.et-fixed-header #logo {
	content: url(http://www.naypaladhideaway.com/wp-content/uploads/2019/07/NP_HIDEAWAY_LOGO-_TYPE_RGB_BLACK.svg);
	width: 130px;	
-webkit-transition: all 0.8s;
transition: all 0.8s;
z-index: 1;
	}}
	
--------*/
	
	
/*********************************
hides overflow on header container so logo doesn't show outsite header on transition
*********************************/
#main-header {
overflow: hidden;
}}


/*!------------- MEDIA QUERY ------------------->*/

/*

@media (max-width:1090px) 
{
.et_menu_container {
    width: calc( 100% - 60px);
}

	.et_pb_text {
max-width: 95% !important;
width: 80% !important;
line-height: 1.6em !important;

}}

*/

/*submit button center
#et_pb_contact_form .et_contact_bottom_container {
float: none !important;
text-align: left !important;
padding-top: 10px;	
}
submit button center end*/


/*!------------- CONTACT FORM ------------------->*/

/*
body #page-container .et_pb_contact_form_0.et_pb_contact_form_container .et_pb_button {
width: 97%;
margin-left: 7px;
margin-top: 6px;
}

body #page-container .et_pb_contact_form_0 .et_contact_bottom_container {
width: 100%;
} 
*/

.et_contact_bottom_container {
width: 100% !important;
}
.et_contact_bottom_container .et_pb_contact_submit.et_pb_button {
width: 100% !important;
}


@media only screen and ( min-width: 1081px ) {
.et_contact_bottom_container {
padding-top: 6px;
padding-left: 15px !important;
}}


	
	
@media (max-width: 479px){
.et_contact_bottom_container {
	width: 103%!important;
}
.et_pb_contact_submit {
width:100%!important;
}
} 

/* - - - - COOKIE BAR - - - - */

.large.cli-plugin-button {
font-family: 'BRANDON GROTESQUE LIGHT 1', Helvetica, Arial, Lucida, sans-serif;
font-weight: lighter !important;
font-size: 18px !important;
letter-spacing: 1px !important;
padding: 6px 8px 3px !important;
-moz-border-radius: 0px !important;
-webkit-border-radius: 0px !important;
margin-left: 10px !important;
cursor: pointer	!important;
line-height: 10px  !important;
border: 0px solid #333 !important;	
}

.large.cli-plugin-button:hover {
background: #f8f7f7 !important;
color: #999 !important;
border: 0px solid #333 !important;
}

.cli-plugin-main-link {
margin-left: 0px !important;	
}

#cookie-law-info-bar {
padding: 40px 40px !important;	
line-height: 20px  !important;
box-shadow: rgba(0,0,0,.0) 0px 5px 12px;	
}

/*!------------- INSTA FEED ------------------->*/

/* Media queries */

/*!---
@media all and (max-width: 980px){
  #sb_instagram.sbi_col_3 #sbi_images .sbi_item,
  #sb_instagram.sbi_col_4 #sbi_images .sbi_item,
  #sb_instagram.sbi_col_5 #sbi_images .sbi_item,
  #sb_instagram.sbi_col_6 #sbi_images .sbi_item{
    width: 50%;
  }
  #sb_instagram.sbi_col_7 #sbi_images .sbi_item,
  #sb_instagram.sbi_col_8 #sbi_images .sbi_item,
  #sb_instagram.sbi_col_9 #sbi_images .sbi_item,
  #sb_instagram.sbi_col_10 #sbi_images .sbi_item{
    width: 25%;
  }
}

@media all and (max-width: 480px){
  #sb_instagram.sbi_col_3 #sbi_images .sbi_item,
  #sb_instagram.sbi_col_4 #sbi_images .sbi_item,
  #sb_instagram.sbi_col_5 #sbi_images .sbi_item,
  #sb_instagram.sbi_col_6 #sbi_images .sbi_item,
  #sb_instagram.sbi_col_7 #sbi_images .sbi_item,
  #sb_instagram.sbi_col_8 #sbi_images .sbi_item,
  #sb_instagram.sbi_col_9 #sbi_images .sbi_item,
  #sb_instagram.sbi_col_10 #sbi_images .sbi_item{
    width: 50%;
  }
}

--->*/


/*********************************
********************************************************************

--------------- START MOBILE------------

********************************************************************
*********************************/


/* Switch Divi Logo on Mobile Devices */
@media only screen and (max-width: 1081px) {

#logo {
content: url(http://www.naypaladhideaway.com/wp-content/uploads/2019/07/NP_HIDEAWAY_LOGO-_TYPE_RGB_BLACK.svg);
}

#logo.second-logo {
display: none;
}}

/*---------------------------- MOBILE FIXED HEADER ----------------------------*/

@media (max-width: 1081px) {
 
/*********************************
style mobile fixed header
*********************************/
	
	
.et_fixed_nav #main-header.et-fixed-header, #main-header  {
position: fixed;
background: rgba(255,255,255,1);
}
	

 
/*********************************
make mobile fixed header navigation icon larger
*********************************/
 
.et-fixed-header .mobile_menu_bar:before, #main-header .mobile_menu_bar:before {
font-size: 45px;
}
}

/*---------------------------- MOBILE ----------------------------*/

/*--- MOBILE MENU LOGO - FONT - BORDER LINE --*/

.et_mobile_menu {
border-top: none;
}

.et_mobile_menu li a { 
letter-spacing: 2px !important; 
font-size: 15px !important;
border-top: none;
border-bottom: none;
text-align: center;	
	line-height: 35px;


}

.et_mobile_menu { 
	margin-top: 15px;
}

@media only screen and ( max-width: 1081px ) {
#logo {
width: auto !important;
max-width: none !important;
font-size: 15px !important;
}}


/*--- MOBILE MENU FULL WIDTH --*/

@media (max-width: 1081px) {
.container.et_menu_container { 
width: calc( 100% - 34px);
}}

@media (max-width: 1081px) {
.et_mobile_menu {
margin-left: -30px;
padding: 0px 10px 30px 15px;
width: calc( 100% + 60px);
}}

/*--- MOBILE MENU HEIDTH --*/

@media (max-width: 1081px) {
.container.et_menu_container { 
margin-top: -10px;
margin-bottom: -10px;
}}

@media (max-width: 1081px) {
.et_mobile_menu {
top: 68px;
}}

/*--- MOBILE MENU BREAKPOINT --*/

@media only screen and ( max-width: 1081px ) {
#top-menu-nav, #top-menu {display: none;}
#et_top_search {display: none;}
#et_mobile_nav_menu {display: block;}
}

/*--- MOBILE MENU OVERLAPP --*/

.et_pb_section  {
z-index: 1 !important;
}

@media screen and (max-width: 1081px) {
.et_pb_text p {
line-height: 1.6em !important;
}}

/*--- HAMBURGER MENU - X ---*/

div.mobile_nav.opened .mobile_menu_bar:before {
    font-family: "ETmodules";
    content: "\4d"; 
}



/*********************************
********************************************************************

--------------- END MOBILE------------

********************************************************************
*********************************/



/*!------------- BOOK MENU HOVER - NEEDS TO STAY AT THE END - LAST CSS LINE ------------------->*/

#main-header #menu-item-217994 a:hover{
	color: #fff !important;
}

/*!------------- CONTACT FORM + NWSLTR THANK YOU ------------------->*/

.et-pb-contact-message {
color: #383838 !important;
font-size: 24px !important;
text-align: center !important;
}

.et-pb-contact-message p {
border-bottom: 2px solid #deb5b8;
padding: 0.4em 0;  
display: inline;
}

.et_pb_newsletter_success p {
border-bottom: 2px solid #deb5b8;
padding: 0.4em 0;  
display: inline;
}

/*!------------- GALLERY THUMBS ASPECT RATIO - FIX HEIGHT ------------------->*/


.gallery-col-width .et_pb_gallery_image {
 padding-top: 65%;
 }

.gallery-col-width .et_pb_gallery_image img {
 position: absolute;
 height: 100%;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 }


/*!------------- VIMEO FULLSCREEN ------------------->*/

.vimeo-wrapper {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: -1;
   pointer-events: none;
   overflow: hidden;
}
.vimeo-wrapper iframe {
   width: 100vw;
   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 100vh;
   min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}



.vimeo-wrapper-002 {
    display: flex;
    box-sizing: border-box;
    background: rgba(0,0,0,.3);
        background-color: rgba(0, 0, 0, 0.3);
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    height: 100vh;
    padding: 0;
    -webkit-animation: .5s linear fadeIn;
    animation: .5s linear fadeIn;
}

.vimeo-wrapper-002 iframe {
    display: flex;
    box-sizing: border-box;
    background: rgba(0,0,0,.3);
        background-color: rgba(0, 0, 0, 0.3);
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 120vw;
    height: 120vh;
    padding: 0;
    -webkit-animation: .5s linear fadeIn;
    animation: .5s linear fadeIn;
}

/*!------------- LOFT  LOADER ------------------->*/

.loader-close-button {
display: none !important;
}