body {
font-family: 'PT Sans', sans-serif;
text-align: center;
color: #3a3a3a;
font-size: 16px;
}

a {
    color: #3a3a3a;
    text-decoration: none;
}

.wrap-1 {
	width: 100%;
	min-height: 830px;
	background: url(../img/map-bg.png) no-repeat;
	background-position-x: center ;
}


.container {
	width: 960px;
}

.wrap-2 {
    width: 100%;
    height: 90px;
    background: url(../img/green-bg.jpg) repeat-x;
    margin-top: 20px;
}

.logo {
    position: absolute;
    left: 260px;
    margin-top: 40px;    
}

.head span{
	font-size: 16px;
	display: block;
	padding-top: 40px;
}

.head h3 {
	font-size: 25px;
	font-weight: 700;
	padding-top: 20px;
}


.main-title {
	font-weight: 700;
	font-size: 36px;
	text-transform: uppercase;
	margin-top: 90px;
}

.centr {
	text-align: left;
	margin-top: 10px;
    margin-bottom: 10px;	
}

.centr a {
	font-size: 24px;
	font-weight: 700;
	color: #464746;
	text-decoration: underline;
	padding-left: 20px;
}

.centr a:hower{
	text-decoration: none;
}

.krim {
	font-size: 24px;
	font-weight: 700;
	color: #464746;
	cursor: pointer;
	}
	
. span {
	padding-left: 20px;

}

.krim a {
	font-size: 22px;
	font-weight: 700;
	color: #464746;
	text-decoration: underline;
	padding-left: 20px;
}



.spisok-centr {
	text-align: left;
	margin-top: 30px;
	padding-left: 0px;
}

.spisok-centr a {
	font-size: 22px;
	font-weight: 700;
	color: #464746;
	text-decoration: underline;
	padding-left: 20px;
}

.spisok-centr a:hower{
	text-decoration: none;
}

.ekz h2{
	font-weight: 700;
	font-size: 28px;
	text-transform: uppercase;
	color: #fff;
	margin-top: 60px;
}

.wrap-3 {
	background: url(../img/pattern.jpg);
	
}

.wrap-3 h1 {
	font-weight: 700;
	font-size: 48px;
	text-transform: uppercase;
	margin-top: 20px;
}

.wrap-3 h2 {
	font-weight: 700;
	font-size: 36px;
	margin-top: 40px;
}

.wrap-3 h3{
	font-weight: 700;
	font-size: 24px;
	color: #000;
}

.wrap-3 a{
	font-weight: 700;
	font-size: 18px;
	text-decoration: underline;
}

.wrap-3 {
padding: 30px;
}

.wrap-3 button{
margin-top: 30px;
}

.ssil {padding: 30px 0;
}

.btn {
    font-weight: 700;
    font-size: 20px;
    width: 100%;
    height: 50px;
    padding: 0;
    margin-top: 5px;
    line-height: 2.3;
    background: rgb(0, 187, 94);
    background: -moz-linear-gradient(270deg, rgb(0, 187, 94) 30%, rgb(0, 119, 47) 100%);
    background: -webkit-linear-gradient(270deg, rgb(0, 187, 94) 30%, rgb(0, 119, 47) 100%);
    background: -o-linear-gradient(270deg, rgb(0, 187, 94) 30%, rgb(0, 119, 47) 100%);
    background: -ms-linear-gradient(270deg, rgb(0, 187, 94) 30%, rgb(0, 119, 47) 100%);
    background: linear-gradient(180deg, rgb(0, 187, 94) 30%, rgb(0, 119, 47) 100%);
    -webkit-box-shadow: 0px 0px 10px rgba(146, 146, 146, 0.75);
    -moz-box-shadow: 0px 0px 10px rgba(146, 146, 146, 0.75);
    box-shadow: 0px 0px 10px rgba(146, 146, 146, 0.75);
}

.head .btn{
    text-transform: uppercase;
    font-size: 15px;
}

