@charset "UTF-8";
/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	background-color:#FFF;
}

.noBreak {
	white-space:nowrap;
}

.mainContainer {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	text-align:center;
	line-height:0px;
	background-color:#aad9f3;
	overflow:hidden;
}

.topNav {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	display:inline-block;
	max-width:1440px;
	box-sizing:border-box;
	padding-left:85px;
	padding-right:85px;
	padding-top:45px;
	padding-bottom:35px;
}

.topNav .topLogo {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	display:inline-block;
	vertical-align:middle;
	text-align:left;
}

.topNav .topLogo img {
	width:339px;
}

.topNav h1 {
	margin:0px;
	padding:0px;
	display:inline-block;
	max-width:700px;
	box-sizing:border-box;
	text-align:center;
	vertical-align:middle;
	font-family: soleil, sans-serif;
	font-weight:700;
	font-size: 48px;
	line-height: 1.29;
	color: #145fa6;
	margin-top:39px;
	clear: both;
	width:95%;
	letter-spacing: 0.54px;
}



@media only screen and (max-width:1023px) {
	.topNav {
		display:inline-block;
		
		box-sizing:border-box;
		padding-left:35px;
		padding-right:35px;
		padding-bottom:0px;
	}
	
	.topNav .topLogo img {
		width:277px;
	}
	.topNav h1 {
		font-size:45px;
	}
	/*
	.topNav h1 {
		margin:0px;
		padding:0px;
		display:inline-block;
		box-sizing:border-box;
		padding-left:0px;
		padding-right:0px;
		font-size: 34px;
		line-height: 1.29;
		max-width:768px;
	}
	*/
}

@media only screen and (max-width:767px) {
	.topNav {
		padding-left:20px;
		padding-right:20px;
	}
	.topNav h1 {
		font-size: 30px;
		line-height: 1.29;
		max-width:600px;
	}
	.topNav .topLogo img {
		width:200px;
	}
	
}

.wave {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:126px;
	display:inline-block;
	background-image:url(img/top_wave.png);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:100% 100%;
}

@media only screen and (max-width:1440px) {
	.wave {
		height:60px;
		background-size:125% 100%;
	}
}

.emailSection {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	display:inline-block;
}

.emailSection .theIsland {
	position:absolute;
	right:0px;
	bottom:0px;
	width:auto;
	height:575px;
	display:inline-block;
}

@media only screen and (max-width:1023px) {
	.emailSection .theIsland {
		display:none;
	}
	.emailSection {
		background-image:none;
	}
}

.cardFormSectn {
	position:relative;
	left:0px;
	top:0px;
	width:95%;
	height:auto;
	max-width:1300px;
	display:inline-block;
	margin-top:30px;
	padding-bottom:170px;
}

.theCard {
	position:relative;
	left:0px;
	top:0px;
	width:60%;
	height:auto;
	
	
	display:inline-block;
	float:left;
	text-align:left;
	
	box-sizing:border-box;
	padding-bottom:30px;
	border-radius: 8px;
  box-shadow: 1px 2px 4px 0 rgba(0, 84, 122, 0.4);
  background-color: #FFF;
}

.theCard .theLogo {
	position:relative;
	left:0px;
	top:0px;
	width:130px;
	height:auto;
	display:inline-block;
	margin-left:70px;
}

.theCard .theRobot {
	position:absolute;
	right:18px;
	bottom:23px;
	width:200px;
	height:auto;
}

.cardTextCls {
	color: #145fa6;
    font-family: soleil, sans-serif;
	font-weight:100;
    font-size: 21px;
	line-height:1.4em;
	padding-top:38px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:25px;
	box-sizing:border-box;
	display:inline-block;
	
}

.cardTextCls .wideLimit {
	max-width:550px;
	display:inline-block;
}

.formSubmittedCls {
	 position: relative;
	left:0px;
	top:0px;
    width:90%;
	height:auto;
    font-family: sofia-pro, sans-serif;
    display:inline-block;
	font-size:27px;
	line-height:1.2em;
	font-weight:700;
	color:#e6792c !important;
	margin-top:10px;
	padding-bottom:10px;
}

.hidden{
	display:none;
}


.yourNameVal{
	border:none;
	background-color:transparent;
	color: #145fa6;
    font-family: SofiaProMedium;
    font-size: 18px;
    border-bottom:1px solid #145fa6;
}

.signatureCls{
	position:relative;
	top:14px;
}

