.mob-school {
	align-items: center;
	justify-content: space-between;
	padding: 7px 5px;
	display: none;
}

header.mob-school .logo {
	height: 30px;
	width: auto;
}

.mob-school .WhatsApp {
    background: #1B9F2A;
    border-radius: 50%;
    padding: 4px;
    display: inline-block;
}

.mob-school .phone-s {
    padding: 4px;
    display: inline-block;
    margin-left: 2px;
}

.mob-school .phone-s img {
	width: 20px;
    vertical-align: middle;
}



.mob-school .WhatsApp img {
    vertical-align: middle;
	width: 20px;
}

header.computer .menu, header.computer .short_cart, .info-header  {
	display: none;
}

.s-title {
	font-size: 20px;
	display: inline-block;
}


.school-1 {
	color: #fff;
    background: url('../images/school/school.jpg?1') no-repeat top center;
	min-height: 800px;
	overflow: hidden;
	background-size:100% auto;
}

.school-1 .name {
	font-size: 50px;
	font-weight: 500;
	text-align: center;
	margin-top: 140px;
   -webkit-transform: skewX(-20deg);
    -ms-transform: skewX(-20deg);
    transform: skewX(-20deg);
	background-color:rgba(000,000,000,0.7);
	padding: 15px 0;
	margin-bottom: 80px;
}

.school-1 .name span {
    -webkit-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
    transform: skewX(20deg);
    display: block;
    font-style: normal;
}

.school-1 .button {
	text-align: center;	
	margin-bottom: 20px;
}

.school-1 .button button {
    color: #fff;
    padding: 23px 76px;
    vertical-align: middle;
    border-radius: 5px;
    height: auto;
    background: #de1f1f;
    text-decoration: none;
    display: inline-block;
	border: none;
	cursor: pointer;
	font-size: 28px;
	transition: .2s ease-in-out;
	position: relative;
	overflow: hidden;
}

.school-1 .button button:before {
	content: "";
	background: linear-gradient(90deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .5));
	height: 78px;
	width: 50px;
	position: absolute;
	top: 0px;
	left: -75px;
	transform: skewX(-45deg);
}

.school-1 .button button:hover {
	background-color: #fe6637;
	color: #fff;
}

.school-1 .button button:hover:before {
    left: 550px;
    transition: .5s ease-in-out;
}


.school-1 .desc {
	text-align: center;	
}

.school-2 {
	overflow: hidden;
	margin-top: 70px;
	text-align: center;	
}

.school-2 .name {
	text-align: center;	
	font-size: 40px;
	font-weight: 500;
	margin-bottom: 20px;
}



.school-2 img {
	width: 49%;
}

.school-3 {
	overflow: hidden;
	margin-top: 70px;
	text-align: center;	
    background-color: #e3e0de;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
	background-image: url('../images/school/bg_events.jpg?1');
	padding: 80px 0 95px;
}

.school-3 .name {
	text-align: center;	
	font-size: 40px;
	font-weight: 500;
	margin-bottom: 30px;
}

.school-3 .pol {
    text-align: left;
	font-size: 18px;
}

.school-3 .pol .rows {
    text-align: center;
	margin-bottom: 50px;
	line-height: 30px;
}

.school-3 .pol .rows-25 {
	width: 25%;
}

.school-3 .pol .rows-33 {
	width: 33%;
}

.school-3 .pol .rows i {
	font-size: 68px;
	display: block;
	margin: 0 auto;
}

.school-4 {
	overflow: hidden;
	margin-top: 70px;
	text-align: center;	
}

.school-4 .name {
	text-align: center;	
	font-size: 40px;
	font-weight: 500;
	margin-bottom: 30px;
}

.school-4 .flex iframe {
	margin: 10px;
	width: calc(25% - 20px);
}


.school-3 .block_title {
    color: #000;
    font: 500 48px Roboto;
    position: relative;
    z-index: 9;
    margin-bottom: 55px;
    text-align: center;
    background: url('../images/school/bg_events_block_title.png') 50% 50% no-repeat;
}

.school-3 .block_title div {
    position: relative;
    z-index: 9;
    display: inline-block;
    vertical-align: top;
}

.school-3 .flex {
	justify-content: space-between;
	align-items: center;
}

.school-3 .block_title div:before {
    position: absolute;
    z-index: -1;
    top: 50%;
    left: -65px;
    display: block;
    width: 254px;
    height: 83px;
    content: '';
    transform: translateY(-50%);
    background: url('../images/school/bg_events_block_title_div.png') 50% 50% no-repeat;
}

.fac {
	width: 435px;
	margin: 0 auto;
}

.fac .n1 {
	font-size: 100px;
	font-weight: 600;
	line-height: 75px;
	margin-bottom: 0px;
	display: inline-block;
	color: #de1f1f;
}

.fac .n2 {
	font-size: 25px;
	display: block;
	margin-bottom: 15px;
}

