* {

	margin: 0;

	padding: 0;

	list-style: none;

	text-decoration: none

}

a {

	text-decoration: none!important;

}

h1,

h2,

h3,

h4,

h5,

h6 {

	font-weight: 400

}

body {

	line-height: 1;

	font-weight: 400

}

.clear {

	clear: both

}

@media (max-width: 1199px) {

	.container {

		max-width: 95%

	}

}

header {

	position: fixed;

	top: 0;

	height: 120px;

	left: 0;

	z-index: 9;

	right: 0;

	width: 100%;

	background-color: #fff;

	-webkit-box-shadow: 0 0 22px 0 rgba(0, 0, 0, .2);

	box-shadow: 0 0 22px 0 rgba(0, 0, 0, .2)

}

header .container .header.row .col-md-3 {

	display: flex;

	align-items: center

}

header .container .header.row .col-md-3 .logo a img {

	width: 150px;

	transition: all .4s ease;

	-webkit-transition: all .4s ease;

	-moz-transition: all .4s ease

}

@media (max-width: 986px) {

	header .container .header.row .col-md-3 .logo a img {

		width: 160px

	}

}

@media (max-width: 986px) {

	header .container .header.row .col-md-3 .logo a img {

		width: 130px;

		margin-top: 8px

	}

}

header .container .header.row .col-md-9 {

	padding: 25px 0 20px 0;

	transition: all .4s ease;

	-webkit-transition: all .4s ease;

	-moz-transition: all .4s ease

}

@media (max-width: 767px) {

	header .container .header.row .col-md-9 {

		display: none

	}

}

@media (max-width: 767px) {

	header {

		height: 100px

	}

}

header.stuck {

	background-color: #fff;

	height: 100px;

	-webkit-transition: height .3s;

	-moz-transition: height .3s;

	transition: height .3s

}

header.stuck .logo a img {

	width: 130px!important;

	margin-top: 8px

}

header.stuck .up-header {

	display: none

}

.up-header {

	transition: all .4s ease;

	-webkit-transition: all .4s ease;

	-moz-transition: all .4s ease

}

.up-header ul.row {

	justify-content: flex-end;

	align-items: center;

	margin-right: 0;

	margin-bottom: 8px

}

.up-header ul.row li {

	margin-left: 30px

}

@media (max-width: 986px) {

	.up-header ul.row li {

		margin-left: 17px

	}

}

.up-header ul.row li a {

	font-size: 14px;

	color: #a5a5a5

}

.up-header ul.row li a:hover {

	color: #404040

}

.up-header ul.row li:nth-child(2) {

	margin-right: 10px

}

.up-header ul.row li:nth-child(4) {

	margin-left: 38px

}

.up-header ul.row li:nth-child(5) {

	margin-left: 45px

}

.up-header ul.row li.header-info div.row {

	align-items: center;

	margin-right: 0

}

.up-header ul.row li.header-info div.row img {

	width: 36px;

	height: 36px

}

@media (max-width: 1120px){

	.up-header ul.row li.header-info div.row  {

		display: none;

	}

}

@media (max-width: 1080px){

	.up-header ul.row li.header-info div.row img {

		width: 26px;

		height: 26px

	}

}

.up-header ul.row li.header-info div.row .call {

	margin-left: 10px

}

.up-header ul.row li.header-info div.row .call h6 {

	font-size: 12px;

	color: #9b9b9b;

	margin-bottom: 0

}

.up-header ul.row li.header-info div.row .call span {

	font-size: 14px;

	color: #000

}

.up-header ul.row li.header-info div.row .call span span {

	font-size: 10px

}

li.caret-lang {

	position: relative;

	width: 23px;

	height: 23px;

	margin-left: 20px !important;

	/* right: 10px */

}



li.caret-lang .langs {

	cursor: pointer;

    position: absolute;

    width: 23px;

    top: 2px;

}

@media(max-width: 768px) {

	li.caret-lang .langs {

		cursor: pointer;

	    position: absolute;

	    width: 23px;

	    top: -10px;

	}

}

li.caret-lang .langs i.fa-caret-down {

	color: #999;

	position: absolute;

	right: -10px

}

li.caret-lang .langs div {

	font-weight: 700;

	color: #404040;

	margin-bottom: 5px

}

li.caret-lang .langs .gr {

	display: none

}

li.caret-lang.respo-lang {

	display: none;

	position: fixed;

	right: 30px;

	top: 33px;

	display: block;

	width: 48px;

	height: 48px;

	cursor: pointer;

	z-index: 9980;

	border-radius: 50%

}

@media (max-width: 767px) {

	li.caret-lang.respo-lang {

		display: block

	}

}

.down-header {

	transition: all .4s ease;

	-webkit-transition: all .4s ease;

	-moz-transition: all .4s ease

}

.down-header nav.row {

	margin-right: 0

}

.down-header nav.row a {

	margin-left: 10px;

	padding: 10px 25px;

	color: #fff;

	font-size: 15px;

	transition: .4s;

	position: relative

}

@media (max-width: 1199px) {

	.down-header nav.row a {

		font-size: 11px

	}

}

@media (max-width: 986px) {

	.down-header nav.row a {

		font-size: 11px;

		padding: 10px 10px

	}

}

.down-header nav.row a:hover {

	opacity: .7

}

@media (max-width: 1199px) {

	.down-header nav.row {

		padding: 10px 18px

	}

}

@media (max-width: 986px) {

	.down-header nav.row {

		padding: 10px 9px

	}

}

.slider {

	margin-top: 120px

}

.slider .swiper-pagination {

	display: none

}

.slider .swiper-container {

	height: 690px

}

.slider .swiper-container .swiper-wrapper {

	background: rgba(0, 0, 0, .5)

}

.slider .swiper-container .swiper-wrapper .swiper-slide {

	background-position: center;

	position: relative;

	background-size: cover

}

.slider .swiper-container .swiper-wrapper .swiper-slide .bg {

	/* background-color: rgba(0, 0, 0, .5); */

	height: 100%

}

.slider .swiper-container .swiper-wrapper .swiper-slide .abs {

	position: absolute;

	bottom: 90px;

	color: red;

	text-align: center;

	left: 50%;

	transform: translateX(-50%)

}

.slider .swiper-container .swiper-wrapper .swiper-slide .abs h2 {

	color: #fff;

	font-size: 60px;

	margin-bottom: 50px

}

@media (max-width: 575px) {

	.slider .swiper-container .swiper-wrapper .swiper-slide .abs h2 {

		font-size: 40px

	}

	.slider .swiper-container .swiper-wrapper .swiper-slide .abs a{

		padding: 20px 10px!important;

		font-size: 14px!important;

	}

}

.slider .swiper-container .swiper-wrapper .swiper-slide .abs a {

	font-weight: 400;

	color: #fff;

	font-size: 18px;

	padding: 20px 60px;

	border: 1px solid #fff;

	background: rgba(255, 255, 255, .2);

	border-radius: 2px;

    white-space: nowrap;

}

