@font-face {
    font-family: 'DIN';
    src: url('fonts/dinpro-webfont.eot');
    src: url('fonts/dinpro-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/dinpro-webfont.woff') format('woff'),
         url('fonts/dinpro-webfont.ttf') format('truetype'),
         url('fonts/dinpro-webfont.svg#dinproregular') format('svg');
}

@font-face {
    font-family: 'nobile';
	 src: url('fonts/nobile.eot');
    src: url('fonts/nobile.ttf') format('truetype');
}

.din {
	font-family: "Titillium Web", sans-serif;
}

@font-face{
	font-family: "OpenSans";
	src:url(fonts/OpenSans-Regular.ttf) format("truetype");
	font-style: normal;
	font-weight: normal;
}

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

body {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
    font-family: Calibri, Arial, Helvetica, sans-serif;
    font-size: 15px;
	line-height: 18px;
	max-width: 1920px;
	min-width: 200px;
	margin: 0 auto;
}

ul {
	list-style: url(bullet.png);
	display: block;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 12px;}
  
li {
	margin-left: 10px;
	margin-bottom: 5px;}


html, body 
/* Relative styles in Compatibility/opera.css */
{
    height: 100%;
}

.auto-height  {
	display: table;
	width: 100%;}
	
.auto-height .cell {
	display: table-cell;
	align: center;
	vertical-align: top;
	}

#hidden {
	position: fixed;
	top: -750px;
	left: 50%;
	margin-left: -175px;
	-webkit-transition: all 400ms ease;
		-moz-transition: all 400ms ease;
		-ms-transition: all 400ms ease;
		-o-transition: all 400ms ease;
		transition: all 400ms ease;
		z-index:500}
		
.closeform {
	position: absolute;
	top: 0px;
	right: 0px;
	float: right;
	width: 30px;
	height: 30px;
	font-size: 20px;
	line-height: 26px;
	text-align: center;
	font-weight: bold;
	z-index:500;
	  font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	border-radius: 50%}

.closeform:hover {
	cursor: pointer;}
		
#overlay, #overlaymenu {
	display: none;
	position: fixed;
	opacity: 0;
	width: 100%;
	height: 100%;
	background: rgba(60,60,60,.6);
	z-index: 200;
	-webkit-transition: all 400ms ease;
		-moz-transition: all 400ms ease;
		-ms-transition: all 400ms ease;
		-o-transition: all 400ms ease;
		transition: all 400ms ease;}

#overlaymenu {
	background: rgba(245,245,245,.7);
	top: 0;
	left: 0;}
	
.header-mobile {
	padding-top: 10px;}


#PageHeader 
{
   /* overflow:hidden;*/
    height:116px;
}

#Pagetop {
	position: absolute;
	top: -80px;}

#PageWrap 
/* Relative styles in Compatibility/ie_lt_7 */
{
    min-height: 100%;
}

#Pagecontainer {
   padding-top: 50px;
   min-height:100%;
	padding-bottom: 40px; /* must be same height as the footer */
} 

.container {
	width: 1000px;
	margin: 0 auto 50px;
}

#clear_style {
		display: none;
		clear: both;
		height: 300px;}

a {
	color: #a00000}
	
a:hover {
	color: #999}

a.default, a.default:hover {
	color: #000 !important;
	text-decoration: none;
}

.error {
    font-size: 185px;
    color: #cccccc82;
    font-weight: bold;
    line-height: 65%;
}

.error_text {
    font-size: 40px;
    color: #ccc;
    line-height: 100%;
}

/**
 * ---------- Page Navigation ---------------
 */

.fixedtop {
    position: fixed;
    background: url(red_stripe.png) repeat-x;
    width: 100%;
    height: 45px;
    top: 0;
    z-index: 100;
	padding-top: 25px;
	border-bottom: 1px solid #a30000 !important;
	box-shadow: 0 2px 8px rgba(100,100,100,.3);
	display: none;
}

.fixedtop-mobile {
	position: fixed;
    background: url(red_stripe.png) repeat-x;
    width: 100%;
    height: 45px;
	left: 0;
	top: 0;
    z-index: 1000;
	padding-top: 15px;
	border-bottom: 1px solid #a30000 !important;
	box-shadow: 0 2px 8px rgba(100,100,100,.3);
	display: none;}
	
.fixedtop-mobile-base {
	position: relative;
    width: 100%;
    height: 45px;
	padding-top: 15px;
	display: none;}
	
.header-mobile {
	display: none;}
	
#mobilemenu {
	 position: absolute;
    background: rgba(60,60,60,1);
    width: 100%;
    height: auto;
    top: -450px;
	left: 0;
    z-index: 3000;
	padding-top: 25px;
	border-bottom: 1px solid #a30000 !important;
	display: none;
	-webkit-transition: all 200ms ease;
		-moz-transition: all 200ms ease;
		-ms-transition: all 200ms ease;
		-o-transition: all 200ms ease;
		transition: all 200ms ease;}
	
#mobilemenu nav {
	width: 100%;
	text-align: center;
	z-index: 200;
	padding-bottom: 12px;
	}
	
	
