@import"reset.css";

@font-face {
	font-family: 'Calibri';
	src: url('../fonts/Calibri.eot');
	src: local('вШЇ'), url('../fonts/Calibri.woff') format('woff'), url('../fonts/Calibri.ttf') format('truetype'), url('../fonts/Calibri.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Calibri-Bold';
	src: url('../fonts/Calibri-Bold.eot');
	src: local('вШЇ'), url('../fonts/Calibri-Bold.woff') format('woff'), url('../fonts/Calibri-Bold.ttf') format('truetype'), url('../fonts/Calibri-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


* {
	font-family: 'Calibri';
}

.clear {clear: both;}

body {
	background: #f2f2f2;
}
p, a, h1, h5, {}


.inside {
	width: 100%;
	max-width: 1220px;
	padding-top: 1px;
	margin: 0 auto;
}
#header {
	background: #04b7f0;
}
#header .inside {
	overflow: hidden;
	padding-top: 0;
	padding-bottom: 1px;
}
#header .inside div:first-child{
	float: left;
	height: 46px;
	line-height: 44px;
	vertical-align: middle;
}
#header .inside div:last-child{
	float: right;
	height: 46px;
	line-height: 42px;

	vertical-align: middle;
}
#header .inside div p {
	color: #252525;
	font-size: 19px;
	text-transform: uppercase;
}

#unique p{
    margin-top: 2px;
}

#header .inside div span {
	color: #252525;
	padding-bottom: 2px;
	font-size: 19px;
	text-decoration: none;
}

#header .inside div a {
	color: #252525;
	padding-bottom: 2px;
	font-size: 19px;
	border-bottom: 1px dashed #252525;
	text-decoration: none;
	text-transform: uppercase;
}
#header .inside div a:hover {
	color: #fff;
	border-bottom-color: #fff;
}
#header .inside, #under-head .inside {
	padding: 0 20px;
	width: 1160px;
}
#logo-footer2 {
	display: none;
}
#under-head #logo-top {
	display: inline-block;
	vertical-align: middle;
	padding-right: 27px;
	border-right: 2px dotted #cdcdcd; 
	height: 96px;
	line-height: 96px;
	vertical-align: middle;
	margin-top: 30px;

}
#under-head #slog {
	display: inline-block;
	vertical-align: middle;
	width: 78%;
	margin-top: 33px;
	margin-left: 3%;
}
#under-head #slog h2 {
	color: #6a9c09;
	font-size: 32px;
	font-family: "Verdana";
	text-transform: uppercase;
	text-align: center;
}
#under-head #slog h1 {
	color: #494949;
	font-size: 88px;
	font-family: "Calibri-Bold";
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0.5px;
}

#afisha {
	border-bottom: 1px dotted #cdcdcd;
	margin-top: 40px;
	overflow: hidden;
	margin-bottom: 62px;
}
#afisha li {
	display: block;
	float: left;
	width: 32.63%;
	vertical-align: top;
	position: relative;
	margin-bottom: 30px;

}
#afisha li img {
	width: 100%;
	display: block;

}
#afisha li:nth-child(2) {
	margin-left: 1%;
	margin-right: 1%;
}
#afisha .caption {
	text-align: center;
	background: rgba(16,16,16, 0.4);
	padding-top: 5px;
	padding-bottom: 22px;
	position: absolute;
	bottom: 18px;
	width: 100%;
	border-radius: 0 0 6px 6px;
}
#afisha  .shadow {
	width: 100%;
	height: 18px;
}

#afisha .caption h4 {
	font-size: 75px;
	font-family: "Calibri-Bold";
	color: #fff;
	text-transform: uppercase;
}
.caption p {
	font-size: 24px;
	font-family: "Verdana";
	color: #fff;
	padding-bottom: 10px;
	padding-top: 5px;
}
.caption a {
	background: url(../images/button-pasive.png) no-repeat center 0;
	width: 211px;
	height: 47px;
	line-height: 45px;
	text-decoration: none;
	color: #fff;
	font-size: 20px;
	text-transform: uppercase;
	font-family: "Verdana";
	display: inline-block;	
}
.caption a:hover {
	background-position: center bottom;
}
#text h3 {
	color: #494949;
	text-align: center;
	font-size: 30px;
	font-family: "Calibri";
	margin-bottom: 58px;
	line-height: 38px;
}
#text h3 span {
	display: block;
	font-size: 36px;
	color: #6a9c09;
	font-family: "Calibri-Bold";
}
#text-left {
	background: #fff;
	width: 762px;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
	margin-right: 38px;
	display: inline-block;
	vertical-align: middle;
}
#text-right {
	display: inline-block;
	vertical-align: middle;
	width: 400px;
}
#text-right p {
	color: #494949;
	font-size: 16px;
	font-family: "Verdana";
	margin-bottom: 20px;
	line-height: 19px;
}
#text {
	margin-bottom: 87px;
}


