html{
font-size: 10px;
}
body, html {
text-align:center;
margin:0;
padding:0;
max-width: 1920px;
margin: 0 auto;
position: relative;
overflow-x: hidden;
height: 100%;
}
img{border: none; max-width: 100%; height: auto !important;}
table{max-width: 100%;}
/**{-webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}*/
/*---------------------------------------------
ОСНОВНОЙ КОНТЕЙНЕÐ
---------------------------------------------*/

#main-container{
margin:0 auto;
text-align:left;
min-height:100%;
width:100%;
height: 100%;
}

.hamburger {
	width: 50px;
	height: 50px;
	display: none;
	flex-direction: column;
	position: absolute;
	right: 0;
	background: #000;
	top: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
  	cursor: pointer;
  	justify-content: center;
  	align-items: center;
  	z-index: 1000;
  	background: rgba(247, 215, 172, .95);
}

.phoneforrightmodulebody span {
	color: #fff;
}

.hamburger .line {
	height: 2px;
	width: 30px;
	background: #fff;
}
.hamburger .line:not(:last-child) {
	margin-bottom: 5px;
}

#hamburger-1.is-active .line:nth-child(2){
  opacity: 0;
}

#hamburger-1.is-active .line:nth-child(1){
  -webkit-transform: translateY(7px) rotate(45deg);
  -ms-transform: translateY(7px) rotate(45deg);
  -o-transform: translateY(7px) rotate(45deg);
  transform: translateY(7px) rotate(45deg);
}

#hamburger-1.is-active .line:nth-child(3){
  -webkit-transform: translateY(-7px) rotate(-45deg);
  -ms-transform: translateY(-7px) rotate(-45deg);
  -o-transform: translateY(-7px) rotate(-45deg);
  transform: translateY(-7px) rotate(-45deg);
}

.wrapper-main-page-form {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
}

.main-form { 
	display: none !important; /* display: flex; */
	justify-content: center;
	align-items: center;
	flex-direction: column;
	margin-left: auto;
	margin-right: 100px;
	padding: 25px 20px 20px;
	background: #fff;
	height: max-content;
	border: 2px solid #A28618;
	max-width: 327px;
}

.main-form h1 {
	margin: 0 0 20px;
	color: #634F34;
}

.input-theme {
	outline: none;
	border: 1px solid #DDDDDD;
	padding: 10px 15px;
	background: transparent;
	width: 100%;
	color: #141414;
	resize: none;
	box-sizing: border-box;
	font-size: 14px;
	margin-bottom: 10px;
	-webkit-transition:  .3s;
	-moz-transition:  .3s;
	transition:  .3s;
}

.check-label {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	font-size: 12px;
	color: #a28618;
}

.check-label p {
	margin: 0 0 0 8px;
}

.input-theme::-webkit-input-placeholder {
	color: #C2B19B;
}
.input-theme::-moz-placeholder {
	color: #C2B19B;
}
.input-theme::placeholder {
	color: #C2B19B;
}

.button-submit {
	background: #CB8F3D;
	padding: 14px 0;
	width: 100%;
	border: none;
	text-align: center;
	color: #fff;
	border-radius: 35px;
	cursor: pointer;
	-webkit-transition:  .3s;
	-moz-transition:  .3s;
	transition:  .3s;
	font-size: 14px;
}

.button-submit:hover {
	opacity: 0.9;
}


* html #main-container{height:100%;}

/***************** Шапка сайта */
a.logo {
position:absolute;
left: 0;
right: 0;
margin: 0 auto;
padding: 0;
text-decoration:none;
width: 100%;
max-width: 308px;
z-index: 9999999999;
}
.mainpage .logo{display: block;}

/************************** Хлебные крошки */
.pathway {
border-bottom:1px dotted #666;
margin:0 0 10px;
padding:0 0 5px; 
font-size:11px;
}

/***************** Модульная позиция - TOP */
#top {
margin: 0;
position: absolute;
z-index: 10;
}

.copyright-footer {
}

