@charset "UTF-8";
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* styling events */

*{
    box-sizing: border-box;
}

#karma_curated_events {
    padding-top: 0 !important;
}

.header_overlay_wrap h1{
   font-size: 50px !important;
    text-transform: uppercase;
    font-weight: 600 !important;
    color: #fff;
    text-align: center;
    line-height: normal !important;
    font-family: "Poppins", sans-serif !important;
}

.header_overlay_wrap h1 span{
    font-weight: 700 !important;
}

.header_overlay_wrap p{
    text-align: center;
    color: #fff;
    font-size: 22px;
    font-family: "Poppins", sans-serif !important;
    letter-spacing: 1.125px;
    margin-top: 50px !important;
    margin-bottom: 60px !important;
    text-transform: uppercase;
}

.header_overlay_wrap  a.header_cta {
color: #fff !important;
    border-radius: 50px;
    border: 2px solid #fff;
    font-size: 16px;
    padding: 10px 15px 10px 31px;
    font-family: "Poppins", sans-serif !important;
    display: flex;
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    max-width: 188px;
    transition: all 0.3s ease;
}

.header_overlay_wrap  a.header_cta i{
    font-size: 32px;
    transition: all 0.3s ease;
}

.header_overlay_wrap  a.header_cta span{
      font-family: "Poppins", sans-serif !important;
        transition: all 0.3s ease;
}

.header_overlay_wrap  a.header_cta:hover{
    background-color: #fff;
}

.header_overlay_wrap  a.header_cta:hover span,
.header_overlay_wrap  a.header_cta:hover i{
    color: #333;
}

.curatedContact {
    width: 100%;
    max-width: 1081px;
    display: flex;
    margin: 24px auto;
}

.curatedContact__content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: end;
    padding: 30px 40px;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.curatedContact__content.left{
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
}

.curatedContact__content.right{
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
}

.curatedContact__content .curatedContact__title{
    color: #FFF;
    font-weight: 800 !important;
    font-size: 27px !important;
    text-transform: uppercase;
    font-family: "Poppins", sans-serif !important;
        line-height: 1.2em;
}

span.curatedContact__wrap{
    width: 64%;
    display: flex;
    flex-direction: column;
}

.curatedContact__content.left .curatedContact__wrap{
    width: 45%;
}

.curatedContact__content.right .curatedContact__wrap{
    width: 62%;
}

span.curatedContact__cta {
    color: #fff;
    text-transform: uppercase;
    font-family: "Poppins", sans-serif !important;
    border: 1px solid #fff;
    border-radius: 20px;
    padding: 4px 9px;
    font-size: 11px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 11px;
    max-width: 150px;
}

span.curatedContact__cta i{
    font-size: 16px;
}

.kce_content{
    align-items: flex-start !important;
}

.gridEventWrapper .event_grid_box {
    display: flex;
    justify-content: space-between;
    margin: 3px 0;
}

.gridEventWrapper .date_grid_range .event_grid_line {
    width: 100%;
    position: relative;
    height: 1px;
    background: #ccc;
    opacity: 0.5;
}

.gridEventWrapper .date_grid_range .event_grid_date_day {
    font-size: 33px;
    line-height: normal;
    font-weight: 700;
    display: block;
}

.gridEventWrapper .date_grid_range .event_grid_desc {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 11px;
}

.gridEventWrapper .date_grid_range .event_grid_date_month, 
.gridEventWrapper .date_grid_range .event_grid_date_year {
    line-height: 12px;
}

.gridEventWrapper .event_grid_location {
    position: absolute;
    white-space: nowrap;
    right: 7px;
    margin-top: 10px;
    top: 23%;
    color: #fff;
    z-index: 12;
    font-size: 14px;
    text-transform: capitalize;
}

#kc_cta_kce_wrap{
    display:none !important;
}

.kce_link_login{
    text-align:center;
    margin-top: 40px;
}

.kce_link_login a{
    color: #ff932a !important;
    text-decoration: underline !important;
}

#karma #karma_curated_events .container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

footer .fa-brands {
    margin-top: 3px;
}

body{
    background: #000000;
}

#karma_curated_events{
    padding-top:100px;
}

#karma_curated_events .logo_events{
    margin-top: 15px;
}

#karma_curated_events .logo-text {
    color: #fff;
    margin-top: 15px;
    font-weight: 700;
}

.subtitle_text {
    font-weight: 700;
    margin: 30px auto 10px;
}

.title_text {
    font-size: 1.5rem;
    font-weight: 700;
    margin: 35px auto 10px;
}

.list-offer{
  text-align:left;
  -webkit-column-count: 2;
  -webkit-column-gap: 30px;
  column-count: 2;
  column-gap: 30px;

}

.list-offer li{
  list-style:disc;
  
}

.notfoundevents h1{
    color: #aaa;
}

/* ---- button ---- */

#notFoundCuratedEvents h2{
    color: #aaa;
}

.curated_filter{
    display: flex;
    justify-content: flex-start;
    /* margin: -15px 10px 0; */
    align-items: center;
    background: rgba(255, 255, 255, 0.10);
    max-width: 100%;
    /* padding: 20px 10px; */
    padding: 13px 10px 45px;
    border-radius: 0;
    box-shadow: 1px 1px 4px rgb(0 0 0 / 10%);
    position: relative;
    z-index: 2;
    animation-duration: 400ms;
    animation-iteration-count: 1;
    animation-fill-mode: both;
    animation-name: topbounch;
    flex-direction: column;
    border-radius: 40px !important;
    padding: 12px 35px;
}

.button.allfilter{
    /* width: 35%;  */
    width: auto;
}

.category_wrap{
    width: 100%;
    display: flex;
    text-align: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

select#curatedLocation {
    margin: 0;
    padding: 9px 0 10px 15px;
    background: transparent;
    outline: 0;
    border: 0;
    box-shadow: 1px 1px 4px rgb(0 0 0 / 10%);
    color: #ccc;
    cursor: pointer;
    font-size: 15px;
    text-align: center;
}

select#curatedLocation.singlecurated{
    margin: 0;
    padding: 9px 0 10px 15px;
}

.curated_filter .button {
  display: inline-block;
  padding: 10px 18px;
  margin: 0 2px;
  /* background: #EEE; */
  background: transparent;
  border: none;
  border-radius: 0;
  /* background-image: linear-gradient( to bottom, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.2) ); */
  /* color: #222; */
  color: #aaa;
  font-size: 15px;
  /* text-shadow: 0 1px white; */
  cursor: pointer;
  position: relative;
  text-transform: capitalize;
  transition: all 0.1s ease;
}

.curated_filter .button:hover {
  /* background-color: rgb(242, 230, 214); */
  background-color: #8d7249;
  color: #8d7249;
}

.curated_filter .button:hover img {
    filter: brightness(0) invert(1);
}

.curated_filter .button.allfilter:hover {
    background-color: transparent;
    color: #aaa;
}

.curated_filter .button.no-hover {
    background: transparent;
}

.curated_filter .button.no-hover img {
    filter: unset;
}

.filters-button-group{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    flex-direction: column;
}

.button.allfilter {
    /* width: 32%; */
    width: auto;
  }


.curated_filter .button:active,
.curated_filter .button.is-checked {
  background-color: #8d7249;
}


.curated_filter .button.allfilter:active,
.curated_filter .button.is-checked.allfilter{
  background-color: transparent;
}

.curated_filter .button.is-checked {
  color: #8d7249;
}

.curated_filter .button.is-checked.allfilter {
    color: #ccc;
}

.curated_filter .button.allfilter.no-hover:hover{
    background-color: transparent;
    color: #aaa;
}

.curated_filter .icon-wrap{
    border: 1px solid #8d7249;
    width: 39px;
    height: 39px;
    padding: 0;
    margin: 5px 4px;
    border-radius: 50px;
    outline: none;
    transition: all 0.3s ease;
}

.curated_filter .icon-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    position: relative;
}

.curated_filter .icon-social{
    outline: none;
}

.curated_filter .icon-text {
    position: absolute;
    text-align: center;
    left: 50%;
    font-size: 9px;
    color: #85714D;
    top: 39px;
    margin-top: 10px;
    width: 55px;
    transform: translate(-50%, 0);
    opacity: 1;
    text-transform: capitalize;
}

.icon-box:hover .icon-text{
    opacity: 1;
}

.curated_filter .button.is-checked img {
    filter: brightness(0) invert(1);
}

.curated_filter .button.is-checked::after {
    content: '\2715';
    position: absolute;
    font-size: 9px;
    top: -2px;
    right: 0px;
    z-index: 22;
    background: #3D3D3D;
    /* padding: 10px; */
    width: 14px;
    height: 14px;
    color: #AFAFAF;
    border-radius: 50px;
    font-weight: 900;
}

.curated_filter .button.is-checked.allfilter::after {
    display: none;
}

.eventbox_icon_wrap{
    position: absolute;
    text-align: right;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding-right: 29%;
    top: -20px;
    z-index: 30;
}

.eventbox_icon {
    width: 39px;
    height: 39px;
    background: #242424;
    margin: 0 5px;
    display: block;
    border-radius: 50px;
    font-size: 16px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.icon-box img{
    width: 50%;
}

.eventbox_icon img{
    filter: brightness(100%);
    width: 50%;
}


.btnsearchcurated{
    width: 155px;
    margin-top: 50px;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 47px;
    border: 0;
    margin-bottom: -8px;
}

.btnsearchcurated span{
    display: block;
    color: #cccccc !important;
    margin-right: 10px;
}

@media (min-width: 580px) {
    .eventbox_icon_wrap{
        padding-right: 20%;
    }
}

@media (min-width: 768px) {
    .category_wrap{
        justify-content: center;
    }
    .curated_filter{
        margin: -85px 10px 0;
    }
    .eventbox_icon_wrap{
        padding-right: 27%;
    }
    .btnsearchcurated{
        margin-top: 0;
        width: 55px;
        height: 55px;
        border-radius: 50%;
        margin-bottom: 0;
    }
}

@media (min-width: 993px) {
    .btnsearchcurated span{
        display: none;
    }
    .eventbox_icon img,
    .icon-box img{
        width: auto;
    }
    .curated_filter .icon-wrap{
        width: 48px;
        height: 48px;
        margin: 5px 15px;
    }
    .eventbox_icon {
        width: 48px;
        height: 48px;
    }
    select#curatedLocation.singlecurated{
        margin: 0 14px 0 0;
        padding: 9px 7px 10px 15px;
    }
    .curated_filter .icon-text{
        margin-top: 17px;
        width: 180%;
    }

    .curated_filter .button.no-hover:hover {
        background-color: #8d7249;
        color: #8d7249;
    }

    .curated_filter .button.no-hover:hover img {
        filter: brightness(0) invert(1);
    }
    select#curatedLocation {
        text-align: left;
    }
 
    
}

@media (min-width: 1200px) {
    .curated_filter{
        flex-direction: row;
        padding: 30px 35px;
        margin: 60px auto 0;
        max-width: 1083px;
        width: 100%;
        border-radius: 20px;
        padding: 12px 35px;
    }
    .filters-button-group{
        flex-direction: row;
    }
    select#curatedLocation {
        margin: 0 30px 0 0;
        padding: 9px 30px 10px 15px;
        font-size: 16px;
    }
    .category_wrap{
        width: 65%;
        flex-wrap: nowrap;
        justify-content: unset;
    }
    .curated_filter .button{
        font-size: 16px;
    }
    .curated_filter .icon-text {
        font-size: 12px;
        top: unset;
        bottom: -13px;
        opacity: 0;
    }
    .curated_filter .icon-wrap{
        margin: 5px 7px;
    }
    .eventbox_icon_wrap{
        padding-right: 27%;
        top: -25px;
    }

}

@media (min-width: 1400px) {

}

@media (min-width: 1700px) {

}


/* ---- button-group ---- */

#footer_events {
    margin-top: 50px;
    background: #141414;
    padding: 43px 20px;
    text-align: center;
    color: #fff;
    margin-top: 3rem;
}

.logo_events__link{
    max-width: 200px;
    max-width: 110px;
    display: block; 
    position: relative;
    z-index: 3;
}

.logo_events__link img{
    width: 100% !important; 
}

.logo_events__link img{
    width: 100% !important; 
}


.searchbox{
    display: flex;
    justify-content: center;
    align-items: center;
    background: #141414;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    box-shadow: 1px 1px 4px rgb(0 0 0 / 10%);
    max-width: 580px;
    margin: -32px auto;
    opacity: 1;
    z-index: 20;
    position: relative;
    /* background: #000; */
    /* box-shadow: 1px 1px 40px 35px rgb(255 255 255 / 20%); */
    animation-duration: 400ms;
    animation-iteration-count: 1;
    animation-fill-mode: both;
    animation-name: topbounch;
}
.searchbox__left{
    flex: 2 !important;
}

.searchbox__box{
    display: flex;
    /* flex-direction: column; */
    flex-direction: row;
    flex: 1;
    padding: 5px 30px;
    line-height: 1.2;
    font-size: 17px;
    height: 100%;
    position: relative;
    justify-content: space-around;
}
.searchbox--dashed{
    border-right: 1px solid #dddddd;
}
.btnsearch {
	padding: 18px 23px;
	border-radius: 50%;
	margin: 5px;
	cursor: pointer;
	color: #ffffff;
	border: 0;
}



/* The button */
.addeventatc 							{display:inline-block;position:relative;font-family:"Montserrat",Roboto,Optima,Segoe,"Segoe UI",Candara,Calibri,Arial,sans-serif;font-weight:600;color:#ffffff;text-decoration:none;font-size:16px;cursor:pointer;}
.addeventatc:hover 						{color:#8a6f47;font-size:16px;text-decoration:underline;}
.addeventatc:active 					{outline:0!important;}
.addeventatc .start, .addeventatc .end, .addeventatc .timezone, .addeventatc .title, .addeventatc .description, .addeventatc .location, .addeventatc .organizer, .addeventatc .organizer_email, .addeventatc .facebook_event, .addeventatc .all_day_event, .addeventatc .date_format, .addeventatc .alarm_reminder, .addeventatc .recurring, .addeventatc .attendees, .addeventatc .calname, .addeventatc .uid, .addeventatc .status, .addeventatc .method, .addeventatc .client, .addeventatc .transp {display:none!important;}

/* Drop down */
.addeventatc_dropdown 					{width:230px;position:absolute;padding:6px 0px 0px 0px;font-family:"Montserrat",Roboto,"Helvetica Neue",Helvetica,Optima,Segoe,"Segoe UI",Candara,Calibri,Arial,sans-serif;color:#000!important;font-weight:600;line-height:100%;background:#fff;font-size:15px;text-decoration:none;text-align:left;margin-left:-1px;display:none;-moz-border-radius:3px;-webkit-border-radius:3px;-webkit-box-shadow:rgba(0,0,0,0.4) 0px 10px 26px;-moz-box-shadow:rgba(0,0,0,0.4) 0px 10px 26px;box-shadow:rgba(0,0,0,0.4) 0px 10px 26px;transform:scale(.98,.98) translateY(5px);z-index:-1;transition:transform .15s ease;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.addeventatc_dropdown.topdown 			{transform:scale(.98,.98) translateY(-5px)!important;}
.addeventatc_dropdown span 				{display:block;line-height:100%;background:#fff;text-decoration:none;cursor:pointer;font-size:15px;color:#333;font-weight:600;padding:14px 10px 14px 55px;margin:-2px 0px;}
.addeventatc_dropdown span:hover 		{background-color:#f4f4f4;color:#000;text-decoration:none;font-size:15px;}
.addeventatc_dropdown em 				{color:#999!important;font-size:12px!important;font-weight:400;}
.addeventatc_dropdown .frs a 			{background:#fff;color:#cacaca!important;cursor:pointer;font-size:9px!important;font-style:normal!important;font-weight:400!important;line-height:110%!important;padding-left:10px;position:absolute;right:10px;text-align:right;text-decoration:none;top:5px;z-index:101;}
.addeventatc_dropdown .frs a:hover 		{color:#999!important;}
.addeventatc_dropdown .ateappleical 	{background:url(./gfx/icon-apple-t5.svg) 18px 40% no-repeat;background-size:22px 100%;}
.addeventatc_dropdown .ategoogle 		{background:url(./gfx/icon-google-t5.svg) 18px 50% no-repeat;background-size:22px 100%;}
.addeventatc_dropdown .ateoffice365 	{background:url(./gfx/icon-office365-t5.svg) 19px 50% no-repeat;background-size:18px 100%;}
.addeventatc_dropdown .ateoutlook 		{background:url(./gfx/icon-outlook-t5.svg) 18px 50% no-repeat;background-size:22px 100%;}
.addeventatc_dropdown .ateoutlookcom 	{background:url(./gfx/icon-outlookcom-t5.svg) 18px 50% no-repeat;background-size:22px 100%;}
.addeventatc_dropdown .ateyahoo 		{background:url(./gfx/icon-yahoo-t5.svg) 18px 50% no-repeat;background-size:22px 100%;}
.addeventatc_dropdown .atefacebook 		{background:url(./gfx/icon-facebook-t5.svg) 18px 50% no-repeat;background-size:22px 100%;}
.addeventatc_dropdown .copyx 			{height:21px;display:block;position:relative;cursor:default;}
.addeventatc_dropdown .brx 				{height:1px;overflow:hidden;background:#e8e8e8;position:absolute;z-index:100;left:10px;right:10px;top:9px;}
.addeventatc_dropdown.addeventatc-selected {transform:scale(1,1) translateY(0px);z-index:99999999999;}
.addeventatc_dropdown.topdown.addeventatc-selected {transform:scale(1,1) translateY(0px)!important;}
.addeventatc_dropdown .drop_markup 		{background-color:#f4f4f4;}



.bgblue{
    background-color: #242424;
}

.bggold{
    background-color: #FF932A;
}

.bggrey{
    background-color: #141414;
}

.blueFont{
    color: #aaaaaa;
}

.goldFont{
    color: #8a6f47 !important;
}

#karma_curated_events .bgbrown{
  background: #dbc594;
}

#karma_curated_events .boxinfo{
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    /* position: relative; */
    /* padding-bottom: 203px !important;
		max-height: 580px; */
}

#karma_curated_events .lightFont{
    color: #cccccc !important;
}

#karma_curated_events .lighturl{
  color: #cccccc;
}

#karma_curated_events .lighturl:hover{
  color: #8A6F49;
}

#karma_curated_events .imglogo{
    padding: 45px 0;
}

#karma_curated_events .imglogo img{
    max-width: 200px;
}




.searchbox__left #locationevent{
    border: none;
    cursor: pointer;
    margin: 0;
    padding: 0;
    margin-left: -4px;
    background: #141414;
    color: #aaa;
    /* margin-right: 30px; */
}

.searchbox__left #typeEvent{
    text-transform: capitalize;
    border: none;
    cursor: pointer;
    margin: 0;
    padding: 0;
    /* margin-left: -4px; */
    background: #141414;
    color: #aaa;
}


.searchbox__box #dateEvent{
    border: none !important;
    position: relative;
    background: #141414;
    color: #aaa;
}

.flex2{
    flex: 2 !important;
}

#resortAddress{
    font-weight: 400;
}

#karma_curated_events .featuredEvent__description .title{
    font-size: 2.4rem;
    padding: 85px 0 45px;
    text-transform: uppercase;
}

#karma_curated_events .featuredEvent__description {
    color: #aaa;
    padding: 35px 70px 70px;
    font-size:15px;
}

/* #karma_curated_events .featuredEvent__description .intro {
    font-size: 1.1rem;
} */

#karma_curated_events .featuredEvent{
    padding-bottom: 0 !important;
    line-height: 24px;
}

#karma_curated_events .featuredEvent > .container > .d-flex{
		/* align-items: center; */
}

#karma hr.dotted {
    margin: 35px 0;
    border-top-style: dotted;
    border-top-width: 2px;
    opacity: 0.45;
    border-bottom: 0;
}

#karma_curated_events .featuredEvent__description .boxsubtitle{
    /* border: 2px solid #0c1a31; */
    /* max-width: 400px; */
    margin: 0 auto;
    font-size: 1.8rem;
    /* padding: 15px 15px 0 15px; */
    font-weight: 500;
    line-height: 1.4;
    margin-top: 15px;
    font-weight: 700;
}

#karma_curated_events .featuredEvent__description .location{
    padding: 20px 0 10px;
    font-weight: 600;
}

#karma_curated_events .featuredEvent__contact .resort{
    padding: 30px 5px;
    font-weight: 600;
    font-size: 1rem;
}


#karma_curated_events .featuredEvent__contact .resort #resortAddress,
#karma_curated_events .featuredEvent__contact .resort #resortAddressCountry{	
	font-weight: normal;
	display: block;
}

.featuredEvent__contact .contactdetail{
    font-size: 0.9rem;
    padding: 0 0 50px;
}

.flex3{
    flex: 3 !important;
}

#karma_curated_events .featuredEvent__datetime .leftdate{
    justify-content: center;
    display: flex;
    margin-left: 8px;
    margin-right: -20px;
    max-width: 71px;
}

#karma_curated_events .featuredEvent__datetime{
    justify-content: center;
    align-items: center;
    width: 100%;
    /* position: absolute;
    bottom: 60px;
    min-height: 143px; */
}

#karma_curated_events .featuredEvent__datetime .desc{
    flex: 1; 
    padding: 40px 0;
}

#karma_curated_events .featuredEvent__datetime .desc.rightdate {
    padding-right: 1em;
}

#karma_curated_events .featuredEvent__datetime .desc i {
    font-size: 35px;
}


#karma_curated_events .featuredEvent__datetime .desc .date {
    text-transform: uppercase;
    font-size: 25px;
}
#karma_curated_events .featuredEvent__datetime .desc .date2 {
    text-transform: uppercase;
    font-size: 18px;
}

#karma_curated_events .featuredEvent__datetime .desc .date2.caption {
    font-size: 12px;
    line-height: 1em;
}

#karma_curated_events .featuredEvent__datetime .desc .date2 span {
    white-space: nowrap;
}
#karma_curated_events .featuredEvent__datetime .desc .time {
    font-size: 18px;
    margin-top: 15px;
}

#karma_curated_events .featuredEvent__rerserve{
    text-align: center;
    font-size: 18px;
    padding: 18px;
    cursor: pointer;
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    color: #000 !important;
}

#karma_curated_events .featuredEvent__rerserve i{
    /* transition: all 0.3s ease; */
    /* transform: translateX(0); */
}

#karma_curated_events .featuredEvent__rerserve:hover i{
    /* transition: all 0.3s ease; */
    /* transform: translateX(5px);  */
}

#karma_curated_events .bottom-links{
	text-align: center;
}

#karma_curated_events .bottom-links a.featuredEvent__rerserve{
	display: inline-block;
	width: auto; 
	position: initial;
	border-radius: 45px;
	padding-left: 25px;
	padding-right: 25px;
    margin-bottom:3rem;
}

#karma_curated_events .featuredEvent__rerserve:hover {
    background-color: #000;
    color: #8a6f47 !important;
    color: #FF932A !important;
}


#upcomingEvents{
    width: 100%;
}

#upcomingEvents.bgwrap{
    height: 500px;
    color: #ffffff;
    position: relative;
    margin-top: -100px;
    z-index: -1;
}

#upcomingEvents .bgevents{
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat;
    filter: blur(3px);
    -webkit-filter: blur(3px);
    height: 100%;
}


#upcomingEvents .title{
    font-size: 2.5rem;
    font-weight: 600;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    transform: translate(-50%, -50%);
}

#listEvent{
    padding-top: 0;
    margin-top: -100px;
}

.listEvent__box{
    margin: 2px;
    /* max-width: 385px; */
    margin: 0 auto;
    cursor: pointer;   
    overflow: hidden;
    position: relative;
}

.bgEvents{
    background-size:cover !important;
    background-position:center !important;
  
    transition: all 0.25s;
    padding-top: 66%;
}

.listEvent__box:hover .bgEvents {
    transform: scale(1.1);
}


.listEvent__box .overlays{
    background-color: #000000;
    opacity: 0.3;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
}

.eventbox.event_status_soldout .listEvent__box:before {
    content: " ";
    display: block;
    background: url(images/sold_out_01.png) no-repeat;
    width: 70px;
    height: 70px;
    background-size: contain;
    background-position: center center;
    position: absolute;
    z-index: 3;
    opacity: 0.7;
    top: 50%;
    left: 50%;
    margin-left: -35px;
    margin-top: -53px;
}

.eventbox.event_status_last_spot_available .listEvent__box:before {
    content: " ";
    display: block;
    background: url(images/kcur_last_spot.png) no-repeat;
    width: 145px;
    height: 41px;
    background-size: contain;
    background-position: center center;
    position: absolute;
    z-index: 3;
    opacity: 0.7;
    top: 0;
    left: 0;
}

.eventbox.event_status_soldout .listEvent__box .overlays {
    opacity: 0.7;
}

.event_status_soldout .page-top-bg-banner:before {
    content: " ";
    display: block;
    background: url(images/sold_out_01.png) no-repeat;
    width: 120px;
    height: 120px;
    background-size: contain;
    background-position: center center;
    position: absolute;
    z-index: 3;
    opacity: .7;
    top: 50%;
    left: 50%;
    margin-left: -60px;
    margin-top: -67px;
}

.event_status_last_spot_available .page-top-bg-banner:before {
    content: " ";
    display: block;
    background: url(images/kcur_last_spot_big.png) no-repeat;
    width: 251px;
    height: 71px;
    background-size: contain;
    background-position: center center;
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    margin-left: -125px;
    margin-top: -35px;
}

.listEvent__box .title {
    color: #ffffff;
    font-size: 1.45rem;
    z-index: 5;
    position: absolute;
    line-height: 1.1;
    /* left: 50%; */
    /* transform: translate(-50%, -50%); */
    bottom: 0;
    width: 100%;
    text-transform: uppercase;
    padding: 1rem;
}
.ml-0{
    margin-left:0 !important;
}

.mr-0{
    margin-right:0 !important;
}

.eventbox{
    width: 100% !important;
    position: relative;
    padding: 0 !important;
}


#listEvent .owl-carousel .owl-stage-outer{
    padding-top: 35px;
}




/* #listEvent > div > div > div.owl-stage-outer > div > div:nth-child(2) > div > div.wrapdate.lightFont{
    right: 7px;
}

#listEvent > div > div > div.owl-stage-outer > div > div:nth-child(1) > div > div.wrapdate.lightFont{
    right: 15px;
} */

.eventbox .wrapdate{
    background: #242424;
    right: 0;
    /* padding: 10px 5px 5px; */
    padding: 7px 10px;
    z-index: 10;
    position: absolute;
    top: -35px;
    min-width: 98px;
    text-transform: uppercase;
}

.eventbox .wrapdate.date_grid_range {
    padding: 4px 10px;
}

.eventbox .wrapdate.wrapdateFrom {
    right: 74px !important;
    z-index: 11;
}

.eventbox .wrapdate.wrapdateFrom:after {
    content: "TO";
    display: block;
    position: absolute;
    top: 18px;
    font-size: .7rem;
    right: -7px;
}

.eventbox .newtext{
    min-height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
}

.eventbox .wrapdate .date{
    /* font-size: 2.5rem; */
    font-size: 43px;
    padding-bottom: 10px;
    padding-top: 8px;
    font-weight: 700;
}

.eventbox .wrapdate .month{
    font-size: 12px;
    margin-bottom: -5px;
}

.eventbox .wrapdate.date_tbc .date {
    /* font-size: 1.5rem; */
    font-size: 30px;
    padding: 30px 0 34px;
}

.eventbox .wrapdate .year{
    font-size: 14px;
}

.lp_find_events__wrapper{
    margin: 20px;
    border-bottom: 1px solid #cccccc;
}

.lp_find_events__wrapper form {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px;
}
input#find_event {
    border: none;
    width: 80%;
    text-align: center;
    font-size: 16px;
    background-color: #000;
}
button.searchbar_submit {
    border: 2px solid #cccccc;
    background: none;
    height: 42px;
    width: 42px;
    border-radius: 25px;
    font-size: 18px;
    vertical-align: middle;
    z-index: -1;
}

.contactdetail a {
    font-size: 0.9rem;
}

#listEvent .owl-theme .owl-dots .owl-dot.active span, #listEvent .owl-theme .owl-dots .owl-dot:hover span {
    background: #0c1a31 !important;
}

#listEvent .owl-carousel .owl-dots span {
    border: 1px solid #0c1a31;
}

.searcmobile{
    display:none;
}
.btnsearch span{
    display: none;
}


/* Event Arcives mobile first */

.page-template-template-events .page-top-bg-banner{
    background-attachment: initial !important;
}

.section.archiveEvent{
    padding-top: 35px;
}

.eventbox_wrap {
    margin-top: 1.5rem;
    padding-top: 35px !important;
    margin-bottom: 1.5rem;
}

.row.event_grid > div {
    padding-left: 10px;
    padding-right: 10px;
}

.container.event_grid {
    padding-left: 10px;
    padding-right: 10px;
}

.row.event_grid {
    margin-left: -10px;
    margin-right: -10px;
}

.container.event_grid{
    width: auto;
}


@media only screen and (min-width: 768px){

    .section.archiveEvent{
        padding-top: 2rem;
    }

    .eventbox_wrap {
        margin-top: 2rem;
        padding-top: 35px;
        margin-bottom: 2rem;
    }

}

@media only screen and (min-width: 1200px){

    .section.archiveEvent{
        padding-top: 5rem;
    }

    .container.event_grid{
        width: 1200px;
    }

    .row.event_grid {
        margin-left: -20px;
        margin-right: -20px;
    }

    .eventbox_wrap {
      margin-top: 2rem;
      margin-bottom: 3rem;
    }

}

/* Event Arcives mobile first END */


@media only screen and (max-width: 992px) {

    #upcomingEvents.bgwrap {
        margin-top: -25px;
        height: 340px;
    }
    #karma_curated_events .featuredEvent__description {
        padding: 0 30px 30px;
    }

    #karma_curated_events .featuredEvent__contact {
        padding: 0 15px;
    }
    
    #karma_curated_events .featuredEvent__description .title {
        font-size: 2rem;
        padding: 40px 0 25px;
    }
    #karma_curated_events .featuredEvent__description .boxsubtitle {
        font-size: 1.4rem;
        padding: 15px;
    }
    #karma_curated_events .featuredEvent__datetime .desc .date {
        font-size: 34px;
    }
    #karma_curated_events .featuredEvent__datetime .desc .time {
        font-size: 20px;
        margin-top: 10px;
    }
    #karma_curated_events .featuredEvent__description .location{
        padding: 25px 0;
    }
    #karma_curated_events .flex3 {
        flex: 4 !important;
    }
    #karma_curated_events .featuredEvent {
        padding-top: 65px !important;
    }
    #listEvent {
        margin-top: -65px;
        padding-bottom: 0;
        margin-bottom: -15px;
    }
    
}

@media only screen and (max-width: 767px) {

    .searchbox__left #typeEvent{
        margin-top: 20px;
        margin-left: 0;
    }
    .searchbox__left #locationevent{
        margin-left: 0;
    }

    #kg_cta_kce_wrap,
    #kc_cta_kce_wrap {
        width: 100%;
        position: fixed;
        z-index: 10000;
        bottom: 0
    }

    .searchbox__box{
        flex-direction: column;
        justify-content: unset;
    }
 
    #karma_curated_events .btnsearch span{
        display: block;
        margin-right: 10px;
    }
    #karma_curated_events .searcmobile{
        display:block;
    }
    #karma_curated_events .featuredEvent__description .title {
        font-size: 2rem;
        padding: 35px 0 25px;
    }
    #karma_curated_events .featuredEvent__description {
        padding: 0 15px;
    }

    #karma_curated_events .bgbrown {
      padding-bottom: 0 !important;
    }
    #karma_curated_events .imglogo img {
        max-width: 165px;
    }
    #karma_curated_events .imglogo {
        padding: 35px 0 10px;
    }
    #karma_curated_events .featuredEvent__contact .resort {
        font-size: 1rem;
    }
    #karma_curated_events .featuredEvent__description .boxsubtitle {
        /* border: 2px solid #0c1a31; */
        max-width: 362px;
        margin: 0 auto;
        /* font-size: 1.3rem; */
        padding-top: 2rem;
        padding-bottom: 0;
        font-weight: 500;
        margin-top: 5px;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    #karma_curated_events .featuredEvent__description .location {
        padding: 30px 0 20px;
    }
    #karma_curated_events .featuredEvent__description .intro {
        font-size: 1rem;
        padding-bottom: 40px;
    }
    #karma_curated_events .featuredEvent{
        padding-top: 10px !important;
    }
    #karma_curated_events .searchbox{
        display:none;
    }
    /* .owl-carousel .owl-stage-outer{
        overflow: hidden !important;
    } */
    #karma_curated_events .featuredEvent .d-flex{
        flex-direction: column;
        position: initial;
    }  
    #karma_curated_events .searchbox{
        flex-direction: column;
        position: fixed;
        bottom: 0;
        width: 100%;
        border-radius: 20px;
        padding-bottom: 210px;
        padding-top: 30px;
        text-align: left;
        box-shadow: 1px 1px 40px 35px rgb(255 255 255 / 20%);
    } 
    #karma_curated_events .searchbox--dashed{
        border-right: none;
    }
    #karma_curated_events .searchbox__box{
        width: 100%;
        margin-bottom: 1rem;
    }
    #karma_curated_events .searchbox .icons{
        display: flex;
        width: 100%;
        margin-bottom: 30px;
        margin-left: 25px;
        margin-top: 5px;
    }
    #karma_curated_events .btnsearch {
        padding: 12px 23px;
        border-radius: 25px;
        display: flex;
    }
    #karma_curated_events .searchbox .cancelSearch{
        display: block !important;
        position: absolute;
        right: 10px;
        z-index: 19;
        width: 28px;
        font-size: 30px;
        text-align: center;
        top: 8px;
        color: #666;
    }

    #karma_curated_events .featuredEvent__datetime .leftdate{
        padding: 40px 0 0 !important;
        margin-left: unset;
        margin-right: unset;
    }
    #karma_curated_events .featuredEvent__datetime .rightdate{
        padding: 30px 0 40px !important;
    }
    #karma_curated_events .featuredEvent__datetime .desc .date {
        font-size: 30px;
    }
    #karma_curated_events .featuredEvent__datetime .desc .time {
        font-size: 18px;
        margin-top: 10px;
    }
    #karma_curated_events .featuredEvent__datetime .desc i {
        font-size: 33px;
    }
    #karma_curated_events .featuredEvent__rerserve {
        font-size: 16px;
        padding: 16px;
        position: fixed;
        z-index: 2;
    }

    #upcomingEvents.bgwrap {
        height: 132px;
        margin-top: 0;
    }
    #listEvent {
        margin-top: -38px;
        padding-bottom: 15px;
    }
    #karma_curated_events .listEvent__box{
        max-width: 100%;
    }
    #upcomingEvents .title {
        font-size: 2rem;
        width: 100%;
    }
    #karma_curated_events .listEvent__box .title{
        font-size: 1.6rem;
    }  
    #karma_curated_events .eventbox .wrapdate{
        right: 0 !important;
        width: 70px;
    } 
    #karma_curated_events .eventbox .wrapdate .date {
        font-size: 40px;
        padding-bottom: 8px;
        padding-top: 8px;
    }
    #karma_curated_events .eventbox .wrapdate.date_tbc .date{
        padding: 30px 0 34px;
        font-size: 30px;
    }
    .gridEventWrapper .event_grid_location{
        top: 21%;
    }
    .eventbox .wrapdate.date_grid_range {
        padding: 3px 10px;
    }


    #karma_curated_events .eventbox .wrapdate .month {
        font-size: 11px;
        margin-bottom: -7px;
    }
    #karma_curated_events .eventbox .wrapdate .year {
        font-size: 12px;
    }
}