#mobilemenu a {
	float: none;
	width: 80%;
	margin: 0 auto;
	display: block;
	padding: 12px 0;
	}
	
.mob_button {
	background: url(mm.png) no-repeat center;
	background-size: contain;
	width: 37px;
	height: 34px;
	display: block;
	margin-top: -3px;
	padding: 0 !important;
	border: 2px solid rgba(255,255,255,.1)}
	
.mob_button:hover {
	border: 2px solid rgba(255,255,255,.6);
	background-color: rgba(60,60,60,1)}

.maintop nav {
	float: right;
	margin-top: 30px;}
	
.fixedtop nav, .fixedtop-mobile nav{
      float: right;
	  color: #fff;
	  
}
.fixedtop nav a, .maintop nav a, .fixedtop-mobile  a {
    padding-left: 14px;
    padding-right:14px;
    display: block;
    float: left;
   /* height: 45px;*/
	text-decoration: none;
}

.fixedtop nav a span, .maintop nav a span, .fixedtop-mobile  nav a span {
    
    line-height: 25px;
    font-size: 18px;
    text-transform: uppercase;
  	font-weight: normal;
    cursor: pointer;
}

.fixedtop nav a span, .fixedtop-mobile nav a span {color: #fff; 
    border-bottom: 1px dotted rgba(255,255,255,.6); }

.maintop nav a span {color: #b5b4b4;
    border-bottom: 1px dotted #b5b4b4; }

.fixedtop nav a:hover span, .fixedtop-mobile nav a:hover span {
  color: #fff;
  border-bottom: 3px solid #fff; 
  -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
  }
  
.maintop nav a:hover span {
  color: #a30000;
  border-bottom: 3px solid #a30000; 
   -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
  }
  
.maintop .button, .fixedtop-mobile .button {
    height: 30px;
    width: auto;
    background: url(red_stripe.png) repeat-x;
    border: none;
    border-radius: 5px;
    border-bottom: 3px;
    color: #fff;
    line-height: 27px;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    float: right;
    margin-top: 12px;
} 

.container .button, .form-frame .button, .fixedtop-mobile .button {
	display: inline-block;
    width: auto;
    background: url(red_stripe.png) repeat-x;
    border: none;
    border-radius: 5px;
    border-bottom: 3px;
    color: #fff;
   
    font-size: 14px;
	padding: 8px 17px;
    text-transform: uppercase;
    text-align: center;
	text-decoration: none;
    cursor: pointer;
    margin: 17px auto;
} 


.fixedbottom {
	position: fixed;
	display: block;
	bottom: 0;
	left: 0;
	height: 50px;
	width: 100%;
	background: #efefef;
	line-height: 50px;
	text-align: center;
	z-index: 300;
}
.fixedbottom p {
	display: inline-block;
	font-size: 24px;
	text-transform: uppercase;
	line-height: 20px;
	vertical-align: middle;
	color: #000;
}

.fixedtop .current span,  #mobilemenu .current span {
  color: #fff !important;
  border-bottom: 3px solid #fff !important;
}

.maintop .current span {
  color: #a30000 !important;
  border-bottom: 3px solid #a30000 !important;
}