.formSection{
  position:relative;
  text-align:left !important;
  left:0px;
  top:0px;
  width: 40%;
  height: auto;
  color: #145fa6;
  font-family: KGSecondChancesSolid;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  text-align: center;
  text-transform: none;
  text-decoration: none;
  letter-spacing: 0.5px;
  display:inline-block;
  max-width:450px;
  float:right;
  box-sizing:border-box;
  padding-right:0px;
  padding-left:15px;
}


.textBoxCls{
  width: 100%;
  height: 40px;
  color: #7fbee3;
  font-family: KGSecondChancesSolid;
  font-size: 16px;
  letter-spacing: 0.5px;
  margin-bottom:28px;
  border-radius: 6px;
  border: solid 2px #7fbee3;
  background-color: #ffffff;
}
#container .field {
  width: 100% !important;
  height: 40px !important;
  border: solid 2px #7fbee3 !important;
  background: #ffffff !important;
  color: #7fbee3 !important;
  font-family: sofia-pro, sans-serif !important;
  font-size: 16px !important;
  letter-spacing: 0.5px !important;
  margin-bottom:28px !important;
}
.labelCls{
  font-family: SofiaProMedium;
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  text-transform: none;
  text-decoration: none;
  letter-spacing: 0px;
  margin-top:0px;
  padding-top:0px;
}
#container .desc {
	font-family: sofia-pro, sans-serif !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-stretch: normal !important;
  font-weight: 500 !important;
  line-height: 22px !important;
  text-align: left !important;
  text-transform: none !important;
  text-decoration: none !important;
  letter-spacing: 0px !important;
  margin-top:0px !important;
  padding-top:0px !important;
}
#fo77licaptcha .desc {
}
.sendBtnCls{
  width: 180px;
  height: 40px;
  background: #b052c4;
  color: #ffffff;
  font-family: KGSecondChancesSolid;
  font-size: 22px;
  letter-spacing: 0.5px;
  border-radius: 5px;
  border: none;
}

.signature {
	font-weight:bold;
	position:relative;
	display:inline-block;
}

@media (max-width: 1120px) {
	.signature {
		max-width:250px !important;
	}
}

@media (max-width: 930px) { 
	.formSection{
		width:100%;
		max-width:none;
		
		float:none;
		margin-top:35px;
		padding-left:35px;
		padding-right:35px;
		padding-top:20px;
		padding-bottom:40px;
	}
	.theCard {
		width: calc(100% - 46px);
		max-width:none;
		float:none;
		margin-bottom:40px;
	}
	.cardFormSectn {
		width:100%;
		padding-bottom:0px;
	}
	.signature {
		width:100%;
	}
	
}

@media (max-width: 767px) {
	.cardTextCls {
		padding-left:20px;
		padding-right:20px;
		padding-bottom:60px;
		font-size:18px;
		line-height:24px;
	}
	.theCard {
		width: calc(100% - 46px);
		max-width:none;
		float:none;
	}
	.formSection{
		padding-left:23px;
		padding-right:23px;
	}
	.theCard .theLogo {
		margin-left:35px;
	}
	.theCard .theRobot {
		right:12px;
		width:177px;
	}
}



.tabDisplaySection {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	max-width:1440px;
	background-color:#FFF;
	display:inline-block;
	padding-bottom:70px;
}

.tabDisplaySection h2 {
	margin:0px;
	padding:0px;
	font-family: soleil, sans-serif;
	font-size: 38px;
	font-weight: 800;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.2;
	letter-spacing: 0.56px;
	text-align: center;
	color: #009de0;
	padding-left:35px;
	padding-right:35px;
	box-sizing:border-box;
	margin-top:65px;
}

.tabDisplaySection h3 {
	margin:0px;
	padding:0px;
	font-family: soleil, sans-serif;
	font-size: 28px;
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.2;
	letter-spacing: 0.56px;
	text-align: center;
	color: #5a6874;
	padding-left:35px;
	padding-right:35px;
	box-sizing:border-box;
	margin-top:35px;
}

.tabDisplaySection .tabItem {
	position:relative;
	left:0px;
	top:0px;
	width:33.333%;
	height:auto;
	display:inline-block;
	float:left;
	text-align:center;
	vertical-align:top;
}

.tabDisplaySection .tabItem .tabImage {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	display:inline-block;
	max-width:508px;
	margin-top:75px;
}

.tabDisplaySection .tabItem p {
	margin:0px;
	padding:0px;
	font-family: soleil, sans-serif;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.27;
	text-align: center;
	color: #3b3e40;
	display:inline-block;
	margin-top:7px;
}