.slider .swiper-container .swiper-wrapper .swiper-slide .abs a:hover {

	background: rgba(255, 255, 255, .3)

}

.slider .swiper-container .swiper-button-next,

.slider .swiper-container .swiper-button-prev {

	display: none

}

@media (max-width: 767px) {

	.slider {

		margin-top: 100px

	}

}

.clear {

	clear: both

}

.news {

	margin-top: 50px

}

.news .head {

	justify-content: space-between;

	margin-bottom: 60px

}

.news .head h3 {

	font-size: 24px;

	color: #333;

	font-weight: 700;

	position: relative

}

.news .head h3:after {

	content: "";

	background-image: url(../images/rectangle.png);

	width: 179px;

	height: 1px;

	left: 0;

	bottom: -10px;

	position: absolute

}

.news .head a {

	font-size: 14px;

	color: #ed1c24

}

.news .col-md-3 span {

	margin-top: 10px;

	color: #c2c2c2;

	font-size: 10px

}

.news .col-md-3 h5 {

	color: #000;

	font-size: 14px

}

.news .col-md-3 i {

	margin: 10px 10px 15px 0

}

.news .col-md-3 img {

	width: 100%

}

@media (max-width: 767px) {

	.news .col-md-3 {

		margin-top: 25px

	}

}

.news .col-md-3:hover img {

	opacity: .8

}

.news .col-md-3:hover h5 {

	color: red

}

.about {

	margin-top: 35px

}

.about h3 {

	font-size: 24px;

	color: #333;

	font-weight: 700;

	position: relative;

	margin-bottom: 45px

}

.about h3:after {

	content: "";

	background-image: url(../images/rectangle.png);

	width: 179px;

	height: 1px;

	left: 0;

	bottom: -10px;

	position: absolute

}

.about .row.inner-row {

	padding-top: 20px;

	border-bottom: 1px solid #ededed

}

.about .row.inner-row .col-2 {

	padding: 0

}

.about .row.inner-row .col-2 ul {

	background-color: #ed1c24;

	color: #fff;

	padding: 5px 0;

	width: 46px;

	height: 60px;

	left: 50%;

	transform: translateX(50%)

}

.about .row.inner-row .col-2 ul li {

	line-height: 18px;

	font-size: 10px;

	text-align: center

}

.about .row.inner-row .col-2 ul li.num {

	font-size: 24px

}

.about .row.inner-row .col-10 a {

	font-size: 14px;

	color: #333

}

.about .row.inner-row .col-10 a:hover {

	color: red

}

.about .row.inner-row:last-child {

	border-bottom: none

}

.about p {

	font-size: 14px;

	line-height: 1.5;

	color: #333

}

footer {

	background-color: #eee;

	margin-top: 70px

}

footer:before {

	content: "";

	background-image: url(../images/footer-rect.png);

	width: 100%;

	height: 5px;

	position: absolute;

	background-size: 100%

}

footer .sup-footer {

	padding: 30px 0

}

@media (min-width: 992px) {

	footer .sup-footer .row div.col-sm-6:nth-child(2) {

		display: flex;

		align-items: center

	}

}

@media (max-width: 575px) {

	footer .sup-footer .row div.col-sm-6:not(:first-child) {

		margin-top: 30px!important

	}

}

footer .sup-footer .row a.footer-logo img {

	width: 125px

}

footer .sup-footer .row .joinUs {

	display: flex;

	flex-direction: column;

	align-items: center

}

footer .sup-footer .row .joinUs span {

	font-size: 14px;

	color: #999;

	margin-bottom: 10px

}

footer .sup-footer .row .joinUs .social {

	/* margin-left: 0 */

}

footer .sup-footer .row .joinUs .social a {

	border: 2px solid #999;

	border-radius: 50%;

	width: 36px;

	height: 36px;

	text-align: center;

	margin-right: 5px

}

footer .sup-footer .row .joinUs .social a:last-child{

	margin-right: 0;

}

footer .sup-footer .row .joinUs .social a i {

	color: #999;

	transform: translateY(50%)

}

footer .sup-footer .joinUs .social a:hover {

	border: 2px solid #ed1c24

}

footer .sup-footer .joinUs .social a:hover i {

	color: #ed1c24

}

footer .sup-footer .partners {

	display: flex;

	align-items: center;

	justify-content: center;

}

/* footer .sup-footer .partners:not(:nth-child(3)) {

	margin-top: 20px

} */

@media (max-width: 767px) {

	footer .sup-footer .partners:nth-child(3) {

		margin-top: 20px

	}

}

footer .sup-footer a.hover-logo {

	opacity: .6

}

footer .sup-footer a.hover-logo:hover {

	opacity: 1

}

footer .sub-footer {

	padding: 20px 0 30px 0;

	border-top: 1px solid #e0e0e0

}

footer .sub-footer .col-md-8 span {

	font-size: 11px;

	color: #999

}

@media (max-width: 767px) {

	footer .sub-footer .col-md-8 {

		text-align: center

	}

}

@media (max-width: 767px) {

	footer .sub-footer .col-md-4 {

		margin-top: 15px;

		text-align: center!important

	}

}

nav {

	display: none

}

@media (max-width: 767px) {

	nav {

		display: block

	}

}

nav ul {

	float: right

}

nav ul li {

	display: inline-block;

	float: left

}

nav ul li a {

	display: inline-block;

	outline: 0;

	color: red;

	font-size: 16px;

	text-decoration: none;

	letter-spacing: .04em

}