/**
 * ---------- Logo ---------------
 */
 
 #Logo {
    float: left;
    margin: 0 0 0 12%;
    width:145px;
    height:116px;
    background: url(logo.jpg) top right no-repeat;
}
 
 
.logo-img {
    height:106px;
float: left;
margin-top: 18px}

.logo-img-small {
	height:55px;
float: left;
margin-top: -16px}

.sergey { padding-top: 36px;
    margin-left: 146px;}

.name {
	font-size: 28px}

.explain {
	font-size: 14px;
	line-height: 15px;
	margin-top: 10px;}

.phone {
	float: right;
	 line-height: 25px;
	 padding-left: 32px;
	 position: relative}
	 
.phone:before {
	content: '';
	width: 14px;
	height: 14px;
	position: absolute;
	top: 5px;
	left: 12px;}
	
.fixedtop .phone:before, .fixedtop-mobile .phone:before {background:url(tel_white.png) center no-repeat;
	background-size: contain;}

.maintop .phone:before {background:url(tel.png) center no-repeat;
	background-size: contain;}

/**
 * ---------- Page container ---------------
 */
 
h2 {
	font-size: 25px;
	text-align: center;
	margin: 25px auto 38px}
	
.k-top {width:100%; margin:35px auto 0; text-align:center;}
.k-bottom {width:705px; margin:0 auto;}
.k-block {width:220px; padding:0 10px 10px 10px; text-align:center; display: inline-block; vertical-align: top; line-height: 15px;}
#main .k-i-g {
height: 75px;
}
	
#mgu.clearbox .k-i-g {
  height: 85px;
}

#mgu .k-i-g {
  height: 85px;
}



#mgu .k-i-g#kbi1 {
	background: url(i11.png) no-repeat center ;
	}
	
#mgu .k-i-g#kbi2 {
	background: url(i33.png) no-repeat center ;
	}
	
#mgu .k-i-g#kbi3 {
	background: url(i22.png) no-repeat center ;
	}
	
#mgu .k-i-g#kbi4 {
	background: url(i44.png) no-repeat center ;
	}
	
#mgu .k-i-g#kbi5 {
	background: url(i55.png) no-repeat center ;
	}
	
#mgu .k-i-g#kbi6 {
	background: url(i44.png) no-repeat center ;
	}
	
#mgu .k-i-g#kbi7 {
	background: url(i66.png) no-repeat center ;
	}
	
	
#mgu.clearbox .k-i-g#kbi1 {
	background: url(i1.png) no-repeat center ;
	}
	
#mgu.clearbox .k-i-g#kbi2 {
	background: url(i3.png) no-repeat center ;
	}
	
#mgu.clearbox .k-i-g#kbi3 {
	background: url(i2.png) no-repeat center ;
	}
	
#mgu.clearbox .k-i-g#kbi4 {
	background: url(i4.png) no-repeat center ;
	}
	
#mgu.clearbox .k-i-g#kbi5 {
	background: url(i5.png) no-repeat center ;
	}
	
#mgu.clearbox .k-i-g#kbi6 {
	background: url(i4.png) no-repeat center ;
	}
	
#mgu.clearbox .k-i-g#kbi7 {
	background: url(i6.png) no-repeat center ;
	}
	
	
	

#mgu .k-i-g {
  background: url(i-g2.png) no-repeat center ;
  height: 75px;
}

#main #aboutme, #main #contact, #main #education, #main #price  {
	padding-top: 80px;
	margin-top: -40px;}
	

#mgu.clearbox #contact, #mgu.clearbox #result, #mgu.clearbox #education  {
	  background: #fff;
    text-shadow: 0px 1px 1px rgba(255,255,255,1);
  border-top: 0px solid #ccc;
  border-bottom: 0px solid #ccc; }
  
  
#mgu #contact, #mgu #result, #mgu #education  {
	  background: #efefef;
    text-shadow: 0px 1px 1px rgba(255,255,255,1);
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc; }
  
 #mgu #contact {
	padding-top: 80px; margin-top: -50px
}

#mgu #aboutme, #mgu #price, #mgu #education {padding-top: 80px; padding-bottom: 40px; margin-top: -50px}

#main #result {padding-top: 50px; padding-bottom: 20px;}
#mgu #result {padding-top: 20px; padding-bottom: 20px; margin-top:35px;}