.fac .n3 {
    font-size: 33px;
	display: block;
   -webkit-transform: skewX(-20deg);
    -ms-transform: skewX(-20deg);
    transform: skewX(-20deg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
	background-image: url('../images/school/bg_advantages.jpg');
	padding: 0 10px;
}

.fac .n3 i {
	color: #fff;
    -webkit-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
    transform: skewX(20deg);
    display: block;
    font-style: normal;
}




/*---------------
   Footer
---------------*/
footer
{
    position: relative;
    z-index: 9;

    padding-top: 30px;

    background: url('../images/school/bg_footer.jpg') 50% 0 no-repeat;
    background-size: cover;
}


footer .top
{
    border-bottom: 1px solid rgba(255,255,255,.12);
    padding: 30px 0;
}


footer .top .logo
{
    width: 170px;
}

footer .top .logo img
{
    display: block;

    max-width: 100%;
}


footer nav
{
    display: flex;

    width: calc(100% - 170px);

    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

footer nav a
{
    color: #fff;
    font: 500 16px/46px Roboto;

    text-decoration: none;
}

footer nav a:hover
{
    text-decoration: underline;
}



footer .order .cont
{
    display: flex;

    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

footer .order .info
{
    color: #fff;
    font: 700 24px Roboto;

    width: calc(100% - 495px);

    padding: 40px 0;
	background: transparent;
}

footer .order .info .box
{
    width: 475px;
    max-width: 100%;

    margin: 0 auto;
}

footer .order .info .phone
{
    font-size: 36px;

    margin-top: 5px;
}


footer .order form
{
    width: 350px;
    max-width: 100%;

    margin-right: 145px;
    padding: 40px 0;
}



footer .bottom
{
    color: #fff;
    font: 500 14px Roboto;

    padding: 39px 0;

    background: url('../images/school/bg_footer_bottom.png') 50% 0 no-repeat;
}

footer .bottom a
{
    color: #fff;
}

footer .bottom a:hover
{
    text-decoration: none;
}

footer .bottom .links a + a
{
    margin-left: 40px;
}


footer .form .title {
    color: #fff;
    font: 13px Roboto;
    margin-bottom: 18px;
    text-align: center;
}


.form .title
{
    color: #fff;
    font: 13px Roboto;

    margin-bottom: 18px;

    text-align: center;
}


.form .line
{
    margin-bottom: 10px;
}

.form .field
{
    position: relative;
}


.form .name
{
    color: #858585;
    font: 500 12px Roboto;

    margin-bottom: 7px;
}

.form .input
{
    color: #000;
    font: 500 24px Roboto;

    display: block;

    width: 100%;
    height: 48px;

    border: none;
    padding: 0 15px;

    text-align: center;

    border-radius: 10px;
    background: #fff;
}


.form .phone
{
    display: flex;

    justify-content: space-between;
    align-items: stretch;
    align-content: flex-start;
    flex-wrap: nowrap;
}

.form .phone .input
{
    width: calc(100% - 162px);

    text-align: left;
}

.form .phone .input.country
{
    width: 58px;

    text-align: center;
}

.form .phone .input.operator
{
    width: 88px;

    text-align: center;
}

.form .phone .input + .input
{
    margin-left: 8px;
}


.form .submit
{
    padding-top: 14px;

    text-align: center;
}

.form .submit_btn
{
    color: #fff;
    font: 700 12px/36px Roboto;

    display: inline-block;
    vertical-align: top;

    max-width: 100%;
    height: 40px;

    border: none;
    border: 2px solid #d10000;
    padding: 0 20px;

    cursor: pointer;
    text-transform: uppercase;

    transition: .2s linear;

    border-radius: 50px;
    background: #d10000;
}

.form .submit_btn:hover
{
    color: #d10000;

    background: #fff;
}

.color43, .color43 a {
    color: #fff;
	font-size: 12px;
	margin-top: 10px;
}

	
footer .top {
	display: none;
}


@media (max-width: 767px){
	
	.school-1 {
		min-height: 800px;
		background-size: cover;
		min-height: 330px;
	}
	
	.school-1 .name {
		font-size: 21px;
		margin-top: 35px;
		margin-bottom: 30px;
	}
		
	
	.school-1 .button button {
		padding: 18px 22px;
		font-size: 20px;
		
	}
	
	.school-1 .desc {
		padding: 6px 0 0 0;
		font-size: 12px;
	}
		
	.school-2 {
		margin-top: 20px;
	}
	
	.school-2 .name {
		text-align: center;
		font-size: 18px;
		font-weight: 500;
		margin-bottom: 20px;
	}
	
	.school-3 {
		padding: 30px 0;
	}
	
	.school-3 .block_title {
		font: 500 22px Roboto;
	}
	
	.school-3 .pol .rows-25, .school-3 .pol .rows-33 {
		width: 50%;
		font-size: 15px;
		line-height: 20px;
	}
	
	.school-3 .pol .rows-100{ 
		width: 100%;
    }
	
	.school-3 .flex {
		align-items: flex-start;
	}
	
	.school-3 .flex {
		justify-content: center;
		align-items: center;
		width: 100%;
	}
	
	
	.school-4 {
		margin-top: 30px;
	}
	
	.school-4 .name {
		font-size: 32px;
	}
	
	.school-4 .flex iframe {
		width: 100%;
	}
	
	.school-4 .name {
		font-size: 27px;
	}

	
	footer .order .info {
		font-size: 18px;
		width: 100%;
		text-align: center;
	}
	
	footer .order form {
		max-width: 100%;
		margin: 0 auto;
		padding-top: 0;
	}
	
	footer .bottom {
		background: #d10000;
	}
		
	footer .copyright {
		width: 100%;
		margin-bottom: 10px;
	}
	
	footer .links {
		width: 100%;
	}
	
	header.mobile {
		display: none;
	}
		
	.mob-school {
        display: flex;
	}		
	
}