nav ul li a:hover {

	color: gray;

	text-decoration: none

}

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

	.nav-container {

		position: fixed;

		top: 0;

		left: 0;

		height: 100%;

		width: 100%;

		z-index: -1;

		background: #f0f0f0;

		opacity: 0;

		transition: all .2s ease

	}

	.nav-container ul {

		position: absolute;

		top: 50%;

		transform: translateY(-50%);

		width: 100%

	}

	.nav-container ul li {

		display: block;

		float: none;

		width: 100%;

		text-align: right;

		margin-bottom: 10px

	}

	.nav-container ul li:nth-child(1) a {

		transition-delay: .2s

	}

	.nav-container ul li:nth-child(2) a {

		transition-delay: .3s

	}

	.nav-container ul li:nth-child(3) a {

		transition-delay: .4s

	}

	.nav-container ul li:nth-child(4) a {

		transition-delay: .5s

	}

	.nav-container ul li:not(:first-child) {

		margin-left: 0

	}

	.nav-container ul li a {

		padding: 10px 25px;

		opacity: 0;

		color: #999;

		font-size: 24px;

		font-weight: 600;

		transform: translateY(-20px);

		transition: all .2s ease

	}

	.nav-container ul li .call {

		display: flex;

		flex-direction: column;

		padding: 10px 25px

	}

	.nav-container ul li .call a {

		font-size: 16px;

		padding: 0;

		padding-bottom: 10px

	}

	.nav-container ul li .call span {

		font-size: 14px;

		color: #000

	}

	.nav-container ul li .call span span {

		font-size: 10px

	}

	.nav-open {

		position: fixed;

		right: 10px;

		top: 10px;

		display: block;

		width: 48px;

		height: 48px;

		cursor: pointer;

		z-index: 9999;

		border-radius: 50%

	}

	.nav-open i {

		display: block;

		width: 20px;

		height: 2px;

		background: #999;

		border-radius: 2px;

		margin-left: 14px

	}

	.nav-open i:nth-child(1) {

		margin-top: 16px

	}

	.nav-open i:nth-child(2) {

		margin-top: 4px;

		opacity: 1

	}

	.nav-open i:nth-child(3) {

		margin-top: 4px

	}

	#nav:checked+.nav-open {

		transform: rotate(45deg)

	}

	#nav:checked+.nav-open i {

		background: #999;

		transition: transform .2s ease

	}

	#nav:checked+.nav-open i:nth-child(1) {

		transform: translateY(6px) rotate(180deg)

	}

	#nav:checked+.nav-open i:nth-child(2) {

		opacity: 0

	}

	#nav:checked+.nav-open i:nth-child(3) {

		transform: translateY(-6px) rotate(90deg)

	}

	#nav:checked~.nav-container {

		z-index: 9990;

		opacity: 1

	}

	#nav:checked~.nav-container ul li a {

		opacity: 1;

		transform: translateY(0)

	}

	.hidden {

		display: none

	}

}

.school-cont {

	margin-top: 120px

}

.school-cont .school-title {

	padding: 30px 0 20px 0;

	background-color: #f2f2f2

}

.school-cont .school-title .row .col-sm-2.hide-nav {

	display: none

}

@media (max-width: 767px) {

	.school-cont .school-title .row .col-sm-2.hide-nav {

		display: block

	}

}

@media (max-width: 575px) {

	.school-cont .school-title .row .col-sm-2.hide-nav {

		width: 10%

	}

}

.school-cont .school-title .row .col-md-9 h4 {

	color: #424242;

	font-size: 26px

}

@media (max-width: 767px) {

	.school-cont .school-title .row .col-md-9 h4 {

		color: #fff

	}

}

@media (max-width: 580px) {

	.school-cont .school-title .row .col-md-9 h4 {

		font-size: 16px

	}

}

.school-cont .school-title .row .col-md-9 .row {

	margin-left: 0

}

.school-cont .school-title .row .col-md-9 .row h6 {

	font-size: 12px;

	color: #9b9b9b;

	margin-right: 10px

}

.school-cont .school-title .row .col-md-9 .row h6:hover {

	color: red

}

.school-cont .school-title .row .col-md-9 .row h6.active {

	color: #424242

}

.school-cont .school-title .row .col-md-9 .row i {

	color: red;

	margin-right: 10px;

	font-size: 10px;

	margin-top: 3px;

}

@media (max-width: 767px) {

	.school-cont .school-title .row .col-md-9 .row {

		display: none

	}

}

@media (max-width: 767px) {

	.school-cont .school-title .row .col-md-9 {

		text-align: center!important

	}

}

@media (max-width: 575px) {

	.school-cont .school-title .row .col-md-9 {

		width: 80%

	}

}

@media (max-width: 767px) {

	.school-cont .school-title .row {

		flex-direction: row-reverse

	}

}

@media (max-width: 767px) {

	.school-cont .school-title {

		background-color: red

	}

}

.school-cont .col-md-3 span {

	font-size: 14px;

	color: #999

}

@media (max-width: 767px) {

	.school-cont .col-md-3 span {

		display: none

	}

}

.school-cont .col-md-3 i {

	color: #999;

	border: 2px solid #999;

	border-radius: 50px;

	padding: 10px;

	padding-right: 12px;

	font-size: 20px;

	width: 43px;

	height: 43px

}

@media (max-width: 767px) {

	.school-cont .col-md-3 i {

		color: #fff;

		border: 2px solid #fff

	}

}

@media (max-width: 767px) {

	.school-cont .col-md-3 {

		text-align: left!important

	}

}

@media (max-width: 575px) {

	.school-cont .col-md-3 {

		width: 10%

	}

}

@media (max-width: 767px) {

	.school-cont {

		margin-top: 100px

	}

}

.school-cont .school-content {

	padding-top: 50px

}

.school-cont .school-content .row {

	margin: 0

}

.school-cont .school-content .row .text p {

	font-size: 14px;

	line-height: 1.5;

	color: #333

}

.school-cont .school-content .row .text ul {

	padding-left: 30px

}

.school-cont .school-content .row .text ul li {

	list-style-type: disc;

	font-size: 14px;

	line-height: 1.5;

	color: #333

}

.school-cont .school-content .row .text.reg-text {

	border-bottom: 1px solid #ededed

}

.school-cont .school-content .row .col-md-8 {

	padding: 0

}

.school-cont .school-content #jssor_1 {

	margin-bottom: 30px!important

}

.school-cont .school-content #jssor_1 div:nth-child(3) {

	bottom: -5px!important

}

.school-cont .school-content #jssor_1 div img {

	opacity: 1;

}

.school-cont .school-content #jssor_1 .jssort101 .p .cv {

	border: 2px solid #fff

}

.school-cont .school-content #jssor_1 .jssort101 .p:hover {

	padding: 0!important

}

.school-cont .school-content #jssor_1 .jssort101 .p:hover .cv {

	opacity: initial!important;

	background-color: transparent!important

}

.school-cont .school-content #jssor_1 .jssort101 .pav .cv {

	opacity: initial!important

}

.school-cont .school-content #jssor_1 div:nth-child(3)>div>div {

	left: 10px!important

}

#jssor_1>div:nth-child(3)>div>div>div>div:nth-child(2)>div {

	cursor: pointer

}

#jssor_1>div:nth-child(4),

#jssor_1>div:nth-child(5),

.jssort101 .p:hover .a,

.jssort101 .pav .a {

	display: none!important

}

.jssort101 .p:hover nav.school {

	display: none

}

@media (max-width: 767px) {

	.jssort101 .p:hover nav.school {

		display: block

	}

}

.jssort101 .p:hover nav.school ul {

	float: right

}

.jssort101 .p:hover nav.school ul li {

	display: inline-block;

	float: left

}

.jssort101 .p:hover nav.school ul li a {

	display: inline-block;

	outline: 0;

	color: #000;

	font-size: 16px;

	text-decoration: none;

	letter-spacing: .04em

}

