@font-face {
    font-family: 'Futura-Medium';
    font-display: swap;
    src: url('Futura-Medium.eot?#iefix') format('embedded-opentype'),
         url('Futura-Medium.woff') format('woff'),
         url('Futura-Medium.ttf')  format('truetype'),
         url('Futura-Medium.svg#webfont') format('svg'),
}


@font-face {
    font-family: 'Chantilly-Light';
    font-display: swap;
    src: 
		url('../fonts/Chantilly-Light/Chantilly-Light.eot')  format('embedded-opentype');
    src:
		url('../fonts/Chantilly-Light/Chantilly-Light.ttf')  format('truetype'),
		url('../fonts/Chantilly-Light/Chantilly-Light.woff2')  format('woff2');
}


/********************* ACROSS ALL PAGES ************************/
html {
	scroll-behavior: smooth;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	width: 100%;
    height: 100%;
	margin: 0px;
    padding: 0px;
	-webkit-overflow-scrolling: touch;
    overflow-x: hidden;
}

body {
    width: 100%;
    margin: 0px;
    padding: 0px;
    font-family: arial;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    overflow-x: hidden;
	transition: all .2s ease-in-out;
}

#navbarcontainer {
	padding: 0px;
	margin: 0px;
	width: 100%;
	background-color: white;
}
#navbarheaderid {
	width: 100%;
	left: 0;
	padding: 0px;
	height: 100%;
}
#navbarlogo {
	height: 40px;
	margin-left: 17px;
	margin-top: -3px;
	transition: all 0.3s;

}

.navbar-nav li{
	font-size: 20px;
	font-family: 'Chantilly-Light','Futura-Medium', Arial;
	letter-spacing: 2px;
	font-weight: bold;
	margin: 0;
	padding-bottom: 0px;
}
#navbarbutton {
	font-family: 'Chantilly-Light','Futura-Medium', Arial;
	letter-spacing: 2px;
	font-weight: bold;
	font-size: 20px;
	background-color: #3A125A;
	color: white;
	transition: 0.2s all;
	margin-bottom: 5px;
	margin-top: 3px;
	border-radius: 7px;
}
#navbarSupportedContent {
	padding-right: 15px;
	padding-left: 10px;
	z-index: 10;
	text-align: center;
	background-color: white;
	padding-bottom: 0px;
}

.nav-item {
	margin: 0;
	padding-left: 24px;
	padding-right: 24px;
}
.nav-link {
	color: rgb(58, 58, 58);
	vertical-align: middle;
	line-height: 52px;
	margin: 0;
}

#navbarSupportedContent .active {
	background-color:rgb(133, 133, 133);
	color: white;
}

.navbar-nav > .active > a {
	color: white;
}

.navbar-toggler {
	height: 80%;
	margin-right: 5px;
}

.navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/****** nav hovers *******/

#navbarlogo:hover {
	opacity: 0;
}
.nav-item:hover .nav-link{
	color: white;
	transition: all 0.3s ease-in-out;

}
.nav-item:hover {
	transition: all 0.3s ease-in-out;
	background-color:rgb(190, 190, 190);
}

.nav-item:focus .nav-link{
	color: white;
	transition: all 0.3s ease-in-out;
}
.nav-item:focus {
	transition: all 0.3s ease-in-out;
	background-color:rgb(161, 161, 161);
}

#navbarbutton:hover {
	background-color: rgb(231, 231, 231);
	text-shadow: none;
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	color: #1d1d1d;
}

/********* nav responsiveness *****/
@media (max-width: 1200px) {
	.nav-item {
		padding-left: 9px;
		padding-right: 9px;
	}
}

@media (max-width: 991px) {
	.nav-item {
		height: 50px;
	}
	.nav-link {
		line-height: 34px;
	}
}


/****JUMBOTRON TEXT ****/
.myjumbotrons {
	background-position: center center; 
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	height: 850px;
	text-align: center;
	color: white;
	will-change: top;
	clip: rect(auto,auto,auto,auto);
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	overflow: hidden;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	width: 100%;
	min-height: 100%;
}

@supports (-webkit-touch-callout: none) {
	.myjumbotrons {
		background: url('../images/my_image.jpg') center top no-repeat scroll;
		background-size: auto;
	}    
}



.jumbotrontitleformat {
	width: 100%;
	text-align: left;
	position: relative;
	height: 750px;
}

.jumbotrontitleformat h1 {
	font-family: 'Philosopher';
	font-size: 110px;
	position: absolute;
	bottom: 0;
	color: rgb(255, 255, 255);
	margin-right: 10px;
	margin-left: 100px;
	margin-bottom: -40px;
	width: 100%;
		text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
.jumbotrontitleformat h4 {
	font-family: 'Philosopher';
	font-size: 85px;
	position: absolute;
	bottom: 0;
	color: rgb(255, 255, 255);
	margin-right: 10px;
	margin-left: 100px;
	margin-bottom: -40px;
	line-height: 0.9;
	width: 100%;
		text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}


/*** jumbotron responsiveness **/
/** Large **/
@media (max-width: 992px) {
	.myjumbotrons {
		height: 625px;
	}
	.jumbotrontitleformat {
		height: 625px;
	}
	.jumbotrontitleformat h1 {
		font-size: 95px;
		margin-left: 75px;
		margin-bottom: 45px;
	}
	.jumbotrontitleformat h4 {
		font-size: 70px;
		margin-left: 65px;
		margin-bottom: 45px;	
	}
}
/** Mid **/
@media (max-width: 768px) {
	.myjumbotrons {
		height: 550px;
	}
	.jumbotrontitleformat {
		height: 550px;
	}
	.jumbotrontitleformat h1 {
		font-size: 75px;
		margin-left: 45px;
		margin-bottom: 45px;
		line-height: 85%;
	}
}
/** small **/
@media (max-width: 576px) {
	.myjumbotrons {
		height: 450px;
		background-attachment: scroll;
	}
	.jumbotrontitleformat {
		height: 450px;
	}
	.jumbotrontitleformat h1 {
		font-size: 60px;
		margin-left: 25px;
		margin-bottom: 25px;
		line-height: 85%;
	}
	.jumbotrontitleformat h4 {
		font-size: 55px;
		margin-left: 55px;
		margin-bottom: 45px;	
	}
}

/***header fonts class characteristics ***/

.headerfonts h3{
	font-size:55px;
	font-family: 'Philosopher','Righteous', Arial; font-style: normal;
    font-display: swap;
	color: #3A125A;
	transition: all .2s ease-in-out;
	padding-top: 30px;
	letter-spacing: -1px;
	display: inline;
	text-align: center;
}
.headerfonts h3:hover {
	color: white;
}
/**header font responsiveness **/
@media (max-width: 992px) {
	.headerfonts h3 {
		font-size: 45px;
	}
}
@media (max-width: 768px) {
	.headerfonts h3 {
		font-size: 45px;
	}
}
/** SM **/
@media (max-width: 576px) {
	.headerfonts h3 {
		font-size: 40px;
	}
}












/********************** multi image scroll *************************/

#movingimagecontainer {
	position: relative;
	width: 100%;
	height: 1450px;
	margin: 0;
	padding: 0;
	max-width: 100%;
}

