@font-face {
  font-family: Verdana;
  src: url("../fonts/Verdana-1.ttf") format("truetype");
  font-style: normal;
}
body{
	background: url("../images/back-opacity.png") center/80% no-repeat, #ebebeb;
	font-family: Verdana, sans-serif;
}
header{
	margin-top: 70px;
}
.logo img{max-height: 42px;}

ul#main-menu{margin: 0;padding: 0;list-style-type: none;display: flex;align-items: center;height: 42px;width: 100%;margin-left: 45px;}
ul#main-menu li{float: left;text-align: center;width: calc(100% / 3);background: url("../images/back-menu.png") center/100% no-repeat;padding-top: 5px;padding-bottom: 5px;margin-right: -15px;}
ul#main-menu li a{color: #fff;text-decoration: none;text-transform: uppercase;font-weight: 600;display: inline-block;width: calc(100% - 20px);}
ul#main-menu li:hover{background: url("../images/back-menu-hover.png") center/100% no-repeat;}
ul#main-menu li.active{background: url("../images/back-menu-hover.png") center/100% no-repeat;}
ul#main-menu li a:hover{background: url("../images/back-menu-hover.png") center/100% no-repeat;}

.language{display: flex;align-items: center;height: 42px;justify-content: flex-end;}
.language ul{margin: 0;padding: 0;list-style-type: none;}
.language ul li{float: left;margin-right: 5px;}
.language ul li img{max-width: 35px;height: 25px;width: auto;}