.jssort101 .p:hover nav.school ul li a:hover {

	color: gray;

	text-decoration: none

}

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

	.nav-school {

		position: fixed;

		top: 0;

		left: 0;

		height: 100%;

		width: 100%;

		z-index: -1;

		background: #f0f0f0;

		opacity: 0;

		transition: all .2s ease

	}

	.nav-school ul {

		position: absolute;

		top: 50%;

		transform: translateY(-50%);

		width: 100%

	}

	.nav-school ul li {

		display: block;

		float: none;

		width: 100%;

		text-align: right;

		margin-bottom: 10px

	}

	.nav-school ul li:nth-child(1) a {

		transition-delay: .2s

	}

	.nav-school ul li:nth-child(2) a {

		transition-delay: .3s

	}

	.nav-school ul li:nth-child(3) a {

		transition-delay: .4s

	}

	.nav-school ul li:nth-child(4) a {

		transition-delay: .5s

	}

	.nav-school ul li:not(:first-child) {

		margin-left: 0

	}

	.nav-school ul li a {

		padding: 10px 25px;

		opacity: 0;

		color: green;

		font-size: 24px;

		font-weight: 600;

		transform: translateY(-20px);

		transition: all .2s ease

	}

	.nav-school ul li .call {

		display: flex;

		flex-direction: column;

		padding: 10px 25px

	}

	.nav-school ul li .call a {

		font-size: 16px;

		padding: 0;

		padding-bottom: 10px

	}

	.nav-school ul li .call span {

		font-size: 14px;

		color: #000

	}

	.nav-school ul li .call span span {

		font-size: 10px

	}

	.nav-sch {

		position: absolute;

		right: 15px;

		top: 0;

		display: block;

		width: 43px;

		height: 43px;

		cursor: pointer;

		z-index: 9989;

		border-radius: 50%;

		border: 2px solid #fff

	}

	.nav-sch i {

		display: block;

		width: 20px;

		height: 2px;

		background: #fff;

		border-radius: 2px;

		margin-left: 10px

	}

	.nav-sch i:nth-child(1) {

		margin-top: 13px

	}

	.nav-sch i:nth-child(2) {

		margin-top: 4px;

		opacity: 1

	}

	.nav-sch i:nth-child(3) {

		margin-top: 4px

	}

	#bgr:checked+.nav-sch {

		transform: rotate(45deg);

		border: 2px solid #999

	}

	#bgr:checked+.nav-sch i {

		background: #999;

		transition: transform .2s ease

	}

	#bgr:checked+.nav-sch i:nth-child(1) {

		transform: translateY(6px) rotate(180deg)

	}

	#bgr:checked+.nav-sch i:nth-child(2) {

		opacity: 0

	}

	#bgr:checked+.nav-sch i:nth-child(3) {

		transform: translateY(-6px) rotate(90deg)

	}

	#bgr:checked~.nav-school {

		z-index: 9988;

		opacity: 1

	}

	#bgr:checked~.nav-school ul li a {

		opacity: 1;

		transform: translateY(0)

	}

	.hide {

		display: none

	}

}

.menu ul li {

	border: 1px solid #ededed;

	border-top: none;

	padding: 13px 0 15px 30px

}

.menu ul li a {

	font-size: 14px;

	color: #272727

}

.menu ul li a:hover {

	color: red

}

.menu ul li a.active {

	color: red

}

.menu ul li.menu-title {

	padding: 20px 20px 17px 30px;

	background-color: red;

}

.menu ul li.menu-title a {

	color: #fff;

	font-size: 18px

}

.menu ul li.menu-title i {

	color: #fff

}

@media (max-width: 767px) {

	.menu {

		display: none

	}

}

.menu.show-menu ul li {

	text-align: center;

	padding: 5px

}

.menu.show-menu ul li a {

	color: #424242

}

.menu.show-menu ul li.menu-title {

	background-color: #f0f0f0

}

.menu.show-menu ul li.menu-title a {

	color: #f39200

}

@media (max-width: 767px) {

	.menu.show-menu {

		display: block

	}

}

.teachers .teacher-item {

	margin-bottom: 35px

}

.teachers .teacher-item .row {

	margin: 0

}

.teachers .teacher-item .row .col-md-3 {

	padding: 0

}

.teachers .teacher-item .row .col-md-3 .teach-img {

	width: 165px;

	height: 165px;

	background-size: 165px 165px;

	border-radius: 50%;

	background-position: center

}

.teachers .teacher-item .row .col-md-9 {

	display: flex;

	align-items: center

}

.teachers .teacher-item .row .col-md-9 .teacher-info {

	display: flex;

	flex-direction: column

}

@media (max-width: 1000px) and (min-width: 768px) {

	.teachers .teacher-item .row .col-md-9 .teacher-info {

		padding-left: 40px

	}

}

.teachers .teacher-item .row .col-md-9 .teacher-info span.user {

	font-size: 16px;

	color: #0095db;

	margin-bottom: 15px

}

.teachers .teacher-item .row .col-md-9 .teacher-info span.post {

	font-size: 12px;

	color: #2d2d2d;

	margin-bottom: 15px

}

.teachers .teacher-item .row .col-md-9 .teacher-info h6 {

	font-size: 12px;

	color: #9b9b9b

}

@media (max-width: 767px) {

	.teachers .teacher-item .row .col-md-9 {

		margin-top: 20px

	}

}

.registration {

	margin-top: 40px

}

.registration span {

	color: #505050;

	font-size: 22px

}

.registration form {

	margin-top: 60px

}

.registration form .row .col-md-6 {

	padding: 0

}

.registration form .row .col-md-6 .reg {

	display: flex;

	flex-direction: column

}

.registration form .row .col-md-6 .reg label {

	font-size: 14px;

	color: #505050

}

.registration form .row .col-md-6 .reg input {

	width: 90%;

	height: 30px;

	border: none;

	border-bottom: 1px solid #ededed;

	outline: 0;

	font-size: 11px;

	color: #a5a5a5;

	margin-bottom: 30px

}

@media (max-width: 575px) {

	.registration form .row .col-md-6 .reg input {

		width: 100%

	}

}

.registration form .row .col-md-6 .reg input:focus {

	border-color: #f39200

}

.registration form .row input[type=submit] {

	background-color: #f39200;

	color: #fff;

	padding: 17px 20px 15px 20px;

	outline: 0;

	border: none;

	cursor: pointer;

	font-size: 14px

}

.registration form .row input[type=submit]:hover {

	opacity: .8

}

.school-cont.extended .school-title .row .col-md-9 div i {

	color: #b70e80

}

.school-cont.extended .school-title .row .col-md-9 div h6:hover {

	color: #b70e80

}

@media (max-width: 767px) {

	.school-cont.extended .school-title {

		background-color: #b70e80

	}

}

.school-cont.extended .menu ul li {

	border: 1px solid #ededed;

	border-top: none;

	padding: 13px 0 15px 30px

}

.school-cont.extended .menu ul li a {

	font-size: 14px;

	color: #272727

}

.school-cont.extended .menu ul li a:hover {

	color: #b70e80

}

.school-cont.extended .menu ul li a.active {

	color: #b70e80

}

@media (max-width: 767px) {

	.school-cont.extended .menu ul li {

		padding: 5px

	}

}