.wrap-4 {
	width: 100%;
	/*height: 80px;*/
	height: 91px;
	background: #009846;
	color: #fff;
	text-align: left;
	padding: 15px;
}

.modal p {font-size: 18px; }

.modal h4 {font-size: 24px; font-weight: 700; color: #fff; text-transform: uppercase;}

.modal-sm {width: 400px;}

.modal-body {text-align: left;}

.modal-header {
    background: rgb(0, 175, 86);
background: -moz-linear-gradient(90deg, rgb(0, 175, 86) 0%, rgb(0, 127, 53) 70%);
background: -webkit-linear-gradient(90deg, rgb(0, 175, 86) 0%, rgb(0, 127, 53) 70%);
background: -o-linear-gradient(90deg, rgb(0, 175, 86) 0%, rgb(0, 127, 53) 70%);
background: -ms-linear-gradient(90deg, rgb(0, 175, 86) 0%, rgb(0, 127, 53) 70%);
background: linear-gradient(180deg, rgb(0, 175, 86) 0%, rgb(0, 127, 53) 70%);
}

.close {line-height: 24px; font-size: 50px; filter: alpha(opacity=50);
    opacity: .5;
}

.form-control {font-size: 16px;}

.close :hover {color: #0a723d;}

.modal-content {border-radius: 0px; border-width: 1px 0px 1px; border-color: #49b77c;}

#eform {font-size: 18px; text-align: left;}

.ekz a {
    text-decoration: underline;
    color: #fff;
}

.ekz a:hover {
    text-decoration: none;
}

.sqr_img{
	width: 55px;
}

.address{
	    font-size: 22px;
    margin-top: 30px;
}

.col .t-heading {
    padding-top: 6px;
    padding-bottom: 6px;
    margin-right: 5px;
    font-weight: bold;
}

.t-heading_lg {
    font-size: 24px;
    line-height: 1.17;
}

.t-heading {
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    color: #000000;
}

.line {
    height: 3px;
    margin: 5px 0px 14px 0px;
    background-color: #09bb5d;
}

.t-descr {
    padding-top: 0px;
    padding-bottom: 30px;
    margin-right: 6px;
}

.t-descr_sm {
	font-size: 16px;
    line-height: 1.55;
}

.t-descr {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #000000;
}

.t-col_3 {
    max-width: 160px;
}

.t-col {
    display: inline;
    float: left;
    margin-left: 5%;
    margin-right: 20px;
    width: 100%;
}

.map {
    width: 100%;
    height: 300px;
}


/*
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
     .wrap-1 {width: 105%;}
     .wrap-4 {width: 105%;}
     .wrap-2 {width: 105%;}
    .wrap-3 {width: 105%;}
    .modal-dialog {margin: 70px auto; width: 90%;}
    .modal h4 {font-size: 36px; margin-left: 40px;}
    .close {line-height: 50px;font-size: 60px;}
    .modal-body {padding: 30px 65px;}
    .form-group {font-size: 30px;}
    .form-control {height: 50px; font-size: 30px;}
    .modal p {font-size: 20px;}
    .btn {font-size: 24px;height: 50px;padding: 0;margin-top: 0px;}
    .table {font-size: 24px;}
    .radio {font-size: 24px;}
    .container-r p{font-size: 24px;}
    input[type=radio] {height: 30px; width: 30px; margin-left: -40px !important;}
 }

@media only screen
and (min-device-width : 320px) 
and (max-device-width : 640px) {
    .wrap-1 {width: 105%;}
    .wrap-4 {width: 105%;}
    .wrap-2 {width: 105%;}
    .wrap-3 {width: 105%;}
    .modal-dialog {margin: 70px auto; width: 90%;}
    .modal h4 {font-size: 36px; margin-left: 40px;}
    .close {line-height: 50px;font-size: 60px;}
    .modal-body {padding: 30px 65px;}
    .form-group {font-size: 30px;}
    .form-control {height: 50px; font-size: 30px;}
    .modal p {font-size: 36px;}
    .btn {font-size: 24px;height: 50px;padding: 0;margin-top: 0px;}
    .centr a {font-size: 30px;}
    .krim {font-size: 36px;}
    .spisok-centr a {font-size: 24px;}
    .table {font-size: 24px;}
    .radio {font-size: 24px;}
    .container-r p{font-size: 24px;}
    input[type=radio] {height: 30px; width: 30px; margin-left: -40px !important;}

}
*/

.optional {
    display: none;
}
/*банк1*/
.a1.b1.c1 .a1.b1.c1,
.a1.b1.c2 .a1.b1.c2,

.a1.b2.c1 .a1.b2.c1,
.a1.b2.c2 .a1.b2.c2,

.a1.b3.c1 .a1.b3.c1,
.a1.b3.c2 .a1.b3.c2,

/*банк2*/
.a2.b1.c1 .a2.b1.c1,
.a2.b1.c2 .a2.b1.c2,

.a2.b2.c1 .a2.b2.c1,
.a2.b2.c2 .a2.b2.c2,

.a2.b3.c1 .a2.b3.c1,
.a2.b3.c2 .a2.b3.c2,

/*банк2*/
.a3.b1.c1 .a3.b1.c1,
.a3.b1.c2 .a3.b1.c2,

.a3.b2.c1 .a3.b2.c1,
.a3.b2.c2 .a3.b2.c2,

.a3.b3.c1 .a3.b3.c1,
.a3.b3.c2 .a3.b3.c2

{
    display: block;
}

.table {background: #fff;}

.radio-cont {
    text-align: left;
}

.radio-cont label {
    margin-left: 20px;
}


.zapis-l {
	font-size: 18px;
	font-weight: 700;
	margin-top: 18px;
}

 .zapis-l-2 {
 	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 18px;
    margin-top: 10px;
 }

.zapis-r {
	font-size: 36px;
	font-weight: 700;
	color: red;
	position: relative;
}

.zapis-r:after {
	content: "–";
	position: absolute;
	top: 4px;
	right: 29px;
}

/*=My
------------------------------------------------------------------------*/
.ajax_formZapis .form-group { position: relative; }
#zapisItog textarea { height: 60px; }


.talonBox {
	border: 1px solid #b5b5b5;
	border-radius: 5px;
	width: 285px;
	height: auto;
	font-family: Arial, sans-serif;
    display: block;
    margin: 0 auto;
}
.talonBl {
	width: 270px;
	height: auto;
	margin: 0 auto;
}
.talonBl .title {
	text-align: center;
	margin: 10px 0;
}
.talonBl .row {
	display: inline-block;
	width: 100%;
	border-radius: 2px;
	padding: 5px 0;
	border: 1px solid #b5b5b5;
	margin: 0 0 7px;
}
.talonBl .row .r1, .talonBl .row .r2 {
	display: inline-block;
	float: left;
}
.talonBl .row .r1 { margin-left: 10px; }
.talonBl .row .r2 { margin: 0 10px 0 5px; text-align: left; }
.talonBl .row2 .r2 {
	width: 201px;
}
.talonBl .podText {
	text-align: center;
	margin: 14px 0;
}
.talonBl .podText .r1 {
	font-size: 13px;
	margin-bottom: 5px;
}
.talonBl .podText .r2 {
	font-size: 16px;   
}

#zapisItog .modal-sm {
	border-radius: 7px;
	width: 335px;
}
#zapisItog .modal-content {
	border: medium none;
	border-radius: 5px;
}
#zapisItog .buttonsBox {
	display: inline-block;
	width: 100%;
}
#zapisItog .buttonsBox .btn {
	display: block;
	font-size: 14px;
	font-weight: 400;
	height: auto;
	line-height: 1.2;
	padding: 5px 25px;
	vertical-align: top;
	white-space: normal;
	width: 130px;
}
#zapisItog .buttonsBox .buttonL { float: left; }
#zapisItog .buttonsBox .buttonR { float: right; }

