/**
 * Stylesheet declaration for KOLPINGHAUS - JUGENDWOHNEN
 *
 *
 * @url        /
 * @author     Tanja Almasy
 * @copyright  (c) 2019 ACTS Communication GmbH
 * @license    all rights reserved
 */



/* BOOK BANNER
================================*/
.checkout {
	background-image		: -webkit-linear-gradient(left, #FFC247 0%, #E86C27 100%), -webkit-linear-gradient(left, #FFC247 0%, #E86C27 100%);
	background-image		: -moz-linear-gradient(left, #FFC247 0%, #E86C27 100%), -moz-linear-gradient(left, #FFC247 0%, #E86C27 100%);
	background-image		: -o-linear-gradient(left, #FFC247 0%, #E86C27 100%), -o-linear-gradient(left, #FFC247 0%, #E86C27 100%);
	background-image		: linear-gradient(to right, #FFC247 0%, #E86C27 100%), linear-gradient(to right, #FFC247 0%, #E86C27 100%);
	padding 				: 40px 0;
}



/* CHECKOUT - FROM | TO | ADULTS | CHILDREN */
.checkout {
	position 						: relative;
	z-index 						: 1;
	/*top 							: -48.5px;*/
}

#checkout-form {
	width 							: 100%;
	background 						: transparent;
}

/* CHECKOUT - CHECKOUT FROM | TO PICKER */
#checkout-form .checkout-from-to-picker {
	width 							: 50%;
	height 							: 92px;
	padding 						: 0;
	float 							: left;
}

#checkout-form .checkout-from-to-picker .checkinout-wrapper {
	display 						: block;
	float 							: left;
	width 							: calc(100% / 2 - 15px);
	text-align 						: center;
	border 							: 1px solid rgba(255,255,255,0.4);
	border 							: 2px solid #FFFFFF;
	height 							: 92px;
	margin-right 					: 15px;
}

@media all and (max-width:767px) {
	#checkout-form .checkout-from-to-picker {
		margin-bottom 					: 15px;
	}
	
	#checkout-form .checkout-from-to-picker .checkinout-wrapper {
		width 							: calc(100% / 2 - 7.5px);
	}
	
	#checkout-form .checkout-from-to-picker .checkinout-wrapper:first-child {
		margin-right 					: 7.5px;
	}

	#checkout-form .checkout-from-to-picker .checkinout-wrapper:last-child {
		margin-left 					: 7.5px;
		margin-right 					: 0;
	}
}

#checkout-form .checkout-from-to-picker .checkinout-wrapper label,
#checkout-form .checkinout-content label {
	font-family 					: 'Open Sans';
	font-size 						: 14px;
	color 							: #FFFFFF;
	text-transform 					: uppercase;
	font-weight 					: 400;
	padding-top 					: 18px;
	margin-bottom 					: 0;
}

@media all and (max-width:1000px) {
	#checkout-form .checkout-from-to-picker .checkinout-wrapper label,
	#checkout-form .checkinout-content label {
		font-size 						: 13px;
	}
}

#checkout-form .checkout-from-to-picker .checkinout-wrapper input {
	border 							: 0;
	border-radius 					: 0px;
	box-shadow 						: none;
	text-align 						: center;
	cursor 							: pointer;
	color 							: #FFFFFF;
	font 							: 400 25px 'Open Sans';
	background 						: transparent;
	height 							: 100%;
	margin-top 						: -37px;
	padding-top 					: 41px;
}

#checkout-form .checkout-from-to-picker .checkinout-wrapper input.form-control::-moz-placeholder {
	color 							: #292627;
	color:green;
}

@media all and (max-width:1199px) {
	#checkout-form .checkout-from-to-picker {
		width 						: 45%;
	}
}

@media all and (max-width:767px) {
	#checkout-form .checkout-from-to-picker {
		width 						: 100%;
	}
	
	#checkout-form .checkout-from-to-picker .checkinout-wrapper input {
		font-size 					: 20px;
	}
}

/* CHECKOUT - CHECKINOUT CONTENT */
#checkout-form .checkinout-content {
	float 							: left;
	width 							: 25%;
	height 							: 92px;
	text-align 						: center;
}

@media all and (max-width:1199px) {
	#checkout-form .checkinout-content {
		width 						: 30%;
	}
}

@media all and (max-width:991px) {
	#checkout-form .checkinout-content {
		width 						: 35%;
	}
}

#checkout-form .checkinout-content .adult-num,
#checkout-form .checkinout-content .children-num {
	display 						: block;
	float 							: left;
	width 							: calc(100% / 2 - 15px) !important;
	height 							: 92px;
	border							: 2px solid #FFF;
	background 						: transparent;
	margin-right 					: 15px;
}

@media all and (max-width:767px){
	#checkout-form .checkinout-content {
		width 						: 100%;
		margin-bottom 				: 15px;
	}
	
	#checkout-form .checkinout-content .adult-num,
	#checkout-form .checkinout-content .children-num {
		width 							: calc(100% / 2 - 7.5px) !important;
	}
	
	#checkout-form .checkinout-content .adult-num {
		margin-right 					: 7.5px;
	}
	
	#checkout-form .checkinout-content .children-num {
		margin-left 					: 7.5px;
		margin-right 					: 0px;
	}
}

#checkout-form .checkinout-content .adult-num select,
#checkout-form .checkinout-content .children-num select {
	border 							: 0px;
	border-radius 					: 0;
	box-shadow 						: none;
}

/* SELECT 2 */
.checkinout-content .select2-container--default .select2-selection--single {
    background-color 				: #ffffff;
    border-radius 					: 0;
	color 							: #FFFFFF;
	height 							: 92px;
	background 						: transparent;
	border 							: 0 none;
    outline 						: 0 none;
}

.checkinout-content .select2-container {
	top 							: -38px;
	width 							: 100% !important;
}

.checkinout-content .select2-container--default .select2-selection--single .select2-selection__rendered {
    border-bottom 					: 0 none;
    cursor 							: pointer;
	font-size 						: 25px;
	color 							: #FFFFFF;
	font-family 					: "Open Sans";
    font-weight 					: 400;
	line-height 					: 130px;
	text-align 						: center;
	/*padding 						: 0 65px !important;*/
}

.checkinout-content .select2-container--default .select2-selection--single .select2-selection__arrow {
    /*right 							: 25px;*/
    top 							: 52px;
	width 							: 100%;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color 					: #FFF transparent transparent transparent;
	left 							: 75%;	
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color 					: transparent transparent #FFF transparent;
}

@media all and (max-width:991px) {
	.checkinout-content .select2-container--default .select2-selection--single .select2-selection__rendered {
		padding 						: 0 40px !important;
	}
	
	/*.checkinout-content .select2-container--default .select2-selection--single .select2-selection__arrow {
		right 							: 38px;
	}*/
}

@media all and (max-width:767px) {
	.checkinout-content .select2-container--default .select2-selection--single .select2-selection__rendered {
		padding 						: 0 !important;
		text-align 						: center;
	}
}

/* DROPDOWN */
.select2-container--classic .select2-results > .select2-results__options,
.select2-container--default .select2-results > .select2-results__options {
	max-height 						: 336px;
}