.container .image-container {
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	background-size: cover;
	position: sticky;
	background-image: url("../images/vlcsnap-00001.webp");
}

.container .text-container {
	width: 100%;
	height: 1000px;
	position: fixed;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	top: 0;
	color: white;
}
.container .text-container .subtitle {
	opacity: 0;
}
.container .text-container .title {
	opacity: 0;
	font-size: 80px;
	margin: -20px 0;

}
#line2 h1 {
	font-size: 70px;
	letter-spacing: 10px;
	text-align: center;
	font-family: 'Philosopher';
	padding: 0;
	margin-top: 30px;
}
#line2 h2 {
	font-size: 30px;
	text-align: center;
	font-family: 'Philosopher';

}
.container .text-container .title img {
	font-size: 80px;
	margin: 0;
	width: 300px;
	height: auto;
	display: block;
}
.container .text-container .subtitle img {
	font-size: 80px;
	margin: 0;
	width: 300px;
	height: auto;
	display: block;
}
#scrolldownbutton2multi {
	width: 100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	top: 0;
}
#scrolldownbutton2multi img {
	width: 35px;
	height: auto;
	bottom: 0;

	padding-bottom: 90px;
	opacity: 0.5;
	transition: 0.3s all;
	margin-left: auto;
	margin-right: auto;
}

#scrolldownbutton2multi img:hover {
	opacity: 1.0;
	transform: translateY(5px);
	-webkit-transform: translateY(5px);
}





























/**************INDEX PAGE STYLES******************************/



/**************loader ******************************************/
.loader {
	position: fixed;
	z-index: 99999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #3A125A;
	display: flex;
	justify-content: center;
	align-content: center;
	padding-top: 300px;
}
.loader img	{
	height: 300px;
}
.loader.hidden {
    animation: fadeOut 1s;
    animation-fill-mode: forwards;
}

@keyframes fadeOut {
    100% {
        opacity: 0;
        visibility: hidden;
    }
}


