@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/OpenSans-Bold-webfont.eot');
    src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Bold-webfont.woff2') format('woff2'),
         url('fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Regular-webfont.woff2') format('woff2'),
         url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'oswaldbold';
    src: url('fonts/Oswald-Bold-webfont.eot');
    src: url('fonts/Oswald-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Oswald-Bold-webfont.woff2') format('woff2'),
         url('fonts/Oswald-Bold-webfont.woff') format('woff'),
         url('fonts/Oswald-Bold-webfont.ttf') format('truetype'),
         url('fonts/Oswald-Bold-webfont.svg#oswaldbold') format('svg');
    font-weight: normal;
    font-style: normal;
}



/* reset styles 
   --------------------------------------------- */

/*
   html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
   v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
   html5doctor.com/html-5-reset-stylesheet/
 */

html, body, div, span, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  abbr, address, cite, code,
  del, dfn, em, img, ins, kbd, q, samp,
  small, strong, sub, sup, var,
  b, i,
  dl, dt, dd, ol, ul, li,
  fieldset, form, label, legend,
  table, caption, tbody, tfoot, thead, tr, th, td,
  article, aside, canvas, details, figcaption, figure,
  footer, header, hgroup, menu, nav, section, summary,
  time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
           /*  -webkit-text-size-adjust:85%; */
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display:block;}

nav ul {list-style:none;}

blockquote, q {quotes:none;}

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; /* -webkit-text-size-adjust:85%; */}

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select {vertical-align:middle;}
  
  
/* master styles 
     --------------------------------------------- */

