body{
	background-color:#E6E7EC;
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	color:#58585B;
}

header{
	background-image:url(../images/headerbackground.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:cover;
	padding-bottom:38px;
}
header h2{
	font-weight:600;
	color:#416733;
	font-size:23px;
	margin-top:71px;
	margin-bottom:45px;
}
header h2 span{
	color:#C90011;
}
header h1 {
	margin-top:0px;
	margin-bottom:41px;
	font-weight:600;
	color:#132154;
	line-height:150%;
	font-size:30px;
}
header h1 span{
	color:#416733;
}
.container-blue{
	background-color:#132056;
}
.container-blue h3{
	color:#FFF;
	font-size:21px;
	font-weight:bold;
	line-height:140%;
	margin-top:29px;
	margin-bottom:29px;
}
.btn-optin{
	width:100%;
	background-color:#82BB36;
	font-weight:600;
	color:#FFF;
	font-size:30px;
	max-width:610px;
	font-family: 'Open Sans', sans-serif;
	border:none;
	padding:30px auto 40px auto;
}
.button-greengradient{
	font-family: 'Roboto', sans-serif;
	color: #FFF;
	font-size: 30px;
    font-weight: 600;
	padding: 13px 16px;
	text-shadow: -1px -1px 0 rgba(0,0,0,.2);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#57b200+0,85c55c+49,57ad1d+50,57ad1d+100 */
	background: rgb(87,178,0); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(87,178,0,1) 0%, rgba(133,197,92,1) 49%, rgba(87,173,29,1) 50%, rgba(87,173,29,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(87,178,0,1) 0%,rgba(133,197,92,1) 49%,rgba(87,173,29,1) 50%,rgba(87,173,29,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(87,178,0,1) 0%,rgba(133,197,92,1) 49%,rgba(87,173,29,1) 50%,rgba(87,173,29,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57b200', endColorstr='#57ad1d',GradientType=0 ); /* IE6-9 */
	border:none;
}
.button-greengradient:hover{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffb100+0,ffbc51+49,ff9000+50,ff9000+100 */
	background: rgb(255,177,0); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,177,0,1) 0%, rgba(255,188,81,1) 49%, rgba(255,144,0,1) 50%, rgba(255,144,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,177,0,1) 0%,rgba(255,188,81,1) 49%,rgba(255,144,0,1) 50%,rgba(255,144,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,177,0,1) 0%,rgba(255,188,81,1) 49%,rgba(255,144,0,1) 50%,rgba(255,144,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb100', endColorstr='#ff9000',GradientType=0 ); /* IE6-9 */
	box-shadow: 0 0 30px rgba(255,138,0,0.4);
}
.greengradient{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#55ad19+0,82bb36+100 */
	background: #55ad19; /* Old browsers */
	background: -moz-linear-gradient(top, #55ad19 0%, #82bb36 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #55ad19 0%,#82bb36 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #55ad19 0%,#82bb36 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55ad19', endColorstr='#82bb36',GradientType=0 ); /* IE6-9 */
}
.greengradient:hover{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffae00+0,ff9000+100 */
	background: #ffae00; /* Old browsers */
	background: -moz-linear-gradient(top, #ffae00 0%, #ff9000 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffae00 0%,#ff9000 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffae00 0%,#ff9000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffae00', endColorstr='#ff9000',GradientType=0 ); /* IE6-9 */
}
.row-equal-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.container-content,
.container-content-bottom .container{
	max-width:960px;
}
.container-content [class^="col-"] {
	background-color:#FFF;
}
.container-content [class^="col-"] h3 {
	font-size: 20px;
    font-weight: 700;
    color: #1A1A1B;
	text-align:center;
}
.container-content [class^="col-"] ul li {
	background-image:url(../images/check.jpg);
	background-repeat:no-repeat;
	background-size:23px 21px;
	background-position:left 19px;
	padding: 12px 10px 12px 35px;
	color:#1A1A1B;
}
.container-content [class^="col-"]:first-of-type{
	margin-right:15px;
	padding-top:15px;
	padding-bottom:15px;
}
.container-content [class^="col-"]:nth-of-type(2) {
	color: #58585B;
    font-size: 15px;
    font-weight: 700;	
	padding-top:18px;
}
.container-content [class^="col-"]:nth-of-type(2) p{
	color: #929293;
}
h4{
	font-size: 18px;
	margin:25px 0px 5px 0px;
	font-weight:700;
}
h5{
	color: #58585B;
    font-size: 15px;
    font-weight: 700;
	margin-top:0px;
	margin-bottom:15px;
	line-height:143%;
}
.container-content-bottom {
	background-color:#FFF;
	margin-top:1em;	
	padding-bottom:80px;
}
.row-no-padding > [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.panel{
	color:#535759;
	font-size:16px;
	margin-top:30px;
	margin-bottom:30px;
}
.panel .panel-body{
	background-color:#EAEEF1;
	margin:3px;
	padding: 15px 45px;
}
.row-ubbslogo{
	margin-top:20px;
}

/* Webinar Optin */
#webinar{
	color:#333;
}
#webinar label{
	font-weight:normal;
}
#webinar .close{
	border:1px solid #000;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	height:25px;
	width:25px;
	opacity:1;
	margin-top:-12px;
	margin-right:-12px;
}
#webinar h3{
	font-size:24.57px;
	margin-top:0px;
	font-weight:700;
}
#webinar h4{
	font-family:'Oswald', sans-serif;
	color:#de2027;
	font-weight:700;
    font-size:31.5px;
	margin-top:20px;
}
#webinar .modal-header{
	border-bottom:0px;
	padding-bottom:0px;
}
#webinar .modal-body{
	padding:0px 50px 30px 50px;
}
#webinar .modal-content{
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
}
#webinar .webinar_time{
	background-image:url(../images/red-arrow.jpg);
	background-repeat: no-repeat;
   	background-position: 55px 2px;
    background-size: 70px 40px;
}
#webinar .webinar_date{
	background-image:url(../images/red-arrow.jpg);
	background-repeat: no-repeat;
    background-position: 55px 2px;
    background-size: 70px 40px;
}
#webinar .webinar_time,
#webinar .webinar_date,
#webinar .webinar_firstname,
#webinar .webinar_email{
	padding-bottom:10px;
}
#webinar .webinar_firstname .form-control,
#webinar .webinar_email .form-control,
#webinar .webinar_smsnumber .form-control{
    border:5px solid #0da1e9;
    font-size:18px;
    height:44px;
}
#webinar .webinar_time .form-control,
#webinar .webinar_date .form-control
{
	width:auto;
	display:inline;
}
#webinar .webinar_sms label{
	font-size:14px;
}
#webinar .webinar_sms p{
	font-size:12px;
	font-weight:700;
}
#webinar .row-sms{
	display:none;
}
#webinar .row-sms p{
	font-size:12px;
	padding:3px 0px;
}
#webinar .checkbox{
	margin-top:0px;
	margin-bottom:0px;
}
.webinar_privacy{
 	font-family:Verdana, Geneva, sans-serif;
 	font-size:12px;
	padding-top:20px;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAASCAYAAACAa1QyAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAVdEVYdENyZWF0aW9uIFRpbWUAMi8yNC8xNRIjMpoAAAEvSURBVCiRhdI5SgRREMbxX7fbuICBwgQiLmAunsFcEDyARg2CBt7AyMRAUJgzGKo38AKaGQkGBg0qKgijwrSB1To+t0rq1Vf173qvqjOJlYVZbGEeZ9httlzW+aqqZAkwhT2M4xZjuMFms+WqhvKk0RomsYOV8JOhf1hvAi3gvNlyEvFJWVgO/cPSTj14SbSX0H+Fqh+0PPQ/oU6idVKoF8rCBPrjI42yMN1V00BeFmbiqtdZWdjAEobxhCwKa2tHpzp/nJWFU7zGNb7s7Zf39ufRsuoCKvRhNHz9nizOz+kgROEFtsP3pQU/QSM4bLYc4TDif6E2FuO8GPG/0Cvm4jwX8TcoBTsYKAvr3kefLjvPcRdB1QUNYRWDXVCdv89xgEefP2U92gdfV9ETdftvv9xSa4Ba2Q8AAAAASUVORK5CYII=');
	background-repeat: no-repeat;
	background-position: 110px 28px;
}
#webinar .webinar_privacy a{
	text-decoration:underline;
}
#webinar .btn-blue{
	background-color:#0da1e9;
	color:#FFF;
	font-size:18px;
}
#webinar .btn-blue:hover{
	background: #0f83bc;
	color:#FFF;
}
#webinardate, #webinartime{
    border: 5px solid #0da1e9;
    font-size: 18px;
	height:48px;
  	width:270px !important;
}
.suggestion{
	text-decoration:underline;
	color:#30F;
	cursor:pointer;
}
header h2 div.hide-mobile{
	display:inline-block;
}
.show-mobile{
	display:none;
}
@media screen and (max-width: 1280px) {
	header{
		background-position: left top;
	}
}
@media screen and (max-width: 1200px) {
	header h2{
		font-size:22px;	
	}
	/*header{
		background-position: -20px top;	
	}*/
	header{
		background-image:url(../images/header-plain.jpg);
		background-position: center top;	
	}
	header img{
		display:none;	
	}
}
@media screen and (max-width: 1024px) {
	/*
	 * Header
	 */
	
}
@media screen and (max-width: 834px) {
	/*
	 * Header
	 */
	header img{
		display:inline-block;
		position:absolute;
		margin-top:5px;
	}
	header img:first-of-type{
		left:-40px;	
	}
	header img:last-of-type{
		right:-40px;	
	}
	.container-blue h3{
		font-size:24px;	
	}
	.container-blue h3 br{
		display:none;	
	}
	/**
	 * Content
	 */
	.panel .panel-body br{
		display:none;
	}
}
@media screen and (max-width: 768px) {
	/*
	 * Header
	 */
	header img{
		display:none;	
	}
	.container-blue h3{
		font-size:23px;	
	}
	/**
	 * Content
	 */
	.row-equal-height{
		display:inline;
 	}
	.webinar-host{
		margin-bottom:1.2em;	
	}
}
@media screen and (max-width: 736px) {
	/*
	 * Header
	 */
	header h2{
		margin-top: 30px;
		margin-bottom: 25px;
	}
	/**
	 * Content
	 */
	.panel .panel-body{
		padding: 5px 20px;
	}
	/**
	 * Popup
	 */
	#webinar .webinar_date,
	#webinar .webinar_time{
		background-position: calc(50% - 180px) 2px;	
	}
	#webinar .webinar_privacy{
		background-position: calc(50% - 150px) 28px;	
	}
}
@media screen and (max-width: 667px) {
	/*
	 * Header
	 */
	header h2{
		font-size: 19px;
	}
	header h1{
		font-size:25px;	
	}
	.container-blue h3{
		font-size: 16px;
		font-weight: 600;
		margin-top: 19px;
		margin-bottom: 19px
	}
	.container-blue h3 br{
		display:block;	
	}
	.btn-optin{
		max-width:100%;	
	}
}
@media screen and (max-width: 568px) {
	/*
	 * Header
	 */
	header h2 div.hide-mobile{
		display:none;
	}
	.show-mobile{
		display:block;
	}
	header h2{
		line-height:130%;	
	}
	.btn-optin{
		font-size:26px;	
	}
	.container-blue h3 {
		font-size: 18px;
	}
	.container-blue h3 br{
		display:none;	
	}
	/**
	 * Popup
	 */
	#webinar h3{
		font-size:23px;	
	}
	#webinar .modal-body h3 br{
		display:none;	
	}
}
@media screen and (max-width: 414px) {
	/*
	 * Header
	 */
	header h1 br{
		display:none;	 
	}
	header h1{
		font-size:27px;	
	}
	.btn-optin{
		white-space:normal;
	}
	.container-blue .container{
		padding-left:0px;
		padding-right:0px;	
	}
	/**
	 * Content
	 */
	.container-content [class^="col-"] h3{
		font-size:17px;	
	}
	/**
	 * Popup
	 */
	#webinar .modal-body{
		padding: 0px 10px 15px 10px;	
	}
	#webinar .webinar_date, 
	#webinar .webinar_time{
		background-image:none;	
	}
	#webinardate, #webinartime{
		width:100% !important;	
	}
}
@media screen and (max-width: 375px) {
	/*
	 * Header
	 */
	header h1{
		font-size: 25px;	
	}
	.container-blue h3{
		font-size:17px;	
	}
	/**
	 * Content
	 */
	.container-content [class^="col-"] h3{
		text-align:left;
		font-size: 19px;
		line-height: 130%	
	}
}
@media screen and (max-width: 320px) {
	header h2{
		font-size:15px;	
	}	
	header h1{
		font-size: 22px;
		line-height: 137%;
		margin-bottom: 30px
	}
	.btn-optin{
		font-size: 19px;	
	}
	.container-content-bottom .container {
		padding-left:0px;
		padding-right:0px;	
	}
	/**
	 * Popup
	 */
	#webinar .webinar_privacy{
		background-position: calc(50% - 140px) 28px;	
	}
}