.school-cont.extended .menu ul li.menu-title {

	padding: 20px 20px 17px 30px;

	background-color: #b70e80

}

.school-cont.extended .menu ul li.menu-title a {

	color: #fff;

	font-size: 18px

}

@media (max-width: 945px) {

	.school-cont.extended .menu ul li.menu-title a {

		font-size: 14px

	}

}

@media (max-width: 767px) {

	.school-cont.extended .menu ul li.menu-title {

		background-color: #f0f0f0

	}

	.school-cont.extended .menu ul li.menu-title a {

		color: #b70e80;

		font-size: 18px

	}

}

.school-cont.extended .teachers .teacher-item .col-md-9 span.user {

	color: #b70e80

}

.school-cont.extended .squad-img {

	width: 190px;

	height: 150px

}

.school-cont.extended .row .col-md-9 .teacher-info .squad-name {

	color: #666;

	font-size: 16px;

	margin-bottom: 15px

}

.school-cont.extended .row .col-md-9 .teacher-info p {

	font-size: 12px;

	line-height: 1.5;

	color: #333

}

@media (max-width: 1155px) and (min-width: 768px) {

	.school-cont.extended .row .col-md-9 .teacher-info {

		padding-left: 70px

	}

}

@media (max-width: 767px) {

	.school-cont.extended .row .col-md-9 {

		padding-left: 0

	}

}

.school-cont.extended .eat-item {

	padding: 20px 0;

	border-bottom: 1px solid #ededed

}

.school-cont.extended .eat-item .row .col-sm-6 span {

	color: #666;

	font-size: 16px

}

.school-cont.extended .eat-item .row .col-sm-6 .eat-file a {

	padding: 10px;

	color: #666;

	background-color: #f2f2f2;

	font-size: 12px

}

@media (max-width: 575px) {

	.school-cont.extended .eat-item .row .col-sm-6 .eat-file {

		margin-top: 20px

	}

}

@media (max-width: 575px) {

	.school-cont.extended .eat-item .row .col-sm-6 {

		text-align: center!important

	}

}

.school-cont.service .school-title .row .col-md-9 div i {

	color: #0095db

}

.school-cont.service .school-title .row .col-md-9 div h6:hover {

	color: #0095db

}

@media (max-width: 767px) {

	.school-cont.service .school-title {

		background-color: #0095db

	}

}

.school-cont.service .menu ul li {

	border: 1px solid #ededed;

	border-top: none;

	padding: 13px 0 15px 30px

}

.school-cont.service .menu ul li a {

	font-size: 14px;

	color: #272727

}

.school-cont.service .menu ul li a:hover {

	color: #0095db

}

.school-cont.service .menu ul li a.active {

	color: #0095db

}

@media (max-width: 767px) {

	.school-cont.service .menu ul li {

		padding: 5px

	}

}

.school-cont.service .menu ul li.menu-title {

	padding: 20px 20px 17px 30px;

	background-color: #0095db

}

.school-cont.service .menu ul li.menu-title a {

	color: #fff;

	font-size: 18px

}

@media (max-width: 945px) {

	.school-cont.service .menu ul li.menu-title a {

		font-size: 14px

	}

}

@media (max-width: 767px) {

	.school-cont.service .menu ul li.menu-title {

		background-color: #f0f0f0

	}

	.school-cont.service .menu ul li.menu-title a {

		color: #0095db;

		font-size: 18px

	}

}

.school-cont.service .pay {

	margin-top: 50px

}

.school-cont.service .pay .row .col-sm-4 {

	padding: 0

}

.school-cont.service .pay .row .col-sm-4 ul {

	border-right: 1px solid #ededed

}

.school-cont.service .pay .row .col-sm-4 ul li {

	color: #666;

	font-size: 12px;

	border-bottom: 1px solid #ededed;

	padding: 15px

}

@media (max-width: 903px) {

	.school-cont.service .pay .row .col-sm-4 ul li {

		font-size: 11px

	}

}

@media (max-width: 442px) {

	.school-cont.service .pay .row .col-sm-4 ul li {

		padding-left: 5px;

		font-size: 9px

	}

}

.school-cont.service .pay .row .col-sm-4 ul li.pay-title {

	color: #0095db;

	font-size: 14px

}

@media (max-width: 903px) {

	.school-cont.service .pay .row .col-sm-4 ul li.pay-title {

		font-size: 11px

	}

}

@media (max-width: 442px) {

	.school-cont.service .pay .row .col-sm-4 ul li.pay-title {

		font-size: 10px

	}

}

@media (max-width: 575px) {

	.school-cont.service .pay .row .col-sm-4 ul li.pay-title {

		text-align: center

	}

}

@media (max-width: 575px) {

	.school-cont.service .pay .row .col-sm-4 ul li.pay-title.class {

		text-align: left;

		padding: 20.5px

	}

}

.school-cont.service .pay .row .col-sm-4 ul.border-none {

	border: none

}

.school-cont.service .links .link-item {

	padding: 20px 0;

	border-bottom: 1px solid #ededed

}

.school-cont.service .links .link-item .col-6 {

	padding: 0

}

.school-cont.service .links .link-item .col-6 span {

	font-size: 16px;

	color: #666

}

.school-cont.service .links .link-item .col-6 a {

	font-size: 12px;

	color: #0095db

}

.school-cont.service .links .link-item .col-6 a.link-download {

	padding: 10px;

	color: #666;

	background-color: #f2f2f2;

	font-size: 12px

}

@media (max-width: 400px) {

	.school-cont.service .links .link-item .col-6 a.link-download {

		font-size: 10px

	}

}

.school-cont.service .links .link-item .col-6 p {

	font-size: 12px;

	line-height: 1.5;

	color: #333;

	margin-top: 10px

}

.school-cont.service .calendar-cont span {

	font-size: 16px;

	color: #565656

}

.school-cont.service .calendar-cont .calendar {

	margin: 35px 0

}

.school-cont.service .calendar-cont .calendar .cal-item {

	padding: 25px 0;

	border-bottom: 1px solid #ededed

}

.school-cont.service .calendar-cont .calendar .cal-item .date ul {

	background-color: #565656;

	color: #fff;

	padding: 5px 0;

	width: 46px;

	height: 60px;

	margin: 0

}

.school-cont.service .calendar-cont .calendar .cal-item .date ul li {

	line-height: 18px;

	font-size: 10px;

	text-align: center

}

.school-cont.service .calendar-cont .calendar .cal-item .date ul li.num {

	font-size: 24px

}

.school-cont.service .calendar-cont .calendar .cal-item .cal-info {

	display: flex;

	align-items: center;

	padding-left: 20px

}

.school-cont.service .calendar-cont .calendar .cal-item .cal-info a {

	color: #333;

	font-size: 14px

}

@media (max-width: 570px) {

	.school-cont.service .calendar-cont .calendar .cal-item .cal-info {

		padding: 0;

		margin-top: 10px

	}

}

