/**
 * Copyright (c) 2013 mopapy.
 * mail - mopapy@gmail.com
**/
@charset "utf-8";
@import "fonts.css";
* {
	margin: 0;
	padding: 0;
}



body {
    background: url("../img/bg_for_main_banner.png") repeat-x #FFFFFF top center;
    color: #282828;
	font-family: 'PT Sans';
    font-weight: normal;
    text-align: center;
	/*overflow-x:hidden */
	/*overflow-x: hidden !important;
	overflow-y: visible; /*!important; /* Добавляем полосы прокрутки */
	
}



.captcha
{
	padding-bottom:0px; position:relative;
	margin-top:8px; 
	margin-bottom: -16px;
}

.captcha img
{
	opacity:0.55; vertical-align:top;
}

.input_captcha
{
	width:60px !important;
	border-right: solid 1px #0A63B7 !important;
	position:relative;
	background: #e0e0e0 !important;
	
}


a, button {
    cursor: pointer;
    opacity: 1;
}

button:hover {
    opacity: 1.0;
	color:#ffff55;

}

#main_price
{
	color: #FF0000;
	font-weight:bold;
	font-size:30px;
	text-shadow:
    1px 1px 0px #ffffff,
    0px 1px 0px #ffffff,
    1px 0px 0px #ffffff,
    -1px -1px 0px #ffffff,
    -1px 0px 0px #ffffff,
    0px -1px 0px #ffffff,    
    1px -1px 0px #ffffff,
    -1px 1px 0px #ffffff;
}

#main_button {
    cursor: pointer;
    opacity: 1;
	
    display: inline-block;
	
    width: 300px;
    height:48px;
	
	text-shadow:
    1px 1px 0px #333333,
    0px 1px 0px #333333,
    1px 0px 0px #333333,
    -1px -1px 0px #333333,
    -1px 0px 0px #333333,
    0px -1px 0px #333333,    
    1px -1px 0px #333333,
    -1px 1px 0px #333333;


    color:#ffffff;
	background-color:#70A2DC;
	border-radius:8px;
	border:solid 3px #ffffff;
	
	font:normal 24px 'PT Sans';	
	
	
}

#main_button:hover {
    opacity: 1.0;
	color:#ffff55;
	background-color:#628dc0;
}



#main_button a:hover {
	color:#ffff55 !important;
}


p {
    font-size: 16px;
}

img {
    border: none;
}

h3 {
    font: normal 36px/40px 'Roboto Condensed';
	font-family: 'Roboto Condensed', sans-serif;
    margin: 15px 0;
}


.wrap1
{
	background-image: url("../img/shine.png");
 	background-position: left bottom; /* Положение фона */
    background-repeat: repeat-x;
}

div.wrap {
    width: 100%;
    text-align: left;
}

div.topmenu {
    width: 940px;
    height: 50px;
    margin: 0 auto;
    padding: 7px 0 0;
    /*overflow: hidden;*/
}

div.topmenu ul {
    position: relative;
    float: left;
    left: 38%;
	margin-top:5px;
}

div.topmenu ul li {
    position: relative;
    float: left;
    right: 50%;
    list-style: none;
    margin: 5px 5px;
    padding: 3px 5px;
}

div.topmenu ul li a {
    color: #282828;
    text-decoration: none;
    border-bottom: dotted 1px #282828;
    font-size: 16px;
}

div.topmenu ul li:hover {
    border: 2px solid #282828;
    margin: 3px 3px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    -khtml-border-radius: 12px;
    border-radius: 12px;
	background-color:rgba(0,100,0,0.25);
}

div.topmenu ul li a:hover {
    border: none;
}

div.topmenu p.phone{
float:right;
font-size:22px;
line-height:1.2;
text-align:right;
margin-top:-5px;
}

div.block1 {
    width: 940px;
    margin: 0 auto;
    height: 568px;
}

div.block1 h1 {
    margin: 0 auto 10px;
    font: bold 60px/72px 'Roboto Condensed';
	font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase; /*Заглавные буквы*/
    width: 940px;
	padding-left:0px;
	padding-top:20px;
	text-align:center;
	font-size:60px !important;
	text-shadow:
    1px 1px 0px rgba(255,255,255,0.4),
    0px 1px 0px rgba(255,255,255,0.4),
    1px 0px 0px rgba(255,255,255,0.4),
    -1px -1px 0px rgba(255,255,255,0.4),
    -1px 0px 0px rgba(255,255,255,0.4),
    0px -1px 0px rgba(255,255,255,0.4),
    1px -1px 0px rgba(255,255,255,0.4),
    -1px 1px 0px rgba(255,255,255,0.4);
}

