/*custom font*/
@import url(http://fonts.googleapis.com/css?family=Montserrat);
/*basic reset
* {margin: 0; padding: 0;}

html {
	height: 100%;
	//Image only BG fallback
	background: url('http://thecodeplayer.com/uploads/media/gs.png');
	//background = gradient + image pattern combo
	background: 
		linear-gradient(rgba(196, 102, 0, 0.2), rgba(155, 89, 182, 0.2)), 
		url('http://thecodeplayer.com/uploads/media/gs.png');
}

body {
	font-family: montserrat, arial, verdana;
}*/
/*form styles*/

#msform {
	min-height: 450px;
	margin: 25px auto;
	/*width: 800px;text-align: center;*/
	position: relative;
	border: 0;
}
#msform fieldset {
	position: absolute;
	width: 100%;
	background: white;
	border-color: #f1f1f2;
	border-radius: 3px;
	box-sizing: border-box;
	padding: 15px 25px;/*box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);	
	margin: 0 10%;*/
	/*stacking fieldsets above each other*/
}
/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
 display: none;
}
/*inputs*/
#msform input, #msform textarea {
	padding: 15px;
	border: 1px solid #ccc;
	border-radius: 3px;
	margin-top: 0px;
	margin-bottom: 20px;
	width: 100%;
	box-sizing: border-box;
	font-family: montserrat;
	color: #2C3E50;
	font-size: 13px;
}
/*buttons*/
#msform .action-button {
	width: 100px;
	background: #27AE60;
	font-weight: bold;
	color: white;
	border: 0 none;
	border-radius: 1px;
	cursor: pointer;
	padding: 10px 5px;
	margin: 10px 5px;
}
#msform .action-button:hover, #msform .action-button:focus {
	box-shadow: 0 0 0 2px white, 0 0 0 3px #27AE60;
}
/*headings*/
.fs-title {
	font-size: 15px;
	text-transform: uppercase;
	color: #2C3E50;
	margin-bottom: 10px;
}
.fs-subtitle {
	font-weight: normal;
	font-size: 13px;
	color: #666;
	margin-bottom: 20px;
}
/*progressbar*/
#progressbar {
	margin-bottom: 30px;
	overflow: hidden;
	/*CSS counters to number the steps*/
	counter-reset: step;
}
#progressbar li {
	list-style-type: none;
	color: white;
	text-transform: uppercase;
	font-size: 9px;
	width: 33.33%;
	float: left;
	position: relative;
}
#progressbar li:before {
	content: counter(step);
	counter-increment: step;
	width: 20px;
	line-height: 20px;
	display: block;
	font-size: 10px;
	color: #333;
	background: white;
	border-radius: 3px;
	margin: 0 auto 5px auto;
}
/*progressbar connectors*/
#progressbar li:after {
	content: '';
	width: 100%;
	height: 2px;
	background: white;
	position: absolute;
	left: -50%;
	top: 9px;
	z-index: -1; /*put it behind the numbers*/
}
#progressbar li:first-child:after {
	/*connector not needed before the first step*/
	content: none;
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before, #progressbar li.active:after {
	background: #27AE60;
	color: white;
}
/**/
input[type=radio].with-font, input[type=checkbox].with-font {
	border: 0 !important;
	clip: rect(0 0 0 0) !important;
	height: 1px !important;
	margin: -1px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
}
 input[type=radio].with-font ~ label:before, input[type=checkbox].with-font ~ label:before {
 font-family: FontAwesome !important;
 display: inline-block !important;
 content: "\f111" !important;
 letter-spacing: 10px !important;
 font-size: 27px !important;
 color: #F3F3F4 !important;
}
 input[type=radio].with-font:checked ~ label:before, input[type=checkbox].with-font:checked ~ label:before {
 content: "\f00c" !important;
 font-size: 27px !important;
 color: #00ADEE !important;
 letter-spacing: 5px !important;
}
input[type=checkbox].with-font ~ label:before {
 content: "\f096" !important;
}
input[type=checkbox].with-font:checked ~ label:before {
 content: "\f046";
 color: #00ADEE !important;
}
input[type=radio].with-font:focus ~ label:before, input[type=checkbox].with-font:focus ~ label:before, input[type=radio].with-font:focus ~ label, input[type=checkbox].with-font:focus ~ label {
 color: #00ADEE !important;
}
/* */
table.review-survey, table.review-survey td, table.review-survey tr, table.review-survey tr th, table.input-boxes, table.input-boxes td, table.input-boxes tr {
	border:none;
}
table.review-survey tr td {
	text-align:center;
}
table.review-survey tr th {
	text-align: center;
	padding: 5px;
	color: #000;
	font-weight: 500;
	line-height: 1.2;
}
table.review-survey tr td hr {
	background-color: #00ADEE;
	border: 0;
	height: 2px;
	margin: 0;
	vertical-align: middle;
}
#msform .ques-title-head {
	margin:0;
	margin-bottom:10px;
	color:#29abe2;
	font-size:16pt;
	font-weight:600;
}
#msform h3.ques-title {
	margin:0;
	margin-bottom:10px;
	color:#29abe2;
	font-weight:400;
}
#msform p {
	font-weight: 400;
	font-size: 17px;
	line-height: 1.2;
	margin-bottom: 10px;
}
#msform .input-label {
	color:#000;
	font-size:20px;
	font-weight:600;
	padding-left: 20px;
}
#msform .intro-text, .result-div .text-2 {
	color: #00aeef;
	font-size: 26px;
	font-weight: 300;
	font-family: Open Sans;
	letter-spacing: 1px;
	margin-top: 10px;
}
.previous.btn {
	background-color:#1a124d !important;
	border-color:#1a124d !important;
	width: auto !important;
	margin-right:20px !important;
}
.next.btn, .submit-btn.btn {
	background-color:#00aeef !important;
	width: auto !important;
	margin-right:20px !important;
}
h2.ques-no {
	color:#000 !important;
}
.border-left {
	border-left: 1px solid #e7e7e8;
	padding-left:15px;
	margin-left:15px;
}
.result-div {
	text-align:center !important;
}
.result-div .text-1 {
	font-family: Poppins !important;
	font-size: 28px !important;
	font-weight: bold !important;
	letter-spacing: 0 !important;
	color: #1d174c !important;
}
.result-div .text-2 {
	margin-bottom: 25px !important;
}
.two-icon-cont{ 
	padding-top: 10px !important;
    padding-bottom: 10px !important;
	text-align: right;
}
.ml20{ margin-left:20px; }