html, body{margin:0; padding:0; height:100%; background:#ffffff; font-size:14px; font-family: Arial, Helvetica, sans-serif; font-weight:normal; color:#4b4b4b;}
a{text-decoration:none;}
a:hover, a:active{outline:none;}
a, a:active, a:visited{color:#092747;}
a:hover {color:#ff7e00; text-decoration:underline;}

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* The Grid ---------------------- */
.row {width:1190px; max-width: 100%; margin: 0 auto; padding:0 10px;}
img { max-width: 100%; height: auto; }
.video_wrap .row .video_area embed{ z-index: 10 }
img {-ms-interpolation-mode: bicubic;}

/* Nicolas Gallagher's micro clearfix */
.row { *zoom: 1; }
.row:before, .row:after { content: ""; display: table; }
.row:after { clear: both; }


/*==== HEADER AREA ====*/
header{width:100%; margin:0 auto; padding:0; position:fixed; top:0; z-index:999;}
.header_wrap{width:100%; margin:0 auto; padding:12px 0; background:url(images/header_bg.png) repeat-x bottom; min-height:76px;}
.header_area{width:100%; margin:0; float:left; position:relative;}
.logo{width:100%; margin:0; float:left; text-align:center;}
.header_right{width:300px; margin:8px 0 0 0; float:right; text-align:right; position:absolute; top:0; right:0;}
.header_right span{display:inline-block; vertical-align:middle; font:18px/18px 'open_sansregular', Arial, Helvetica, sans-serif; color:#323232;}
.header_right a.sign_in{width:auto; margin:0 0 0 5px; display:inline-block; background:#b7b7b9; padding:5px 20px; font:12px/18px 'open_sansregular', Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none;}
.header_right a.sign_in:hover{background:#ce1025; text-decoration:none;}

/*==== BANNER AREA ====*/
.banner_wrap{width:100%; margin:71px auto 0; padding:0; background-image:url(images/ihg_petition_bg.png); background-repeat:no-repeat; background-position:top center; background-size:cover; min-height:400px; position:relative; z-index:99;}
.banner_area{width:100%; margin:0; float:left; position:absolute; bottom:0; left:0; padding:0 10px;}
.banner_content{width:770px; max-width:100%; margin:0 auto; overflow:hidden; padding:20px 30px; background: rgba(0, 0, 0, 0.8); border-radius:5px 5px 0 0;}
.banner_content h1{margin:0; font:30px/34px 'oswaldbold', Arial, Helvetica, sans-serif; color:#fefefe; text-transform:uppercase; text-align:center;}
.thankyou{ color:#fefefe; text-align:center;}
.form_area{width:100%; margin:20px 0 0 0; float:left;}
.form_row{width:100%; margin:0 0 10px 0; float:left;}
.form_row:last-child{margin-bottom:0;}
.form_col{width:224px; margin:0 0 0 18px; float:left;}
.form_col:first-child{margin-left:0;}
.form_area input[type='text'], .form_area input[type='email'], .form_area input[type='tel'], .form_area select, .form_area textarea{width:100%; padding:11px 10px; margin:0; float:left; border:none; outline:0; background:ffffff;  font:14px/18px 'open_sansregular', Arial, Helvetica, sans-serif; color:#8c8b8b;}
.form_area textarea{height:86px; resize:vertical;}
.form_area input[type='submit']{width:100%; margin:0; float:left; padding:11px 0; background:#ce1025; border:none; outline:0; cursor:pointer; font:18px/18px 'open_sansbold', Arial, Helvetica, sans-serif; color:#fefefe; text-align:center; text-transform:uppercase; border-radius:5px;}
.form_area input[type='submit']:hover{background:#e83246;}
.form_row p {color:#fff;}

/*==== CONTENT AREA ====*/
.content_wrap{width:100%; margin:0 auto; padding:70px 0 0; background:#ffffff;}
.content_wrap h1{margin:0 0 20px 0; font:44px/52px 'open_sansregular', Arial, Helvetica, sans-serif; color:#444749; text-align:center;}
.content_wrap p{font:18px 'open_sansregular', Arial, Helvetica, sans-serif; color:#53585b; text-align:center;}
.content_area{width:100%; margin:55px 0 0 0; float:left;}
.content_area ul{margin:0; padding:0;}
.content_area li{margin:0 0 0 45px; padding:0; list-style:none; float:left; width:360px;}
.content_area li:first-child{margin-left:0;}
.content_area li h3{margin:0; font:20px/24px 'open_sansregular', Arial, Helvetica, sans-serif; color:#3b3a3a; text-align:center;}
.content_area li h3 span{color:#ce1025;}
.content_area li .step{width:100%; margin:30px 0 0 0; float:left; text-align:center; font-size:0;}

.video_wrap{width:100%; margin:0 auto; padding:90px 0; background-image:url(images/video_bg.jpg); background-repeat:no-repeat; background-position:top center; background-size:cover; min-height:614px;}
.video_area{width:770px; max-width: 100%; margin: 0 auto; text-align:center;}


/*==== FOOTER AREA ====*/
footer{width:100%; margin:0 auto; padding:50px 0 0; background:#fff;}
.footer_top{width:100%; margin:0 auto; padding:0;}
.footer_nav{width:100%; margin:30px 0 0 0; float:left;}
.contact_numbers{width:100px; margin:0 20px 0 138px; float:left;}
/*.contact_numbers a{display:block; padding:3px 0; font:14px/18px 'open_sansregular', Arial, Helvetica, sans-serif; color:#234f6c; text-decoration:none; border:1px solid #53585B; border-radius:3px; text-align:center;}*/
.contact_numbers a{display:block; padding:3px 0; font:14px/18px 'open_sansregular', Arial, Helvetica, sans-serif; color:#234f6c; text-decoration:none; border-radius:3px; text-align:center;}
.contact_numbers a:hover{border-color:#989DA0; color:#989DA0;}
.footer_box{width:190px; margin:0; display:inline-block; vertical-align:top;}
.footer_box h3{margin:0 0 8px 0; font:15px/24px 'open_sansregular', Arial, Helvetica, sans-serif; color:#ce1025; text-transform:uppercase;}
.footer_box ul{margin:0; padding:0;}
.footer_box li{margin:0 0 9px 0; list-style:none; display:block;}
.footer_box li a{margin:0; padding:0; text-decoration:none; font:14px/18px 'open_sansregular', Arial, Helvetica, sans-serif; color:#53585a;}
.footer_box li a:hover{text-decoration:none; color:#82888c;}

.footer_social{width:100%; margin:80px 0 20px 0; float:left;}
.footer_social .social{width:210px; margin:0 0 0 128px; float:left;}
.footer_social .social .icon{
    background: url(images/social_sprites.png) no-repeat;
    display: inline-block;
    text-indent: -10000px;
    vertical-align: middle;
    margin-right: 25px;
}
.footer_social .social .icon.youTube {
    background-position: -79px 0;
    width: 23px;
    height: 24px;
}
.footer_social .social .icon.linkedIn {
    background-position: -54px 0;
    width: 25px;
    height: 24px;
}
.footer_social .social .icon.twitter {
    background-position: -26px -2px;
    width: 24px;
    height: 20px;
}
.footer_social .social .icon.facebook {
    background-position: -1px 0;
    width: 25px;
    height: 24px;
}
.footer_social .footer_links{width:260px; margin:5px 134px 0 0; float:right; text-align:right;}
.footer_social .footer_links a{display:inline-block; margin:0 0 0 12px; font:13px/18px 'open_sansregular', Arial, Helvetica, sans-serif; color:#53585a; text-decoration:none;}
.footer_social .footer_links a:hover{text-decoration:none;}

.footer_bottom{width:100%; margin:0 auto; padding:30px 0; background:#ce1025;}
.footer_copyright{width:100%; margin:0; float:left; font:10px/18px 'open_sansregular', Arial, Helvetica, sans-serif; color:#ffffff; text-align:center;}
.footer_register{width:100%; margin:8px 0 0 0; float:left; font:10px/18px 'open_sansregular', Arial, Helvetica, sans-serif; color:#ffffff; text-align:center;}
.footer_register a{color:#259fe1; text-decoration:underline;}
.footer_register a:hover{color:#6abfed; text-decoration:underline;}

.success {text-align:center; color:#fff;}

/* responsiveness
   --------------------------------------------- */
@media screen and (max-width: 1024px) {
.row{width:980px;}
.content_area li{margin-left:30px; width:300px;}
.content_area li h3{font-size:19px;}
.content_area li:first-child .step{margin-top:35px;}

.contact_numbers{margin-left:0;}
.footer_social .social{margin-left:0;}
.footer_social .footer_links{margin-right:0;}
}
@media screen and (max-width: 979px) {
.row{width:768px;}
.banner_content{padding:20px 20px;}
.content_area ul{text-align:center; font-size:0;}
.content_area li{margin:0 15px 40px; width:306px; float:none; display:inline-block; vertical-align:top;}
.content_area li:last-child{margin-bottom:0;}
.content_area li:first-child .step{margin-top:30px;}
}
   
@media screen and (max-width: 767px) {
.row{width:640px;}

.header_right{width:100%; margin:20px 0; float:left; text-align:center; position:static;}
.banner_wrap{margin-top:134px; min-height:600px;}
.banner_content h1{font-size:20px;}

.form_col{width:100%; margin:0 0 10px 0;}
.form_col:last-child{margin-bottom:0;}
}
@media screen and (max-width: 639px) {
.row{width:480px;}

.video_wrap{min-height:inherit;}
.footer_social{margin-top:30px;}
.footer_social .social{width:100%;}
.footer_social .footer_links{width:100%; margin-top:15px; text-align:left;}
}
@media screen and (max-width: 479px) {
.content_area li{width:100%; margin-left:0; margin-right:0;}

.contact_numbers{margin:0 0 20px 0;}
.footer_box{width:100%; margin-bottom:5px;}
}
@media screen and (max-width: 360px) {

}
@media screen and (max-width: 320px) {

}