div.block1 h1 span {
    border-bottom: 1px solid #444444;
}


div.block1 h5 {
    text-align: center;
    font: normal 24px/40px 'PT Sans';
}

div.block1 h5 a img {
    margin: 0 0 -12px;
}

div.block2 {
    width: 940px;
    margin: 40px auto;
}

div.block2-1 {
    width: 298px;
    border: 1px solid #ededed;
    float: left;
    margin: 15px 0 0;
	height:618px;
}

div.block2-1 div {
    width: 94%;
    margin: 0 auto;
}

div.block2-2 {
    background: #f9f9f9;
    width: 606px;
    height: 255px;
    margin: 15px 0 0 17px;
    display: inline-block;
    border-bottom: 2px solid #dadada;
    padding: 10px 0 0 15px;
}

div.block2-3 {
    background: #f9f9f9;
    width: 606px;
    height: 174px;
    margin: 20px 0 0 17px;
    display: inline-block;
    border-bottom: 2px solid #dadada;
    padding: 10px 0 0 15px;
}

div.block2-4 {
    background: #f9f9f9;
    width: 606px;
    height: 100px;
    margin: 20px 0 0 17px;
    display: inline-block;
    border-bottom: 2px solid #dadada;
    padding: 10px 0 0 15px;
}

div.block2-2 h4, div.block2-3 h4, div.block2-4 h4 {
    font: bold 24px 'PT Sans';
}

div.block2-2 ul li, div.block2-3 ul li, div.block2-4 ul li {
    margin: 9px 0 0 15px;
}

div.curs1 {
    width: 48%;
    float: left;
    margin: 18px 0 0;
}

div.curs1 img {
    margin: 0 5px -4px 0;
}

div.curs1 i {
  margin: 0 5px -4px 0;
  width: 24px;
  text-align: center;
}

div.curs1 span {
    font-size: 16px;
}

div.curs2 {
    width: 52%;
    float: left;
    margin: 18px 0 0;
}

div.curs2 img {
    margin: 0 5px -4px 0;
}

div.curs2 i {
  margin: 0 5px -4px 0;
  width: 24px;
  text-align: center;
}

div.curs2 span {
    font-size: 16px;
}

div.block3 {
    width: 940px;
    margin: 20px auto;
}

div.service {
    width: 218px;
    height: 285px;
    border: 1px solid #cccccc;
    position: relative;
    float: left;
    margin: 30px 20px 0 0;
    opacity: 0.6;
}

div.service p.price {
    font: 12px 'PT Sans';
    position: absolute;
    top: -10px;
    /*right: -6px;*/
    background: #FFFFFF;
    padding: 1px 5px;
	border-radius:8px;
	left:-5px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
	border:solid 1px #000000;
}

div.service p.text {
    font: normal 16px 'PT Sans';
    margin: 5px 0 0 10px;
}

div.service p.button {
    margin: 20px 0 0 30px;
}

div.service:hover {
    opacity: 1;
    transition-duration: .8s;
    -moz-transition-duration: .8s;
    -webkit-transition-duration: .8s;
    -o-transition-duration: .8s;
    border: 1px solid #EAEAEA;
    -moz-box-shadow: 1px 2px 4px 3px #CCCCCC;
    -webkit-box-shadow: 1px 2px 4px 3px #CCCCCC;
    box-shadow: 1px 2px 4px 3px #CCCCCC;
}

div.service a:hover {
    opacity: 1;
}



#pdd{

	width:528px;
	height:160px;
	margin-left:50%;
	left:-280px;
	position:relative;
	margin-top:12px;
    border: 1px solid rgba(0, 0, 0, 0.00);
    opacity: 0.1;
	transition-duration: .8s;
}


#pdd:hover {
    opacity: 1;
    transition-duration: .8s;
    -moz-transition-duration: .8s;
    -webkit-transition-duration: .8s;
    -o-transition-duration: .8s;
    border: 1px solid #EAEAEA;
    -moz-box-shadow: 0px 10px 4px -5px #CCCCCC;
    -webkit-box-shadow: 0px 10px 4px -5px #CCCCCC;
    box-shadow: 0px 10px 4px -5px #CCCCCC;
}