.home-description-1{text-align: center;}
.home-description-1 h2{font-weight: 600;text-transform: uppercase;}
.home-description-1 h3{font-weight: 600;text-transform: uppercase;}
.home-description-2{text-align: center;color: #1a3668;}

h2,h3{color: #1a3668;}

.wid-percent-30{width: 30%;margin-left: 35%;margin-right: 35%;}
.wid-percent-45{width: 45%;margin-left: 27.5%;margin-right: 27.5%;}
.wid-percent-50{width: 50%;margin-left: 25%;margin-right: 25%;}
.wid-percent-60{width: 60%;margin-left: 20%;margin-right: 20%;}
.wid-percent-70{width: 70%;margin-left: 15%;margin-right: 15%;}
.wid-percent-80{width: 80%;margin-left: 10%;margin-right: 10%;}
.wid-percent-90{width: 90%;margin-left: 5%;margin-right: 5%;}

.pad-top-10{padding-top: 10px;}
.pad-top-20{padding-top: 20px;}
.pad-top-30{padding-top: 30px;}
.pad-top-40{padding-top: 40px;}
.pad-top-50{padding-top: 50px;}
.pad-top-60{padding-top: 60px;}
.pad-top-70{padding-top: 70px;}
.pad-top-80{padding-top: 80px;}
.pad-top-90{padding-top: 90px;}
.pad-top-100{padding-top: 100px;}

.pad-bottom-10{padding-bottom: 10px;}
.pad-bottom-20{padding-bottom: 20px;}
.pad-bottom-30{padding-bottom: 30px;}
.pad-bottom-40{padding-bottom: 40px;}
.pad-bottom-50{padding-bottom: 50px;}
.pad-bottom-60{padding-bottom: 60px;}
.pad-bottom-70{padding-bottom: 70px;}
.pad-bottom-80{padding-bottom: 80px;}
.pad-bottom-90{padding-bottom: 90px;}
.pad-bottom-100{padding-bottom: 100px;}

.mar-top-10{margin-top: 10px;}
.mar-top-20{margin-top: 20px;}
.mar-top-30{margin-top: 30px;}
.mar-top-40{margin-top: 40px;}
.mar-top-50{margin-top: 50px;}
.mar-top-60{margin-top: 60px;}
.mar-top-70{margin-top: 70px;}
.mar-top-80{margin-top: 80px;}
.mar-top-90{margin-top: 90px;}
.mar-top-100{margin-top: 100px;}

.mar-bottom-10{margin-bottom: 10px;}
.mar-bottom-20{margin-bottom: 20px;}
.mar-bottom-30{margin-bottom: 30px;}
.mar-bottom-40{margin-bottom: 40px;}
.mar-bottom-50{margin-bottom: 50px;}
.mar-bottom-60{margin-bottom: 60px;}
.mar-bottom-70{margin-bottom: 70px;}
.mar-bottom-80{margin-bottom: 80px;}
.mar-bottom-90{margin-bottom: 90px;}
.mar-bottom-100{margin-bottom: 100px;}

.info{}
.info .info-item{}
.info .info-item span{display: block;width: 100%;display: flex;justify-content: center;text-align: center;}

.action-btn{display: inline-flex;}
.action-btn-item{display: inline-block;width: calc(50% - 10px);float: left;padding-top: 5px;padding-bottom: 5px;}
.action-btn-item:nth-child(2n+1){margin-right: 10px;position: relative;background: url("../images/prev.png") center/100% no-repeat;}
.action-btn-item:nth-child(2n+1):hover{background: url("../images/prev-hover.png") center/100% no-repeat;}
.action-btn-item:nth-child(2n+2){margin-left: 10px;position: relative;background: url("../images/next.png") center/100% no-repeat;}
.action-btn-item:nth-child(2n+2):hover{background: url("../images/next-hover.png") center/100% no-repeat;}
.action-btn-item a{color: #fff;text-align: center;display: inline-block;width: 100%;text-decoration: none;font-weight: 600;}

.location-listing{}
.location-listing-item{text-align: center;}
.location-listing-item-name{}
.location-listing-item-name a{color: #1a3668;text-transform: uppercase;font-weight: 600;text-decoration: underline;}
.location-listing-item-addr{margin-top: 10px;margin-bottom: 40px;}
.location-listing-item-addr p{line-height: 1;margin-bottom: 5px;}

.how-to-do{display: flex;}
.how-to-do-item{width: calc(100% / 5);float: left;display: flex;align-items: center;justify-content: center;}

.start-btn{width: 100%;display: flex;align-items: center;justify-content: center;position: relative;}
.start-btn a{display: inline-block;padding: 5px 20px;background: #f93348;position: relative;z-index: 5;border-radius: 25px;-webkit-border-radius: 25px;-moz-border-radius: 25px;color: #fff;font-weight: 600;text-transform: uppercase;text-decoration: none;}
.start-btn a:hover{background: #fff;color: #f93348;}
.start-btn span.line{width: 100%;background: #f93348;height: 7px;position: absolute;border-radius: 25px;-webkit-border-radius: 25px;-moz-border-radius: 25px;}

#progress{position: relative;display: flex;width: 100%;align-items: center;}
#progress #progress-bar{width: 100%;position: absolute;left: 0;bottom: 0;background: #fff;border: 1px solid #f93348;height: 7px;border-radius: 25px;-webkit-border-radius: 25px;-moz-border-radius: 25px;}
.ui-progressbar .ui-progressbar-value{margin: 0;}
.ui-widget-header{border: 0;background: #f93348;}
#progress > span{width: 3px;background: #f93348;height: 7px;position: relative;bottom: 0;display: inline-block;}
#progress > span:nth-child(7n+2){left: calc(100% / 6 * 1 - 6px);}
#progress > span:nth-child(7n+3){left: calc(100% / 6 * 2 - 6px);}
#progress > span:nth-child(7n+4){left: calc(100% / 6 * 3 - 6px);}
#progress > span:nth-child(7n+5){left: calc(100% / 6 * 4 - 6px);}
#progress > span:nth-child(7n+6){left: calc(100% / 6 * 5 - 6px);}
#progress a.next{display: none;padding: 5px 20px;background: #f93348;position: relative;z-index: 5;border-radius: 25px;-webkit-border-radius: 25px;-moz-border-radius: 25px;color: #fff;font-weight: 600;text-transform: uppercase;text-decoration: none;position: absolute;right: 0;}
#progress a.next:hover{background: #fff;color: #f93348;}
#progress a.next.show{display: inline-block !important;}
#progress a.prev{display: none;padding: 5px 20px;background: #f93348;position: relative;z-index: 5;border-radius: 25px;-webkit-border-radius: 25px;-moz-border-radius: 25px;color: #fff;font-weight: 600;text-transform: uppercase;text-decoration: none;position: absolute;left: 0;}
#progress a.prev:hover{background: #fff;color: #f93348;}
#progress a.prev.show{display: inline-block !important;}

.contact-description-1{text-align: center;}

#contact-form{text-align: center;}
#contact-form select{-webkit-appearance: none;}
#contact-form input,
#contact-form select{
	width: 100%;
	height: 30px;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	padding: 5px 15px;
	border: 1px solid #444;
	outline: 0;
	margin-bottom: 30px;
}
#contact-form input[type="submit"]{
	max-width: 150px;
	background: #f93348;
	border: 0;
	color: #fff;
}
#contact-form input[type="submit"]:hover{
	color: #f93348;
	background: #fff;
}

.congrat-text{text-align: center;}
.congrat-text h2{font-size: 6rem;color: #f93348;}
.congrat-text h3{}

.number-question-listing{text-align: center;}
.number-question-listing a{display: inline-flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;background: #fff;border: 1px solid #f93348;font-size: 1.6rem;color: #f93348;margin: 0 20px;text-decoration: none;}
.number-question-listing a.active{color: #fff;background: #f93348;border: 1px solid #fff;}
.number-question-listing a:hover{color: #fff;background: #f93348;border: 1px solid #fff;}

.question-content{position: relative;}
.question-content .img-text{background: url("../images/text-border.png") center/100% no-repeat;padding: 5% 7% 7%;display: inline-block;font-size: 2rem;color: #fff;position: absolute;top: 20%;left: 50%;max-width: 35%;}
.question-content .img-text .loa-icon{max-width: 20px;}

.question-slide{overflow: hidden;height: calc(100vh / 3 * 2);}
.question-slide-item{position: absolute;visibility: hidden;opacity: 0;transition: opacity 0.725s ease-in-out;-webkit-transition: opacity 0.725s ease-in-out;-moz-transition: opacity 0.725s ease-in-out;left: -100%;top: 0;width: 100%;height: 100%;}
.question-slide-item.active{position: relative;visibility: visible;opacity: 1;left: 0;}

.control-bar{position: absolute;left: 25%;bottom: 45px;margin-left: auto;margin-right: auto;}
.control-bar .control-btn{display: flex;align-items: center;justify-content: center;position: relative;z-index: 10;bottom: 15px;}
.control-bar .control-btn > div{display: inline-block;width: calc(100% / 6);text-align: center;}
.control-bar .control-btn .control-btn-prev img{max-width: 50px;float: right;}
.control-bar .control-btn .control-btn-next img{max-width: 50px;float: left;}
.control-bar .control-btn .control-btn-mic img{max-width: 70px;margin-left: 20px;}
.control-bar .control-btn .control-btn-play img{max-width: 60px;margin-right: 20px;}
.control-bar .control-back{height: 25px;width: 70%;position: absolute;left: 15%;bottom: 24px;background: #ebebeb;z-index: 9;display: inline-block;border-radius: 15px 15px 0 0;-webkit-border-radius: 15px 15px 0 0;-moz-border-radius: 15px 15px 0 0;}

.control-bar .control-btn .control-btn-mic{overflow: hidden;}
.control-bar .control-btn .control-btn-mic a{position: relative;transition: top 1s ease;-webkit-transition: top 1s ease;-moz-transition: top 1s ease;display: inline-block;}
.control-bar .control-btn .control-btn-mic a:nth-child(2n+1){}
.control-bar .control-btn .control-btn-mic a:nth-child(2n+2){display: none;visibility: hidden;top: -100%;}
.control-bar .control-btn .control-btn-mic.active a:nth-child(2n+1){display: none;visibility: hidden;top: -100%;}
.control-bar .control-btn .control-btn-mic.active a:nth-child(2n+2){display: block;visibility: visible;top: 0;}
.control-bar .control-btn .control-btn-play{overflow: hidden;}
.control-bar .control-btn .control-btn-play a{position: relative;transition: top 1s ease;-webkit-transition: top 1s ease;-moz-transition: top 1s ease;display: inline-block;}
.control-bar .control-btn .control-btn-play a:nth-child(2n+1){}
.control-bar .control-btn .control-btn-play a:nth-child(2n+2){display: none;visibility: hidden;top: -100%;}
.control-bar .control-btn .control-btn-play.active a:nth-child(2n+1){display: none;visibility: hidden;top: -100%;}
.control-bar .control-btn .control-btn-play.active a:nth-child(2n+2){display: block;visibility: visible;top: 0;}

#contact-congrat{position: fixed;width: 100%;height: 100vh;top: 0;left: 0;display: flex;justify-content: center;align-items: center;z-index: 10;display: none;}
#contact-congrat .wrap{width: 40%;background: #fff;text-align: center;padding: 20px;border-radius: 15px;-webkit-border-radius: 15px;-moz-border-radius: 15px;position: relative;}
#contact-congrat .wrap img{max-width: 60px;}
#contact-congrat .wrap .close{position: absolute;top: -10px;right: -9px;width: 20px;height: 20px;}
#contact-congrat .wrap .close img{width: 100%;}

#contact-congrat.show{display: flex !important;}

#play-fix {position: absolute;z-index: 10;right: 10px;top: 10px;width: 30px;height: 30px;cursor: pointer;}