.loading {
	box-sizing: border-box;
	width: 350px;
	height: 350px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.loading .loadingItem {
	box-sizing: border-box;
	padding: 30px;
	text-align: center;
}

.loading .loadingItem .spinner, .loading .loadingItem .spinner:before, .loading .loadingItem .spinner:after {
	width: 50px;
	height: 75px;
	top: 30px;
	left: -10px;
	border-radius: 10px;
	border: 4px solid white;
	box-sizing: border-box;
	-webkit-animation-duration: 3s;
			animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
			animation-direction: alternate;
}
.loading .loadingItem .spinner {
	position: relative;
	display: inline-block;
	margin-bottom: 80px;
	perspective: 1000;
	transform-style: preserve-3d;
	background: #f27013;
	-webkit-animation-name: card-back;
			animation-name: card-back;
	translate3d(0px,0px,0px);
			scale3d(1.1, 1.1, 1);
}

.spinner img {
	height: 19px;
	margin-top: 21px;
}

.loading .loadingItem .spinner:before, .loading .loadingItem .spinner:after {
	content: '';
	position: absolute;
	left: -3px;
	top: -3px;
	
}

.loading .loadingItem .spinner:before {
	background: #6e1414;
	-webkit-animation-name: card-middle;
			animation-name: card-middle;
	/*transform: translate3d(10px,10px,2px)
		scale3d(1.1, 1.1, 1);*/
}
.loading .loadingItem .spinner:after {
	background: #3ab0a2;
	-webkit-animation-name: card-front;
			animation-name: card-front;
	/*transform: translate3d(20px,20px,4px)
		scale3d(1.2, 1.2, 1);*/
}
.loading .loadingItem .blinking {
	font-family: 'Chantilly-Light','Futura-Medium', Arial;
	font-weight: bold;
	letter-spacing: 1px;
	font-size: 18px;
	color: white;
}
  

@-webkit-keyframes card-back {
	0% {
	  transform: translate3d(0px, 0, -2px) scale3d(1, 1, 1);
	}
	12.4% {
	  transform: translate3d(-50px, 0, -2px) scale3d(1, 1, 1);
	}
	12.5% {
	  transform: translate3d(-50px, 0, 0px) scale3d(1, 1, 1);
	}
	25% {
	  transform: translate3d(10px, 10px, 0px) scale3d(1.1, 1.1, 1);
	}
	37.4% {
	  transform: translate3d(10px, 10px, 0px) scale3d(1.1, 1.1, 1);
	}
	37.5% {
	  transform: translate3d(10px, 10px, 2px) scale3d(1.1, 1.1, 1);
	}
	50% {
	  transform: translate3d(20px, 20px, 2px) scale3d(1.2, 1.2, 1);
	}
	62.4% {
	  transform: translate3d(-50px, 20px, 2px) scale3d(1.2, 1.2, 1);
	}
	62.5% {
	  transform: translate3d(-50px, 20px, 0px) scale3d(1.2, 1.2, 1);
	}
	75% {
	  transform: translate3d(10px, 10px, 0px) scale3d(1.1, 1.1, 1);
	}
	82.4% {
	  transform: translate3d(10px, 10px, 0px) scale3d(1.1, 1.1, 1);
	}
	82.5% {
	  transform: translate3d(10px, 10px, -2px) scale3d(1.1, 1.1, 1);
	}
	100% {
	  transform: translate3d(0px, 0px, -2px) scale3d(1, 1, 1);
	}
}
@keyframes card-back {
	0% {
	  transform: translate3d(0px, 0, -2px) scale3d(1, 1, 1);
	}
	12.4% {
	  transform: translate3d(-50px, 0, -2px) scale3d(1, 1, 1);
	}
	12.5% {
	  transform: translate3d(-50px, 0, 0px) scale3d(1, 1, 1);
	}
	25% {
	  transform: translate3d(10px, 10px, 0px) scale3d(1.1, 1.1, 1);
	}
	37.4% {
	  transform: translate3d(10px, 10px, 0px) scale3d(1.1, 1.1, 1);
	}
	37.5% {
	  transform: translate3d(10px, 10px, 2px) scale3d(1.1, 1.1, 1);
	}
	50% {
	  transform: translate3d(20px, 20px, 2px) scale3d(1.2, 1.2, 1);
	}
	62.4% {
	  transform: translate3d(-50px, 20px, 2px) scale3d(1.2, 1.2, 1);
	}
	62.5% {
	  transform: translate3d(-50px, 20px, 0px) scale3d(1.2, 1.2, 1);
	}
	75% {
	  transform: translate3d(10px, 10px, 0px) scale3d(1.1, 1.1, 1);
	}
	82.4% {
	  transform: translate3d(10px, 10px, 0px) scale3d(1.1, 1.1, 1);
	}
	82.5% {
	  transform: translate3d(10px, 10px, -2px) scale3d(1.1, 1.1, 1);
	}
	100% {
	  transform: translate3d(0px, 0px, -2px) scale3d(1, 1, 1);
	}
}
@-webkit-keyframes card-middle {
	0% {
	  transform: translate3d(10px, 10px, 0px) scale3d(1.1, 1.1, 1);
	}
	12.4% {
	  transform: translate3d(60px, 10px, 0px) scale3d(1.1, 1.1, 1);
	}
	12.5% {
	  transform: translate3d(60px, 10px, -2px) scale3d(1.1, 1.1, 1);
	}
	25% {
	  transform: translate3d(-10px, -10px, -2px) scale3d(0.9, 0.9, 1);
	}
	37.5% {
	  transform: translate3d(-10px, -10px, -2px) scale3d(0.9, 0.9, 1);
	}
	50% {
	  transform: translate3d(-20px, -20px, -2px) scale3d(0.8, 0.8, 1);
	}
	62.5% {
	  transform: translate3d(50px, -20px, -2px) scale3d(0.8, 0.8, 1);
	}
	75% {
	  transform: translate3d(-10px, -10px, -2px) scale3d(0.9, 0.9, 1);
	}
	82.4% {
	  transform: translate3d(60px, -10px, -2px) scale3d(1, 1, 1);
	}
	82.5% {
	  transform: translate3d(60px, -10px, 0px) scale3d(1, 1, 1);
	}
	100% {
	  transform: translate3d(10px, 10px, 0px) scale3d(1.1, 1.1, 1);
	}
}
@keyframes card-middle {
	0% {
	  transform: translate3d(10px, 10px, 0px) scale3d(1.1, 1.1, 1);
	}
	12.4% {
	  transform: translate3d(60px, 10px, 0px) scale3d(1.1, 1.1, 1);
	}
	12.5% {
	  transform: translate3d(60px, 10px, -2px) scale3d(1.1, 1.1, 1);
	}
	25% {
	  transform: translate3d(-10px, -10px, -2px) scale3d(0.9, 0.9, 1);
	}
	37.5% {
	  transform: translate3d(-10px, -10px, -2px) scale3d(0.9, 0.9, 1);
	}
	50% {
	  transform: translate3d(-20px, -20px, -2px) scale3d(0.8, 0.8, 1);
	}
	62.5% {
	  transform: translate3d(50px, -20px, -2px) scale3d(0.8, 0.8, 1);
	}
	75% {
	  transform: translate3d(-10px, -10px, -2px) scale3d(0.9, 0.9, 1);
	}
	82.4% {
	  transform: translate3d(60px, -10px, -2px) scale3d(1, 1, 1);
	}
	82.5% {
	  transform: translate3d(60px, -10px, 0px) scale3d(1, 1, 1);
	}
	100% {
	  transform: translate3d(10px, 10px, 0px) scale3d(1.1, 1.1, 1);
	}
}
@-webkit-keyframes card-front {
	0% {
	  transform: translate3d(20px, 20px, 2px) scale3d(1.2, 1.2, 1);
	}
	12.5% {
	  transform: translate3d(70px, 20px, 2px) scale3d(1.2, 1.2, 1);
	}
	25% {
	  transform: translate3d(10px, 10px, 2px) scale3d(1.1, 1.1, 1);
	}
	37.4% {
	  transform: translate3d(60px, 0px, 2px) scale3d(1, 1, 1);
	}
	37.5% {
	  transform: translate3d(60px, 0px, -2px) scale3d(1, 1, 1);
	}
	50% {
	  transform: translate3d(-10px, -10px, -2px) scale3d(0.9, 0.9, 1);
	}
	62.4% {
	  transform: translate3d(60px, -10px, 0px) scale3d(0.9, 0.9, 1);
	}
	62.5% {
	  transform: translate3d(60px, -10px, 2px) scale3d(0.9, 0.9, 1);
	}
	75% {
	  transform: translate3d(10px, 10px, 2px) scale3d(1.1, 1.1, 1);
	}
	82.5% {
	  transform: translate3d(10px, 10px, 2px) scale3d(1.1, 1.1, 1);
	}
	100% {
	  transform: translate3d(20px, 20px, 2px) scale3d(1.2, 1.2, 1);
	}
}
@keyframes card-front {
	0% {
		transform: translate3d(20px, 20px, 2px) scale3d(1.2, 1.2, 1);
	}
	12.5% {
		transform: translate3d(70px, 20px, 2px) scale3d(1.2, 1.2, 1);
	}
	25% {
		transform: translate3d(10px, 10px, 2px) scale3d(1.1, 1.1, 1);
	}
	37.4% {
		transform: translate3d(60px, 0px, 2px) scale3d(1, 1, 1);
	}
	37.5% {
		transform: translate3d(60px, 0px, -2px) scale3d(1, 1, 1);
	}
	50% {
		transform: translate3d(-10px, -10px, -2px) scale3d(0.9, 0.9, 1);
	}
	62.4% {
		transform: translate3d(60px, -10px, 0px) scale3d(0.9, 0.9, 1);
	}
	62.5% {
		transform: translate3d(60px, -10px, 2px) scale3d(0.9, 0.9, 1);
	}
	75% {
		transform: translate3d(10px, 10px, 2px) scale3d(1.1, 1.1, 1);
	}
	82.5% {
		transform: translate3d(10px, 10px, 2px) scale3d(1.1, 1.1, 1);
	}
	100% {
		transform: translate3d(20px, 20px, 2px) scale3d(1.2, 1.2, 1);
	}
}



/*** Scroll to top ***/
#scrolltotop {
	display: none; /* Hidden by default */
	position: fixed; /* Fixed/sticky position */
	bottom: 15px; /* Place the button at the bottom of the page */
	right: 15px; /* Place the button 30px from the right */
	z-index: 100; /* Make sure it does not overlap */
	border: none; /* Remove borders */
	outline: none; /* Remove outline */
	background-color: rgba(255, 255, 255, 0.2); /* Set a background color */
	color: rgb(87, 87, 87); /* Text color */
	cursor: pointer; /* Add a mouse pointer on hover */
	padding: 5px; /* Some padding */
	border-radius: 10px; /* Rounded corners */
	font-size: 18px; /* Increase font size */
	transition: 0.3s all;
}