#pdd a:hover {
    opacity: 1;
}


div.block4-bg {
    background: url("../img/block4.jpg") no-repeat top center;
    width: 100%;
    height: 392px;
}

div.block4 {
    width: 940px;
    height: 362px;
    margin: 0 auto;
    position: relative;
    /*color: #FFFFFF;*/
    text-align: left;
}

div.block4 h3 {
    /*font: bold 40px 'PT Sans';*/
    /*margin-bottom: 5px;*/
}

div.block4 h5 {
    font: normal 20px 'PT Sans';
}

div.count {
    background: url("../img/count-bg.png") no-repeat -85px -2px;
    width: 335px;
    height: 70px;
    margin: 20px auto 0;
    position: relative;
}

div.count-text {
    position: absolute;
    top: 5px;
    left: 0;
    font: bold 16px 'PT Sans';
    text-align: right;
    height: 50px;
}

div#countdown {
    position: absolute;
    left: 80px;
}

div#countdown .digit {
    color: #FFFFFF;
}

div.count div.day {
    position: absolute;
    top: 34px;
    left: 94px;
    font-size: 10px;
}

div.count div.hour {
    position: absolute;
    top: 34px;
    left: 156px;
    font-size: 10px;
}

div.count div.min {
    position: absolute;
    top: 34px;
    left: 220px;
    font-size: 10px;
}

div.count div.sec {
    position: absolute;
    top: 34px;
    left: 282px;
    font-size: 10px;
}

div.count span.countSeconds, div.count span.countMinutes, div.count span.countHours, div.count span.countDays {
    
    display: inline-flex;
    height: 50px;
}

/*** Form-1 styles ***/
div.form-1 {
    width: 222px;
    height: 175px;
    margin: 10px auto 0;
}

div.form-1 p.title {
    font: 24px 'PT Sans';	
    padding:4px 0 20px 0;
    color: #FFFFFF;
}

div.form-1 form {

}

div.form-1 form div.inbox{
    position:relative;
    width:220px;
    height:40px;
    margin: 0 0 15px 0;	
}

div.form-1 form input{
    background: #FFFFFF;
    border: none;
    border-radius: 24px;
    height: 40px;
    width: 200px;
    font-size: 16px;
    color: #919090;
    padding: 0 10px;
    font: italic 16px 'PT Sans';
    /*color: #5b5b5b;*/
}

div.form-1 form img.ikonka{
    position:absolute;
    right:10px;
    top:10px;
}

div.form-1 form button {
  background: #6BAADF;
  width: 280px;
  height: 52px;
  /* margin: 0 0 0 -2px; */
  border: none;
  cursor: pointer;
  color: #fff;
  font-size: 20px;
  padding: 15px;
  margin-left: -29px;
  border-radius:15px;
}

div.form-1 form div p{
    font-size:16px;
    color:#404040;
    padding-bottom:3px;	
}
/*** End Form-1 styles ***/

div.block5 {
    background: url("../img/block5.png") no-repeat 0 80px;
    width: 940px;
    height: 400px;
    margin: 30px auto;
    position: relative;
}

div.block5 p {
    font-size: 18px;
    line-height: 24px;
}

div.why1 {
    width: 290px;
    height: 110px;
    position: absolute;
    top: 100px;
    left: 5px;
}

div.why1 img {
    float: right;
}

div.why1 i {
    float: right;
	color:#48AAD3;
}

div.why1 p {
    padding: 10px 0 0;
}

div.why2 {
    width: 280px;
    height: 110px;
    position: absolute;
    top: 100px;
    left: 330px;
}

div.why2 img {
    float: right;
}

div.why2 i {
    float: right;
	color:#48AAD3;
}

div.why2 p {
    padding: 10px 0 0;
}

div.why3 {
    width: 270px;
    height: 110px;
    position: absolute;
    top: 100px;
    left: 655px;
}

div.why3 img {
    float: right;
}

div.why3 i {
    float: right;
	color:#48AAD3;
}

div.why3 p {
    padding: 10px 0 0;
}

div.why4 {
    width: 290px;
    height: 70px;
    position: absolute;
    top: 300px;
    left: 15px;
}

div.why4 img {
    float: left;
    margin-top: 5px;
}

div.why4 i {
    float: left;
    margin-top: 5px;
	color:#48AAD3;
}

div.why4 p {
    padding: 0 0 0 65px;
}

