@charset "utf-8";
/*
 * Copyright © 2017 | Website Design by Webfrog Studios
 *
 */
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
:root {
	--sliderHeight: 300px;
}
header {
	position: relative;
	/*height: calc(100vh + 340px - 100px - 82px - 99px);*/
	/*min-height: 800px;*/
	overflow: hidden;
}
#slider {
	position: relative;
	z-index: 2;
	overflow: hidden;
	border-bottom: 15px solid #fff;
}
#magic,
#slider,
#slider .item {
	height: var(--sliderHeight);
	min-height: 300px;
}
#slider .item {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
#slider.inner-page,
#slider.inner-page .item {
	height: 180px;
    min-height: 180px;
}
#slider.inner-page .item {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 30px;
}
#slider.inner-page .item h1 {
	margin:0;
	color: #fff;
}
.slider-text {
	position: absolute;
	bottom: 20%;
	left: 15px;
	right: 15px;
	text-align: center;
	z-index: 50;
}

.slider-text h2 {
	color: #fff;
	font-family: 'MarkPro-Book';
	font-weight: 200;
	font-size:42px;
	margin-bottom: 15px;
	letter-spacing: 2px;
	text-shadow: 1px 1px 6px #000;
}

.slider-text .form-control {
	background-color: transparent;
	border: 2px solid #fff;
	border-right: none;
	border-radius: 10px;
	color: #fff;
	min-width: 300px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0);
}
.slider-text .input-group-addon {
	background-color: transparent;
	border-color: #fff;
	border-width: 2px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	color: #fff;
	border-left: none;
}
.slider-text .form-control::-moz-placeholder {
  color: #fff;
  opacity: 1;
}
.slider-text .form-control:-ms-input-placeholder {
  color: #fff;
}
.slider-text .form-control::-webkit-input-placeholder {
  color: #fff;
}
.slider-text select.form-control {
	color: #fff;
}

#main-search {
	font-family: 'MarkPro-Book';
	font-weight: 200;
	font-size:12px;
	font-size: 3.4vw;
	min-width: 160px;
}
#main-search.input-lg {
	height: 46px;
	line-height: 1.3;
	padding: 10px 24px;
	background-color: rgba(0,0,0,0.2);
}

.slider-text .input-group-addon {
    padding: 6px 24px;
    font-size: 20px;
	background-color: rgba(0,0,0,0.2);
}


/*
 * Copyright © 2017 | Website Design by Webfrog Studios
 *
 */
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
:root {
	--sliderHeight: calc(100vh - 70px - 65px - 300px);
}
.slider-text h2 {
	color: #fff;
	font-family: 'MarkPro-Book';
	font-weight: 200;
	font-size:42px;
	margin-bottom: 15px;
	letter-spacing: 2px;
	text-shadow: 1px 1px 10px transparent;
}
#magic,
#slider,
#slider .item {
	height: var(--sliderHeight);
	min-height: 400px;
}
	header.inner-page {
		height: 200px;
		min-height: inherit;
	}
	.inner-page #magic,
	.inner-page #slider,
	.inner-page #slider .item {
		height: 200px;
		min-height: inherit;
	}
	
#main-search.input-lg {
	height: 46px;
	line-height: 1;
	padding: 10px 24px;
	background-color: rgba(0,0,0,0);
}

.slider-text .input-group-addon {
    padding: 6px 24px;
    font-size: 20px;
	background-color: rgba(0,0,0,0);
}
}
/*
 * Copyright © 2017 | Website Design by Webfrog Studios
 *
 */
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
.slider-text h2 {
	font-size:54px;
	margin-bottom: 30px;
}
#main-search {
	font-family: 'MarkPro-Book';
	font-weight: 200;
	font-size:26px;
	min-width: 380px;
}
#main-search.input-lg {
	height: 56px;
	line-height: 1.3;
	padding: 10px 24px;
}
}
/*
 * Copyright © 2017 | Website Design by Webfrog Studios
 *
 */
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
:root {
	--sliderHeight: calc(100vh + 80px - 129px - 82px - 99px - 100px);
}
header {
	position: relative;
	height: calc(100vh + 340px - 100px - 82px - 99px - 100px);
	min-height: 800px;
	overflow: hidden;
}
#slider {
	position: absolute;
	border-bottom-left-radius: var(--magic);
    border-bottom-right-radius: var(--magic);
	overflow: hidden;
	top: 0;
	width: 110%;
	left: -5%;
	z-index: 2;
	border-bottom: 0 solid #fff;
}
#magic,
#slider,
#slider .item {
	height: var(--sliderHeight);
	min-height: 500px;
}

	header.inner-page {
		height: 300px;
		min-height: inherit;
	}
	.inner-page #magic,
	.inner-page #slider,
	.inner-page #slider .item {
		height: 300px;
		min-height: inherit;
	}

#slider .item {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.slider-text {
	position: absolute;
	bottom: 20%;
	left: 10%;
	right: 10%;
	text-align: center;
	z-index: 50;
}

.slider-text h2 {
	color: #fff;
	font-family: 'MarkPro-Book';
	font-weight: 200;
	font-size:62px;
	margin-bottom: 30px;
	letter-spacing: 2px;
}
#magic {
	position: absolute;
	width: 110%;
	left: -5%;
	z-index: 1;
}
#magic:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: -10px;
	left: 0;
	right: 0;
	background: #fff;
	border-bottom-left-radius: var(--magic);
    border-bottom-right-radius: var(--magic);
}
}
/*
 * Copyright © 2017 | Website Design by Webfrog Studios
 *
 */
/* Large devices (xlarge desktops, 1200px and up) */
@media (min-width: 1600px) {
:root {
	--sliderHeight: calc(100vh + 80px - 129px - 82px - 99px - 160px);
}
header {
	height: calc(100vh + 440px - 100px - 82px - 99px - 160px);
	min-height: 755px;
}
#magic,
#slider,
#slider .item {
	height: var(--sliderHeight);
	min-height: 500px;
}


header.inner-page {
	height: 300px;
	min-height: inherit;
}
.inner-page #magic,
.inner-page #slider,
.inner-page #slider .item {
	height: 300px;
	min-height: inherit;
}

.slider-text {
	bottom: 20%;
	left: 20%;
	right: 20%;
}
.slider-text h2 {
	font-size:68px;
	margin-bottom: 30px;
	letter-spacing: 2px;
}	
}
/*
 * Copyright © 2017 | Website Design by Webfrog Studios
 *
 */