/***************** Колонки */
#left.active, #right.active {
	left: -40% !important;
}
.mainpage .leftwrapper, .mainpage .rightwrapper{
height: 100%;
/*width: 50%;*/
/*max-width: 75%;*/
position: absolute;
top: 0;
-webkit-transition: 0.75s; -moz-transition: 0.75s; -ms-transition: 0.75s; -o-transition: 0.75s; transition: 0.75s;
background-size: 100%;
}
.mainpage .rightwrapper{right: 0; background: url(../images/main-background.png) no-repeat; width: 100%;    background-position: center;
    background-size: cover;}

/*.mainpage .leftwrapper:hover, .mainpage .rightwrapper:hover{width: 25%;}*/

/*.mainpage .leftwrapper:hover ~ .rightwrapper{width: 75%;}*/

#leftchecked, #rightchecked{display: none !important;}

#left {
width:25%;
max-width: 50%;
height: 100%;
line-height:normal;
position: fixed;
top: 0;
overflow: scroll;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
justify-content: center;
transition: .4s;
}

.wrapper-menu {
	margin: 0 30px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 90%;
}

.menu-number {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
}

.faq_quest tbody {
	border: none;
}

.faq_quest tr td {
	word-break: normal;
	flex-direction: column-reverse;
	align-items: flex-start;
}

.menu-title {
	border: 2px solid #A28618;
	padding: 20px 30px;
	text-transform: uppercase;
	text-align: center;
	font-family: 'FramS';
	font-size: 2em;
}

.menu-list-link ul {
	padding: 0;
	margin: 0;
}

.wrapper-menu-number .social a {
	background: rgba(140, 89, 11, .1);
	border-radius: 50%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 20px;
	height: 46px;
	width: 46px;
}

.wrapper-menu-number hr {
	width: 100%;
	border: none;
	height: 1px;
	background: #CCBE89;
	margin: 30px 0;
}

.menu-list-link-footer ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.menu-list-link-footer ul ul {
	padding: 5px 0;
	position: absolute;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: column;
	z-index: -1;
	opacity: 0;
	transition: .3s;
	background: rgba(247, 215, 172, .95);
}

.dropDown-link.active ul {
	opacity: 1;
	z-index: 1;
	padding-left: 10px;
}

.menu-list-link-footer ul ul li {
	margin-bottom: 0;
	padding: 5px;
}

.menu-list-link-footer ul li {
	padding-left: 0 !important;
	margin-right: 10px;
}

.menu-list-link-footer ul li a {
	text-transform: none;
}

.menu-list-link-footer ul li a:hover {
	color: #fff;
}

.menu-number__social {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

.menu-number__item-link.tel a {
	font-size: 2em;
	color: #fff;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	text-decoration: none;
}

.menu-number__item-link.tel span {
	margin-right: 10px;
}

.menu-list-link ul li {
	list-style-type: none;
	margin-bottom: 20px;
	padding-left: 20px;
}

.menu-list-link a {
	text-transform: uppercase;
	font-family: Arial;
	text-decoration: none;
	font-size: 16px;
	font-weight: 400;
}

.wrapper-menu-number {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: column;
}

#left {
	background: rgba(247, 215, 172, .95);
	left: 0;
	z-index: 10000000;
}

.footer-copyright {
	position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 10px 0;
    background: #e4e4e4;
    bottom: 0;
    z-index: 100;
}

#right{
	/*background: rgb(133,52,149);*/
	background: rgb(247, 215, 172);
	background:
	url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg1MzQ5NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNjA1MjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(133,52,149,0.97) 0%, rgba(6,5,38,0.97) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(133,52,149,0.97)), color-stop(100%,rgba(6,5,38,0.97)));
	background: -webkit-linear-gradient(top, rgba(133,52,149,0.97) 0%,rgba(6,5,38,0.97) 100%);
	background: -o-linear-gradient(top, rgba(133,52,149,0.97) 0%,rgba(6,5,38,0.97) 100%);
	background: -ms-linear-gradient(top, rgba(133,52,149,0.97) 0%,rgba(6,5,38,0.97) 100%);
	background: linear-gradient(to bottom, rgba(133,52,149,0.97) 0%,rgba(6,5,38,0.97) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#853495', endColorstr='#060526',GradientType=0 );
right: 0;
}
/*.mainpage #left{left: -50%;}
.mainpage #right{right: -50%;}*/
/*.leftwrapper:hover #left{left: 0;}
.rightwrapper:hover #right{right: 0;}
.shares--{
position: absolute;
top: 0;
z-index: 50;
width: 300px;
left: 41%;
}*/
.shares {
position: absolute;
top: 30px;
z-index: 50;
width: 320px;
left: 0;
right: 0;
margin: auto;
font-size: 20px;
/* background: rgba(255,255,255,0.5); */
text-align: center;
padding: 10px 30px;
box-sizing: border-box;
/* border: 2px solid red; */
}