.select2-container--open .select2-dropdown--above,
.select2-container--open .select2-dropdown--below {
    border 							: 1px solid #e5e5e5 !important;
    border-radius 					: 0;
    color 							: #272727;
	border-top 						: 0;
	z-index 						: 100;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
    background 						: #fff;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background 						: #FFFFFF;
	color 							: #E8A027;
}

.select2-results__option[aria-selected] {
    padding 						: 10px;
}

/* CHECKOUT - BUTTON */
#checkout-form .checkinout-button {
	width 							: 25%;
	float 							: left;
	display 						: table;
	position 						: relative;
	padding 						: 6px 0;
	background 						: #FFC247;
	color 							: #FFFFFF;
	font-family 					: 'Open Sans';
	font-size 						: 18px;
	font-weight 					: 400;
	border-radius 					: 0;
	border 							: 2px solid #FFFFFF;
	text-transform 					: uppercase;
	text-align 						: center;
	-webkit-transition 				: background 0.5s ease-in-out 0s;
	-o-transition 					: background 0.5s ease-in-out 0s;
	transition 						: background 0.5s ease-in-out 0s;
}

#checkout-form .checkinout-button:hover,
#checkout-form .checkinout-button:active,
#checkout-form .checkinout-button:focus {
	text-decoration 				: none;
	background 						: #E86C27;
}

#checkout-form .checkinout-button:after {
	position 				: absolute;
	top 					: 0;
	right 					: 0;
	left 					: 0;
	bottom 					: 0;
	content 				: '';
	z-index 				: 1;
	opacity 				: 1;
	border 					: 2px solid #FFFFFF;
	background  	 		: -webkit-linear-gradient(left, #FFC247 0%, #E86C27 100%);
	background  	 		: -moz-linear-gradient(left, #FFC247 0%, #E86C27 100%);
	background  		 	: -o-linear-gradient(left, #FFC247 0%, #E86C27 100%);
	background	  	 		: linear-gradient(to right, #FFC247 0%, #E86C27 100%);
	-webkit-transition 		: all 0.3s ease-in-out 0s;
	-o-transition 			: all 0.3s ease-in-out 0s;
	transition 				: all 0.3s ease-in-out 0s;
}

#checkout-form .checkinout-button:hover:after {
	opacity 				: 0;
}

#checkout-form .checkinout-button span {
	position	 			: relative;
	color 					: #FFFFFF;
	z-index 				: 2;
}

#checkout-form .checkinout-button:hover span,
#checkout-form .checkinout-button:focus span {
	text-decoration 		: none;
}

.checkinout-button2 {
	margin-top: 5px;
}


/* --- BTN STYLE 1 - ORANGE --- */
.btn-style-1 {
	display 				: inline-block;
	cursor 					: pointer;
	text-transform 			: uppercase;
	color 					: #FFFFFF;
	font-size 				: 15px;
	letter-spacing 			: 1px;
	line-height 			: 45px;
	font-weight 			: 600;
	font-family				: 'Open Sans';
	padding 				: 0 22px;
	background 				: #FFC247;
	-webkit-transition  	: all 0.3s ease-in-out 0s;
	-o-transition 			: all 0.3s ease-in-out 0s;
	transition 				: all 0.3s ease-in-out 0s;
	position 				: relative;
}


@media all and (max-width:991px) {
	#checkout-form .checkinout-button {
		font-size 					: 15px;
		width 						: 20%;
		padding: 16px 0;
	}
}

@media all and (max-width:767px) {
	#checkout-form .checkinout-button {
		font-size 					: 15px;
		width 						: 100%;
	}
}

/* 07. DATEPICKER - FORMULAR
----------------------------------------- */
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-radius 					: 0px !important;
}

.ui-datepicker {
	margin-left 					:-1px;
	margin-top 						: -1px;
	margin-bottom 					: -1px;
}

.ui-datepicker .ui-datepicker-prev {
	top 							: 4px !important;
	left 							: 4px !important;
}

.ui-datepicker .ui-datepicker-next {
	top 							: 4px !important;
	right 							: 4px !important;
}

.ui-widget-header {
	color 							: #ffffff !important;
	background 						: #E8A027 !important;
}

.ui-widget-header .ui-icon {
	background-image 				: url('../libs/jquery-ui_datepicker/images/ui-icons_ffffff_256x240.png')!important;
}

.ui-icon-circle-triangle-e {
    background-position 			: -32px 0px !important;
}
.ui-icon-circle-triangle-w {
    background-position 			: -97px 0 !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    background 						: #E8A027 !important;
    border 							: 1px solid #E8A027!important;
}

.ui-datepicker-prev-hover,
.ui-datepicker-next-hover {
	background 						: transparent !important;
	border 							: 1px solid #FFFFFF !important;
}

/* UI DATEPICKER TITLE */
.ui-datepicker .ui-datepicker-title {
	font-family 					: 'Open Sans';
	text-transform 					: uppercase;
	font-weight 					: 400;
}

/* --- HIGHLIGHT THE ACTUAL DAY --- */
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	background 						: rgba(171,127,25,0.2) none repeat scroll 0 0;
    border 							: 1px solid #E8A027;
    color 							: #E8A027;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	 color 							: #ffffff;
}

.ui-widget.ui-widget-content {
	border-color 					: #DDDDDD;
	z-index 						: 100 !important;
}

/* BANNER
================================*/
.banner {
	padding 				: 0 20px;
	position 				: relative;
	z-index 				: 100;
	background 				: #FFFFFF;
}