#scrolltotop img {
	height: 24px;
	width: auto;
	
}
#scrolltotop:hover {
	background-color: rgba(233, 233, 233, 0.842); /* Add a dark-grey background on hover */
}



/**jumbo of just logo **/

#magiclogojumbo {
	height: 100vh;
	width: 100%;
	background-color: white;
	position: relative;
	transition: all .2s ease-in-out;
	z-index: 1;
	min-height: 750px;
	margin: auto;
	padding-left: 0px;
	text-align: center;
}

#magiclogojumbo h1 {
	font-size: 1px;
	color: rgba(255, 255, 255, 0);
	z-index: -10;
}

#magiclogojumbo a:hover {
    opacity: .5;
}

#magiclogoimg {
	margin-left: auto;
	margin-right: auto;
	width: 550px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    padding-top: 25vh;
}




/*** scroll DOWN SECTION ***/

#scrolldownbutton1logopage {
	width: 30px;
	height: auto;
	bottom: 0;
	opacity: 0.3;
	transition: 0.3s all;
	margin: auto;
	position: absolute;
	padding-bottom: 40px;
}
#scrolldownbutton1logopage:hover {
	opacity: 1.0;
	transform: translateY(5px);
	-webkit-transform: translateY(5px);
}


/****** Video loop jumbo ****/
video::-webkit-media-controls {
    display:none !important;
}

*::-webkit-media-controls-start-playback-button {
display: none!important;
-webkit-appearance: none;
}


#videoloopcontainer {
	height: 840px;
	width: 100%;
	z-index: -1;
	background-position: center center; 
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

#videoreelloop {
	object-fit: cover;
	width: 100vw;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
	overflow: hidden;
}



/****  main bubble holding homepage jumbo 
#HPJC {
    background-image: url('https://ik.imagekit.io/u334coxhyy/bubble_image.webp');
}
****/

/** welcome section **/
#welcomecontainer {
	text-align: center;
	width: 100%;
	height: 560px;
	transition: all .3s ease-in-out;
	background-color: rgb(255, 255, 255);
	position: relative;
}

#welcome {
	padding-top: 110px;
	text-align: center;
	max-width: 800px;
	margin: auto;
	padding-left: 10px;
	padding-right: 10px;
}

#welcomeparagraph {
	font-size: 18px;
	color: #2C2C2C;
	transition: all .4s ease-in-out; 
	padding-top: 22px;
	font-family: 'Chantilly-Light','Futura-Medium', 'Questrial', Arial;
	font-style: normal;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
}

#welcome a {
	color: #3A125A;
	transition: all .4s ease-in-out; 
}
#welcome a:hover {
	color: #659df7;
}

/** Carousel section **/
.carousel-inner {
    background-color: grey;
}

#carouselimage {
	position: relative;
	object-fit: cover;
	object-position: 50% 35%;
	top: 0;
	min-width: 100%;
	height: 850px;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome 6.0+, Safari 3.1+, Edge & Opera 15+ */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* IE 10+ and Edge */
    user-select: none;           /* Non-prefixed version, 
								currently supported by Chrome and Opera */
}



.carousel-caption h5 {
	font-family: 'Futura-Medium', 'Questrial', Arial; font-style: normal;
	font-size: 30px;
	font-weight: bold;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
.carousel-caption p {
	font-family: 'Futura-Medium', 'Questrial', Arial; font-style: normal;
	font-size: 18px;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}



/** Why Allen Section **/
#whyallendiv {
	height: 600px;
	text-align: center;
	padding-top: 90px;
	width: 100%;
	position: relative;
	margin: auto;
	padding-left: 10px;
	padding-right: 10px;
	z-index: 1;
	background-color: white;
}
#whyallentitle {
	margin-top: 30px;
	padding-bottom: 30px;
	margin: auto;
}

#whyallenrow {
	width: 100%;
	max-width: 1300px;
	margin: auto;
	position: relative;
}
#whyallenboxes {
	padding-left: 30px;
	padding-right: 30px;
}
#whyallenboxes p {
	font-family: 'Chantilly-Light','Futura-Medium', Arial;
	font-size: 18px;
	margin-top: 10px;
	line-height: 140%;
}

#whyallenboxes a {
	color: #3A125A;
}
#whyallenboxes img {
	max-width: 270px;
	width: 100%;
	object-fit: cover;
	max-height: 190px;
}


/** second jumbo tron **/
#HPJC2stationary {
	background-image: url('https://ik.imagekit.io/u334coxhyy/brianolgawedding1_hGBf_II4MYu.jpeg?updatedAt=1635997092080');
	background-position: 10% 0%;
	height: 825px;
}


/** Client list **/
#Clientlistcontainer {
    background-color: white;
    transition: 0.3s all;
	padding-top: 50px;
	padding-bottom: 30px;
	text-align: center;
	position: relative;
	margin: auto;
	padding-left: 0;
	padding-right: 0;
	z-index: 1;
	width: 100%;
}


#Clientlistcontainer h3{
	font-size:55px;
	font-family: 'Philosopher','Righteous', Arial; font-style: normal;
    font-display: swap;
	color: #3A125A;
	transition: all .2s ease-in-out;
	padding-top: 30px;
	letter-spacing: -1px;
	display: inline;
	text-align: center;
}


#companylogorow {
    width: 100%;
    height: 450px;
    margin: auto;
	max-width: 900px;
	padding-top: 45px;
	padding-bottom: 0px;
	padding-left: 0;
	padding-right: 0;
}

#companylogothumbnails {
    max-width: 100px;
    min-width: 86px;
    height: 70px;
	display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(38, 12, 12, 0);
    border-color: rgba(38, 12, 12, 0);
	margin: auto;
}

#companylogothumbnails img {
    vertical-align: middle;
    width: 100%;
    height: auto;
	transition: all .2s ease-in-out;
}

#companylogothumbnails img:hover {
-moz-transform: scale(1.15) rotate(-15deg);
-webkit-transform: scale(1.15) rotate(-15deg);
-o-transform: scale(1.15) rotate(-15deg);
-ms-transform: scale(1.15) rotate(-15deg);
transform: scale(1.15) rotate(-15deg);
    z-index: 2;
}


