@charset "UTF-8";

sub,sup{font-size: 75% !important;line-height: 0 !important;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em}

/* Structure */

.container { width:66%; float:left; padding: 0;}
.wrapper { padding:0 20% 0 10%; float:left; box-sizing: border-box; width:100%; }
.clear { clear:both; }

/* Vertical Padding */

.vert-pad-small { padding-top:30px; padding-bottom:30px; }
.vert-pad-large { padding-top:60px; padding-bottom:60px; }

/* Background Images */
html, body { height: 100%;}
#content { min-height: 100%; background: #f3f3f3;}
body { font-family:Arial, Helvetica, sans-serif; background-repeat:no-repeat; background-position: top right; background-color: #255dab; background-size:cover; background-attachment:fixed; -webkit-text-size-adjust: none; }

/* Images */

.flex img { max-width:100%; width:100%; float:left; }
.mobile-only { display:none; }
.desktop-only { display:block; }
#content img { padding:20px 0 20px 15px; width:50%; float:right; }
#content ul { list-style: disc;}

/* Background Colors */

.bg-white { background:#ffffff; }
.bg-blue { background:#0045b8; }
.bg-gray { background:#f3f3f3; }

/* Fonts */

h1 { font-size:45px; line-height:50px; color:#255dab; }
h2 { font-size:20px; line-height:24px; color:#255dab; }
h1, h2 { font-family: 'Biryani', sans-serif; font-weight: 900; text-transform: uppercase; }
p, ul, form label, form input { font-size:14px; line-height:22px; font-family:Arial, Helvetica, sans-serif; color:#323232; }
h2, p, ul { padding-top:20px; }
p + h2, form { padding-top:30px; }
li + li { padding-top:10px; }
form input[type="submit"], .btn { font-size:16px; font-weight: bold; }
.btn { font-size:16px; }
form label { font-size:12px; font-weight:bold; text-transform:uppercase; }
strong { font-weight:bold; }
a { color:#255dab; text-decoration:underline; }
.required { color:#FF0000; font-weight:bold; }

/* Buttons */

.btn { padding:12px 15px; text-decoration: none; border-radius: 4px; display:inline-block; }
.btn img { vertical-align:middle; padding-right:7px; }
.yellow { color:#ffffff; background:#fdb717; border:1px solid #fdb717; }
.yellow:focus,
.yellow:hover { background:#d59502; border:1px solid #d59502; text-decoration:none; color: #fff;}

/* White Paper */

#white-paper { position:fixed; z-index: 10; width: 25%; max-width: 370px; top:0; bottom: 0; left:66%; margin: auto; -webkit-transform: translate3d(-50%,0,0); transform: translate3d(-50%,0,0);}
#white-paper img { width: 100%; }

/***********************
** Vertical Align Middle
***********************/
.vam                                                        { position: relative; font-size: 0;}
.vam > *                                                    { display: inline-block; vertical-align: middle;}
.vam .filler                                                { width: 0; height: 100%;}

/* Form

form { width:100%; }
form label { width:100%; }
form input { background:#ffffff; border:1px solid #cccccc; width:100%; padding:10px 15px; border-radius:3px; box-sizing: border-box; transition: background-color 0.25s ease, border-color 0.25s ease;}
form input.error { background-color: #ffbdbd; border-color: #ec9393; color: #000; }
form div.field { float:left; }
form div.field { padding-bottom:20px !important; }
form div.full { width:100% !important; }
form input, form input[type="submit"] { -webkit-appearance: none; }
*/
#content form ul { list-style: none;}
form .gform_fields li { float: left; width: 100%;}
form .gform_fields li.half { width:48% !important; padding-right: 0;}
form .gform_fields li.half + li.half  { float: right; padding-left: 0;}
form .gform_fields .msg { display: inline-block; width: auto; font-size: 14px; margin-left: 15px; color: #069;}
form .gform_fields .msg.error { color: #f00;}
form input[type="submit"] { color:#ffffff; background:#fdb717; border:1px solid #fdb717; width:auto; margin:0; cursor:pointer; padding:15px 20px; }
form input[type="submit"]:hover { background:#d59502; border:1px solid #d59502; }

#content form .alert-danger { line-height: 24px;}

#content .gform_ajax_spinner { width: auto; float: none; display: inline-block; vertical-align: middle;}
.has-error .validation_message { color: #f00;}

@media (min-width: 1025px)
{
form .gform_fields li.half + li.half  { padding-top: 0; padding-right: 15px;}
}

/* Pop-up Overlay */

#my_popup { transform: scale(0.8); display: none;}
.popup_visible #my_popup { transform: scale(1); display: block;}
.popup { padding:40px; width:38%; box-sizing: border-box; }
.popup h2 { padding-top:0; }
.popup a + a { /*margin-left:15px; */}
.popup h2, .popup p { text-align:center; margin: 0 0 20px; padding: 0;}
.my_popup_close { cursor:pointer; position:absolute; top:18px; right:18px; }


#thank-you,
#thank-you * { box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; height: auto;}
#thank-you { padding: 40px 20px 20px; background: #fdb714; overflow-x: hidden;}
#thank-you .ty-inner { max-width: 825px; padding: 40px; background: #fff; margin: 0 auto;}
#thank-you .ty-inner .logo { display: block; margin: 0 auto 60px;}
#thank-you .ty-inner .papers { display: block; float: right; margin: -10px -125px -40px 0;}
#thank-you .ty-inner h1 { color: #636466; font-size: 35px; line-height: 40px; font-weight: 700; text-transform: none;}
#thank-you .ty-inner h2 { color: #636466; font-size: 26px; line-height: 34px; font-weight: 300; text-transform: none;  margin: 0 0 40px;}
#thank-you .ty-inner h3 { color: #295da4; font-size: 22px; line-height: 26px; font-weight: 700; margin: 0 0 20px;}
#thank-you .ty-inner ul { padding: 0; margin: 0; list-style: none;}
#thank-you .ty-inner ul li { margin-top: 10px;}
#thank-you .ty-inner ul li  a { color: #295da4; font-size: 22px; }
#thank-you .wonders { display: block; margin: 20px auto;}

/***********************
** CLEARFIX
***********************/
.cf:before,
.cf:after                                                   { content: ""; display: table;}
.cf:after                                                   { clear: both;}
.cf                                                         { zoom: 1;}



/* Mobile */

@media (max-width: 1024px) {
body { background-size:cover; }
#thank-you { background: #fdb714;}
.popup { padding:30px; width:75%; }
form .msg { width: 100%; margin: 20px 0 0;}
}

@media screen and (max-width: 768px) {
body { background:none; }
#thank-you { padding: 20px;}
#thank-you .ty-inner { padding: 20px;}
#thank-you .ty-inner .logo { margin: 0 auto 30px;}
#thank-you .ty-inner .papers { float: none; max-width: 100%; margin: -10px auto 10px;}
#thank-you .ty-inner h1 { font-size: 30px; line-height: 36px;}
#thank-you .ty-inner h2 { font-size: 22px; line-height: 30px;}
#thank-you .ty-inner h3 { font-size: 20px; line-height: 25px;}
#thank-you .ty-inner ul li  a { font-size: 18px; }
.container { width:100%; }
.mobile-only { display:block; }
.desktop-only { display:none; }
.wrapper { padding:0 6% 0 6%; }
.vert-pad-small { padding-top:30px; padding-bottom:30px; }
.vert-pad-large { padding-top:40px; padding-bottom:40px; }
h1 { font-size:34px; line-height:38px; }
form div.field { padding-bottom:10px !important; }
form input[type="submit"] { margin-top:10px; }
}

@media (max-width: 480px) {
form div.half { width:100% !important; }
.popup { padding:30px; width:95%; }
.popup a + a { margin-left:0; margin-top:10px; }
.popup .btn { display:block; }
}