@media (max-width: 930px) { 
	.tabDisplaySection .tabItem {
		width:50%;
	}
	.tabDisplaySection .tabItem p {
		font-size: 18px;
		line-height: 1.27;
	}
	.tabDisplaySection h2 {
		font-size: 34px;
		line-height: 1.2;
	}
	
	.tabDisplaySection h3 {
		font-size: 25px;
		line-height: 1.2;
	}
}

@media (max-width: 620px) { 
	.tabDisplaySection .tabItem {
		width:100%;
	}
}

.greySection {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	padding-top:65px;
	padding-bottom:70px;
	background-color: #f9f8f6;
}

.greySection .greySectionContent {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	max-width:1440px;
	display:inline-block;
	box-sizing:border-box;
	padding-left:65px;
	padding-right:65px;
}

.greySection .greySectionContent .Photo {
	position:relative;
	left:0px;
	top:0px;
	width:38%;
	height:auto;
	float:left;
	max-width:500px;
}

.greySection .greySectionContent h2 {
	margin:0px;
	padding:0px;
	position:relative;
	left:0px;
	top:0px;
	width:61%;
	height:auto;
	
	font-family: soleil, sans-serif;
	font-size: 34px;
	font-weight: 800;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.24;
	letter-spacing: 0.5px;
	text-align: center;
	color: #009de0;
	float:right;
	padding-left:50px;
	box-sizing:border-box;
}

.greySection .greySectionContent ul {
	width:61%;
	text-align:left;
	font-family: soleil, sans-serif;
	font-size: 20px;
  	font-weight: normal;
 	 font-style: normal;
  	font-stretch: normal;
  	line-height: 1.2;
  	letter-spacing: normal;
  	color: #3b3e40;
	float:right;
	box-sizing:border-box;
	list-style-image:url(img/check.svg);
	margin-top:30px;
}

.greySection .greySectionContent li {
	margin-left:50px;
}

.greySection .greySectionContent li span {
	position:relative;
	top:-10px;
}

@media (max-width: 930px) {
	.greySection .greySectionContent ul {
		
		display:inline-block;
		vertical-align:middle;
		font-size: 16px;
  		line-height: 1.2;
	}
	.greySection .greySectionContent li span {
		position:relative;
		top:-15px;
	}
	.greySection .greySectionContent .Photo {
		margin-top:75px;
		display:inline-block;
		vertical-align:middle;
	}
	.greySection .greySectionContent h2 {
		width:100%;
		padding-left:35px;
		padding-right:35px;
	}
	.greySection .greySectionContent {
		padding-left:35px;
		padding-right:35px;
	}
	.greySection {
		padding-top:35px;
		padding-bottom:35px;
	}
	.greySection .greySectionContent li {
		margin-left:25px;
	}
}

@media (max-width: 767px) {
	.greySection .greySectionContent .Photo {
		width:100%;
		float:none;
		margin-top:0px;
	}
	.greySection .greySectionContent ul {
		width:100%;
		float:left;
	}
	.greySection .greySectionContent li {
		margin-left:0px;
	}
	.greySection .greySectionContent h2 {
		padding-left:10px;
		padding-right:10px;
		font-size: 26px;
  		line-height: 1.2;
		letter-spacing:normal;
	}
}

.blueSection {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	box-sizing:border-box;
	padding-top:42px;
	background-color:#009de0;
	text-align:center;
	overflow:hidden;
}

.blueSection h2 {
	margin:0px;
	padding:0px;
	font-family: soleil, sans-serif;
	font-size: 38px;
	font-weight: 800;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.2;
	letter-spacing: 0.56px;
	text-align: center;
	color: #FFF;
	padding-left:35px;
	padding-right:35px;
	box-sizing:border-box;
}

.blueSection .authorSection {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	box-sizing:border-box;
	padding-top:42px;
	max-width:1200px;
	text-align:center;
	display:inline-block;
}

.blueSection .authorSection .kay-and-bubbles {
	position:absolute;
	left:0px;
	bottom:0px;
	width:43%;
	height:auto;
	display:inline-block;
	max-width:512px;
	float:left;
}

.blueSection .authorSection .quoteHolder {
	position:relative;
	left:0px;
	bottom:0px;
	width:100%;
	height:auto;
	display:inline-block;
	max-width:699px;
	float:right;
}

.blueSection .authorSection .quoteHolder .Oval {
	position:relative;
	left:0px;
	bottom:0px;
	width:100%;
	height:auto;
	display:inline-block;
}

.blueSection .authorSection .quoteHolder .Group-6 {
	position:absolute;
	left:11%;
	top:20px;
	width:96px;
	height:auto;
	display:inline-block;
}