#benefit {
	height: 470px;
	background: url(../images/benefit-bg.jpg) no-repeat center bottom;
}
#benefit a {
	width: 276px;
	height: 60px;
	line-height: 58px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	background: rgba(0, 0, 0, 0) url("../images/button-pasive2.png") no-repeat scroll center 0;
    display: inline-block;
    font-family: "Verdana";
    text-decoration: none;
    text-transform: uppercase;
    font-size: 26px;
    margin-top: 8px;
}
#benefit a:hover {
	background-position: center bottom;
}
#benefit-left {
	display: inline-block;
	vertical-align: middle;
	margin-top: -24px;
	margin-right: 38px;
}
#benefit-right {
	display: inline-block;
	vertical-align: middle;
	width: 700px;
}
#benefit-right h4 {
	color: #494949;
	font-size: 32px;
	font-family: "Calibri-Bold";
	line-height: 32px;
	margin-bottom: 20px;
	margin-top: 30px;
}
#benefit-right h4 span {
	display: block;
	color: #6da500;
}
#benefit-right p {
	color: #494949;
	font-family: "Verdana";
	line-height: 20px;
	margin-bottom: 20px;
}


#footer-left {
	float: left;
	margin-left: 87px;
	vertical-align: top;
}
#footer-right {
	float: right;
	vertical-align: top;
	text-align: right;
}
#footer-left p {
	font-size: 30px;
	font-family: "Calibri-Bold";
	color: #fff;
	margin-top: 50px;
    margin-bottom: 35px;
}


#footer-left a {
    background: rgba(0, 0, 0, 0) url("../images/button-pasive3.png") no-repeat scroll center 0;
    color: #fff;
    display: inline-block;
    font-family: "Verdana";
    font-size: 20px;
    height: 46px;
    line-height: 44px;
    text-decoration: none;
    text-transform: uppercase;
    width: 211px;
    text-align: center;
    margin-top: 20px;
}
#footer-left a:hover {
	background-position: center bottom;
}
#footer #logo-footer {
	margin-top: 34px;
}
#footer #email {
	margin-top: 14px;
}
#footer {
	padding-bottom: 40px;
	background: #494949;
	overflow: hidden;

}
#footer #created, #footer #created a {
	color: #898989;
	font-size: 12px;
	font-family: "Verdana";
}
#footer #created a:hover {
	color: #fff;
}
#footer #adress {
	color: #fff;
	font-size: 14px;
	font-family: "Verdana";
	max-width: 315px;
	margin: 13px 0 19px 0;
	line-height: 16px;
}
#footer p#email a {
	color: #c2ce96;
	text-decoration: none;
	font-family: "Verdana";
	font-size: 14px;
	border-bottom: 1px dashed #c2ce96;
}
#footer p#email a:hover {
	color: #d3cd65;
	border-bottom-color: #d3cd65;
}

/*****************************************/
/*************** TEST ********************/
/*****************************************/


#test .inside {
	max-width: 800px;
}
#test #instruction {
	text-align: center;
	color: #494949;
	font-size: 30px;
	font-family: "Calibri-Bold";
	line-height: 36px;
	margin-top: 40px;
	margin-bottom: 20px;
	vertical-align: middle;
}
#test #instruction span, #test #instruction img {
	line-height: 36px;
	vertical-align: middle;
}
#list-top li {
	list-style-image: url(../images/dot.png);
	font-family: "Verdana";
	font-size: 14px;
	color: #494949;
	margin-bottom: 18px;
	margin-left: 20px;
}
#list-top li:first-child {
	font-weight: bold;
}
#radio-group1 li img {
	display: inline-block;
	vertical-align: middle;
}
#radio-group1 li span {
	display: inline-block;
	font-family: "Verdana";
	color: #494949;
    vertical-align: middle;
	font-size: 14px;
}
#radio-group1 {
	margin-top: 22px;
	margin-bottom: 25px;
	border-bottom: 1px dotted #cdcdcd;
	padding-bottom: 34px;
}
#radio-group1 li {
	line-height: 26px;
}
#radio-group1 li span b {
	font-weight: bold;
}

.input-group {
	margin-bottom: 20px;
	text-align: center;
}
#input-group h1 {
	color: #6a9c09;
	font-size: 32px;
	font-family: "Calibri-Bold";
	text-align: center;
	margin-bottom: 45px;
}
.input-group h3 {
	color: #494949;
	font-size: 30px;
	font-family: "Calibri";
	text-align: center;
	line-height: 34px;
	margin-bottom: 36px;
}
.input-group label {
	color: #494949;
	font-size: 18px;
	font-family: "Calibri";
	text-align: center;
	line-height: 52px;
	height: 52px;
	width: 223px;
	border-radius: 23px;
	display: inline-block;
	margin: 0 8px;
	padding-right: 20px;
	cursor: pointer;
}
.input-group label .jq-checkbox {
	float: left;
	margin-left: 19px;
	margin-top: 19px;
}
.input-group label.lbl1 {
	background: #bbda7f;
}
.input-group label.lbl2 {
	background: #cccccc;
}
.input-group label.lbl3 {
	background: #eeb67a;
}