#result .container {margin-bottom: 15px;}

#mgu #contact {
	padding-bottom: 50px;
	margin-bottom: 0; margin-top: -50px}
	
#mgu #PageFooter {
		background: url(mgu.png) right  no-repeat rgba(100,100,100,.2);
		background-size: contain;}
		
#mgu .map600 {
	  background: url(map_back.png) no-repeat center #fff;
	  -webkit-box-shadow: 0px 0px 10px rgba(51,51,51,0.1), inset 0 0px 5px 0px rgba(0,0,0, 0.2);
  -moz-box-shadow: 0px 0px 10px rgba(51,51,51,0.1), inset 0 0px 5px 0px rgba(0,0,0, 0.2);
  box-shadow: 0px 0px 10px rgba(51,51,51,0.1), inset 0 0px 5px 0px rgba(0,0,0, 0.2);}


.k-title {color:#000; font-size:22px; line-height:20px;}
.k-text {padding:10px; font-size: 14px;}

.photo {
	float: right;
	margin: -35px 0 15px 30px;}

.photo img{
	margin: 0px auto 10px;
	width: 260px;
	display: block;}
	
.left-col {
	margin-right: 380px}
	
.link_kate {
	margin-top: 25px;
	font-size: 16px;}
	
.link_kate .explain  {
	margin-top: 0px;
	margin-bottom: 5px;}
	
.clear
{
	clear:both;
}

.left_side {
     width: 45%;
	 float: left;}
	 
.right_side {
	width: 50%;
	margin-left: 50%;}
	
#contact .left_side {
	width: 30%;}
	

#education h3 {
	margin-top: 0px;} 
	
.map600 {  width: 600px;
  height: 313px;
  background: url(map_back.png) no-repeat center #efefef;
  float: right;
  border-radius: 8px;
  padding: 12px;
  -webkit-box-shadow: 0px 0px 0px rgba(51,51,51,0.1), inset 0 0px 5px 0px rgba(0,0,0, 0.2);
  -moz-box-shadow: 0px 0px 0px rgba(51,51,51,0.1), inset 0 0px 5px 0px rgba(0,0,0, 0.2);
  box-shadow: 0px 0px 0px rgba(51,51,51,0.1), inset 0 0px 5px 0px rgba(0,0,0, 0.2);}
 
.map300 {  
  display: none;
  width: calc(100% - 24px);
  height: 250px;
  background: #fff;
  float: right;
  border-radius: 8px;
  padding: 12px;
  -webkit-box-shadow: 0px 0px 0px rgba(51,51,51,0.1), inset 0 0px 5px 0px rgba(0,0,0, 0.2);
  -moz-box-shadow: 0px 0px 0px rgba(51,51,51,0.1), inset 0 0px 5px 0px rgba(0,0,0, 0.2);
  box-shadow: 0px 0px 0px rgba(51,51,51,0.1), inset 0 0px 5px 0px rgba(0,0,0, 0.2);}
  
.map300 .map_1 {background: url(map_1.jpg)  100% no-repeat;
    background-position-y: center;
	background-position-x: center;
	width: 100%;
    height: 100%;}
		
.position {
	font-size: 18px;}
	
.position span {
	font-size: 15px;
	display: block;
	margin: 8px 0 24px;}
	

table.price {
border-spacing: 3px !important;
border-collapse: separate;
width: 100%;
border: none;
margin: 20px auto 25px;
}

table.price td {
padding: 4px 8px !important;
font-size: 14px;
border-radius: 5px;
-o-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
text-align: center;
-webkit-box-shadow: 0px 0px 0px rgba(51,51,51,0.1), inset 0 0px 3px 0px rgba(0,0,0, 0.2);
  -moz-box-shadow: 0px 0px 0px rgba(51,51,51,0.1), inset 0 0px 3px 0px rgba(0,0,0, 0.2);
  box-shadow: 0px 0px 0px rgba(51,51,51,0.1), inset 0 0px 3px 0px rgba(0,0,0, 0.2);
}

table.price td.attention {
    padding: 25px !important;
    background: rgb(248, 230, 230);
    border-radius: 0px;
    -o-border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border: 1px solid rgba(193, 0, 0, 0.3);
	line-height:1.5em;
	font-size: 1.1em;}