/***** Home page RFQ button ******/
#footerCTArow {
	padding: 0 0;
	margin: 0 0;
	z-index:1;
}

#footerCTA {
	width: 100%;
	z-index:1;
	background-color: #3A125A;
	height: 70px;
	text-align: center;
	margin: 0 0;
}
#footerCTA h3{
	font-size:37px;
	font-family: 'Philosopher','Righteous', Arial;
	font-style: normal;
    font-display: swap;
	color: white;
	transition: all .2s ease-in-out;
	padding-top: 30px;
	letter-spacing: -1px;	
	display: inline;
	text-align: center;
}
#RFQbutton2 {
	font-family: 'Chantilly-Light','Futura-Medium', Arial;
	font-weight: bold;
	letter-spacing: 2px;
	font-size: 20px;
	background-color: white;
	color: #3A125A;
	transition: 0.2s all;
	margin-bottom: 5px;
	margin-top: 20px;
	border-radius: 7px;
	margin-left: auto;
	margin-right: auto;
}
#RFQbutton2:hover {
	background-color: rgb(172, 172, 172);
	text-shadow: none;
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	color: white;
}

/*** footer mobile links home page **/

.footermobilelinks {
	text-align: center;
	padding-top: 0;
	background-color: #3A125A;
	width: 100%;
	height: 0px;
	z-index: 3;
	transition: 0.2s all;
}

.footermobilelinks h3 {
	width: 100%;
	z-index: 2;
	margin-left: auto;
	margin-right: auto;
	height: 20px;
	visibility: hidden;
}

#footernavlinktext {
	font-family: 'Chantilly-Light','Futura-Medium', Arial;
	font-size: 20px;
	text-decoration: none;
	color: white;
	transition: 0.2s all;
	margin: auto;
}

.footermobilelinks h3:hover {
	text-decoration: underline;
	transform: scale(1.1) ;
}

@media (max-width: 991px) {
	.footermobilelinks {
		height: 115px;
	}
	.footermobilelinks h3 {
		visibility: visible;
	}
	#footerlinksformobileotherpages {
		padding-top: 10px;
	}
}




/******** FOOTER ***********/

#footer {
	text-align: center;
	padding-bottom: 30px;
	padding-top: 35px;
	background-color: #3A125A;
	width: 100%;
	height: 270px;
	z-index: 1;
}

#whitelogoonfooter {
	opacity: 1;
	height: 75px;
}
#socialmediabuttons {
	text-align: center;
	color: white;
	font-size: 13px;
	padding-top: 20px;
	z-index: 10;
	height: 30px;
}

#socialmediabuttons img{
	height:30px;
	width:30px;
	opacity: 0.5;
	transition: all .3s;
	margin-left: 2px;
	margin-right: 2px;
}
#socialmediabuttons img:hover {
	opacity: 1;
	transform: scale(1.1);
}
#footerbottomtext {
	padding-top: 30px;
}

#footerbottomtext a{
	color: white;
}

#footerbottomtext p{
	color:#ffffff;
	font-size: 13px;
	font-family: 'Chantilly-Light','Futura-Medium',Arial;
}



/**home page responsiveness **/
@media (max-width: 1400px) {
	#HPJC2stationary {
    	height: 700px;
    }
}
@media (max-width: 992px) {
    #welcomecontainer {
    	height: 450px;
    }
    #welcome {
    	padding-top: 70px;

    }
	#videoloopcontainer {
		height: 700px;
	}
	#magiclogoimg {
		width: 500px;
	}
	#whyallendiv {
		padding-top: 25px;
		height: 500px;
	}
	#whyallentitle {
		margin-top: 15px;
	}
	#Clientlistcontainer h3 {
		font-size: 45px;
	}
	#whyallenboxes {
		padding-left: 10px;
		padding-right: 10px;
	}
	#whyallendiv h3 {
		font-size: 45px;
	}
	#HPJC2stationary {
    	height: 550px;
    }
}
@media (max-width: 768px) {
	#magiclogojumbo {
		padding-top: 80px;
	}	
	#magiclogoimg {
		width: 375px;
	}
	#videoloopcontainer {
		height: 500px;
	}
	#videolarge {
		display: none;
	}
	#welcomecontainer {
		height: 575px;
	}
	#whyallendiv {
		height: 1000px;
		padding-top: 25px;
	}
	#whyallentitle {
		margin-top: 30px;
		margin-bottom: 30px;
	}
	#whyallendiv h3 {
		font-size: 40px;
		margin-bottom: 20px;
	}
	#Clientlistcontainer h3 {
		font-size: 40px;
	}
	#whyallenboxes {
		padding-left: 45px;
		padding-right: 45px;
	}
	#HPJC2stationary {
    	height: 450px;
    }
}
/** SM **/
@media (max-width: 576px) {
	#magiclogojumbo {
		height: 100vh;
		padding-top: 90px;
	}	
	#magiclogoimg {
		width: 300px;
	}
	#scrolldownbutton1logopage {
		padding-bottom: 90px;
	}
	#welcome {
		padding-top: 70px;
		padding-left: 8px;
		padding-right: 8px;
	}
	#welcomecontainer {
		height: 625px;
	}
	#whyallendiv {
		padding-top: 20px;
		height: 1040px;
	}
	#whyallentitle {
		padding-bottom: 0px;
	}
	#whyallenboxes {
		padding-left: 0px;
		padding-right: 0px;
	}
	#companylogorow {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	#companylogothumbnails img {
		width: 87%;
	}
}

@media (max-width: 1750px) {
	#carouselimage {
	height: 800px;
    }
}
@media (max-width: 1400px) {
	#carouselimage {
	height: 700px;
    }
}
@media (max-width: 1050px) {
#carouselimage {
	height: 600px;
    }
}
@media (max-width: 650px) {
#carouselimage {
	height: 500px;
    }
}


























/************************ ABOUT PAGE *******************/
#aboutjumbo {
	background-image: url('https://ik.imagekit.io/u334coxhyy/aboutmepicturejpg_GjP2Dn0gr.jpg?updatedAt=1681863017032');
	background-position: 50% 55%;
}

#aboutcontainer {
	display: block;
	margin: auto;
	max-width: 1000px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 20px;
}
#aboutmerow1 {
	margin-top: 70px;
}
#aboutme1column {
margin-bottom: 40px;
}

#aboutme1column p{
	font-family: 'Chantilly-Light','Futura-Medium',Arial;
	font-size: 18px;
	text-align: center;
}


