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

body{ font-family: 'Chivo', sans-serif; font-size:18px; line-height:24px; color:#262626; font-weight:400;}
.container { max-width:1030px;}

/* top-box start */

.top-box { width:100%; float:left; background:url(../images/body-top-bg.jpg) center top repeat-y; padding-top:35px; padding-bottom:35px;}
.top-box .logo-box { text-align:left; }
.top-box .logo-box h2 { font-family: 'Chivo', sans-serif; color:#FFF; font-size:30px; font-weight:700; margin:0px; text-transform: none; display:inline;} 
.top-box .logo-box p { font-size:18px; line-height:30px; color:#FFF; display:inline;}

.top-box .right-box { float:right; text-align:right; padding-top:3px; font-size:15px; line-height:24px; color:#202020; font-weight:400;
font-family: 'Chivo', sans-serif;} .top-box .right-box a:link { color:#ff9000; font-weight:700; text-decoration:none;}

/* top-box end */

/* welcome Start */

.welcome { width:100%; height:700px; float:left; background:url(../images/welcome-bg.jpg) center top; background-size:cover;  background-repeat: no-repeat;}
.welcome .inside-box { width:100%; height:700px; float:left; background-color: rgba(0, 0, 0, 0.5); color: rgba(0, 0, 0, 0.5);}
.cbox { padding-left:50px; padding-right:50px; padding-top:150px;} .cbox .title { width:100%; text-align:center; color:#FFF;}
.cbox .title h2 { font-family: 'Chivo', sans-serif; color:#FFF; font-size:30px; line-height:36px; font-weight:900; margin:0px; text-transform: none;}
.cbox .title h2 strong { color:#ff9000; font-weight:900;} .cbox .title p { margin:15px 0px 7px 0px; text-align:center;} .form-group { margin-bottom:0px;}

.cbox .inside { width:100%; float:left; text-align:center; padding-top:34px; } .cbox .inside ul { margin:0px; padding:0px; list-style-type:none;}
.cbox .inside ul li { width:100%; height:auto; float:left; text-align:center; display:block; padding-bottom:20px; color:#FFF; line-height:30px;}
.cbox .inside ul li a:link { color:#FFF; line-height:30px; font-weight:700; text-decoration:none;}
.cbox .inside ul li input{ border-radius:0px; height:50px; border-color:#FFF !important; text-align:center; box-shadow:none; font-size:18px; color:#202020;} 
.cbox .inside ul li input:focus { box-shadow:none;}
.cbox .inside ul li button{ width:100%; margin:0px auto; text-align:center; height:50px; background:#ff9000; color:#FFF; border:none; font-size:18px;
 font-weight:900; border-radius:0px; padding:0px; margin:0px; font-family: 'Chivo', sans-serif; }
.cbox .inside ul li button:hover { background:#ff7e00; color:#FFF;}
.form-control::-moz-placeholder {
  color: #202020;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #202020;
}
.form-control::-webkit-input-placeholder {
  color: #202020;
}
 
/* welcome end */

/* body-title start */
.body-title { width:100%; height:auto; float:left; text-align:center; padding-top:38px; padding-bottom:36px; border-bottom:1px solid #cccccc;}
.body-title strong { font-weight:700; color:#1f56a8;} .body-title i { color:#ff9000; font-size:22px;}

/* body-title end */

/* services Start */

.services {width:100%; float:left; padding:90px 0px 88px 0px;}
.services .title-hedding{ text-align:center; padding-bottom:38px;}
.services .title-hedding h2 {font-size:30px; line-height:36px; font-weight:900; text-align:center; margin:0px; text-transform:none; color:#202020; 
font-family: 'Chivo', sans-serif;}
.services .item-box { float:left; width:100%; text-align:center;}
.services .item-box h3 { font-size:24px; line-height:30px; font-weight:900; text-align:center; color:#202020; font-family: 'Chivo', sans-serif;
 text-transform:none; margin:24px 0px 0px 0px;} .services .item-box p { margin:18px 0px 7px 0px; text-align:center; }
 .services .item-box .img-responsive { display:inline-block;}

/* services End */

 /* footer start */

#footer { padding-top:38px; padding-bottom:38px; background-color:#1f56a8; color:#FFF; width:100%; float:left; text-align:center;}
#footer .footer-block {  text-align:center; font-size:18px; line-height:24px; color:#FFF;} 
#footer .footer-block a {  text-align:center; font-size:18px; line-height:24px; color:#FFF; text-decoration:none;}
#footer .footer-block a:hover {  text-align:center; font-size:18px; line-height:24px; color:#e4ff00; text-decoration:none;}

 /* footer end */

@charset "utf-8";
/* CSS Document */
body{ background: url(../images/bg.gif) repeat -80px top}
body, div, span, ul, h1, h2, h3, img, p{ margin:0; padding:0;}
.container{ width:80%;
            margin:0 auto;

}
.top-bg{ background:url(../images/cn-ng.png) no-repeat center top;
         width:100%;
         height:950px;

}
.logo{ margin-top:10px;

}
.head-txt{ margin-top:25px;}
.banner-img{
    background:url(../images/b-img.png) no-repeat center top;
    width:622px;
    height:298px; position:relative; left:-60px;
}
.frm-bg{ background:url(../images/frm-bg.jpg) repeat-x;
         width:403px;
         height:260px;

}
.frm-container{ width:431px; position:relative; float:right; margin-top:-290px; margin-right:10px; z-index:100;}
.input-bg{ border:1px solid #7b7b7b;
           height:56px;
           width:360px;
           border-radius:10px;
           font-family: 'robotobold_condensed';
           font-size:20px;
           color:#666; 
}
.submit-bt{ background:url(../images/submit-bt.png) no-repeat;
            height:60px; 
            width:247px;
            cursor:pointer;
            margin:auto;
}



.step2page-bg{/* Old browsers */
    background: -moz-linear-gradient(top,  #1F56A8 0%, #ffffff 82%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1F56A8), color-stop(82%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #1F56A8 0%,#ffffff 82%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #1F56A8 0%,#ffffff 82%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #1F56A8 0%,#ffffff 82%); /* IE10+ */
    background: linear-gradient(to bottom,  #1F56A8 0%,#ffffff 82%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1F56A8', endColorstr='#ffffff',GradientType=0 ); height:auto; background-repeat:no-repeat; /* IE6-9 */

}
.shadow2c{ background:url(../images/shadow-2c.jpg) no-repeat center top; width:100%; height:30px;}
.container{ width:100%;
            margin:0 auto;

}





.top-text {
    text-align: center;
    color: #fff;
    font-size: 36px;
    font-weight: bold;
    text-shadow:  5px 2px 10px rgba(0,0,0,1);
}

.text-content {
    width: 50%;
    float: left;
}

.text-content img {
    position: relative;
    left: 0px;
    top: 80px;
}

#content-wrap {
    height: 1071px;
}

.page-2-content {
    background: #fff;
    padding: 10px;
    position: relative;
    right: 10px;
    width: 510px;
    float: right;
    top: -219px;

}

.content-right {


}

.left-free-box a {
    padding: 8px 15px;
    background: #24aaeb;
    border-radius: 3px;
    color: #fff !important;
    position: relative;
    top: 15px;
}

.free-box-top-title {
    color: #24aaeb !important;
    font-size: 18px !important;
    line-height: 1 !important;
    margin-bottom: 12px;
}

.free-top-title p {
    font-size: 14px;
    line-height: 1;
    color: #727272;
}

.free-top-title a {
    color: red;
    font-size: 12px;
}

.blue-box {
    border: 2px dashed #24aaeb;
    padding: 1.5em 2.5%;
}

.page2-question {
    float: right;
    font-size: 12px;
    color: red;
}

.page2-content h3 {
    color: #042D48;
    font-size: 32px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 5px;
}

.page2-top {
    font-size: 14px;
    line-height: 1;
    color: #727272;
}

.column {
    float: left;

}

.column.third {
    width: 33.333333%;
}

.column.half {
    width: 54%;
	float:left;
}

.column.twothirds {
    width: 66.666666%;
}

.left-area {
    float: left;
    width: 42%;
	margin:0px 1%;
}

.page3 h1 {
    font-size: 36px;
    color: #3d3d3d;
    margin-bottom: 8px;
    padding-left: 32px;

}

.marketing-para {
    position: relative;
    float: left;
    top: 20px;
    padding: 20px;
    left: 20px;
}

.page3 p {
    font-size:14px;
    color: #727272;
    position: relative;
    left: 86px;
}

.page3 a {
    position: relative;
    top: 39px;
    padding: 10px 40px;
    font-size: 32px;
    color: #fff;
    background: red;
    box-shadow: 0px 0px 10px rgba(0,0,0, .4);
    border-radius: 5px;
    text-decoration: none;
    left: 140px;
}

.innerwrapper {
    margin: 0 auto;
    max-width: 1100px;
    left: 150px;
    position: relative;
    top: 0px;
    height: 600px;
}

clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}


.mid-container {

}

.left-img {
    float: left;
    position: relative;
    top: 120px;
}

.left-img2 {
    float: left;
    position: relative;
    top: 0px;
    left: 20px;

}

.right-title-statment {
    font-family: 'robotobold_condensed';
    font-size: 41px;
    color: #b42424;
    line-height: 54px;
    position: relative;
    left: 40px;
}
.right-title-statment h2 {
    font-weight: 200 !important;

}

/*** form ***/

.form-box {
    margin: 0 auto;
    position: relative;
    margin: 10px 0px;
    padding: 1.5em;
   
    border: 1px solid #003878;
    border-radius: 5px;
    
}

.whitebox_drpshdw{margin:30px auto 0px auto;width:80%;min-height:100px; -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.1); -moz-box-shadow: 0 5px 5px rgba(0,0,0,.1); box-shadow: 0 5px 5px rgba(0,0,0,.1); border: solid 1px #d2d2d2;padding-bottom:20px}
.form_and_bttn{
    font-family:'Roboto Condensed', sans-serif;
    border-radius: 10px; 
    width:100%; 
  
    
    min-height:20px;
    float:left;
    position:relative; 
    padding-bottom:10px;

}

.blue_header{
    font-family:'Roboto Condensed', sans-serif;
    width:100%;
    height:40px;
    color:#b42424;
    background:#fff;
    margin-bottom:10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    text-align: center;

}
.sub_header {
    padding: 0 0 5px 20px;
    font-size: 17px;
    color: #FFF;
    position: relative;
    left: 26px;
}
.sub_header em {
    font-style: normal;
    font-weight: 700;
    color: #b42424;
}
.white{font-size:28px;padding-left:10px;line-height:40px}
.mini_white{font-size:16px;padding-left:8px;line-height:40px}
.form_lft_clm{min-height:20px;float:left;clear:both;margin:20px 10px;}
.form_rt_clm{width:100%;float:left;}
.stuff{padding-left:60px;margin-top: 30px;}
/*.stuff{width:520px;height:455px}*/
.absolute_box{position:absolute;right:89px;bottom:0px;}
.grn_submit{background:#04a718;color:#fff;padding:10px 40px;font-size:30px;font-family:'Roboto Condensed', sans-serif;border:0px;cursor:pointer;border-top:solid 1px #a6e5b1;border-left:solid 1px #a6e5b1;border-right:solid 1px #005c10;border-bottom:solid 1px #000;margin:auto;display:block}
.grn_submit:hover{background:#10c616}
.opt_bttn{background:#04a718;color:#fff;padding:0px 40px;font-size:22px;font-family:'Roboto Condensed', sans-serif;border:0px;cursor:pointer;border-top:solid 1px #a6e5b1;border-left:solid 1px #a6e5b1;border-right:solid 1px #005c10;border-bottom:solid 1px #000;margin-top:10px;display:block;float:right;-webkit-appearance:none;}
.opt_bttn:hover{background:#10c616}
.sub_message{font-size: 10px;
    font-family: Verdana, Geneva, sans-serif;
    text-align: justify;
    margin-top: 10px;
    margin-bottom: 20px;
    color: #FFF;
    line-height: 17px;}
.sub_message a{text-decoration:none;color:#FFF;font-weight:bold}
.input_row{margin-top:7px;width:100%;overflow:auto; color:#FFF;}
.input_title{width:120px;font-size:16px;color:#FFF;float:left;text-align:right;margin-right:10px;line-height:28px}
.input_field {
    border: 1px solid #c9c9c9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding-left: 5px;
    height:40px;
    width:200px;
    float:left;
    width: 49%;
	color:#000;
}

.input_field:focus {
    border-color: #40A9DD;
}
.input_radio{
    float: left;
    margin: 6px 10px 0 10px;
}
.radio_title{
    font-size: 14px;
    float: left;
    line-height: 26px;
    color: #FFF;
    margin-right: 10px;
    margin-left: 10px;
}
.frm_select{
    background: #ffffff url(../images/drop-down-arrow.png) no-repeat right center;
    background: #fff \9;
    background-position: calc(100% - 6px) center;
    padding: 5px 0 5px 5px;
    border: 1px solid #c9c9c9;
    background-size: 12px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    font-size: 14px;
    margin-top: 8px;
    line-height: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    text-indent: 1px;
    text-overflow: '';
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px;
    color: #777;
    width: 208px;
}
.frm_select::-ms-expand {
    display: none;
}
.frm_h2{padding:10px;display:block;color:#00b420;font-size:17px;text-align:center;background:#eee}
/*-------------------------- FORGOT PASSWORD AND LOGIN PAGE ---------------------------------------*/
.content_container{width:1060px;min-height:200px;margin:auto;padding-bottom:120px}
.content_container.external_item {margin-top:20px;}
.forgotpssd .lft_clm{width:674px;min-height:720px;background:url(../images/forgotp_bg.jpg);background-repeat:no-repeat;background-position:bottom;float:left;padding-top:34px}
.slogan{color:#00b420;font-size:38px;font-weight:300;text-align:center;margin-bottom:20px;font-family:'Lato', sans-serif;}
.fg_password .input_title, .membr_login .input_title{font-size:18px;color:#fff;margin:16px 0px 0px 35px;text-align:left}
.fp_inputfield, .ml_inputfield{width:268px;height:26px;margin:auto;display:block}
.forgotpssd .rt_clm, .mlog .rt_clm{width:346px;min-height:200px;float:right}
.fpassword_clm, .member_login{width:346px;min-height:322px;background:#262626;font-family:'Roboto Condensed', sans-serif;padding-bottom:20px;margin-top:40px}
.form_blue_header{width:346px;height:58px;background:#009fd9;color:#fff;font-size:27px;text-align:center;line-height:58px;letter-spacing:1px}
a.existing_member{display:block;width:100%;color:#fff;font-size:14px;text-align:center;padding-top:25px;text-decoration:none}
a:hover.existing_member{text-decoration:underline}
.fp_bttn, .lg_bttn{padding-top:5px;padding-bottom:5px;margin-top:10px}

/*-------------------------- LOGIN PAGE -----------------------------------------------*/
.fp_link{display:block;width:100%;color:#fff;font-size:12px;text-align:center;padding-top:15px;text-decoration:none;margin-bottom:-10px}
a:hover.fp_link{text-decoration:underline}
.mlog .lft_clm{width:674px;min-height:720px;background:url(../images/login_bg.jpg);background-repeat:no-repeat;background-position:bottom;float:left;padding-top:34px}
/*-------------------------- ERRORS ---------------------------------------------------*/
.error{width:95%;margin:10px auto 0px auto;background:#F99;border:solid 1px #C00;color:#fff;font-size:18px;line-height:30px;padding:0px 0px 0px 3px}
.grn_message{width:95%;margin:10px auto 0px auto;background:#6AE55A;border:solid 1px #0C3;color:#fff;font-size:18px;line-height:30px;padding:0px 0px 0px 3px}
.redirect_link_box{border:1px solid #999;min-height:40px;width:95%;margin:auto;padding:5px 0px 5px 3px }
.redirect_link_box a{color:#09F;text-decoration:none;display:block;margin-top:10px;}
.redirect_link_box a:hover{text-decoration:underline}




.left-side-img {
    height: 885px;

}

.right-side-img {
    height: 885px;
    position: absolute;
    right: 19px;

}




/*-- page 4 -->*/

.page1 {
    padding: 10px 20px;
}


#premember .survey-list {
    padding: 20px 10px 10px;
}

#premember .survey-list li {
    padding-left: 180px;
    margin-bottom: 30px;
}

.survey-list li > a img, .survey-list li .premember-list-side-image {
    border: 2px solid #8f8f8f;
    position: absolute;
    width: 150px;
    right: 0;
    left: 0;
}

.survey-list li > a img, .survey-list li .premember-list-side-image {
    border: 2px solid #8f8f8f;
    position: absolute;
    width: 150px;
    right: 0;
    left: 0;
}

#premember li {
    padding: 3px 0 4px 0px;
    position: relative;
    line-height: 1.2;
    font-size: 14px;
}

.survey-list div {
    -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.13);
    -moz-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.13);
    box-shadow: 0 3px 6px 0 rgba(0,0,0,0.13);
    border: 1px solid #d8d8d8;
    padding: 0 0 12px 16px;
    position: relative;
    min-height: 205px;
}

.survey-list div:before {
    background: transparent url(/images/survey-left-arrow.png) no-repeat;
    position: absolute;
    display: block;
    height: 27px;
    width: 14px;
    content: "";
    left: -14px;
    top: 15px;
}

#premember .survey-list div img {
    padding-bottom: 30px;
    float: right;
}

.survey-list h2 {
    font: 700 39px 'Roboto Condensed', sans-serif;
    -webkit-font-smoothing: antialiased;
    padding-bottom: 10px;
    color: #262626;
}

#premember .survey-list p {
    padding: 0 0 43px 0;
    font-weight: normal;
    line-height: 1.6;
    font-size: 14px;
    color: #262626;
}

.survey-list em {
    padding-bottom: 5px;
    position: absolute;
    font-size: 14px;
    bottom: 10px;
    left: 16px;
}

#premember span {
    font: 700 16px 'Roboto Condensed', sans-serif;
    position: absolute;
    color: #00b420;
    left: 0;
    top: -1px;
}

#premember .stars-gold {
    background: transparent url(/images/stars-gold.png) repeat-x;
    background-size: 19px;
    display: inline-block;
    position: relative;
    height: 20px;
}

#premember .stars-black {
    background: transparent url(images/tars-black.png) repeat-x;
    background-size: 19px;
    display: inline-block;
    position: relative;
    height: 20px;
    width: 90px;
    left: 2px;
    top: 7px;
}

a.btn2.panelbtn {
    width: 208px;
    float: right;
    color: #fff;
    font-size: 16px;
}

.survey-list .panelbtn {
    position: absolute;
    color: transparent;
    right: 10px;
    top: 164px;
    font-size: 0;
}

a.btn2, .btn2 {
    font-family: 'Roboto Condensed', sans-serif;
    background: #04a718;
    width: 209px;
    height: 27px;
    border-top: 1px solid #89dd98;
    border-left: 1px solid #89dd98;
    border-right: 1px solid #005c10;
    border-bottom: 1px solid #005c10;
    font-size: 21px;
    color: #fff;
    text-align: center;
    line-height: 27px;
    font-weight: 400;
}

a.btn2, .btn2 {
    font-family: 'Roboto Condensed', sans-serif;
    background: #04a718;
    width: 209px;
    height: 27px;
    border-top: 1px solid #89dd98;
    border-left: 1px solid #89dd98;
    border-right: 1px solid #005c10;
    border-bottom: 1px solid #005c10;
    font-size: 21px;
    color: #fff;
    text-align: center;
    line-height: 27px;
    font-weight: 400;
}

.survey-headline {
    font-size: 50px;
    color: #b42424;
    margin-top: 5px;
    margin-bottom: 0px;
    font-style: italic;
}

.innerwrapper2 p {
    color: #727272;
}

.survey-headline span{
    position: relative !important;
    font-size: 24px !important;

    margin-top: -23px;
    margin-bottom: -30px;
    font-weight: 300 !important;
    top: -3px !important;
}

.survey-subline {
    font-size: 42px;
    font-weight: bold;
    font-style: italic;
    color: red;
    margin-top: 10px;
    margin-bottom: 10px;
}


.section-option {
    border-bottom: 1px solid #727272;
    margin-bottom: 23px;

}

.section-a-tag {
    color: #3597d3;
}

.section-option input {
    margin-left: 10px;
    margin-bottom: 10px;
}

.yes-no-wrap {
    padding: 5px;
    border: 1px solid #ccc;
    width: 139px;
    padding-top: 6px;
    height: 40px;
    position: relative;
    top: -44px;
    float: left;
    right: -180px;
}

.inner-body {
    background: url(/images/bg.jpg) fixed top center no-repeat;
    background-size: 100% !important;

}


.page3 {
    position: relative;
    left: 200px;
    top: 10px;
}



.page3 h1 {
    color: #b42424;
    margin-bottom: 8px;
    font-size: 36px;
    font-weight: bold;
    position: relative;
    left: 10px;
}

.page3 a {
    position: relative;
    top: 20px;
    padding: 10px 40px;
    font-size: 32px;
    color: #fff;
    font-weight: bold;
    background: #b42424;
    box-shadow: 0px 0px 10px rgba(0,0,0, .4);
    border-radius: 5px;
    left: 139px;
    text-decoration: none;
}

.page3 p {
    color: #727272;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    left: 10px;
}


.innerwrapper2 {
    margin: 0 auto;
    max-width: 1100px;
    left: 0px;
    position: relative;
    top: 44px;
    height: 120px;
    background-color: #fff;
}

.innerwrapper3 {
    margin: 0 auto;
    max-width: 1100px;
    left: 0px;
    position: relative;
    top: 44px;
    height: 1230px;
    background-color: #fff;
}




.threefourths p {
    float: left;
    position: relative;
    top: -18px;
}