/* Custom footer */

footer .desc_app{
    color: #fff;
    text-align: center;
    font-size: 11px;
    line-height: 14px;
    margin: 0;
    padding: 0 5px;
}

#notfound_rab, #notfound_free{
    display:none;
    font-size: 16px;
}

#the_voucher{
    margin-top:0;
}

.download-section-header{
  color: #FFF;
  font-size: 12px;
  line-height: 14px;
}
.download-section.desc{
  padding-top: 8%;
}
#karma .showMobile {
    display: none !important;
}
#karma .showDekstop {
    display: flex !important;
}
@media screen and (max-width: 1024px){
  .download-section.desc{
    padding-top: 0;
    margin-bottom: 50px !important;
  }
  .widget-column.form-widget{
    width: 100%;
  }

  .form-widget .form_container #newsletter_signup input[type=text],
  .form-widget .form_container #newsletter_signup input[type=email],
  .form-widget .form_container #newsletter_signup select{
    width: 100% !important;
    box-sizing: border-box;
  }
  .download-section {
    width: 100% !important;
    margin-bottom: 25px;
  }
  #karma_curated_events{
    padding-top: 70px;
 }
}

@media screen and (max-width: 600px){
 #karma_curated_events{
     padding-top: 66px;
 }
}
.store-icon{
  max-width: 60%;
  margin-bottom: 10px;
  height: 33px;
}
.download-icon{
  text-align: center;
  margin-bottom: 0;
}
.download-section-desc{
  color: #FFF;
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  text-align: center;
  padding: 10px;
  letter-spacing: 1px;
  margin-bottom: 5px;
  line-height: 15px;
}

.phone-icon{
  display: block;
  margin: auto;
  max-width: 90%;
}

#PBeItLo .picture-with-icon .icon {
    display:none !important;
    }

/*color join on mobile*/
.menu-mobile li:nth-child(1) a {
    color: #8a6f47;
    }

    #free_voucher{
        width: 1080px;
    }

@media screen and (max-width: 1024px) {
    #free_voucher {
        width: 100%;
    }
    .widget-column {
        margin-bottom: 0px !important;
    }
    #footer div.container.container-inner aside div:nth-child(3) div h6 {
	display: none;
    }
}
@media screen and (max-width: 768px) {
    #free_voucher {
        width: 100%;
    }
    .widget-column {
        margin-bottom:0px !important;
    }
    .widget-area a.anchor-store{
      display: initial;
      margin: 0 10px;
    }
    #footer div.container.container-inner aside div:nth-child(3) div h6 {
        display: none !important;
    }
}
@media screen and (max-width: 540px) {
    #free_voucher {
        width: 100%;
    }
    .widget-column {
        margin-bottom: 0px !important;
    }
    /*#footer div.container.container-inner aside h6.fh6 {
        display: none !important;
    }
*/
    #footer > div.container.container-inner > aside > div:nth-child(1) > div > h6,
    #footer > div.container.container-inner > aside > div:nth-child(2) > div > h6 {
        display: none !important;
    }
    .widget-area a {
        padding: 10px 0 !important;
    }
    #footer {
        padding-top: 25px !important;
    }
    #menu-item-923{
        margin-bottom: 20px;
    }
    #karma .showMobile {
        display: flex !important;
    }
    #karma .showDekstop {
        display: none !important;
    }
    #karma_curated_events .boxinfo{
        padding-bottom: 8px !important;
    }
    #karma_curated_events .featuredEvent__datetime .desc .date2, #karma_curated_events .featuredEvent__datetime .desc .time{
        font-size: 14px;
    }
    #karma_curated_events .featuredEvent__datetime .desc i {
        font-size: 28px;
    }
    #karma_curated_events .featuredEvent__datetime .rightdate {
        padding: 20px 0 5px!important;
    }
}

/* newsletter on footer */
footer .form_container {
    position: relative;
}
footer .form_container #newsletter_signup input[type=email], .form_container #newsletter_signup input[type=text] {
	 padding-left: 10px;
	 padding-right: 0;
	 padding-top: 0px;
	 padding-bottom: 0px;
    border: 0;
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 5px;
    background: #283448;
    color: #fff;
    -webkit-appearance: none;
}
footer div.error {
    position: absolute;
    z-index: 1;
    background-color: #253247;
    color: #fff;
    right: 0;
    font-size: 11px;
    padding: 0px 5px;
    margin-top: -38px;
}
#field-1450770516-country-error {
    margin-top: -52px;
}
footer .form_container #newsletter_signup select {
    display: block;
    width: 100%;
    margin-bottom: 18px;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 7px 60px 10px 10px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    color: #999;
    background-color: #283448;
    border-radius: 4px;
    border: 0;
    background-image: url(../karmaclub/assets/images/icon/dropdown-arrow-icon.png);
    background-position: right 10px center;
    background-repeat: no-repeat;
}
footer .submit_button {
    border: 1px solid #8a6f47;
    background-color: #8a6f47;
    color: #fff;
	width: 110px;
	line-height: 32px;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
	display: inline-block;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}
footer .submit_button:hover {
	background-color: rgba(179, 152, 91, 0.01);
	color: #8a6f47;

}
footer #newsletter_signup .confirmprocess {
    display: none;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #0c1a31;
    padding: 0px;
    color: #fff;
    font-size: 13px;
}
footer #newsletter_signup .confirmprocess h3{
    font-size: 23px;
    line-height: 32px;
}

@media (max-width: 1024px){
  .phone-icon{
    max-width: 75%;
  }
  .store-icon{
    max-width: 44%;
    height: 41px;
  }
  .download-section-header{
    text-align: center;
  }
	footer .form_container #newsletter_signup input[type=email], .form_container #newsletter_signup input[type=text]{
		width: 50%;
    }
    footer .form_container #newsletter_signup select {
        width: 52%;
    }
    footer div.error {
        margin-right: 236px;
    }
}
@media (max-width: 768px){
	footer .form_container #newsletter_signup input[type=email], .form_container #newsletter_signup input[type=text]{
		width: 65%;
    }
    footer .form_container #newsletter_signup select {
        width: 68%;
    }
    footer div.error {
        margin-right: 118px;
    }
}
@media (max-width: 425px){
    footer .form_container #newsletter_signup input[type=email], .form_container #newsletter_signup input[type=text]{
		width: 97%;
    }
    footer .form_container #newsletter_signup select {
        width: 100%;
    }
    footer div.error {
        margin-right: 1px;
    }
}
/* eof newsltter */


/* EOF Custom  */


html {
    /* font-family: "Montserrat", sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100% */
}
body {
    margin: 0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}
audio:not([controls]) {
    display: none;
    height: 0
}
[hidden],
template {
    display: none
}
a {
    background-color: transparent
}
a:active,
a:hover {
    outline: 0
}
abbr[title] {
    border-bottom: 1px dotted
}
b,
strong {
    font-weight: 700
}
dfn {
    font-style: italic
}
h1 {
    font-size: 2em;
    margin: .67em 0
}
mark {
    background: #ff0;
    color: #000
}
small {
    font-size: 80%
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
sup {
    top: -.5em
}
sub {
    bottom: -.25em
}
img {
    border: 0
}
svg:not(:root) {
    overflow: hidden
}
figure {
    margin: 1em 40px
}
hr {
    box-sizing: content-box;
    height: 0
}
pre {
    overflow: auto
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}
button {
    overflow: visible
}
button,
select {
    text-transform: none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}
button[disabled],
html input[disabled] {
    cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}
input {
    line-height: normal
}
input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}
input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}
fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}
textarea {
    overflow: auto
}
optgroup {
    font-weight: 700
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
td,
th {
    padding: 0
}
.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}
.container:after,
.container:before {
    content: " ";
    display: table
}
.container:after {
    clear: both
}
@media (min-width: 768px) {
    .container {
        width: 750px
    }
}
@media (min-width: 992px) {
    .container {
        width: 970px
    }
}
@media (min-width: 1200px) {
    .container {
        width: 1170px
    }
}
.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}
.container-fluid:after,
.container-fluid:before {
    content: " ";
    display: table
}
.container-fluid:after {
    clear: both
}
.row {
    margin-left: -15px;
    margin-right: -15px
}
.row:after,
.row:before {
    content: " ";
    display: table
}
.row:after {
    clear: both
}
.col-lg-1,
.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-lg-10,
.col-lg-11,
.col-lg-12,
.col-md-1,
.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-md-10,
.col-md-11,
.col-md-12,
.col-sm-1,
.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-sm-10,
.col-sm-11,
.col-sm-12,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    float: left
}
.col-xs-1 {
    width: 8.33333%
}
.col-xs-2 {
    width: 16.66667%
}
.col-xs-3 {
    width: 25%
}
.col-xs-4 {
    width: 33.33333%
}
.col-xs-5 {
    width: 41.66667%
}
.col-xs-6 {
    width: 50%
}
.col-xs-7 {
    width: 58.33333%
}
.col-xs-8 {
    width: 66.66667%
}
.col-xs-9 {
    width: 75%
}
.col-xs-10 {
    width: 83.33333%
}
.col-xs-11 {
    width: 91.66667%
}
.col-xs-12 {
    width: 100%
}
.col-xs-pull-0 {
    right: auto
}
.col-xs-pull-1 {
    right: 8.33333%
}
.col-xs-pull-2 {
    right: 16.66667%
}
.col-xs-pull-3 {
    right: 25%
}
.col-xs-pull-4 {
    right: 33.33333%
}
.col-xs-pull-5 {
    right: 41.66667%
}
.col-xs-pull-6 {
    right: 50%
}
.col-xs-pull-7 {
    right: 58.33333%
}
.col-xs-pull-8 {
    right: 66.66667%
}
.col-xs-pull-9 {
    right: 75%
}
.col-xs-pull-10 {
    right: 83.33333%
}
.col-xs-pull-11 {
    right: 91.66667%
}
.col-xs-pull-12 {
    right: 100%
}
.col-xs-push-0 {
    left: auto
}
.col-xs-push-1 {
    left: 8.33333%
}
.col-xs-push-2 {
    left: 16.66667%
}
.col-xs-push-3 {
    left: 25%
}
.col-xs-push-4 {
    left: 33.33333%
}
.col-xs-push-5 {
    left: 41.66667%
}
.col-xs-push-6 {
    left: 50%
}
.col-xs-push-7 {
    left: 58.33333%
}
.col-xs-push-8 {
    left: 66.66667%
}
.col-xs-push-9 {
    left: 75%
}
.col-xs-push-10 {
    left: 83.33333%
}
.col-xs-push-11 {
    left: 91.66667%
}
.col-xs-push-12 {
    left: 100%
}
.col-xs-offset-0 {
    margin-left: 0
}
.col-xs-offset-1 {
    margin-left: 8.33333%
}
.col-xs-offset-2 {
    margin-left: 16.66667%
}
.col-xs-offset-3 {
    margin-left: 25%
}
.col-xs-offset-4 {
    margin-left: 33.33333%
}
.col-xs-offset-5 {
    margin-left: 41.66667%
}
.col-xs-offset-6 {
    margin-left: 50%
}
.col-xs-offset-7 {
    margin-left: 58.33333%
}
.col-xs-offset-8 {
    margin-left: 66.66667%
}
.col-xs-offset-9 {
    margin-left: 75%
}
.col-xs-offset-10 {
    margin-left: 83.33333%
}
.col-xs-offset-11 {
    margin-left: 91.66667%
}
.col-xs-offset-12 {
    margin-left: 100%
}
@media (min-width: 768px) {
    .col-sm-1,
    .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-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: left
    }
    .col-sm-1 {
        width: 8.33333%
    }
    .col-sm-2 {
        width: 16.66667%
    }
    .col-sm-3 {
        width: 25%
    }
    .col-sm-4 {
        width: 33.33333%
    }
    .col-sm-5 {
        width: 41.66667%
    }
    .col-sm-6 {
        width: 50%
    }
    .col-sm-7 {
        width: 58.33333%
    }
    .col-sm-8 {
        width: 66.66667%
    }
    .col-sm-9 {
        width: 75%
    }
    .col-sm-10 {
        width: 83.33333%
    }
    .col-sm-11 {
        width: 91.66667%
    }
    .col-sm-12 {
        width: 100%
    }
    .col-sm-pull-0 {
        right: auto
    }
    .col-sm-pull-1 {
        right: 8.33333%
    }
    .col-sm-pull-2 {
        right: 16.66667%
    }
    .col-sm-pull-3 {
        right: 25%
    }
    .col-sm-pull-4 {
        right: 33.33333%
    }
    .col-sm-pull-5 {
        right: 41.66667%
    }
    .col-sm-pull-6 {
        right: 50%
    }
    .col-sm-pull-7 {
        right: 58.33333%
    }
    .col-sm-pull-8 {
        right: 66.66667%
    }
    .col-sm-pull-9 {
        right: 75%
    }
    .col-sm-pull-10 {
        right: 83.33333%
    }
    .col-sm-pull-11 {
        right: 91.66667%
    }
    .col-sm-pull-12 {
        right: 100%
    }
    .col-sm-push-0 {
        left: auto
    }
    .col-sm-push-1 {
        left: 8.33333%
    }
    .col-sm-push-2 {
        left: 16.66667%
    }
    .col-sm-push-3 {
        left: 25%
    }
    .col-sm-push-4 {
        left: 33.33333%
    }
    .col-sm-push-5 {
        left: 41.66667%
    }
    .col-sm-push-6 {
        left: 50%
    }
    .col-sm-push-7 {
        left: 58.33333%
    }
    .col-sm-push-8 {
        left: 66.66667%
    }
    .col-sm-push-9 {
        left: 75%
    }
    .col-sm-push-10 {
        left: 83.33333%
    }
    .col-sm-push-11 {
        left: 91.66667%
    }
    .col-sm-push-12 {
        left: 100%
    }
    .col-sm-offset-0 {
        margin-left: 0
    }
    .col-sm-offset-1 {
        margin-left: 8.33333%
    }
    .col-sm-offset-2 {
        margin-left: 16.66667%
    }
    .col-sm-offset-3 {
        margin-left: 25%
    }
    .col-sm-offset-4 {
        margin-left: 33.33333%
    }
    .col-sm-offset-5 {
        margin-left: 41.66667%
    }
    .col-sm-offset-6 {
        margin-left: 50%
    }
    .col-sm-offset-7 {
        margin-left: 58.33333%
    }
    .col-sm-offset-8 {
        margin-left: 66.66667%
    }
    .col-sm-offset-9 {
        margin-left: 75%
    }
    .col-sm-offset-10 {
        margin-left: 83.33333%
    }
    .col-sm-offset-11 {
        margin-left: 91.66667%
    }
    .col-sm-offset-12 {
        margin-left: 100%
    }
}
@media (min-width: 992px) {
    .col-md-1,
    .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-md-10,
    .col-md-11,
    .col-md-12 {
        float: left
    }
    .col-md-1 {
        width: 8.33333%
    }
    .col-md-2 {
        width: 16.66667%
    }
    .col-md-3 {
        width: 25%
    }
    .col-md-4 {
        width: 33.33333%
    }
    .col-md-5 {
        width: 41.66667%
    }
    .col-md-6 {
        width: 50%
    }
    .col-md-7 {
        width: 58.33333%
    }
    .col-md-8 {
        width: 66.66667%
    }
    .col-md-9 {
        width: 75%
    }
    .col-md-10 {
        width: 83.33333%
    }
    .col-md-11 {
        width: 91.66667%
    }
    .col-md-12 {
        width: 100%
    }
    .col-md-pull-0 {
        right: auto
    }
    .col-md-pull-1 {
        right: 8.33333%
    }
    .col-md-pull-2 {
        right: 16.66667%
    }
    .col-md-pull-3 {
        right: 25%
    }
    .col-md-pull-4 {
        right: 33.33333%
    }
    .col-md-pull-5 {
        right: 41.66667%
    }
    .col-md-pull-6 {
        right: 50%
    }
    .col-md-pull-7 {
        right: 58.33333%
    }
    .col-md-pull-8 {
        right: 66.66667%
    }
    .col-md-pull-9 {
        right: 75%
    }
    .col-md-pull-10 {
        right: 83.33333%
    }
    .col-md-pull-11 {
        right: 91.66667%
    }
    .col-md-pull-12 {
        right: 100%
    }
    .col-md-push-0 {
        left: auto
    }
    .col-md-push-1 {
        left: 8.33333%
    }
    .col-md-push-2 {
        left: 16.66667%
    }
    .col-md-push-3 {
        left: 25%
    }
    .col-md-push-4 {
        left: 33.33333%
    }
    .col-md-push-5 {
        left: 41.66667%
    }
    .col-md-push-6 {
        left: 50%
    }
    .col-md-push-7 {
        left: 58.33333%
    }
    .col-md-push-8 {
        left: 66.66667%
    }
    .col-md-push-9 {
        left: 75%
    }
    .col-md-push-10 {
        left: 83.33333%
    }
    .col-md-push-11 {
        left: 91.66667%
    }
    .col-md-push-12 {
        left: 100%
    }
    .col-md-offset-0 {
        margin-left: 0
    }
    .col-md-offset-1 {
        margin-left: 8.33333%
    }
    .col-md-offset-2 {
        margin-left: 16.66667%
    }
    .col-md-offset-3 {
        margin-left: 25%
    }
    .col-md-offset-4 {
        margin-left: 33.33333%
    }
    .col-md-offset-5 {
        margin-left: 41.66667%
    }
    .col-md-offset-6 {
        margin-left: 50%
    }
    .col-md-offset-7 {
        margin-left: 58.33333%
    }
    .col-md-offset-8 {
        margin-left: 66.66667%
    }
    .col-md-offset-9 {
        margin-left: 75%
    }
    .col-md-offset-10 {
        margin-left: 83.33333%
    }
    .col-md-offset-11 {
        margin-left: 91.66667%
    }
    .col-md-offset-12 {
        margin-left: 100%
    }
}
@media (min-width: 1200px) {
    .col-lg-1,
    .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-lg-10,
    .col-lg-11,
    .col-lg-12 {
        float: left
    }
    .col-lg-1 {
        width: 8.33333%
    }
    .col-lg-2 {
        width: 16.66667%
    }
    .col-lg-3 {
        width: 25%
    }
    .col-lg-4 {
        width: 33.33333%
    }
    .col-lg-5 {
        width: 41.66667%
    }
    .col-lg-6 {
        width: 50%
    }
    .col-lg-7 {
        width: 58.33333%
    }
    .col-lg-8 {
        width: 66.66667%
    }
    .col-lg-9 {
        width: 75%
    }
    .col-lg-10 {
        width: 83.33333%
    }
    .col-lg-11 {
        width: 91.66667%
    }
    .col-lg-12 {
        width: 100%
    }
    .col-lg-pull-0 {
        right: auto
    }
    .col-lg-pull-1 {
        right: 8.33333%
    }
    .col-lg-pull-2 {
        right: 16.66667%
    }
    .col-lg-pull-3 {
        right: 25%
    }
    .col-lg-pull-4 {
        right: 33.33333%
    }
    .col-lg-pull-5 {
        right: 41.66667%
    }
    .col-lg-pull-6 {
        right: 50%
    }
    .col-lg-pull-7 {
        right: 58.33333%
    }
    .col-lg-pull-8 {
        right: 66.66667%
    }
    .col-lg-pull-9 {
        right: 75%
    }
    .col-lg-pull-10 {
        right: 83.33333%
    }
    .col-lg-pull-11 {
        right: 91.66667%
    }
    .col-lg-pull-12 {
        right: 100%
    }
    .col-lg-push-0 {
        left: auto
    }
    .col-lg-push-1 {
        left: 8.33333%
    }
    .col-lg-push-2 {
        left: 16.66667%
    }
    .col-lg-push-3 {
        left: 25%
    }
    .col-lg-push-4 {
        left: 33.33333%
    }
    .col-lg-push-5 {
        left: 41.66667%
    }
    .col-lg-push-6 {
        left: 50%
    }
    .col-lg-push-7 {
        left: 58.33333%
    }
    .col-lg-push-8 {
        left: 66.66667%
    }
    .col-lg-push-9 {
        left: 75%
    }
    .col-lg-push-10 {
        left: 83.33333%
    }
    .col-lg-push-11 {
        left: 91.66667%
    }
    .col-lg-push-12 {
        left: 100%
    }
    .col-lg-offset-0 {
        margin-left: 0
    }
    .col-lg-offset-1 {
        margin-left: 8.33333%
    }
    .col-lg-offset-2 {
        margin-left: 16.66667%
    }
    .col-lg-offset-3 {
        margin-left: 25%
    }
    .col-lg-offset-4 {
        margin-left: 33.33333%
    }
    .col-lg-offset-5 {
        margin-left: 41.66667%
    }
    .col-lg-offset-6 {
        margin-left: 50%
    }
    .col-lg-offset-7 {
        margin-left: 58.33333%
    }
    .col-lg-offset-8 {
        margin-left: 66.66667%
    }
    .col-lg-offset-9 {
        margin-left: 75%
    }
    .col-lg-offset-10 {
        margin-left: 83.33333%
    }
    .col-lg-offset-11 {
        margin-left: 91.66667%
    }
    .col-lg-offset-12 {
        margin-left: 100%
    }
}
fieldset {
    margin: 0;
    min-width: 0
}
fieldset,
legend {
    padding: 0;
    border: 0
}
legend {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border-bottom: 1px solid #e5e5e5
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700
}
input[type=search] {
    box-sizing: border-box
}
input[type=checkbox],
input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal
}
input[type=file] {
    display: block
}
input[type=range] {
    display: block;
    width: 100%
}
select[multiple],
select[size] {
    height: auto
}
input[type=checkbox]:focus,
input[type=file]:focus,
input[type=radio]:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}
output {
    padding-top: 7px
}
.form-control,
output {
    display: block;
    font-size: 14px;
    line-height: 1.42857;
    color: #555
}
.form-control {
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}
.form-control::-moz-placeholder {
    color: #999;
    opacity: 1
}
.form-control:-ms-input-placeholder {
    color: #999
}
.form-control::-webkit-input-placeholder {
    color: #999
}
.form-control::-ms-expand {
    border: 0;
    background-color: transparent
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1
}
.form-control[disabled],
fieldset[disabled] .form-control {
    cursor: not-allowed
}
textarea.form-control {
    height: auto
}
input[type=search] {
    -webkit-appearance: none
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type=date].form-control,
    input[type=datetime-local].form-control,
    input[type=month].form-control,
    input[type=time].form-control {
        line-height: 34px
    }
    .input-group-sm input[type=date],
    .input-group-sm input[type=datetime-local],
    .input-group-sm input[type=month],
    .input-group-sm input[type=time],
    input[type=date].input-sm,
    input[type=datetime-local].input-sm,
    input[type=month].input-sm,
    input[type=time].input-sm {
        line-height: 30px
    }
    .input-group-lg input[type=date],
    .input-group-lg input[type=datetime-local],
    .input-group-lg input[type=month],
    .input-group-lg input[type=time],
    input[type=date].input-lg,
    input[type=datetime-local].input-lg,
    input[type=month].input-lg,
    input[type=time].input-lg {
        line-height: 46px
    }
}
.form-group {
    margin-bottom: 25px
}
.checkbox,
.radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}
.checkbox label,
.radio label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer
}
.checkbox-inline input[type=checkbox],
.checkbox input[type=checkbox],
.radio-inline input[type=radio],
.radio input[type=radio] {
    position: absolute;
    margin-left: -20px;
    margin-top: 4px\9
}
.checkbox+.checkbox,
.radio+.radio {
    margin-top: -5px
}
.checkbox-inline,
.radio-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: 400;
    cursor: pointer
}
.checkbox-inline+.checkbox-inline,
.radio-inline+.radio-inline {
    margin-top: 0;
    margin-left: 10px
}
.checkbox-inline.disabled,
.checkbox.disabled label,
.radio-inline.disabled,
.radio.disabled label,
fieldset[disabled] .checkbox-inline,
fieldset[disabled] .checkbox label,
fieldset[disabled] .radio-inline,
fieldset[disabled] .radio label,
fieldset[disabled] input[type=checkbox],
fieldset[disabled] input[type=radio],
input[type=checkbox].disabled,
input[type=checkbox][disabled],
input[type=radio].disabled,
input[type=radio][disabled] {
    cursor: not-allowed
}
.form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
    min-height: 34px
}
.form-control-static.input-lg,
.form-control-static.input-sm {
    padding-left: 0;
    padding-right: 0
}
.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}
select.input-sm {
    height: 30px;
    line-height: 30px
}
select[multiple].input-sm,
textarea.input-sm {
    height: auto
}
.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}
.form-group-sm select.form-control {
    height: 30px;
    line-height: 30px
}
.form-group-sm select[multiple].form-control,
.form-group-sm textarea.form-control {
    height: auto
}
.form-group-sm .form-control-static {
    height: 30px;
    min-height: 32px;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 1.5
}
.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333;
    border-radius: 6px
}
select.input-lg {
    height: 46px;
    line-height: 46px
}
select[multiple].input-lg,
textarea.input-lg {
    height: auto
}
.form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333;
    border-radius: 6px
}
.form-group-lg select.form-control {
    height: 46px;
    line-height: 46px
}
.form-group-lg select[multiple].form-control,
.form-group-lg textarea.form-control {
    height: auto
}
.form-group-lg .form-control-static {
    height: 46px;
    min-height: 38px;
    padding: 11px 16px;
    font-size: 18px;
    line-height: 1.33333
}
.has-feedback {
    position: relative
}
.has-feedback .form-control {
    padding-right: 42.5px
}
.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none
}
.form-group-lg .form-control+.form-control-feedback,
.input-group-lg+.form-control-feedback,
.input-lg+.form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px
}
.form-group-sm .form-control+.form-control-feedback,
.input-group-sm+.form-control-feedback,
.input-sm+.form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px
}
.has-success .checkbox,
.has-success .checkbox-inline,
.has-success.checkbox-inline label,
.has-success.checkbox label,
.has-success .control-label,
.has-success .help-block,
.has-success .radio,
.has-success .radio-inline,
.has-success.radio-inline label,
.has-success.radio label {
    color: #3c763d
}
.has-success .form-control {
    border-color: #3c763d;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}
.has-success .form-control:focus {
    border-color: #2b542c;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168
}
.has-success .input-group-addon {
    color: #3c763d;
    border-color: #3c763d;
    background-color: #dff0d8
}
.has-success .form-control-feedback {
    color: #3c763d
}
.has-warning .checkbox,
.has-warning .checkbox-inline,
.has-warning.checkbox-inline label,
.has-warning.checkbox label,
.has-warning .control-label,
.has-warning .help-block,
.has-warning .radio,
.has-warning .radio-inline,
.has-warning.radio-inline label,
.has-warning.radio label {
    color: #8a6d3b
}
.has-warning .form-control {
    border-color: #8a6d3b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}
.has-warning .form-control:focus {
    border-color: #66512c;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b
}
.has-warning .input-group-addon {
    color: #8a6d3b;
    border-color: #8a6d3b;
    background-color: #fcf8e3
}
.has-warning .form-control-feedback {
    color: #8a6d3b
}
.has-error .checkbox,
.has-error .checkbox-inline,
.has-error.checkbox-inline label,
.has-error.checkbox label,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.radio-inline label,
.has-error.radio label {
    color: #a94442
}
.has-error .form-control {
    border-color: #a94442;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}
.has-error .form-control:focus {
    border-color: #843534;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483
}
.has-error .input-group-addon {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede
}
.has-error .form-control-feedback {
    color: #a94442
}
.has-feedback label~.form-control-feedback {
    top: 25px
}
.has-feedback label.sr-only~.form-control-feedback {
    top: 0
}
.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373
}
@media (min-width: 768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }
    .form-inline .form-control-static {
        display: inline-block
    }
    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }
    .form-inline .input-group .form-control,
    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn {
        width: auto
    }
    .form-inline .input-group>.form-control {
        width: 100%
    }
    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }
    .form-inline .checkbox,
    .form-inline .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }
    .form-inline .checkbox label,
    .form-inline .radio label {
        padding-left: 0
    }
    .form-inline .checkbox input[type=checkbox],
    .form-inline .radio input[type=radio] {
        position: relative;
        margin-left: 0
    }
    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}
.form-horizontal .checkbox,
.form-horizontal .checkbox-inline,
.form-horizontal .radio,
.form-horizontal .radio-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px
}
.form-horizontal .checkbox,
.form-horizontal .radio {
    min-height: 27px
}
.form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px
}
.form-horizontal .form-group:after,
.form-horizontal .form-group:before {
    content: " ";
    display: table
}
.form-horizontal .form-group:after {
    clear: both
}
@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 7px
    }
}
.form-horizontal .has-feedback .form-control-feedback {
    right: 15px
}
@media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 11px;
        font-size: 18px
    }
}
@media (min-width: 768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px;
        font-size: 12px
    }
}
#detailDest #amenities .popup .popup-inner:after,
#detailDest #amenities .popup .popup-inner:before,
#sidebar .widget li:after,
#sidebar .widget li:before,
#site-article.with-sidebar .picture-wrap:after,
#site-article.with-sidebar .picture-wrap:before,
.clearfix:after,
.clearfix:before,
.container:after,
.container:before,
.main-tab-slider .tab-slider .slider-item:after,
.main-tab-slider .tab-slider .slider-item:before {
    content: " ";
    display: table
}
.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.pull-right {
    float: right!important
}
.pull-left {
    float: left!important
}
.hide {
    display: none!important
}
.show {
    display: block!important
}
.invisible {
    visibility: hidden
}
.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}
.hidden {
    display: none!important
}
.affix {
    position: fixed
}
@-ms-viewport {
    width: device-width
}
.visible-lg,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-md,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-sm,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-xs,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block {
    display: none!important
}
@media (max-width: 767px) {
    .visible-xs {
        display: block!important
    }
    table.visible-xs {
        display: table!important
    }
    tr.visible-xs {
        display: table-row!important
    }
    td.visible-xs,
    th.visible-xs {
        display: table-cell!important
    }
}
@media (max-width: 767px) {
    .visible-xs-block {
        display: block!important
    }
}
@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline!important
    }
}
@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block!important
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block!important
    }
    table.visible-sm {
        display: table!important
    }
    tr.visible-sm {
        display: table-row!important
    }
    td.visible-sm,
    th.visible-sm {
        display: table-cell!important
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block!important
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline!important
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block!important
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block!important
    }
    table.visible-md {
        display: table!important
    }
    tr.visible-md {
        display: table-row!important
    }
    td.visible-md,
    th.visible-md {
        display: table-cell!important
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block!important
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline!important
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block!important
    }
}
@media (min-width: 1200px) {
    .visible-lg {
        display: block!important
    }
    table.visible-lg {
        display: table!important
    }
    tr.visible-lg {
        display: table-row!important
    }
    td.visible-lg,
    th.visible-lg {
        display: table-cell!important
    }
}
@media (min-width: 1200px) {
    .visible-lg-block {
        display: block!important
    }
}
@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline!important
    }
}
@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block!important
    }
}
@media (max-width: 767px) {
    .hidden-xs {
        display: none!important
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none!important
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none!important
    }
}
@media (min-width: 1200px) {
    .hidden-lg {
        display: none!important
    }
}
.visible-print {
    display: none!important
}
@media print {
    .visible-print {
        display: block!important
    }
    table.visible-print {
        display: table!important
    }
    tr.visible-print {
        display: table-row!important
    }
    td.visible-print,
    th.visible-print {
        display: table-cell!important
    }
}
.visible-print-block {
    display: none!important
}
@media print {
    .visible-print-block {
        display: block!important
    }
}
.visible-print-inline {
    display: none!important
}
@media print {
    .visible-print-inline {
        display: inline!important
    }
}
.visible-print-inline-block {
    display: none!important
}
@media print {
    .visible-print-inline-block {
        display: inline-block!important
    }
}
@media print {
    .hidden-print {
        display: none!important
    }
}


/* Bootstrap 4 utility Classes Starts*/
.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-print-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-80 {
  width: 80% !important;
}

.w-85 {
  width: 85% !important;
}

.w-95 {
  width: 95% !important;
}