.banner-content {
	padding 				: 20px;
	background-image		: -webkit-linear-gradient(left, #FFC247 0%, #FF9D38 100%), -webkit-linear-gradient(left, #FFC247 0%, #FF9D38 100%);
	background-image		: -moz-linear-gradient(left, #FFC247 0%, #FF9D38 100%), -moz-linear-gradient(left, #FFC247 0%, #FF9D38 100%);
	background-image		: -o-linear-gradient(left, #FFC247 0%, #FF9D38 100%), -o-linear-gradient(left, #FFC247 0%, #FF9D38 100%);
	background-image		: linear-gradient(to right, #FFC247 0%, #FF9D38 100%), linear-gradient(to right, #FFC247 0%, #FF9D38 100%);
	text-align 				: center;
}

.banner a {
	display 				: inline-block;
}

.banner a:first-child {
	margin 					: 0 7.5px 0 0;
}

.banner a:last-child {
	margin 					: 0 0 0 7.5px;
}

@media all and (max-width: 576px) {
	.banner a {
		display 				: block;
		margin-right 			: 0 !important;
		margin-left 			: 0 !important;
	}
	
	.banner a:first-child {
		margin-bottom 				: 10px;
	}
}

/* NEWS
================================*/
#news {
	padding-bottom 		: 90px;
}

#news .grid-container {
	padding-right 		: 15px;
	padding-left 		: 15px;
}

.grid {
	margin-right 		: -7.5px;
	margin-left 		: -7.5px;
	overflow 			: hidden;
}

.grid-sizer,
.news-item {
	width 				: 33.3333333%;
	overflow 			: hidden;
}

.news-item--width2 {
	width 				: 66.6666666%;
}

.news-item .news-body {
	background 			: #FFFFFF;
	padding 			: 7.5px;
}

/* --- NEWS | HEADLINE --- */
.news-item .news-body h3 {
	font 				: 700 23px/40px 'Open Sans';
	color 				: #272727;
	text-transform 		: uppercase;
	letter-spacing 		: -0.5px;
	-webkit-transition 	: all 300ms linear 0s;
	-o-transition 		: all 300ms linear 0s;
	transition 			: all 300ms linear 0s;
}

/* --- NEWS | TEXT --- */
.news-item .news-body p {
	font-size 			: 19px;
	line-height 		: 25px;	
}

.cut-text {
	overflow 			: hidden;
	width 				: 100%;
	display 			: -webkit-box;
	-webkit-line-clamp 	: 3;
	-webkit-box-orient 	: vertical;
}

/* --- NEWS | DATE --- */
.news-item .news-body .date {
	font 				: 400 13px/18px 'Open Sans';
	color 				: #272727;
	margin-bottom 		: 0;
}

.news-item .news-body .date span {
	padding 			: 0 10px 0 0;
}

/* --- NEWS | NEWS WITH IMAGE --- */
/* --- IMAGE --- */
.news-with-img {
	display 			: block;
	padding-bottom 		: 25px;
}

.news-with-img:hover {
	text-decoration 	: none;
}

.news-with-img > .news-img,
.news-dark > .news-img,
.news-light > .news-img,
.news-orange > .news-img {
	display 			: block;
	overflow 			: hidden;
	margin-bottom 		: 25px;
}

.news-with-img .news-img img,
.news-dark .news-img img,
.news-light .news-img img,
.news-orange .news-img img {
	-webkit-transition 	: all .5s ease 0s;
	-o-transition 		: all .5s ease 0s;
	transitioN 			: all .5s ease 0s;
}

.news-with-img .news-img:hover img,
.news-dark .news-img:hover img,
.news-light .news-img:hover img,
.news-orange .news-img:hover img {
	-webkit-transform 	: scale(1.1);
	-ms-transform 		: scale(1.1);
	-o-transform 		: scale(1.1);
	transform 			: scale(1.1);
}

/* --- NEWS | NEWS DARK ---*/
.news-dark {
	background 			: #272727;
	display 			: block;
}

.news-dark .news-content {
	padding 			: 28px 29px;
}

.news-dark:hover {
	text-decoration 	: none;
}

.news-dark h3,
.news-dark p {
	color 				: #FFFFFF !important;
	-webkit-transition 	: all 300ms linear 0s;
	-o-transition 		: all 300ms linear 0s;
	transition 			: all 300ms linear 0s;
}

.news-dark:hover h3,
.news-dark:hover p {
	color 				: rgba(255,255,255,.7) !important;
	text-decoration 	: none;
}

/* --- NEWS | NEWS ORANGE ---*/
.news-orange {
	display 			: block;
	background 			: #FFC247;
	background 			: -moz-linear-gradient(90deg, rgba(255,194,71,1.0) 0%, rgba(255,157,56,1) 100%);
	background 			: -webkit-linear-gradient(90deg, rgba(255,194,71,1.0) 0%, rgba(255,157,56,1) 100%);
	background 			: linear-gradient(90deg, rgba(255,194,71,1.0) 0%, rgba(255,157,56,1) 100%);
	filter 				: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFC247",endColorstr="#FF9D38",GradientType=1); 
}

.news-orange .news-content {
	padding 			: 28px 29px;
}

.news-orange:hover {
	text-decoration 	: none;
}

.news-orange h3,
.news-orange p,
.news-orange a {
	color 				: #FFFFFF !important;
	-webkit-transition 	: all 300ms linear 0s;
	-o-transition 		: all 300ms linear 0s;
	transition 			: all 300ms linear 0s;
}

.news-orange:hover h3,
.news-orange:hover p {
	color 				: #272727 !important;
}

/* --- NEWS | NEWS LIGHT ---*/
.news-light {
	display 			: block;
	background 			: #FFFFFF;
	color 				: #272727;
	border 				: 2px solid #272727;
}

.news-light .news-content {
	padding 			: 28px 29px;
}

.news-light:hover {
	border 				:  2px solid #E8A027;
	text-decoration 	: none;
}

#load-more {
	padding 			: 50px 0;
	text-align 			: center;
}

@media all and (max-width:767px) {	
	.grid-sizer,
	.news-item {
		width 				: 50%;
	}
	
	.news-item--width2 {
		width 				: 100%;
	}
	
	.news-dark,
	.news-orange,
	.news-light {
		padding 			: 18px 19px;
	}
	
	.news-with-img {
		padding-bottom 		: 18px;
	}
	
	.news-with-img > .news-img {		
		margin-bottom 		: 10px;
	}
}

@media all and (max-width:500px) {	
	.grid-sizer,
	.news-item {
		width 				: 100%		
	}	
}

/* --- DOWNLOAD BTN --- */
.download-btn {
	display 				: inline-block;
	cursor 					: pointer;
	text-transform 			: uppercase;
	color 					: #FFFFFF;
	font-size 				: 13px;
	letter-spacing 			: 1px;
	line-height 			: 15px;
	border-radius 			: 0;
	border-width 			: 0 2px;
	border-style 			: solid;
	border-left-color 		: #FFC247;
	border-right-color 		: #FF9D38;
	padding 				: 20px;
	margin 					: 0;
	background 				: transparent;
	background-position 	: 0 0, 0 100%;
	background-repeat 		: no-repeat;
	-webkit-background-size : 100% 2px;
	background-size 		: 100% 2px;
	background-image		: -webkit-linear-gradient(left, #FFC247 0%, #FF9D38 100%), -webkit-linear-gradient(left, #FFC247 0%, #FF9D38 100%);
	background-image 		: -moz-linear-gradient(left, #FFC247 0%, #FF9D38 100%), -moz-linear-gradient(left, #FFC247 0%, #FF9D38 100%);
	background-image 		: -o-linear-gradient(left, #FFC247 0%, #FF9D38 100%), -o-linear-gradient(left, #FFC247 0%, #FF9D38 100%);
	background-image 		: linear-gradient(to right, #FFC247 0%, #FF9D38 100%), linear-gradient(to right, #FFC247 0%, #FF9D38 100%);
	-webkit-transition 		: all 300ms linear 0s;
	-o-transition 			: all 300ms linear 0s;
	transition 				: all 300ms linear 0s;
	font-weight 			: 600;
	height 					: 100%;
}

.download-btn > span > span {
	display 				: block;
	text-align 				: center;
}

.download-btn > span > span:nth-child(1) {
	margin-bottom			: 20px;
}

.download-btn span {
	background			 	: -webkit-linear-gradient(240deg, #FFC247 0%, #FF9D38 100%);
	background			 	: -o-linear-gradient(240deg, #FFC247 0%, #FF9D38 100%);
	background			 	: linear-gradient(330deg, #FFC247 0%, #FF9D38 100%);
	-webkit-background-clip : text;
	-webkit-text-fill-color : transparent;
	-ms-background-clip : text;
	-ms-text-fill-color : transparent;
	background-clip : text;
	text-fill-color : transparent;
	color 					: #FF9D38;
}

.download-btn [class^="flaticon-"]:before,
.download-btn [class*=" flaticon-"]:before,
.download-btn [class^="flaticon-"]:after,
.download-btn [class*=" flaticon-"]:after {   
	font-size 				: 60px;
	line-height 			: 60px;
	margin 					: 0;
	font-weight 			: 200;
}

.download-btn:hover,
.download-btn:focus {
	text-decoration 		: none;
	background-size 		: 100% 100%;
	border-left-color 		: #FFC247;
	border-right-color 		: #FF9D38;
}

.download-btn:hover span,
.download-btn:focus span {
	background 				: -webkit-linear-gradient(240deg, white 0%, white 100%);
	background 				: -o-linear-gradient(240deg, white 0%, white 100%);
	background 				: linear-gradient(330deg, white 0%, white 100%);
	color 					: #FFFFFF;
	text-decoration 		: none;
	-webkit-background-clip : text;
	-webkit-text-fill-color : transparent;
}

@media all and (max-width:767px) {
	.download-btn {
		width 				: 100%;
		height 				: auto;
		margin-bottom 		: 20px;
	}
}

/* ---BOX ICON --- */
#about-the-city {
	padding-top: 90px;
}

.box-icon-container {
	max-width: 1920px;
}

.box-icon-container [class*='col-'] {
	margin-bottom: 30px;
}

.box-icon-container [class*='col-'] {
	margin-bottom: 30px;
}

.box-icon {
	display: block;
	text-align: center;	
    margin-left: auto;
    margin-right: auto;
	min-height: 100%;
	max-width:600px;
    padding: 66px 15px 50px;
    background: #fff;
	box-shadow: 0 0 13px -4px rgba(0,0,0,.17);
    transition: all .3s ease;
}

@media all and (max-width:992px) {
	.box-icon {
		margin-bottom: 15px;
	}
}

.box-icon:hover {
	box-shadow: 0 0 10px 0 rgba(0,0,0,.17);
}

.box-icon-icon {
	position 			: relative;
	display 			: inline-block;
	z-index 			: 1;
	margin-bottom 		: 35px;
}

.box-icon-icon:after {	
	content 			: '';
	position 			: absolute;
	width 				: 60px;
	height 				: 60px;
	top 				: 0;
	left 				: 0%;
	background 			: rgba(232,160,39,.3);
	z-index 			: -1;
	-webkit-transform 	: rotate(50deg) translate(-50%, -50%);
	-ms-transform 		: rotate(50deg);
	-o-transform 		: rotate(50deg);
	transform 			: rotate(50deg);
	-webkit-transition 	: all .2s ease 0s;
	-o-transition 		: all .2s ease 0s;
	transition 			: all .2s ease 0s;	
}

.box-icon:hover .box-icon-icon:after {
	-webkit-transform 	: rotate(80deg);
	-ms-transform 		: rotate(80deg);
	-o-transform 		: rotate(80deg);
	transform 			: rotate(80deg);
	left 				: 30%;
}

.box-icon [class^="flaticon-"] {
	display 			: inherit;
}

.box-icon [class^="flaticon-"]:before,
.box-icon [class*=" flaticon-"]:before,
.box-icon [class^="flaticon-"]:after,
.box-icon [class*=" flaticon-"]:after {   
	font-family 		: Flaticon;
	font-size 			: 60px;
	line-height 		: 60px;
	font-style 			: normal;
	margin-left 		: 0px;
	height 				: 100%;
	width 				: 100%;
	z-index 			: 1;
}


.box-icon:hover .box-icon-title {
	letter-spacing: .1rem;
}

.box-icon .box-icon-title a:hover {
	text-decoration: none;
}

.box-icon .box-icon-hr {
    position: relative;
    max-width: 126px;
    width: 100px;
    height: 2px;
    margin: 20px auto 22px;
}

.box-icon .box-icon-hr:before {
	position: absolute;
	content: '';
	height: 100%;
	left: 15px;
	right: 15px;
	background:#d7d7d7;
    transition: all .3s ease;
	transition-duration: 0.3s;
}

.box-icon:hover .box-icon-hr:before {
	left: 50%;
	right:50%;
	transition-duration: .2s;
}

.box-icon .box-icon-hr:after {
    position: absolute;
    content: '';
    height: 100%;
    left: 50%;
    right: 50%;
    background: #E8A027;
    transition: all .3s ease;
}

.box-icon:hover .box-icon-hr:after {
	left: 0;
	right:0;
}

@media all and (max-width:767px) {
	.box-icon {
		min-height 			: auto;
		margin-bottom 		: 30px;
	}
}

/* CONTACT
************************/
#googlemaps {
	padding 						: 0;
}

#map {
    background 						: #ffffff none repeat scroll 0 0;
    display 						: block;
    height 							: 800px;
    padding-left 					: 0;
    padding-right 					: 0;
}

#map .google-maps {
    height 							: 100%;
    width 							: 100%;
}

@media all and (max-width:1790px) {
	#map {
		height 							: 1100px;
	}
}

@media all and (max-width:1500px) {
	#map {
		height 							: 1300px;
	}
}

@media all and (max-width:1160px) {
	#googlemaps  {
		width 						: 100%;
	}
	
	#map {
		height 						: 500px;
	}
	
	.width-100 {
		-ms-flex 					: 0 0 100%;
		flex 						: 0 0 100%;
		max-width 					: 100%;	
	}
	
	#contact .row {
		flex-flow 					: wrap-reverse;	
	}
}

