﻿* { margin: 0; padding: 0; outline: 0; }
img a {border:none;}
body, html { height: 100%; margin: 0;padding: 0;}
.clear{ clear: both; }
.shell{ margin: 0 auto; width: 800px;}

p, h1, h2, h3, h4, h5, h6, span{
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */

}
p{margin: 10px;padding: 0;letter-spacing: 0px;}

body {
    font-size: 18px;
    line-height: 26px;
    font-family: 'Lato', sans-serif;
    color: #555555;
    background: #fcfcfc;
	background: url('../images/convert-bg-pattern.png') 0 0 repeat;
}
img {
    vertical-align: middle;
	max-width:100%;
	max-height:100%;
}
img a {border:none;}

a:link {
    text-decoration: none;
}


/* ==========================================================================
   Header
   ========================================================================== */
   
header .wrapper{ width:868px; margin:10; display:table;text-align: center;}
header .wrapper:after { clear:both}
.header-logo {
	text-align:center;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}
#header-button { padding: 5px; margin: 9px auto 2px; display:inline-block; width:71%; border-radius: 1px; border: 0px solid rgba(0, 0, 0, 0.1); background: #3414FF; font-weight:bold; font-family: 'Montserrat', sans-serif; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZGQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWM2MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #3414FF 0%, #3414FF 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3414FF), color-stop(100%,#3414FF));
	background: -webkit-linear-gradient(top,  #3414FF 0%, #3414FF 100%);
	background: -o-linear-gradient(top,  #3414FF 0%, #3414FF 100%);
	background: -ms-linear-gradient(top,  #3414FF 0%, #3414FF 100%);
	background: linear-gradient(to bottom,  #3414FF 0%, #3414FF 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3414FF', endColorstr='#3414FF',GradientType=0 );
	-webkit-box-shadow: inset 0px 2px 0px 0px rgba(255, 255, 255, 0.5);
    box-shadow: inset 0px 2px 0px 0px rgba(255, 255, 255, 0.5);
    overflow: hidden;
}
#header-button:hover { background: #52BFFF; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZTQ0NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmNjMzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #52BFFF 0%, #52BFFF 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3414FF), color-stop(100%,#52BFFF));
	background: -webkit-linear-gradient(top, #52BFFF 0%, #52BFFF 100%);
	background: -o-linear-gradient(top,  #52BFFF 0%, #52BFFF 100%);
	background: -ms-linear-gradient(top,  #52BFFF 0%, #52BFFF 100%);
	background: linear-gradient(to bottom,  #52BFFF 0%, #52BFFF 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52BFFF', endColorstr='#52BFFF',GradientType=0 );
}
#header-button { font-weight:600; cursor: pointer;}
#header-button:hover { text-decoration:underline; }
#header-button { padding: 10px 10px; display: block; text-align: center; font-size: 30px; color: #ffffff; letter-spacing:-1px; line-height: 40px; }
#header-button span.button-arrow {  display:inline-block; margin-left:10px; text-align:center;}
#header-button a{color: #ffffff; }

/* ==========================================================================
   Content
   ========================================================================== */
   .content-bg { float:left; width:100%; border-top:1px solid #e8e7e7; 	-webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.04) inset; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.04) inset;}
   .content-wrapper {/*   width:868px; */ margin:0 auto; padding-top:30px;}
   .content-wrapper h1{text-align:center; font-size:52px; color:#205297; font-family: 'Lato', sans-serif; line-height:36px; font-weight:600; white-space: pre-line;}
   .content-wrapper h2, .content-wrapper h3 {
	text-align:center;
	font-size:40px;
	color:#3b3b3b;
	font-family: 'Lato', sans-serif;
	line-height:38px;
	font-weight:600;
	white-space: pre-line;
}
   .content-wrapper h3 {
	font-size:22px;
	display:block;
	white-space: pre-line;
	margin-bottom:35px;
	color: #666;
}
   .content-wrapper blockquote{font-style: italic;font-weight: normal;padding: 20px 30px;display: block;border-left: 1px solid #ccc;margin: 10px;}
   .content-wrapper ul, .content-wrapper ol{padding:10px 20px 10px 40px;text-align: left;}
   .content-text-box {}
   .content-text-box a { color:#ffffff;}
   .content-text-box a:hover { text-decoration:none;}
   .content-img { float:right; margin:0 0 10px 15px;}
   .content-text-box{color:#505050;}
   .content-text-box p { color:#505050; padding:0 0 26px 0; margin:0px;}
   
	
/* ==========================================================================
   Footer
   ========================================================================== */
	
	.footer {
	clear:both;
	text-align:center;
	font-size:14px;
	color:#a9a9a9;
	width:90%;
	min-height:70px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 50px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
	.footer a {  font-size:14px; color:#a9a9a9; text-decoration:none;}
	.footer a:hover { text-decoration:underline;}
	/*  --------------------------------------------------
    Reveal Modals
    -------------------------------------------------- */
        
    .reveal-modal-bg { position: fixed; height: 100%; width: 100%; background: #ffffff; background: rgba(0,0,0,.7); z-index: 9998; display: none; top: 0; left: 0; }
    .reveal-modal { visibility: hidden; top: 10%; left: 45%; width:758px; margin-left:-325px; padding-top:23px; background: #ffffff ; position: absolute; z-index: 9999; box-shadow:0 1px 5px 0 rgba(0, 0, 0, 0.4);border-radius:1px; }
    .reveal-modal .close-reveal-modal { font-size: 22px; line-height: .5; position: absolute; top: -10px; right: -10px; color: #aaa; text-shadow: 0 -1px 1px rbga(0, 0, 0, 0.6); font-weight: bold; cursor: pointer; } 
/*  --------------------------------------------------
    Popup Styles
    -------------------------------------------------- */

	.popup { width: 100%; text-align: center; overflow: hidden;  }
	.popup .popup-headline { font-size: 26px; text-align: center; font-weight: normal; padding: 6px 14% 16px; margin: 0 0 0 -7px; word-spacing: 1px; font-family: 'Lato', sans-serif; color: #999999; line-height:30px; white-space: pre-line; }
	.popup p { font-family: 'Lato', sans-serif; color: #333333; font-size: 26px; padding: 10px 0 14px 0; }
	/* .row { width: 84.9%; margin: 5px auto;}
	.row input { border: 1px #CFCFCF solid; *border: 1px #CFCFCF solid; width: 93.4%; font-size: 22px; line-height: 26px; color: #cacaca; padding: 12px 21px 12px; background: #f8f8f8; background: -moz-linear-gradient(top,  #fcfcfc 0%, #fefefe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#fefefe)); background: -webkit-linear-gradient(top,  #fcfcfc 0%,#fefefe 100%); background: -o-linear-gradient(top,  #fcfcfc 0%,#fefefe 100%); background: -ms-linear-gradient(top,  #fcfcfc 0%,#fefefe 100%); background: linear-gradient(to bottom,  #fcfcfc 0%,#fefefe 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#fefefe',GradientType=0 ); border-radius:1px; font-style:italic; font-weight:normal;  }
	 */.name{margin-bottom: 12px;}
	.submit { padding: 5px; margin: 16px auto 22px; display:inline-block; width:85%; height:60px; border-radius: 1px; border: 0px solid rgba(0, 0, 0, 0.1); background: #3414FF; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZGQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWM2MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #3414FF 0%, #3414FF 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3414FF), color-stop(100%,#3414FF));
		background: -webkit-linear-gradient(top,  #3414FF 0%, #3414FF 100%);
		background: -o-linear-gradient(top,  #3414FF 0%, #3414FF 100%);
		background: -ms-linear-gradient(top,  #3414FF 0%, #3414FF 100%);
		background: linear-gradient(to bottom,  #3414FF 0%, #3414FF 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3414FF', endColorstr='#3414FF',GradientType=0 );
		-webkit-box-shadow: inset 0px 2px 0px 0px rgba(255, 255, 255, 0.5);
	    box-shadow: inset 0px 2px 0px 0px rgba(255, 255, 255, 0.5);
	    overflow: hidden;
		font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 24px; letter-spacing:-1px; color: #ffffff; line-height: 40px; cursor:pointer; 
		 }
	.submit:hover { background: #3414FF; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZTQ0NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmNjMzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #3414FF 0%, #3414FF 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3414FF), color-stop(100%,#3414FF));
		background: -webkit-linear-gradient(top, #3414FF 0%, #3414FF 100%);
		background: -o-linear-gradient(top,  #3414FF 0%, #3414FF 100%);
		background: -ms-linear-gradient(top,  #3414FF 0%, #3414FF 100%);
		background: linear-gradient(to bottom,  #3414FF 0%, #3414FF 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3414FF', endColorstr='#3414FF',GradientType=0 ); }
	.submit span.button-arrow { text-align:center; display:inline-block; margin-left:10px;}
	.popup-logo { text-align:center;}
	.privacy-policy { background-color:#ffffff; padding:14px 10px 16px; text-align:center; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.04) inset; clear:both; border-radius:0 0 6px 6px; font-size:15px; color:#818181;}
	.privacy-policy span { font-weight:bold;}


	.container {
    max-width: 868px;
}
	.modal-body{padding:15px 0}
	.modal-header{border:none}
	.modal-title {
	font-size: xx-large;
	color: #D00808;
}
@media only screen and (max-width: 640px) {
	iframe ,#header-button{ width: 100%;}
}