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

body {
	background:#f6f6f6;
	padding:0;
	margin:0;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
}
a {
	text-decoration:none;
}
a:hover, a:focus, a:active {
	text-decoration:none;
}
section {
	padding: 10px 0;
	position: fixed;
	top: 0;
	width: 100%;
	background: #fff;
	box-shadow: 0 0 4px #00000042;
	z-index:655
}
.logo {
}
.logo img {
	width:420px;
}
.toplink {
	text-align: right;
	margin-top: 20px;
}
.toplink li {
	display:inline-block;
	font-size:14px;
	color:#333E48;
	font-weight:300
}
.toplink li a {
	color:#333E48;
}
.toplink li a:hover, .toplink li a:active, .toplink li a:focus {
	color:#F32227;
}
.toplink li a:hover i, .toplink li a:active i, .toplink li a:focus i {
	color:#F32227;
}
.toplink li i {
	margin:0 5px 0 15px;
	color:#19477b
}
.titleblock {
	margin-top:80px;
	text-align:center;
}
.titleblock h1 {
	margin-top:130px;
	text-align:center;
	font-size:30px;
	padding: 0 200px;
	color:#19477b;
	font-weight: 600;
	margin-bottom:25px
}
.titleblock p {
	font-size: 14px;
	padding: 0 200px;
	margin-bottom: 35px;
	color: #6B787F;
	font-weight: 300;
}
.mainblock {
	width: 950px;
	border: solid #EDEEEE;
	border-width: 0;
	border-radius: 4px 4px 0 0;
	min-height:500px;
	background:#fff;
	margin:auto;
	position: relative;
	z-index: 5;
	padding:80px;
	margin-bottom: 70px;
}
.bgcolor {
	background: #19477b;
	width: 100%;
	position: fixed;
	height: 250px;
	bottom: 0;
}
.questionform label.type1 {
	font-size: 18px;
	font-style: normal;
	font-weight: 300;
	text-decoration: none;
	color: #333e48;
	line-height: 26px;
	padding: 0 0 0px 0;
	margin-bottom:20px;
}
.questionform input {
	width: 100%;
	height: 50px;
	padding: 15px;
	border: 1px solid #e3e3e3;
	background: #f7f7f7;
	font-size: 15px;
	font-weight: 300;
	margin-bottom:50px;
	border-radius: 5px;
}

.questionform textarea {
	width: 100%;
	height: 100px;
	padding: 15px;
	border: 1px solid #e3e3e3;
	background: #f7f7f7;
	font-size: 15px;
	font-weight: 300;
	margin-bottom:50px;
	border-radius: 5px; resize:none
}
/* The container */
.container2 {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/* Hide the browser's default checkbox */
.container2 input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container2:hover input ~ .checkmark {
 background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container2 input:checked ~ .checkmark {
 background-color: #2196F3;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.container2 input:checked ~ .checkmark:after {
 display: block;
}
/* Style the checkmark/indicator */
.container2 .checkmark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
/* The container */
.container3 {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 15px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color:#828282;
}
/* Hide the browser's default radio button */
.container3 input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}
/* Create a custom radio button */
.checkmark2 {
	position: absolute;
	top: 1px;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #eee;
	border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container3:hover input ~ .checkmark2 {
 background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container3 input:checked ~ .checkmark2 {
 background-color: #19477b;
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark2:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the indicator (dot/circle) when checked */
.container3 input:checked ~ .checkmark2:after {
 display: block;
}
/* Style the indicator (dot/circle) */
.container3 .checkmark2:after {
	top: 6px;
	left: 6px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}
.mb45 {
	margin-bottom:45px;
}
.btn-new {
	color: #fff !important;
 padding: .8rem 1.8rem;
	background: #F32227;
	border: 0;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
	border-radius:5px;
}
.btn-new:hover, .btn-new:active, .btn-new:focus {
	background: #ca0b10;
}
.poweredby{ position: relative;z-index: 5;text-align: center;color: #fff;top: -45px;font-size: 14px;}

.poweredby a{ color:#fff; font-weight:300; }
.poweredby a:hover{ color:#fff; text-decoration:underline }

@media (min-width: 1024px) and (max-width: 1279px) {
  .logo img { width: 330px;}	

}

@media (min-width: 980px) and (max-width: 1023px) {
  .logo img { width: 330px;}
  .titleblock h1{ padding:0 100px}
  .titleblock p {  padding: 0 100px; }
  .mainblock { width: 100%; }
    .logo { display: block; text-align: center; }
	.toplink { text-align: center; margin-left:0; padding-left: 0;}
}

@media (min-width: 768px) and (max-width: 979px) {
	 .logo img { width: 330px;}
  .titleblock h1{ padding:0 100px; margin-top: 150px;}
  .titleblock p {  padding: 0 100px; }
  .mainblock { width: 100%; padding: 40px; }
      .logo { display: block; text-align: center; }
	.toplink { text-align: center; margin-left:0; padding-left: 0; margin-bottom: 0px;}
	.bgcolor { height: 140px; }
}

@media (max-width: 767px) {
	
 .logo img { width: 330px;}
  .titleblock h1{ padding:0 0px; margin-top: 170px; font-size:22px; margin-bottom: 15px;}
  .titleblock p {  padding: 0; font-size: 13px; line-height:20px; }
  .mainblock { width: 100%; padding: 40px; }
      .logo { display: block; text-align: center; }
	.toplink { text-align: center; margin-left:0; padding-left: 0; margin-bottom: 0px;}
	.bgcolor { height: 140px; }
	
	.titleblock{ width:100%; margin:auto; padding: 0 15px;}
	.questionform label.type1 {
    font-size: 16px; }
	.container3 input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    width: auto;
}

}