/* --- CONTACT BOX --- */
.contact-box {
	position 				: relative;
	padding-left 			: 75px;
	margin 					: 25px 0 50px 0;
}

.contact-box-icon {
	position 				: absolute;
    height 					: 50px;
    width 					: 50px;
    left 					: 0;
    top 					: 0;
    text-align 				: center;
    line-height 			: 50px;
    font-size 				: 28px;
    color 					: #272727;
}

.contact-box [class^="flaticon-"]::before,
.contact-box [class*=" flaticon-"]::before,
.contact-box [class^="flaticon-"]::after,
.contact-box [class*=" flaticon-"]::after {
    font-family 			: Flaticon;
    font-size 				: 50px;
    font-style 				: normal;
    margin-left 			: 0px;
}

.contact-box {
	line-height 			: 21px;
}

.contact-box h5 {
	color : #E8A027;
}

.contact-box > span {
	color 					: #E8A027;
	text-transform 			: uppercase;
	font-size 				: 14px;
	font-weight 			: 600;
}

.contact-box a {
	color 					: #272727;
}

.contact-box a:hover {
	color 					: #E8A027;
	text-decoration 		: none;
}

.contact-box-title {
	text-transform 			: uppercase;
	margin-bottom 			: 18px;
}

/* --- Social Media Icon --- */
.contact-sm-fb {
	line-height 			: 30px;
	text-align 				: center;
	width 					: 30px;
	height 					: 30px;
	display 				: block;
	position 				: relative;
	margin-top				: 10px;
	border-radius 			: 3px;
	background 				: #3B5998;
}

.contact-sm-fb span {
	color 					: #FFFFFF;
}

.contact-sm-fb:hover,
.contact-sm-fb:active,
.contact-sm-fb:focus {
	background				:#355088;
}

/* IMAGE GALLERY
================================*/
.img-gallery .gallery-item {
	margin 				: 15px 0;
}

.img-gallery .gallery-item {
	-ms-flex 			: 0 0 50%;
	flex 				: 0 0 50%;
	max-width 			: 50%;
	padding-right 		: 15px;
	padding-left 		: 15px;
}