.attention_icon {
    display: block;
    width: 50px;
}

.attention_text {
    display: block;
    /*text-align: left;*/
}

.attention_text span {
	font-size: 1.25em; color: #a00000;}

.attention_text span.REDER { text-transform: uppercase;
    font-size: 1em;}
	
.attention_block {
    display: inline-block;
    padding: 10px 15px;
    margin: 15px 17px 0;
    border: 1px solid rgba(201, 0, 0, 0.08);
    background: rgba(255, 255, 255, 0.44);
    border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.attention_block_and {
	display: inline-block;
    padding: 10px 0;
    margin: 15px 0 0;
	}


table.price tr.gray, table.price tr.gray:hover {
  background: rgba(151,151,151,.2);
  cursor: default
}

table.price tr td.gray {
  background: rgba(240,240,240,1);
  cursor: default
}

table.price tr:hover, table.price tr:hover td.gray {
  background: rgba(200,200,200,.2);
  cursor: default
}



.cost {
	color: #a00000;
	font-size: 16px;}
	
.min {
	color: #999}
	
.warn {
  background-image: url(45-5.png);
}


/**
 * ---------- Page footer ---------------
 */ 

#PageFooter {
	background: url(mgu.png) right no-repeat rgba(200,200,200,.2);
	background-size: contain;
	width: 100%;
	background-color: rgba(60,60,60,.1);
	border-bottom: 10px solid rgba(100,100,100,.2);
	border-top: 10px solid rgba(100,100,100,.1);
	padding: 40px 0 20px;
	font-size: 14px}
	
#Counters {
	float: right}
	
#PageFooter a {
	font-size: 16px}


/* 
* -------------- frame ------------------ 
*/

.form-frame {
	width: 500px;
	height: 500px;
	overflow: hidden;
	display: table-cell;
    vertical-align: middle;
	}
	
	
.thanks {
	padding: 25px;
	font-size: 15px;
	width: 250px;
	height: 250px;
	overflow: hidden;}
	
.big {
	font-size: 21px}
	
.form-frame h3 {
	text-transform: uppercase;
	padding: 30px 30px 15px 30px;
	margin: 0 !important}
	
h3 {
    -webkit-margin-before: 3em;}
	
.form-frame table {
	width: 80%;
	margin: 0 auto;}
	
.form-frame input[type="text"] , .form-frame input[type="tel"], .form-frame input[type="email"]  {
  border-radius: 3px;
  border: 1px solid #cccccc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 1px 1px 5px 0 rgba(0, 0, 0, .2);
  -moz-box-shadow: inset 1px 1px 5px 0 rgba(0, 0, 0, .2);
  box-shadow: inset 1px 1px 5px 0 rgba(0, 0, 0, .2);
  font: 14px Arial, Helvetica, sans-serif;
  color: #000;
  background: #fff;
  padding: 0 12px;
    width: 96%;
  height: 30px;
  margin-bottom: 10px;
    float: left;
  margin-right: 2px;
}


/* 
* -------------- education ------------------ 
*/

.line, .cir, .year, .study {
	position: absolute}
	