div.why5 {
    width: 290px;
    height: 80px;
    position: absolute;
    top: 300px;
    left: 330px;
}

div.why5 img {
    float: left;
}

div.why5 i {
    float: left;
	color:#48AAD3;
}

div.why5 p {
    padding: 0 0 0 70px;
}

div.why6 {
    width: 290px;
    height: 110px;
    position: absolute;
    top: 300px;
    left: 655px;
}

div.why6 img {
    float: left;
    margin-top: 2px;
}

div.why6 i {
    float: left;
	color:#48AAD3;
}

div.why6 p {
    padding: 0 0 0 55px;
}

div.block6 {
    width: 940px;
    margin: 30px auto;
}

div.lesson {
    width: 298px;
    height: 315px;
    border: 1px solid #d3d3d3;
    float: left;
    margin: 20px 20px 0 0;
}

div.lesson h5 {
    font: bold 24px/36px 'PT Sans';
    padding: 0 10px;
}

div.lesson p {
    font: 16px 'PT Sans';
    padding: 0 2px;
}

div.block7 {
    width: 940px;
    margin: 30px auto;
}

#bx-pager a {
    color: #717171;
    text-decoration: none;
    padding: 2px 6px;
    border-bottom: 1px dotted #717171;
    border-radius: 10px;
    font-size: 16px;
	display:inline-block;
	margin-bottom:5px;
}

#bx-pager a.active {
    border: 2px solid #717171;
    padding: 2px 4px;
} 

#bx-pager a:active {
    border: 2px solid #717171;
    padding: 2px 4px;
} 

#bx-pager a:hover {
    border: 2px solid #717171;
    padding: 2px 4px;
} 

div.slide {
    width: 605px;
    height: 311px;
    overflow: hidden;
    float: left;
}

/*** Form-2 styles ***/
div.form-2 {
    width: 300px;
    height: 275px;
    margin: 10px auto 0;
    float: right;
}

div.form-2 p.title {
    font: 24px 'PT Sans';	
    padding:4px 0 20px 0;
    color: #FFFFFF;
}

div.form-2 form {

}

div.form-2 p.description {
    font:normal 30px 'Roboto Condensed';
    text-transform: uppercase;
}

div.form-2 form div.inbox{
    position:relative;
    width:282px;
    height:36px;
    margin: 10px 0 20px;	
}

div.form-2 form input{
    background: #FFFFFF;
    border: solid 1px #aaaaaa;
    height: 34px;
    width: 260px;
    font-size: 16px;
    color: #919090;
    padding: 0 10px;
    font: 14px 'PT Sans';
    color: #5b5b5b;
}

div.form-2 form img.ikonka{
    position:absolute;
    right:10px;
    top:10px;
}

div.form-2 form button{
    background:url(../img/form2-button.png);
    width:282px;
    height:46px;
    margin:0 0 0 -2px;	
    border:none;
    cursor:pointer;
	margin-left:1px;
}

div.form-2 form div p{
    font-size:16px;
    color:#404040;
    padding-bottom:3px;	
}
/*** End Form-1 styles ***/

div.contact {
    width: 940px;
    height: 444px;
    margin: 50px auto 30px;
}

div.contact h3 {

}

div.map {
    height: 333px;
    width: 510px;
    float: left;
    margin: 20px 20px 0 0;
}

div.contact p {
    padding: 0 0 0 40px;
    line-height: 18px;
}

div.adress {
    background: url("../img/icon-adress.png") no-repeat;
    height: 32px;
    width: 388px;
    float: left;
    margin: 20px 0 44px 20px;
	position:relative;
}

div.phone {
    background: url("../img/icon-phone.png") no-repeat;
    height: 45px;
    width: 380px;
    float: left;
    margin: 0 0 25px 20px;
}

div.mail {
    background: url("../img/icon-mail.png") no-repeat;
    height: 32px;
    width: 380px;
    float: left;
    margin: 0 0 25px 20px;
}

div.clock {
    background: url("../img/icon-clock.png") no-repeat;
    height: 32px;
    width: 380px;
    float: left;
    margin: 0 0 15px 20px;
    padding: 0px 0px 42px 0px;
    border-bottom: 1px solid #d4d4d4;
}

div.contact-social {
    height: 50px;
    width: 380px;
    float: left;
    margin: 0 0 5px 20px;
}

div.contact-social p {
    padding: 0;
    line-height: 20px;
}

div.block8 {
    width: 940px;
    margin: 30px auto;
}