.blueSection .authorSection .quoteHolder .Kay-Illustration {
	position:absolute;
	right:0px;
	bottom:0px;
	width:142px;
	height:auto;
	display:inline-block;
}

.blueSection .authorSection .quoteHolder p {
	margin:0px;
	padding:0px;
	position:absolute;
	left:50%;
	bottom:55px;
	width:60%;
	height:auto;
	display:inline-block;
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
	text-align:left;
	font-family: soleil, sans-serif;
	font-size: 23px;
	font-weight: 700;
	line-height: 1.43;
	color: #5a6874;
}

.blueSection .authorSection .quoteHolder p span {
	font-size: 16px;
	line-height: 1.75;
	color: #009de0;
}

@media (max-width: 930px) {
	.blueSection .authorSection .quoteHolder .Kay-Illustration {
		display:none;
	}
	
	.blueSection .authorSection .quoteHolder p {
		font-size: 20px;
		line-height: 1.43;
		left:60%;
	}
	
	.blueSection .authorSection .quoteHolder p span {
		font-size: 14px;
		line-height: 1.75;
	}
}

@media (max-width: 767px) {
	.blueSection .authorSection .kay-and-bubbles {
		position:relative;
		float:none;
		background-color:#FFF;
		max-width:420px;
		width:100%;
		padding-top:50px;
	}
	
	.blueSection .authorSection .quoteHolder {
		width:100%;
		float:none;
		max-width:420px;
	}
	.blueSection .authorSection .quoteHolder .Group-6 {
		left:0px;
		top:-70px;
		width:70px;
	}
	.blueSection .authorSection .quoteHolder p {
		position:relative;
		top:0px;
		z-index:100;
		left:0px;
		width:70%;
		-webkit-transform:none;
		-ms-transform:none;
		transform:none;
	}
	.blueSection .authorSection {
		background-color:#FFF;
		margin-top:40px;
	}
	.blueSection .authorSection .quoteHolder .Oval {
		display:none;
	}
}

/* video stuff */

.mediaSection {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	display:inline-block;
	padding-top:0px;
	padding-bottom:85px;
	text-align:center;
}

.videoWheel {
	position:relative;
	left:-15%;
	top:0px;
	width:130%;
	height:auto;
	display:inline-block;
	
	padding-top:25px;
}

.videoWheel .item {
	padding-left:40px;
	padding-top:25px;
	
	overflow:hidden;
	display:inline-block;
	width:93%;
	box-sizing:border-box;
	
	position:relative;
	left:0px;
	top:0px;
}

.videoWheel .theImage {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	display:inline-block;
}

@media (max-width: 930px) {
	.videoWheel {
		left:-40%;
		width:180%;
	}
}


#footer-corporate{
	display:block;
}

.brand {
	background: #fff;
}
.brand .container {
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}

.visible-xs {
	display: none;
}

#universal4o {
	margin-bottom:0px !important;
}

@media (max-width: 930px) { 
	
	#footer-corporate{
    	display:none;
    }
	
	 .visible-xs {
		display: block;
	}
	.visible-lg.visible-md {
      display: none;
     }
	 
}

.cloud {
	position:absolute;
	right:0px;
	top:0px;
  width: 382px;
  object-fit: contain;
}

.cloud_top {
	position:absolute;
	left:10%;
	top:0px;
  width: 80%;
  height: auto;
  object-fit: contain;
  display:none;
}

.cloud_left {
	position:absolute;
	left:60px;
	top:220px;
  width: 140px;
  height: auto;
  object-fit: contain;
}

.cloud_bottom {
	position:absolute;
	right:0px;
	bottom:0px;
  width: 422px;
  height: auto;
  object-fit: contain;
}

.Fox {
	position:absolute;
	right:194px;
	bottom:79px;
  width: 226px;
  height: 177px;
  object-fit: contain;
}

.owl {
	position:absolute;
	left:10%;
	top:157px;
  width: 174px;
  height: 129px;
  object-fit: contain;
}

@media (max-width: 1023px) {
	.owl {
		top:65px;
	}
}

@media (max-width: 1175px) {
	.cloud {
		width:235px;
	}
}

@media (max-width: 1055px) {
	.cloud_left {
		display:none;
	}
}

@media (max-width: 930px) {
	
	
	.cloud_top {
		display:block;
	}
	.Fox {
		right:20px;
		bottom:20px;
	}
	
}



@media (max-width: 767px) {
	.cloud_top {
		display:none;
	}
	.cloud {
		width:130px;
	}
}