@font-face {
    font-family: 'myriad_prolight';
    src: url('../fonts/myriadpro-light-webfont.woff2') format('woff2'),
         url('../fonts/myriadpro-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'myriad_proregular';
    src: url('../fonts/myriadpro-regular-webfont.woff2') format('woff2'),
         url('../fonts/myriadpro-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'myriad_prosemibold';
    src: url('../fonts/myriadpro-semibold-webfont.woff2') format('woff2'),
         url('../fonts/myriadpro-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
html{
	scroll-behavior: smooth;
}
.banner-saction {
	display: table-cell;
	width: 100vw;
	text-align: center;
	height: 100vh;
	vertical-align: middle;
	background-color: #f1f1f1;
	/*background: url(../images/bg-image.jpg);*/
	background-size: cover;
	background-position: 100%;
	background-repeat: no-repeat;
	position: relative;
}

.banner-saction .logo {
	text-align: center;
	display: inline-block;
	width: 100%;
	position: relative;
	z-index: 11;
}
.banner-saction p {
	text-align: center;
	width: 100%;
	color: #3e3e3e;
	display: inline-block;
	margin: 60px 0 0 0;
	font-family: 'Raleway', sans-serif; 
	font-size: 22px;
	position: relative;
	z-index: 11;
	font-weight: 300;
}
.email-box {
	display: inline-block;
	width: 100%;
	text-align: center;
	position: relative;
	z-index: 11;
	margin: 33px 0 0 0;
}
.input-email {
	display: inline-block;
	width: 295px;
	height: 57px;
}
.input-email input {
	width: 100%;
	height: 100%;
	background-color: #d8d8d8;
	border: none;
	padding: 0 10px 0 25px;
	border-radius: 10px 0 0 10px;
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
}
.send-email {
	display: inline-block;
	width: 312px;
	height: 57px;
}
.send-email button {
	width: 100%;
	height: 100%;
	border: 1px solid #f2ba57;
	background-color: #f9c56a;
	color: #4b4741;
	font-size: 21px;
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	padding: 0;
	position: relative;
	top: 1px;
	right: 5px;
}
#saction-one {
	display: inline-block;
	width: 100%;
	margin: 60px 0 40px;
}
#saction-one .container {
	max-width: 60%;
	border-bottom: 1px solid #dcdcdc;
}
.saction-one-left {
	display: inline-block;
	width: 100%;
}
.saction-one-left h2 {
	margin: 0;
	color: #3e3e3e;
	font-size: 26px;
	font-family: 'Raleway', sans-serif;
	width: 100%;
}
.saction-one-left h2 img {
	margin: 0 15px 0 0;
}
.saction-one-left p {
	margin: 0 0 33px 0;
	color: #181818;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	width: 100%;
	line-height: 26px;
}
.saction-one-left h2 {
	margin: 0 0 20px 0;
	color: #3e3e3e;
	font-size: 24px;
	font-family: 'Raleway', sans-serif;
	width: 100%;
}
.saction-one-right {
	display: inline-block;
	width: 100%;
}
.span a:hover {
	color: #f9de89 !important;
}
.saction-one-right h2 {
	color: #000;
	font-size: 26px;
	font-family: 'Raleway', sans-serif;
	width: 100%;
	display: inline-block;
	margin: 7px 0 0 0;
}
.saction-one-right a {
	display: inline-block;
	width: 100%;
	margin: 37px 0 0 0;
	color: #3e3e3e;
	font-size: 16px;
	font-family: 'Raleway', sans-serif;
}
.saction-one-right a img {
	margin: 0 10px 0 0;
}
.icon-foot-two {
	display: inline-block;
	width: 100%;
	margin: 48px 0 10px 0;
}
.icon-foot-two img {
	margin: 0 15px 0 0;
}
.saction-one-right ul {
	display: inline-block;
	width: 100%;
	margin: 40px 0 0 0;
}
.saction-one-right ul li {
	display: inline-block;
	width: auto;
	margin: 0 15px 0 0;
}
.saction-one-right ul li a {
	margin: 0 0 0 0;
}
.saction-one-right ul li a img {
	margin: 0;
}
.drop-down {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: -25px;
	z-index: 99;
}
.sign_up_msg {
    width: 20%;
    margin: 0 auto;
}
.send-email button:hover {
    background-color:#f9de89;
    border-color: #f7bd02;
}
.saction-one-right a:hover {
	color: #f7bd02;
}
#email:focus-visible {
	outline: none;
}
.copy-right {
	display: inline-block;
	width: 100%;
	text-align: center;
	margin: 0 0 15px 0;
}
.copy-right p {
	margin: 0 0 0 0;
	font-family:'Raleway', sans-serif;
	font-size: 16px;
	color: #666;
}
.copy-right p a {
	color: #000;
	text-decoration: underline;
}
.copy-right p a:hover {
	color: #f7bd02;
}

.banner-saction h2 {
	text-align: center;
	width: 100%;
	color: #8e4b16;
	margin: 50px 0 0 0;
	font-size: 42px;
	font-family: 'Bubblegum Sans', sans-serif;;
	font-weight: 700;
}

/*
.banner-saction h2 {
	text-align: center;
    margin: 50px 0 0 0;
    font-size: 42px;
    text-transform: uppercase;
    font-weight: 700;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: white;
    color: #8e4b16;
    display: inline-block;
    width: 100%;
}
*/
.span {
	display: inline-block;
	width: 100%;
	text-align: center;
	margin: 50px 0 0 0;
	color: #000;
	font-size: 19px;
	font-weight: 600;
	font-family: 'Raleway', sans-serif;
}
.span img {
	width: 38px;
	margin: 0 8px 0 0;
}
.span a {
	color: #f9c56a !important;
}






@media (max-width: 767px) {
.banner-saction .logo img {
	width: 80%;
}
.banner-saction h2 {
    font-size: 32px;
}
.banner-saction {
	display: table-cell;
	width: 100%;
	height: 100%;
	padding: 30px 0 80px;
}
.banner-saction::after {
	height: 100%;
}
.banner-saction p br {
	display: none;
}
.banner-saction p {
	margin: 30px 0 0 0 !important;
	font-size: 17px;
	line-height: 23px;
}
.input-email {
	width: 100%;
	height: 50px;
}
.send-email {
	width: 100%;
	height: 50px;
	margin: 13px 0 0 0;
}
.input-email input {
	border-radius: 10px;
	font-size: 16px;
}
.send-email button {
	font-size: 18px;
	right: 0;
	border-radius: 10px;
}
#saction-one .container {
	max-width: 100%;
}
.saction-one-left p br {
	display: none;
}
.saction-one-left p {
	margin: 0 0 20px 0;
	line-height: 26px;
	font-size: 16px;
}
.saction-one-right a {
	display: inline-block;
	width: 100%;
	margin: 10px 0 0 0;
}
.icon-foot-two {
	margin: 21px 0 10px 0;
}
.saction-one-right ul {
	margin: 15px 0 30px 0;
}
.saction-one-right ul li {
	width: 10%;
	margin: 0 3px 0 0;
}
.saction-one-right ul li a img {
	width: 100%;
}
#saction-one {
	margin: 60px 0 0;
}
.copy-right {
	text-align: center;
	margin: 0 0;
	padding: 12px 21px;
}
.saction-one-right h2 {
	color: #000;
	font-size: 20px;
}

}


@media (min-width: 768px) and (max-width: 1024px) {
.banner-saction {
	display: inline-block;
	padding: 40px 0 100px;
	height: 100%;
	width: 100%;
}	
.banner-saction::after {
	height: 100%;
}
.banner-saction .logo img {
	width: 35%;
}
.send-email button {
	top: 2px !important;
}
#saction-one .container {
	max-width: 100%;
}
.saction-one-left h2 {
	font-size: 20px;
}
.saction-one-left p br {
	display: none;
}
.saction-one-left p {
	margin: 0 0 23px 0;
	line-height: 24px;
	font-size: 16px;
}
.saction-one-right h2 {
	color: #000;
	font-size: 20px;
}
.icon-foot-two {
	margin: 20px 0 18px 0;
}
.saction-one-right ul {
	margin: 24px 0 0 0;
}
.saction-one-right ul li {
	display: inline-block;
	width: 11%;
	margin: 0 2px 0 0;
}
.saction-one-right ul li a img {
	width: 100%;
}
#saction-one {
	margin: 60px 0 30px;
}
	
	
}


@media only screen and (max-width: 1366px) {
   .banner-saction p {
    
    margin: 80px 0 0 0;
    
}
.send-email button {	
	top: 0px;
}
}