/* =Import Required styles
========================================================================================*/
@import url(normalize.css);
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');

/* =Box Sizing 
========================================================================================*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], textarea, select, input[type="button"], input[type="submit"], button { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;  }


/* =Import Fonts
========================================================================================*/
@font-face {
    font-family: 'FONTSPRING DEMO - Whiskey Sour';
    src: url('../fonts/FONTSPRINGDEMO-WhiskeySourBold.eot');
    src: url('../fonts/FONTSPRINGDEMO-WhiskeySourBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FONTSPRINGDEMO-WhiskeySourBold.woff2') format('woff2'),
        url('../fonts/FONTSPRINGDEMO-WhiskeySourBold.woff') format('woff'),
        url('../fonts/FONTSPRINGDEMO-WhiskeySourBold.ttf') format('truetype'),
        url('../fonts/FONTSPRINGDEMO-WhiskeySourBold.svg#FONTSPRINGDEMO-WhiskeySourBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/* =Deafult Tag & General Classes
========================================================================================*/
html, body { -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; -ms-font-smoothing:antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust:100%; }
body { position: relative; background-color: #E7FFFF; font:17px/1.65 'Montserrat', Arial, Helvetica, sans-serif; color:#000000; min-height: 100vh; z-index: 1; font-weight: 500; }
body:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #E7FFFF url(../images/party-bg.png) no-repeat center center / cover; width: 100%; height: 100%; opacity: 0.1; z-index: -1; }
img { vertical-align:top; border:0; }
a, input[type="button"], input[type="submit"], button, table th, table td { -moz-transition:background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -o-transition:background-color 0.2s ease-in, color 0.2s ease-in; -ms-transition:background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:background-color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000), color 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); }
.allanim, .footercontent .socialicon { -moz-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -webkit-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -o-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); -ms-transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); transition:all 550ms cubic-bezier(0.450, 1.000, 0.320, 1.000); }
a { color:#f34834; text-decoration:none;}
a:hover { text-decoration:underline; }
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
	a:active{ background-color:transparent;}
}
strong { font-weight:bold; }
small, .small { font-size: 85%; }
sub, sup { font-size:80% }
p { margin:0 0 20px 0; }
h1,h2, h3, h4, h5, h6 { font-family: 'Montserrat', sans-serif; line-height:1.5; margin: 0; }
h1,h2 { font-size:44px; }
h3 { font-size:26px; }
h4 { font-size:30px; }
h5 { font-size:24px; }
h6 { font-size:16px; }

ul li { line-height:24px; }

.d-flex { display: flex; flex-wrap: wrap; }
.align-items-center { align-items: center; }
.justify-content-center { justify-content: center; }
.justify-content-between { justify-content: space-between; }

figure { margin: 0; }

.cols { margin: 0 -10px; }
.cols .col { padding: 0 10px; }
.cols2 .col { flex:0 0 50%; max-width: 50%; width: 100%; }

#wrapper { position: relative; min-height: 800px; height: 100vh; }
.bodycontent { height: 100%; }