.gallery-50-33-33-33 .gallery-item {
	-ms-flex 			: 0 0 33.3333333%;
	flex 				: 0 0 33.3333333%;
	max-width 			: 33.3333333%;
	padding-right 		: 15px;
	padding-left 		: 15px;
}

.gallery-50-33-33-33 .gallery-item:nth-of-type(2) {
	-ms-flex 			: 0 0 50%;
	flex 				: 0 0 50%;
	max-width 			: 50%;
	padding-right 		: 15px;
	padding-left 		: 15px;
}

.gallery-33-33-33 .gallery-item {
	-ms-flex 			: 0 0 33.3333333%;
	flex 				: 0 0 33.3333333%;
	max-width 			: 33.3333333%;
	padding-right 		: 15px;
	padding-left 		: 15px;
}

@media all and (max-width:767px) {
	.gallery-50-33-33-33 .gallery-item:nth-of-type(2),
	.gallery-50-33-33-33 .gallery-item,
	.img-gallery .gallery-item {
		-ms-flex 			: 0 0 100%;
			flex 				: 0 0 100%;
		max-width 			: 100%;
	}
	
	.gallery-33-33-33 .gallery-item {
		-ms-flex 			: 0 0 100%;
		flex 				: 0 0 100%;
		max-width 			: 100%;
		padding-left 		: 15px;
	}
}

.img-gallery .gallery-item a {
	position 			: relative;
	display 			: block;
	overflow 			: hidden;
}

.img-gallery .gallery-item a .desc {
	position 			: absolute;
	top 				: 0;
	right 				: 0;
	left 				: 0;
	bottom 				: 0;
	color 				: #FFFFFF;
	background 			: -moz-linear-gradient(90deg, rgba(255,194,71,.5) 0%, rgba(255,157,56,.5) 100%);
	background 			: -webkit-linear-gradient(90deg, rgba(255,194,71,.5) 0%, rgba(255,157,56,.5) 100%);
	background 			: linear-gradient(90deg, rgba(255,194,71,.5) 0%, rgba(255,157,56,.5) 100%);
	filter 				: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFC247",endColorstr="#FF9D38",GradientType=1); 
	visibility 			: hidden;
	opacity 			: 0;
	-webkit-transition 	: all .4s ease-in-out 0s;
	-o-transition 		: all .4s ease-in-out 0s;
	transition 			: all .4s ease-in-out 0s;
}

.img-gallery .gallery-item a:hover .desc {
	visibility 			: visible;
	opacity 			: 1;
}

.img-gallery .gallery-item a .desc .desc-icon {
	width 				: 70px;
	height 				: 70px;
	background 			: rgba(255,194,71,1.0);
	-webkit-transform 	: translate(-50%, -50%);
	-ms-transform 		: translate(-50%, -50%);
	-o-transform 		: translate(-50%, -50%);
	transform 			: translate(-50%, -50%); 
	display 			: block;
	position 			: absolute;
	top 				: 50%;
	left 				: 50%;
	-webkit-transition 	: all .4s ease-in-out 0s;
	-o-transition 		: all .4s ease-in-out 0s;
	transition 			: all .4s ease-in-out 0s;
}

.img-gallery .gallery-item a:hover .desc .desc-icon {
	-webkit-transform 	: translate(-50%, -50%) rotate(45deg);
	-ms-transform 		: translate(-50%, -50%) rotate(45deg);
	-o-transform 		: translate(-50%, -50%) rotate(45deg);
	transform 			: translate(-50%, -50%) rotate(45deg);
}

.img-gallery .gallery-item a .desc .desc-icon span {
	display 			: block;
	text-align 			: center;
	line-height 		: 70px;
	font-size 			: 40px;
	-webkit-transition 	: all .4s ease-in-out 0s;
	-o-transition 		: all .4s ease-in-out 0s;
	transition 			: all .4s ease-in-out 0s;
}

.img-gallery .gallery-item a:hover .desc .desc-icon span {
	display 			: block;
	text-align 			: center;
	-webkit-transform 	: rotate(-45deg);
	-ms-transform 		: rotate(-45deg);
	-o-transform 		: rotate(-45deg);
	transform 			: rotate(-45deg);
	line-height 		: 70px;
	font-size 			: 40px;
}

.img-gallery .gallery-item a img {
	-webkit-transition 	: all .4s ease-in-out 0s;
	-o-transition 		: all .4s ease-in-out 0s;
	transition 			: all .4s ease-in-out 0s;
}

.img-gallery .gallery-item a:hover img {
	-webkit-transform 	: scale(1.1);
	-ms-transform 		: scale(1.1);
	-o-transform 		: scale(1.1);
	transform 			: scale(1.1);
}


/*
ROOMS
======================*/
#rooms {
	background 					: #FF9D38;
	background 					: -moz-linear-gradient(90deg, #FFC247 40%, #FF9D38 100%);
	background 					: -webkit-linear-gradient(90deg, #FFC247 40%, #FF9D38 100%);
	background 					: linear-gradient(90deg, #FFC247 40%, #FF9D38 100%);
	filter 						: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFC247",endColorstr="#FF9D38",GradientType=1);
}

#rooms .col-lg-6:first-child {
	padding-left 				: 0;
}

#rooms h2,
#rooms .next-headline {
	text-align 					: left;
	color 						: #FFFFFF;
}

#rooms .room-desc {
	text-align 					: left;
	margin-left 				: 20px;
	padding 					: 50px 0;
}

#rooms .room-desc p {
	color 						: #FFFFFF;
	margin-bottom 				: 50px;
	max-width 					: 600px;
}

#rooms .next-headline:after {
	left 						: 0 !important;
}

/* --- ACCS --- */
#rooms .room-accs {
	display 					: flex;
	flex-wrap 					: wrap;
}

#rooms .room-accs .accs {
	text-align 					: center;
	padding 					: 0 15px;
	
}

#rooms .room-accs .accs [class^="flaticon-"]::before {
	color 						: #FFF !important;
	margin 						: 0 !important;
	font-size 					: 45px;
}

#rooms .room-accs .accs p {
	font-size 					: 13px;
	color 						: #FFF;
	line-height 				: 20px;
	margin-top 					: 10px;
}


#rooms .room-accs .accs p small {
	display 					: block;
}


@media all and (max-width:1100px) {
	#rooms .content-slider {
		margin-bottom 				: 20px;
	}
	
	#rooms .col-lg-6:first-child {
		padding-right 				: 0px;
	}
	
	#rooms .room-desc {
		margin-left 				: 0;
	}
	
	#rooms .room-desc p {
		max-width 					: 100%;
	}
	
	#rooms a {
		line-height 				: 15px;
		padding 					: 10px 15px;
	}
}

@media all and (max-width:600px) {
	#rooms .btn-style-1 span {
		line-height 				: 30px;
	}
}
	
/* FOOD BOXES
**********************/
.food-box {
	background 			: #f6f6f6;
	padding 			: 40px;
	margin-bottom 		: 40px;
	display 			: flex;
	-ms-flex-wrap 		: wrap;
	flex-wrap 			: wrap;
}