.print { display: none; }
#rules {
	position: fixed;
    bottom: 0;
    text-align: center;
    width: 100%;
    background: #e8ecef;
    color: #6a2d2c;
    padding: 7px;
    text-align: left;
    left: 0;
	z-index:9999;
}
#rules .items_wrap {
    max-width: 1200px;
    margin: auto;
    position: relative;
}

#rules .button {
    background: #45b037;
    display: inline-block;
    padding: 10px 30px;
    border-radius: 5px;
    cursor: pointer;
    position: absolute;
    margin-top: -19px;
    top: 50%;
    right: 0;
	color:#fff;	
}
	.policy{
	    font-size: 12px;
    color: #747677;
	padding:15px;
	}
	.open_modal{color:#000;}

	.city_block3{
		margin-top:30px;
	}

	.city_block3 .btn{
		height: auto; 
		width: 100%
	}



	.ekz h2 {
    font-size: 25px;
    margin-top: 29px;
	}


.price_page{

	min-height: 500px;
}

.price_page .main-title{
	margin-bottom: 30px;
}

.price_page .table{
    margin: 0 auto 50px auto;
    width: 98%;
}

.desc p{
    text-align: left;
    margin: 10px;
}

.desc ol, .desc ul {

    text-align: left;
}

.wrap-1 {
    padding-bottom: 30px;
}

.btn-block{
	/*max-width: 300px; */
}

@media only screen and (max-width: 1024px) 
{

	.container{
		width: 100%;
	}

	.head span{
		padding-top: 20px;
	}

	.logo {
	    position: absolute;
	    left: 40px;
	    margin-top: 20px;
	}

	.wrap-1 {
	    min-height: auto;
	    padding-bottom: 30px;
	}

	.head h3 {

	    padding-top: 0px;
	}


	.main-title{
		margin-top: 20px;
		font-size: 24px;
	}

	.sqr_img_big{ 
	    width: 75px;
	    margin-left: 0px;
	}
/*
	.krim span {
	    padding-left: 23px;
	}
*/
	.sqr_img{
		width: 55px;
	}

	.spisok-centr {
	    margin-top: 10px;
	    padding-left: 16px;
	}


	.centr a {
    	font-size: 24px;
    	padding-left: 20px;
	}

	.spisok-centr a{
	    font-size: 24px;
	    padding-left: 30px;
	}


	.city_block1{
		width: 100%;
    	display: inline-block;

	}	

	.city_block2{
		width: 100%;
    	display: inline-block;
    	margin: 0;    	
	}	

	.city_block3{
		margin-top:10px;
	}

	.button_block {
		margin-bottom: 5px;
	}

	.button_block .btn{
		width: 100%;
	    height: 45px;
	    font-weight: 700;
	    font-size: 18px;

	}

	.city_block3 .btn{
		width: 100%;
	    height: 50px;
	    font-weight: 700;
	    font-size: 18px;
	    white-space: normal;
	    line-height: 2.5;
    

	}

	.city_block4 {
	    width: 100%;
	    display: inline-block;
	}


	.city_block5 {
	    width: 100%;
	    display: inline-block;
	}


	.wrap-2 {
	width: 100%;
    height: 70px;
    margin-top: 0px;
    background: url(../img/green-bg.jpg) repeat-x #009241;
	}

	.ekz h2 {
	    font-size: 21px;
	    margin-top: 20px;
	}

	.wrap-3 h1 {
	    font-size: 34px;
	    margin-top: 10px;
	}

	.wrap-3 h2 {
	    font-size: 30px;
	    margin-top: 0px;
	}

	.wrap-3 button {
	    margin-top: 5px;
	}



	.modal h4 {
	    font-size: 20px;
	}


.t-row{
	padding-bottom: 148px;
    display: block;
    margin-bottom: 60px;
    margin-top: 10px;
}

.t-col {
    float: left;
    width: 50%;
    margin-left: 1%;
    margin-right: 5px;
}

.col .t-heading {
    padding-top: 5px;
    padding-bottom: 4px;
    margin-right: 5px;
}

.t-descr {
    padding-bottom: 16px;
}

.line {
    width: 150px;
    margin: 6px 0px 6px 2px;
}

.map {
    width: 100%;
    height: 200px;
}
}


@media only screen and (max-width: 768px) 
{

	.container{
		width: 100%;
	}

	.head span{
		padding-top: 20px;
	}

	.logo {
	    position: absolute;
	    left: 40px;
	    margin-top: 20px;
	        width: 230px;
	}



	.wrap-1 {
	    min-height: auto;
	    padding-bottom: 30px;
	}

	.head h3 {
    font-size: 19px;
	    padding-top: 0px;
	}


	.main-title{
		margin-top: 20px;
		font-size: 24px;
	}

	.sqr_img_big{ 
	    width: 40px;
	    margin-left: 0px;
	}
/*
	.krim span {
	    padding-left: 23px;
	}
*/
.wrap-3 h3 {

    font-size: 16px;

}


	.sqr_img{
		width: 27px;
	}

	.spisok-centr {
	    margin-top: 10px;
	    padding-left: 16px;
	}


	.centr a {
    	font-size: 22px;
    	padding-left: 20px;
	}

	.spisok-centr a{
	    font-size: 24px;
	    padding-left: 30px;
	}


	.city_block1{
		width: 100%;
    	display: inline-block;

	}	

	.city_block2{
		width: 100%;
    	display: inline-block;
    	margin: 0;    	
	}	

	.city_block3{
		margin-top:10px;
	}

	.button_block {
		margin-bottom: 5px;
	}

	.button_block .btn{
    width: 100%;
    height: 45px;
    font-weight: 700;
    font-size: 16px;
    padding-top: 1px;

	}

	.city_block3 .btn{
		width: 100%;
	    height: 50px;
	    font-weight: 700;
	    font-size: 18px;
	    white-space: normal;
	    line-height: 2.5;
    

	}

	.city_block4 {
	    width: 100%;
	    display: inline-block;
	}

	.wrap-2 {
	width: 100%;
    height: 70px;
    margin-top: 0px;
    background: url(../img/green-bg.jpg) repeat-x #009241;
	}

	.ekz h2 {
	    font-size: 21px;
	    margin-top: 20px;
	}

	.wrap-3 h1 {
	    font-size: 34px;
	    margin-top: 10px;
	}

	.wrap-3 h2 {
	    font-size: 30px;
	    margin-top: 0px;
	}

	.wrap-3 button {
	    margin-top: 5px;
	}



	.modal h4 {
	    font-size: 20px;
	}


.t-row{
	padding-bottom: 148px;
    display: block;
    margin-bottom: 60px;
    margin-top: 10px;
}

.t-col {
    float: left;
    width: 50%;
    margin-left: 1%;
    margin-right: 5px;
}

.col .t-heading {
    padding-top: 5px;
    padding-bottom: 4px;
    margin-right: 5px;
}

.t-descr {
    padding-bottom: 16px;
}

.line {
    width: 150px;
    margin: 6px 0px 6px 2px;
}

.map {
    width: 100%;
    height: 200px;
}

/*
.col-sm-4 {
    width: 33.33333333%;
}
*/

}


@media only screen and (max-width: 640px) 
{


}


@media only screen and (max-width: 480px) 
{
	.container{
		width: 100%;
	}

	.head span{
		padding-top: 20px;
	}

	.head .btn{
	    font-size: 20px;
	}	

	.logo {
		position: relative;
   	 	left: 0;
	    margin-top: 5px;
	}
	.top_menu {
	    position: fixed;
	    background: #ffffff;
	    z-index: 99999;
	    float: left;
	    display: block;
	    width: 100%;
	    padding-bottom: 5px;
	    border-bottom: 1px solid #09bb5d;
	}

	.top_block{
		margin-top: 60px;
	}


	.wrap-1 {
	    min-height: auto;
	    padding-bottom: 30px;
	}

.head h3 {

    padding-top: 0px;
}


	.main-title{
		margin-top: 20px;
		font-size: 30px;
	}

	.sqr_img_big{
	    width: 24px;
	    margin-left: 27px;
	}
/*
	.krim span {
	    padding-left: 23px;
	}
*/
	.sqr_img{
		width: 24px;
	}

	.spisok-centr {
	    margin-top: 10px;
	    padding-left: 16px;
	}


	.centr a {
	    font-size: 16px;
	    padding-left: 3px;
	}


 .city_block5 .centr a {
    font-size: 14px;
}


	.spisok-centr a{
		font-size: 16px;
	    padding-left: 3px;
	}


	.city_block1{
		width: 45%;
    	display: inline-block;

	}	

	.city_block2{
		width: 55%;
    	display: inline-block;
    	margin: 0;    	
	}	

	.city_block3{
		margin-top:10px;
	}

	.button_block {
		margin-bottom: 5px;
	}

	.button_block .btn{
		width: 100%;
	    height: 45px;
	    font-weight: 700;
	    font-size: 18px;

	}

	.city_block3 .btn{
		width: 130px;
	    height: auto;
	    font-weight: 700;
	    font-size: 18px;
    white-space: normal;
    line-height: 1.5;	    

	}

	.city_block4 {
	    width: 50%;
	    display: inline-block;
	}

	.wrap-2 {
	    height: 70px;
	}

	.ekz h2 {
	    font-size: 21px;
	    margin-top: 20px;
	}

	.wrap-3 h1 {
	    font-size: 34px;
	    margin-top: 10px;
	}

	.wrap-3 h2 {
	    font-size: 30px;
	    margin-top: 0px;
	}

	.wrap-3 button {
	    margin-top: 5px;
	}

	.modal-sm {
	    width: auto;
	    margin-top: 80px;
	}

	.modal-dialog {
	    margin-top: 80px;
	}

	.modal h4 {
	    font-size: 20px;
	}

	.footer_btn{
		margin-top: -207px;
	    text-align: center;
	    display: none;
	}

	.footer_exam{
		margin-bottom: 20px;
	}

	.footer_address p{
		color: black;
	    text-align: center;
	}	

.t-row{
	padding-bottom: 148px;
    display: block;
    margin-bottom: 60px;
    margin-top: 10px;
}

.t-col {
    float: left;
    width: 50%;
    margin-left: 1%;
    margin-right: 5px;
}

.col .t-heading {
    padding-top: 5px;
    padding-bottom: 4px;
    margin-right: 5px;
}

.t-descr {
    padding-bottom: 16px;
}

.line {
    width: 150px;
    margin: 6px 0px 6px 2px;
}

.map {
    width: 100%;
    height: 200px;
}

}



@media only screen and (max-width: 360px) 
{
	.head span {
	    padding-top: 0px;
	}

	.ekz h2 {
	    font-size: 19px;

	}

	.wrap-3 {
	    padding: 0px;
	}

	.desc p {
	    margin: 10px;
	    padding: 10px;
	}

	.desc ol, .desc ul {
    padding-right: 15px;
	}

	.city_block4 {
	    width: 51%;
	}	

	.sqr_img {
	    width: 17px;
	}
}

@media only screen and (max-width: 320px) 
{
	.sqr_img {
	    width: 15px;
	}
	.sqr_img_big {
	    width: 20px;
	    margin-left: 30px;
	}
	.city_block1 {
	    width: 44%;
	    display: inline-block;
	    margin-left: 10px;
	}
.price_page .main-title {
    margin-bottom: 10px;
}
	.main-title {
    font-size: 25px;
}
	.wrap-3 h1 {
    font-size: 25px;
	}
	.wrap-3 h2 {
	    font-size: 24px;

	}

	.krim a {
	    font-size: 18px;
	    padding-left: 20px;
	    margin-top: -5px;
	    display: block;
	}

	.centr a {
    font-size: 13px;
    padding-left: 2px;
	}
	.city_block3 .btn {
	    width: 110px;
	    font-size: 15px;
	}

}