.test-bg {
	background: url(../images/test-bg.jpg) no-repeat center 0 #EBEBEB;

}
#finish {
	text-align: center;
	margin-bottom: 60px;
}

#finish #submit-test {
    background: rgba(0, 0, 0, 0) url("../images/button-pasive4.png") no-repeat scroll center 0;
    color: #fff;
    display: inline-block;
    font-family: "Verdana";
    font-size: 26px;
    height: 56px;
    line-height: 45px;
    text-decoration: none;
    text-transform: uppercase;
    width: 276px;
    border: none;
    cursor: pointer;
    display: block;
    margin: 20px auto 0 auto; 
    line-height: 50px;
}
#finish #submit-test:hover {
	background-position: center bottom;
}

#finish label input {
	vertical-align: middle;
}
#finish label span {
	vertical-align: middle;
	font-size: 12px;
	font-family: "Verdana";
	color: #494949;
}
#check {
    display: none;
    font-family: "Verdana";
    margin-top: 7px;
    color: #ff0000;
}
#test #footer .inside {
    max-width: 1220px;
}
.jq-checkbox, .jq-radio {
	border: 1px solid #00c0ff;
	border-radius: 16px;
	width: 16px;
	height: 16px;
	box-shadow: none;
	background-color: #fff;
}
.jq-checkbox.checked .jq-checkbox__div, .jq-radio.checked .jq-radio__div {
	background: #00c0ff;
	border-radius: 8px;
	width: 10px;
	height: 10px;
	margin: 3px 0 0 3px;
	box-shadow: none;
}
#thanks {
	width: 480px;
	padding-bottom: 55px;
	padding-top: 110px;
	text-align: center;
	background: url(../images/fancybox-bg.jpg) no-repeat center 0; 
}

#thanks > img {
	display: inline-block;
	vertical-align: top;
}
#thanks > p {
	display: inline-block;
	vertical-align: top;
	margin-left: 11px;
	color: #494949;
	font-size: 16px;
	font-family: "Verdana";
	line-height: 20px;
}
#thanks a {
    background: #00ccff;
    color: #fff;
    display: inline-block;
    font-family: "Verdana";
    font-size: 20px;
    height: 36px;
    cursor: pointer;
    line-height: 34px;
    margin-top: 20px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 160px;
    border-radius: 18px;
}
.fancybox-skin {
	padding: 0 !important;
}
.fancybox-skin .fancybox-close {
	top: 0;
	right: 0;
	cursor: pointer;
 	background: url(../images/close.png) no-repeat center;
}
















/****************************/
.reg-bg {
    background: url(../images/reg_bg.jpg) no-repeat center 0 #d6edfb; 
}
#registration h1 {
    color: #494949;
    font-family: "Calibri-Bold";
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 20px;
    margin-top: 40px;
    text-align: center;
    vertical-align: middle;

}
#registration li {
    margin-bottom: 10px;
}
#registration li > div {
    display: inline-block;
    vertical-align: top;
}
#registration li:first-child > div, #registration li:last-child > div {
    vertical-align: middle;
}
#registration li > div:first-child {
    text-align: right;
    width: 46%;
    margin-right: 2%;
    color: #494949;
    font-size: 16px;
    font-style: normal;
    font-family: "Verdana";
}
#registration li > div:last-child {
    width: 42%;
    font-size: 12px;
}
#registration li > div:last-child .jq-radio {
    margin-right: 8px;
}
#registration li > div:last-child p {
    margin-top: 4px;
    margin-bottom: 8px;
}
#registration li > div {
    color: #494949;
    font-size: 16px;
    font-style: normal;
    font-family: "Verdana";
}
#registration li > div i {
    color: #ffa200;
    font-size: 16px;
    font-style: normal;
    font-family: "Verdana";
}

#registration li > div h6 {
    color: #494949;
    font-size: 12px;
    font-style: normal;
    margin-top: 5px;
    line-height: 14px;
    font-family: "Verdana";
}
#registration li > div input {
    border: 1px solid #82b8db;
    width: 285px;
    padding-left: 15px;
    height: 40px;
    border-radius: 10px;
    
}
.sbm {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 57px;
}
#registration button {
    background: rgba(0, 0, 0, 0) url("../images/button-pasive2.png") no-repeat scroll center 0;
    color: #fff;
    display: inline-block;
    font-family: "Verdana";
    font-size: 26px;
    height: 60px;
    line-height: 58px;
    margin-top: 8px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 276px;
    cursor: pointer;
    border: none;
}
#registration button:hover {
    background-position: center bottom;
}
#registration .age div input[type="text"] {
    width: 140px;
}
#registration .captcha div input[type="text"] {
    width: 140px;
    vertical-align: top;
}
#registration .captcha div img { 
    vertical-align: middle;
    margin-left: 10px;
}
.error {
    box-shadow: 0 0 2px #ff0000;
}
#thanks-button {
    display: none;
}



#testengine {
	padding: 20px 10px;
}