/* CSS Document */

/* Reset */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub,  table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {margin:0;padding:0;vertical-align:baseline;}

/* Defaults */
:focus {outline:0}
abbr, acronym, dfn {border-bottom:1px dotted;cursor:help}
blockquote { background-color:#d1d8df; padding:14px 12px 8px; margin-bottom:15px; }
blockquote h3 {font-family:Arial, sans-serif; font-size:14px !important; color:#002141 !important; font-weight:bold !important; line-height:16px; margin-bottom:7px !important;}
blockquote p {font-family:Arial, sans-serif; font-size:12px !important; color:#002141 !important; font-weight:normal !important; line-height:16px; margin-bottom:10px !important;}
blockquote h3 span{ font-size:20px;}

code, pre {font-size:1em}
del {text-decoration:line-through}
dfn {font-style:italic;font-weight:bold}
dt {font-weight:bold}
dd {margin:0 0 1em 10px}
fieldset {border:0}
fieldset p {margin:0 0 5px}
img {border:0;vertical-align:bottom}
ins {text-decoration:none}
hr {margin:0 0 0.5em}
a{
	font-size:16px;
	color:#3B4141;
}
a:hover{ text-decoration:none; color:#000;}


textarea {font:1em Arial;overflow:auto}
tt {display:block;margin:0.5em 0;padding: 0.5em 1em}
strong{margin-right:0px;}


/****** Common Classes ******/

.clear{ display:block; clear:both; line-height:0;}
.space { display:block; clear:both; height:30px;}
.dspace { display:block; clear:both; height:22px;}


html{margin:0px; padding:0px;}



@font-face {
    font-family: 'ralewayregular';
    src: url('../fonts/raleway-regular-webfont.eot');
    src: url('../fonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-regular-webfont.woff2') format('woff2'),
         url('../fonts/raleway-regular-webfont.woff') format('woff'),
         url('../fonts/raleway-regular-webfont.ttf') format('truetype'),
         url('../fonts/raleway-regular-webfont.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'montserratregular';
    src: url('../fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratbold';
    src: url('../fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body{margin:0px; padding:0px; font-family: 'ralewayregular', sans-serif; font-size:14px; color:#333; background:#fff;background-image:url(../images/bg-body7.png); background-repeat:repeat; }


/******************* wrapper ***********************/

.wrapper{ width:960px; display:block; margin:0 auto;box-shadow: 0 0 60px rgba(0, 0, 0, 0.2);background-color:#fff; }

.top-section{ width:100%; float:left; display:block; background-image:url(../images/main_banner.jpg); background-repeat:no-repeat; padding:10px; width:940px;}
.left-img{ float:left; display:block; margin-right:10px;}
.top-section h1{ color:#000; font-size:35px; font-family: 'montserratbold'; text-align:center; padding-right: 50px; padding-top: 20px;}
.top-section h1 span{ color:#fff;}
.main-text{min-height: 138px;}
.time-section { background: #029e9d none repeat scroll 0 0;color: #fff;display: block;font-size: 21px; margin: 11px auto 15px auto; padding: 8px 25px; text-align: center; width: 171px;border: 1px solid #008685;}
.bottom-spritor{ background-image:url(../images/bottom_img.png); background-repeat:no-repeat; height:79px; width:940px; padding:10px 10px 29px; margin-left:-10px; float:left; position: relative;}

.Survey-research{font-family: 'montserratbold'; font-size:22px; color:#fff;line-height: 51px; margin-right: 123px; float:left;}
.Survey-research span{ float:left; margin-right:15px; padding-top:5px;}

a.js__p_start { background: #e7ab32 none repeat scroll 0 0; border-bottom: 2px solid #454545; border-radius: 4px; color: #fff; float: left;font-family: "montserratbold"; font-size: 24px;
  margin-top: -3px; padding: 14px 50px 14px 26px ; text-decoration: none; background-image:url(../images/btn_arrow.png); background-repeat:no-repeat; background-position:right;}
  
a.js__p_start:hover{ background-color:#019596;}

.right-text{font-family: 'montserratbold'; text-align:center; color:#fff; font-size:17px; padding-top:8px;}
.right-text span{ color:#ebad30;}
.center-section{ padding:30px;}
.center-section .left-side  h3{ background-image:url(../images/down_arrow.png); background-repeat:no-repeat; background-position:19px center;background-color:#4bc1be;padding:15px 10px  15px 69px;font-size:25px; font-family: 'montserratbold'; color:#fff; clear:both;}

.center-section  .left-side li{ background-image:url(../images/tick_mark.png); background-repeat:no-repeat; background-position:13px center; padding-left:25px;font-family: 'montserratregular'; list-style:none; font-size:20px; color:#000; background-color:#f9f9f9; padding:13px 10px  13px 69px;}

.center-section .left-side  li.color-change{ background-color:#e5f0f0;}
.left-side {float: left;}

.container{ float:left; width:960px; background-color:#fff;box-shadow: 0 0 60px rgba(0, 0, 0, 0.2); }
.right-section .ads{ margin-bottom:15px;}
.right-section h3{font-family: 'montserratbold'; color:#4bc1be; font-size:18px; margin-bottom:15px;}
.right-section p{color:#000; font-size:16px; line-height:24px;}

.right-section { background-color: #f9f9f9; float: right; margin-right: -30px; margin-top: -56px; padding: 59px 20px 100px 20px; width: 263px;}

.footer{ background-color:#026c6d; text-align:center; padding:25px 0; float:left; color:#fff; width:100%;}
#leadpages-form-header > img { height: auto; margin-left: -35px; max-width: 100%; margin-bottom:10px;}
.pop-content img{ margin:0 auto; width:25%; height:auto;}
.pop-content{ padding-top:50px;}
.content-right {float: right; width: 57%;}
.content-right h3{ margin-bottom:20px;font-family: 'montserratregular'; font-size:22px;}
.content-right  input { border: 1px solid #ddd; margin-bottom: 25px; padding: 14px; width: 92%; font-size:16px; color:#bebebe;}
.content-right button { background-color: rgb(10, 10, 10); border-color: rgb(221, 221, 221); border-style: solid; border-width: 0;
  letter-spacing: 0; text-shadow: 2px 2px 0 rgb(57, 27, 148);font-family: 'montserratregular'; font-size:20px; margin-bottom:20px; color:#fff; padding:10px; width:100%; cursor:pointer; border-radius:5px; text-transform:uppercase;}
.center-text{ font-size:12px;}


/*******************responsiv css**************************/


@media screen and (min-width:768px) and (max-width:959px){
	
.wrapper{ width:768px;}
.container{  width:768px;}
.top-section{width:748px;}
.bottom-spritor{width:748px;}
.top-section h1{ font-size:29px;}
a.js__p_start {font-size: 14px;margin-top: 5px; padding-top: 14px; width: 21%;}
img{ max-width:100%; height:auto;}
.left-side {float: left; width: 410px;}
.time-section{ margin-left:150px;}
.pop-content img {clear: both; float: none; margin: 0 auto; width: 25%;}
}

@media screen and (min-width:320px) and (max-width:767px){
.wrapper{ width:100%;}
.container{ width:auto;}
.top-section{ width:auto;}
.left-img{ display:none;}
.bottom-spritor { background: #019596 none repeat scroll 0 0; height: auto; margin-right: -10px; width: auto; width: 100%;}
.top-section h1{ font-size:20px; padding-right:0px;}	
img{ max-width:100%; height:auto;}
.center-section{ padding:0px;}
.right-section{ width:auto; margin-right:0px;}
.time-section{ float:none; margin:20px auto;}
.Survey-research{ margin-right:0px;  margin-bottom: 22px; float:none;}
a.js__p_start { display: block; float: none; margin: 0 auto; text-align: center; width: auto; font-size:17px;}
.center-section .left-side h3{ font-size:18px;}
.center-section .left-side li{ font-size:15px;}
.left-side{ width:100%;}
.right-text br { display: none; padding: 0;}
.Survey-research {float: none; margin: 0 auto 25px; width: 273px;}
.popup{ width:100% !important;}
.pop-content img {clear: both; float: none; margin: 0 auto; width: 25%;}
.content-right { float: left; width: 100%;}
.pop-content{ padding-top: 10px;}
.content-right h3{ font-size:13px; top:}
.content-right input{padding: 8px 14px;}
}

@media screen {
	div#preloader {
		position: absolute;
		left: -9999px;
		top:  -9999px;
		}
	div#preloader img {
		display: block;
		}
	}
	
@media print {
	div#preloader, 
	div#preloader img {
		visibility: hidden;
		display: none;
		}
}

.timer{display: table; margin: 0 auto;}