div.footer {
    width: 940px;
    height: 180px;
    margin: 0 auto;
    position: relative;
}


.footermenu {
	position:absolute;
	margin-top:26px;
	border: solid 0px #FF0000;
	width: max-content;
}

.footermenu a {
    font-size: 14px;
    color: #282828;
    text-decoration: none;
    border-bottom: 1px dotted #282828;
    margin: 0 15px 0 0;
}


div.footer div.number {
    position:relative;
    font: bold 20px 'PT Sans';

}

div.footer div.callback {
    position:relative;
	text-align:center;	
	margin-top:12px;	
}

div.footer div.social {
    position:relative;
	text-align:center;
	margin-top:-8px;	
		
}


div.createdby {
    position: absolute;
    left: 83px;
    top: 50px;
    width: 300px;
}

div.createdby img {
    float: left;
    margin: 0 10px 0 0;
}

div.createdby p {
    font-size: 12px;
    color: #a7a7a7;
}

div.createdby p a {
    color: #a7a7a7;
}










/*** System Style ***/
.ruble {
    font-family: 'PT Sans';
}

div.clear {
    clear: both;
}

div.separator {
    width: 100%;
    border-top: 2px solid #dadada;
    margin: 20px 0 25px;
}

div.minseparator {
    width: 94%;
    margin: 10px auto!important;
    border-top: 1px solid #ededed;
}

.button a{
	width: 160px;
  height: 45px;
  display: block;
  text-align: center;
  line-height: 45px;
  /*background-color: #8DB438;*/
  background: #c9de96;
background: -moz-linear-gradient(top,  #c9de96 0%, #8ab66b 44%, #398235 100%);
background: -webkit-linear-gradient(top,  #c9de96 0%,#8ab66b 44%,#398235 100%);
background: linear-gradient(to bottom,  #c9de96 0%,#8ab66b 44%,#398235 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9de96', endColorstr='#398235',GradientType=0 );


  text-shadow: 0px -1px 1px #000000;
  font-size: 25px;
  border-radius:5px;
  border:solid 1px #333333;
}

.button a:hover{
	background-color:#98BA4D;
}

.ecomment_version{
	display:none !important;
}

.ecomment_wrapper{
	font-weight:bold;
}


#button_up
{
	background:url(../img/4_1_b.png);
	
	display:block;
	position:fixed;
	right:36px;
	bottom:20px;
	/*margin-top:-50px;*/
	z-index:17;
	opacity:1;
	text-align:center;
	

	
}



#button_up a
{

display:block;

/*border:solid 1px #999999;*/
/*border-radius: 5px;*/
/*box-shadow: 0px 0px 10px #00aff0;*/
cursor:pointer;

position:relative;
z-index:11;

/*background-color:#00aff0;*/

width:90px;
height:67px;
position:relative;
margin-top:20px;
padding-top:3px;

opacity:1;
}



#button_up a:hover
{
	display:block;

/*border:solid 1px #666666;
border-radius: 5px;
box-shadow: inset 0px 0px 15px #ffffff;
*/
cursor:pointer;
/*background-color:#00aff0;*/
position:relative;
z-index:11;

width:90px;
height:67px;
position:relative;
margin-top:20px;
padding-top:3px;

opacity:1;

}


.license_img
{
	height:900px;
}

#awards
{
	position:absolute;
	width:270px;
	right:52px;
	display:block;
	text-align:center;
	top:24px;
	z-index:0;
	border:solid 0px #ff0000;
}

#stick_note_02_block
{
	display:block;
	position:relative;
	top:170px;
	margin-left:48px;
}

@media (max-width: 1600px)
{
	.class_room
	
	{
		width:900px;
	}
	
	.license_img
	{
		height:740px;
	}
	
}

@media (max-width: 1200px)
{
	.class_room

	{
		width:700px;
	}
	
	.license_img
	{
		height:670px;
	}
	
	
}

@media (max-width: 1020px)
{
	.class_room

	{
		width:500px;
	}
	
	.license_img
	{
		height:600px;
	}

	
}

@media (max-width: 1560px)
{
	#stick_note_02_block
	{
		top:278px;
		margin-left:130px;

	}

}

@media (max-width: 1430px)
{
	#awards
	{
	top:186px;
	transform:scale(0.75);
	}
	
	#stick_note_02_block
	{
		transform:scale(0.75);
		top:278px;
		margin-left:-88px;

	}
	
}