body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; max-width: 1980px;}
a:focus { text-decoration: none; }
.main-menu { padding: 0; list-style: none; text-align: left; }
.main-menu > li { border-bottom: 1px solid #0370B6; }
.main-menu > li a:hover { text-decoration: none; }

.intro { background-position: 50% 50%; }

/* venue page */
.venue-container{padding-right: 0; padding-left: 0;}

.selection-area h2 {
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 8px;
}

/*.content-list ul { padding-left: 10px; }*/
.services-modal.info-modal .modal-content { color: white; }
.services-modal.info-modal .btn-close.blue::before, .services-modal.info-modal .btn-close.blue::after { background: white; }

.bootstrap-select.btn-group .btn-default + .dropdown-menu { box-shadow: 5px 5px 10px 0 rgba(0,0,0, .2); background-color:#D3CFDC;}

@media screen and (min-width: 992px)  {
	.page-nav .nav > li {
	    display: inline-block;
	    min-width: 150px;
	    text-align: center;
	}
}


@media screen and (max-height: 1220px) and (min-width: 992px)  {
	.page-template-venues-template.marquesina-open #header { height: 150px; max-width: 1980px;}
	.page-title h1 {  font-size: 20px; line-height: 34px; }
	.page-title { padding-top: 66px; padding-bottom: 67px; }
	.filter { padding-bottom: 22px; }
	.page-template-venues-template .wrapper { padding: 223px 0 0; }
	.page-template-venues-template .navbar { padding-top: 15px; }
	.page-template-venues-template.marquesina-open .navbar { padding-top: 30px; }
	.page-template-venues-template.marquesina-open .wrapper { padding: 150px 0 0; }
	.page-template-venues-template .search-map { top: 223px; }
	.page-template-venues-template.marquesina-open .search-map { top: 276px; }
	.selection-area.all-res h2 {font-size: 28px; line-height: 34px;}
	.page-template-venues-template.marquesina-open .navbar-absolute-top { top:39px; }

	}
}

@media screen and (max-width: 1280px) and (min-width: 992px){
/*	.logos { margin: -5px 0 0 12px; }
*/	/*.logos li {
	display: inline-block;
    vertical-align: top;
	}*/
}

/* NEW COLOR */


/* HOME 2018 */
.promo-box h1 {
	font-size: 53px;
    line-height: 56px;
}
.promo-box h1,
.intro h2 {
	margin-bottom: 15px;
}
.intro h2  {
	margin-top: 10px;
}
.promo-box {
	height: 100vh;
}
.promo-box,
.intro {
	font-size: 26px;
	line-height: 32px;
}
.promo-box .block {
	max-width: 600px;
}
.promo-box .block p {
	max-width: 570px;
}
.promo-box .cell {
	padding: 90px 55px 319px;
}
.intro {
	background-color: #090329;
	background-size: 100%;
	background-position: bottom;
	background-repeat: no-repeat;
}
.intro .block {
	max-width: 530px;
}




@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }

  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

/*.favorite.selected,*/
#wishlist-menu-item.active {
	animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
	transform: translate3d(0, 0, 0);
	backface-visibility: hidden;
	perspective: 1000px;
}




/* SERVICES DOUBLESCROLL */

.page-template-services-multiscroll-template  #wrapper {
	margin-top: 73px;
}
.page-template-services-multiscroll-template .grid {
    position: relative;
    margin: 0;
    padding: 0;
    max-width: 100%;
    list-style: none;
    text-align: center;
    float: left;
    width: 50%;

}
.page-template-services-multiscroll-template .page-title {
	margin-bottom: 0;
}

.page-template-services-multiscroll-template #inv,
.page-template-services-multiscroll-template #norm {
    margin-top: 0;
    height: 100%;
  }

.page-template-services-multiscroll-template .grid {
    max-width: 100%;
    width: 50%;
    margin-top: 0;

  }

.page-template-services-multiscroll-template .grid img,
.page-template-services-multiscroll-template .grid video {
	width: 100%;
}

.page-template-services-multiscroll-template .swiper-container {
	height: calc(100vh - 73px);
	margin-top: 73px;
}


.page-template-services-multiscroll-template figure.effect figcaption {
    top: auto;
    bottom: 0;
    position: absolute;

    padding: 1.5rem 15px 1.5rem 15px;
    /* height: 4.3rem; */
    height: auto;
    background: #eee;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0, calc(100% - 3px), 0);
    transform: translate3d(0, calc(100% - 3px), 0);
    /* border-top: 3px solid #090329;
    border-bottom: 3px solid #090329; */
    display: inline-table;
    left: 0;
    width: 100%;
    background: #0370B6;

}

.page-template-services-multiscroll-template figure.effect figcaption h2 {
	text-align: left;
	font-weight: normal;
	margin: 0;
	color: #FFFFFF;
}
figure.effect:hover figcaption,
figure.effect:hover h2,
figure.effect:hover p,
figure.effect.hover figcaption,
figure.effect.hover h2,
figure.effect.hover p {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

#center_bar {
    position: fixed;
    top: 0;
    left: calc(50% - 1.5px);
    height: 100vh;
    width: 3px;
    z-index: 2;
    background-color: #0370B6;
    top: 73px;
}

.grid .swiper-slide {
    height: auto;
}

.bar {
    height: 3px;
    width: 100%;
    background-color: #0370B6;
    position: absolute;
    bottom: 0;
    z-index: 1;
}

/*



  body.home .grid {
    width: 100%;
    margin-top: 66px;
  }
  .grid .swiper-wrapper {
    display: block;
    width: auto;
    height: auto;
  }

*/

@media only screen and (max-width: 768px){
	.inv-swiper, .norm-swiper {
	    height: auto !important;
	}
	.page-template-services-multiscroll-template .swiper-container { margin-top: 50px; }

	.page-template-services-multiscroll-template .grid {
		width: 100%;

	}
	.grid .swiper-wrapper {
	    display: block;
	    width: auto;
	    height: auto;
	}
	#center_bar {
		display: none
	}
	.page-template-services-multiscroll-template figure.effect figcaption {
		position: static;
		 -webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

}




@media screen and (max-width: 1199px){
	.promo-box h1,
	.intro h2 {
		font-size: 43px;
	    line-height: 45px;
	}
}
@media screen and (max-width: 767px), screen and (max-width: 767px) and (orientation: landscape), screen and (max-width: 767px) and (orientation: portrait){
	.promo-box h1,
	.intro h2 {
		font-size: 29px;
		line-height: 31px;
	}
	.promo-box {
		height: 55vh;
		min-height: 400px;
	}
	.promo-box,
	.intro {
		font-size: 16px;
		line-height: 22px;
	}
	.promo-box p,
	.intro p {
		line-height: 20px;
	}
	.promo-box .cell {
		padding: 30px 34px 42px;
	}

}