@media (max-width: 570px) {

	.school-cont.service .calendar-cont .calendar .cal-item {

		display: flex;

		flex-direction: column

	}

}

a.seemore {

	color: #565656;

	background-color: #f0f0f0;

	font-size: 12px;

	padding: 10px;

	margin-top: 25px

}

a.seemore:hover {

	opacity: .8

}

.school-cont.kindergarten .school-title .row .col-md-9 div i {

	color: #f39200;

}

.school-cont.kindergarten .school-title .row .col-md-9 div h6:hover {

	color: #f39200;

}

@media (max-width: 767px) {

	.school-cont.kindergarten .school-title {

		background-color: #f39200;

	}

}

.school-cont.kindergarten .menu ul li {

	border: 1px solid #ededed;

	border-top: none;

	padding: 13px 0 15px 30px

}

.school-cont.kindergarten .menu ul li a {

	font-size: 14px;

	color: #272727

}

.school-cont.kindergarten .menu ul li a:hover {

	color: #f39200

}

.school-cont.kindergarten .menu ul li a.active {

	color: #f39200;

}

@media (max-width: 767px) {

	.school-cont.kindergarten .menu ul li {

		padding: 5px

	}

}

.school-cont.kindergarten .menu ul li.menu-title {

	padding: 20px 20px 17px 30px;

	background-color: #f39200;

}

.school-cont.kindergarten .menu ul li.menu-title a {

	color: #fff;

	font-size: 18px

}

@media (max-width: 945px) {

	.school-cont.kindergarten .menu ul li.menu-title a {

		font-size: 14px

	}

}

@media (max-width: 767px) {

	.school-cont.kindergarten .menu ul li.menu-title {

		background-color: #f0f0f0

	}

	.school-cont.kindergarten .menu ul li.menu-title a {

		color: #f39200;

		font-size: 18px

	}

}

.school-cont.kindergarten .teacher-item .row .col-md-9 .teacher-info span.user {

	color: #f39200

}

.school-cont.school .teacher-item .row .col-md-9 .teacher-info span.user {

	color: red

}

.school-cont.kindergarten .registration form .row input[type=submit] {

	background-color: red

}

.school-cont.kindergarten .registration .reg input:focus {

	border-color: red!important

}

.school-cont.kindergarten .school-rules .rule-item {

	padding: 25px 0;

	border-bottom: 1px solid #ededed

}

.school-cont.kindergarten .school-rules .rule-item span {

	font-size: 16px;

	color: #666

}

.school-cont.kindergarten .school-rules .rule-item p {

	font-size: 12px;

	line-height: 1.5;

	color: #333;

	margin: 15px 0

}

.school-cont.kindergarten .school-rules .rule-item a {

	padding: 10px;

	color: #666;

	background-color: #f2f2f2;

	font-size: 12px

}

.school-cont.about .school-title .row .col-md-9 div i {

	color: #a6ce39

}

.school-cont.about .school-title .row .col-md-9 div h6:hover {

	color: #a6ce39

}

@media (max-width: 767px) {

	.school-cont.about .school-title {

		background-color: #a6ce39

	}

}

.school-cont.about .menu ul li {

	border: 1px solid #ededed;

	border-top: none;

	padding: 13px 0 15px 30px

}

.school-cont.about .menu ul li a {

	font-size: 14px;

	color: #272727

}

.school-cont.about .menu ul li a:hover {

	color: #a6ce39

}

.school-cont.about .menu ul li a.active {

	color: #a6ce39

}

@media (max-width: 767px) {

	.school-cont.about .menu ul li {

		padding: 5px

	}

}

.school-cont.about .menu ul li.menu-title {

	padding: 20px 20px 17px 30px;

	background-color: #a6ce39

}

.school-cont.about .menu ul li.menu-title a {

	color: #fff;

	font-size: 18px

}

@media (max-width: 945px) {

	.school-cont.about .menu ul li.menu-title a {

		font-size: 14px

	}

}

@media (max-width: 767px) {

	.school-cont.about .menu ul li.menu-title {

		background-color: #f0f0f0

	}

	.school-cont.about .menu ul li.menu-title a {

		color: #a6ce39;

		font-size: 18px

	}

}

.school-cont.about .teacher-item .row .col-md-9 .teacher-info span.user {

	color: #a6ce39

}

.school-cont.about .text span {

	font-size: 16px;

	color: #666;

	margin-bottom: 20px;

	display: block

}

.school-cont.about .text i.fa-file-pdf-o {

	color: red;

	margin-bottom: 10px

}

.school-cont.about .text i.fa-file-word-o {

	color: #0095db;

	margin-bottom: 10px

}

.school-cont.about .text a.link-download {

	margin-left: 10px;

	font-size: 12px;

	color: #666

}

@media (min-width: 768px) {

	.school-cont.about .teachers .teacher-item .row .col-md-3 .abroad-image {

		display: flex;

		align-items: center;

		justify-content: center

	}

}

.school-cont.about .teachers .teacher-item .row .col-md-3 .abroad-image .squad-img {

	width: 135px;

	height: 100px;

	background-size: cover;

	/* border: 1px solid #000 */

}

.school-cont.about .teachers .teacher-item .row .teacher-info span {

	margin-bottom: 10px;

	color: #666;

	font-size: 14px

}

.school-cont.about .teachers .teacher-item .row .col-md-9 .teacher-info p {

	margin-bottom: 10px

}

.school-cont.about .teachers .teacher-item .row .col-md-9 .teacher-info a.sponsor {

	color: #a6ce39;

	font-size: 10px

}

@media (max-width: 1000px) {

	.school-cont.about .teachers .teacher-item .row .col-md-9 .teacher-info {

		padding: 0

	}

}

@media (max-width: 767px) {

	.school-cont.about .teachers .teacher-item .row .col-md-9 {

		padding: 0

	}

}

.school-cont.about .teachers .teacher-item .row .col-md-10 {

	padding: 0

}

.school-cont.about .teachers .teacher-item .row .col-md-10 span.squad-name {

	font-size: 16px;

	color: #666

}

.school-cont.about .teachers .teacher-item .row .col-md-10 span.date {

	color: #a6ce39;

	font-size: 10px;

	margin: 15px 0

}

.school-cont.about .teachers .teacher-item .row .col-md-2 {

	padding: 0

}

.school-cont.about .teachers .teacher-item .row .col-md-2 a {

	padding: 15px 25px;

	background-color: #ededed;

	color: #000;

	font-size: 12px

}

@media (max-width: 767px) {

	.school-cont.about .teachers .teacher-item .row .col-md-2 a {

		margin-bottom: 20px

	}

}

.school-cont.about .teachers .sponsor-item,

.school-cont.about .teachers .vacancy {

	border-bottom: 1px solid #ededed

}

.school-cont.about .teachers .sponsor-item {

	padding-bottom: 20px

}

.school-cont.about .teachers .sponsor-item .row .col-md-3 .abroad-image .squad-img {

	border: none;

	width: 185px;

	height: 115px

}