#aboutlearnmorecontainer {
	width: 100%;
	max-width: 850px;
	padding-left: 25px;
	padding-right: 25px;
	margin: auto;
}

#aboutlearnmorecontainer h2 {
	padding-top: 5px;
	text-align: center;
	transition: all 0.3s;
}
#aboutlearnmorecontainer a {
	color: #3A125A;
	font-size: 30px;
	font-family: 'Philosopher',Arial;
	text-align: center;
	padding-bottom: 35px;
	transition: all 0.3s;
}
#aboutlearnmorecontainer a:hover {
	transform: scale(1.05);
	color: #2e2e2e;
}
#aboutlearnmorecontainer h2:hover {
	transform: scale(1.03);
}
#aboutlearnmorecontainer img {
	width: 15px;
	margin-left: 10px;
}


#aboutmesectionaltext {
	margin-bottom: 7px;
	text-align: center;
	font-size: 18px;
	font-family: 'Chantilly-Light','Futura-Medium',Arial;
	padding-top: 10px;
}

#themagiciancollapse:hover {
	color:rgb(102, 102, 102);
	text-decoration: none;

}


#aboutimagescontainer {
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
	min-width: 700px;
	max-width: 1000px;
	margin: auto;
	padding-bottom: 70px;
	padding-top: 50px;
}

#profilepic {
	object-fit:cover;	
	height: 300px;
	min-width: 300px !important;
	min-height: 300px;
	margin: auto;
	display: block;
}

/***** about responsiveness ***/
/** LG **/
@media (max-width: 992px) {
	#profilepic {
		height: 225px;
		min-width: 225px !important;
		min-height: 225px;
	}
	.youtube-player {
		width: 432px; height: 300px;
	}
    #promovideo {
        padding-bottom: 20px;
    }
}
/** MD **/
@media (max-width: 768px) {
	#profilepic {
		height: 175px;
		min-width: 120px !important;
		min-height: 120px;
	}
	#aboutimagescontainer {
		min-width: 450px;
		padding-bottom: 50px;
	}

}
/** SM **/
@media (max-width: 576px) {

	#aboutcontainer {
		line-height: 140%;
	}
	#profilepic {
		max-width: 140px;
	}
	.youtube-player {
		width: 329px; height: 189px;
	}
}
































/******************* GALLERY PAGE ********************/

/**** video LIGHT EMBED VERSION IN ABOUT AND IN GALLERY PAGE*****/

#promovideocaptiontitles {
    color: white;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	transition: 0.3s all;
	font-size: 12px;
	font-weight: bold;
	max-width: 440px;
	margin: auto;
}

.youtube-player {
	overflow: hidden;
	margin: auto;
	position: relative;
	width: 320px; height: 180px;
	background-color: white;
}

.youtube-player iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background: transparent;
}

.youtube-player img {
	bottom: 0;
	display: block;
	left: 0;
	margin: auto;
	max-width: 100%;
	width: 100%;
	position: absolute;
	right: 0;
	top: 0;
	border: none;
	height: auto;
	cursor: pointer;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	transition: 0.3s all;
}

.youtube-player .play {
	height: 72px;
	width: 72px;
	left: 50%;
	top: 50%;
	margin-left: -36px;
	margin-top: -36px;
	position: absolute;
	background: url("https://ik.imagekit.io/u334coxhyy/colorizedplaybutton_kr3KW3CVt.png?updatedAt=1701801817154") no-repeat;
	cursor: pointer;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	transition: 0.3s all;
}
.youtube-player:hover img{
    -webkit-filter: brightness(50%);
    -moz-filter: brightness(50%);
    filter: brightness(50%);
}
.youtube-player:hover .play{
    transform: scale(1.05);
    -webkit-filter: brightness(120%);
    -moz-filter: brightness(120%);
    filter: brightness(120%);
}
.youtube-player:hover + #promovideocaptiontitles{
    color: black;
}



#photospacerparallaxgroup {
	background-image: url('https://ik.imagekit.io/u334coxhyy/brianolgawedding3-low-light_bAZljzRut.webp');
	background-position: 30% 0%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    margin: auto;
    max-width: 2000px;
}

#photogroupcontainer {
	width: 100%;
	text-align: center;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}


#gallerytext {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}
#gallerytext p {
    display: inline-block;
	padding-right: 10px;
	font-family: 'Chantilly-Light','Futura Medium',Arial;
}
#gallerytext img {
	height: 45px;
    display: inline-block;
	transition: all 0.3s;
}


#galleryheadertexts {
	padding-top: 45px;
	padding-bottom: 30px;
}


#photosrow {
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 50px;
	padding-bottom: 50px;
	margin-bottom: 0px;
	height: auto;
	width: 100%;
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
}

#photo {
    transition: all 0.3s ease-out 0s;
	margin-bottom: 20px;
	z-index: 0;
	margin-top: 0;
	max-width: 450px;
	height: 275px;
	position: relative;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

#photoimages {
	overflow: hidden;
	transition: all 0.3s ease-out 0s;
	max-width: 450px;
	width: 100%;
	height: 100%;
	z-index: 1;
    object-fit: cover;
}

#photocaption {
	font-family: 'Chantilly-Light','Futura-Medium', Arial;
	line-height: 1.1;
	font-size: 16px;
	opacity: 0;
	transition: all 0.3s ease-out 0s;
	text-align: center;
	position: absolute;
	top: 60%;
	left: 25%;
	transform: translate(-17%, -80%);
	color: rgb(0, 0, 0);
	z-index: 5;
	font-weight: bold;
	padding: 0;
}



/**** Hovers for Gallery ***/
#photo:hover > #photocaption {
	opacity: 1;
	z-index: 10;
}

#photo:hover > #photoimages {
	transform: scale(1.05);
	opacity: 0.2;

}
#gallerybottomtext img:hover {
	-webkit-filter: none;
	-moz-filter: none;
	-ms-filter: none;
	filter: none;
}




/**** Photo responsiveness ***/
/** XL **/
@media (max-width: 1200px) {
	#photocaption {
		font-size: 14px;
	}
	#photo {
		height:235px;
	}
}

/** Large **/
@media (max-width: 992px) {
	#photo {
		height:220px;
	}
}

/** MD **/
@media (max-width: 768px) {
	#photo {
		height:260px;
	}
	.lastrowofgallerytohide {
		display: none;
	}
}
/** SM **/
@media (max-width: 576px) {
	#photo {
		height:220px;
	}

}



/**** flip *****/












