.line {top: 0; left:13px; width: 1px; height: 270px; border-left: 2px solid #ccc}
.cir {width: 10px; height: 10px; background: #fff; border: 2px solid #999; left: 7px; border-radius: 50%; margin-top: 6px; -webkit-transition: all 500ms ease-out;
		-moz-transition: all 500ms ease-out;
		-ms-transition: all 500ms ease-out;
		-o-transition: all 500ms ease-out;
		transition: all 500ms ease-out;}

#first {display: block; height: auto; }
.box:hover {cursor: default; color: #a00000}
.box:hover .cir, .box:hover .cir, .box:hover .cir, .box:hover .cir {background: #fff; border: 2px solid #a00000; -webkit-transition: all 200ms ease-out;
		-moz-transition: all 200ms ease-out;
		-ms-transition: all 200ms ease-out;
		-o-transition: all 200ms ease-out;
		transition: all 200ms ease-out;
		}	
		
#cir1 , #year1, #study1 {top: 5px; }
#cir2 , #year2, #study2  {top: 35px; }
#cir3 , #year3, #study3 {top: 95px; }
#cir4 , #year4, #study4 {top: 215px; }
.year { left: 28px;  line-height: 16px; font-weight: bold; padding: 6px 8px 10px 8px}
.study { left: 78px; line-height: 16px; padding: 6px 8px 10px 8px}

.box:hover .year, .box:hover .study {
	-webkit-transition: all 200ms ease-out;
		-moz-transition: all 100ms ease-out;
		-ms-transition: all 100ms ease-out;
		-o-transition: all 100ms ease-out;
		transition: all 100ms ease-out;} 
		
		
#mobilemenu {  font-family:'Roboto Condensed',sans-serif; font-weight: 400; font-size: 15px; }
#mobilemenu a{ color:#eaeaea}
#mobilemenu a:hover{ color:rgba(200,200,200,.8)}


/* to the to */

a#tothetop {
 display: block;
 position: fixed;
 right: 2%;
 margin-left: 0px;
 bottom: 5%;
  margin-bottom: 0px;
 padding: 0;
 background: url(up_3_2.png) no-repeat;
 background-position: 0px 0px;
 width: 60px;
 height: 60px;
 z-index: 600;
 opacity: 0;
 -webkit-transition: background 0.18s ease;
	-moz-transition: background 0.18s ease;
	-o-transition: background 0.18s ease;
	-ms-transition: background 0.18s ease;
	transition: background 0.18s ease;
}


a#tothetop:hover {opacity: 1 !important;
	}
	
table.price td.clear {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

table.price tr.clear:hover, table.price tr:hover td.clear {
    background: rgba(200, 200, 200, 0);
    cursor: default;
}


.page-id-930 .col-md-12, .page-id-930 .col-lg-12,
.parent-pageid-9 .col-md-12, .parent-pageid-9 .col-lg-12{
    position: inherit;
}
[id*="overlay_"] {
    display: none;
    position: fixed;
    opacity: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.55);
    z-index: 10000;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}
[id*="hidden"] {
    position: fixed;
    top: -480px;
    -webkit-box-shadow: 0 2px 3px #adb2b6;
    -moz-box-shadow: 0 2px 3px #adb2b6;
    box-shadow: 0 2px 3px #adb2b6;
    left: 50%;
    margin-left: -175px;
    height: 350px;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
    z-index: 20000;
}
[id*="hidden_discount"] {
	position: absolute;
    top: -1450px;
    width: 80%;
    width: 80vw;
    margin-left: -40%;
    margin-left: -40vw;
    background: #fff;
    background: rgba(255,255,255);
    height: auto;
    min-height: 90vh;
        overflow-y: scroll;
  	-webkit-overflow-scrolling: touch;
}
#hidden_discount_1 {
    background: #fff;
    background: rgba(255,255,255);
}