.w-100 {
  width: 100% !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
	.w-sm-25 {
		width: 25% !important;
	}

	.w-sm-50 {
		width: 50% !important;
	}

	.w-sm-75 {
		width: 75% !important;
	}
	
	.w-sm-80 {
		width: 80% !important;
	}

	.w-sm-85 {
		width: 85% !important;
	}

	.w-sm-95 {
		width: 95% !important;
	}

	.w-sm-100 {
		width: 100% !important;
	}

  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 768px) {
	.w-md-25 {
		width: 25% !important;
	}

	.w-md-50 {
		width: 50% !important;
	}

	.w-md-75 {
		width: 75% !important;
	}
	
	.w-md-80 {
		width: 80% !important;
	}

	.w-md-85 {
		width: 85% !important;
	}

	.w-md-95 {
		width: 95% !important;
	}

	.w-md-100 {
		width: 100% !important;
	}
	
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 992px) {
	.w-lg-25 {
		width: 25% !important;
	}

	.w-lg-50 {
		width: 50% !important;
	}

	.w-lg-75 {
		width: 75% !important;
	}
	
	.w-lg-80 {
		width: 80% !important;
	}

	.w-lg-85 {
		width: 85% !important;
	}

	.w-lg-90 {
		width: 90% !important;
	}

	.w-lg-95 {
		width: 95% !important;
	}

	.w-lg-100 {
		width: 100% !important;
	}
	
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 1200px) {
	.w-xl-25 {
		width: 25% !important;
	}

	.w-xl-50 {
		width: 50% !important;
	}

	.w-xl-75 {
		width: 75% !important;
	}
	
	.w-xl-80 {
		width: 80% !important;
	}

	.w-xl-85 {
		width: 85% !important;
	}

	.w-xl-90 {
		width: 90% !important;
	}

	.w-xl-95 {
		width: 95% !important;
	}

	.w-xl-100 {
		width: 100% !important;
	}
	
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}
/* Bootstrap 4 utility Classes Ends */

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}
.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden
}
.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}
.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translateZ(0)
}
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0)
}
.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}
.owl-carousel .owl-item img {
    display: block;
    width: 100%
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none
}
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.owl-carousel.owl-loaded {
    display: block
}
.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}
.owl-carousel.owl-hidden {
    opacity: 0
}
.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}
.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}
.owl-carousel.owl-rtl {
    direction: rtl
}
.owl-carousel.owl-rtl .owl-item {
    float: right
}
.no-js .owl-carousel {
    display: block
}
.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}
.owl-carousel .owl-animated-in {
    z-index: 0
}
.owl-carousel .owl-animated-out {
    z-index: 1
}
.owl-carousel .fadeOut {
    animation-name: E
}
.owl-height {
    transition: height .5s ease-in-out
}
.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}
.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}
.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}
.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}
.owl-carousel .owl-video-play-icon:hover {
    transform: scale(1.3)
}
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}
.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}
.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}
.fancybox-enabled {
    overflow: hidden
}
.fancybox-enabled body {
    overflow: visible;
    height: 100%
}
.fancybox-is-hidden {
    position: absolute;
    top: -9999px;
    left: -9999px;
    visibility: hidden
}
.fancybox-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99993;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
.fancybox-container~.fancybox-container {
    z-index: 99992
}
.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}
.fancybox-outer {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}
.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}
.fancybox-is-open .fancybox-bg {
    opacity: .87;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}
.fancybox-caption-wrap,
.fancybox-infobar,
.fancybox-toolbar {
    position: absolute;
    direction: ltr;
    z-index: 99997;
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s, visibility 0s linear .25s;
    box-sizing: border-box
}
.fancybox-show-caption .fancybox-caption-wrap,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    visibility: visible;
    transition: opacity .25s, visibility 0s
}
.fancybox-infobar {
    top: 0;
    left: 50%;
    margin-left: -79px
}
.fancybox-infobar__body {
    display: inline-block;
    width: 70px;
    line-height: 44px;
    font-size: 13px;
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    text-align: center;
    color: #ddd;
    background-color: rgba(30, 30, 30, .7);
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: subpixel-antialiased
}
.fancybox-toolbar {
    top: 0;
    right: 0
}
.fancybox-stage {
    overflow: hidden;
    direction: ltr;
    z-index: 99994;
    -webkit-transform: translateZ(0)
}
.fancybox-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
    outline: none;
    white-space: normal;
    box-sizing: border-box;
    text-align: center;
    z-index: 99994;
    -webkit-overflow-scrolling: touch;
    display: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}
.fancybox-slide:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 0
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
    display: block
}
.fancybox-slide--image {
    overflow: visible
}
.fancybox-slide--image:before {
    display: none
}
.fancybox-slide--video .fancybox-content,
.fancybox-slide--video iframe {
    background: #000
}
.fancybox-slide--map .fancybox-content,
.fancybox-slide--map iframe {
    background: #e5e3df
}
.fancybox-slide--next {
    z-index: 99995
}
.fancybox-slide>div {
    display: inline-block;
    position: relative;
    padding: 20px 50px 40px;
    margin: 44px 0;
    border-width: 0;
    vertical-align: middle;
    text-align: left;
    background-color: #fff;
    overflow: auto;
    box-sizing: border-box
}
.fancybox-slide .fancybox-image-wrap {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    border: 0;
    z-index: 99995;
    background: transparent;
    cursor: default;
    overflow: visible;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.fancybox-can-zoomOut .fancybox-image-wrap {
    cursor: zoom-out
}
.fancybox-can-zoomIn .fancybox-image-wrap {
    cursor: zoom-in
}
.fancybox-can-drag .fancybox-image-wrap {
    cursor: -webkit-grab;
    cursor: grab
}
.fancybox-is-dragging .fancybox-image-wrap {
    cursor: -webkit-grabbing;
    cursor: grabbing
}
.fancybox-image,
.fancybox-spaceball {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    max-width: none;
    max-height: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.fancybox-spaceball {
    z-index: 1
}
.fancybox-slide--iframe .fancybox-content {
    padding: 0;
    width: 80%;
    height: 80%;
    max-width: calc(100% - 100px);
    max-height: calc(100% - 88px);
    overflow: visible;
    background: #fff
}
.fancybox-iframe {
    display: block;
    padding: 0;
    border: 0;
    height: 100%
}
.fancybox-error,
.fancybox-iframe {
    margin: 0;
    width: 100%;
    background: #fff
}
.fancybox-error {
    padding: 40px;
    max-width: 380px;
    cursor: default
}
.fancybox-error p {
    margin: 0;
    padding: 0;
    color: #444;
    font: 16px/20px Helvetica Neue, Helvetica, Arial, sans-serif
}
.fancybox-close-small {
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 44px;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    outline: none;
    background: transparent;
    z-index: 10;
    cursor: pointer
}
.fancybox-close-small:after {
    content: "×";
    position: absolute;
    top: 5px;
    right: 5px;
    width: 30px;
    height: 30px;
    font: 20px/30px Arial, Helvetica Neue, Helvetica, sans-serif;
    color: #888;
    font-weight: 300;
    text-align: center;
    border-radius: 50%;
    border-width: 0;
    background: #fff;
    transition: background .25s;
    box-sizing: border-box;
    z-index: 2
}
.fancybox-close-small:focus:after {
    outline: 1px dotted #888
}
.fancybox-close-small:hover:after {
    color: #555;
    background: #eee
}
.fancybox-slide--iframe .fancybox-close-small {
    top: 0;
    right: -44px
}
.fancybox-slide--iframe .fancybox-close-small:after {
    background: transparent;
    font-size: 35px;
    color: #aaa
}
.fancybox-slide--iframe .fancybox-close-small:hover:after {
    color: #fff
}
.fancybox-caption-wrap {
    bottom: 0;
    left: 0;
    right: 0;
    padding: 60px 30px 0;
    background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, .2) 40%, rgba(0, 0, 0, .6) 80%, rgba(0, 0, 0, .8));
    pointer-events: none
}
.fancybox-caption {
    padding: 30px 0;
    border-top: 1px solid hsla(0, 0%, 100%, .4);
    font-size: 14px;
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    color: #fff;
    line-height: 20px;
    -webkit-text-size-adjust: none
}
.fancybox-caption a,
.fancybox-caption button,
.fancybox-caption select {
    pointer-events: all
}
.fancybox-caption a {
    color: #fff;
    text-decoration: underline
}
.fancybox-button {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    background: transparent;
    color: #ddd;
    border-radius: 0;
    cursor: pointer;
    vertical-align: top;
    outline: none
}
.fancybox-button[disabled] {
    cursor: default;
    pointer-events: none
}
.fancybox-button,
.fancybox-infobar__body {
    background: rgba(30, 30, 30, .6)
}
.fancybox-button:hover:not([disabled]) {
    color: #fff;
    background: rgba(0, 0, 0, .8)
}
.fancybox-button:after,
.fancybox-button:before {
    content: "";
    pointer-events: none;
    position: absolute;
    background-color: currentColor;
    color: currentColor;
    opacity: .9;
    box-sizing: border-box;
    display: inline-block
}
.fancybox-button[disabled]:after,
.fancybox-button[disabled]:before {
    opacity: .3
}
.fancybox-button--left:after,
.fancybox-button--right:after {
    top: 18px;
    width: 6px;
    height: 6px;
    background: transparent;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor
}
.fancybox-button--left:after {
    left: 20px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}
.fancybox-button--right:after {
    right: 20px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}
.fancybox-button--left {
    border-bottom-left-radius: 5px
}
.fancybox-button--right {
    border-bottom-right-radius: 5px
}
.fancybox-button--close:after,
.fancybox-button--close:before {
    content: "";
    display: inline-block;
    position: absolute;
    height: 2px;
    width: 16px;
    top: calc(50% - 1px);
    left: calc(50% - 8px)
}
.fancybox-button--close:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}
.fancybox-button--close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.fancybox-arrow {
    position: absolute;
    top: 50%;
    margin: -50px 0 0;
    height: 100px;
    width: 54px;
    padding: 0;
    border: 0;
    outline: none;
    background: none;
    cursor: pointer;
    z-index: 99995;
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: opacity .25s
}
.fancybox-arrow:after {
    content: "";
    position: absolute;
    top: 28px;
    width: 44px;
    height: 44px;
    background-color: rgba(30, 30, 30, .8);
    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 24px 24px
}
.fancybox-arrow--right {
    right: 0
}
.fancybox-arrow--left {
    left: 0;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}
.fancybox-arrow--left:after,
.fancybox-arrow--right:after {
    left: 0
}
.fancybox-show-nav .fancybox-arrow {
    opacity: .6
}
.fancybox-show-nav .fancybox-arrow[disabled] {
    opacity: .3
}
.fancybox-slide>.fancybox-loading {
    border: 6px solid hsla(0, 0%, 39%, .4);
    border-top: 6px solid hsla(0, 0%, 100%, .6);
    border-radius: 100%;
    height: 50px;
    width: 50px;
    -webkit-animation: a .8s infinite linear;
    animation: a .8s infinite linear;
    background: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    z-index: 99999
}
@-webkit-keyframes a {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}
@keyframes a {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}
.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1)
}
.fancybox-fx-slide.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    opacity: 0
}
.fancybox-fx-slide.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    opacity: 0
}
.fancybox-fx-slide.fancybox-slide--current {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1
}
.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}
.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5);
    opacity: 0
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
    -webkit-transform: scale3d(.5, .5, .5);
    transform: scale3d(.5, .5, .5);
    opacity: 0
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1
}
.fancybox-fx-rotate.fancybox-slide--previous {
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn);
    opacity: 0
}
.fancybox-fx-rotate.fancybox-slide--next {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
    opacity: 0
}
.fancybox-fx-rotate.fancybox-slide--current {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1
}
.fancybox-fx-circular.fancybox-slide--previous {
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    opacity: 0
}
.fancybox-fx-circular.fancybox-slide--next {
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    opacity: 0
}
.fancybox-fx-circular.fancybox-slide--current {
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0);
    opacity: 1
}
.fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}
.fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}
.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1)
}
@media (max-width: 800px) {
    .fancybox-infobar {
        left: 0;
        margin-left: 0
    }
    .fancybox-button--left,
    .fancybox-button--right {
        display: none!important
    }
    .fancybox-caption {
        padding: 20px 0;
        margin: 0
    }
}
.fancybox-button--fullscreen:before {
    width: 15px;
    height: 11px;
    left: calc(50% - 7px);
    top: calc(50% - 6px);
    border: 2px solid;
    background: none
}
.fancybox-button--pause:before,
.fancybox-button--play:before {
    top: calc(50% - 6px);
    left: calc(50% - 4px);
    background: transparent
}
.fancybox-button--play:before {
    width: 0;
    height: 0;
    border-top: 6px inset transparent;
    border-bottom: 6px inset transparent;
    border-left: 10px solid;
    border-radius: 1px
}
.fancybox-button--pause:before {
    width: 7px;
    height: 11px;
    border-style: solid;
    border-width: 0 2px
}
.fancybox-button--thumbs,
.fancybox-thumbs {
    display: none
}
@media (min-width: 800px) {
    .fancybox-button--thumbs {
        display: inline-block
    }
    .fancybox-button--thumbs span {
        font-size: 23px
    }
    .fancybox-button--thumbs:before {
        width: 3px;
        height: 3px;
        top: calc(50% - 2px);
        left: calc(50% - 2px);
        box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, inset 0 0 0 32px, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0
    }
    .fancybox-thumbs {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: auto;
        width: 220px;
        margin: 0;
        padding: 5px 5px 0 0;
        background: #fff;
        word-break: normal;
        -webkit-tap-highlight-color: transparent;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        box-sizing: border-box;
        z-index: 99995
    }
    .fancybox-show-thumbs .fancybox-thumbs {
        display: block
    }
    .fancybox-show-thumbs .fancybox-inner {
        right: 220px
    }
    .fancybox-thumbs>ul {
        list-style: none;
        position: absolute;
        position: relative;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        overflow-x: hidden;
        overflow-y: auto;
        font-size: 0
    }
    .fancybox-thumbs>ul>li {
        float: left;
        overflow: hidden;
        max-width: 50%;
        padding: 0;
        margin: 0;
        width: 105px;
        height: 75px;
        position: relative;
        cursor: pointer;
        outline: none;
        border: 5px solid transparent;
        border-top-width: 0;
        border-right-width: 0;
        -webkit-tap-highlight-color: transparent;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        box-sizing: border-box
    }
    li.fancybox-thumbs-loading {
        background: rgba(0, 0, 0, .1)
    }
    .fancybox-thumbs>ul>li>img {
        position: absolute;
        top: 0;
        left: 0;
        min-width: 100%;
        min-height: 100%;
        max-width: none;
        max-height: none;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }
    .fancybox-thumbs>ul>li:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border-radius: 2px;
        border: 4px solid #4ea7f9;
        z-index: 99991;
        opacity: 0;
        transition: all .2s cubic-bezier(.25, .46, .45, .94)
    }
    .fancybox-thumbs>ul>li.fancybox-thumbs-active:before {
        opacity: 1
    }
}
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}
.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}
.animated.bounceIn,
.animated.bounceOut,
.animated.flipOutX,
.animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}
@-webkit-keyframes b {
    0%, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}
@keyframes b {
    0%, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}
.bounce {
    -webkit-animation-name: b;
    animation-name: b;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}