/*********** TESTIMONIAL PAGE *************/
#testimonialjumbo {
	background-image: url('https://ik.imagekit.io/u334coxhyy/Harlem_Rotary_New_York_Professional_Magician_Allen_BW_Nb6ofIfj9qU.webp');
	background-position: 30% 10%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    margin: auto;
    max-width: 2000px;
}

#testimonialcontainer {
	width: 100%;
	height: 1620px;
	margin-top: 0px;
	text-align: center;
}
#testimonialcontainer h2 {
	font-size: 25px;
	font-family: 'Philosopher';
	margin-bottom: 30px;
	padding-top: 40px;
}


#testimonialrow {
	padding-bottom: 50px;
	margin-bottom: 0px;
	height: auto;
	width: 100%;
	max-width: 900px;
	margin: auto;
}
#testimonialcard {
	border-style: solid;
	border-color:rgb(211, 211, 211);
	border-width: 1px;
	border-radius: 8px;
	text-align: center;
	background-color: white;
	min-height: 325px;
	position: relative;
	margin-bottom: 25px;
	padding-bottom: 20px;
	transition: all 0.4s ease-in-out;
}

#testimonialcard p {
	font-size: 18px;
	font-family: 'Chantilly-Light','Futura-Medium',Arial;
	line-height: 17px;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-left: 15px;
	margin-right: 15px;
	padding-bottom: 15px;
}

#testimonialheart1 {
	position: absolute;
	width: 25px;
	height: auto;
	left: 0;
	top: 0;
	margin-left: 13px;
	margin-top: 18px;
	opacity: 0.3;
	transition: all 0.4s ease-in-out;
}
#testimonialheart2 {
	position: absolute;
	width: 25px;
	height: auto;
	right: 0;
	bottom: 0;
	margin-right: 13px;
	margin-bottom: 18px;
	opacity: 0.3;
	transform: rotate(180deg);
	transition: all 0.4s ease-in-out;
}
#testimonialcard:hover > #testimonialheart1{
	transform: rotate(360deg);
	opacity: 1;
}
#testimonialcard:hover > #testimonialheart2{
	transform: rotate(540deg);
	opacity: 1;
}
#testimonialcard:hover {
	border-color:rgb(58, 58, 58);
}


#testimonialreviewlinkrow {
	width: 100%;
	height: 110px;
	display: block;
	margin: auto;
	min-width: 400px;
}
.linkreviewcolumn {
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
}
#googlereviewlink {
	height: 50px;
	width: auto;
	transition: all .2s ease-in-out; 
}
#gigsaladreviewlink {
	height: 70px;
	width: auto;
	transition: all .2s ease-in-out; 
}
#yelp-biz-badge {
    margin-bottom: 10px;
    clear: both;
}
#yelp-biz-badge img {
    height: 50px;
    width: 115px;
	transition: all .2s ease-in-out; 
}
#testimonialreviewlinkrow img:hover {
	transform: scale(1.05);
}

/*** small testimonial responsiveness **/
@media (max-width: 769px) {
	#testimonialcontainer {
		height: 1700px;
	}
	#testimonialcard {
		min-height: 270px;
	}
	#testimonialcard p {
		font-size: 16px;
	}
	.lastrowoftestimonialstohide1 {
		display: none;
	}
}
/**** XS ****/
@media (max-width: 576px) {
	#testimonialcontainer {
		height: 1975px;
	}
	#testimonialcard {
		min-height: 260px;
		margin-left: 15%;
		margin-right: 15%;
	}
	#testimonialcard p {
		font-size: 15px;
	}
	.lastrowoftestimonialstohide2 {
		display: none;
	}
}


























/*********** All form styles ***********/
#requestquoteformrow label {
	color: #3A125A;
	font-weight: bold;
}

.form-control {
	background-color: #f8f1ff8f;
	border-color: #3A125A;
}

.form-select {
	background-color: #f8f1ff8f;
	border-color: #3A125A;
}

/***************************************** CONTACT PAGE  **********************************/

#contactjumbo {
	background-image: url('https://ik.imagekit.io/u334coxhyy/juelanholdinghands_5v5dCb4HMsy.webp?updatedAt=1636436185358');
	background-position: 40% 20%;
}

#contactpageform {
	width: 100%;
	height: 950px;
	margin-bottom: 50px;
	padding-left: 10px;
	padding-right: 10px;
}

#contactmeheader {
	text-align: center;
	font-family: 'Philosopher';
	font-size: 38px;
	margin-top: 10px;
	padding-top: 30px;
	padding-bottom: 30px;
	color: rgb(70, 70, 70);
	transition: all .3s ease-in-out;
}

#contactpageformrow {
	width: 100%;
	max-width: 750px;
	margin: auto;
	padding-left: 20px;
	padding-right: 20px;
	border-style: solid;
	border-color: #3A125A;
	border-width: 1px;
	padding-top: 25px;
	padding-bottom: 20px;
	border-radius: 20px;

}
#contactmagicformtext {
	padding-left: 5px;
}
.form-group {
	font-family: 'Chantilly-Light','Futural-Medium',Arial;
	padding-bottom: 9px;
}
#contactformbottomtext {
	font-family: 'Chantilly-Light','Futural-Medium',Arial;
	font-size: 13px;
}
#contactemailtext {
	font-family: 'Chantilly-Light','Futural-Medium',Arial;
	font-size: 16px;
}

#contactbutton1	{
	height:40px;
	width: 200px;
	font-size: 18px;
	margin-top: 12px;
	color: white;
	background-color: #3A125A;
	transition: all .3s ease-in-out; 
	font-family: 'Chantilly-Light','Futural-Medium',Arial;
	font-weight: bold;
	border-radius: 10px;
}
#contactpageformrow label {
	color: #3A125A;
	font-weight: bold;
}

#contactbutton1:hover{
	color: black;
	background-color: rgb(194, 194, 194);	
}

#orsendemailtext {
	font-family: 'Chantilly-Light','Futural-Medium',Arial;
	font-size: 18px;
	margin-top: 20px;
	color: #3A125A;

}

#orsendemailtext a {
	text-decoration: none;
}



/*** contact page responsiveness **/
@media (max-width: 769px) {

}
/**** XS ****/
@media (max-width: 576px) {
	#contactpageform {
		height: 1075px;
}
}













/******************************* FAQ PAGE *******************************/