@media (min-width: 960px) {
  .col-lg-6 {
   padding: 5px;
   display: block;
   vertical-align: top;
   position: relative;
   width: 50%;
   display: table-cell;
   height: 100%;
  }
}
@media (max-width: 480px) {
	#msform {
		min-height: 800px;
	}
	/*#msform.question-cont {
		min-height: 750px;
	}*/
	.result-div .text-1{
		font-size: 16px;
	}
	.result-div .text-2 {
		font-size: 14px;
	}
	.result-div .text-2 br,
	.multistep-form-footer div br,
	#msform .intro-text br,
	.result-div .text-2 br {
		display: none !important;
	}
	.multistep-form-footer .footer-copy-low, .multistep-form-footer .footer-copy-medium, .multistep-form-footer .footer-copy-high, .multistep-form-footer { font-size:14px; }
	#msform fieldset { padding: 0; margin: 0; border: none !important; }
	#msform .intro-text, .result-div .text-2 {
		font-size: 14px;
		text-align:center;
	}
	#msform table.input-boxes {
		margin: 0;
	}
	#msform table.input-boxes td{
		width: 100%;
		display:block;
	}
	#msform input, #msform textarea{
		margin-bottom:10px;
	}
	.two-icon-cont{ text-align:center; }
	.ml20{ margin-left:0px; }
	#msform .btn {
		margin-left: auto !important;
		margin-right: auto !important;
		width: 145px !important;
	}
	#msform table.review-survey tr th {
		font-size: 11px;
		padding: 5px 2px;
	}
	#msform .border-left {
		border-left: 0;
		padding-left: 0;
		margin-left: 0;
	}
	.page-id-45191 .main-container .row-container .row-parent{
		padding-left:12px;
		padding-right:12px;
	}
	h2.ques-no{
		font-size: 20px;
    	font-weight: bold;
    	margin: 10px 0;
	}
	footer .footer-last .uncell {
		padding-left: 10px;
		padding-right: 10px;
	}
}