@-webkit-keyframes c {
    0%, 50%, to {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}
@keyframes c {
    0%, 50%, to {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}
.flash {
    -webkit-animation-name: c;
    animation-name: c
}
@-webkit-keyframes d {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@keyframes d {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
.pulse {
    -webkit-animation-name: d;
    animation-name: d
}
@-webkit-keyframes e {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@keyframes e {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
.rubberBand {
    -webkit-animation-name: e;
    animation-name: e
}
@-webkit-keyframes f {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}
@keyframes f {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}
.shake {
    -webkit-animation-name: f;
    animation-name: f
}
@-webkit-keyframes g {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
@keyframes g {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: g;
    animation-name: g
}
@-webkit-keyframes h {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}
@keyframes h {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}
.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: h;
    animation-name: h
}
@-webkit-keyframes i {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@keyframes i {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
.tada {
    -webkit-animation-name: i;
    animation-name: i
}
@-webkit-keyframes j {
    0% {
        -webkit-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes j {
    0% {
        -webkit-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
.wobble {
    -webkit-animation-name: j;
    animation-name: j
}
@-webkit-keyframes k {
    0%, 11.1%, to {
        -webkit-transform: none;
        transform: none
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(.39062deg) skewY(.39062deg);
        transform: skewX(.39062deg) skewY(.39062deg)
    }
    88.8% {
        -webkit-transform: skewX(-.19531deg) skewY(-.19531deg);
        transform: skewX(-.19531deg) skewY(-.19531deg)
    }
}
@keyframes k {
    0%, 11.1%, to {
        -webkit-transform: none;
        transform: none
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(.39062deg) skewY(.39062deg);
        transform: skewX(.39062deg) skewY(.39062deg)
    }
    88.8% {
        -webkit-transform: skewX(-.19531deg) skewY(-.19531deg);
        transform: skewX(-.19531deg) skewY(-.19531deg)
    }
}
.jello {
    -webkit-animation-name: k;
    animation-name: k;
    -webkit-transform-origin: center;
    transform-origin: center
}
@-webkit-keyframes l {
    0%, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
@keyframes l {
    0%, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
.bounceIn {
    -webkit-animation-name: l;
    animation-name: l
}
@-webkit-keyframes m {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes m {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
.bounceInDown {
    -webkit-animation-name: m;
    animation-name: m
}
@-webkit-keyframes n {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes n {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
.bounceInLeft {
    -webkit-animation-name: n;
    animation-name: n
}
@-webkit-keyframes o {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes o {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}
.bounceInRight {
    -webkit-animation-name: o;
    animation-name: o
}
@-webkit-keyframes p {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
@keyframes p {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
.bounceInUp {
    -webkit-animation-name: p;
    animation-name: p
}
@-webkit-keyframes q {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}
@keyframes q {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}
.bounceOut {
    -webkit-animation-name: q;
    animation-name: q
}
@-webkit-keyframes r {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}
@keyframes r {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}
.bounceOutDown {
    -webkit-animation-name: r;
    animation-name: r
}
@-webkit-keyframes s {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}
@keyframes s {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}
.bounceOutLeft {
    -webkit-animation-name: s;
    animation-name: s
}
@-webkit-keyframes t {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}
@keyframes t {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}
.bounceOutRight {
    -webkit-animation-name: t;
    animation-name: t
}
@-webkit-keyframes u {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}
@keyframes u {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}
.bounceOutUp {
    -webkit-animation-name: u;
    animation-name: u
}
@-webkit-keyframes v {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
@keyframes v {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
.fadeIn {
    -webkit-animation-name: v;
    animation-name: v
}
@-webkit-keyframes w {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes w {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.fadeInDown {
    -webkit-animation-name: w;
    animation-name: w
}
@-webkit-keyframes x {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes x {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.fadeInDownBig {
    -webkit-animation-name: x;
    animation-name: x
}
@-webkit-keyframes y {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes y {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.fadeInLeft {
    -webkit-animation-name: y;
    animation-name: y
}
@-webkit-keyframes z {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes z {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.fadeInLeftBig {
    -webkit-animation-name: z;
    animation-name: z
}
@-webkit-keyframes A {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes A {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.fadeInRight {
    -webkit-animation-name: A;
    animation-name: A
}
@-webkit-keyframes B {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes B {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.fadeInRightBig {
    -webkit-animation-name: B;
    animation-name: B
}
@-webkit-keyframes C {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes C {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.fadeInUp {
    -webkit-animation-name: C;
    animation-name: C
}
@-webkit-keyframes D {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes D {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.fadeInUpBig {
    -webkit-animation-name: D;
    animation-name: D
}
@-webkit-keyframes E {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}
@keyframes E {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}
.fadeOut {
    -webkit-animation-name: E;
    animation-name: E
}
@-webkit-keyframes F {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}
@keyframes F {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}
.fadeOutDown {
    -webkit-animation-name: F;
    animation-name: F
}
@-webkit-keyframes G {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}
@keyframes G {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}
.fadeOutDownBig {
    -webkit-animation-name: G;
    animation-name: G
}
@-webkit-keyframes H {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}
@keyframes H {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}
.fadeOutLeft {
    -webkit-animation-name: H;
    animation-name: H
}
@-webkit-keyframes I {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}
@keyframes I {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}
.fadeOutLeftBig {
    -webkit-animation-name: I;
    animation-name: I
}
@-webkit-keyframes J {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}
@keyframes J {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}
.fadeOutRight {
    -webkit-animation-name: J;
    animation-name: J
}
@-webkit-keyframes K {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}
@keyframes K {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}
.fadeOutRightBig {
    -webkit-animation-name: K;
    animation-name: K
}
@-webkit-keyframes L {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}
@keyframes L {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}
.fadeOutUp {
    -webkit-animation-name: L;
    animation-name: L
}
@-webkit-keyframes M {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}
@keyframes M {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}
.fadeOutUpBig {
    -webkit-animation-name: M;
    animation-name: M
}
@-webkit-keyframes N {
    0% {
        -webkit-transform: perspective(400px) rotateY(-1turn);
        transform: perspective(400px) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}
@keyframes N {
    0% {
        -webkit-transform: perspective(400px) rotateY(-1turn);
        transform: perspective(400px) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}
.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: N;
    animation-name: N
}
@-webkit-keyframes O {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}
@keyframes O {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}
.flipInX {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: O;
    animation-name: O
}
@-webkit-keyframes P {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}
@keyframes P {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}
.flipInY {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: P;
    animation-name: P
}
@-webkit-keyframes Q {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}
@keyframes Q {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}
.flipOutX {
    -webkit-animation-name: Q;
    animation-name: Q;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}
@-webkit-keyframes R {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}
@keyframes R {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}
.flipOutY {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: R;
    animation-name: R
}
@-webkit-keyframes S {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
@keyframes S {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
.lightSpeedIn {
    -webkit-animation-name: S;
    animation-name: S;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}
@-webkit-keyframes T {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}
@keyframes T {
    0% {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}
.lightSpeedOut {
    -webkit-animation-name: T;
    animation-name: T;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}
@-webkit-keyframes U {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
@keyframes U {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
.rotateIn {
    -webkit-animation-name: U;
    animation-name: U
}
@-webkit-keyframes V {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
@keyframes V {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
.rotateInDownLeft {
    -webkit-animation-name: V;
    animation-name: V
}
@-webkit-keyframes W {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
@keyframes W {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
.rotateInDownRight {
    -webkit-animation-name: W;
    animation-name: W
}
@-webkit-keyframes X {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
@keyframes X {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
.rotateInUpLeft {
    -webkit-animation-name: X;
    animation-name: X
}
@-webkit-keyframes Y {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
@keyframes Y {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
.rotateInUpRight {
    -webkit-animation-name: Y;
    animation-name: Y
}
@-webkit-keyframes Z {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}
@keyframes Z {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}
.rotateOut {
    -webkit-animation-name: Z;
    animation-name: Z
}
@-webkit-keyframes ab {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}
@keyframes ab {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}
.rotateOutDownLeft {
    -webkit-animation-name: ab;
    animation-name: ab
}
@-webkit-keyframes bb {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}
@keyframes bb {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}
.rotateOutDownRight {
    -webkit-animation-name: bb;
    animation-name: bb
}
@-webkit-keyframes cb {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}
@keyframes cb {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}
.rotateOutUpLeft {
    -webkit-animation-name: cb;
    animation-name: cb
}
@-webkit-keyframes db {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}
@keyframes db {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}
.rotateOutUpRight {
    -webkit-animation-name: db;
    animation-name: db
}
@-webkit-keyframes eb {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%,
    80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}
@keyframes eb {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%,
    80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}
.hinge {
    -webkit-animation-name: eb;
    animation-name: eb
}
@-webkit-keyframes fb {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fb {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.rollIn {
    -webkit-animation-name: fb;
    animation-name: fb
}
@-webkit-keyframes gb {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }
}
@keyframes gb {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }
}
.rollOut {
    -webkit-animation-name: gb;
    animation-name: gb
}
@-webkit-keyframes hb {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}
@keyframes hb {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}
.zoomIn {
    -webkit-animation-name: hb;
    animation-name: hb
}
@-webkit-keyframes ib {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}
@keyframes ib {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}
.zoomInDown {
    -webkit-animation-name: ib;
    animation-name: ib
}
@-webkit-keyframes jb {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}
@keyframes jb {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}
.zoomInLeft {
    -webkit-animation-name: jb;
    animation-name: jb
}
@-webkit-keyframes kb {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}
@keyframes kb {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}
.zoomInRight {
    -webkit-animation-name: kb;
    animation-name: kb
}
@-webkit-keyframes lb {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}
@keyframes lb {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}
.zoomInUp {
    -webkit-animation-name: lb;
    animation-name: lb
}
@-webkit-keyframes mb {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}
@keyframes mb {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    to {
        opacity: 0
    }
}
.zoomOut {
    -webkit-animation-name: mb;
    animation-name: mb
}
@-webkit-keyframes nb {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}
@keyframes nb {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}
.zoomOutDown {
    -webkit-animation-name: nb;
    animation-name: nb
}
@-webkit-keyframes ob {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}
@keyframes ob {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}
.zoomOutLeft {
    -webkit-animation-name: ob;
    animation-name: ob
}
@-webkit-keyframes pb {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}
@keyframes pb {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}
.zoomOutRight {
    -webkit-animation-name: pb;
    animation-name: pb
}
@-webkit-keyframes qb {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}
@keyframes qb {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1)
    }
}
.zoomOutUp {
    -webkit-animation-name: qb;
    animation-name: qb
}
@-webkit-keyframes rb {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
@keyframes rb {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
.slideInDown {
    -webkit-animation-name: rb;
    animation-name: rb
}
@-webkit-keyframes sb {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
@keyframes sb {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
.slideInLeft {
    -webkit-animation-name: sb;
    animation-name: sb
}
@-webkit-keyframes tb {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
@keyframes tb {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
.slideInRight {
    -webkit-animation-name: tb;
    animation-name: tb
}
@-webkit-keyframes ub {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
@keyframes ub {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
.slideInUp {
    -webkit-animation-name: ub;
    animation-name: ub
}
@-webkit-keyframes vb {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}
@keyframes vb {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}
.slideOutDown {
    -webkit-animation-name: vb;
    animation-name: vb
}
@-webkit-keyframes wb {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}
@keyframes wb {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}
.slideOutLeft {
    -webkit-animation-name: wb;
    animation-name: wb
}
@-webkit-keyframes xb {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}
@keyframes xb {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}
.slideOutRight {
    -webkit-animation-name: xb;
    animation-name: xb
}
@-webkit-keyframes yb {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}
@keyframes yb {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}
.slideOutUp {
    -webkit-animation-name: yb;
    animation-name: yb
}
.container {
    width: 1200px;
    padding: 0
}
@media screen and (max-width: 1024px) {
    .container {
        width: 100%
    }
}
.container-inner {
    width: 1050px
}
@media screen and (max-width: 1024px) {
    .container-inner {
        width: calc(100% - 50px)
    }
    footer .container{
        padding-left:15px;
        padding-right:15px;
        width: 95% !important;
    }
    header .container{
        width: 95% !important;
    }
}
.row {
    margin: 0
}
.col-lg-1,
.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-lg-10,
.col-lg-11,
.col-lg-12,
.col-md-1,
.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-md-10,
.col-md-11,
.col-md-12,
.col-sm-1,
.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-sm-10,
.col-sm-11,
.col-sm-12,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    padding: 0
}
.grid-wrapper .grid-offset-top {
    position: relative;
    z-index: 3
}
@media screen and (max-width: 400px)  {
    .grid-wrapper .pull-right {
        margin-right: 30px
    }
}
@media screen and (max-width: 768px) {
    .grid-wrapper .pull-right {
        margin-right: 0
    }
}
.grid-wrapper .grid-inner {
    padding: 150px 100px;
    position: relative;
    z-index: 3
}
@media screen and (max-width: 1440px) {
    .grid-wrapper .grid-inner {
        padding: 100px
    }
}
@media screen and (max-width: 540px) {
    .grid-wrapper .grid-inner {
        padding: 100px 60px;
        padding: 75px 40px
    }
}
.grid-wrapper .grid-offset-custom .picture {
    position: relative;
    max-width: 65%;
    top: 50px
}
@media screen and (max-width: 540px) {
    .grid-wrapper .grid-offset-custom .picture {
        top: 15px
    }
}
@media screen and (max-width: 320px) {
    .grid-wrapper .grid-offset-custom .picture {
        max-width: 80%
    }
}
.grid-wrapper .grid-offset-custom .picture img {
    height: 230px;
    object-fit: cover
}
.grid-wrapper .grid-offset-custom .square-line {
    border: 1px solid #8a6f47;
    transform: translate3d(15px, 15px, 0);
    -moz-transform: translate3d(15px, 15px, 0);
    -webkit-transform: translate3d(15px, 15px, 0);
    -ms-transform: translate3d(15px, 15px, 0);
    -o-transform: translate3d(15px, 15px, 0);
    z-index: 5
}
.grid-wrapper .grid-offset-custom .caption {
    max-width: 80%;
    margin: auto;
    position: relative;
    z-index: 15
}
@media screen and (max-width: 540px) {
    .grid-wrapper .grid-offset-custom .caption {
        margin-right: 0;
        max-width: 70%
    }
}
@media screen and (max-width: 320px) {
    .grid-wrapper .grid-offset-custom .caption {
        max-width: 80%
    }
}
.grid-wrapper .grid-offset-custom .caption .inner {
    padding: 30px
}
#detailDest #location .arapey .grid-wrapper .grid-offset-custom .caption h4,
#detailDest #location .arapey .grid-wrapper .grid-offset-custom .caption h5,
#detailDest #location .arapey .grid-wrapper .grid-offset-custom .caption h6,
.grid-wrapper .grid-offset-custom .caption #detailDest #location .arapey h4,
.grid-wrapper .grid-offset-custom .caption #detailDest #location .arapey h5,
.grid-wrapper .grid-offset-custom .caption #detailDest #location .arapey h6,
.grid-wrapper .grid-offset-custom .caption .fh5,
.grid-wrapper .grid-offset-custom .testimonial-block .caption .author,
.testimonial-block .grid-wrapper .grid-offset-custom .caption .author {
    margin: 0 0 25px
}
.grid-wrapper .grid-offset-custom .caption p {
    color: #6a6a6a
}
@media screen and (max-width: 1440px) {
    .grid-entry-picture-icon .main-block-grid.entry-picture-icon-item,
    .main-block-grid.section {
        padding: 60px 0
    }
}
@media screen and (max-width: 1024px) {
    .grid-entry-picture-icon .main-block-grid.entry-picture-icon-item,
    .main-block-grid.section {
        padding: 45px 0
    }
}
@media screen and (max-width: 320px) {
    .grid-entry-picture-icon .main-block-grid.entry-picture-icon-item,
    .main-block-grid.section {
        padding: 30px 0
    }
}
.main-block-grid .row {
    margin-left: -10px;
    margin-right: -10px
}
.main-block-grid .grid-item {
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    margin-bottom: 20px;
    min-height: 430px;
    height: 100%;
}
.main-block-grid .grid-item.col-sm-6 {
    width: calc(100% - 20px)
}
@media screen and (max-width: 540px) {
    .main-block-grid .grid-item.col-sm-6 {
        width: calc(100% - 20px)
    }
}
.main-block-grid .grid-item.col-md-4 {
    width: calc(100% / 3 - 20px)
}
@media screen and (max-width: 768px) {
    .main-block-grid .grid-item.col-md-4 {
        width: calc(100% / 2 - 20px)
    }
}
@media screen and (max-width: 540px) {
    .main-block-grid .grid-item.col-md-4 {
        width: calc(100% - 20px)
    }
}
body,
html {
    font-weight: 400
}
body,
body a,
html,
html a {
    /* font-family: Montserrat, sans-serif; */
    /* font-size: 15px;
    color: #0c1a31; */
    /* line-height: 24px */
}

#karma_curated_events *{
    font-family: Montserrat, sans-serif; 
}

#karma_curated_events a{
    line-height: 24px;
}

#karma_curated_events .fa-solid, #karma_curated_events .fa-thin, #karma_curated_events .fas, #karma_curated_events .fat , #karma_curated_events .fa-light, #karma_curated_events .fa-regular, #karma_curated_events .fal, #karma_curated_events .far{
    font-family: "Font Awesome 6 Pro";
}


#karma_curated_events body a,
#karma_curated_events html a {
    text-decoration: none;
    outline: 0;
    transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    -moz-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    -ms-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    -o-transition-timing-function: cubic-bezier(.77, 0, .175, 1)
}
#karma_curated_events body a:active,
#karma_curated_events body a:focus,
#karma_curated_events body a:hover,
#karma_curated_events html a:active,
#karma_curated_events html a:focus,
#karma_curated_events html a:hover {
    color: #132b53;
    text-decoration: none
}
#karma_curated_events input,
#karma_curated_events option,
#karma_curated_eventsselect,
#karma_curated_events textarea {
    outline: 0
}
#karma_curated_events p {
    padding: 0;
    margin: 1em 0;
    font-family: Montserrat, sans-serif;
}
#karma_curated_events p:last-child {
    margin-bottom: 0
}
#karma_curated_events h1,
#karma_curated_events h2,
#karma_curated_events h3 {
    font-family: "Montserrat", serif;
    font-weight: 400;
    margin: 15px 0 30px
}
@media screen and (max-width: 540px) {
    h1,
    h2,
    h3 {
        margin: 10px 0 20px
    }
}
#karma_curated_events .fh1,
#karma_curated_events h1 {
    font-size: 60px;
    line-height: 70px;
    letter-spacing: 2px
}
@media screen and (max-width: 540px) {
    .fh1,
    h1 {
        font-size: 56px;
        line-height: 60px
    }
}
@media screen and (max-width: 320px) {
    .fh1,
    h1 {
        font-size: 46px;
        line-height: 50px
    }
}
#karma_curated_events .fh2,
#karma_curated_events h2{
    font-size: 40px;
    line-height: 48px;
    letter-spacing: 2px
}
@media screen and (max-width: 540px) {
    #karma_curated_events .fh2,
    #karma_curated_events h2 {
        font-size: 36px;
        line-height: 40px
    }
}
@media screen and (max-width: 320px) {
    #karma_curated_events .fh2,
    #karma_curated_events h2 {
        font-size: 30px;
        line-height: 34px
    }
}
#karma_curated_events .fh3,
#karma_curated_events h3 {
    font-size: 32px;
    line-height: 44px;
    letter-spacing: 2px
}
@media screen and (max-width: 540px) {
    #karma_curated_events .fh3,
    #karma_curated_events h3 {
        font-size: 27px;
        line-height: 31px
    }
}
@media screen and (max-width: 320px) {
    #karma_curated_events .fh3,
    #karma_curated_events h3 {
        font-size: 24px;
        line-height: 37px
    }
}
#karma_curated_events h4,
#karma_curated_events h5,
#karma_curated_events h6 {
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    margin: 8px 0 15px
}
@media screen and (max-width: 540px) {
    #karma_curated_events h4,
    #karma_curated_events h5,
    #karma_curated_events h6 {
        margin: 6px 0 12px
    }
}
#site-article .dates .date,
#karma_curated_events .fh4,
#karma_curated_events h4 {
    font-size: 27px;
    line-height: 32px
}
@media screen and (max-width: 540px) {
    #site-article .dates .date,
    #karma_curated_events .fh4,
    #karma_curated_events h4 {
        font-size: 24px;
        line-height: 28px
    }
}
#detailDest #location .arapey h4,
#detailDest #location .arapey h5,
#detailDest #location .arapey h6,
.fh5,
.testimonial-block .caption .author,
h5 {
    font-size: 20px;
    line-height: 22px;
    font-weight: 600
}
#amenitiesMobilePopup .popup .inner #detailDest #amenities .accordion a,
#detailDest #amenities .accordion .btn,
#detailDest #amenities .accordion .popup .inner a,
#detailDest #amenities .accordion .wpcf7 input[type=submit],
#detailDest #amenities .popup .inner .accordion a,
.contact-block .item-info a,
.fh6,
.testimonial-block .caption .author .from,
.wpcf7 #detailDest #amenities .accordion input[type=submit],
h6 {
    font-size: 16px;
    line-height: 19px;
    color: #8a6f47;
    letter-spacing: 2px;
    text-transform: uppercase
}
@media screen and (max-width: 540px) {
    #amenitiesMobilePopup .popup .inner #detailDest #amenities .accordion a,
    #detailDest #amenities .accordion .btn,
    #detailDest #amenities .accordion .popup .inner a,
    #detailDest #amenities .accordion .wpcf7 input[type=submit],
    #detailDest #amenities .popup .inner .accordion a,
    .contact-block .item-info a,
    .fh6,
    .testimonial-block .caption .author .from,
    .wpcf7 #detailDest #amenities .accordion input[type=submit],
    h6 {
        font-size: 15px;
        line-height: 18px
    }
}
#site-article .dates .month,
#site-article .more,
.fmenu,
.main-menu-mobile .menu-mobile a,
.main-menu a,
.newsletter button {
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    text-transform: uppercase
}
#amenitiesMobilePopup .popup .inner .page-exclusive .grid-item .caption a,
#amenitiesMobilePopup .popup .inner .site-pagination a,
#detailDest #amenities .accordion .sub-accordion a,
#detailDest #amenities .popup .inner .page-exclusive .grid-item .caption a,
#detailDest #amenities .popup .inner .site-pagination a,
.btn-arrow,
.contact-block .item-info label,
.fsubmenu,
.link-arrow a,
.page-exclusive .grid-item .caption #amenitiesMobilePopup .popup .inner a,
.page-exclusive .grid-item .caption #detailDest #amenities .popup .inner a,
.page-exclusive .grid-item .caption .btn,
.page-exclusive .grid-item .caption .wpcf7 input[type=submit],
.scrollTop a,
.site-pagination #amenitiesMobilePopup .popup .inner a,
.site-pagination #detailDest #amenities .popup .inner a,
.site-pagination .btn,
.site-pagination .wpcf7 input[type=submit],
.tab-menu-wrapper .tab-menu a,
.widget-area a,
.wpcf7 .page-exclusive .grid-item .caption input[type=submit],
.wpcf7 .site-pagination input[type=submit] {
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px
}
.copyright,
.copyright a,
.ction {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px
}
.fancybox-bg {
    background-color: #fff;
		background-color: #000;
}
@media screen and (max-width: 1024px) {
    .parScrolling {
        transform: none!important;
        -moz-transform: none!important;
        -webkit-transform: none!important;
        -ms-transform: none!important;
        -o-transform: none!important
    }
}
.wpsm_panel-group .wpsm_panel-body ul {
    margin-left: 30px
}
.wpsm_panel-group .wpsm_panel-body ul li {
    list-style: disc
}
.wpsm_panel-group .wpsm_panel-body ol {
    margin-left: 30px
}
.wpsm_panel-group .wpsm_panel-body ol li {
    list-style: decimal
}
.wpsm_panel-group .wpsm_panel-body a {
    color: #8a6f47
}
#detailDest #gallery .item,
#site-article.single-article .inner.flex,
.grid-wrapper .grid-offset-custom .picture,
.reset,
.share-icon p,
body,
html,
li,
ol,
ul {
    padding: 0;
    margin: 0
}
#detailDest #amenities .popup .popup-inner:after,
#sidebar .widget li:after,
#site-article.with-sidebar .picture-wrap:after,
.clearfix:after,
.container:after,
.main-tab-slider .tab-slider .slider-item:after {
    content: "";
    display: table;
    clear: both
}
.no-scroll {
    overflow: hidden
}
#amenitiesMobilePopup .popup .inner #detailDest #amenities .accordion .page-exclusive .grid-item .caption a,
#amenitiesMobilePopup .popup .inner #detailDest #amenities .accordion a:before,
#amenitiesMobilePopup .popup .inner #detailDest #amenities .accordion a svg,
#amenitiesMobilePopup .popup .inner a,
#detailDest #amenities .accordion .btn:before,
#detailDest #amenities .accordion .btn svg,
#detailDest #amenities .accordion .page-exclusive .grid-item .caption .btn,
#detailDest #amenities .accordion .popup .inner a:before,
#detailDest #amenities .accordion .popup .inner a svg,
#detailDest #amenities .accordion .wpcf7 .page-exclusive .grid-item .caption input[type=submit],
#detailDest #amenities .accordion .wpcf7 input[type=submit]:before,
#detailDest #amenities .accordion .wpcf7 input[type=submit] svg,
#detailDest #amenities .popup,
#detailDest #amenities .popup .inner .accordion a:before,
#detailDest #amenities .popup .inner .accordion a svg,
#detailDest #amenities .popup .inner a,
#detailDest #location .overlay,
#memberBenefits .custom-hover img,
#memberBenefits .grid-item .picture:after,
#memberBenefits .grid-item .picture img,
#site-article .dates .main-destination .column-item .date:after,
#site-article .more svg,
#site-article.with-sidebar .picture-wrap img,
#site-article figure img,
#site-article h2,
.btn,
.btn-arrow svg,
.contact-block .item-info .page-exclusive .grid-item .caption a,
.gallery-item img,
.gallery .gallery-caption,
.header:after,
.img-hover img,
.link-arrow a:after,
.link-arrow a svg,
.main-destination .column-item #site-article .dates .date:after,
.main-destination .column-item .arrow,
.main-destination .column-item .fh4:after,
.main-destination .column-item .title,
.main-destination .column-item li,
.main-menu-mobile .menu-mobile li,
.main-tab-slider .tab-navigation a,
.nav-filter-sticky,
.page-exclusive .grid-item .caption #amenitiesMobilePopup .popup .inner #detailDest #amenities .accordion a,
.page-exclusive .grid-item .caption #detailDest #amenities .accordion .btn,
.page-exclusive .grid-item .caption #detailDest #amenities .accordion .wpcf7 input[type=submit],
.page-exclusive .grid-item .caption .btn,
.page-exclusive .grid-item .caption .btn-anim,
.page-exclusive .grid-item .caption .contact-block .item-info a,
.page-exclusive .grid-item .caption .fh6,
.page-exclusive .grid-item .caption .wpcf7 #detailDest #amenities .accordion input[type=submit],
.page-exclusive .grid-item .caption .wpcf7 input[type=submit],
.page-exclusive .grid-item .overlay,
.page-exclusive .grid-item .testimonial-block .caption .author .from,
.scrollTop,
.tab-menu-wrapper,
.tab-menu-wrapper .tab-menu a.nav:after,
.testimonial-block .page-exclusive .grid-item .caption .author .from,
.text-icon-custom .text,
.text-icon-custom .text-icon-item,
.transition4s,
.trigger-menu,
.trigger-menu span,
.trigger-menu span:after,
.trigger-menu span:before,
.wpcf7 #detailDest #amenities .accordion .page-exclusive .grid-item .caption input[type=submit],
.wpcf7 #detailDest #amenities .accordion input[type=submit]:before,
.wpcf7 #detailDest #amenities .accordion input[type=submit] svg,
.wpcf7 .page-exclusive .grid-item .caption input[type=submit],
.wpcf7 input[type=submit],
body a,
html a {
    transition: all .4s ease;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease
}
#destiDesc:before,
#detailDest #amenities .popup,
#detailDest #amenities:after,
#detailDest #amenities:before,
#detailDest #location:after,
#detailDest #location:before,
#loader .load,
#memberBenefits .grid-item .picture:after,
#site-article.single-article blockquote:before,
.absolute,
.grid-wrapper .grid-offset-custom .square-line,
.main-tab-slider .tab-slider .slider-item .bg,
.overlay,
.page-exclusive .grid-item .inner,
.wpcf7 .wpcf7-not-valid-tip {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}
#amenitiesMobilePopup .popup .inner #detailDest #location .video-player a,
#amenitiesMobilePopup .popup .inner #detailDest #location .virtual-tour a,
#detailDest #amenities .popup .inner #location .video-player a,
#detailDest #amenities .popup .inner #location .virtual-tour a,
#detailDest #location .video-player #amenities .popup .inner a,
#detailDest #location .video-player #amenitiesMobilePopup .popup .inner a,
#detailDest #location .video-player .btn,
#detailDest #location .video-player .btn-play,
#detailDest #location .video-player .wpcf7 input[type=submit],
#detailDest #location .virtual-tour #amenities .popup .inner a,
#detailDest #location .virtual-tour #amenitiesMobilePopup .popup .inner a,
#detailDest #location .virtual-tour .btn,
#detailDest #location .virtual-tour .btn-play,
#detailDest #location .virtual-tour .wpcf7 input[type=submit],
.block-slider .text-entry,
.full-absolute,
.page-destination .video-player .btn-play,
.page-exclusive .grid-item .caption .btn-anim,
.wpcf7 #detailDest #location .video-player input[type=submit],
.wpcf7 #detailDest #location .virtual-tour input[type=submit] {
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%)
}
.block-slider .owl-nav,
.filter-destination .filter-search button,
.main-destination .column-item .arrow,
.main-tab-slider .nav-slider,
.main-tab-slider .tab-slider .owl-nav .owl-next,
.main-tab-slider .tab-slider .owl-nav .owl-prev,
.testimonial-block .block-wrap:after,
.testimonial-block .block-wrap:before,
.testimonial-block .caption .inner:after,
.testimonial-block .caption .inner:before,
.trigger-menu span,
.vertical-absolute {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}
.horizontal-absolute {
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%)
}
.full-relative {
    left: 50%;
    top: 50%;
    position: relative;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%)
}
.vertical-relative {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}
.horizontal-relative {
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%)
}
.img-circle {
    border-radius: 50%;
    overflow: hidden
}
.img-circle,
.lines-rounded {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%
}
.lines-rounded {
    border-radius: 50%;
    border: 2px solid #0c1a31
}
.lines-rounded.text-gold,
.link-arrow a.lines-rounded,
.share-icon a.lines-rounded {
    border-color: #8a6f47
}
li,
ol,
ul {
    list-style: none;
}
input,
textarea {
    outline: 0
}
img {
    max-width: 100%;
    vertical-align: middle
}
svg {
    fill: currentColor
}
#amenitiesMobilePopup .popup .inner a,
#detailDest #amenities .popup .inner a,
.btn,
.wpcf7 input[type=submit] {
    font-size: 15px;
    line-height: 18px;
    font-weight: 400;
    border: 1px solid #0c1a31;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    text-transform: uppercase;
    padding: 10px 35px;
    color: #0c1a31;
    background-color: transparent;
    display: inline-block;
    transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    -moz-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    -ms-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    -o-transition-timing-function: cubic-bezier(.77, 0, .175, 1)
}
#amenitiesMobilePopup #detailDest #amenities .popup .inner a,
#amenitiesMobilePopup .popup .inner a,
#detailDest #amenities #amenitiesMobilePopup .popup .inner a,
#detailDest #amenities .popup .inner a.lines-gold,
.btn.lines-gold,
.wpcf7 input.lines-gold[type=submit] {
    color: #8a6f47;
    border-color: #8a6f47
}
#amenitiesMobilePopup #detailDest #amenities .popup .inner a:hover,
#amenitiesMobilePopup .popup .inner a:hover,
#detailDest #amenities #amenitiesMobilePopup .popup .inner a:hover,
#detailDest #amenities .popup .inner a.lines-gold:hover,
.btn.lines-gold:hover,
.wpcf7 input.lines-gold[type=submit]:hover {
    background-color: #8a6f47;
    color: #fff
}
#amenitiesMobilePopup .popup .inner a.lines-blue,
#detailDest #amenities .popup .inner a.lines-blue,
.btn.lines-blue,
.wpcf7 input.lines-blue[type=submit] {
    color: #132b53;
    border-color: #132b53
}
#amenitiesMobilePopup .popup .inner a.lines-white,
#detailDest #amenities .popup .inner a.lines-white,
.btn.lines-white,
.wpcf7 input.lines-white[type=submit] {
    color: #fff;
    border-color: #8a6f47
}
#amenitiesMobilePopup .popup .inner a.lines-white:hover,
#detailDest #amenities .popup .inner a.lines-white:hover,
.btn.lines-white:hover,
.wpcf7 input.lines-white[type=submit]:hover {
    background-color: #8a6f47
}
#amenitiesMobilePopup .popup .inner a.lines-whites,
#detailDest #amenities .popup .inner a,
.btn.lines-whites,
.wpcf7 input.lines-whites[type=submit] {
    color: #fff;
    border-color: #fff
}
#amenitiesMobilePopup #detailDest #amenities .popup .inner a.bookNow,
#amenitiesMobilePopup .popup .inner .main-tab-slider .tab-slider .slider-item a.text-entry,
#amenitiesMobilePopup .popup .inner a.bg-gold,
#amenitiesMobilePopup .popup .inner a.bookNow,
#detailDest #amenities #amenitiesMobilePopup .popup .inner a.bookNow,
#detailDest #amenities .popup .btn.popup-content,
#detailDest #amenities .popup .inner .main-tab-slider .tab-slider .slider-item a.text-entry,
#detailDest #amenities .popup .inner a.bg-gold,
#detailDest #amenities .popup .inner a.popup-content,
#detailDest #amenities .popup .wpcf7 input.popup-content[type=submit],
.btn.bg-gold,
.main-tab-slider .tab-slider .slider-item #amenitiesMobilePopup .popup .inner a.text-entry,
.main-tab-slider .tab-slider .slider-item #detailDest #amenities .popup .inner a.text-entry,
.main-tab-slider .tab-slider .slider-item .btn.text-entry,
.main-tab-slider .tab-slider .slider-item .wpcf7 input.text-entry[type=submit],
.wpcf7 #detailDest #amenities .popup input.popup-content[type=submit],
.wpcf7 .main-tab-slider .tab-slider .slider-item input.text-entry[type=submit],
.wpcf7 input.bg-gold[type=submit] {
    color: #fff;
    border-color: #8a6f47;
    background-color: #8a6f47;
    background-color: #FF932A;
    border-color: #FF932A;
}
#amenitiesMobilePopup #detailDest #amenities .popup .inner a.bookNow:hover,
#amenitiesMobilePopup .popup .inner .main-tab-slider .tab-slider .slider-item a.text-entry:hover,
#amenitiesMobilePopup .popup .inner a.bg-gold:hover,
#amenitiesMobilePopup .popup .inner a.bookNow:hover,
#detailDest #amenities #amenitiesMobilePopup .popup .inner a.bookNow:hover,
#detailDest #amenities .popup .btn.popup-content:hover,
#detailDest #amenities .popup .inner .main-tab-slider .tab-slider .slider-item a.text-entry:hover,
#detailDest #amenities .popup .inner a.bg-gold:hover,
#detailDest #amenities .popup .inner a.popup-content:hover,
#detailDest #amenities .popup .wpcf7 input.popup-content[type=submit]:hover,
.btn.bg-gold:hover,
.main-tab-slider .tab-slider .slider-item #amenitiesMobilePopup .popup .inner a.text-entry:hover,
.main-tab-slider .tab-slider .slider-item #detailDest #amenities .popup .inner a.text-entry:hover,
.main-tab-slider .tab-slider .slider-item .btn.text-entry:hover,
.main-tab-slider .tab-slider .slider-item .wpcf7 input.text-entry[type=submit]:hover,
.wpcf7 #detailDest #amenities .popup input.popup-content[type=submit]:hover,
.wpcf7 .main-tab-slider .tab-slider .slider-item input.text-entry[type=submit]:hover,
.wpcf7 input.bg-gold[type=submit]:hover {
    background-color: transparent;
    color: #FF932A;
}
#amenitiesMobilePopup .popup .inner a.bg-blue,
#detailDest #amenities .popup .inner a.bg-blue,
.btn.bg-blue,
.wpcf7 input.bg-blue[type=submit] {
    color: #fff;
    border-color: #8a6f47;
    background-color: #132b53
}
#amenitiesMobilePopup .popup .inner a.bg-blue:hover,
#detailDest #amenities .popup .inner a.bg-blue:hover,
.btn.bg-blue:hover,
.wpcf7 input.bg-blue[type=submit]:hover {
    background-color: transparent;
    border-color: #132b53;
    color: #132b53
}
#amenitiesMobilePopup .popup .inner a.square,
#detailDest #amenities .popup .inner a.square,
.btn.square,
.wpcf7 input.square[type=submit] {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0
}
.btn-arrow:hover svg,
.link-arrow a:hover svg {
    padding-left: 10px
}
.btn-arrow svg,
.link-arrow a svg {
    display: inline-block;
    width: 7px;
    height: 7px;
    transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    -moz-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    -ms-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    -o-transition-timing-function: cubic-bezier(.77, 0, .175, 1)
}
.copyright,
.copyright a,
.page-exclusive .grid-item .caption,
.text-center {
    text-align: center
}
.text-left {
    text-align: left
}
.text-right {
    text-align: right
}
.text-justify {
    text-align: justify
}
#detailDest #cuisine .fh2,
#detailDest #reservation .fh2,
#detailDest #reservation p,
.main-menu-mobile .menu-mobile a,
.main-menu a,
.text-white {
    color: #fff
}
#resortPortfolio .caption,
.text-black {
    color: #0c1a31
}
.text-grey3 {
    color: #f7f7f7
}
.text-grey2 {
    color: #bababa
}
.text-grey1 {
    color: #6a6a6a
}
.link-arrow a,
.share-icon a,
.text-gold {
    color: #8a6f47
}
.bg-vh {
    height: 100vh
}
#detailDest #amenities .popup .popup-inner,
#detailDest #reservation,
#joinKarmaClub,
#karmaClub .grid-offset-top.grid-two,
.bg-cover,
.page-top-bg-banner,
.page-top-bg-half,
.page-top-bg-wrap,
.resortPortfolio .slider-item {
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}
#detailDest #reservation,
#joinKarmaClub,
.bg-fixed {
    background-attachment: fixed
}
.bg-grey1 {
    background-color: #6a6a6a
}
.bg-grey2 {
    background-color: #bababa
}
.bg-grey3 {
    background-color: #f7f7f7
}
#detailDest #cuisine,
.bg-black {
    background-color: #0c1a31
}
.bg-blue {
    background-color: #132b53
}
#amenitiesMobilePopup .popup .inner a.bookNow,
#detailDest #amenities .popup .popup-content,
.bg-gold,
.main-tab-slider .tab-slider .slider-item .text-entry {
    background-color: #8a6f47
}
#resortPortfolio .caption,
.bg-white {
    background-color: #fff
}
#loader .karma,
#PBeItLo .picture-with-icon .icon,
.flex-full-centered,
.page-exclusive .grid-item .inner,
.text-icon-custom .icon,
.text-icon-custom .text-icon-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}
#detailDest #amenities .accordion .accordion-wrap,
.display-flex,
.resortPortfolio .slider-item,
.share-icon,
.tab-menu-wrapper .tab-menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.grid-entry-picture-icon .entry-picture-icon-item,
.section {
    padding: 90px 0
}
@media screen and (max-width: 540px) {
    .grid-entry-picture-icon .entry-picture-icon-item,
    .section {
        padding: 60px 0
    }
}
.grid-entry-picture-icon .rltive.entry-picture-icon-item,
.section.rltive {
    position: relative
}
@media screen and (max-width: 540px) {
    .section-headline {
        width: 80%;
        margin: auto;
        float: none
    }
}
.zIndex {
    position: relative;
    z-index: 5
}
.overlay {
    background-color: #0c1a31;
    opacity: .1;
    z-index: 1
}
.overlay.o9 {
    opacity: .9
}
.overlay.gold {
    background-color: #8a6f47
}
.overlay.white {
    background-color: #fff
}
.text-entry {
    z-index: 5
}
.text-entry,
.tline {
    position: relative
}
.tline:after {
    content: "";
    display: block;
    height: 1px;
    width: 40px;
    background-color: #8a6f47;
    margin-top: 10px;
    margin-bottom: 40px
}
@media screen and (max-width: 540px) {
    .tline:after {
        margin-bottom: 30px
    }
}
.tline.tlcenter:after {
    margin-left: auto;
    margin-right: auto
}
.tline.tlleft:after {
    margin-right: auto
}
@media screen and (max-width: 768px) {
    .tline.tlleft:after {
        margin-left: auto
    }
}
.tline.tlright:after {
    margin-left: auto
}
@media screen and (max-width: 768px) {
    .tline.tlright:after {
        margin-right: auto
    }
}
#detailDest #cuisine .tline.fh2:after,
#detailDest #reservation .tline.fh2:after,
#detailDest #reservation p.tline:after,
.main-menu-mobile .menu-mobile a.tline:after,
.main-menu a.tline:after,
.tline.text-white:after {
    background-color: #fff
}
.find-destination-select .find-destination {
    background-color: transparent;
    padding: 0 25px;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    appearance: none;
    -webkit-appearance: none;
    height: 40px;
    border-color: #8a6f47;
    outline: 0;
    background-image: url(assets/images/angle-arrow-down.png);
    background-repeat: no-repeat;
    background-position: calc(100% - 20px);
    background-size: 15px 15px;
    color: #bababa;
    min-width: 280px
}
@media screen and (max-width: 540px) {
    .find-destination-select .find-destination {
        width: 100%;
        min-width: 100%
    }
}
.owl-carousel .owl-dots {
    text-align: center;
    margin: 25px 0
}
.owl-carousel .owl-dots .owl-dot {
    display: inline-block;
    margin: 0 5px
}
.owl-carousel .owl-dots .active span {
    background-color: #8a6f47
}
.owl-carousel .owl-dots span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 1px solid #8a6f47;
    display: block
}
.parScrolling {
    position: relative
}
.img-hover {
    overflow: hidden
}
.img-hover.over {
    background-color: #0c1a31
}
.img-hover.over:hover img {
    opacity: .35
}
@media screen and (max-width: 1024px) {
    .img-hover.over:hover img {
        opacity: 1
    }
}
.img-hover:hover .overlay {
    opacity: .2
}
@media screen and (max-width: 1024px) {
    .img-hover:hover .overlay {
        opacity: 1
    }
}
.img-hover:hover img {
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1)
}
.img-hover img {
    transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    -moz-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    -ms-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    -o-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.09);
    -moz-transform: scale(1.09);
    -webkit-transform: scale(1.09);
    -ms-transform: scale(1.09);
    -o-transform: scale(1.09)
}
.popup-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: hsla(0, 0%, 100%, .95);
    z-index: 9999
}
.site-pagination ul {
    font-size: 0;
    line-height: 0;
    text-align: center
}
.site-pagination li {
    display: inline-block;
    margin: 0 5px
}
#amenitiesMobilePopup .popup .inner .site-pagination a,
#detailDest #amenities .popup .inner .site-pagination a,
.site-pagination #amenitiesMobilePopup .popup .inner a,
.site-pagination #detailDest #amenities .popup .inner a,
.site-pagination .btn,
.site-pagination .wpcf7 input[type=submit],
.wpcf7 .site-pagination input[type=submit] {
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    display: block;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border: 1px solid #8a6f47;
    color: #8a6f47
}
@media screen and (max-width: 320px) {
    #amenitiesMobilePopup .popup .inner .site-pagination a,
    #detailDest #amenities .popup .inner .site-pagination a,
    .site-pagination #amenitiesMobilePopup .popup .inner a,
    .site-pagination #detailDest #amenities .popup .inner a,
    .site-pagination .btn,
    .site-pagination .wpcf7 input[type=submit],
    .wpcf7 .site-pagination input[type=submit] {
        width: 34px;
        height: 34px;
        line-height: 34px
    }
}
.site-pagination a:hover {
    background-color: #8a6f47;
    color: #fff
}
.site-pagination .btn-active {
    border: 0;
    position: relative
}
.site-pagination .btn-active:after {
    content: "";
    display: block;
    position: relative;
    bottom: 10px;
    width: 10px;
    height: 1px;
    margin: auto;
    background-color: #6a6a6a
}
#header.fixed {
    position: fixed;
    z-index: 1000;
    left: 0;
    right: 0;
    top: 0;
}
.header {
    padding: 25px 0
}
@media screen and (max-width: 540px) {
    .header {
        padding: 25px 0
    }
}
@media screen and (max-width: 375px) {
    .header {
        padding: 20px 0
    }
}
.header:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 10px;
    background-color: #0c1a31;
    transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    -moz-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    -ms-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    -o-transition-timing-function: cubic-bezier(.77, 0, .175, 1)
}
.header.scrolling:after {
    height: 100%
}
.header.scrolling .trigger-menu .trigger-line,
.header.scrolling .trigger-menu span,
.header.scrolling .trigger-menu span:after,
.header.scrolling .trigger-menu span:before {
    background-color: #fff
}
.header .container {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: relative;
    z-index: 10
}
.header .col-item,
.header .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center
}
.header .col-item {
    float: left
}
@media screen and (max-width: 1024px) {
    .header .col-item {
				padding: 0 25px;
		}
}
.header .left {
    width: 100%;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: flex-start
}
.header .right {
    /* width: 35%; */
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: flex-end;
    /* max-width: 216px; */
    /* width: 75px; */
    /* width: 540px; */
}

.header .right .menu-item-join a {
    white-space: nowrap;
}

.header .right .member-join ul {
    white-space: nowrap;
}

/*NEW CODE*/
.resortPortfolio .owl-item { height: 532px !important; }

@media screen and (max-width: 767px) {
.resortPortfolio .owl-item { height: auto; }
}

@media screen and (max-width: 375px) {
.newsletter {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.newsletter input {
border-radius: 30px;
margin-bottom: 5px;
text-align: center;
}
.newsletter button {
border-radius: 30px;
height: 38px;
width: 100%;
}
}

@media screen and (min-width: 1441px) {
.grid-item.grid-two.bg-black{
height: 532px;
}
}
/*EOF NEW CODE*/

.logos {
    line-height: 0;
    display: block
}
.logos svg {
    height: auto;
    width: 135px
}
@media screen and (max-width: 540px) {
    .logos svg {
        height: auto;
        width: 90px
    }
}
@media screen and (max-width: 1024px) {
    .main-menu {
        /* display: none */
    }
    .main-menu > ul > li{
        display: none;
    }
    .main-menu > ul > li.gtranslate-parent{
        display: block;
    }
    .header .left{
        padding-right: 0;
    }
    .header .right{
      width: 75px;
    }
}
nav.main-menu {
    margin-left: 25px;
    margin-left: auto;
}

.main-menu li {
    display: inline-block;
    margin-left: 16px;
    margin-left: 50px;
    margin-left: 23px;
}

@media not all and (min-resolution:.001dpcm) { @supports
(-webkit-appearance:none) {

.main-menu {
width:740px;
}

} }

.main-menu a:active,
.main-menu a:focus,
.main-menu a:hover,
.main-menu li.current_page_item a {
    color: #8a6f47
}
@media screen and (max-width: 1024px) {
    .member-join {
        display: none
    }
}
.member-join li {
    display: inline-block;
    margin-left: 30px;
    margin-left: 15px;
}
li.menu-item-reservation a {
    border: 1px solid #8a6f47;
    border-radius: 50px;
    padding: 10px 35px;
    color: #8a6f47;
    text-transform: uppercase;
    border-color: #fff;
    background-color: #fff;
    color: #fff;
    background-color: transparent;
}

li.menu-item-reservation a:hover{
    border-color: #8a6f47;
    background-color: #8a6f47;
    color: #fff;
}

@media not all and (min-resolution:.001dpcm) { @supports
(-webkit-appearance:none) {

.member-join {
    width:322px;
    white-space: nowrap;
}

}}

.member-join a:hover {
    color: #8a6f47
}
.trigger-menu {
    width: 40px;
    height: 40px;
    display: none
}
@media screen and (max-width: 1024px) {
    .trigger-menu {
        display: inline-block
    }
}
@media screen and (max-width: 320px) {
    .trigger-menu {
        width: 36px;
        height: 30px
    }
}
.trigger-menu.active {
    transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg)
}
.trigger-menu.active span {
    background-color: transparent!important
}
.trigger-menu.active span:before {
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    top: 0
}
.trigger-menu.active span:after {
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    bottom: 0
}
.trigger-menu .inner {
    position: relative;
    height: 100%;
    width: 100%
}
.trigger-menu .trigger-line,
.trigger-menu span,
.trigger-menu span:after,
.trigger-menu span:before {
    height: 3px;
    width: 100%;
    background-color: #95989a;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px
}
.trigger-menu span:after,
.trigger-menu span:before {
    content: "";
    display: block;
    position: absolute
}
.trigger-menu span:before {
    top: -10px
}
.trigger-menu span:after {
    bottom: -10px
}
#loader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    background-color: #fff;
    transition: transform 1.3s ease;
    -moz-transition: transform 1.3s ease;
    -webkit-transition: transform 1.3s ease;
    -ms-transition: transform 1.3s ease;
    -o-transition: transform 1.3s ease;
    transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    -moz-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    -ms-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    -o-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    transition-delay: .5s;
    -moz-transition-delay: .5s;
    -webkit-transition-delay: .5s;
    -ms-transition-delay: .5s;
    -o-transition-delay: .5s
}
#loader .karma {
    height: 100%;
    width: 100%
}
#loader svg {
    width: 150px
}
#loader .load {
    width: 0;
    height: 100%;
    z-index: 2
}
.main-menu-mobile {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 300px;
    height: 100%;
    background-color: #0c1a31;
    z-index: 100;
    transition: all .8s ease;
    -moz-transition: all .8s ease;
    -webkit-transition: all .8s ease;
    -ms-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    -moz-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    -ms-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    -o-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    transform: translateX(-150%);
    -moz-transform: translateX(-150%);
    -webkit-transform: translateX(-150%);
    -ms-transform: translateX(-150%);
    -o-transform: translateX(-150%)
}
@media screen and (max-width: 540px) {
    .main-menu-mobile {
        width: 75%
    }
}
.main-menu-mobile.opened {
    transform: translateX(0);
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0)
}
.main-menu-mobile .menu-mobile {
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center
}
.main-menu-mobile .menu-mobile .menu {
    width: 100%
}
.main-menu-mobile .menu-mobile li {
    opacity: 0;
    transform: translateX(20%);
    -moz-transform: translateX(20%);
    -webkit-transform: translateX(20%);
    -ms-transform: translateX(20%);
    -o-transform: translateX(20%)
}
.main-menu-mobile .menu-mobile a {
    font-size: 15px;
    display: block;
    padding: 20px 30px;
    letter-spacing: 2px
}
@media screen and (max-width: 320px) {
    .main-menu-mobile .menu-mobile a {
        font-size: 16px;
        padding: 20px 30px
    }
}
#footer {
    padding: 60px 0 0;
    background-color: #0c1a31
}
@media screen and (max-width: 1024px) {
    #footer {
        padding: 0
    }
}
.widget-area a {
    color: #fff
}
.widget-area a:hover {
    color: #8a6f47
}
@media screen and (max-width: 540px) {
    .widget-area a {
        display: block;
        padding: 15px 0
    }
}
@media screen and (max-width: 1024px) {
    .widget-column {
        width: 50%;
        margin-bottom: 25px
    }
}
@media screen and (max-width: 768px) {
    .widget-column {
        margin-bottom: 25px
    }
}
@media screen and (max-width: 540px) {
    .widget-column {
        margin-bottom: 40px;
        width: 100%
    }
    .widget-column:last-child {
        margin-bottom: 0
    }
    #amenitiesMobilePopup .popup .inner #detailDest #amenities .accordion .widget-column:last-child a:after,
    #detailDest #amenities .accordion .popup .inner .widget-column:last-child a:after,
    #detailDest #amenities .accordion .widget-column:last-child .btn:after,
    #detailDest #amenities .accordion .wpcf7 .widget-column:last-child input[type=submit]:after,
    #detailDest #amenities .popup .inner .accordion .widget-column:last-child a:after,
    .contact-block .item-info .widget-column:last-child a:after,
    .testimonial-block .caption .author .widget-column:last-child .from:after,
    .widget-column:last-child #amenitiesMobilePopup .popup .inner #detailDest #amenities .accordion a:after,
    .widget-column:last-child #detailDest #amenities .accordion .btn:after,
    .widget-column:last-child #detailDest #amenities .accordion .popup .inner a:after,
    .widget-column:last-child #detailDest #amenities .accordion .wpcf7 input[type=submit]:after,
    .widget-column:last-child #detailDest #amenities .popup .inner .accordion a:after,
    .widget-column:last-child .contact-block .item-info a:after,
    .widget-column:last-child .fh6:after,
    .widget-column:last-child .testimonial-block .caption .author .from:after,
    .widget-column:last-child .wpcf7 #detailDest #amenities .accordion input[type=submit]:after,
    .wpcf7 #detailDest #amenities .accordion .widget-column:last-child input[type=submit]:after {
        content: none
    }
}
#amenitiesMobilePopup .popup .inner #detailDest #amenities .accordion .widget-column a,
#detailDest #amenities .accordion .popup .inner .widget-column a,
#detailDest #amenities .accordion .widget-column .btn,
#detailDest #amenities .accordion .wpcf7 .widget-column input[type=submit],
#detailDest #amenities .popup .inner .accordion .widget-column a,
.contact-block .item-info .widget-column a,
.testimonial-block .caption .author .widget-column .from,
.widget-column #amenitiesMobilePopup .popup .inner #detailDest #amenities .accordion a,
.widget-column #detailDest #amenities .accordion .btn,
.widget-column #detailDest #amenities .accordion .popup .inner a,
.widget-column #detailDest #amenities .accordion .wpcf7 input[type=submit],
.widget-column #detailDest #amenities .popup .inner .accordion a,
.widget-column .contact-block .item-info a,
.widget-column .fh6,
.widget-column .testimonial-block .caption .author .from,
.widget-column .wpcf7 #detailDest #amenities .accordion input[type=submit],
.wpcf7 #detailDest #amenities .accordion .widget-column input[type=submit] {
    position: relative
}
@media screen and (max-width: 540px) {
    #amenitiesMobilePopup .popup .inner #detailDest #amenities .accordion .widget-column a,
    #detailDest #amenities .accordion .popup .inner .widget-column a,
    #detailDest #amenities .accordion .widget-column .btn,
    #detailDest #amenities .accordion .wpcf7 .widget-column input[type=submit],
    #detailDest #amenities .popup .inner .accordion .widget-column a,
    .contact-block .item-info .widget-column a,
    .testimonial-block .caption .author .widget-column .from,
    .widget-column #amenitiesMobilePopup .popup .inner #detailDest #amenities .accordion a,
    .widget-column #detailDest #amenities .accordion .btn,
    .widget-column #detailDest #amenities .accordion .popup .inner a,
    .widget-column #detailDest #amenities .accordion .wpcf7 input[type=submit],
    .widget-column #detailDest #amenities .popup .inner .accordion a,
    .widget-column .contact-block .item-info a,
    .widget-column .fh6,
    .widget-column .testimonial-block .caption .author .from,
    .widget-column .wpcf7 #detailDest #amenities .accordion input[type=submit],
    .wpcf7 #detailDest #amenities .accordion .widget-column input[type=submit] {
        margin-top: 0
    }
    #amenitiesMobilePopup .popup .inner #detailDest #amenities .accordion .widget-column a.active:after,
    #detailDest #amenities .accordion .popup .inner .widget-column a.active:after,
    #detailDest #amenities .accordion .widget-column .active.btn:after,
    #detailDest #amenities .accordion .wpcf7 .widget-column input.active[type=submit]:after,
    #detailDest #amenities .popup .inner .accordion .widget-column a.active:after,
    .contact-block .item-info .widget-column a.active:after,
    .testimonial-block .caption .author .widget-column .active.from:after,
    .widget-column #amenitiesMobilePopup .popup .inner #detailDest #amenities .accordion a.active:after,
    .widget-column #detailDest #amenities .accordion .active.btn:after,
    .widget-column #detailDest #amenities .accordion .popup .inner a.active:after,
    .widget-column #detailDest #amenities .accordion .wpcf7 input.active[type=submit]:after,
    .widget-column #detailDest #amenities .popup .inner .accordion a.active:after,
    .widget-column .contact-block .item-info a.active:after,
    .widget-column .fh6.active:after,
    .widget-column .testimonial-block .caption .author .active.from:after,
    .widget-column .wpcf7 #detailDest #amenities .accordion input.active[type=submit]:after,
    .wpcf7 #detailDest #amenities .accordion .widget-column input.active[type=submit]:after {
        transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg)
    }
    #amenitiesMobilePopup .popup .inner #detailDest #amenities .accordion .widget-column a:after,
    #detailDest #amenities .accordion .popup .inner .widget-column a:after,
    #detailDest #amenities .accordion .widget-column .btn:after,
    #detailDest #amenities .accordion .wpcf7 .widget-column input[type=submit]:after,
    #detailDest #amenities .popup .inner .accordion .widget-column a:after,
    .contact-block .item-info .widget-column a:after,
    .testimonial-block .caption .author .widget-column .from:after,
    .widget-column #amenitiesMobilePopup .popup .inner #detailDest #amenities .accordion a:after,
    .widget-column #detailDest #amenities .accordion .btn:after,
    .widget-column #detailDest #amenities .accordion .popup .inner a:after,
    .widget-column #detailDest #amenities .accordion .wpcf7 input[type=submit]:after,
    .widget-column #detailDest #amenities .popup .inner .accordion a:after,
    .widget-column .contact-block .item-info a:after,
    .widget-column .fh6:after,
    .widget-column .testimonial-block .caption .author .from:after,
    .widget-column .wpcf7 #detailDest #amenities .accordion input[type=submit]:after,
    .wpcf7 #detailDest #amenities .accordion .widget-column input[type=submit]:after {
        display: block
    }
}
.newsletter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px
}
.newsletter input {
    background-color: transparent;
    padding: 0 15px;
    border-radius: 30px 0 0 30px;
    -moz-border-radius: 30px 0 0 30px;
    -webkit-border-radius: 30px 0 0 30px;
    -ms-border-radius: 30px 0 0 30px;
    -o-border-radius: 30px 0 0 30px;
    border: 1px solid #8a6f47;
    height: 38px;
    color: #fff
}
@media screen and (max-width: 540px) {
    .newsletter input {
        width: 100%
    }
}
.newsletter button {
    color: #fff;
    background-color: #8a6f47;
    border: 1px solid #8a6f47;
    border-radius: 0 30px 30px 0;
    -moz-border-radius: 0 30px 30px 0;
    -webkit-border-radius: 0 30px 30px 0;
    -ms-border-radius: 0 30px 30px 0;
    -o-border-radius: 0 30px 30px 0;
    padding: 0 15px
}
.social-network ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.social-network li {
    margin-right: 15px
}
.social-network a {
    display: block;
    width: 20px;
    height: 20px;
    color: #6a6a6a
}
.social-network svg {
    width: 100%;
    height: auto
}
.scrollTop {
    transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    position: fixed;
    right: 0;
    bottom: 75px;
    z-index: 99;
    opacity: 0;
    visibility: hidden
}
.scrollTop.visible {
    opacity: 1;
    visibility: visible;
    bottom: 50px
}
.scrollTop a {
    color: #6a6a6a
}
@media screen and (max-width: 1024px) {
    .scrollTop a {
        font-size: 10px
    }
}
.scrollTop a:hover {
    color: #6a6a6a
}
@media screen and (max-width: 1024px) {
    .scrollTop a:hover {
        color: #6a6a6a
    }
}
.scrollTop a:active,
.scrollTop a:focus {
    color: #6a6a6a
}
p.copyright {
    margin: 50px 0 30px
}
@media screen and (max-width: 540px) {
    p.copyright {
        margin: 10px 0 20px
    }
}
.copyright,
.copyright a {
    color: #6a6a6a
}
@media screen and (max-width: 540px) {
    .copyright,
    .copyright a {
        text-align: left
    }
}
.top-main-background {
    position: relative;
    background-attachment: fixed;
    background-position: 50% 0;
    background-size: cover;
    transition: background-size 1s ease;
    -moz-transition: background-size 1s ease;
    -webkit-transition: background-size 1s ease;
    -ms-transition: background-size 1s ease;
    -o-transition: background-size 1s ease;
    transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    -moz-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    -ms-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    -o-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    transition-delay: 1.5s;
    -moz-transition-delay: 1.5s;
    -webkit-transition-delay: 1.5s;
    -ms-transition-delay: 1.5s;
    -o-transition-delay: 1.5s
}
.top-main-background .text-entry {
    position: relative;
    z-index: 4
}
.top-main-background.bg-video video {
    object-fit: cover;
    object-position: center;
    height: 100vh;
    width: 100%;
    position: relative;
}
@media screen and (max-width: 540px) {
    .top-main-background .text-entry {
        padding: 0 20px
    }
}
.top-main-background .text-entry p {
    font-size: 16px;
    color: #fff;
    font-weight: 300
}
#amenitiesMobilePopup .popup .inner .top-main-background .text-entry a,
#detailDest #amenities .popup .inner .top-main-background .text-entry a,
.top-main-background .text-entry #amenitiesMobilePopup .popup .inner a,
.top-main-background .text-entry #detailDest #amenities .popup .inner a,
.top-main-background .text-entry .btn,
.top-main-background .text-entry .wpcf7 input[type=submit],
.wpcf7 .top-main-background .text-entry input[type=submit] {
    margin-top: 15px
}
#karmaClub {
    background-color: #f7f7f7;
    padding: 0 0 30px;
    position: relative;
    z-index: 40
}
@media screen and (max-width: 768px) {
    #karmaClub {
        padding: 0
    }
}
#karmaClub .grid-offset-top.grid-one {
    top: -40px
}
@media screen and (max-width: 768px) {
    #karmaClub .grid-offset-top.grid-one {
        width: 90%;
        left: 50%;
        transform: translateX(-50%)!important;
        -moz-transform: translateX(-50%)!important;
        -webkit-transform: translateX(-50%)!important;
        -ms-transform: translateX(-50%)!important;
        -o-transform: translateX(-50%)!important;
        z-index: 10
    }
    #karmaClub .grid-offset-top.grid-one .fh2 {
        margin-bottom: 0
    }
    #amenitiesMobilePopup .popup .inner #detailDest #amenities .accordion #karmaClub .grid-offset-top.grid-one a,
    #detailDest #amenities .accordion #karmaClub .grid-offset-top.grid-one .btn,
    #detailDest #amenities .accordion .popup .inner #karmaClub .grid-offset-top.grid-one a,
    #detailDest #amenities .accordion .wpcf7 #karmaClub .grid-offset-top.grid-one input[type=submit],
    #detailDest #amenities .popup .inner .accordion #karmaClub .grid-offset-top.grid-one a,
    #karmaClub .grid-offset-top.grid-one #amenitiesMobilePopup .popup .inner #detailDest #amenities .accordion a,
    #karmaClub .grid-offset-top.grid-one #detailDest #amenities .accordion .btn,
    #karmaClub .grid-offset-top.grid-one #detailDest #amenities .accordion .popup .inner a,
    #karmaClub .grid-offset-top.grid-one #detailDest #amenities .accordion .wpcf7 input[type=submit],
    #karmaClub .grid-offset-top.grid-one #detailDest #amenities .popup .inner .accordion a,
    #karmaClub .grid-offset-top.grid-one .contact-block .item-info a,
    #karmaClub .grid-offset-top.grid-one .fh6,
    #karmaClub .grid-offset-top.grid-one .testimonial-block .caption .author .from,
    #karmaClub .grid-offset-top.grid-one .wpcf7 #detailDest #amenities .accordion input[type=submit],
    .contact-block .item-info #karmaClub .grid-offset-top.grid-one a,
    .testimonial-block .caption .author #karmaClub .grid-offset-top.grid-one .from,
    .wpcf7 #detailDest #amenities .accordion #karmaClub .grid-offset-top.grid-one input[type=submit] {
        margin-top: 0
    }
}
@media screen and (max-width: 540px) {
    #karmaClub .grid-offset-top.grid-one {
        width: calc(100% - 50px)
    }
}
#karmaClub .grid-offset-top.grid-two {
    top: -80px;
    height: 640px
}
@media screen and (max-width: 768px) {
    #karmaClub .grid-offset-top.grid-two {
        height: auto;
        margin-bottom: -80px
    }
}
#karmaClub .grid-offset-top.grid-two .grid-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: flex-end;
    -moz-align-items: baseline;
    -ms-align-items: baseline;
    align-items: baseline;
    height: 100%;
    padding-top: 0;
    padding-bottom: 0;
    bottom: 65px
}
@media screen and (max-width: 768px) {
    #karmaClub .grid-offset-top.grid-two .grid-inner {
        bottom: 0;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        padding: 150px 100px 100px
    }
}
@media screen and (max-width: 540px) {
    #karmaClub .grid-offset-top.grid-two .grid-inner {
        padding: 130px 50px 100px
    }
}
@media screen and (max-width: 320px) {
    #karmaClub .grid-offset-top.grid-two .grid-inner {
        padding: 100px 25px 75px
    }
}
#karmaClub .grid-offset-top .signature img {
    width: 120px
}
@media screen and (max-width: 768px) {
    #detailDest #amenities .accordion #karmaClub .row.accordion-wrap,
    #karmaClub #detailDest #amenities .accordion .row.accordion-wrap,
    #karmaClub .resortPortfolio .row.slider-item,
    #karmaClub .row.display-flex,
    #karmaClub .row.share-icon,
    #karmaClub .tab-menu-wrapper .tab-menu ul.row,
    .resortPortfolio #karmaClub .row.slider-item,
    .tab-menu-wrapper .tab-menu #karmaClub ul.row {
        display: block;
        text-align: center
    }
    #karmaClub .container-inner,
    #karmaClub .grid-item {
        width: 100%
    }
}
#memberBenefits .main-grid-offset {
    transform: translateX(15px);
    -moz-transform: translateX(15px);
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    -o-transform: translateX(15px);
    margin-bottom: 50px
}
@media screen and (max-width: 540px) {
    #memberBenefits .main-grid-offset {
        transform: none;
        -moz-transform: none;
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none
    }
}
#memberBenefits .memBenSlide {
    overflow: hidden
}
@media screen and (max-width: 1024px) {
    #memberBenefits .memBenSlide .grid-item {
        width: 100%
    }
    #memberBenefits .memBenSlide .owl-stage-outer {
        width: calc(100% - 100px);
        margin: auto
    }
}
@media screen and (max-width: 768px) {
    #memberBenefits .memBenSlide .owl-stage-outer {
        width: 100%
    }
}
#memberBenefits .owl-nav .owl-next,
#memberBenefits .owl-nav .owl-prev {
    position: absolute;
    color: #8a6f47
}
#memberBenefits .owl-nav .owl-next.disabled,
#memberBenefits .owl-nav .owl-prev.disabled {
    color: #bababa
}
#memberBenefits .owl-nav .owl-next svg,
#memberBenefits .owl-nav .owl-prev svg {
    width: 20px;
    height: 20px
}
#memberBenefits .owl-nav .owl-prev {
    bottom: 40px;
    left: 20px
}
@media screen and (max-width: 768px) {
    #memberBenefits .owl-nav .owl-prev {
        bottom: 60px;
        left: 0
    }
}
@media screen and (max-width: 540px) {
    #memberBenefits .owl-nav .owl-prev {
        left: 50px
    }
}
@media screen and (max-width: 320px) {
    #memberBenefits .owl-nav .owl-prev {
        left: 20px;
        bottom: 85px
    }
}
#memberBenefits .owl-nav .owl-next {
    top: 120px;
    right: 30px
}
@media screen and (max-width: 768px) {
    #memberBenefits .owl-nav .owl-next {
        top: 130px
    }
}
@media screen and (max-width: 540px) {
    #memberBenefits .owl-nav .owl-next {
        right: 60px
    }
}
@media screen and (max-width: 320px) {
    #memberBenefits .owl-nav .owl-next {
        right: 20px;
        top: 110px
    }
}
@media screen and (max-width: 540px) {
    #memberBenefits .container-inner {
        width: 100%
    }
}
#resortPortfolio {
    padding: 0
}
#resortPortfolio .caption {
    text-transform: uppercase;
    padding: 10px 100px;
    display: inline-block
}
@media screen and (max-width: 540px) {
    #resortPortfolio .caption {
        padding: 10px 30px
    }
}
#resortPortfolio .grid-inner {
    max-width: 60%
}
@media screen and (max-width: 1024px) {
    #resortPortfolio .grid-inner {
        max-width: 100%
    }
}
@media screen and (max-width: 768px) {
    #resortPortfolio .grid-inner {
        text-align: center
    }
}
@media screen and (max-width: 320px) {
    #resortPortfolio .grid-inner {
        padding: 60px 25px
    }
}
#resortPortfolio .grid-inner p {
    margin-bottom: 40px
}
@media screen and (max-width: 768px) {
    #resortPortfolio .grid-item {
        width: 100%
    }
}
@media screen and (max-width: 768px) {
    #detailDest #amenities .accordion #resortPortfolio .row.accordion-wrap,
    #resortPortfolio #detailDest #amenities .accordion .row.accordion-wrap,
    #resortPortfolio .resortPortfolio .row.slider-item,
    #resortPortfolio .row.display-flex,
    #resortPortfolio .row.share-icon,
    #resortPortfolio .tab-menu-wrapper .tab-menu ul.row,
    .resortPortfolio #resortPortfolio .row.slider-item,
    .tab-menu-wrapper .tab-menu #resortPortfolio ul.row {
        -moz-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}