.food-box [class^="flaticon-"]:before,
.food-box [class*=" flaticon-"]:before,
.food-box [class^="flaticon-"]:after,
.food-box [class*=" flaticon-"]:after {   
	font-family 		: Flaticon;
	font-size 			: 60px;
	line-height 		: 60px;
	font-style 			: normal;
	margin-left 		: 0px;
	height 				: 100%;
	width 				: 100%;
	z-index 			: 1;
	-ms-flex 			: 0 0 30%;
	flex 				: 0 0 30%;
	max-width 			: 30%;
	color 				: #E8A027;
	padding 			: 0 15px 0 0;
	display 			: inline;
}
/*
.food-box .food-text {
	-ms-flex 			: 0 0 70%;
	flex 				: 0 0 70%;
	max-width 			: 70%;
	padding 			: 0 0 0 15px;
}*/

.food-box .food-text {
	-ms-flex 			: 0 0 85%;
	flex 				: 0 0 85%;
	max-width 			: 85%;
	padding 			: 0 0 0 15px;
}

.food-box h5 {
	margin-bottom 		: 0;
}

.food-box .time {
	display 			: block;
	text-transform 		: uppercase;
	color 				: #9b9b9b;
	font-size 			: 13px;
	letter-spacing 		: 1px;
	margin-bottom 		: 10px;
}

@media all and (max-width:992px) {
	.food-box {
		padding 			: 25px;
	}
}

@media all and (max-width:1200px) {
	.food-box {
		display 			: block;
	}
	
	.food-box [class^="flaticon-"]:before,
	.food-box [class*=" flaticon-"]:before,
	.food-box [class^="flaticon-"]:after,
	.food-box [class*=" flaticon-"]:after {   
		-ms-flex 			: 0 0 100%;
		flex 				: 0 0 100%;
		max-width 			: 100%;
		padding 			: 0;
		text-align 			: center;
		margin-bottom		: 20px;
		display 			: block;
	}

	.food-box .food-text {
		-ms-flex 			: 0 0 100%;
		flex 				: 0 0 100%;
		max-width 			: 100%;
		text-align 			: center;
		padding 			: 0;
	}
	
	.food-box {
		padding 			: 20px;
	}
}

/* EXTRAS
================================*/
#services {
	background 			: rgba(255,159,57,.2);
}

.extras-box {
	padding 			: 40px 15px;
	-ms-flex 			: 0 0 calc(25% - 15px);
	flex 				: 0 0 calc(25% - 15px);
	max-width 			: calc(25% - 15px);
	margin 				: 7.5px;
	text-align 			: center;
	background 			: #FFF;
	border 				: 1px solid #B0B0B0;
}

.extras-box.last2 {
	margin 				: 7.5px 7.5px 7.5px calc(25% + 7.5px);
}

@media all and (max-width:1200px) {
	.extras-box.last2 {
		margin 			: 7.5px;
	}
}

.extras-box .icon {
	position 			: relative;
	display 			: inline-block;
}

.extras-box .icon:after {	
	content 			: '';
	position 			: absolute;
	width 				: 60px;
	height 				: 60px;
	top 				: 0;
	left 				: 0%;
	background 			: rgba(232,160,39,.3);
	z-index 			: 0;
	-webkit-transform 	: rotate(50deg) translate(-50%, -50%);
	-ms-transform 		: rotate(50deg);
	-o-transform 		: rotate(50deg);
	transform 			: rotate(50deg);
	-webkit-transition 	: all .2s ease 0s;
	-o-transition 		: all .2s ease 0s;
	transition 			: all .2s ease 0s;	
}

.extras-box:hover .icon:after {
	-webkit-transform 	: rotate(80deg);
	-ms-transform 		: rotate(80deg);
	-o-transform 		: rotate(80deg);
	transform 			: rotate(80deg);
	left 				: 30%;
}

.extras-box [class^="flaticon-"] {
	display 			: inherit;
}

.extras-box [class^="flaticon-"]:before,
.extras-box [class*=" flaticon-"]:before,
.extras-box [class^="flaticon-"]:after,
.extras-box [class*=" flaticon-"]:after {   
	font-family 		: Flaticon;
	font-size 			: 60px;
	line-height 		: 60px;
	font-style 			: normal;
	margin-left 		: 0px;
	height 				: 100%;
	width 				: 100%;
	z-index 			: 1;
}

.extras-box p {
	font 				: 400 13px/20px 'Open Sans';
	color 				: #9b9b9b;
	margin-bottom 		: 0;
}

@media all and (max-width:1500px) {
	.extras-box h5 {
		font 			: 700 16px/22px 'Open Sans';
	}
}

@media all and (max-width:1200px) {	
	.extras-box {
		-ms-flex 			: 0 0 calc(50% - 15px);
		flex 				: 0 0 calc(50% - 15px);
		max-width 				: calc(50% - 15px);
	}
}

@media all and (max-width:576px) {
	.extras-box {
		padding-top 		: 25px;
		padding-bottom 		: 25px;
	}
	
	.extras-box .icon {
		position 			: relative;
		display 			: inline-block;
		text-align 			: center;
	}

	.extras-box h5 {
		font 				: 700 13px/18px 'Open Sans';
	}
	
	.extras-box .icon:after {
		width 				: 50px;
		height 				: 50px;
	}
	
	[class^="flaticon-"]:before,
	[class*=" flaticon-"]:before,
	[class^="flaticon-"]:after,
	[class*=" flaticon-"]:after {   
		font-family 		: Flaticon;
		font-size 			: 50px;
		line-height 		: 50px;
	}
}

@media all and (max-width:364px) {
	.extras-box h5 {
		font 				: 700 11px/15px 'Open Sans';
	}
	
	.extras-box p {
		font 				: 400 11px/15px 'Open Sans';
	}
	
	.extras-box {
		-ms-flex 			: 0 0 calc(100% - 30px);
		flex 				: 0 0 calc(100% - 30px);
		max-width 			: calc(100% - 30px);
		margin 				: 7.5px 15px;
	}
}

/* --- PRICE --- */
#price {
	background 				: #f6f6f6;
	padding-top 			: 90px;
}

@media all and (max-width:992px) {
	#price .container {
		max-width 			: 100%;
	}	
}

.year-switch.active {
	background-size 		: 100% 100%;
	text-decoration 		: none;
	border-left-color 		: #FFC247;
	border-right-color 		: #E8A027;
}

.year-switch.active span {
	background 				: -webkit-linear-gradient(240deg, white 0%, white 100%);
	background 				: -o-linear-gradient(240deg, white 0%, white 100%);
	background 				: linear-gradient(330deg, white 0%, white 100%);
	color 					: #FFFFFF;
	text-decoration 		: none;
	-webkit-background-clip : text;
	-webkit-text-fill-color : transparent;
}

@media all and (max-width:1200px) {
	.year-switch {
		margin-bottom 		: 15px;
	}
}
.oldyear {
	display 				: block;
	width 					: 100%;
}

.newyear {
	display 				: none;
	width 					: 100%;
}

.pricing-container {
	display 				: flex;
	flex-wrap 				: wrap;
	-ms-flex-wrap 			: wrap;
	justify-content 		: center;
	margin-bottom 			: 50px;
}

.pricing-box {
	margin-left 			: 10px;
	margin-right 			: 10px;
}