.school-cont.about ol {

	display: flex

}

.school-cont.about ol li {

	width: 20px;

	height: 20px;

	text-align: center;

	margin-right: 5px

}

.school-cont.about ol li a {

	cursor: pointer;

	font-weight: 700;

	color: #000

}

.school-cont.about ol li.active {

	background-color: #a6ce39

}

.school-cont.about ol li.active a {

	color: #fff

}

.lightbox a.seemore {

	margin-top: 35px;

	display: inline-block

}

.lightbox .row:after {

	content: "";

	display: table;

	clear: both

}

.lightbox .column {

	width: calc(100% / 3);

	border: 1px solid #fff;

	position: relative;

	float: left

}

@media (max-width: 575px) {

	.lightbox .column {

		width: calc(100% / 2)

	}

}

@media (max-width: 430px) {

	.lightbox .column {

		width: 100%

	}

}

.lightbox .column img {

	height: 160px

}

.lightbox .column img.hover-shadow {

	transition: .3s

}

.lightbox .column img.hover-shadow:hover {

	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)

}

.lightbox .column .column-bg {

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	background-color: rgba(0, 0, 0, .3);

	cursor: pointer;

	display: flex;

	align-items: center;

	justify-content: center;

	visibility: hidden

}

.lightbox .column .column-bg i {

	color: #fff;

	top: 50%

}

.lightbox .column:hover .column-bg {

	visibility: visible

}

.lightbox .modal {

	display: none;

	position: fixed;

	z-index: 9999;

	padding-top: 100px;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	overflow: auto;

	background-color: rgba(0, 0, 0, .2)

}

.lightbox .modal .close {

	color: #000;

	position: absolute;

	top: 10px;

	right: 25px;

	font-size: 55px;

	font-weight: 700

}

.lightbox .modal .close:focus,

.lightbox .modal .close:hover {

	color: #000;

	text-decoration: none;

	cursor: pointer

}

.lightbox .modal .cursor {

	cursor: pointer

}

.lightbox .modal .modal-content {

	position: relative;

	background-color: #fefefe;

	margin: auto;

	padding: 0;

	width: 90%;

	max-width: 1200px;

	-webkit-box-shadow: 0 0 22px 0 rgba(0, 0, 0, .24);

	box-shadow: 0 0 22px 0 rgba(0, 0, 0, .4)

}

.lightbox .modal .modal-content .mySlides {

	display: none

}

.lightbox .modal .modal-content .mySlides .numbertext {

	color: #f2f2f2;

	font-size: 12px;

	padding: 8px 12px;

	position: absolute;

	top: 0

}

.lightbox .modal .modal-content .next,

.lightbox .modal .modal-content .prev {

	cursor: pointer;

	position: absolute;

	top: 50%;

	width: auto;

	padding: 16px;

	margin-top: -50px;

	color: #fff!important;

	font-weight: 700;

	font-size: 20px;

	transition: .6s ease;

	border-radius: 0 3px 3px 0;

	user-select: none;

	-webkit-user-select: none

}

.lightbox .modal .modal-content .next:hover,

.lightbox .modal .modal-content .prev:hover {

	background-color: rgba(0, 0, 0, .8)

}

.lightbox .modal .modal-content .next {

	right: 0;

	border-radius: 3px 0 0 3px

}

.contact-page .school-title .fa-chevron-right {

	color: #000!important

}

.contact-page .school-title h6:hover {

	color: #000!important

}

.contact-page .school-title .active {

	color: #000;

	cursor: auto

}

@media (max-width: 767px) {

	.contact-page .school-title {

		background-color: #f2f2f2

	}

	.contact-page .school-title .row {

		flex-direction: row

	}

	.contact-page .school-title .row .col-md-3 {

		text-align: right!important

	}

	.contact-page .school-title .row .col-md-3 i {

		color: #999;

		border: 2px solid #999

	}

	.contact-page .school-title .row .col-md-9 .inner-title {

		text-align: left

	}

	.contact-page .school-title .row .col-md-9 .inner-title .row {

		display: flex

	}

	.contact-page .school-title .row .col-md-9 .inner-title h4 {

		color: #424242

	}

}

.social-contact {

	margin-top: 45px

}

.social-contact .items-con {

	display: flex;

	align-items: center

}

.social-contact .items-con .icons-contact {

	width: 36px;

	height: 36px;

	border: 2px solid #bdbdbd;

	border-radius: 50px;

	display: flex;

	justify-content: center;

	align-items: center;

	margin-right: 10px

}

.social-contact .items-con i {

	color: #bdbdbd;

	font-size: 25px

}

.social-contact .items-con .fa-skype {

	margin-right: 10px;

	font-size: 30px

}

.social-contact .items-con .tx-cont {

	font-size: 12px;

	color: #2c2c2c;

	line-height: 18px

}

@media (max-width: 767px) {

	.social-contact .items-con {

		justify-content: center;

		margin-top: 20px

	}

}

.contact-info {

	margin-top: 40px

}

.contact-info .col-md-6 .sch-rek {

	font-size: 12px;

	margin-top: 5px;

	color: #333

}

.contact-info .col-md-6 .sch-rek:nth-child(2n+1) {

	margin-top: 25px

}

.contact-info .col-md-6 .bank-ang {

	font-size: 14px;

	color: #2c2c2c;

	margin-top: 35px;

	margin-bottom: 12px

}

.contact-info .col-md-6 .banks span {

	margin-top: 0!important;

	line-height: 18px

}

.contact-info .col-md-6 form .form-items input {

	width: 48%;

	padding: 10px;

	font-size: 12px;

	color: #666;

	margin-top: 20px

}

@media (max-width: 480px) {

	.contact-info .col-md-6 form .form-items input {

		width: 100%

	}

}

.contact-info .col-md-6 form textarea {

	width: 100%;

	height: 140px;

	font-size: 12px;

	color: #666;

	padding: 10px;

	margin-top: 25px

}

.contact-info .col-md-6 form input[type=submit] {

	background-color: #e5e5e5;

	color: #363636;

	padding: 15px 20px;

	border: none;

	outline: 0;

	cursor: pointer;

	margin-top: 25px

}

@media (max-width: 767px) {

	.contact-info .col-md-6 {

		text-align: center

	}

}

div#googleMap {

	width: 100%;

	height: 450px

}

@media (max-width: 767px) {

	.header-info {

		display: none!important

	}

}