/***************** Стили блока основного содержания */
#both{
margin:0 220px;
padding:0 15px;
display: none;
}
#only_left {
margin:0 0 0 25%;
padding:0;
position: relative;
z-index: 1;
}
#only_right {
margin:0 5% 0 25%;
padding:0;
position: relative;
z-index: 1;
}
.leftwrapper.active, .rightwrapper.active,
#leftchecked:checked ~ .leftwrapper, #rightchecked:checked ~ .rightwrapper{}
#no_sides {padding:0 10px;margin-top: 50px;}
#leftchecked ~label, #rightchecked ~label{z-index: 3 !important;}

/***************** Модульная позиция - BOTTOM */
#bottom {
margin:15px 0;
overflow:hidden
}

#ascrail2000{right: 10px !important;}

/************************************ Счетчики */
p.copyright {
position:absolute;
left:0;
top:35px;
font:12px Arial, Helvetica, sans-serif;
color:#666
}
p.copyright a {color:#666}
table.counters {
position:absolute;
right:0;
bottom:10px;
}
.counters td {padding:0 3px}
.tecama {}

/************************************ Модуля */
#left .module,
#right .module {
margin:0 0 15px;
}
#left .moduletitle,
#right .moduletitle {
font-size:18px;
text-align:center;
margin:0 0 10px
}
#left .modulebody,
#right .modulebody {
height: 50px;
}

.photoviewlink{
display: block;
border: 1px solid #ae8ecb;
text-decoration: none !important;
text-transform: uppercase;
color: #906eb0 !important;
width: 273px;
text-align: center;
border-radius: 2px;
padding: 14px 0;
margin-bottom: 8px;
font-size: 12px;
}
.photoviewlink:hover{border: 1px solid #561673; color: #561673 !important;}

.prevphoto, .nextphoto{
display: inline-block;
width: 50px;
height: 50px;
background: url(../images/strelki.png) 0% 0% no-repeat;
}
.nextphoto{background: url(../images/strelki.png) 100% 0% no-repeat;}
.prevphoto:hover{background-position: 0% 100%;}
.nextphoto:hover{background-position: 100% 100%;}

/*******************************************************************************************************************************************************/

.schoolnamemodule{
color: #f6d44c;
font-family: 'FramS';
font-size: 1.5vw;
text-transform: uppercase;
text-align: center;
width: 76%;
height: 10vh;
border: 2px solid #f6d44c;
margin: 2vw auto
3vw;
padding: 1vw;
display: table;
}
.schoolnamemodule p{margin: 0;}
.schoolnamemodulebody{display: table-cell; vertical-align: middle;}

/************************************/

@media only screen and (max-height: 300px) {
	.mainpage .leftwrapper, .mainpage .rightwrapper {
		height: auto;
	}
}

@media only screen and (max-width: 670px){
	.main-form {
		height: 360px;
		margin-left: 0;
		max-width: 210px;
		margin-right: 0;
	}
	.button-submit {
		padding: 0;
		height: 70px;
	}
	.wrapper-main-page-form {
		justify-content: center;
	}
.mainpage .leftmainmodule,
.mainpage .uslugileftmodule,
.mainpage .schoolnamemodule,
.mainpage .sociallinksmodule{}
#left, #right {
	width: 100%;
	max-width: calc(100% - 50px);
}
.leftmainmodule ul, .rightmainmodule ul {
	margin: 0 2.9vw;
}


.menu-list-link a {
	font-size: 13px;
}

.menu-title {
	margin-bottom: 30px;
}

.menu-number {
	flex-direction: column;
}

.wrapper-menu-number hr {
	margin: 20px 0;
}

.wrapper-menu-number {
	display: block;
}

.menu-number__item-link.tel {
	margin-bottom: 10px;
}

.menu-number__social {
	width: 70%;
	justify-content: space-between;
}

.wrapper-menu-number .social a {
	margin-left: 0;
}

#menu li:hover, #menu li:hover, #menu2 li:hover, #menu3 li:hover, #menu2 li.selected, #menu3 li.selected {
	box-shadow: 7px 0 #fff !important;
}