@media screen and (max-width: 768px) {
    #resortPortfolio .slider-item {
        height: 400px;
        -moz-align-items: flex-start;
        -ms-align-items: flex-start;
        align-items: flex-start;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center
    }
}
@media screen and (max-width: 540px) {
    #resortPortfolio .slider-item {
        height: 250px
    }
}
.resortPortfolio,
.resortPortfolio .owl-item,
.resortPortfolio .owl-stage,
.resortPortfolio .owl-stage-outer,
.resortPortfolio .slider-item {
    height: 100%;
    width: 100%
}
.resortPortfolio .slider-item {
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: flex-start;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center
}
.resortPortfolio .caption {
    position: relative;
    left: 15%;
    transition: all 1.3s ease;
    -moz-transition: all 1.3s ease;
    -webkit-transition: all 1.3s ease;
    -ms-transition: all 1.3s ease;
    -o-transition: all 1.3s ease;
    opacity: 0
}
.resortPortfolio .owl-item.active .caption {
    left: 0;
    opacity: 1
}
.testimonial-block .picture {
    width: 125px;
    height: 125px;
    margin: 0
}
.testimonial-block .picture img {
    width: 100%;
    height: 100%;
    object-fit: cover
}
.testimonial-block .caption {
    width: calc(100% - 150px);
    padding-left: 50px
}
@media screen and (max-width: 768px) {
    .testimonial-block .caption {
        width: 100%;
        padding-left: 0;
        text-align: center
    }
}
.testimonial-block .caption .inner {
    position: relative;
    padding-right: 20px
}
@media screen and (max-width: 768px) {
    .testimonial-block .caption .inner {
        padding: 75px 0
    }
}
@media screen and (max-width: 540px) {
    .testimonial-block .caption .inner {
        padding: 75px 40px
    }
}
@media screen and (max-width: 320px) {
    .testimonial-block .caption .inner {
        padding: 75px 25px
    }
}
.testimonial-block .caption .inner:before {
    content: url(assets/images/icon/quote-left.svg);
    left: -150px
}
@media screen and (max-width: 1024px) {
    .testimonial-block .caption .inner:before {
        left: -75px
    }
}
@media screen and (max-width: 768px) {
    .testimonial-block .caption .inner:before {
        top: 25px
    }
}
.testimonial-block .caption .inner:after {
    content: url(assets/images/icon/quote-right.svg);
    right: -150px
}
@media screen and (max-width: 1024px) {
    .testimonial-block .caption .inner:after {
        right: -75px
    }
}
@media screen and (max-width: 768px) {
    .testimonial-block .caption .inner:after {
        right: auto;
        bottom: 0;
        top: auto
    }
}
.testimonial-block .caption .inner:after,
.testimonial-block .caption .inner:before {
    display: inline-block;
    width: 40px;
    height: 40px;
    display: none;
    margin-left: 12px
}
@media screen and (max-width: 768px) {
    .testimonial-block .caption .inner:after,
    .testimonial-block .caption .inner:before {
        display: block;
        left: 50%;
        transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%)
    }
}
.testimonial-block .caption .fp {
    font-size: 27px;
    line-height: 40px;
    font-style: italic;
    font-family: "Montserrat", serif
}
.testimonial-block .caption .author {
    margin-bottom: 0;
    text-transform: capitalize
}
.testimonial-block .caption .author .from {
    color: #0c1a31;
    text-transform: capitalize;
    font-weight: 400;
    letter-spacing: 0;
    position: relative;
    display: inline-block
}
.testimonial-block .caption .author .from:before {
    content: "";
    display: inline-block;
    height: 2px;
    width: 15px;
    background-color: #0c1a31;
    margin: 0 15px 5px
}
.testimonial-block .wrap {
    position: relative
}
@media screen and (max-width: 768px) {
    .testimonial-block .wrap {
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}
.testimonial-block .block-wrap {
    position: relative
}
.testimonial-block .block-wrap:after,
.testimonial-block .block-wrap:before {
    display: inline-block;
    width: 40px;
    height: 40px
}
@media screen and (max-width: 768px) {
    .testimonial-block .block-wrap:after,
    .testimonial-block .block-wrap:before {
        display: none
    }
}
.testimonial-block .block-wrap:before {
    content: url(assets/images/icon/quote-left.svg);
    left: -150px
}
@media screen and (max-width: 1024px) {
    .testimonial-block .block-wrap:before {
        left: -75px
    }
}
.testimonial-block .block-wrap:after {
    content: url(assets/images/icon/quote-right.svg);
    right: -150px
}
@media screen and (max-width: 1024px) {
    .testimonial-block .block-wrap:after {
        right: -75px
    }
}
#joinKarmaClub {
    position: relative;
    background-color: #8a6f47
}
#joinKarmaClub .overlay {
    opacity: .9
}
#joinKarmaClub .container {
    position: relative;
    z-index: 4
}
.firstAnimate {
    top: 40%!important;
    transition: all 1s ease;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition-delay: 1.5s;
    -moz-transition-delay: 1.5s;
    -webkit-transition-delay: 1.5s;
    -ms-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
    transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    -moz-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    -ms-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    -o-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    opacity: 0
}
.firstAnimate.done {
    top: 50%!important;
    opacity: 1
}
#memberBenefits .grid-item .picture {
    height: 230px;
    position: relative
}
#memberBenefits .grid-item .picture:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    z-index: -1
}
#memberBenefits .grid-item .picture:after,
#memberBenefits .grid-item .picture img {
    background-color: #bababa
}
.page-top-bg-wrap {
    height: 95vh;
    padding: 0
}
@media screen and (max-width: 768px) {
    .page-top-bg-wrap {
        padding-bottom: 0
    }
}
@media screen and (max-width: 540px) {
    .page-top-bg-wrap {
        height: 100vh;
        padding: 0
    }
}
.page-top-bg-wrap .overlay {
    opacity: .2
}
@media screen and (max-width: 1440px) {
    .page-top-bg-wrap.grid-wrapper .grid-inner {
        padding: 80px
    }
}
@media screen and (max-width: 540px) {
    .page-top-bg-wrap.grid-wrapper .grid-inner {
        padding: 65px 40px
    }
}
@media screen and (max-width: 320px) {
    .page-top-bg-wrap.grid-wrapper .grid-inner {
        padding: 50px 40px
    }
}
@media screen and (max-width: 768px) {
    .page-top-bg-wrap .grid-offset-top {
        text-align: center;
        top: auto;
        bottom: -50px
    }
}
.page-top-bg-wrap .grid-offset-top .fh2 {
    margin-bottom: 0
}
@media screen and (max-width: 768px) {
    .page-top-bg-wrap .container {
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -moz-align-items: flex-end;
        -ms-align-items: flex-end;
        align-items: flex-end
    }
}
.page-top-bg-wrap .row {
    position: absolute;
    bottom: -5vh;
    z-index: 50
}
@media screen and (max-width: 768px) {
    .page-top-bg-wrap .row {
        position: static;
        bottom: auto
    }
}
.page-top-bg-banner {
    padding: 0;		
	height: 100vh;
    background-position: center center !important;
    width: 100%;
    z-index: 2;
    background-attachment: fixed !important;
	background-attachment: initial !important;
    background-size: cover;
}

.single-events .page-top-bg-banner {
    margin-top: 112px;
    background-attachment: initial !important;
    background-size: cover;
    height: 50vh;
}

@media screen and (max-width: 540px){
    .single-events .page-top-bg-banner{
      margin-top: 90px;
    }
}

@media screen and (max-width: 375px){
    .single-events .page-top-bg-banner{
      margin-top: 80px;
    }
}

.page-template-template-join2-associate .page-top-bg-banner{
		height: 40vh;
}
.page-top-bg-banner .page-bg-entry {
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 10;
    display: none;
}
.page-top-bg-banner .fh1 {
    color: #fff;
    margin-top: 100px;
    margin-bottom: 0;
		
    margin-top: 0;
}
.header_overlay{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: end;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 45px;
}



.header_overlay .header_overlay_tagline{
    display: block;
    font-size: 1rem;
    color: #ccc;
    margin-bottom: 1rem;
    line-height: 24px;
}

.brand_color{
    color: #FF932A;
}

.header_overlay .header_overlay_title{
    font-size: 38px;
    color: #ccc;
    font-weight: 700;
}

.header_overlay .header_overlay_title span {
    display: block;
}

@media screen and (max-width: 600px) {

  .logo_events__link {
      max-width: 119px;
      display: block;
      margin-left: 20px;
  }

  .logo-text {
      margin-left: 20px;
  }

}