.pricing-box {
	-ms-flex 				: 0 0 33.333333%;
	flex 					: 0 0 33.333333%;
	max-width 				: 20.333333%;	
	background 				: #ffffff;
	padding 				: 40px 0 15px 0;
	box-shadow 				: 0px 0px 18px 1px rgba(0, 0, 0, 0.1);
	text-align 				: center;
	-webkit-transform 		: scale(1);
	-ms-transform 			: scale(1);
	-o-transform 			: scale(1);
	transform 				: scale(1);
	z-index 				: 0;
	-webkit-transition 		: all .4s ease-in-out 0s;
	-o-transition	 		: all .4s ease-in-out 0s;
	transition 				: all .4s ease-in-out 0s;	
}
.pricing-box small {
	
}

.pricing-box:hover {
	transform 				: scale(1.05);
	z-index 				: 2;
}

.zig-zag-line-color {
	display 				: block;
	height 					: 8px;
	width 					: auto;
	background 				: url("../images/zig-zag-line-226-c4.png") no-repeat;
	background-size 		: 100% 100%;
	margin 					: 0 50px;
}

.zig-zag-line-white {
	display 				: block;
	height 					: 8px;
	width 					: auto;
	background 				: url("../images/zig-zag-line-226-c1.png") no-repeat;
	background-size 		: 100% 100%;
	margin 					: 0 50px;
}

.pricing-header {
	padding 				: 0 20px 25px 20px;
}

.pricing-header h3 {
	font 					: 400 27px/37px 'Open Sans';
	margin-bottom 			: 0;
	text-transform 			: none;
}

.pricing-header h4 {
	font 					: 800 26px/28px 'Open Sans';
	margin 					: 0;
	text-transform 			: uppercase;
}
.pricing-header small {
	font 					: 800 18px/22px 'Open Sans';
	margin 					: 0;
	text-transform 			: uppercase;
}

.pricing-box.side .pricing-header h3,
.pricing-box.side .pricing-header h4 {
	background				: -webkit-linear-gradient(240deg, #FFC247 0%, #FF9D38 100%);
	background				: -o-linear-gradient(240deg, #FFC247 0%, #FF9D38 100%);
	background				: linear-gradient(240deg, #FFC247 0%, #FF9D38 100%);
	-webkit-background-clip : text;
	-webkit-text-fill-color : transparent;
	color 					: #FF9D38;
}

.pricing-header p {
	text-transform 			: uppercase;
	font-size 				: 11px;
	margin 					: 0;
}

.pricing-body {
	padding 				: 25px 40px 0;
}

.pricing-body .space {
	display 				: block;
	padding 				: 50px 0px;
}

.pricing-body .space {
	border-bottom 			: 1px solid rgba(39,39,39,.2);
}

.pricing-body .space:last-child {
	border-bottom 			: none;
}

.pricing-body .space h5 {
	font 					: 400 15px/15px 'Open Sans';
}

.pricing-body .space p {
	font 					: 700 23px/23px 'Open Sans';
	color 					: rgba(39,39,39,1);
	margin 					: 0;
}

.pricing-body .space p span {
	padding 				: 0 10px;
	font 					: 700 15px/31px 'Open Sans' !important;
	color 					: rgba(39,39,39,.35);
}

.pricing-box.middle {
	z-index 				: 1;
	background  	 		: -webkit-linear-gradient(top, #FFC247 0%, #FF9D38 100%);
	background  	 		: -moz-linear-gradient(top, #FFC247 0%, #FF9D38 100%);
	background  	 		: -o-linear-gradient(top, #FFC247 0%, #FF9D38 100%);
	background  		 	: linear-gradient(to bottom, #FFC247 0%, #FF9D38 100%);
}

.pricing-box.middle h3,
.pricing-box.middle h4,
.pricing-box.middle h5,
.pricing-box.middle p{
	color 					: #FFFFFF;
}

.pricing-box.middle p span {
	color 					: rgba(255,255,255,.35);
}

.pricing-box.middle .pricing-body .space {
	border-bottom 			: 1px solid rgba(255,255,255,.2);
}

.pricing-box.middle .pricing-body .space:last-child {
	border-bottom 			: none;
}


@media all and (max-width:1100px) {
	.pricing-header {
		padding 			: 0 15px 15px 15px;
	}
	
	.pricing-header h3 {
		font 				: 400 20px/30px 'Open Sans';
	}
	
	.pricing-header h4 {
		font 				: 800 19px/21px 'Open Sans';
	}
	
	.pricing-body {
		padding 			: 25px 15px 0;
	}
	
	.pricing-body .space p {
		font 				: 700 19px/19px 'Open Sans';
	}
}

@media (max-width: 767px) {
	#price.container-1310 {
		max-width 			: 100% !important;
	}
	
	.pricing-body .space p span {
		padding 			: 0 5px;
	}
}

@media (max-width: 620px) {	
	.pricing-box {
		-ms-flex 			: 0 0 100%;
		flex 				: 0 0 100%;
		max-width 			: 100%;
	}
	
	.pricing-box:hover {
		transform 				: scale(1);
	}
	
	.pricing-box:first-child {
		margin-right 					: 0;
		margin-bottom 					: 20px;
	}
}

.send-btn .pull-right {
	position 			: absolute;
	top 				: 0;
	right 				: 0;
	color 				: #6c757d;
	font 				: 400 13px/38px 'Open Sans';
	letter-spacing 		: 1px;
}

@media all and (max-width:600px) {
	.send-btn .pull-right {
		position 		: relative;
	}
}

/* --- MODAL - PROMO BOX --- */
@media (max-width: 992px) {
	#promo-modal .modal-dialog {
		max-width 			: 100%;
	}
}

@media (min-width: 992px) {
	#promo-modal .modal-dialog {
		max-width 			: 1200px;
	}
}

#promo-modal {
	padding 				: 0 17px;
}

#promo-modal .modal-content {
	background 					: transparent;
	border 						: 0;
}
#promotion .container {
	max-width 					: 1310px !important;
	width 						: 100%;
}

@media all and (max-width: 1310px) {
	#promotion .container {
	    max-width 				: 940px !important;
	}
}

.promotion-body {
	display 					: flex;
	flex-wrap 					: wrap;
	overflow 					: hidden;
}

.promo-img {
	-ms-flex 					: 0 0 50%;
	flex 						: 0 0 50%;
	max-width 					: 50%;
	position 					: relative;
}

.promo-img img {
	position 					: absolute;
	top 						: 50%;
	-webkit-transform 			: translateY(-50%);
	-ms-transform 				: translateY(-50%);
	-o-transform 				: translateY(-50%);
	transform 					: translateY(-50%);
	max-width 					: 110%;
	left 						: -5%;
	border 						: 5px solid #FFF;
}

.promo-content {
	-ms-flex 					: 0 0 50%;
	flex 						: 0 0 50%;
	max-width 					: 50%;
	position 					: relative;
}