/* =Form Style
========================================================================================*/
label { display: block; line-height: 1; margin: 0 0 7px; font-weight: 600; text-transform: uppercase; font-size: 16px; }
.inputgroup { margin-bottom: 25px; }
#contactform > .inputgroup:last-child { margin-bottom: 0; }
button, input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], textarea, select, input[type="submit"], input[type="button"] { font-size:100%; margin:0; vertical-align:baseline; }
button, input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], textarea, input[type="submit"], input[type="button"] { -webkit-appearance:none; appearance:none; -webkit-border-radius:0;  border-radius:0; }
button, input { line-height:normal; }
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], textarea, select { background:#F2D7C2; padding:4px 18px; height:56px; line-height:1.55; border:solid 1px #000000; color:#000000; width:100%; font-family:'Montserrat', Arial, Helvetica, sans-serif; -moz-transition:border-color 200ms  ease-in; -webkit-transition:border-color 200ms ease-in; transition:border-color 200ms ease-in; border-radius: 8px; font-weight: 600; }
input[type="text"].input-lg, input[type="password"].input-lg, input[type="email"].input-lg, input[type="tel"].input-lg, input[type="search"].input-lg, input[type="url"].input-lg { height:58px; }
input[type="text"].input-sm, input[type="password"].input-sm, input[type="email"].input-sm, input[type="tel"].input-sm, input[type="search"].input-sm, input[type="url"].input-sm { height:38px; }
textarea { width:100%; height:160px; overflow:auto; resize:vertical; padding:10px 15px;  font-family:'Montserrat', Arial, Helvetica, sans-serif; }
select { height:auto; padding:12px 42px 12px 12px; font-size:14px; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; appearance:none; position:relative; z-index:1; background:none; line-height:1.25; border-radius:0; }
select::-ms-expand { display:none; }
.custom-select { display:block; margin:0; position:relative; background:#fff; }
.custom-select:before { position:absolute; right:1px; top:1px; width:48px; background:#fff; content:''; height:48px; }
.custom-select:after { content:''; border-top:solid 6px #848690; border-right:solid 6px transparent; border-left:solid 6px transparent; position:absolute; right:18px; top:50%; margin-top:-3px; }
.ie select { padding-right:0; }
.ie .custom-select:before { z-index:2; height:40px; }
.ie .custom-select:after { z-index:3; }
.ie input[type="text"], .ie input[type="password"], .ie input[type="email"], .ie input[type="tel"], .ie input[type="search"], .ie input[type="url"], .ie select { line-height:32px; }

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="search"]:focus, input[type="url"]:focus, textarea:focus, select:focus { border:solid 1px #acacac;  }
input::-moz-focus-inner, button::-moz-focus-inner {border:0; padding:0;}
input[type="button"], input[type="submit"], button { background:#7DD7E3; color:#000; border:#000 solid 1px; border-radius: 8px; cursor:pointer; padding:19px 20px; vertical-align:middle; text-decoration:none; text-transform:uppercase; font-size:16px; line-height:1.25; font-family:'Montserrat', Arial, Helvetica, sans-serif; font-weight:bold;  }
input[type="button"]:hover, input[type="submit"]:hover, button:hover { background:#000; color:#fff; }
input[type="checkbox"], input[type="radio"] { margin:4px 8px 0 ; vertical-align:top;  }

::-webkit-input-placeholder { opacity:1; }
::-moz-placeholder { opacity:1; }
:-ms-input-placeholder { opacity:1; }
:-moz-placeholder { opacity:1; }

.checkbox, .radio { position: relative; float: left; margin-right: 20px; }
.form-block .form-group .checkbox label, .form-block .form-group .radio label { padding: 0; padding-left: 26px; display: block; line-height: 1.1; }
.checkbox input, .radio input { top: 0; left: 0; z-index: 1; cursor: pointer; opacity: 0; position: absolute; }
.checkbox input:checked + .input-helper:before, .radio input:checked + .input-helper:before { border-color: #117b3c; }
.checkbox input:disabled + .input-helper:before, .radio input:disabled + .input-helper:before { opacity: 0.35; }
.checkbox .input-helper:before, .radio .input-helper:before, .checkbox .input-helper:after, .radio .input-helper:after { position: absolute; content: ""; transition: all 200ms; }
.checkbox .input-helper:before, .radio .input-helper:before { left: 0; border: 1px solid #7a7a7a; }
.checkbox input { width: 18px; height: 18px; margin: 0; }
.checkbox input:checked + .input-helper:before { background-color: #117b3c; }
.checkbox input:checked + .input-helper:before { background-color: #117b3c; }
.checkbox input:checked + .input-helper:after { transform: scale(1); opacity: 1; }
.checkbox .input-helper:before { top: 0; width: 18px; height: 18px; border-radius: 2px; color: #fff; }
.checkbox .input-helper:after { content: '\2713'; font-size: 13px; left: 2px; top: 1px; font-weight: 600; color: #fff; transform: scale(0); opacity: 0; }
.radio input { width: 18px; height: 18px; margin: 0; }
.radio input:checked + .input-helper:after { transform: scale(1); }
.radio .input-helper:before { top: 0; width: 18px; height: 18px; border-radius: 50%; }
.radio .input-helper:after { width: 8px; height: 8px; background: #117b3c; border-radius: 50%; top: 5px; left: 5px; transform: scale(0); }

/* =Home Style
========================================================================================*/
.marqueetoptitle { padding: 14px 0; display: flex; align-items: center; justify-content: flex-start; overflow: hidden; }  
.marqueetoptitle span{ font-family: 'FONTSPRING DEMO - Whiskey Sour'; line-height: 1; text-transform: uppercase; transform: translateX(0); white-space: nowrap; animation: marqueetoptitle 24s linear infinite; font-size: 6vw; font-weight: 900; color: #000; will-change: transform; }  
@keyframes marqueetoptitle {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-100%);
	}
}

.ooocontentleft .maintoptitle { display: none; font-family: 'FONTSPRING DEMO - Whiskey Sour'; line-height: 1; text-transform: uppercase; font-size: 4vw; font-weight: 900; color: #000; margin-bottom: 30px; }

.ooocontentwrapper, .footercontent { padding: 0 60px; }
.ooocontentleft { flex:0 0 60%; max-width: 60%; width: 100%; padding-right: 8vw; }
.ooocontentright { flex:0 0 40%; max-width: 40%; width: 100%; }
.ooocontentlisting { list-style: none; margin: 0; padding: 0; }
.ooocontentlisting li { position: relative; padding: 0 0 0 50px; margin-bottom: 30px; }
.ooocontentlisting li:last-child { margin-bottom: 0; }
.ooocontentlisting li:before { content: ''; position: absolute; top: 3px; left: 0; background: url(../images/staricon.svg) no-repeat 0 0 / cover; width: 36px; height: 36px; }
.ooocontentlisting li h3 { margin: 0 0 8px; }
.ooocontentlisting li p { margin-bottom: 0; }

.formtopheader { margin: 0 auto 25px; }
.profileimg { position: relative; max-width: 95px; z-index: 1; }
.profileimg img { max-width: 100%; width: 100%; height: auto; }
.profileimg:before { content: ''; position: absolute; bottom: 0; right: 0; background: url(../images/onlineiconcheck.svg) no-repeat 0 0 / cover; width: 30px; height: 30px; z-index: 1; }
.profileinfo { padding-left: 30px; }
.profileinfo h3 { text-transform: uppercase; margin: 0; line-height: 1; }
.profileinfo .currentstatus { display: block; color: #9C9C9C; text-transform: capitalize; }
.contactformwrapper { background-color: #fff; border: #000 solid 2px; border-radius: 20px; padding: 16px 30px 24px; }
span.error { font-size: 13px; color: #f00; display: block; line-height: 1.2; margin: 3px 0 0; }
.submitbtn input[type="submit"] { display: block; width: 100%; }
.successmsg { display: block; background-color: #d1f3d9; border: #b9ddc1 solid 1px; border-radius: 6px; padding: 14px 16px; margin-top: 20px; color: #155724; }

.footercontent { background-color: #7DD7E3; padding-top: 20px; padding-bottom: 20px; }
.footercontent p { margin-bottom: 0; }
.footercontent .socialicon { opacity: 0.7; }

.footercontent a { color: #000; text-decoration: underline; }