@media screen and (max-width: 540px) {
	
		.page-top-bg-banner {
				margin-top: 0;
				height: 70vh;
		}

    .page-top-bg-banner .fh1 {
        margin-top: 90px;
        font-size: 38px;
        line-height: 48px;
				
				margin-top: 0;
    }

  .header_overlay .header_overlay_title{
    font-size: 30px;
  }
  
}
@media screen and (max-width: 375px) {
		.page-top-bg-banner {
				margin-top: 0;
				height: 40vh;
		}
		
    .page-top-bg-banner .fh1 {
        margin-top: 80px;
        font-size: 32px;
        line-height: 42px;
				
				margin-top: 0;
    }
}
@media screen and (max-width: 320px) {
		.page-top-bg-banner {
				margin-top: 80px;
				height: 40vh;
		}
		
    .page-top-bg-banner .fh1 {
        font-size: 26px;
        line-height: 36px;
				
				margin-top: 0;
    }
}
.page-top-bg-half {
    height: 75vh;
    padding: 0
}
.block-slider {
    position: relative
}
@media screen and (max-width: 768px) {
    .block-slider.page-top-bg-wrap .container {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0
    }

  .header_overlay .header_overlay_title{
    font-size: 30px;
  }

  .header_overlay .header_overlay_title span{
    display: inline;
  }
}
.block-slider.page-top-bg-wrap .slider-wrap {
    height: 95vh
}
@media screen and (max-width: 540px) {
    .block-slider.page-top-bg-wrap .slider-wrap {
        height: 100vh
    }
}
.block-slider.page-top-bg-wrap .slider-item .bg {
    height: 95vh
}
@media screen and (max-width: 540px) {
    .block-slider.page-top-bg-wrap .slider-item .bg {
        height: 100vh
    }
}
.block-slider .text-entry {
    z-index: 50;
    position: absolute!important
}
.block-slider .slider-wrap {
    height: 100vh;
    width: 100%;
    z-index: 30;
    background-color: #0c1a31
}
.block-slider .slider-item .bg {
    height: 100vh;
    opacity: .6
}
.block-slider .owl-nav svg {
    width: 25px;
    height: 25px
}
.box-animate {
    overflow: hidden
}
@media screen and (max-width: 1024px) {
    .box-animate {
        overflow: visible
    }
  
  .header_overlay .header_overlay_title span{
    display: inline;
  }
}
.box-animate .grid-offset-top {
    transform: translateY(100%);
    -moz-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transition: all .75s ease;
    -moz-transition: all .75s ease;
    -webkit-transition: all .75s ease;
    -ms-transition: all .75s ease;
    -o-transition: all .75s ease;
    transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    -moz-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    -ms-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    -o-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    transition-delay: 1.5s;
    -moz-transition-delay: 1.5s;
    -webkit-transition-delay: 1.5s;
    -ms-transition-delay: 1.5s;
    -o-transition-delay: 1.5s
}
.box-animate .grid-offset-top.swing {
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0)
}
#PAAbout {
    padding: 150px 0
}
@media screen and (max-width: 1024px) {
    #PAAbout {
        padding: 150px 0 75px
    }
}
@media screen and (max-width: 768px) {
    #PAAbout {
        padding: 75px 0
    }
}
#PAAbout .text-entry .inner {
    padding-right: 150px
}
@media screen and (max-width: 768px) {
    #PAAbout .text-entry .inner {
        padding-right: 0;
        max-width: 80%;
        margin: auto;
        text-align: center;
        margin-bottom: 50px;
        max-width: 100%
    }
}
.text-icon-custom .text-icon-wrapper {
    padding-left: 100px
}
@media screen and (max-width: 1024px) {
    .text-icon-custom .text-icon-wrapper {
        padding-left: 0
    }
}
.text-icon-custom .text,
.text-icon-custom .text-icon-item {
    transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    -moz-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    -ms-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    -o-transition-timing-function: cubic-bezier(.77, 0, .175, 1)
}
.text-icon-custom .text-icon-item {
    margin-bottom: 15px;
    opacity: .5
}
@media screen and (max-width: 1024px) {
    .text-icon-custom .text-icon-item {
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        justify-content: flex-start;
        -ms-flex-pack: flex-start;
        margin-bottom: 30px;
        opacity: 1
    }
}
@media screen and (max-width: 768px) {
    .text-icon-custom .text-icon-item {
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}
.text-icon-custom .text-icon-item:last-child {
    margin-bottom: 0
}
.text-icon-custom .text-icon-item:nth-child(2n) {
    position: relative;
    left: 100px
}
@media screen and (max-width: 1024px) {
    .text-icon-custom .text-icon-item:nth-child(2n) {
        left: 0
    }
}
.text-icon-custom .text-icon-item:hover {
    opacity: 1
}
.text-icon-custom .text-icon-item:hover .text {
    opacity: 1;
    transform: translateX(0);
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0)
}
.text-icon-custom .icon {
    width: 100px;
    height: 100px
}
@media screen and (max-width: 1024px) {
    .text-icon-custom .icon {
        width: 80px;
        height: 80px;
        text-align: center
    }
}
.text-icon-custom .icon svg {
    width: 50px;
    height: 50px
}
@media screen and (max-width: 1024px) {
    .text-icon-custom .icon svg {
        width: 35px;
        height: 35px;
        margin: auto
    }
}
.text-icon-custom .text {
    padding-left: 30px;
    width: 65%;
    opacity: 0;
    transform: translateX(25px);
    -moz-transform: translateX(25px);
    -webkit-transform: translateX(25px);
    -ms-transform: translateX(25px);
    -o-transform: translateX(25px)
}
@media screen and (max-width: 1024px) {
    .text-icon-custom .text {
        opacity: 1;
        padding-left: 0
    }
}
@media screen and (max-width: 768px) {
    .text-icon-custom .text {
        width: 100%;
        transform: none;
        -moz-transform: none;
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        text-align: center
    }
}
#PAjoinClub .text-entry .inner {
    padding: 0 90px
}
@media screen and (max-width: 1024px) {
    #PAjoinClub .text-entry .inner {
        padding: 0 0 0 40px
    }
}
@media screen and (max-width: 540px) {
    #PAjoinClub .text-entry .inner {
        padding: 25px 0 0;
        text-align: center
    }
}
#PAjoinClub .row:first-child {
    margin-top: -4px;
    margin-bottom: 0;
}
@media screen and (max-width: 1024px) {
    #PAjoinClub .row:first-child {
        margin-bottom: 50px
    }
}
#amenitiesMobilePopup .popup .inner #PAjoinClub a,
#detailDest #amenities .popup .inner #PAjoinClub a,
#PAjoinClub #amenitiesMobilePopup .popup .inner a,
#PAjoinClub #detailDest #amenities .popup .inner a,
#PAjoinClub .btn,
#PAjoinClub .wpcf7 input[type=submit],
.wpcf7 #PAjoinClub input[type=submit] {
    margin: 0 10px
}
#amenitiesMobilePopup .popup .inner #PAjoinClub a.bg-gold:hover,
#amenitiesMobilePopup .popup .inner #PAjoinClub a.bookNow:hover,
#amenitiesMobilePopup .popup .inner .main-tab-slider .tab-slider .slider-item #PAjoinClub a.text-entry:hover,
#detailDest #amenities .popup #PAjoinClub .btn.popup-content:hover,
#detailDest #amenities .popup .inner #PAjoinClub a.bg-gold:hover,
#detailDest #amenities .popup .inner #PAjoinClub a.popup-content:hover,
#detailDest #amenities .popup .inner .main-tab-slider .tab-slider .slider-item #PAjoinClub a.text-entry:hover,
#detailDest #amenities .popup .wpcf7 #PAjoinClub input.popup-content[type=submit]:hover,
#PAjoinClub #amenitiesMobilePopup .popup .inner .main-tab-slider .tab-slider .slider-item a.text-entry:hover,
#PAjoinClub #amenitiesMobilePopup .popup .inner a.bg-gold:hover,
#PAjoinClub #amenitiesMobilePopup .popup .inner a.bookNow:hover,
#PAjoinClub #detailDest #amenities .popup .btn.popup-content:hover,
#PAjoinClub #detailDest #amenities .popup .inner .main-tab-slider .tab-slider .slider-item a.text-entry:hover,
#PAjoinClub #detailDest #amenities .popup .inner a.bg-gold:hover,
#PAjoinClub #detailDest #amenities .popup .inner a.popup-content:hover,
#PAjoinClub #detailDest #amenities .popup .wpcf7 input.popup-content[type=submit]:hover,
#PAjoinClub .btn.bg-gold:hover,
#PAjoinClub .main-tab-slider .tab-slider .slider-item #amenitiesMobilePopup .popup .inner a.text-entry:hover,
#PAjoinClub .main-tab-slider .tab-slider .slider-item #detailDest #amenities .popup .inner a.text-entry:hover,
#PAjoinClub .main-tab-slider .tab-slider .slider-item .btn.text-entry:hover,
#PAjoinClub .main-tab-slider .tab-slider .slider-item .wpcf7 input.text-entry[type=submit]:hover,
#PAjoinClub .wpcf7 #detailDest #amenities .popup input.popup-content[type=submit]:hover,
#PAjoinClub .wpcf7 .main-tab-slider .tab-slider .slider-item input.text-entry[type=submit]:hover,
#PAjoinClub .wpcf7 input.bg-gold[type=submit]:hover,
.main-tab-slider .tab-slider .slider-item #amenitiesMobilePopup .popup .inner #PAjoinClub a.text-entry:hover,
.main-tab-slider .tab-slider .slider-item #detailDest #amenities .popup .inner #PAjoinClub a.text-entry:hover,
.main-tab-slider .tab-slider .slider-item #PAjoinClub .btn.text-entry:hover,
.main-tab-slider .tab-slider .slider-item .wpcf7 #PAjoinClub input.text-entry[type=submit]:hover,
.wpcf7 #detailDest #amenities .popup #PAjoinClub input.popup-content[type=submit]:hover,
.wpcf7 #PAjoinClub input.bg-gold[type=submit]:hover,
.wpcf7 .main-tab-slider .tab-slider .slider-item #PAjoinClub input.text-entry[type=submit]:hover {
    color: #8a6f47
}
@media screen and (max-width: 540px) {
    #amenitiesMobilePopup .popup .inner #PAjoinClub a,
    #detailDest #amenities .popup .inner #PAjoinClub a,
    #PAjoinClub #amenitiesMobilePopup .popup .inner a,
    #PAjoinClub #detailDest #amenities .popup .inner a,
    #PAjoinClub .btn,
    #PAjoinClub .wpcf7 input[type=submit],
    .wpcf7 #PAjoinClub input[type=submit] {
        margin-bottom: 15px
    }
    #amenitiesMobilePopup .popup .inner #PAjoinClub a:last-child,
    #detailDest #amenities .popup .inner #PAjoinClub a:last-child,
    #PAjoinClub #amenitiesMobilePopup .popup .inner a:last-child,
    #PAjoinClub #detailDest #amenities .popup .inner a:last-child,
    #PAjoinClub .btn:last-child,
    #PAjoinClub .wpcf7 input[type=submit]:last-child,
    .wpcf7 #PAjoinClub input[type=submit]:last-child {
        margin-bottom: 0
    }
}
#PBebgWrap.page-top-bg-wrap .container-inner {
    width: 1200px
}
@media screen and (max-width: 1024px) {
    #PBebgWrap.page-top-bg-wrap .container-inner {
        width: calc(100% - 50px)
    }
}
#PBeItLo {
    padding: 0
}
#PBeItLo .row {
    position: relative;
    top: 90px
}
@media screen and (max-width: 1024px) {
    #PBeItLo .row {
        top: 50px
    }
}
@media screen and (max-width: 768px) {
    #PBeItLo .row {
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        top: 0
    }
}
@media screen and (max-width: 768px) {
    #PBeItLo .picture-with-icon {
        margin-bottom: 25px
    }
    #PBeItLo .picture-with-icon:last-child {
        margin-bottom: 0
    }
}
#PBeItLo .picture-with-icon .icon {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 80px
}
@media screen and (max-width: 1024px) {
    #PBeItLo .picture-with-icon .icon {
        transform: none!important;
        -moz-transform: none!important;
        -webkit-transform: none!important;
        -ms-transform: none!important;
        -o-transform: none!important;
        width: 80px;
        height: 80px;
        text-align: center
    }
}
@media screen and (max-width: 768px) {
    #PBeItLo .picture-with-icon .icon {
        position: relative;
        margin: -50px auto 0;
        top: 0
    }
}
#PBeItLo .picture-with-icon .icon svg {
    width: 50px;
    height: 50px
}
@media screen and (max-width: 1024px) {
    #PBeItLo .picture-with-icon .icon svg {
        width: 35px;
        height: 35px;
        margin: auto
    }
}
#PBeItLo .picture {
    margin: 0;
    padding: 0 50px;
    position: relative
}
@media screen and (max-width: 540px) {
    #PBeItLo .picture {
        padding: 0
    }
}
#PBeItLo .picture img {
    width: 425px;
    height: 450px;
    object-fit: cover
}
@media screen and (max-width: 768px) {
    #PBeItLo .picture img {
        width: 100%;
        max-height: 275px;
        height: auto
    }
}
@media screen and (max-width: 540px) {
    #PBeItLo .picture img {
        max-height: 180px
    }
}
#PBeItLo .text-entry .inner {
    padding: 0 50px
}
@media screen and (max-width: 540px) {
    #PBeItLo .text-entry .inner {
        padding: 0 15px
    }
}
@media screen and (max-width: 1024px) {
    #PBeItLo .text-entry {
        transform: none!important;
        -moz-transform: none!important;
        -webkit-transform: none!important;
        -ms-transform: none!important;
        -o-transform: none!important
    }
}
@media screen and (max-width: 768px) {
    #PBeItLo .text-entry {
        text-align: center
    }
}
#PBeItLo #resortPortfolio .caption p,
#PBeItLo .bg-grey3 p,
#PBeItLo .bg-white p,
#resortPortfolio #PBeItLo .caption p {
    color: #6a6a6a
}
#detailDest #PBeItLo #cuisine p,
#PBeItLo #detailDest #cuisine p,
#PBeItLo .bg-black p {
    color: #fff
}
.grid-entry-picture-icon .entry-picture-icon-item {
    padding-bottom: 0
}
@media screen and (max-width: 768px) {
    .grid-entry-picture-icon .entry-picture-icon-item {
        padding: 50px 0
    }
}
.grid-entry-picture-icon .entry-picture-icon-item:nth-child(odd) {
    background-color: #f7f7f7
}
.grid-entry-picture-icon .entry-picture-icon-item:nth-child(odd) .picture-with-icon .icon {
    right: 0
}
@media screen and (max-width: 768px) {
    .grid-entry-picture-icon .entry-picture-icon-item:nth-child(2n) .row {
        -moz-flex-direction: column-reverse!important;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }
}
.grid-entry-picture-icon .entry-picture-icon-item:nth-child(2n) .picture-with-icon .icon {
    left: 0
}
.grid-entry-picture-icon .entry-picture-icon-item:first-child {
    background-color: #0c1a31
}
.grid-entry-picture-icon .entry-picture-icon-item:first-child p {
    color: #fff
}
@media screen and (max-width: 768px) {
    .grid-entry-picture-icon .entry-picture-icon-item:first-child {
        padding-top: 100px
    }
}
.grid-entry-picture-icon .entry-picture-icon-item:last-child {
    padding-bottom: 200px
}
@media screen and (max-width: 768px) {
    .grid-entry-picture-icon .entry-picture-icon-item:last-child {
        padding-bottom: 50px
    }
}
.grid-entry-picture-icon:last-child {
    padding-bottom: 200px
}
.page-destination {
    padding-top: 165px;
    background-color: #f7f7f7
}
@media screen and (max-width: 1024px) {
    .page-destination {
        padding-top: 100px;
        padding-bottom: 60px
    }
}
.page-destination .container {
    position: relative
}
@media screen and (max-width: 768px) {
    .page-destination .entry-text {
        width: 100%
    }
}
.page-destination .entry-text .wrap {
    padding-right: 100px
}
@media screen and (max-width: 1024px) {
    .page-destination .entry-text .wrap {
        padding-left: 100px
    }
}
@media screen and (max-width: 768px) {
    .page-destination .entry-text .wrap {
        text-align: center
    }
}
@media screen and (max-width: 540px) {
    .page-destination .entry-text .wrap {
        padding-left: 30px;
        padding-right: 30px
    }
}
.page-destination .entry-content {
    position: absolute;
    right: 0;
    z-index: 10
}
@media screen and (max-width: 768px) {
    .page-destination .entry-content {
        position: relative;
        width: 100%;
        transform: none!important;
        -webkit-transform: none!important;
        -moz-transform: none!important
    }
}
.page-destination .video-player {
    position: relative;
    width: calc(100% - 100px);
    margin-left: auto
}
@media screen and (max-width: 1024px) {
    .page-destination .video-player {
        margin-left: 0
    }
}
@media screen and (max-width: 768px) {
    .page-destination .video-player {
        margin: 25px auto 0
    }
}
@media screen and (max-width: 540px) {
    .page-destination .video-player {
        margin: 25px auto 0;
        width: 100%
    }
}
.page-destination .video-player img {
    height: 250px;
    object-fit: cover
}
@media screen and (max-width: 768px) {
    .page-destination .video-player img {
        width: 100%;
        max-height: 350px;
        height: auto
    }
}
.page-destination .video-player .btn-play {
    color: #fff
}
.page-destination .video-player .btn-play svg {
    width: 50px;
    height: 50px
}
.main-destination {
    background-color: #0c1a31;
    padding-top: 120px
}
@media screen and (max-width: 768px) {
    .main-destination {
        padding: 65px 0
    }
}
.main-destination .column-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.main-destination .column-item {
    border: 1px solid #fff
}
@media screen and (max-width: 1024px) {
    .main-destination .column-item {
        border-bottom: 0;
        border-left: 0;
        border-right: 0;
        border-color: #212f46
    }
    .main-destination .column-item:last-of-type {
        border-bottom: 1px solid #212f46
    }
}
.main-destination .column-item .inner {
    padding: 35px 0
}
@media screen and (max-width: 1024px) {
    .main-destination .column-item .inner {
        padding: 20px 0
    }
}
#site-article .dates .main-destination .column-item .date,
.main-destination .column-item #site-article .dates .date,
.main-destination .column-item .fh4 {
    color: #fff;
    padding: 0 40px;
    position: relative
}
@media screen and (max-width: 1024px) {
    #site-article .dates .main-destination .column-item .date,
    .main-destination .column-item #site-article .dates .date,
    .main-destination .column-item .fh4 {
        margin: 0;
        font-size: 20px;
        line-height: 25px;
        padding: 0 15px
    }
    #site-article .dates .main-destination .column-item .date:after,
    .main-destination .column-item #site-article .dates .date:after,
    .main-destination .column-item .fh4:after {
        position: absolute;
        top: 0;
        right: 10px;
        margin: 0;
        background-image: url(assets/images/angle-arrow-down.png);
        width: 30px;
        height: 30px;
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: 20px 20px;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%
    }
}
@media screen and (max-width: 1024px) and (max-width: 540px) {
    #site-article .dates .main-destination .column-item .date:after,
    .main-destination .column-item #site-article .dates .date:after,
    .main-destination .column-item .fh4:after {
        right: 0;
        width: 25px;
        height: 25px;
        background-size: 16px 16px
    }
}
@media screen and (max-width: 1024px) {
    #site-article .dates .main-destination .column-item .active.date:after,
    .main-destination .column-item #site-article .dates .active.date:after,
    .main-destination .column-item .fh4.active:after {
        transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg)
    }
}
@media screen and (max-width: 540px) {
    #site-article .dates .main-destination .column-item .date,
    .main-destination .column-item #site-article .dates .date,
    .main-destination .column-item .fh4 {
        padding: 0;
        font-size: 18px;
        line-height: 22px
    }
}
#amenitiesMobilePopup .popup .inner #detailDest #amenities .accordion .main-destination .column-item a,
#detailDest #amenities .accordion .main-destination .column-item .btn,
#detailDest #amenities .accordion .popup .inner .main-destination .column-item a,
#detailDest #amenities .accordion .wpcf7 .main-destination .column-item input[type=submit],
#detailDest #amenities .popup .inner .accordion .main-destination .column-item a,
.contact-block .item-info .main-destination .column-item a,
.main-destination .column-item #amenitiesMobilePopup .popup .inner #detailDest #amenities .accordion a,
.main-destination .column-item #detailDest #amenities .accordion .btn,
.main-destination .column-item #detailDest #amenities .accordion .popup .inner a,
.main-destination .column-item #detailDest #amenities .accordion .wpcf7 input[type=submit],
.main-destination .column-item #detailDest #amenities .popup .inner .accordion a,
.main-destination .column-item .contact-block .item-info a,
.main-destination .column-item .fh6,
.main-destination .column-item .testimonial-block .caption .author .from,
.main-destination .column-item .wpcf7 #detailDest #amenities .accordion input[type=submit],
.testimonial-block .caption .author .main-destination .column-item .from,
.wpcf7 #detailDest #amenities .accordion .main-destination .column-item input[type=submit] {
    text-transform: capitalize
}
.main-destination .column-item p {
    margin-bottom: 8px;
    font-weight: 300
}
.main-destination .column-item .arrow,
.main-destination .column-item .title {
    color: #fff
}
@media screen and (max-width: 1024px) {
    .main-destination .column-item ul {
        display: none;
        margin: 15px 0
    }
}
.main-destination .column-item li {
    position: relative;
    padding: 10px 40px;
    cursor: pointer
}
@media screen and (max-width: 1024px) {
    .main-destination .column-item li {
        padding: 15px 40px
    }
    .main-destination .column-item li:last-of-type {
        padding-bottom: 0
    }
}
@media screen and (max-width: 540px) {
    .main-destination .column-item li {
        padding: 10px 25px
    }
}
.main-destination .column-item li:hover {
    background-color: #fff
}
.main-destination .column-item li:hover .title {
    color: #0c1a31
}
.main-destination .column-item li:hover .arrow {
    right: 40px;
    opacity: 1;
    visibility: visible
}
@media screen and (max-width: 1024px) {
    .main-destination .column-item li:hover {
        background-color: transparent
    }
    .main-destination .column-item li:hover .title {
        color: #fff
    }
    .main-destination .column-item li:hover .arrow {
        opacity: 0;
        visibility: hidden
    }
}
.main-destination .column-item .country,
.main-destination .column-item li:last-child {
    margin-bottom: 0
}
.main-destination .column-item .arrow {
    color: #fff;
    right: 50px;
    line-height: 0;
    opacity: 0;
    visibility: hidden
}
.main-destination .column-item .arrow svg {
    padding: 10px;
    width: 16px;
    height: 16px;
    background-color: #8a6f47;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%
}
.main-destination .column-item:nth-child(1n),
.main-destination .column-item:nth-child(2n),
.main-destination .column-item:nth-child(3n) {
    width: calc(100% / 3 - 2px)
}
@media screen and (max-width: 1024px) {
    .main-destination .column-item:nth-child(1n),
    .main-destination .column-item:nth-child(2n),
    .main-destination .column-item:nth-child(3n) {
        width: 100%
    }
}
.main-destination .column-item:nth-child(4n),
.main-destination .column-item:nth-child(5n) {
    width: calc(100% / 2 - 2px)
}
@media screen and (max-width: 1024px) {
    .main-destination .column-item:nth-child(4n),
    .main-destination .column-item:nth-child(5n) {
        width: 100%
    }
}
.bg-destinations .destination-logo {
    position: absolute;
    z-index: 10;
    bottom: 100px
}
@media screen and (max-width: 540px) {
    .bg-destinations .destination-logo {
        bottom: 90px
    }
}
@media screen and (max-width: 320px) {
    .bg-destinations .destination-logo {
        bottom: 80px
    }
}
.bg-destinations .destination-logo img {
    width: 225px;
    height: auto
}
@media screen and (max-width: 540px) {
    .bg-destinations .destination-logo img {
        width: 175px
    }
}
@media screen and (max-width: 320px) {
    .bg-destinations .destination-logo img {
        width: 150px
    }
}
.desc-caption {
    font-family: "Montserrat", serif;
    font-size: 28px;
    line-height: 40px;
    color: #6a6a6a;
    font-style: italic
}
#destiDesc {
    padding: 0;
    position: relative
}
#destiDesc:before {
    content: "";
    display: block;
    background-color: #f7f7f7;
    height: calc(100% - 80px)
}
#destiDesc .row {
    top: -40px
}
#destiDesc.grid-wrapper .grid-inner {
    padding-top: 100px;
    padding-bottom: 100px
}
@media screen and (max-width: 768px) {
    #destiDesc .grid-offset-top {
        text-align: center
    }
    #destiDesc .grid-offset-top:first-child .grid-inner {
        padding-bottom: 0
    }
    #destiDesc .grid-offset-top:nth-child(2) .grid-inner {
        padding-top: 50px
    }
}
@media screen and (max-width: 540px) {
    #destiDesc .grid-offset-top:first-child .grid-inner {
        padding: 30px 25px 0
    }
    #destiDesc .grid-offset-top:nth-child(2) .grid-inner {
        padding: 30px 25px
    }
}
#destiDesc .grid-offset-top.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center
}
@media screen and (max-width: 768px) {
    #destiDesc #detailDest #amenities .accordion .row.accordion-wrap,
    #destiDesc .resortPortfolio .row.slider-item,
    #destiDesc .row.display-flex,
    #destiDesc .row.share-icon,
    #destiDesc .tab-menu-wrapper .tab-menu ul.row,
    #detailDest #amenities .accordion #destiDesc .row.accordion-wrap,
    .resortPortfolio #destiDesc .row.slider-item,
    .tab-menu-wrapper .tab-menu #destiDesc ul.row {
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}
#destiDesc .overlay {
    opacity: 1;
    background: #fff;
    background: -webkit-gradient(left top, right top, color-stop(0, #fff), color-stop(80%, hsla(0, 0%, 100%, .95)), color-stop(100%, hsla(0, 0%, 100%, .85)));
    background: linear-gradient(90deg, #fff 0, hsla(0, 0%, 100%, .95) 80%, hsla(0, 0%, 100%, .85));
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1)
}
@media screen and (max-width: 768px) {
    .share-icon {
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center
    }
}
.share-icon p {
    text-transform: capitalize
}
.share-icon ul {
    font-size: 0
}
.share-icon li {
    display: inline-block;
    margin: 0 10px
}
.share-icon svg {
    width: 15px;
    height: 15px
}
#desStickyMenu {
    z-index: 99
}
#detailDest {
    padding: 0
}
#detailDest p {
    color: #6a6a6a
}
#detailDest .picture {
    margin: 0
}
@media screen and (max-width: 1024px) {
    #detailDest .container-inner {
        width: 100%
    }
}
#detailDest #location {
    position: relative;
    padding-top: 40px
}
@media screen and (max-width: 1024px) {
    #detailDest #location {
        padding-top: 0
    }
}
#detailDest #location:before {
    content: "";
    display: block;
    background-color: #0c1a31;
    height: 400px;
    bottom: auto
}
@media screen and (max-width: 1024px) {
    #detailDest #location:before {
        display: none
    }
}
#detailDest #location:after {
    content: "";
    display: block;
    background-color: #f7f7f7;
    height: calc(100% - 400px);
    top: auto
}
#detailDest #location .fh2 {
    margin-top: 0
}
#detailDest #location.grid-wrapper .grid-inner {
    padding-top: 100px;
    padding-bottom: 100px
}
#detailDest #location .scroll {
    max-height: 275px;
    overflow-y: scroll;
    margin-bottom: 50px
}
#detailDest #location .arapey h4,
#detailDest #location .arapey h5,
#detailDest #location .arapey h6 {
    font-family: "Montserrat", serif;
    text-transform: none;
    color: #0c1a31
}
#detailDest #location .text-entry a {
    display: block;
    margin-bottom: 15px
}
@media screen and (max-width: 1024px) {
    #detailDest #location .text-entry a {
        color: #8a6f47
    }
}
#detailDest #location .text-entry a:last-child {
    margin-bottom: 0
}
#detailDest #location .overlay {
    opacity: .8;
    transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    -moz-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    -ms-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    -o-transition-timing-function: cubic-bezier(.77, 0, .175, 1)
}
#detailDest #location .video-player,
#detailDest #location .virtual-tour {
    height: 200px
}
@media screen and (max-width: 540px) {
    #detailDest #location .video-player,
    #detailDest #location .virtual-tour {
        height: 175px
    }
}
#detailDest #location .virtual-tour .overlay {
    opacity: .4
}
@media screen and (max-width: 768px) {
    #amenitiesMobilePopup .popup .inner #detailDest #location .virtual-tour a,
    #detailDest #amenities .popup .inner #location .virtual-tour a,
    #detailDest #location .virtual-tour #amenities .popup .inner a,
    #detailDest #location .virtual-tour #amenitiesMobilePopup .popup .inner a,
    #detailDest #location .virtual-tour .btn,
    #detailDest #location .virtual-tour .wpcf7 input[type=submit],
    .wpcf7 #detailDest #location .virtual-tour input[type=submit] {
        min-width: 140px
    }
}
#detailDest #location .video-player .btn-play {
    z-index: 11;
    color: #fff
}
#detailDest #location .video-player .btn-play svg {
    width: 50px;
    height: 50px
}
#detailDest #location .video-player:hover .overlay {
    opacity: .2
}
#detailDest #location .grid-item {
    position: relative
}
#detailDest #amenities .popup .inner #location a:hover,
#detailDest #location #amenities .popup .inner a:hover,
#detailDest #location .lines-whites:hover {
    background-color: #8a6f47;
    border: 1px solid #8a6f47
}
@media screen and (max-width: 768px) {
    #detailDest #location.grid-wrapper .grid-inner {
        padding: 50px 65px
    }
    #detailDest #location.grid-wrapper .grid-inner .fh2 {
        margin-top: 0
    }
}
@media screen and (max-width: 540px) {
    #detailDest #location.grid-wrapper .grid-inner {
        padding: 40px 35px
    }
}
@media screen and (max-width: 320px) {
    #detailDest #location.grid-wrapper .grid-inner {
        padding: 35px 25px
    }
}
@media screen and (max-width: 540px) {
    #detailDest #amenities .popup #location .popup-inner,
    #detailDest #location #amenities .popup .popup-inner,
    #detailDest #location #joinKarmaClub,
    #detailDest #location #karmaClub .grid-offset-top.grid-two,
    #detailDest #location #reservation,
    #detailDest #location .bg-cover,
    #detailDest #location .page-top-bg-banner,
    #detailDest #location .page-top-bg-half,
    #detailDest #location .page-top-bg-wrap,
    #detailDest #location .resortPortfolio .slider-item,
    #karmaClub #detailDest #location .grid-offset-top.grid-two,
    .resortPortfolio #detailDest #location .slider-item {
        height: 230px
    }
}
@media screen and (max-width: 375px) {
    #detailDest #amenities .popup #location .popup-inner,
    #detailDest #location #amenities .popup .popup-inner,
    #detailDest #location #joinKarmaClub,
    #detailDest #location #karmaClub .grid-offset-top.grid-two,
    #detailDest #location #reservation,
    #detailDest #location .bg-cover,
    #detailDest #location .page-top-bg-banner,
    #detailDest #location .page-top-bg-half,
    #detailDest #location .page-top-bg-wrap,
    #detailDest #location .resortPortfolio .slider-item,
    #karmaClub #detailDest #location .grid-offset-top.grid-two,
    .resortPortfolio #detailDest #location .slider-item {
        height: 200px
    }
}
@media screen and (max-width: 320px) {
    #detailDest #amenities .popup #location .popup-inner,
    #detailDest #location #amenities .popup .popup-inner,
    #detailDest #location #joinKarmaClub,
    #detailDest #location #karmaClub .grid-offset-top.grid-two,
    #detailDest #location #reservation,
    #detailDest #location .bg-cover,
    #detailDest #location .page-top-bg-banner,
    #detailDest #location .page-top-bg-half,
    #detailDest #location .page-top-bg-wrap,
    #detailDest #location .resortPortfolio .slider-item,
    #karmaClub #detailDest #location .grid-offset-top.grid-two,
    .resortPortfolio #detailDest #location .slider-item {
        height: 180px
    }
}
@media screen and (max-width: 540px) {
    #detailDest #amenities .accordion #location .row.accordion-wrap,
    #detailDest #location #amenities .accordion .row.accordion-wrap,
    #detailDest #location .resortPortfolio .row.slider-item,
    #detailDest #location .row.display-flex,
    #detailDest #location .row.share-icon,
    #detailDest #location .tab-menu-wrapper .tab-menu ul.row,
    .resortPortfolio #detailDest #location .row.slider-item,
    .tab-menu-wrapper .tab-menu #detailDest #location ul.row {
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}
#detailDest #amenities {
    position: relative
}
#detailDest #amenities:after,
#detailDest #amenities:before {
    content: "";
    display: block
}
@media screen and (max-width: 1024px) {
    #detailDest #amenities:after,
    #detailDest #amenities:before {
        display: none
    }
}
#detailDest #amenities:before {
    background-color: #f7f7f7;
    height: 400px;
    bottom: auto
}
#detailDest #amenities:after {
    background-color: #fff;
    top: auto;
    height: calc(100% - 400px)
}
#detailDest #amenities .container-inner {
    padding: 100px 0;
    overflow: hidden
}
@media screen and (max-width: 1024px) {
    #detailDest #amenities .container-inner {
        background-color: #fff
    }
}
@media screen and (max-width: 768px) {
    #detailDest #amenities .container-inner {
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 50px 0
    }
}
@media screen and (max-width: 540px) {
    #detailDest #amenities .container-inner {
        padding: 40px 0
    }
}
@media screen and (max-width: 320px) {
    #detailDest #amenities .container-inner {
        padding: 35px 0
    }
}
#detailDest #amenities p {
    color: #fff
}
@media screen and (max-width: 1024px) {
    #detailDest #amenities p {
        color: #0c1a31
    }
}
#detailDest #amenities .fh2 {
    margin-top: 0
}
@media screen and (max-width: 1024px) {
    #detailDest #amenities .fh2 {
        color: #0c1a31
    }
}
@media screen and (max-width: 768px) {
    #detailDest #amenities .text-entry {
        margin-bottom: 50px
    }
}
@media screen and (max-width: 540px) {
    #detailDest #amenities .text-entry {
        margin-bottom: 35px
    }
}
#detailDest #amenities .text-entry .inner {
    padding: 0 100px
}
@media screen and (max-width: 1024px) {
    #detailDest #amenities .text-entry .inner {
        padding: 0 100px
    }
}
@media screen and (max-width: 768px) {
    #detailDest #amenities .text-entry .inner {
        padding: 0 65px
    }
}
@media screen and (max-width: 540px) {
    #detailDest #amenities .text-entry .inner {
        padding: 0 35px
    }
}
@media screen and (max-width: 320px) {
    #detailDest #amenities .text-entry .inner {
        padding: 0 25px
    }
}
#detailDest #amenities .accordion nav {
    padding: 0 100px 0 25px
}
@media screen and (max-width: 768px) {
    #detailDest #amenities .accordion nav {
        padding: 0 65px
    }
}
@media screen and (max-width: 540px) {
    #detailDest #amenities .accordion nav {
        padding: 0 35px
    }
}
@media screen and (max-width: 320px) {
    #detailDest #amenities .accordion nav {
        padding: 0 25px
    }
}
#detailDest #amenities .accordion .accordion-wrap {
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
#detailDest #amenities .accordion li {
    margin-bottom: 20px;
    border: 1px solid #8a6f47
}
#detailDest #amenities .accordion li:last-child {
    margin-bottom: 0
}
#detailDest #amenities .accordion p {
    display: none
}
#amenitiesMobilePopup .popup .inner #detailDest #amenities .accordion a,
#detailDest #amenities .accordion .btn,
#detailDest #amenities .accordion .popup .inner a,
#detailDest #amenities .accordion .wpcf7 input[type=submit],
#detailDest #amenities .popup .inner .accordion a,
.wpcf7 #detailDest #amenities .accordion input[type=submit] {
    text-transform: capitalize;
    text-align: left;
    display: block;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-color: transparent
}
@media screen and (max-width: 540px) {
    #amenitiesMobilePopup .popup .inner #detailDest #amenities .accordion a,
    #detailDest #amenities .accordion .btn,
    #detailDest #amenities .accordion .popup .inner a,
    #detailDest #amenities .accordion .wpcf7 input[type=submit],
    #detailDest #amenities .popup .inner .accordion a,
    .wpcf7 #detailDest #amenities .accordion input[type=submit] {
        padding: 10px 15px
    }
}
#amenitiesMobilePopup .popup .inner #detailDest #amenities .accordion a.active svg,
#detailDest #amenities .accordion .btn.active svg,
#detailDest #amenities .accordion .popup .inner a.active svg,
#detailDest #amenities .accordion .wpcf7 input.active[type=submit] svg,
#detailDest #amenities .popup .inner .accordion a.active svg,
.wpcf7 #detailDest #amenities .accordion input.active[type=submit] svg {
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg)
}
#amenitiesMobilePopup .popup .inner #detailDest #amenities .accordion a.active:before,
#detailDest #amenities .accordion .btn.active:before,
#detailDest #amenities .accordion .popup .inner a.active:before,
#detailDest #amenities .accordion .wpcf7 input.active[type=submit]:before,
#detailDest #amenities .popup .inner .accordion a.active:before,
.wpcf7 #detailDest #amenities .accordion input.active[type=submit]:before {
    transform: rotate(0);
    -moz-transform: rotate(0);
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0)
}
#amenitiesMobilePopup .popup .inner #detailDest #amenities .accordion a svg,
#detailDest #amenities .accordion .btn svg,
#detailDest #amenities .accordion .popup .inner a svg,
#detailDest #amenities .accordion .wpcf7 input[type=submit] svg,
#detailDest #amenities .popup .inner .accordion a svg,
.wpcf7 #detailDest #amenities .accordion input[type=submit] svg {
    width: 8px;
    height: 8px;
    position: relative;
    top: -1px
}
#amenitiesMobilePopup .popup .inner #detailDest #amenities .accordion a:before,
#detailDest #amenities .accordion .btn:before,
#detailDest #amenities .accordion .popup .inner a:before,
#detailDest #amenities .accordion .wpcf7 input[type=submit]:before,
#detailDest #amenities .popup .inner .accordion a:before,
.wpcf7 #detailDest #amenities .accordion input[type=submit]:before {
    content: "";
    display: inline-block;
    background-image: url(assets/images/angle-arrow-down.png);
    background-size: 8px 8px;
    width: 8px;
    height: 8px;
    margin-right: 10px;
    transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg)
}
#detailDest #amenities .accordion .sub-accordion {
    padding: 8px 25px 8px 60px;
    display: none
}
@media screen and (max-width: 540px) {
    #detailDest #amenities .accordion .sub-accordion {
        padding: 8px 25px 8px 40px
    }
}
#detailDest #amenities .accordion .sub-accordion li {
    border: 0;
    margin-bottom: 10px
}
#detailDest #amenities .accordion .sub-accordion a {
    color: #8a6f47
}
#detailDest #amenities .accordion .sub-accordion a:hover {
    color: #fff
}
@media screen and (max-width: 1024px) {
    #detailDest #amenities .accordion .sub-accordion a:hover {
        color: #8a6f47
    }
}
#detailDest #amenities .popup {
    z-index: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(100px);
    -moz-transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
    transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    -moz-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    -ms-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    -o-transition-timing-function: cubic-bezier(.77, 0, .175, 1)
}
#detailDest #amenities .popup.visible {
    opacity: 1;
    visibility: visible;
    z-index: 10;
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0)
}
#detailDest #amenities .popup .popup-inner {
    height: 100%;
    position: relative
}
#detailDest #amenities .popup .popup-bg {
    background-size: cover;
    background-position: 50%;
    height: 100%
}
#detailDest #amenities .popup .close {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fff;
    line-height: 0;
    cursor: pointer;
    background-color: #8a6f47;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    padding: 8px
}
#detailDest #amenities .popup .close svg {
    width: 14px;
    height: 14px
}
#detailDest #amenities .popup .popup-content {
    height: 100%
}
#detailDest #amenities .popup .popup-content p:nth-child(2) {
    max-height: 240px;
    overflow-y: scroll
}
#detailDest #amenities .popup .entry-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center
}
#detailDest #amenities .popup .inner {
    padding: 50px 100px
}
@media screen and (max-width: 540px) {
    #detailDest #amenities .popup .inner {
        padding: 30px 50px
    }
}
#detailDest #amenities .popup .inner p:last-child {
    margin-bottom: 0
}
#detailDest #amenities .popup .inner a {
    display: block;
    font-size: 12px;
    padding: 8px 20px;
    color: #fff;
    margin-top: 15px;
    margin-right: 10px;
    max-width: 100px;
    text-align: center
}
#detailDest #amenities .popup .inner a:hover {
    background-color: #0c1a31;
    color: #fff;
    border-color: #0c1a31
}
@media screen and (max-width: 540px) {
    #detailDest #amenities .popup .inner a {
        display: block;
        margin: 20px 0;
        text-align: center
    }
}
#detailDest #accommodation {
    padding: 50px 0 100px
}
@media screen and (max-width: 1024px) {
    #detailDest #accommodation {
        background-color: #fff;
        padding: 50px 0 0
    }
}
@media screen and (max-width: 768px) {
    #detailDest #accommodation {
        padding: 0
    }
}
@media screen and (max-width: 768px) {
    #detailDest #accommodation #accommodationSlider {
        margin-top: 0
    }
}
@media screen and (max-width: 768px) {
    #detailDest #accommodation .col-sm-offset-2 {
        display: none
    }
}
#detailDest #cuisine {
    padding: 70px 0
}
@media screen and (max-width: 768px) {
    #detailDest #cuisine {
        padding-top: 0
    }
}
@media screen and (max-width: 1024px) {
    #detailDest #cuisine .fh2 {
        margin-top: 0
    }
}
@media screen and (max-width: 768px) {
    #detailDest #cuisine .col-sm-8.col-sm-offset-2 {
        display: none
    }
}
@media screen and (max-width: 768px) {
    #detailDest #cuisine #cuisineSlider {
        margin-top: 0
    }
}
#detailDest #cuisine .download a {
    display: inline-block;
    line-height: 30px
}
#detailDest #cuisine .download a img {
    width: auto
}
#detailDest #cuisine .main-tab-slider .tab-slider .slider-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
@media screen and (max-width: 768px) {
    #detailDest #cuisine .main-tab-slider .tab-slider .slider-item {
        -moz-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}
#detailDest #cuisine .main-tab-slider .tab-slider .slider-item .text-entry {
    background-color: #fff;
    opacity: 1
}
#detailDest #cuisine .main-tab-slider .tab-slider .slider-item .text-entry p {
    color: #0c1a31!important
}
@media screen and (max-width: 1024px) {
    #detailDest #cuisine .main-tab-slider .tab-slider .slider-item .text-entry a {
        color: #6a6a6a
    }
}
#detailDest #cuisine .main-tab-slider .tab-slider .slider-item .picture img {
    height: 100%;
    object-fit: cover
}
@media screen and (max-width: 768px) {
    #detailDest #cuisine .main-tab-slider .tab-slider .slider-item .picture img {
        height: 350px
    }
}
@media screen and (max-width: 540px) {
    #detailDest #cuisine .main-tab-slider .tab-slider .slider-item .picture img {
        height: 250px
    }
}
@media screen and (max-width: 320px) {
    #detailDest #cuisine .main-tab-slider .tab-slider .slider-item .picture img {
        height: 200px
    }
}
#detailDest #cuisine .main-tab-slider .nav-slider a {
    color: #fff
}
#detailDest #cuisine .main-tab-slider .owl-nav {
    display: none
}
@media screen and (max-width: 1024px) {
    #detailDest #cuisine .main-tab-slider .owl-nav {
        display: block
    }
}
@media screen and (max-width: 1024px) {
    #detailDest #cuisine .main-tab-slider .owl-nav .owl-next,
    #detailDest #cuisine .main-tab-slider .owl-nav .owl-prev {
        background-color: transparent;
        color: #8a6f47
    }
}
@media screen and (max-width: 768px) {
    #detailDest #cuisine .main-tab-slider .owl-nav .owl-next,
    #detailDest #cuisine .main-tab-slider .owl-nav .owl-prev {
        color: #fff
    }
}
@media screen and (max-width: 1024px) {
    #detailDest #cuisine .main-tab-slider .owl-nav .owl-next {
        right: 0;
        left: auto
    }
}
#detailDest #weddings {
    padding: 80px 0 50px
}
@media screen and (max-width: 1024px) {
    #detailDest #weddings {
        background-color: #fff;
        padding: 35px 0 50px
    }
}
#detailDest #weddings .picture-wrap {
    width: 100%;
    padding-top: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