#faqjumbotron {
    background-image: url('https://ik.imagekit.io/u334coxhyy/bgGgHYU_EdrsAFc0qh.webp?updatedAt=1635997428026');
    font-size: 40px;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    margin: auto;
    max-width: 2000px;
}
#FAQjumbotext h1{
	font-size: 90px;
}
/*** FAQ jumbotron responsiveness **/
/** Large **/
@media (max-width: 992px) {
	#FAQjumbotext h1 {
		font-size: 90px;
    }
}
/** Mid **/
@media (max-width: 768px) {
	#FAQjumbotext h1 h1 {
		font-size: 75px;
	}
}
/** small **/
@media (max-width: 576px) {
	#FAQjumbotext h1 {
		font-size: 60px;
	}
}

#faqbody {
    width: 100%;
    text-align: left;
    padding-top: 80px;
    padding-bottom: 80px;
}

#faqintro {
    max-width: 1200px;
    padding-left: 20px;
    padding-right: 20px;
    margin: auto;
    padding-top: 80px;
    padding-bottom: 80px;
    font-family: 'Chantilly-Light','Futural-Medium',Arial;
	font-size: 18px;
    
}

.faqsections {
    max-width: 1200px;
    margin: auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 80px;
    padding-bottom: 60px;
	font-family: 'Chantilly-Light','Futural-Medium',Arial;
	font-size: 18px;
}

.faqsections h2 {
	font-family: 'Philosopher';
		font-size: 30px;
}
.faqsections p {

}












/********************************* Quotes and Bookings **********************************/
#qandbjumbo {
	background-image: url("https://ik.imagekit.io/u334coxhyy/IMG_8862_opt_-jQwXXXZsMS.webp");
	background-position: 70% 10%;
}
#qandbjumbo h5 {
	line-height: 100%;
}

/*** request or booking introduction ***/
#requestintrocontainer {
	width: 100%;
	height: 310px;
}
#requestintrorow {
	width: 100%;
	max-width: 910px;
	min-width: 700px;
	margin: auto;
	margin-top: 50px;
	text-align: center;
	font-family: 'Chantilly-Light','Futura-Medium',Arial;
	font-size: 18px;
	padding-left: 25px;
	padding-right: 25px;
}
#requestintrorow p{
	padding-bottom: 10px;
}
/**booking type options **/

#bookingoptionscontainer {
	width: 100%;
	height: 400px;
	background-color: #3A125A;
}
#bookingoptionsrow {
	color: white;
	height: 100%;
	width: 100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
}
#bookingoptionsrow h2 {
	font-family: 'Philosopher';
	font-size: 40px;
}

#bookingheadercolumn {
	height: 40px;
	padding-top: 30px;
	padding-bottom: 30px;
}


#bookingtypecolumns {
	padding-left: 14px;
	padding-right: 14px;
}

#bookingtypecolumns h3{
	font-family: 'Philosopher';
	font-size: 23px;
	text-decoration: underline;
}
#bookingtypecolumns p {
	font-family: 'Chantilly-Light','Futural-Medium',Arial;
	padding: 0px;
	font-size: 18px;
}

/** RFQ form **/
#rfqcontainer {
	width: 100%;
	height: 1120px;
	padding-top: 50px;
	margin-top: -50px;
}
#requestquoteformrow {
	margin: auto;
	width: 100%;
	max-width: 750px;
	padding: 0;
	font-family: 'Chantilly-Light','Futural-Medium',Arial;
	
}
.form-select {
	margin-bottom: 9px;

}
.optionstext {
	padding-left: 10px;
}
#magictypequestiondiv {
	margin-bottom: 10px;
}
.form-check {
	margin-left: 35px;
}

/*** RFQ Page Responsiveness ***/
@media (max-width: 860px){
 	#bookingheadercolumn {
		padding-bottom: 60px;
	}
}
@media (max-width: 767px){
	#requestintrorow {
		font-size: 18px;
		line-height: 125%;
		margin-top: 40px;
		min-width: 400px;
	}
	#requestintrocontainer {
		height: 320px;
	}
	#bookingoptionscontainer {
		height: 650px;
	}
	#bookingtypecolumns {
		height: 140px;
	}
	#bookingoptionsrow h1 {
		padding-bottom: 30px;
	}
	#bookingheadercolumn {
		padding-bottom: 30px;
	}
}

@media (max-width: 575px) {
	#requestintrocontainer {
		height: 450px;
	}
	#bookingoptionscontainer {
		height: 750px;
	}
	#bookingtypecolumns p {
		font-size: 18px;
	}
	#rfqcontainer {
		width: 100%;
		height: 1150px;
	}
}





/******************** INFORMATION REQUEST FORM ***********************/

#inforequestjumbo {
	background-image: url('https://ik.imagekit.io/u334coxhyy/Ketura2_3sScfftqlNP.webp');
	background-position: 20% 10%;
}


#informationformintro {
	height: 240px;
	width: 100%;
	background-color: #3A125A;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 40px;
}
#informationformintro p{
	max-width: 750px;
	font-size: 18px;
	font-family: 'Chantilly-Light','Futural-Medium',Arial;
	color: white;
	margin: auto;
	line-height: 120%;
}

@media (max-width: 767px){
	#informationformintro {
		height: 280px;
	}
}

@media (max-width: 575px) {
	#informationformintro {
		height: 310px;
		padding-top: 30px;
	}
}

#informationcontainer {
	padding-bottom: 25px;
}




/************************ thank you page ****************************/

#thankyoupage {
	background-image: url('https://ik.imagekit.io/u334coxhyy/Allen_He_thank_you_magician_QrpXDyiDTFE.webp');
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	position: relative;
	height: 800px;
}
#thankyoutext {
	max-width: 600px;
	margin: auto;
	padding-top: 400px;
	color: white;
	text-align: center;
}
#thankyoutext h2 {
	font-family: 'Philosopher','Futura-Medium', Arial;
	font-size: 35px;
	padding-bottom: 20px;

}
#thankyoutext p {
	font-family: 'Chantilly-Light','Futural-Medium',Arial;
	font-size: 18px;

}
#thankyoutext a {
	color: #f9b257; 
	transition: all .4s ease-in-out; 
}
#thankyoutext a:hover {
	color: #0029CF;
}

@media (max-width: 575px) {
	#thankyoupage {
		height: 660px;
	}
	#thankyoutext {
		padding-top: 250px;
		padding-left: 8px;
		padding-right: 8px;
    }
}




/******************** OOO *****************/

#OOONotification {
    background-color: #ff9179;
    max-width: 800px;
    font-size: 18px;
    margin: auto;
    margin-bottom: 20px;
    margin-top: -20px;
    padding: 20px;
    text-align: center;
}

@media (max-width: 575px) {
    #OOONotification {
        font-size: 18px;
        padding: 10px;
    }
}