.promo-bg {
	background-image			: -webkit-linear-gradient(left, #f6a01e 0%, #e75d00 100%), -webkit-linear-gradient(left, #f6a01e 0%, #e75d00 100%);
	background-image			: -moz-linear-gradient(left, #f6a01e 0%, #e75d00 100%), -moz-linear-gradient(left, #f6a01e 0%, #e75d00 100%);
	background-image			: -o-linear-gradient(left, #f6a01e 0%, #e75d00 100%), -o-linear-gradient(left, #f6a01e 0%, #e75d00 100%);
	background-image			: linear-gradient(to right, #f6a01e 0%, #e75d00 100%), linear-gradient(to right, #f6a01e 0%, #e75d00 100%);
	width 						: 200%;
	height 						: 100%;
	position	 				: absolute;
	left	 					: -20px;
	-webkit-transform 			: skewX(-6deg);
	-ms-transform 				: skewX(-6deg);
	-o-transform 				: skewX(-6deg);
	transform 					: skewX(-6deg);
}

.promo-text {
	position 					: relative;
	text-align	 				: center;
	padding 					: 100px 50px;
	top 						: 50%;
	-webkit-transform 			: translateY(-50%);
	-ms-transform 				: translateY(-50%);
	-o-transform 				: translateY(-50%);
	transform 					: translateY(-50%);
}

.promo-text h3 {
	text-transform 				: none;
	margin-bottom 				: 20px;
	color 						: #FFF;
	font 						: 700 calc(22px + (55 - 22) * ((100vw - 350px) / (2400 - 350))) / calc(30px + (65 - 30) * ((100vw - 350px) / (2400 - 350))) 'Open Sans';
}

.promo-text p {
	margin-bottom 				: 40px;
	color 						: #FFF;
}

@media all and (max-width:1310px) {
	.promo-img {
		-ms-flex 					: 0 0 100%;
		flex 						: 0 0 100%;
		max-width 					: 100%;
	}

	.promo-content {
		-ms-flex 					: 0 0 100%;
		flex 						: 0 0 100%;
		max-width 					: 100%;
	}
	
	.promo-bg {
		width 						: 100%;
		height 						: 200%;
		position	 				: absolute;
		top	 						: -40px;
		left 						: 0;
		-webkit-transform 			: skewX(0deg) skewY(-5deg);
		-ms-transform 				: skewX(0deg) skewY(-5deg);
		-o-transform 				: skewX(0deg) skewY(-5deg);
		transform 					: skewX(0deg) skewY(-5deg);
	}
	
	.promo-img img {
		max-width 					: 100%;
		left 						: 0;
		border 						: 0;
	}
	
	.promo-text {
		padding 					: 10px 50px 50px 50px;
	}
}

@media all and (max-width:767px) {
	.promo-bg {
		top	 						: -20px;
		-webkit-transform 			: skewX(0deg) skewY(-3deg);
		-ms-transform 				: skewX(0deg) skewY(-3deg);
		-o-transform 				: skewX(0deg) skewY(-3deg);
		transform 					: skewX(0deg) skewY(-3deg);
	}
	
	.promo-text {
		padding 					: 10px 20px 20px 20px;
	}
}

/* --- IMPRESSIONS --- */
/* OWL CAROUSEL NAVIGATION */

#impressions .owl-carousel .owl-stage {
	display 				: flex;
	-ms-align-items 		: center;
	align-items 			: center;
}

#impressions a {
	position 				: relative;
	display 				: block;
}

#impressions .owl-item {
	width: 100%;
	
	overflow: hidden;
}

#impressions .owl-item .item {
	width: 100%;
	height: 100%;
}

#impressions .owl-item img {
	width: 100%;
	height: 100%;
}

#impressions .img-desc {
	position 				: absolute;
	background-image		: -webkit-linear-gradient(left, #f6a01e 0%, #e75d00 100%), -webkit-linear-gradient(left, #f6a01e 0%, #e75d00 100%);
	background-image		: -moz-linear-gradient(left, #f6a01e 0%, #e75d00 100%), -moz-linear-gradient(left, #f6a01e 0%, #e75d00 100%);
	background-image		: -o-linear-gradient(left, #f6a01e 0%, #e75d00 100%), -o-linear-gradient(left, #f6a01e 0%, #e75d00 100%);
	background-image		: linear-gradient(to right, #f6a01e 0%, #e75d00 100%), linear-gradient(to right, #f6a01e 0%, #e75d00 100%);
	top 					: 15px;
	right 					: 15px;
	bottom 					: 15px;
	left 					: 15px;
	opacity 				: 0;
	visibility 				: visible;
	-webkit-transition 		: all 0.5s ease-in-out 0s;
	-o-transition 			: all 0.5s ease-in-out 0s;
	transition 				: all 0.5s ease-in-out 0s;
}


#impressions .img-desc span {
	display 				: block;
	text-align 				: center;
	position 				: relative;
	top 					: 50%;
	-webkit-transform 		: translateY(-50%);
	-ms-transform 			: translateY(-50%);
	-o-transform 			: translateY(-50%);
	transform 				: translateY(-50%);
	font-size 				: 50px;
	margin 					: 0 auto;
}

#impressions .img-desc span:before {
	color 					: #FFF;
	font-size 				: 50px;
	margin 					: 0;
}

#impressions a:hover .img-desc {
	opacity: 1;
	visibility: visible;
}







/*
#impressions .item .img-desc {
	background-image			: -webkit-linear-gradient(left, #f6a01e 0%, #e75d00 100%), -webkit-linear-gradient(left, #f6a01e 0%, #e75d00 100%);
	background-image			: -moz-linear-gradient(left, #f6a01e 0%, #e75d00 100%), -moz-linear-gradient(left, #f6a01e 0%, #e75d00 100%);
	background-image			: -o-linear-gradient(left, #f6a01e 0%, #e75d00 100%), -o-linear-gradient(left, #f6a01e 0%, #e75d00 100%);
	background-image			: linear-gradient(to right, #f6a01e 0%, #e75d00 100%), linear-gradient(to right, #f6a01e 0%, #e75d00 100%);
	position 						: absolute;
	top 							: 15px;
	right 							: 15px;
	bottom 							: 15px;
	left 							: 15px;
	opacity 						: 1;
	visibility 						: visible;
	-webkit-transition 				: all 0.5s ease-in-out 0s;
	-o-transition 					: all 0.5s ease-in-out 0s;
	transition 						: all 0.5s ease-in-out 0s;
}


#impressions .item a:hover .img-desc {
	opacity 						: .7;
	visibility 						: visible;
}

#impressions .item .img-desc span {
	display 						: block;
	color 							: #FFFFFF;
}








#impressions .item .img-desc span:before {
	display 						: block;
	color 							: #FFFFFF;
	font-size 						: 50px;
	margin-top 						: -17.5px;
	position 						: relative;
	top 							: 50%;
	width 							: 100%;
	text-align 						: center;
}
*/

/*
#impressions .owl-nav [class*="owl-"] {
    background 						: rgba(171, 127, 28, 0.8);
    border-radius 					: 0;
    color 							: #ffffff;
    cursor 							: pointer;
    display 						: inline-block;
    height 							: 45px;
    margin-top 						: -22.5px;
    position 						: absolute;
    top 							: 50%;
    width 							: 45px;
	-webkit-transition 				: all 0.4s ease-in-out 0s;
    -o-transition 					: all 0.4s ease-in-out 0s;
    transition 						: all 0.4s ease-in-out 0s;
}

#impressions .owl-nav .owl-prev {
    left 							: -15px;
}

#impressions .owl-nav .owl-next {
    right 							: -15px;
}

#impressions .owl-nav [class*="owl-"] span {
    display 						: block;
    font-size 						: 25px;
    text-align 						: center;
	position 						: relative;
	line-height 					: 45px;
}

#impressions .owl-nav [class*="owl-"]:hover {
    background 						: #ab7f1c;
    color 							: #ffffff;
    text-decoration 				: none;
}*/