@media screen and (max-width: 540px) {
    #detailDest #weddings .picture-wrap {
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}
#detailDest #weddings .picture img {
    object-fit: cover;
    max-height: 220px
}
#amenitiesMobilePopup .popup .inner #detailDest #weddings a,
#detailDest #amenities .popup .inner #weddings a,
#detailDest #weddings #amenities .popup .inner a,
#detailDest #weddings #amenitiesMobilePopup .popup .inner a,
#detailDest #weddings .btn,
#detailDest #weddings .wpcf7 input[type=submit],
.wpcf7 #detailDest #weddings input[type=submit] {
    margin-top: 50px
}
@media screen and (max-width: 1024px) {
    #amenitiesMobilePopup .popup .inner #detailDest #weddings a,
    #detailDest #amenities .popup .inner #weddings a,
    #detailDest #weddings #amenities .popup .inner a,
    #detailDest #weddings #amenitiesMobilePopup .popup .inner a,
    #detailDest #weddings .btn,
    #detailDest #weddings .wpcf7 input[type=submit],
    .wpcf7 #detailDest #weddings input[type=submit] {
        color: #8a6f47
    }
}
@media screen and (max-width: 1024px) {
    #detailDest #weddings .fh2 {
        margin-top: 0
    }
}
@media screen and (max-width: 540px) {
    #detailDest #weddings .text-entry {
        padding: 0 35px
    }
}
@media screen and (max-width: 320px) {
    #detailDest #weddings .text-entry {
        padding: 0 25px
    }
}
#detailDest #gallery .item {
    display: block;
    outline: 0
}
#detailDest #gallery .item img {
    width: 100%;
    height: 377px
}
@media screen and (max-width: 1800px) {
    #detailDest #gallery .item img {
        height: 300px
    }
}
@media screen and (max-width: 1440px) {
    #detailDest #gallery .item img {
        height: 250px
    }
}
@media screen and (max-width: 768px) {
    #detailDest #gallery .item img {
        height: 200px
    }
}
@media screen and (max-width: 320px) {
    #detailDest #gallery .item img {
        height: 170px
    }
}
#detailDest #reservation {
    padding: 100px 0;
    position: relative;
    display: block
}
@media screen and (max-width: 1024px) {
    #detailDest #reservation {
        background-color: #fff;
        padding: 80px 0
    }
}
@media screen and (max-width: 540px) {
    #detailDest #reservation {
        padding: 60px 0
    }
}
@media screen and (max-width: 320px) {
    #detailDest #reservation {
        padding: 40px 0
    }
}
#detailDest #reservation .overlay {
    opacity: .9
}
@media screen and (max-width: 540px) {
    #detailDest #reservation .text-entry {
        padding: 0 35px
    }
}
@media screen and (max-width: 320px) {
    #detailDest #reservation .text-entry {
        padding: 0 25px
    }
}
@media screen and (max-width: 1024px) {
    #accommodation,
    #amenities,
    #cuisine,
    #gallery,
    #location,
    #reservation,
    #weddings {
        display: none
    }
}
.tab-menu-wrapper {
    padding: 20px 0
}
.tab-menu-wrapper.is_stuck {
    background-color: #f7f7f7
}
.tab-menu-wrapper.is_stuck .tab-menu a {
    color: #6a6a6a
}
.tab-menu-wrapper .tab-menu ul {
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    justify-content: space-around;
    -ms-flex-pack: space-around
}
@media screen and (max-width: 1024px) {
    .tab-menu-wrapper .tab-menu ul {
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        justify-content: flex-start;
        -ms-flex-pack: flex-start
    }
}
@media screen and (max-width: 1024px) {
    .tab-menu-wrapper .tab-menu li:last-child .nav {
        display: none
    }
}
.tab-menu-wrapper .tab-menu a {
    color: #fff
}
@media screen and (max-width: 1024px) {
    .tab-menu-wrapper .tab-menu a.nav {
        display: block;
        position: relative;
        padding: 20px 25px
    }
}
.tab-menu-wrapper .tab-menu a.nav:after {
    content: "";
    display: inline-block;
    right: 25px;
    background-image: url(assets/images/angle-arrow-down.png);
    background-size: 15px;
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    position: absolute;
    top: 20px;
    display: none
}
.tab-menu-wrapper .tab-menu a.active,
.tab-menu-wrapper .tab-menu a:hover {
    color: #8a6f47
}
@media screen and (max-width: 1024px) {
    .tab-menu-wrapper .tab-menu a:active,
    .tab-menu-wrapper .tab-menu a:focus,
    .tab-menu-wrapper .tab-menu a:hover {
        color: #fff
    }
    .tab-menu-wrapper .tab-menu a.nav:after {
        display: block
    }
    .tab-menu-wrapper .tab-menu a.active-mobile {
        background-color: #8a6f47;
        color: #fff
    }
    .tab-menu-wrapper .tab-menu a.active-mobile:after {
        filter: brightness(0) invert(1);
        -moz-filter: brightness(0) invert(1);
        -webkit-filter: brightness(0) invert(1);
        -ms-filter: brightness(0) invert(1);
        -o-filter: brightness(0) invert(1);
        transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg)
    }
}
.link-arrow a:hover:after {
    margin-left: 20px
}
.link-arrow a:after {
    content: "";
    display: inline-block;
    background-image: url(assets/images/angle-arrow-down.png);
    background-size: 7px 7px;
    width: 7px;
    height: 7px;
    transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    margin-left: 10px
}
.main-tab-slider {
    position: relative
}
@media screen and (max-width: 1024px) {
    .main-tab-slider .tab-navigation {
        display: none
    }
}
.main-tab-slider .tab-navigation ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    border-top: 1px solid #8a6f47;
    border-bottom: 1px solid #8a6f47
}
.main-tab-slider .tab-navigation li {
    display: block;
    width: 100%;
    border-left: 1px solid #8a6f47;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center
}
.main-tab-slider .tab-navigation li:last-child {
    border-right: 1px solid #8a6f47
}
.main-tab-slider .tab-navigation a {
    color: #8a6f47;
    text-align: center;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    min-height: 40px
}
.main-tab-slider .tab-navigation a.active,
.main-tab-slider .tab-navigation a:hover {
    background-color: #8a6f47;
    color: #fff
}
.main-tab-slider .tab-slider {
    margin-top: 35px
}
.main-tab-slider .tab-slider .slider-item {
    position: relative
}
.main-tab-slider .tab-slider .slider-item .bg {
    width: 50%
}
@media screen and (max-width: 768px) {
    .main-tab-slider .tab-slider .slider-item .bg {
        position: relative;
        height: 350px;
        width: 100%
    }
}
@media screen and (max-width: 540px) {
    .main-tab-slider .tab-slider .slider-item .bg {
        height: 250px
    }
}
@media screen and (max-width: 320px) {
    .main-tab-slider .tab-slider .slider-item .bg {
        height: 200px
    }
}
.main-tab-slider .tab-slider .slider-item .text-entry {
    opacity: .9
}
.main-tab-slider .tab-slider .slider-item .text-entry .inner {
    padding: 80px 100px
}
@media screen and (max-width: 768px) {
    .main-tab-slider .tab-slider .slider-item .text-entry .inner {
        padding: 50px 60px
    }
}
@media screen and (max-width: 540px) {
    .main-tab-slider .tab-slider .slider-item .text-entry .inner {
        padding: 40px 50px
    }
}
@media screen and (max-width: 320px) {
    .main-tab-slider .tab-slider .slider-item .text-entry .inner {
        padding: 35px 25px
    }
}
.main-tab-slider .tab-slider .slider-item .text-entry p {
    color: #fff!important
}
.main-tab-slider .tab-slider .slider-item .text-entry ul {
    margin: 20px
}
.main-tab-slider .tab-slider .slider-item .text-entry ul li {
    list-style: disc;
    color: #fff
}
.main-tab-slider .tab-slider .owl-nav .owl-next,
.main-tab-slider .tab-slider .owl-nav .owl-prev {
    color: #8a6f47
}
@media screen and (max-width: 1024px) {
    .main-tab-slider .tab-slider .owl-nav .owl-next,
    .main-tab-slider .tab-slider .owl-nav .owl-prev {
        width: 45px;
        height: 45px;
        background-color: #8a6f47;
        color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center
    }
}
@media screen and (max-width: 768px) {
    .main-tab-slider .tab-slider .owl-nav .owl-next,
    .main-tab-slider .tab-slider .owl-nav .owl-prev {
        transform: none;
        -moz-transform: none;
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        top: 150px;
        background-color: transparent!important
    }
}
@media screen and (max-width: 540px) {
    .main-tab-slider .tab-slider .owl-nav .owl-next,
    .main-tab-slider .tab-slider .owl-nav .owl-prev {
        top: 100px
    }
}
@media screen and (max-width: 320px) {
    .main-tab-slider .tab-slider .owl-nav .owl-next,
    .main-tab-slider .tab-slider .owl-nav .owl-prev {
        top: 75px
    }
}
.main-tab-slider .tab-slider .owl-nav .owl-next svg,
.main-tab-slider .tab-slider .owl-nav .owl-prev svg {
    width: 20px;
    height: 20px
}
@media screen and (max-width: 540px) {
    .main-tab-slider .tab-slider .owl-nav .owl-next svg,
    .main-tab-slider .tab-slider .owl-nav .owl-prev svg {
        width: 17px;
        height: 17px
    }
}
.main-tab-slider .tab-slider .owl-nav .owl-prev {
    left: -80px
}
@media screen and (max-width: 1024px) {
    .main-tab-slider .tab-slider .owl-nav .owl-prev {
        left: 0
    }
}
@media screen and (max-width: 768px) {
    .main-tab-slider .tab-slider .owl-nav .owl-prev {
        left: 10px
    }
}
.main-tab-slider .tab-slider .owl-nav .owl-next {
    right: -80px
}
@media screen and (max-width: 1024px) {
    .main-tab-slider .tab-slider .owl-nav .owl-next {
        right: auto;
        left: 50px
    }
}
@media screen and (max-width: 768px) {
    .main-tab-slider .tab-slider .owl-nav .owl-next {
        right: 10px;
        left: auto
    }
}
@media screen and (max-width: 1024px) {
    .main-tab-slider .tab-slider .owl-nav .disabled {
        background-color: #bababa
    }
}
.main-tab-slider .tab-slider .owl-dots {
    display: none
}
.main-tab-slider .nav-slider {
    z-index: 25;
    margin-top: 40px
}
@media screen and (max-width: 1024px) {
    .main-tab-slider .nav-slider {
        display: none
    }
}
.main-tab-slider .nav-slider a {
    color: #8a6f47!important
}
.main-tab-slider .nav-slider svg {
    width: 20px;
    height: 20px
}
.main-tab-slider .nav-slider.prev-slide {
    left: -80px
}
@media screen and (max-width: 1024px) {
    .main-tab-slider .nav-slider.prev-slide {
        left: 25px
    }
}
.main-tab-slider .nav-slider.next-slide {
    right: -80px
}
@media screen and (max-width: 1024px) {
    .main-tab-slider .nav-slider.next-slide {
        right: 25px
    }
}
.main-tab-slider .nav-slider.inactive {
    opacity: .3
}
#amenitiesMobilePopup .popup {
    display: none
}
#amenitiesMobilePopup .popup.visible {
    display: block
}
#amenitiesMobilePopup .popup .inner {
    padding: 25px 15px
}
#amenitiesMobilePopup .popup .inner a {
    display: block;
    font-size: 12px;
    padding: 8px 20px;
    color: #fff;
    margin-top: 15px;
    margin-right: 10px;
    max-width: 100px;
    text-align: center;
    color: #8a6f47
}
#amenitiesMobilePopup .popup .inner a.bookNow {
    color: #fff
}
#revealPopup {
    padding: 60px;
    box-shadow: 0 5px 10px #e8e8e8;
    -moz-box-shadow: 0 5px 10px #e8e8e8;
    -webkit-box-shadow: 0 5px 10px #e8e8e8;
    -ms-box-shadow: 0 5px 10px #e8e8e8;
    -o-box-shadow: 0 5px 10px #e8e8e8;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px
}
@media screen and (max-width: 1440px) {
    #revealPopup {
        padding: 30px 40px
    }
}
@media screen and (max-width: 540px) {
    #revealPopup {
        padding: 25px 30px
    }
}
#revealPopup h3 {
    margin-top: 0
}
#revealPopup .wpcf7 label {
    display: block
}
#revealPopup .wpcf7 .arrival .wpcf7-not-valid-tip,
#revealPopup .wpcf7 .time .wpcf7-not-valid-tip {
    bottom: -14px
}
@media screen and (max-width: 1366px) {
    #revealPopup .wpcf7 p {
        margin-bottom: 15px
    }
}
@media screen and (max-width: 1366px) {
    #revealPopup .wpcf7 input,
    #revealPopup .wpcf7 select,
    #revealPopup .wpcf7 textarea {
        font-size: 14px
    }
}
#revealPopup .fancybox-close-small:after {
    color: #fff;
    background-color: #8a6f47
}
.contact-headline {
    padding-bottom: 70px;
    padding-left: 30px;
    padding-right: 30px
}
.contact-headline h3 {
    margin: 0
}
.contact-block {
    padding-top: 0
}
.contact-block .wrap {
    padding: 50px 60px
}
@media screen and (max-width: 540px) {
    .contact-block .wrap {
        padding: 25px 30px
    }
}
.contact-block .item-info {
    background-color: #0c1a31;
    opacity: .9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center
}
.contact-block .item-info label {
    color: #8a6f47;
    color: #ffffff;
    margin-bottom: 30px;
    display: block
}
.contact-block .item-info ul {
    margin-bottom: 30px;
}
.contact-block .item-info ul:last-child {
    margin-bottom: 0
}
.contact-block .item-info li {
    color: #fff;
    margin-bottom: 10px
}
.contact-block .item-info a {
    /* color: #8a6f47; */
    text-transform: none;
    margin-bottom: 8px;
}
.contact-block .item-info span {
    display: inline-block;
    width: 150px
}
@media screen and (max-width: 768px) {
    .contact-block .item-info span {
        width: 120px
    }
}
@media screen and (max-width: 375px) {
    .contact-block .item-info span {
        width: 100%
    }
}
.contact-block .item-info svg {
    width: 25px;
    height: 25px;
    vertical-align: middle
}
@media screen and (max-width: 768px) {
    .contact-block .item-info .wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .contact-block .item-info .wrap .item {
        padding-right: 50px
    }
}
@media screen and (max-width: 768px) and (max-width: 540px) {
    .contact-block .item-info .wrap .item {
        padding-right: 0;
        margin-bottom: 30px
    }
    .contact-block .item-info .wrap .item:last-of-type {
        margin-bottom: 0
    }
}
@media screen and (max-width: 768px) {
    .contact-block .item-info .wrap .item:last-child {
        padding-right: 0
    }
}
@media screen and (max-width: 540px) {
    .contact-block .item-info .wrap {
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}
.contact-block .item-info .item {
    margin-bottom: 50px
}
.contact-block .item-info .item:last-child {
    margin-bottom: 0
}
.contact-block .item-form {
    background-color: #f7f7f7
}
.contact-block .fh2 {
    color: #6a6a6a;
    margin-top: 0
}
.contact-block .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden
}
@media screen and (max-width: 768px) {
    .contact-block .row {
        -moz-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
    .contact-block .row .block-item {
        width: 100%
    }
}
.wpcf7 input,
.wpcf7 select,
.wpcf7 textarea {
    width: 100%;
    border: 0;
    background-color: transparent;
    border-bottom: 1px solid #6a6a6a;
    padding: 10px 0;
    outline: 0;
    -webkit-appearance: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    color: #6a6a6a;
    font-weight: 400
}
.wpcf7 input::-webkit-input-placeholder,
.wpcf7 select::-webkit-input-placeholder,
.wpcf7 textarea::-webkit-input-placeholder {
    color: #6a6a6a
}
.wpcf7 input::-moz-placeholder,
.wpcf7 select::-moz-placeholder,
.wpcf7 textarea::-moz-placeholder {
    color: #6a6a6a
}
.wpcf7 input:-ms-input-placeholder,
.wpcf7 select:-ms-input-placeholder,
.wpcf7 textarea:-ms-input-placeholder {
    color: #6a6a6a
}
.wpcf7 input:-moz-placeholder,
.wpcf7 select:-moz-placeholder,
.wpcf7 textarea:-moz-placeholder {
    color: #6a6a6a
}
.wpcf7 br {
    display: none
}
.wpcf7 textarea {
    height: 50px;
    resize: vertical
}
.wpcf7 input[type=submit] {
    border: 1px solid #8a6f47;
    background-color: #8a6f47;
    color: #fff;
    width: 160px;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    display: inline-block
}
.wpcf7 input[type=submit]:hover {
    background-color: transparent;
    color: #8a6f47
}
.wpcf7 .country .wpcf7-not-valid-tip {
    bottom: -14px
}
.wpcf7 .wpcf7-not-valid-tip {
    top: auto;
    bottom: -11px;
    text-indent: -9999px;
    height: 1px;
    background-color: red
}
.wpcf7 .wpcf7-response-output {
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    padding: .5em 1em;
    margin-left: 0;
    margin-right: 0;
    font-size: 14px
}
.wpcf7 p:last-of-type {
    margin-bottom: 0
}
#SkypeButton_Call_karmaclubconcierge_1 {
    display: inline-block;
    position: relative;
    top: -26px
}
@media screen and (max-width: 540px) {
    #SkypeButton_Call_karmaclubconcierge_1 {
        min-height: 30px
    }
}
#SkypeButton_Call_karmaclubconcierge_1 #SkypeButton_Call_karmaclubconcierge_1_paraElement a {
    display: inline-block;
    line-height: 0;
    margin: 0;
    padding: 0
}
#SkypeButton_Call_karmaclubconcierge_1 #SkypeButton_Call_karmaclubconcierge_1_paraElement .skype-button {
    display: none
}
#SkypeButton_Call_karmaclubconcierge_1 #SkypeButton_Call_karmaclubconcierge_1_paraElement img {
    margin: 0!important;
    vertical-align: 0
}
.page-testimonial .block-wrap:after,
.page-testimonial .block-wrap:before {
    display: none
}
.page-testimonial .testi-item {
    margin-bottom: 80px
}
.page-testimonial .testi-item:last-of-type {
    margin-bottom: 0
}
#site-article {
    padding-top: 150px
}
@media screen and (max-width: 768px) {
    #site-article {
        padding-top: 130px
    }
}
@media screen and (max-width: 540px) {
    #site-article {
        padding-top: 120px
    }
}
#site-article .article-item {
    margin-bottom: 50px
}
#site-article .article-item:last-child {
    margin-bottom: 0
}
#site-article figure {
    margin: 0
}
#site-article figure img {
    height: auto;
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1)
}
#site-article .picture {
    overflow: hidden;
    background-color: #0c1a31;
    max-height: 500px
}
@media screen and (max-width: 1440px) {
    #site-article .picture {
        max-height: 420px
    }
}
@media screen and (max-width: 768px) {
    #site-article .picture {
        max-height: 350px
    }
}
#site-article .picture:hover img {
    transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    opacity: .5
}
#site-article .more {
    color: #8a6f47
}
#site-article .more:hover {
    color: #0c1a31
}
#site-article .more:hover svg {
    padding-left: 10px
}
#site-article .more svg {
    width: 8px;
    height: 8px
}
#site-article .inner {
    width: 80%;
    margin: auto;
    padding: 50px 0
}
#site-article .inner.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: flex-start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
    -ms-align-content: flex-start;
    align-content: flex-start
}
@media screen and (max-width: 540px) {
    #site-article .inner.flex {
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0;
        margin: 0;
        width: 100%;
        position: relative
    }
}
#site-article .bottom {
    padding-left: 50px
}
@media screen and (max-width: 540px) {
    #site-article .bottom {
        padding-left: 0
    }
}
@media screen and (max-width: 540px) {
    #site-article .entry {
        padding: 20px 25px
    }
}
@media screen and (max-width: 320px) {
    #site-article .entry {
        padding: 10px 15px
    }
}
#site-article h2:hover {
    color: #8a6f47
}
#site-article .dates {
    text-align: center;
    border: 1px solid #8a6f47;
    padding: 10px 20px
}
@media screen and (max-width: 540px) {
    #site-article .dates {
        position: absolute;
        top: -52px;
        background-color: #8a6f47;
        padding: 3px 10px
    }
}
#site-article .dates .date,
#site-article .dates .month {
    color: #8a6f47;
    display: block
}
@media screen and (max-width: 540px) {
    #site-article .dates .date,
    #site-article .dates .month {
        color: #fff
    }
}
#site-article.single-article {
    padding: 90px 0
}
@media screen and (max-width: 1024px) {
    #site-article.single-article {
        padding: 60px 0
    }
}
@media screen and (max-width: 540px) {
    #site-article.single-article {
        padding: 40px 0
    }
}
#site-article.single-article .inner.flex {
    width: 100%
}
#site-article.single-article p {
    color: #6a6a6a
}
#site-article.single-article blockquote {
    position: relative
}
@media screen and (max-width: 540px) {
    #site-article.single-article blockquote {
        margin-right: 0
    }
}
#site-article.single-article blockquote:before {
    content: "";
    display: inline-block;
    height: 100%;
    right: auto;
    left: -25px;
    background-color: #8a6f47;
    width: 3px;
    height: 80%
}
#site-article.single-article .share-icon {
    margin-top: 50px
}
@media screen and (max-width: 768px) {
    #site-article.single-article .share-icon {
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        justify-content: flex-start;
        -ms-flex-pack: flex-start
    }
}
#site-article.single-article img {
    height: auto
}
@media screen and (max-width: 1024px) {
    #site-article.single-article .dates {
        display: none
    }
}
@media screen and (max-width: 1024px) {
    #site-article.single-article .bottom {
        padding: 0
    }
}
@media screen and (max-width: 1024px) {
    #site-article.single-article .content {
        padding: 0 70px
    }
}
@media screen and (max-width: 540px) {
    #site-article.single-article .content {
        padding: 0
    }
}
@media screen and (max-width: 1024px) {
    #site-article.single-article .fh2 {
        margin-top: 0
    }
}
@media screen and (max-width: 540px) {
    #site-article.single-article .fh2 {
        font-size: 30px;
        line-height: 38px
    }
}
@media screen and (max-width: 320px) {
    #site-article.single-article .fh2 {
        font-size: 26px;
        line-height: 34px
    }
}
#site-article.single-article ul {
    margin-left: 20px;
    margin-bottom: 25px
}
#site-article.single-article ul li {
    list-style: disc;
    color: #6a6a6a;
    line-height: 30px
}
#site-article.single-article ul li ul {
    margin-bottom: 0
}
#site-article.single-article ul li ul li {
    list-style: circle
}
#site-article.single-article ul li ul li ul {
    margin-bottom: 0
}
#site-article.single-article ul li ul li ul li {
    list-style: square
}
@media screen and (max-width: 540px) {
    #site-article.single-article .entry {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 0
    }
}
@media screen and (max-width: 320px) {
    #site-article.single-article .entry {
        padding-left: 0;
        padding-right: 0
    }
}
.entry-nav .post-nav {
    display: inline-block
}
.entry-nav .post-nav a {
    color: #8a6f47
}
.entry-nav .post-nav svg {
    width: 15px;
    height: 15px
}
.entry-nav .nav-prev {
    margin-left: 100px
}
@media screen and (max-width: 1366px) {
    .entry-nav .nav-prev {
        margin-left: 75px
    }
}
@media screen and (max-width: 1024px) {
    .entry-nav .nav-prev {
        margin-left: 30px
    }
}
@media screen and (max-width: 540px) {
    .entry-nav .nav-prev {
        margin-left: 20px
    }
}
.entry-nav .nav-next {
    margin-right: 100px
}
@media screen and (max-width: 1366px) {
    .entry-nav .nav-next {
        margin-right: 75px
    }
}
@media screen and (max-width: 1024px) {
    .entry-nav .nav-next {
        margin-right: 30px
    }
}
@media screen and (max-width: 540px) {
    .entry-nav .nav-next {
        margin-right: 20px
    }
}
.entry-nav.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}
.gallery {
    margin-bottom: 25px!important;
    width: 100%
}
.gallery a img {
    border: none!important
}
.gallery .gallery-item {
    margin: 0!important
}
.gallery-item {
    float: left;
    overflow: hidden;
    position: relative
}
.gallery-item img {
    height: auto;
    width: 100%;
    border: 0!important;
    padding: 2px
}
.gallery-columns-1 .gallery-item {
    width: 100%
}
.gallery-columns-2 .gallery-item {
    width: 50%!important
}
.gallery-columns-3 .gallery-item {
    width: 33.33333%!important
}
.gallery-columns-4 .gallery-item {
    width: 25%!important
}
.gallery-columns-5 .gallery-item {
    width: 20%!important
}
.gallery-columns-6 .gallery-item {
    width: 16.66667%!important
}
.gallery-columns-7 .gallery-item {
    width: 14.28571%!important
}
.gallery-columns-8 .gallery-item {
    width: 12.5%!important
}
.gallery-columns-9 .gallery-item {
    width: 11.11111%!important
}
.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
    margin-right: 0
}
.gallery .gallery-caption {
    height: 100%;
    margin: 0;
    padding: 10px 10px 14px;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: left;
    width: 100%;
    overflow: hidden;
    opacity: 0;
    transform: translate(-100%);
    -moz-transform: translate(-100%);
    -webkit-transform: translate(-100%);
    -ms-transform: translate(-100%);
    -o-transform: translate(-100%)
}
.gallery .gallery-caption .text {
    max-height: 98%;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis
}
.gallery .gallery-caption:before {
    content: "";
    height: 100%;
    min-height: 49px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}
.gallery-item:hover .gallery-caption {
    opacity: 1
}
.gallery-item:hover img {
    opacity: .75
}
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
    display: none
}
.join-block {
    padding-top: 0
}
.join-block .form-group {
    padding: 0 10px
}
.join-block .form-group.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.join-block .select2-selection--single,
.join-block input,
.join-block select {
    border: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    border-bottom: 1px solid #6a6a6a;
    padding: 0;
    outline: 0;
    -webkit-appearance: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    background-color: transparent;
    font-weight: 400
}
.join-block select{
 -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: 5px;
}

.join-block .select2-selection--single:focus,
.join-block input:focus,
.join-block select:focus {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    border-color: #6a6a6a
}
.join-block input,
.join-block select {
    height: 39px
}
.join-block input::-webkit-input-placeholder,
.join-block select::-webkit-input-placeholder {
    color: #6a6a6a
}
.join-block input::-moz-placeholder,
.join-block select::-moz-placeholder {
    color: #6a6a6a
}
.join-block input:-ms-input-placeholder,
.join-block select:-ms-input-placeholder {
    color: #6a6a6a
}
.join-block input:-moz-placeholder,
.join-block select:-moz-placeholder {
    color: #6a6a6a
}
.join-block label {
    color: #6a6a6a;
    display: block
}
@media screen and (max-width: 540px) {
    .join-block .select2-container {
        width: 100%!important
    }
}
.join-block .select2-selection--single {
    height: 40px
}
.join-block .select2-selection--single .select2-selection__rendered {
    position: relative;
    top: 6px
}
.join-block .select2-selection--single .select2-selection__arrow {
    top: 7px
}
.join-block .select2-selection__rendered {
    color: #6a6a6a!important
}
.join-block input[type=checkbox] {
    height: 0;
    -webkit-appearance: checkbox;
    height: 15px;
    width: 15px
}
.join-block .checkbox {
    margin: 0 0 0 15px
}
.join-block input[type=radio] {
    height: 0;
    -webkit-appearance: radio;
    height: 15px;
    width: 15px;
}
.join-block .radio {
    margin: 0 0 0 15px
}
.join-block .membership label {
    display: none
}

.join-block .wpcf7-list-item{
    margin-left: 1px;
}

.join-block .wpcf7-acceptance label input,
.join-block .wpcf7-radio label input{
    display: block;
    float: left;
    margin-right: 7px;
}

.join-block .wpcf7-acceptance label span,
.join-block .wpcf7-radio label span{
    display: block;
    overflow: hidden;
}

.join-block .wpcf7-acceptance label{
    clear: both;
    display: block;
    margin: 0;
}

.join-block .wpcf7-radio label{
    clear: both;
    display: block;
    margin-bottom: 1rem;
}
.join-block .wpcf7-radio .last label{
    margin-bottom: 0;
}

#amenitiesMobilePopup .popup .inner .join-block a,
#detailDest #amenities .popup .inner .join-block a,
.join-block #amenitiesMobilePopup .popup .inner a,
.join-block #detailDest #amenities .popup .inner a,
.join-block .btn,
.join-block .wpcf7 input[type=submit],
.wpcf7 .join-block input[type=submit] {
    margin-top: 10px;
    margin-bottom: 15px;
    outline: 0
}
#amenitiesMobilePopup .popup .inner .join-block a:hover,
#detailDest #amenities .popup .inner .join-block a:hover,
.join-block #amenitiesMobilePopup .popup .inner a:hover,
.join-block #detailDest #amenities .popup .inner a:hover,
.join-block .btn:hover,
.join-block .wpcf7 input[type=submit]:hover,
.join-block a,
.wpcf7 .join-block input[type=submit]:hover {
    color: #8a6f47
}
.form-response .form-group {
    position: relative
}
.form-response .form-group label.error {
    position: absolute;
    bottom: -5px;
    left: 10px;
    right: 0;
    width: calc(100% - 20px);
    background-color: red;
    height: 2px;
    text-indent: -9999px
}
.form-response .button-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center
}
.form-response .form-response-output {
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    padding: 6px 25px;
    margin: 0 0 0 15px;
    font-size: 14px
}
.form-response .form-response-output.success {
    border: 2px solid #398f14
}
.page-exclusive {
    padding-top: 0!important
}
.page-exclusive .grid-item {
    margin-bottom: 50px
}
.page-exclusive .grid-item .wrap {
    height: 100%;
    width: 100%;
    position: relative
}
.page-exclusive .grid-item .inner {
    height: 100%;
    z-index: 5
}
.page-exclusive .grid-item .caption {
    padding: 25px
}
#amenitiesMobilePopup .popup .inner #detailDest #amenities .accordion .page-exclusive .grid-item .caption a,
#amenitiesMobilePopup .popup .inner .page-exclusive .grid-item .caption a,
#detailDest #amenities .accordion .page-exclusive .grid-item .caption .btn,
#detailDest #amenities .accordion .popup .inner .page-exclusive .grid-item .caption a,
#detailDest #amenities .accordion .wpcf7 .page-exclusive .grid-item .caption input[type=submit],
#detailDest #amenities .popup .inner .accordion .page-exclusive .grid-item .caption a,
#detailDest #amenities .popup .inner .page-exclusive .grid-item .caption a,
.contact-block .item-info .page-exclusive .grid-item .caption a,
.page-exclusive .grid-item .caption #amenitiesMobilePopup .popup .inner #detailDest #amenities .accordion a,
.page-exclusive .grid-item .caption #amenitiesMobilePopup .popup .inner a,
.page-exclusive .grid-item .caption #detailDest #amenities .accordion .btn,
.page-exclusive .grid-item .caption #detailDest #amenities .accordion .popup .inner a,
.page-exclusive .grid-item .caption #detailDest #amenities .accordion .wpcf7 input[type=submit],
.page-exclusive .grid-item .caption #detailDest #amenities .popup .inner .accordion a,
.page-exclusive .grid-item .caption #detailDest #amenities .popup .inner a,
.page-exclusive .grid-item .caption .btn,
.page-exclusive .grid-item .caption .btn-anim,
.page-exclusive .grid-item .caption .contact-block .item-info a,
.page-exclusive .grid-item .caption .fh6,
.page-exclusive .grid-item .caption .wpcf7 #detailDest #amenities .accordion input[type=submit],
.page-exclusive .grid-item .caption .wpcf7 input[type=submit],
.page-exclusive .grid-item .testimonial-block .caption .author .from,
.testimonial-block .page-exclusive .grid-item .caption .author .from,
.wpcf7 #detailDest #amenities .accordion .page-exclusive .grid-item .caption input[type=submit],
.wpcf7 .page-exclusive .grid-item .caption input[type=submit] {
    transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    -moz-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    -ms-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    -o-transition-timing-function: cubic-bezier(.77, 0, .175, 1)
}
#amenitiesMobilePopup .popup .inner #detailDest #amenities .accordion .page-exclusive .grid-item .caption a,
#detailDest #amenities .accordion .page-exclusive .grid-item .caption .btn,
#detailDest #amenities .accordion .popup .inner .page-exclusive .grid-item .caption a,
#detailDest #amenities .accordion .wpcf7 .page-exclusive .grid-item .caption input[type=submit],
#detailDest #amenities .popup .inner .accordion .page-exclusive .grid-item .caption a,
.contact-block .item-info .page-exclusive .grid-item .caption a,
.page-exclusive .grid-item .caption #amenitiesMobilePopup .popup .inner #detailDest #amenities .accordion a,
.page-exclusive .grid-item .caption #detailDest #amenities .accordion .btn,
.page-exclusive .grid-item .caption #detailDest #amenities .accordion .popup .inner a,
.page-exclusive .grid-item .caption #detailDest #amenities .accordion .wpcf7 input[type=submit],
.page-exclusive .grid-item .caption #detailDest #amenities .popup .inner .accordion a,
.page-exclusive .grid-item .caption .contact-block .item-info a,
.page-exclusive .grid-item .caption .fh6,
.page-exclusive .grid-item .caption .wpcf7 #detailDest #amenities .accordion input[type=submit],
.page-exclusive .grid-item .testimonial-block .caption .author .from,
.testimonial-block .page-exclusive .grid-item .caption .author .from,
.wpcf7 #detailDest #amenities .accordion .page-exclusive .grid-item .caption input[type=submit] {
    margin-bottom: 0;
    opacity: 1;
    visibility: visible
}
#amenitiesMobilePopup .popup .inner .page-exclusive .grid-item .caption a,
#detailDest #amenities .popup .inner .page-exclusive .grid-item .caption a,
.page-exclusive .grid-item .caption #amenitiesMobilePopup .popup .inner a,
.page-exclusive .grid-item .caption #detailDest #amenities .popup .inner a,
.page-exclusive .grid-item .caption .btn,
.page-exclusive .grid-item .caption .wpcf7 input[type=submit],
.wpcf7 .page-exclusive .grid-item .caption input[type=submit] {
    margin: 0 auto 10px;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
    max-width: 85px
}
#amenitiesMobilePopup .popup .inner .page-exclusive .grid-item .caption a:last-child,
#detailDest #amenities .popup .inner .page-exclusive .grid-item .caption a:last-child,
.page-exclusive .grid-item .caption #amenitiesMobilePopup .popup .inner a:last-child,
.page-exclusive .grid-item .caption #detailDest #amenities .popup .inner a:last-child,
.page-exclusive .grid-item .caption .btn:last-child,
.page-exclusive .grid-item .caption .wpcf7 input[type=submit]:last-child,
.wpcf7 .page-exclusive .grid-item .caption input[type=submit]:last-child {
    margin-bottom: 0
}
.page-exclusive .grid-item .caption .btn-anim {
    margin-top: 50px;
    opacity: 0;
    visibility: hidden
}
.page-exclusive .grid-item .overlay {
    transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    -moz-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    -ms-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    -o-transition-timing-function: cubic-bezier(.77, 0, .175, 1)
}
.page-exclusive .grid-item .img-hover {
    height: 400px;
    margin: 0
}
@media screen and (max-width: 1024px) {
    .page-exclusive .grid-item .img-hover {
        height: 300px
    }
}
@media screen and (max-width: 768px) {
    .page-exclusive .grid-item .img-hover {
        height: 260px
    }
}
@media screen and (max-width: 540px) {
    .page-exclusive .grid-item .img-hover {
        height: 180px
    }
}
@media screen and (max-width: 320px) {
    .page-exclusive .grid-item .img-hover {
        height: 160px
    }
}
.page-exclusive .grid-item .field-entry {
    padding: 20px 0
}
.page-exclusive .grid-item .field-entry p {
    color: #6a6a6a;
    margin-bottom: 10px
}
#amenitiesMobilePopup .popup .inner .page-exclusive .grid-item .field-entry a,
#detailDest #amenities .popup .inner .page-exclusive .grid-item .field-entry a,
.page-exclusive .grid-item .field-entry #amenitiesMobilePopup .popup .inner a,
.page-exclusive .grid-item .field-entry #detailDest #amenities .popup .inner a,
.page-exclusive .grid-item .field-entry .btn,
.page-exclusive .grid-item .field-entry .wpcf7 input[type=submit],
.wpcf7 .page-exclusive .grid-item .field-entry input[type=submit] {
    margin-top: 15px
}
#amenitiesMobilePopup .popup .inner .page-exclusive .grid-item .field-entry a.bookNow:hover,
#detailDest #amenities .popup .page-exclusive .grid-item .field-entry .popup-content:hover,
.main-tab-slider .tab-slider .slider-item .page-exclusive .grid-item .field-entry .text-entry:hover,
.page-exclusive .grid-item .field-entry #amenitiesMobilePopup .popup .inner a.bookNow:hover,
.page-exclusive .grid-item .field-entry #detailDest #amenities .popup .popup-content:hover,
.page-exclusive .grid-item .field-entry .bg-gold:hover,
.page-exclusive .grid-item .field-entry .main-tab-slider .tab-slider .slider-item .text-entry:hover {
    color: #8a6f47
}



