/***** DEFAULT PRIMARY STYLES *****/
@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.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_sanssemibold';
    src: url('fonts/OpenSans-Semibold-webfont.eot');
    src: url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') 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.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:'swiss721';
    src: url('fonts/swiss721.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family:'Swis721CnBTRoman';
    src: url('fonts/Swis721CnBTRoman.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
body {
    font-size:16px;    
    font-family:'open_sansregular';   
    background: url(../images/bg.jpg) no-repeat;
    background-size: cover;
    height: auto;

}

.top-wrap {
    background: #2290d6;
    background: url(images/city_1.png) top center no-repeat;
    background-size: 100%;
}


h1,.h1 {
    font-size:36px;
    color: #3597d3;
    font-weight: 600;
}
h2,.h2 {
    font-size:30px;
    font-weight:normal;
}
h3,.h3 {
    font-size:24px;
    font-weight:normal;
}
h4,.h4 {
    font-size:18px;
    font-weight:normal;
}
h5,.h5 {
    font-size:16px;
    font-weight:normal;
}
h6,.h6 {
    font-size:14px;
    font-weight:normal;
    margin:0px;
}
p {
    line-height:1.75em;
    margin:0 0 1em 0;
}
a,a:visited {

    text-decoration: none;

}
a {
    color: #49ba6f;
}
a:hover {
    color: #115c2a;
}
ul, ol {
    margin-left:0em;
    list-style: none;
    padding-left: 0px;
}



/***** HEADER AREA *****/


header { 
    width: 100%;
    min-width: 1024px;
    height:85px;
    background: #075e6c99;
}
.logo a {
    display: block;
}
.xlogo img{
    position: relative;
    z-index: 999999;
    width: 210px;
}
nav {
    position: relative;
    z-index: 999999;
    width: 70%;
    float: right;
    padding: 4% 2.5% 0% 2.5%;
}
.xnav-wrapper {
    height: 0px;
}

.main-menu {
    float: right;
    display: inline;
    position: relative;
    top: -47px;
}

.main-menu li{    
    display: inline;
}
.main-menu p span {
    font-size: 24px;
    color: darkblue;
    font-weight: 400;
}

.main-menu p {
    font-size: 19px;
    font-weight: 300;
    color: #727272;
    line-height: 1;
    padding:15px 10px;
    position: relative;
    top: -12px;


}

footer {
    height:150px;
    color: #fff;
    background: #262626;
    width: 100%;
    min-width: 1024px;
}


/**** styles ****/

.top-text h1 {
    font-size: 65px;
    color: #ffffff;
    text-shadow: 1px 2px 2px #00000057;
    font-weight: 100;
    margin-bottom: 10px;
    margin-top: 20px;
	font-family: 'swiss721';
	line-height: 65px;
}

.top-text h1 span {
    font-weight: bold;
}

.left-side p strong {
    font-size: 23px;
}

.left-imgs {
    text-align: center;
	background: #17444b8f;
    border-radius: 15px;
	border: solid 2px #fff;
}

.left-bottom {
    text-align: center;

}

.left-bottom img {
    margin: 0 auto;
}


.right-side {
    color: #fff;
    margin-top: 20px !important;
    border-radius: 10px;
}
.right-side h3 {
    color: #fff;
    background: #009edc;
    width: 100%;
    padding: 10px 0px;
    text-align: center;
    margin:0px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.email-input {
    width: 100%;
    padding: 10px 5px;
}

.center-right {
    padding: 30px 20px;
    margin-bottom: 10px;
}

.started {
    background: #39b54a;
    color: #fff;
    padding: 10px 30px;
    border-radius: 5px;
    border: none;
}

.not-member {
    color: #fff;
    font-size: 12px;
    margin-top: 10px;
}

.not-member a {
    color: #fff;
}

.copyright {
    font-size: 10px;
}

footer a {
    font-weight: 200;
    color: #fff;
    font-size: 12px
}

.copyright img {
    width: 100%;
    margin-top: 50px;
}

.page1 {
    margin-top: 50px;
    margin-bottom: 60px;
}

/*** form ***/

.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{width:100%; max-width:520px; background:#fff;min-height:20px;float:left;position:relative; -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:130px}
.blue_header{width:100%;height:40px;color:#fff;background:#40a9dd;margin-bottom:10px}
.sub_header {
    padding: 0 0 5px 20px;
    font-size: 17px;
    color: #363636;
}
.sub_header em {
    font-style: normal;
    font-weight: 700;
    color: #ff24b9;
}
.white{font-size:1px;padding-left:10px;line-height:40px}
.mini_white{font-size:16px;padding-left:8px;line-height:40px}
.form_lft_clm{width:530px;min-height:20px;float:left;clear:both}
.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: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: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{width:300px;font-size:10px;font-family:Verdana, Geneva, sans-serif;text-align:justify;margin-top:10px;margin-bottom:20px;padding:0px 0px 10px 0px;}
.sub_message a{text-decoration:none;color:#000;font-weight:bold}
.input_row{margin-top:7px;width:100%;overflow:auto;}
.input_title{width:25%;font-size:16px;color:#000;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:30px;
    width:200px;
    float:left;
    width: 49%;
}
.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:#000;
    margin-right: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: 29px;
    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}

/*** page2 survey list ***/

.list-survey-main {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 30px #727272;
    margin-bottom: 60px;
}

#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: red;
    margin-top: 5px;
    margin-bottom: 0px;
	color:#000 !important;
}

.survey-headline span{
    position: relative !important;
    font-size: 24px !important;
    color: red !important;
    margin-top: -23px;
    margin-bottom: -30px;
    font-weight: 300 !important;
    top: -16px !important;
	color:#000 !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;

}

.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: 9px;
}

.inner-body {
    background: url(/images/bg.jpg) fixed top center no-repeat;
    background-size: 100% !important;
}
.iconbanner img{    
	border: solid 4px #fff;
    border-radius: 60px;}
.iconbanner p{font-size:15px;}
.joinnow{    
	background: #00fff0;
    border-radius: 20px;
    border: solid 2px #000;
	margin-bottom: 15px;}