@font-face{font-family:'BPG WEB 001 Caps';src:url(../fonts/BPGWEB001Caps.woff2) format("woff2"),url(../fonts/BPGWEB001Caps.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:'BPG WEB 001';src:url(../fonts/BPGWEB001.woff2) format("woff2"),url(../fonts/BPGWEB001.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:panton-bold;src:url(../fonts/panton-bold.eot);src:url(../fonts/panton-bold.eot?#iefix) format("embedded-opentype"),url(../fonts/panton-bold.woff2) format("woff2"),url(../fonts/panton-bold.woff) format("woff"),url(../fonts/panton-bold.ttf) format("truetype"),url(../fonts/panton-bold.svg#PantonMtav3-Bold) format("svg");font-weight:700;font-style:normal}@font-face{font-family:helveticageo;src:url(../fonts/helveticageo.eot);src:url(../fonts/helveticageo.eot?#iefix) format("embedded-opentype"),url(../fonts/helveticageo.woff2) format("woff2"),url(../fonts/helveticageo.woff) format("woff"),url(../fonts/helveticageo.ttf) format("truetype"),url(../fonts/helveticageo.svg#HelveticaNeueLTGEO-55Roman) format("svg");font-weight:400;font-style:normal}p{font-family:helveticageo}h3,h4{font-family:panton-bold}h6{font-family:helveticageo}.down-header nav.row a{font-family:panton-bold;padding-top:12px}.up-header ul.row li a{font-family:panton-bold}.up-header ul.row li.header-info div.row .call span{font-family:helveticageo}.news .col-md-3 h5{font-family:panton-bold}.news .head a{font-family:helveticageo}.row .col-2 ul li{font-family:panton-bold}.row .col-10 a{font-family:panton-bold}.abs{font-family:panton-bold}.sub-footer .col-md-8 span{font-family:panton-bold}.joinUs span{font-family:panton-bold}.nav-container a{font-family:panton-bold}.school-title .col-md-3 span{font-family:helveticageo}.menu ul li a{font-family:helveticageo}.menu ul li.menu-title a{font-family:panton-bold}.teacher-item span{font-family:panton-bold}.teacher-item a.sponsor{font-family:helveticageo}.teacher-item .col-md-10 span.squad-name{font-family:panton-bold}.teacher-item .col-md-10 span.date{font-family:helveticageo}.teacher-item .col-md-2 a{font-family:panton-bold}.registration span{font-family:panton-bold}.squad-name{font-family:panton-bold}input[type=submit],label{font-family:panton-bold}input{font-family:helveticageo}.eat-item span{font-family:helveticageo}.eat-item .eat-file a{font-family:panton-bold}.pay ul li{font-family:helveticageo}.pay ul li.pay-title{font-family:panton-bold}.links span{font-family:panton-bold}.links a{font-family:helveticageo}.links a.link-download{font-family:panton-bold}.calendar-cont span{font-family:panton-bold}.calendar-cont .cal-item .date ul li{font-family:panton-bold}.calendar-cont .cal-item .cal-info a{font-family:panton-bold}a.seemore{font-family:helveticageo}.school-rules .rule-item span{font-family:panton-bold}.school-rules .rule-item a{font-family:panton-bold}.text span{font-family:helveticageo}.text a.link-download{font-family:panton-bold}.tx-cont{font-family:panton-bold}.sch-rek{font-family:helveticageo}.bank-ang{font-family:panton-bold}.contact-info input,.contact-info textarea{font-family:helveticageo}.text ul li{font-family:helveticageo}

 .pag-2 {

	display: flex;

}

.pag-2 li {

	width: 20px;

	height: 20px;

	text-align: center;

	margin-right: 5px;

}

.pag-2 li a {

	cursor: pointer;

	font-weight: 700;

	color: #000;

}

.pag-2 li.active a {

	color: #FFF;

}

.pag-2 li.active {

	background-color: #f39200;

}

.school .pag-2 li.active {

	background-color: #f39200;

}

.kindergarten .pag-2 li.active {

	background-color: #ff0000;

}

.extended .pag-2 li.active {

	background-color: #b70e80;

}

.service .pag-2 li.active {

	background-color: #0095db;

}

.error_msg {

	color: red;

	font-size: 11px;

	margin-bottom: 2px;

}

.radio-btn {

	margin-bottom: 25px;

	margin-top: 7px;

}

.radio-btn .check-radio {

	display: block;

	position: relative;

	padding: 7px 25px;

	cursor: pointer;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

	font-size: 12px;

	color: #000;

	margin: 0 5px;

}

.radio-btn .check-radio input {

	position: absolute;

	opacity: 0;

	cursor: pointer;

}

.radio-btn .checkmark {

	position: absolute;

	top: 3px;

	left: 0;

	height: 14px;

	width: 14px;

	background-color: transparent;

	border-radius: 2px;

	border: 1px solid #B2B2B2;

}

.radio-btn .check-radio:hover input ~ .checkmark {

	background-color: #ccc;

}

.radio-btn .check-radio input:checked ~ .checkmark {

	background-color: #FFF;

}

.radio-btn .checkmark:after {

	content: "";

	position: absolute;

	display: none;

	left: 4px;

	width: 5px;

	height: 10px;

	border: solid #312821;

	border-width: 0 3px 3px 0;

	-webkit-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	transform: rotate(45deg);

}

.radio-btn .check-radio input:checked ~ .checkmark:after {

	display: block;

}

input[type=date]:focus {

	box-shadow: initial;

	border: 1px solid #e2e2e2;

}

.label_title {

	margin-bottom: 40px;

	font-size: 20px;

}

.register-submit {

	background-color: #f39200;

	color: #fff;

	padding: 17px 20px 15px 20px;

	outline: 0;

	border: none;

	cursor: pointer;

	font-size: 14px;

}

.textarea-block {

	margin-bottom: 30px;

}

.textarea-block .textarea-item {

	width: 45%;

}

.textarea-block .textarea-item label {

	font-size: 14px;

	min-height: 40px;

	color: #505050;

}

.textarea-block .textarea-item textarea {

	width: 100%;

	height: 100px;

	font-size: 12px;

	border: 1px solid #ededed;

	touch-action: initial;

}

.textarea-block .textarea-item textarea:focus {

	outline: none;

}

.error-input {

	border-bottom: 1px solid #ff0000!important;

}

.select-input {

	width: 90%;

	height: 30px;

	border: none;

	border-bottom: 1px solid #ededed;

	outline: 0;

	font-size: 11px;

	margin-bottom: 30px;

}

.select-input option:hover {

	background-color: #FFF;

}

.upload-btn-wrapper {

	position: relative;

	overflow: hidden;

	display: inline-block;

	margin-bottom: 20px;

}

.upload-btn-wrapper .btn {

	border: 1px solid #ededed;

	color: gray;

	background-color: white;

	padding: 8px 20px;

	border-radius: 8px;

	font-size: 14px;

	font-weight: bold;

}

.upload-btn-wrapper input[type=file] {

	font-size: 100px;

	position: absolute;

	left: 0;

	top: 0;

	opacity: 0;

}

.input-group {

	outline: none;

	box-shadow: initial;

}

.input-group .input-group-prepend {

	display: none;

}

.upload-list {

	width: 45%;

}

.upload-list label {

	font-size: 14px;

	color: #505050;

}

@media (max-width: 575px){

	.slider .swiper-container{

		height: 570px;

	}

}