.quizer {
width: 80%;
margin: 0 auto }
.quiz {
    padding: 27px 27px 15px;
}
.quiz table{
    width: 100%;
    margin: 0
}
.quiz *,
.quiz {webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.quiz table td {
    vertical-align: top;
}
.quiz .txt {
    font-size: 19px;
    margin: 7px 0 10px
}
.quiz .txt.txt_sub {
    font-size: 16px;
}
.quiz .multi  .txt.txt_sub { 
    display: none;
}
.quiz .cost {
    width: 150px;
    text-align: center;
    color: rgb(88, 0, 0);
    font-size: 16px;
    /*float: right;
    width: 150px;*/
    padding: 15px;
    background-color: rgba(115, 115, 115, 0.18);
    /*border-radius: 4px;*/
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}
.quiz .price_holder {
    margin: 0 6px 12px;
    color: rgb(88, 0, 0);
text-align: right;
}
.quiz .price {
    background: rgb(88, 0, 0);
	padding: 1px 6px;
    color: #fff;
    display: inline-block;
margin: 0 0 0 2px;
}
.quiz .quest_num,
.progresser_text {
	color: rgb(88, 0, 0)
	}
.quiz .price:after {
   content:' рублей';
}
.point {
    /*background: rgba(45, 45, 45, 0.1);*/
    height: 3px;
    /*display: inline-block;
    margin: 0 2px;*/
    border-radius: 2px;
	border-top: 3px solid rgba(45, 45, 45, 0.1);
}

.quiz .progresser td {
    vertical-align: top;
    width: 23px;
	/*line-height:5px;*/
	text-align: right
}

.right_arr,
.left_arr {
    display: inline-block;
	visibility: hidden;
    padding: 0 8px;
    background: rgb(88, 0, 0);
    border-radius: 50%;
    width: 37px;
    height: 37px;
    line-height: 37px;
    margin: 0 5px;
    color: #fff;
	text-align: center
}
.right_arr.active,
.left_arr.active {
    display: inline-block;
	visibility: visible;
}
.right_arr.active:hover, .left_arr.active:hover {
    background: rgba(163, 0, 0, 0.38);
	cursor: pointer;
}
.right_arr:before {content: '→';}
.left_arr:before {content: '←'; }
.options  {
    display: table;
    margin: -6px 0 0;
    width: 100%;
    border-spacing: 6px;
    border-collapse: separate;
}
.options:first-child  {
   margin-top: 35px;
}
.multi [class*="options_"]{
    display: none;
}
.multi [class*="options_"].active{
    display: block;
}
.quiz .quest_num,
.quiz .txt {
    margin: 0 6px 2px;
}


.question > .txt,
.question form > .txt {
    margin: 0 6px 15px;
}
.quiz .cost .txt {
    color: #580000;
}
.options div  {
    display: table-cell;
    width: 100px;
    background: rgba(167, 111, 111, 0.22);
    padding: 8px 10px;
    cursor: pointer;
    width: 50%;
    height: 35px;
    vertical-align: middle;
    text-align: center;
    margin: 0 2% 0 0;
    color: #000;
    line-height: 16px;
    font-size: 16px;
}
.options div:hover {
    background: rgba(163, 0, 0, 0.26);
}
.question_1 .options div,
.question_3 .options div{
   height: 40px;
    width: 25%;
}
.point.active {
    /*background:rgba(0, 115, 170, 0.85);*/
	border-top: 3px solid rgb(163, 0, 0)
}
.quiz .progresser_holder {
    height: auto;
    margin: 0px 0 0px;
    border-spacing: 6px;
    border-collapse: separate;
}	
.progresser_text td {
	padding: 5px 0 0;
}

.quiz .count {
    color: #580000;
    /* background: rgb(255, 255, 255); */
    padding: 4px 9px;
    display: inline-block;
    margin: 13px 0;
    border: 2px solid #580000;
    font-weight: bold;
}

.quiz .mod_word {border-radius: 3px;
    border: 1px solid #D8D8D8;
    font-family: 'Calibri', Arial, Helvetica, sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*font-size: 14px;*/
    color: #000;
    background: #fff;
    padding: 0 12px;
        width: 100%;
    margin-bottom: 10px;
    float: left;
    margin-right: 2px;}
span.count_add_summ.active {
    font-size: 13px;
    display: inline-block;
    margin: 0;
    line-height: 14px;
    font-style: italic;
    font-family: Arial, Helvetica, sans-serif;
}
.quiz h3 {
    margin-top: 0px;
    margin-bottom: 30px;
}
.quiz .button {
    box-shadow: inset 0px 0px 0px rgba(255,255,255,.3);
    color: #fff !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    padding: 2px 20px 0px;
    font-size: 18px;
    text-align: center;
    width: 200px;
    display: inline-block;
    background: #a30000;
    border: none;
    border-radius: 5px;
    border-bottom: 3px;
    color: #fff;
    line-height: 18px;
    font-size: 14px;
    padding: 8px 17px;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    margin: 10px auto 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    font-family: 'Calibri', Arial, Helvetica, sans-serif;
}
.quiz .button:hover {
    box-shadow: inset 0px -50px 0px rgba(255,255,255,.3);
    color: #fff;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    cursor: pointer;
}
	
@media (max-width: 640px) { 	
.form-frame input[type="text"], .form-frame input[type="tel"], .form-frame input[type="email"] {
    width: 92%;
}
}
	
@media print  {

#hidden,
.fixedtop-mobile,
.button.fancybox-media {
	display: none !important
}
}