/*	Resets
	------	*/

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

ul{list-style: none;} 
article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video{display: block;}

blockquote, q{quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after{content: ''; content: none;}
table{border-collapse: collapse; border-spacing: 0;}
b, strong{font-weight: bold;}
[type="checkbox"], [type="radio"]{box-sizing: border-box; padding: 0;}
[type="search"]{-webkit-appearance: textfield; outline-offset: -2px;}
[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}
::-webkit-file-upload-button{-webkit-appearance: button; font: inherit;}

.clear:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
a img{border:0; width: auto; height: auto; max-width: 100%; vertical-align: bottom; border-style: none;}
a,input,select,textarea{outline:none;}
img{width: auto; height: auto; max-width: 100%; vertical-align: bottom; border-style: none;}

/* Selection colours (easy to forget) */
img::selection{background: transparent;}
img::-moz-selection{background: transparent;}
a{text-decoration: none; display: inline-block;}

input[type='number']{-moz-appearance:textfield;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{-webkit-appearance: none;}
input::-moz-focus-inner{border:0; padding: 0;}
input:invalid,
input:required{box-shadow: none;}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration{display: none;}
input:required { box-shadow:none; }
input::-moz-focus-inner{box-shadow:0 0 0px transparent;}

/*		Default Layout 
-------------------------------------------------------------------------------
*/

body{background: rgb(255,255,255); -webkit-text-size-adjust: 100%; -moz-text-size-adjust:100%; -moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased; font-family: 'Montserrat', sans-serif; font-size:18px; line-height: 27px; font-weight:300; font-style:normal; color: #333333; overflow-x: hidden; overflow-y:auto;}

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

/* Global style */
h1, h2, h3, h4, h5, h6{font-family: 'Montserrat', sans-serif; font-size:44px; line-height:88px;font-weight: 700; font-style: normal;padding-top: 53px;}
h2{font-weight: 600;font-size:30px; line-height: 43px;}
h3,h4,h5{font-size:30px; line-height:36px; color:#333333;}
h4{font-size: 26px; line-height: 31px; font-weight: 600;}
h5{font-size:22px; line-height: 26px; font-weight: 400;}
h6{font-weight: 400; font-size: 18px;line-height: 24px;padding-top: 45px; color: #000000}

dfn, address, em{font-style: normal;}
label, input[type="submit"], input[type="button"]{cursor: pointer;}
button:focus{outline: none;}

p{padding-top: 14px;}

section,figure{float: left; width: 100%}

.btn{font-family:'Montserrat', sans-serif; font-size:20px; height:58px; line-height: 57px; color:#ffffff; font-weight: 700; font-style: normal; text-align: center;  border-radius: 50px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out; border: 1px solid transparent;}
.input-wrap{float:left; width:100%;margin-top: 88px;}
.submit-wrap{float: left; width:100%; text-align: center; margin-top: 46px;}
input {float: left; width: 100%; height:56px; font-family:'Montserrat', sans-serif; font-size: 18px; line-height: 54px; color: #333333; font-weight: 600; font-style: normal; border: 1px solid #dddddd; padding: 0 20px; margin-top: 4px;}
input[type="submit"],input[type="button"]{float: none;padding: 0;text-align: center; text-transform: uppercase;cursor: pointer;font-weight: 400}

.btn-small,.btn-exlarge{width:180px;text-transform: uppercase}
.btn-exlarge{width:353px;}


.blue-bg,.blue-bg.disabled:hover{background-color: #1976ee;color: #ffffff;}
.blue-bg:hover{background-color: transparent;color: #1976ee;border-color: #1976ee;}
.blue-transparent,.blue-transparent.disabled:hover{background-color: transparent; border-color: #1976ee;color: #1976ee;}
.blue-transparent:hover{background-color:#1976ee; color:#ffffff;}




/* Global style */


/* Micromain Survey Page */
.main-content-wrap{padding-bottom: 48px;}

.main-logo{margin: 0 auto; clear: both;margin-top: 36px;float: none; display: block; text-align: center}
.content-holder-wrap .common-wrap{max-width: 660px;padding: 0 20px; margin: 0 auto; clear: both;}
 .content-holder-wrap > h2{color: #111111;}
.title-bg{float: left; width: 100%; text-align: center;margin-top: 60px;}
.title-icon{text-align: center; display: inline-block;margin-right: 16px}
.title-bg h2{text-align: center; display: inline-block;}
.radio-inner-wrap,.radio-check-wrap,.radio-check-item-wrap,.form-submission-wrap{float: left; width: 100%;}
.radio-check-wrap{ width: 103%; margin-left: -11px;}
.form-submission-wrap{padding-bottom: 60px;}
.form-submission-wrap:nth-child(2) .title-bg{margin-top: 10px;margin-bottom:30px;}
.form-submission-wrap:nth-child(2) .input-wrap{margin-top: 32px;}

.form-submission-wrap:first-child .title-bg:first-child{margin-top: 24px}
.form-submission-wrap:first-child .radio-check-item-wrap:first-child{margin-top: 38px;}

.radio-check{float: left; width: 42px;height: 39px;position: relative;margin: 11px 1.79% 0;}
.radio-check:last-child{margin-right: 0;}

.radio-check label{display: block; vertical-align: middle;font-size: 16px; text-align: center; line-height: 20px; display: inline-block; color: #595959;width: 100%; height: 100%;position: relative;padding: 9px 0;z-index: 9;border-radius: 5px; background: transparent;border: 1px solid #bec1c8;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;font-family:'Montserrat', sans-serif;font-weight: 400;}
input[type="radio"]{position: absolute; visibility: hidden; height: auto; width: auto}
input[type="radio"]:checked ~ label{color: #ffffff; z-index: 10;border-color: #fc8d56;background:#fc8d56;}
.check-info{float: left; width: 100%;position: relative;}
.check-info span{float: left; width: auto; font-size: 16px;line-height: 20px; font-weight: 300;margin-top: 11px;text-align: left;padding-right: 15px;}
.check-info span:nth-child(2){margin-left: 17%}
.check-info span:last-child{text-align: right;padding-right: 0;float: right;}
.radio-inner-wrap .input-wrap{float: left; width: 100%;margin: 71px 0 0 0; }
.radio-inner-wrap .input-wrap textarea{float: left; width: 100%; border-radius: 10px; border: 1px solid #787878;padding: 20px;font-size: 16px; line-height: 20px;font-family:'Montserrat', sans-serif; font-weight: 300; outline: none; height: 188px;resize: none; margin-top: 10px;}
.input-wrap p{line-height: 22px; font-weight: 400}


.title-bg p{padding-top: 40px;font-size: 18px;}
.form-submission-wrap:last-child  .input-wrap{margin-top: 36px}
.form-wrap{float: left; width: 100%}
.form-wrap .input-wrap{width: 286px; margin: 36px 3.870967741935484% 0}
.form-wrap .input-wrap input[type="text"],.form-wrap .input-wrap input[type="email"]{margin-top: 13px;font-weight: 400; border-radius: 10px;}
.form-wrap .input-wrap label{font-weight: 400;}
.form-wrap .input-wrap:nth-child(2n+1){margin-left: 0px}
.form-wrap .input-wrap:nth-child(2n+2){margin-right: 0px}
.form-wrap .submit-wrap{margin-top: 43px;}
.feedback-wrap{float: left; width: 100%; padding-bottom: 60px;}
.feedback-wrap .title-bg{margin-top: 0;}
.feedback-wrap .title-bg h2{padding-top: 56px;font-size: 36px; font-weight: 400;}
.feedback-wrap a{font-size: 20px;line-height: 26px;font-weight: 400;color: #1976ee; margin-top:12px;}
.feedback-wrap p{line-height: 27px;padding-top: 17px;}



.link-wrap{float: left; width: 100%; text-align: center;margin-top: 45px;margin-bottom:60px;}
.link-wrap a{display: inline-block; width: 233px; height: 90px;vertical-align: middle; text-align: center; border-radius: 10px; border: 1px solid #787878;padding: 23.5px 15px;margin-left: 15px; margin-right: 15px;}

.link-wrap a:last-child{width: 300px; /*margin-left: 6.290322580645161%*/}

.check-info-mob { display: none; }





/* =======================================================================================================
============================================ Responsive style ========================================== */

/*		Mobile Layout: 320px and 480px and more but less than or equal to 767px.
----------------------------------------------------------------------------------
*/

@media only screen and (min-width: 320px) and (max-width: 767px) {
    input[type="text"],input[type="email"],input[type="tel"],input[type="search"],input[type="number"],input[type="submit"],input[type="button"],input[type="password"],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;}

/*
    .check-info span:nth-child(2),.check-info span:last-child,.check-info span{float: left; text-align: left; margin: 20px 0 0 0; clear: both; padding: 0;}
    .radio-check-wrap{margin-left: -6px}
    .check-info{margin-top: 10px;}
*/
    .radio-inner-wrap .input-wrap{margin-top: 30px;}
    .link-wrap{margin-top: 30px;}
    .link-wrap a{margin-top: 30px;}
    .main-content-wrap{padding-bottom: 60px;}
    .form-wrap .input-wrap:nth-child(2n+1),.form-wrap .input-wrap:nth-child(2n+2),.form-wrap .input-wrap{width: 100%; margin: 30px 0 0 0}
    .title-bg h2{padding-top: 30px;}
    .feedback-wrap .title-bg h2,h2{font-size: 30px;}
    /*.link-wrap a:last-child{margin-left: 0;}*/
    .form-submission-wrap:nth-child(2) .title-bg{margin-top: 60px;}
    .form-submission-wrap:nth-child(2){padding-bottom: 60px;}
}

@media only screen and (max-width: 600px) {
	.check-info { display: none; }
	.radio-check { clear: both; }
   	.check-info-mob { display: block; position: absolute; top: 7px; left: 60px; white-space: nowrap; } 
}

/*		Wide Mobile Layout: 480px.
------------------------------------------------------------
*/

@media only screen and (min-width: 480px) and (max-width: 767px) {
    
    .radio-check { margin: 16px 1.2% 0;}
    .check-info{ width: 550px; }
    /*.link-wrap a:last-child{margin-left: 30px;}*/
    
}


@media only screen and (max-width:375px){
    .link-wrap a:last-child{width: 270px;margin-left: 0px; margin-right: 0px; margin-top: 20px;}
}


.survey-section {
	display: none;
	border-top: 1px solid #aaaaaa;
}
.disabled {
	cursor: default !important;
	opacity: 0.5;
}
.feedback-response {
	display: none;
	text-align: center;
	padding-top: 20px;
	font-size: 20px;
	clear: both;
	font-weight: bold;
}
.error {
	border: solid 1px red !important;
}
.error-message {
	display: none; width: 100%; float: left; margin-top: 40px; margin-bottom: 0px; color: red; white-space: pre; font-weight: 600;
}
#message-3.error-message {
	margin-top: 20px;
	margin-bottom: 20px;
}
#survey-section-3 .feedback-form .input-wrap {
	margin-top: 20px;
}