.menu-list-link ul li {
	padding-left: 0;
}

}
#left .sociallinksmodule{margin-right: 60px;}
#right .sociallinksmodule{margin-left: 60px;}
/*********************** Мобильные в альбомной ориентации *************/

@media only screen and (max-width: 670px){
.mainpage #leftchecked ~ label, .mainpage #rightchecked ~ label{display: none;}
.schoolnamemodule{display: none;}
#top{width: 100%; height: 100%;}
.schoolmobilemodule{
font-family: 'FramS';
width: 33vw;
height: 23vh;
text-align: center;
border: 1px solid #f6d44c;
position: absolute;
top: 50%;
display: table;
-webkit-transform: translateY(-50%);
-webkit-animation: mobilemain 2s infinite;
-moz-transform: translateY(-50%);
-moz-animation: mobilemain 2s infinite;
-ms-transform: translateY(-50%);
-ms-animation: mobilemain 2s infinite;
-o-transform: translateY(-50%);
-o-animation: mobilemain 2s infinite;
transform: translateY(-50%);
animation: mobilemain 2s infinite;
}
@-webkit-keyframes mobilemain{0%, 100%{box-shadow: none;}50%{box-shadow: 0px 0px 15px 2px #fff;}}
@-moz-keyframes mobilemain{0%, 100%{box-shadow: none;}50%{box-shadow: 0px 0px 15px 2px #fff;}}
@-ms-keyframes mobilemain{0%, 100%{box-shadow: none;}50%{box-shadow: 0px 0px 15px 2px #fff;}}
@-o-keyframes mobilemain{0%, 100%{box-shadow: none;}50%{box-shadow: 0px 0px 15px 2px #fff;}}
@keyframes mobilemain{0%, 100%{box-shadow: none;}50%{box-shadow: 0px 0px 15px 2px #fff;}}

.schoolmobilemodule a{text-decoration: none; color: #f6d44c;}
.schoolmobilemodule:first-child{
background: rgb(0,0,0);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFhMWU1NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(45deg, rgba(0,0,0,0.9) 0%, rgba(26,30,87,0.9) 100%);
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(0,0,0,0.9)), color-stop(100%,rgba(26,30,87,0.9)));
background: -webkit-linear-gradient(45deg, rgba(0,0,0,0.9) 0%,rgba(26,30,87,0.9) 100%);
background: -o-linear-gradient(45deg, rgba(0,0,0,0.9) 0%,rgba(26,30,87,0.9) 100%);
background: -ms-linear-gradient(45deg, rgba(0,0,0,0.9) 0%,rgba(26,30,87,0.9) 100%);
background: linear-gradient(45deg, rgba(0,0,0,0.9) 0%,rgba(26,30,87,0.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#1a1e57',GradientType=1 );
left: 9%;
}
.schoolmobilemodule:last-child{
background: rgb(0,0,0);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2E2MTU0MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(45deg,
rgba(0,0,0,0.9) 0%, rgba(166,21,65,0.9) 100%);
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(0,0,0,0.9)), color-stop(100%,rgba(166,21,65,0.9)));
background: -webkit-linear-gradient(45deg, rgba(0,0,0,0.9) 0%,rgba(166,21,65,0.9) 100%);
background: -o-linear-gradient(45deg, rgba(0,0,0,0.9) 0%,rgba(166,21,65,0.9) 100%);
background: -ms-linear-gradient(45deg, rgba(0,0,0,0.9) 0%,rgba(166,21,65,0.9) 100%);
background: linear-gradient(45deg, rgba(0,0,0,0.9) 0%,rgba(166,21,65,0.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#a61541',GradientType=1 );
right: 9%;
-webkit-animation-delay: 1s;
-moz-animation-delay: 1s;
-ms-animation-delay: 1s;
-o-animation-delay: 1s;
animation-delay: 1s;
}
.schoolmobilemodule p{
margin: 0;
display: table-cell;
width: 100%;
vertical-align: middle;
}
.logo{
	max-width: 180px !important;
    top: 30px;}
.insidepage .leftmainmodule ul a, .insidepage .rightmainmodule ul a{font-size: 2.5vw;}
#menu2 li, #menu3 li{margin: 0.75vw 0 !important;}
#menu2 a, #menu3 a{font-size: 1.75vw !important;}
.leftwrapper, .rightwrapper{z-index: 1;}
.leftmainmodule ul ul, .rightmainmodule ul ul{margin: 0 !important;}
.insidepage .leftmainmodule ul ul a, .insidepage .rightmainmodule ul ul a{font-size: 2.5vw !important;}
.uslugileftmodule, .uslugirightmodule{position: relative; margin: 0 10%;}
.uslugileftmodule ul, .uslugirightmodule ul{width: 100% !important;}
#menu2 li, #menu3 li{padding: 0 0 0 4% !important;}
.leftmainmodule ul li, .rightmainmodule ul li{margin: 0 4.25vw !important;}
.leftmainmodule ul li:first-child, .rightmainmodule ul li:first-child{margin-left: 0 !important;}
.leftmainmodule ul li:last-child, .rightmainmodule ul li:last-child{margin-right: 0 !important;}
.leftmainmodule ul ul li{margin: 3px 0 0 !important;} 

}
/******************************** *****************************/
@media only screen and (min-width: 671px){#leftchecked ~ label, #rightchecked ~ label{display: none !important;}}
/******************************** ********************************/

@media only screen and (max-width: 670px){
	.main-form {
		margin-right: 0;
	}

.phoneforrightmodulebody table tbody,.phoneforrightmodulebody table tbody td, .phoneforrightmodulebody table, .phoneforrightmodulebody table tbody tr {
	border: none;
	padding: 0;
	justify-content: center;
	align-items: center;
}

#left .sociallinksmodule {
	margin-right: 20px;
}

.phoneforrightmodulebody table tbody tr, .phoneforrightmodulebody table tbody tr {
	flex-direction: row;
	margin-top: 10px;
}
table {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	border: none;
}

table tbody {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
    flex-direction: column;
    width: 100%;
    border: 1px solid #141414;
}

table tbody tr {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

table tbody tr th, table tbody tr td {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	width: 100%;
	padding: 5px;
	word-break: break-all;
}

table tbody tr th p, table tbody tr td p {
	font-size: 9px !important;
}

#top{overflow: hidden;}
.mainpage .leftwrapper, .mainpage .rightwrapper{
width: 100%;
-webkit-background-size: cover;
background-size: cover;
max-width: 100%;
}
.schoolmobilemodule{
left: 0 !important;
right: 0 !important;
top: 0;
bottom: 0;
margin: auto auto;
}
.schoolmobilemodule:first-child{-webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%);}
.schoolmobilemodule:last-child{-webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%);}

/**********************************************//********************************/

#only_left{margin: 0 0 0 10%;}
#only_right{margin: 0;}
.insidepage #right{right: 0 !important; width: 100% !important; right: -90% !important;}
.insidepage .leftwrapper, .insidepage .rightwrapper{width: 100% !important; position: fixed; top: 0;
background: none !important;z-index: 10000;}
.insidepage .leftwrapper{left: 0;}
.insidepage .rightwrapper{right: 0;}
/* .insidepage .leftwrapper:hover,
.insidepage .rightwrapper:hover{width: 10% !important;}*/
#menu2 li, #menu3 li{line-height: 24px !important;}
#menu2 a, #menu3 a{font-size: 4.75vw !important}


#leftchecked ~label, #rightchecked ~label{
display: block;
width: 7vw;
height: 12vw;
position: fixed;
top: 0;
background: center center no-repeat;
z-index: 2;
}
#leftchecked ~label{left: 5px; top: 5px;}
#rightchecked ~label{right: 5px; top: 5px;}

#leftchecked:checked ~ .leftwrapper #left{left: 0 !important;}
#rightchecked:checked ~ .rightwrapper #right{right: 0 !important;}
#leftchecked:checked ~ label{left: 90vw; background: url(../images/krest.png) center center no-repeat;}
#rightchecked:checked ~ label{right: 90vw; background: url(../images/krest.png) center center no-repeat;}
#left .sociallinksmodule p:nth-child(2), #left .sociallinksmodule p:nth-child(3){float: right; padding-right: 28px;}

}

/******************************** *****************************************/

@media only screen and (max-width: 670px) and (orientation: landscape){
.mainpage .rightwrapper, .mainpage .leftwrapper{overflow: hidden;}
/*#left, #right{width: 50% !important;}
#left{left: -50% !important; position: absolute; left: 0;}*/
#right{right: -50% !important; position: absolute; right: 0;}
/*.leftwrapper, .rightwrapper{width: 50% !important;}*/

/*************************************************************************/

#only_left{margin: 0 0 0 5%;}
#only_right{margin: 0 5% 0 0;}
.insidepage #left{left: 0 !important; width: 100% !important; left: -95% !important;}
.insidepage #right{right: 0 !important; width: 100% !important; right: -95% !important;}
.insidepage .leftwrapper, .insidepage .rightwrapper{width: 100% !important; height: 100%; position: fixed; top: 0; background: none !important;}
.insidepage .leftwrapper{left: 0;}
.insidepage .rightwrapper{right: 0;}
/* .insidepage .leftwrapper:hover,
.insidepage .rightwrapper:hover{width: 100% !important;}*/

#leftchecked ~label, #rightchecked ~label{
display: block;
width: 5vw;
height: 9vw;
position: fixed;
top: 0;
background: center center no-repeat;
z-index: 2;
}
#leftchecked ~label{left: 0;}
#rightchecked ~label{right: 0;}

#leftchecked:checked ~ .leftwrapper #left{left: 0 !important;}
#rightchecked:checked ~ .rightwrapper #right{right: 0 !important;}
#leftchecked:checked ~ label{left: 95vw; background: url(../images/krest.png) center center no-repeat;}
#rightchecked:checked ~ label{right: 95vw; background: url(../images/krest.png) center center no-repeat;}
}

/******************************** **************************/

@media only screen and (min-width: 670px){.schoolmobilemodule{display: none;}}

@media only screen and (min-width: 670px) and (max-width: 1024px){
/*.mainpage .leftwrapper:hover, .mainpage .rightwrapper:hover{width: 40%;}*/
/*#left {width: 40% !important;}*/
/******************************** **************************/
/******************************** **************************/
/******************************** **************************/
/******************************** **************************/
/******************************** **************************/
/******************************** **************************/
/*.mainpage .leftwrapper:hover ~ .rightwrapper{width: 60%;}*/
.logo{-webkit-transform: scale(0.5,0.5); -moz-transform: scale(0.5,0.5); -ms-transform: scale(0.5,0.5); -o-transform: scale(0.5,0.5); transform: scale(0.5,0.5);}
.leftmainmodule ul a, .rightmainmodule ul a{font-size: 1.6vw
!important;}
#menu2 a, #menu3 a{font-size: 1.5vw !important;}
}

@media only screen and (min-width: 670px) and (max-width: 1024px) and (orientation: landscape){}
@media only screen and (min-width: 670px) and (max-width: 1024px) and (orientation: portrait){
.schoolnamemodule{
margin: 15vw auto 3vw;
}
}

/*************************************/

@media only screen and (max-width: 1024px){
/*.leftwrapper{background: url(../images/left1024.jpg) center center !important; background-size: auto 100% !important;}*/
.hamburger {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
#left {
	left: -900px;
	z-index: 1000000;
	height: 100vh;
    overflow-y: scroll;
}
}

/*************************************/

@media only screen and (min-width: 670px) and (max-width: 1024px){
.rightwrapper, .leftwrapper{position: fixed; z-index: 10;}
.insidepage .rightwrapper, .insidepage .leftwrapper{
width: 5%;
height: 100%;
left: 0;
top: 0;
background: none !important;
z-index: 100;
}
.insidepage #right{
right: -40% !important;
padding: 0 0 0 0;
background: 3% 9px no-repeat, rgb(133,52,149);
background: 3% 9px no-repeat, url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg1MzQ5NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNjA1MjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: 3% 9px no-repeat, -moz-linear-gradient(top, rgba(133,52,149,0.97) 0%, rgba(6,5,38,0.97) 100%);
background: 3% 9px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(133,52,149,0.97)), color-stop(100%,rgba(6,5,38,0.97)));
background: 3% 9px no-repeat, -webkit-linear-gradient(top, rgba(133,52,149,0.97) 0%,rgba(6,5,38,0.97) 100%);
background: 3% 9px no-repeat, -o-linear-gradient(top, rgba(133,52,149,0.97) 0%,rgba(6,5,38,0.97) 100%);
background: 3% 9px no-repeat, -ms-linear-gradient(top, rgba(133,52,149,0.97) 0%,rgba(6,5,38,0.97) 100%);
background: 3% 9px no-repeat, linear-gradient(to bottom, rgba(133,52,149,0.97) 0%,rgba(6,5,38,0.97) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#853495', endColorstr='#060526',GradientType=0 );
padding-left: 5%;
}
.insidepage #right.active{right: 0 !important;}
.insidepage #left{
left: -40% !important;
background: 97% 9px no-repeat, rgb(10,72,70);
background: 97% 9px no-repeat, url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBhNDg0NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5ZjA2MzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: 97% 9px no-repeat, -moz-linear-gradient(top, rgba(10,72,70,0.97) 0%, rgba(159,6,53,0.97) 100%);
background: 97% 9px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(10,72,70,0.97)), color-stop(100%,rgba(159,6,53,0.97)));
background: 97% 9px no-repeat, -webkit-linear-gradient(top,
rgba(10,72,70,0.97) 0%,rgba(159,6,53,0.97) 100%);
background: 97% 9px no-repeat, -o-linear-gradient(top, rgba(10,72,70,0.97) 0%,rgba(159,6,53,0.97) 100%);
background: 97% 9px no-repeat, -ms-linear-gradient(top, rgba(10,72,70,0.97) 0%,rgba(159,6,53,0.97) 100%);
background: 97% 9px no-repeat, linear-gradient(to bottom, rgba(10,72,70,0.97) 0%,rgba(159,6,53,0.97) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a4846', endColorstr='#9f0635',GradientType=0 );
padding-right: 5%
}
.insidepage #left.active{left: 0 !important;}
#only_right{margin: 0 5% 0 50px;}
#only_left{margin: 0 0 0 5%;}
.insidepage .rightwrapper.active{width: 40%;}
.insidepage .rightwrapper.passive{width: 5%;}
.insidepage .leftwrapper.active{width: 40%;}
.insidepage .leftwrapper.passive{width: 5%;}
/*.component{padding-top: 100px !important; background: url(../images/logo.png) center 20px no-repeat #fff !important;}*/

}

/***************************************/

@media only screen and (min-width:1025px) and (max-width: 1440px){
.schoolnamemodule{font-size: 1.5vw;}
}

/*************************************/

@media only screen and (min-width:1281px) and (max-width: 1920px){
#only_left{margin:5vw 10% 0 25%;}
#only_right{margin:5vw 0% 0 25%;}
}

.sociallinksmodule{position: absolute; bottom: 0%;}
.sociallinksmodule a{
text-decoration: none;
color: #c79baa;
position: relative;
}
#left .sociallinksmodule p{display: inline-block; padding-right: 40px; text-align: right; width: 90%; margin: 10px 0px;}
#right .sociallinksmodule p{display: inline-block; padding-left: 40px; text-align: left; width: 90%; margin: 10px 0px;}
.sociallinksmodule a::after{
position: absolute;
top: -10px;
display: block;
content: "";
width: 30px;
height: 30px;
background-image: url(../images/iconlink.png);
background-repeat: no-repeat;
}
#left .sociallinksmodule a::after{right: -40px;}
#right .sociallinksmodule a::after{left: -40px;}

#left .sociallinksmodule p a::after{background-position: 100% 0;}
#right .sociallinksmodule p a::after{background-position: 0 0;}

.sociallinksmodule p:nth-child(2) a::after{background-position: 0px 100% !important; background-repeat: no-repeat;}
.sociallinksmodule p:nth-child(3) a::after{background-position: 100% 100% !important;}

@media only screen and (min-width: 481px) and (max-width: 670px) and (orientation: landscape){
#left .sociallinksmodule{display: none;}
#right .sociallinksmodule{display: none;}
}

@media only screen and (min-width: 1025px){
#right .sociallinksmodule{left: 20px;}
}

@media only screen and (max-width: 480px){
	.sociallinksmodule a::after{
		-webkit-transform: scale(0.5,0.5);
		-moz-transform: scale(0.5,0.5);
		-ms-transform: scale(0.5,0.5);
		-o-transform: scale(0.5,0.5);
		transform: scale(0.5,0.5);
	}
	.sociallinksmodule p{margin: 5px 0 !important;}
	.sociallinksmodule a{font-size: 2vw !important;}
	.shares {
		top: 5px;
		width: 90%;
		font-size: 13px;
		padding: 10px 5px;
	}
	.shares p{
		margin:0;
	}
}

#commviewinput{
display: none;
}
#commviewinput ~label{
cursor: pointer;
font-family: 'OpenSans';
color: #776d6f;
font-size: 20px;
border-bottom: 1px dotted #cecece;
}
.comspan{background: url(../images/strel.png) center center no-repeat; display: inline-block; width: 30px; height: 30px; margin: 0px 10px -7px 0;}
#commviewinput:checked ~ .comspan{-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}

.cm_ajax_list{height: 0; overflow: hidden;}
#commviewinput:checked ~ .cm_ajax_list{height: auto;}

.sociallinksmodule p:nth-child(2), .sociallinksmodule p:nth-child(3){
width: 40% !important;
float: left;
}
#left .sociallinksmodule p:nth-child(2), #left .sociallinksmodule p:nth-child(3){float: right;}

#colorbox{position: fixed !important;}

.phoneforleft, .phoneforright{display: none;}

@media only screen and (min-width:1025px){

.phoneforleftmodule{
display:block;
font-size: 1vw;
color: #fff;
text-align:
center;
}
.phoneforrightmodule{
display:block;
font-size: 1vw;
color: #fff;
text-align: center;
}

.phoneforleftmodule, .phoneforrightmodule{
position: absolute;
right: 0;
left: 0;
}

}

@media only screen and (min-width:660px){
.mainpage .logo{top: 5%;}
}

@media only screen and (min-width:660px){
.insidepage .logo{
top: 10px;
display: block;
right: 0;
}
}

@media only screen and (min-width:660px) and (max-width: 1440px){
.insidepage .logo{
top: 0 !important;
display: block;
right: 0;
z-index: 100;
-webkit-transform: scale(0.5,0.5);
-moz-transform: scale(0.5,0.5);
-mstransform: scale(0.5,0.5);
-otransform: scale(0.5,0.5);
transform: scale(0.5,0.5);
}
.con_heading{margin-top: 60px !important;}
}

.menu-number__item-link.tel a {
	border-radius: 100px;
	padding: 15px 20px;
	/*background: #cc8e3d;*/
	background: #423189;
	}

/* Initiate Auto-Pulse animations */
.menu-number__item-link.tel a {
	animation: borderPulse 1000ms infinite ease-out, colorShift 10000ms infinite ease-in;
}

/* Continue animation and add shine on hover */
.menu-number__item-link.tel a:hover,
.menu-number__item-link.tel a:focus {
	animation: borderPulse 1000ms infinite ease-out;
}

/* Declare border pulse animation */
@keyframes borderPulse {
  0% {
    box-shadow: inset 0px 0px 0px 5px rgba(255, 255, 255,.4), 0px 0px 0px 0px rgba(255,255,255,1);
  }
  100% {
    box-shadow: inset 0px 0px 0px 3px rgba(117, 117, 255,.2), 0px 0px 0px 10px rgba(255,255,255,0);
  }
}

.menu-number__item-link.tel {
	width: max-content;
    position: absolute;    
    right: 30px;
    bottom: 60px;
}