#bookOffersPopup {
    width: 100%;
    max-width: 700px;
    outline: none;
}
#bookOffersPopup select {
    font-size: 14px
}
#bookOffersPopup .wpcf7 label {
    width: 100%
}
#bookOffersPopup .wpcf7 .offers-title .wpcf7-not-valid-tip {
    bottom: -14px
}
#bookOffersPopup .wpcf7 .your-message .wpcf7-not-valid-tip {
    bottom: 4px
}
#bookOffersPopup .wpcf7 .wpcf7-response-output {
    width: 285px
}


#bookOffersPopupPreferred {
    width: 100%;
    max-width: 700px;
    outline: none;
}
#bookOffersPopupPreferred select {
    font-size: 14px
}
#bookOffersPopupPreferred .wpcf7 label {
    width: 100%
}
#bookOffersPopupPreferred .wpcf7 .offers-title .wpcf7-not-valid-tip {
    bottom: -14px
}
#bookOffersPopupPreferred .wpcf7 .your-message .wpcf7-not-valid-tip {
    bottom: 4px
}
#bookOffersPopupPreferred .wpcf7 .wpcf7-response-output {
    width: 285px
}

#bookOffersPopup .fh3, #bookOffersPopupPreferred .fh3{
    font-size: 30px;
}





@media screen and (max-width: 768px) {
    #site-article.with-sidebar {
        padding-bottom: 0
    }
}
#site-article.with-sidebar .article-item {
    margin-bottom: 0
}
#site-article.with-sidebar .article-item .content {
    padding-right: 50px
}
@media screen and (max-width: 1024px) {
    #site-article.with-sidebar .article-item .content {
        padding-left: 30px
    }
}
@media screen and (max-width: 768px) {
    #site-article.with-sidebar .article-item .content {
        padding-right: 30px
    }
}
#site-article.with-sidebar .other {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    margin-top: 50px
}
@media screen and (max-width: 540px) {
    #site-article.with-sidebar .other {
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}
#amenitiesMobilePopup .popup .inner #site-article.with-sidebar .other a,
#detailDest #amenities .popup .inner #site-article.with-sidebar .other a,
#site-article.with-sidebar .other #amenitiesMobilePopup .popup .inner a,
#site-article.with-sidebar .other #detailDest #amenities .popup .inner a,
#site-article.with-sidebar .other .btn,
#site-article.with-sidebar .other .wpcf7 input[type=submit],
.wpcf7 #site-article.with-sidebar .other input[type=submit] {
    margin-right: 50px
}
@media screen and (max-width: 540px) {
    #amenitiesMobilePopup .popup .inner #site-article.with-sidebar .other a,
    #detailDest #amenities .popup .inner #site-article.with-sidebar .other a,
    #site-article.with-sidebar .other #amenitiesMobilePopup .popup .inner a,
    #site-article.with-sidebar .other #detailDest #amenities .popup .inner a,
    #site-article.with-sidebar .other .btn,
    #site-article.with-sidebar .other .wpcf7 input[type=submit],
    .wpcf7 #site-article.with-sidebar .other input[type=submit] {
        margin-right: 0;
        margin-bottom: 25px
    }
}
#amenitiesMobilePopup .popup .inner #site-article.with-sidebar .other a svg,
#detailDest #amenities .popup .inner #site-article.with-sidebar .other a svg,
#site-article.with-sidebar .other #amenitiesMobilePopup .popup .inner a svg,
#site-article.with-sidebar .other #detailDest #amenities .popup .inner a svg,
#site-article.with-sidebar .other .btn svg,
#site-article.with-sidebar .other .wpcf7 input[type=submit] svg,
.wpcf7 #site-article.with-sidebar .other input[type=submit] svg {
    width: 10px;
    height: 10px;
    margin-right: 8px
}
#amenitiesMobilePopup .popup .inner #site-article.with-sidebar .other a.bookNow:hover,
#detailDest #amenities .popup #site-article.with-sidebar .other .popup-content:hover,
#site-article.with-sidebar .other #amenitiesMobilePopup .popup .inner a.bookNow:hover,
#site-article.with-sidebar .other #detailDest #amenities .popup .popup-content:hover,
#site-article.with-sidebar .other .bg-gold:hover,
#site-article.with-sidebar .other .main-tab-slider .tab-slider .slider-item .text-entry:hover,
.main-tab-slider .tab-slider .slider-item #site-article.with-sidebar .other .text-entry:hover {
    color: #8a6f47
}
#site-article.with-sidebar .other .share-icon {
    margin-top: 0;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center
}
#site-article.with-sidebar .other .share-icon ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    margin: 0
}
#site-article.with-sidebar .other .share-icon ul a {
    display: block;
    line-height: 0
}
#site-article.with-sidebar .picture-wrap .picture {
    height: 220px
}
@media screen and (max-width: 540px) {
    #site-article.with-sidebar .picture-wrap .picture {
        height: 180px
    }
}
#site-article.with-sidebar .picture-wrap img {
    height: 100%;
    width: 100%;
    object-fit: cover
}
#sidebar {
    background-color: #f7f7f7
}
@media screen and (max-width: 768px) {
    #sidebar {
        margin-top: 50px
    }
}
@media screen and (max-width: 540px) {
    #sidebar {
        margin-top: 25px
    }
}
#sidebar .wrapper {
    padding: 35px 40px 40px
}
@media screen and (max-width: 320px) {
    #sidebar .wrapper {
        padding: 25px 30px 30px
    }
}
#sidebar .widget {
    margin-bottom: 35px
}
#sidebar .widget:last-child {
    margin-bottom: 0
}
#sidebar .widget ul {
    margin-left: 0!important
}
#sidebar .widget ul:last-child {
    margin-bottom: 0!important
}
#sidebar .widget li {
    margin-bottom: 18px;
    list-style: none!important
}
#sidebar .widget li:last-child {
    margin-bottom: 0
}
#sidebar .widget .thumb {
    display: block;
    width: 85px;
    height: 55px;
    float: left
}
#sidebar .widget .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover
}
#sidebar .widget .field {
    float: right;
    width: calc(100% - 100px);
    margin-top: 10px
}
#sidebar .widget .field,
#sidebar .widget .field .title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}
#sidebar .widget .field .title {
    display: block;
    line-height: 1;
    text-transform: capitalize
}
#sidebar .widget .field .title:hover {
    color: #8a6f47
}
#sidebar .widget .field .post-date {
    font-size: 13px
}
.files {
    margin-top: 75px
}
.files img {
    width: 300px;
    height: auto
}
.files .download {
    margin-top: 50px
}
.page-destination.grid {
    padding: 0;
    position: relative;
    z-index: 100
}
.page-destination.grid .row {
    position: relative;
    top: -50px;
    padding: 75px;
    background-color: #fff
}
@media screen and (max-width: 540px) {
    .page-destination.grid .row {
        padding: 35px 30px;
        top: -30px
    }
}
.page-destination.grid .fh3 {
    margin-top: 0
}
@media screen and (max-width: 768px) {
    .page-destination.grid .col-sm-offset-2 {
        margin-left: 0
    }
}
.main-destination.grid {
    background-color: #fff;
    padding-top: 50px
}
@media screen and (max-width: 540px) {
    .main-destination.grid {
        padding-top: 30px;
        padding-bottom: 0
    }
}
.main-destination.grid .grid-item figure {
    position: relative;
    margin: 0;
    height: 225px
}

.main-destination.grid .grid-item figure {
    position: relative;
    margin: 0;
    height: 225px
}
.figurediv{
    position: relative;
    margin: 0;
    height: 225px
}
.divgrid-item{
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    margin-bottom: 20px;
}
@media screen and (max-width: 375px) {
    .main-destination.grid .grid-item figure {
        height: 190px
    }
}
@media screen and (max-width: 320px) {
    .main-destination.grid .grid-item figure {
        height: 170px
    }
}
.main-destination.grid .grid-item img {
    width: 100%
}
.main-destination.grid .grid-item .inner {
    padding: 20px 0
}
.main-destination.grid .grid-item .inner p {
    margin-bottom: 10px;
    color: #6a6a6a
}
#detailDest #location .arapey .main-destination.grid .grid-item h4,
#detailDest #location .arapey .main-destination.grid .grid-item h5,
#detailDest #location .arapey .main-destination.grid .grid-item h6,
.main-destination.grid .grid-item #detailDest #location .arapey h4,
.main-destination.grid .grid-item #detailDest #location .arapey h5,
.main-destination.grid .grid-item #detailDest #location .arapey h6,
.main-destination.grid .grid-item .fh5,
.main-destination.grid .grid-item .testimonial-block .caption .author,
.testimonial-block .caption .main-destination.grid .grid-item .author {
    margin-top: 0
}
.filter-destination {
    margin-top: 50px
}
@media screen and (max-width: 540px) {
    .filter-destination {
        margin-top: 30px
    }
}
.filter-destination .filter-wrapper {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center
}
@media screen and (max-width: 768px) {
    .filter-destination .filter-wrapper {
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}
.filter-destination .filter-select-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    width: 70%;
    padding-left: 50px;
    font-size: 14px
}
@media screen and (max-width: 768px) {
    .filter-destination .filter-select-wrap {
        width: 100%;
        padding: 0
    }
}
@media screen and (max-width: 320px) {
    .filter-destination .filter-select-wrap {
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}
.filter-destination .filter-select-wrap p {
    margin-bottom: 0;
    color: #8a6f47;
    text-transform: uppercase;
    width: 75px
}
@media screen and (max-width: 540px) {
    .filter-destination .filter-select-wrap p {
        display: none
    }
}
.filter-destination .filter-select-wrap select {
    border: 1px solid #8a6f47;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    -webkit-appearance: none;
    padding: 6px 15px;
    background-color: #fff;
    color: #6a6a6a;
    width: 50%;
    margin-left: 15px;
    background-image: url(assets/images/angle-arrow-down.png);
    background-repeat: no-repeat;
    background-position: calc(100% - 15px);
    background-size: 15px 15px
}
@media screen and (max-width: 540px) {
    .filter-destination .filter-select-wrap select {
        margin: 0;
        font-size: 12px
    }
    .filter-destination .filter-select-wrap select:first-of-type {
        margin-right: 7px;
        width: 100%;
    }
    .filter-destination .filter-select-wrap select:last-of-type {
        margin-left: 7px

    }
}
@media screen and (max-width: 320px) {
    .filter-destination .filter-select-wrap select {
        width: 100%;
        margin-bottom: 15px
    }
    .filter-destination .filter-select-wrap select:first-of-type {
        margin-right: 0
    }
    .filter-destination .filter-select-wrap select:last-of-type {
        margin-left: 0;
        margin-bottom: 0
    }
}
.filter-destination .filter-search {
    position: relative;
    width: 30%
}
.filter-destination .filter-search button {
    outline: 0
}
@media screen and (max-width: 768px) {
    .filter-destination .filter-search {
        width: 100%;
        margin-bottom: 15px
    }
}
@media screen and (max-width: 540px) {
    .filter-destination .filter-search {
        font-size: 14px
    }
}
.filter-destination .filter-search input {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #8a6f47;
    padding: 8px 0;
    width: 100%
}
.filter-destination .filter-search button {
    right: 0;
    background-color: transparent;
    border: 0;
    color: #8a6f47
}
.filter-destination .filter-search button svg {
    width: 15px;
    height: 15px
}
.nav-filter-sticky {
    position: fixed;
    top: 100px;
    left: 0;
    right: 0;
    background-color: #fff;
    z-index: 150;
    padding: 30px 0;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 2px 3px #f5f5f5;
    -moz-box-shadow: 0 2px 3px #f5f5f5;
    -webkit-box-shadow: 0 2px 3px #f5f5f5;
    -ms-box-shadow: 0 2px 3px #f5f5f5;
    -o-box-shadow: 0 2px 3px #f5f5f5;
    transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%)
}
.nav-filter-sticky.stick {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0)
}
.nav-filter-sticky .filter-destination {
    margin-top: 0
}


/* style page-contact */
/* 
#phone_text, #contryresponse{
	max-width: 327px;
} */

.formgroup{
    position: relative;
}

#contryresponse, #reason_enquiry{
    margin-top: -6px;
}

.formgroup input.error,
.formgroup select.error,
.formgroup textarea.error
{
    border-bottom-color: rgb(255, 0, 0);
}

#iagree-error{
    bottom: 0px;
}

.formgroup label.error{
    color: rgb(255, 0, 0);
    display: block;
    font-size: 11px;
    font-weight: 700;
    position: absolute;
}

.wrapperLoading{
	position: relative;
}

#contactSubmit:disabled {
  background: #dddddd;
}

.fixbody {
  margin: 0;
  height: 100%;
  overflow: hidden;
}

.wrapformcontact, .wrapformcomplimentary{
	padding: 30px 50px 65px;
}

.wrapformcomplimentary label {
    color: #aaa;
    font-weight: normal;
}

.titlecontact{
    margin-bottom: 20px !important;
}

#loadingspinner{
    border: 4px solid #f3f3f3;
    border-radius: 50%;
    border-top: 4px solid #8a6f47;
    width: 20px;
    height: 20px;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    position: absolute;
    top: 5px;
    left: 66px;
    display: none;
}

.modal__wrapper {
    -webkit-box-align: center;
    padding: 40px;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    z-index: 1007;
    width: auto;
    height: 100%;
    position: absolute;
    inset: 0px;
    display: block;
    /* flex-direction: row; */
    /* justify-content: center; */
    top: 0;
    left: 0;	
	transition: all 0.5s;
    transform: translateY(60px);
    opacity: 0;
}

.modal__popup.shown .modal__wrapper {
    transform: translateY(0);
    opacity: 1;
}

#form_contact_us #iagree-error {
    top: auto;
    left: 0;
    border-bottom: none !important;
    bottom: 4px;
}

.errorline{
    border-bottom: 1px solid #dc3232 !important;
}

.errormobile{
    position: absolute;
    left: 0px;
    bottom: -27px;
    font-size: 12px;
    color: red;
    background: #ffffff;
}

#messagesform{
    resize: none;
    height: 87px;
}

.wrapformcontact .formgroup{
    padding-bottom: 25px;
}

.wrapformcontact label{
    width: 100%;
}

#contryresponse,#reason_enquiry{
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 10px;
}

.modal__wrapper .description {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    background: rgb(255, 255, 255);
    position: relative;
    /* max-height: 100%; */
    display: block;
    /* flex-direction: column; */
    box-shadow: rgb(0 0 0 / 28%) 0px 8px 28px;
    animation-duration: 400ms;
    animation-iteration-count: 1;
    animation-fill-mode: both;
    animation-name: topbounch;
    width: 100%;
    max-width: 920px;
    border-radius: 5px;
    top: 0;
    margin-left: auto;
    margin-right: auto;
}

.modal__wrapper .description .modal__close {
    color: #755d3b;
    font-size: 35px;
    position: absolute;
    top: 14px;
    right: 5px;
    padding: 4px 9px;
    height: 18px;
    width: 18px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(https://devp.karmagroup.com/wp-content/themes/karma/imgs/icons/close-icon-rounded.png);
}

.cursor-pointer{
	cursor: pointer;
}



.modal__popup .overlays {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1005;
    background: rgb(34, 34, 34) !important;
    overflow-y: auto !important;
    animation-duration: 400ms !important;
    animation-iteration-count: 1 !important;
    animation-fill-mode: both !important;
    animation-name: showmodal !important;
}

.boxleft{
    padding-right: 25px;
}

.boxright{
    padding-left: 25px;
}

.btnemail{
    color: #ffffff !important;
}
.btnemail:hover{
    color: #8a6f47 !important;
}

@media only screen and (max-width: 992px){
	
	#form_contact_us input#phone_text {
    padding-left: 100px !important;
	}
	
}

input:-webkit-autofill,
  input:-webkit-autofill:hover,
  input:-webkit-autofill:focus textarea:-webkit-autofill,
  textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
  select:-webkit-autofill,
  select:-webkit-autofill:hover,
  select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
  }


@keyframes topbounch {
    0% {
    opacity: 0;
    transform: translate(0px, 100%);
    }
    100% {
    opacity: 1;
    transform: none;
    }
}

@keyframes showmodal {
    0% {
    opactiy: 0;
    }
    100% {
    opacity: 0.86;
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg); 
    }
    100% {
        -webkit-transform: rotate(360deg); 
    } 
}

@keyframes spin {
    0% {
        transform: rotate(0deg); 
    }
    100% {
        transform: rotate(360deg); 
    } 
}


@media screen and (max-width: 1024px) {
    #modalContact{
        position: absolute;
        top: 50px;
        width: 100%;
    }
    .modal__wrapper{
        position: relative;
    }
}


@media all and (device-width: 768px) {
    #modalContact{
        position: absolute;
        top: 50px;
        width: 100%;
    }
    .modal__wrapper{
        position: relative;
    }
}


@media screen and (max-width: 767px) {
    .iti {
        width: 100%;
    }
    #modalContact{
        position: absolute;
        top: 50px;
        width: 100%;
    }
    .modal__wrapper{
        width: auto;
        padding: 25px;
        position: relative;
    }
    .wrapformcontact {
        padding: 30px 35px 65px;
    }
    .modal__wrapper .description .modal__close{
        top: 8px;
        right: 0px;
        height: 14px;
        width: 12px;
    }

    .wrapformcontact .wpcf7 input[type=submit]{
        width: 100%;
    }
    .boxright{
        padding-left: 0;
    }
    .boxleft{
        padding-right: 0;
    }
}


.row_space {
    margin-left: -15px;
    margin-right: -15px;
}

.row_space .col-lg-1,
.row_space .col-lg-2,
.row_space .col-lg-3,
.row_space .col-lg-4,
.row_space .col-lg-5,
.row_space .col-lg-6,
.row_space .col-lg-7,
.row_space .col-lg-8,
.row_space .col-lg-9,
.row_space .col-lg-10,
.row_space .col-lg-11,
.row_space .col-lg-12,
.row_space .col-md-1,
.row_space .col-md-2,
.row_space .col-md-3,
.row_space .col-md-4,
.row_space .col-md-5,
.row_space .col-md-6,
.row_space .col-md-7,
.row_space .col-md-8,
.row_space .col-md-9,
.row_space .col-md-10,
.row_space .col-md-11,
.row_space .col-md-12,
.row_space .col-sm-1,
.row_space .col-sm-2,
.row_space .col-sm-3,
.row_space .col-sm-4,
.row_space .col-sm-5,
.row_space .col-sm-6,
.row_space .col-sm-7,
.row_space .col-sm-8,
.row_space .col-sm-9,
.row_space .col-sm-10,
.row_space .col-sm-11,
.row_space .col-sm-12,
.row_space .col-xs-1,
.row_space .col-xs-2,
.row_space .col-xs-3,
.row_space .col-xs-4,
.row_space .col-xs-5,
.row_space .col-xs-6,
.row_space .col-xs-7,
.row_space .col-xs-8,
.row_space .col-xs-9,
.row_space .col-xs-10,
.row_space .col-xs-11,
.row_space .col-xs-12 {
    padding-left: 15px;
    padding-right: 15px;
		box-sizing: border-box;
}

.main-menu-mobile .menu-mobile a.btn_join {
    background-color: #8a6f47;
    color: #fff;
    width: auto;
    margin-left: 20px;
    margin-right: 20px;
	margin-bottom: 1.1em;
}

.main-menu-mobile .menu-mobile .menu-item-reservation a{
    width: auto;
    margin-left: 20px;
    margin-right: 20px;
	margin-bottom: 1.1em;
    color: #8a6f47;
}

.no-scroll.modal-up {
    overflow: auto;
}

#modalContact {
    opacity: 0;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    display: none;
}

#modalContact.shown{
    opacity: 1;
    visibility: visible;
    height: auto;
    overflow: auto;
    display: block;
}




/* destinations */
input:-webkit-autofill,
	input:-webkit-autofill:hover,
	input:-webkit-autofill:focus textarea:-webkit-autofill,
	textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
	select:-webkit-autofill,
	select:-webkit-autofill:hover,
	select:-webkit-autofill:focus {
		-webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
	}
	.d-none{
		display:none !important;
	}
	.mr-2{
		margin-right:20px;
	}
	.ml-2{
		margin-left:20px;
	}
	.d-block{
		display:block !important;
	}
	.bg-gold:hover{
		outline:none;
		color: #8a6f47;
	}
	#BookMemberForm input, #BookMemberForm select,
    #BookMemberForm_complimentary input, #BookMemberForm_complimentary select,
    #BookMemberForm_preferred input, #BookMemberForm_preferred input
    {
		height: 39px;
		font-size: 15px;
	}
	.flex-end {
    	justify-content: flex-end;
	}

    #BookMemberForm input, #BookMemberForm select, #BookMemberForm textarea,
    #BookMemberForm_complimentary input, #BookMemberForm_complimentary select, #BookMemberForm_complimentary textarea,
    #BookMemberForm_preferred input, #BookMemberForm_preferred select, #BookMemberForm_preferred textarea
    {
		border: 0;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		-ms-box-shadow: none;
		-o-box-shadow: none;
		border-bottom: 1px solid #6a6a6a;
		padding: 0;
		outline: 0;
		-webkit-appearance: none;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		-ms-border-radius: 0;
		-o-border-radius: 0;
		background-color: transparent;
		font-weight: 400;
		/* margin-bottom: 40px; */
	}

    .resortwarp{
        margin-bottom: 20px;
    }

    #BookMemberForm select,
    #BookMemberForm_complimentary select,
    #BookMemberForm_preferred select
    {
        -webkit-appearance: none;
        -moz-appearance: none;
        background: transparent;
        background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
        background-repeat: no-repeat;
        background-position-x: 100%;
        background-position-y: 5px;
        margin-bottom: 0;
    }
	#BookMemberForm textarea,
    #BookMemberForm_complimentary textarea,
    #BookMemberForm_preferred textarea
    {
		margin-bottom: 0;
        resize: none;
	}
	#BookMemberForm input[type=checkbox],
    #BookMemberForm_complimentary input[type=checkbox],
    #BookMemberForm_preferred input[type=checkbox]
    {
		position: absolute;
		top: -26px;
		left: 0;
		-webkit-appearance: checkbox;
		height: 15px;
		width: 15px;
		border: none;
	}



    .titleform{
        font-size: 1.4rem;
        padding-top: 5px;
        margin-bottom: 15px;
        font-weight: 500;
    }

    .form-group{
        position: relative;
    }
	.form-group label.error {
		background: none!important;
		border-bottom: 1px solid #f00!important;
	}
    #memberDetails .iti {
        width: initial;
    }

    #memberDetails_complimentary .iti {
        width: 100%;
    }
    .justify-content-between{
        justify-content: space-between;
    }

	.form-group label.error {
		text-indent: 1px !important;
		font-size: 12px;
		color: #f00;
		position: absolute;
		bottom: -5px;
    	left: 0px;
		right: 0;
		width: calc(100% - 20px);
		height: 2px;
	}

    .formkc-complimentary{
		width: 100%;
        max-width: 600px;
        margin: 0 auto;
	}


    /* .stepform{
        display: none !important;
    }

    .slick-initialized .slick-current {
        display: block !important;
    } */

    #memberDetails, 
    #cardDetails,
    #memberDetails_complimentary, 
    #cardDetails_complimentary
    {
        display: none;
    }


    #iagree-error {
        bottom: -8px;
        left: 20px;
    }


	#Messages-error,  #Messages_complimentary-error{
		bottom: 2px;
	}
	.bg-gold:focus{
		outline:none;
	}


	.left20{
		padding-left: 20px;
	}

    .wrapformcomplimentary .mobile .iti{
        margin-top: 1px;
    }

.iti--separate-dial-code .iti__selected-dial-code {
    color: #aaa;
}

    .selectresort{
        margin-bottom: 25px;
    }

	.pt-1{
		padding-top:10px;
	}
	
    .iti label.error {
        bottom: 0;
        margin: 0;
    }

    .wrapformDestinations{
        padding: 30px 50px 65px;
    }

    /* cf7 style */
    .wrapformcomplimentary .wpcf7-list-item-label {
        margin-left: 10px;
        font-size: 13px;
        display: inline-block;
        cursor: pointer;
        color: #aaa;
    }
    .wrapformcomplimentary .wpcf7-list-item-label a{
        font-size: 13px;
        color: inherit;
    }

    .wrapformcomplimentary .wpcf7-not-valid-tip{
        font-size: 12px !important;
        text-indent: unset !important;
    }

    .wpcf7-response-output{
        display: none !important;
    }

    /* .mobile .wpcf7-not-valid-tip{
        font-size: 12px;
        bottom: 0 !important;
    } */

    form .loading-circle, 
    #loading-circle, 
		#loading-circlepreferred{
        position: absolute;
        top: -2px;
        bottom: 0;
        left: 48px;
        margin: auto;
        width: 25px;
        height: 25px;
        border: 4px solid #f3f3f3;
        border-top: 4px solid #8a6d3b;
        border-radius: 50%;
        animation: spin 0.6s ease-in infinite;
        z-index: 15;
        display: none;
    }

    .relative{
        position: relative;
    }

    .thankyoumessage{
        display: none;
        text-align: center;
        padding: 50px;
    }

    .thankyoumessage i{
        font-size: 45px;
        padding-bottom: 25px;
    }

    .modal__popup_destination .overlays {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 2000;
        background: rgb(34, 34, 34) !important;
        overflow-y: auto !important;
        animation-duration: 400ms !important;
        animation-iteration-count: 1 !important;
        animation-fill-mode: both !important;
        animation-name: showmodal !important;
        background-color: #333 !important;
    }

    .modal__wrapper_destination {
        -webkit-box-align: center;
        padding: 40px 0;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-box-direction: normal;
        -webkit-box-orient: horizontal;
        z-index: 2000;
        width: 100%;
        height: 100%;
        position: fixed;
        inset: 0px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        top: 0;
        left: 0;
    }

    .modal__wrapper_destination .description {
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        background: rgb(255, 255, 255);
        position: relative;
        max-height: 100%;
        display: flex;
        flex-direction: column;
        box-shadow: rgb(0 0 0 / 28%) 0px 8px 28px;
        animation-duration: 400ms;
        animation-iteration-count: 1;
        animation-fill-mode: both;
        animation-name: topbounch;
        width: 100%;
        max-width: 780px;
        max-width: 920px;
        border-radius: 5px;
        overflow: auto;
        background-color: #000;
    }

.modal__wrapper_destination .description h3 {
    color: #aaa;
}

    .modal__wrapper_destination .description .modal__close {
        color: #755d3b;
        font-size: 35px;
        position: absolute;
        top: 14px;
        right: 5px;
        padding: 4px 9px;
        height: 18px;
        width: 18px;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(https://karmagroup.com/wp-content/themes/karma/imgs/icons/close-icon-rounded.png);
    }

    .modal__wrapper_destination .content {
        padding: 0 30px 35px;
    }
    .NoAdults .wpcf7-not-valid-tip{
        top: 31px;
    }

    .titleKC{
        margin-bottom: 0;
        margin-top: 70px;
    }
    




    @keyframes spin {
        0% {
          transform: rotate(0deg);
        }
        100% {
          transform: rotate(360deg);
        }
      }

    @media screen and (max-width: 768px) {
        .page-destination.grid .col-sm-offset-2 {
            margin-left: 0
        }
        .modal__wrapper_destination .ml-4, .modal__wrapper_destination .mx-4, .modal__wrapper_destination .mr-4{
            margin-left: 0rem !important;
            margin-right: 0rem !important;
        }
        .modal__wrapper_destination{
            padding: 0;
            top: 15px;
        }
        .modal__wrapper_destination .description{
            margin: 15px;
        }
        .wrapformcontact, .wrapformcomplimentary {
            padding: 40px 30px;
        }
        #BookMemberFormPMR input[type=checkbox], #BookMemberForm input[type=checkbox], #BookMemberForm_complimentary input[type=checkbox], #BookMemberForm_preferred input[type=checkbox] {
            top: initial !important
        }
        .wrapformcomplimentary .iti--allow-dropdown input, 
        .wrapformcomplimentary .iti--allow-dropdown input[type=text], 
        .wrapformcomplimentary .iti--allow-dropdown input[type=tel], 
        .wrapformcomplimentary .iti--separate-dial-code input, 
        .wrapformcomplimentary .iti--separate-dial-code input[type=text], 
        .wrapformcomplimentary .iti--separate-dial-code input[type=tel] {
            padding-left: 52px !important;
        }
    }

    @media screen and (max-width: 540px) {
        .main-block-grid .grid-item {
            min-height: 360px;
        }
        .main-destination.grid {
            padding-top: 30px;
            padding-bottom: 0
        }
        .titleKC{
            font-size: 2rem;
            line-height: 1.3;
        }
        #the_voucher > h2{
            margin-top: 0;
        }
    }


.the_join_form_process #loading-circle {
    display: block;
}

.main-menu ul.menu ul{
    border-radius: unset;
    background: rgba(0,0,0,0.65);
    min-width: auto;
    margin-left: -10px;
    display: none;
    position: initial;
    float: none;
    border-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-left: 0;
    position: absolute;
}

.main-menu ul.menu ul li{
    display: block;
    margin-left: 0;
}

.main-menu ul.menu ul a {
    width: auto;
    padding: 6px 10px;
    line-height: 1em;
    font-size: 1em !important;
    display: block;
}

.main-menu ul.menu ul a.glink.active{
    display: none;
}

.main-menu ul.menu ul a span{
    font-size: 1em !important;
}

.main-menu ul.menu li:hover > ul{
    left: auto;
    display: block;
    border-top: 5px solid transparent;
}

.main-menu-mobile .menu-mobile li.gtranslate-parent {
    display: none;
}


@media screen and (min-width: 992px){

    .main-menu ul.menu ul {
        border-radius: unset;
        min-width: auto;
        position: absolute;
        float: none;
        border-top: 0;
        padding-top: 0;
        padding-bottom: 0;
        margin-left: -10px;
        background: none transparent;
    }

    .main-menu ul.menu ul li{
        background: rgba(0,0,0,0.65);
    }

}