/*$screen-size-lg  : 1199px;*/
/*$screen-size-md  : 991px;*/
/*$screen-size-sm  : 767px;*/
/*$screen-size-lsm : 680px;*/
/*$screen-size-msm : 580px;*/
/*$screen-size-xsm : 540px;*/
/*$screen-size-xs  : 480px;*/

.overflow-x-clip{
	overflow-x: clip;
}

div1 {
	border: 2px solid black;
}

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

.h50px{
	height: 50px;
	vertical-align: center;
}

.h100px{
	height: 100px;
	vertical-align: center;
}

.h150px{
	height: 150px;
	vertical-align: center;
}

.h200px{
	height: 200px;
	vertical-align: center;
}

.h500px{
	height: 500px;
	vertical-align: center;
}

.h550-620px{
	height: 550px;
	vertical-align: center;
}

.h780px{
	height: 780px;
	vertical-align: center;
}

.s15{
	transform:scale(1.5);
	opacity:0.9;
}

p a:hover{
	color: white;
}

html,
body {
	width: 100%;
	font-family: Arial, sans-serif;
}

input {
	outline: none;
}

input:focus {
	border-color: #6d90ff;
}

p {
	text-indent: 10px; /* Отступ первой строки в пикселах */
}

a:-webkit-any-link {
	text-decoration: none;
	cursor: pointer;
}

/*.background-main-gradient{*/
/*	background: rgb(164,171,179);*/
/*	background: linear-gradient(30deg,*/
/*		rgba(164,171,179,1) 17%,*/
/*		rgba(0,123,255,1) 50%,*/
/*		rgba(176,211,255,1) 83%);*/
/*}*/
.white-input{
	border-radius: 5px;
	padding: 2px;
	border-color: #7eccf2;
}

.background-size-w100-h110{
	width: 100%;
	height: 110%;
}

.left-modal{
	position: fixed;
	z-index: 50;
	height: 100%;
	max-width: 500px;
	left: 0;
	overflow-y: auto;

}

.central-modal{
	position: fixed;
	z-index: 50;
	width: auto;
	max-width: 700px;
	overflow-y: auto;
	top: 100px;
	max-height: 80%;
}

.fullScreen{
	width: 100%;
	height: 100%;
}

.w100p{
	width: 100%;
}

.w50p{
	width: 50%;
}

.w33p{
	width: 33%;
}

.w40p {
	width: 40%;
}

.w45p {
	width: 45%;
}

.w75p{
	width: 75%;
}

.w80p{
	width: 80%;
}

.w25p {
	width: 25%;
}

.w20px{
	width: 20px;
}

.w50px{
	width: 50px;
}

.w60px{
	width: 60px;
}

.w150px{
	width: 150px;
}

.w100px{
	width: 100px;
}

.w200px{
	width: 200px;
}

.w250px{
	width: 250px;
}

.mw250px{
	min-width: 250px;
}

.mw200px{
	min-width: 200px;
}

.w400px{
	width: 400px;
}

.w900px{
	width: 900px;
}

.wFitContent{
	width: fit-content;
}

.mw155px{
	min-width: 155px;
}

.maxw560px{
	max-width: 560px;
}

.maxw350px{
	max-width: 350px;
}

.h100px{
	height: 100px;
}

.h100pr{
	height: 100%;
}

.h40pr{
	height: 40%;
}

.maxH400px{
	max-height: 400px;
}

.t50px{
	top: 50px;
}

.l40p{
	left: 40%;
}

.vertical-center{
	vertical-align: center;
	margin: auto 0;
}

.pad5px{
	padding: 5px;
}

.pad10px{
	padding: 10px;
}

.padL10px{
	padding-left: 10px;
}

.padR10px{
	padding-right: 10px;
}

.padT10px{
	padding-top: 10px;
}

.padT30px{
	padding-top: 30px;
}

.padB20px{
	padding-bottom: 20px;
}

.transform-90{
	transform: rotate(90deg);
}

.pad5pr{
	padding: 5%;
}

.pad10pr{
	padding: 10%;
}

.mar10px{
	margin: 10px;
}

.marT-600px{
	margin-top: -600px;
}

.marT-75px{
	margin-top: -75px;
}

.marT-150px{
	margin-top: -150px;
}

.marT55px{
	margin-top: 55px;
}

.marT10px{
	margin-top: 10px;
}

.marT-10px{
	margin-top: -10px;
}

.marT20px{
	margin-top: 20px;
}

.marT30px{
	margin-top: 30px;
}

.marL10pr{
	margin-left: 10%;
}

.marB30px{
	margin-bottom: 30px;
}

.marB10px{
	margin-bottom: 10px;
}

.marB5px{
	margin-bottom: 5px;
}

.marR10px{
	margin-right: 10px;
}

.marL10px{
	margin-left: 10px;
}

.marL20px{
	margin-left: 20px;
}

.marL30px{
	margin-left: 30px;
}

.table-box{
	border: 1px solid black;
	text-align: center;
	padding: 5px 0;
	height: 40px;
}

.z-index1001{
	z-index: 1001;
}

.z-index1002{
	z-index: 1002;
}

.relative{
	position: relative;
}

.absolute{
	position: absolute;
}

.inline-flex{
	display: inline-flex;
}

.white-cart{
	background-color: white;
	padding: 10px;
	color: black;
	border-radius: 5px;
}

.overflow-auto{
	overflow: auto;
}

.error{
	font-size: 96px;
	font-weight: bold;
}

.pointer{
	cursor: pointer;
}

.blue-background{
	background-color: #b0d3ff;
}

.grey-background{
	background-color: #a4abb3;
}

.blue-background2{
	background-color: #3a8ae6;
}

.line-height1-15{
	line-height: 1.15;
}

.filter-input-text{
	text-align: center;
	border-radius: 10px;
	width: 100%;
}

.image-background {
	position: relative;
	overflow: hidden;
}

.all-screen-img{
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: -1;
	height: -webkit-fill-available;
}

.main-background {
	width: 100%;
	height: 520px;
}

.radio-block{
	margin: 10px auto;
	border: 2px solid #6d90ff;
	text-align: left;
	border-radius: 5px;
	width: 100%;
}

.overflow-hidden{
	overflow: hidden;
}

.radio-block label{
	padding: 3px;
	text-align: left;
	min-width: 150px;
}

.content-image {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

.content-image-cabinet {
	position: relative;
	top: 0;
	width: auto;
	height: 100%;
}

.body-background-img{
	width: 100%;
}

.body-background{
	z-index: -1;
	position: fixed;
	width: 110%;
	height: 100%;
	background: #0c0c0c;

}

.main-body-background{
	margin-top: -520px;
}


.conteiner-inside {
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 15px 0 15px;
	height: 100%;
	text-align: center;
}

.conteiner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 5px 20px 1px 20px;
	z-index: 50;
}

.payments-block{
	width: 150px;
}

.payments-types{
	width: 150px;
}

.row{
	margin: 0;
}

.cart{
	background: rgba(94, 94, 95, 0.5);
	border-radius: 10px;
	-webkit-box-shadow: rgba(0,0,0,.3) 0 8px 28px 0;
	box-shadow: rgba(0,0,0,.3) 0 8px 28px 0;
	color: #b0d3ff;
}

.modal-cart{
	background: #1b1b1b;
	border-radius: 10px;
	color: #b0d3ff;
	left: 0;
	right: 0;
}

.dropdown{
	position: absolute;
	z-index: 20;
	background: #1b1b1b;
	border-radius: 5px;
}

.left-round{
	border-radius: 5px 0 0 5px;
}

.top-round-5px{
	border-radius: 0 0 5px 5px;
}

/* buttons */


.long-btn{
	width: 48%;
	text-align: center;
	margin: 5px;
}

#dropdown-main-menu-btn{
	margin-bottom: 10px;
}

/* borders */
.left-white-border-2px{
	border-left: 2px solid white;
}

.bb2px{
	border-bottom: 2px solid white;
}


/* header */



#logo{
	width: 98px;
	max-width: 98px;
}

.header-login{
	text-align: right;
	padding: 10px;
}

.header-timetable{
	text-align: right;
	padding: 10px;
	vertical-align: middle;
}

.dropdown-login{
	max-width: 250px;
	margin-left: auto;
    margin-right: -15px;
    padding: 5px;
    background: #D8BFD8;
    border: 1px solid black;
    display: none;
    z-index: 100;
}

/* footer */

#footer{
	/*margin-top: 30px;*/
	background-color: #a4abb3;
	font-size: 12px;
	padding: 0 0 20px;
}

.footer-logo{
	max-width: 100px;
	width: auto;
	margin-bottom: 15px;
}

.footer-link{
	color: #e3f3f9;
}

.footer-link:hover{
	color: #212121;
}

.footer-page-link{
	color: #e3f3f9;
	padding: 5px;
	font-size: 18px;
}

.footer-page-link:hover{
	color: #212121;
}

.footer-page-link-block{
	display: inline-flex;
	padding-bottom: 20px;
}

.hr-horizontal-gradient-right {
	margin: 10px 0;
	padding: 0;
	height: 3px;
	border: none;
	background: linear-gradient(45deg, #333, #a4abb3);
	width: 50%;
}
.hr-horizontal-gradient-left {
	margin: 10px 0;
	padding: 0;
	height: 3px;
	border: none;
	background: linear-gradient(45deg, #a4abb3, #333);
	width: 50%;
}

.hover:hover{
	color: #212121;
}

.footer-title{
	font-size: 36px;
	font-family: URW Chancery L, cursive;
	text-align: center;
	color: #e3f3f9;
}

.footer-title>a{
	color: #e3f3f9;
}

.footer-title>a:hover{
	color: #b0d3ff;
}

.our-social-network{
	font-size: 24px;
	text-transform: uppercase;
}

.social-network-block{
	display: inline-flex;
	text-align: center;
	margin: 0 auto 20px;
}

.social-network-block>div{
	display: inline-flex;
}

.social-network{
	width: 70px;
	height: 70px;
	border-radius: 50px;
	text-align: end;
	margin: 5px;
}

#logo1{
	width: 90px;
	max-width: 90px;
}

/*price*/

.price-cart{
	text-align: center;
	margin: 20px;
	padding: 20px;
}

.price-rent{
	font-size: 30px;
}

/*inf*/

.inf-img{
	width: 100%;
	max-width: 800px;
	margin-top: 20px;
}

.inf-title {
	font-size: 35px;
	font-weight: bold;
	display: inline-flex;
	flex-wrap: wrap-reverse;
}

.inf-cart {
	padding: 20px;
	margin-bottom: 10px;
}

.inf-cart > ul > li {
	margin: 10px 0;
}

#our-medals {
	display: none;
	padding: 10px;
}

/*contact*/
.contact-map {
	margin-top: 10px;
	max-width: 600px;
	width: 95%;
	max-height: 320px;
	height: auto;
}

.flex-more-680px{
	display: flex;
}

.contact-phone {
	font-size: 36px;
	text-decoration: blink;
}

/*.contact-phone>a{*/
/*	 color: black;*/
/* }*/

.contact-phone>a:hover{
	color: #999999;
}

.contact-board{
	display: inline-flex;
	margin-bottom: 20px;
}

.map-cart{
	width: auto;
	min-width: 455px;
	margin: 10px;
	padding: 10px;
}

.map{
	width:auto;
	height:400px;
}

.contact-inf{
	font-size: 22px;
}

.contact-icon{
	font-size: 36px;
}

/* colors */

.background-header{
	background: #b0d3ff;
}

.color-blue{
	color: #3a8ae6;
}

.color-white{
	color: white;
}

.color-black{
	color: black;
}

.color-black:hover{
	color: black;
}

.text-input{
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 17px;
	width: 230px;
}

.grey-text{
	color: #5c5c5c;
}

.tr-ins img{
	width: 40px;
}

.tr-ins:hover{
	color: #3a8ae6;
}

.tr-ins{
	font-weight: bold;
	margin-top: 10px;
	font-size: 20px;
	color: black;
}

.content-menu{
	padding: 5px;
	margin: 10px;
	
	text-align: center;
}

#leftTable{
   padding: 20px;
}

.ind{
	text-align: center;
	border: 2px solid #bc98d1;
	vertical-align: middle;
}

.coast{
	background: white;
	padding: 5px;
}

.ind-input{
	width: 30px;
	height: 30px;
	vertical-align: bottom;
}

.ind-input-sm{
	width: 10px;
	height: 10px;
}

.marry{
	background-color: yellow;
}

.dasha{
	background-color: aqua;
}

.ylya{
	background-color: darkorange;
}

.anya{
	background-color: deeppink;
}

.lesson{
	background-color: lightsteelblue;
}

.rent{
	background-color: blue;
	color: white;
}

/*guest list*/




.guest-list-dropdown{
	margin: 0 auto 5px auto;
}

/*online-direction*/

.button-online{
	background-color: #a4abb3;
	border: 1px solid darkgrey;
	border-radius: 25px;
	width: 50%;
	min-width: 160px;
	margin: 50px 0;
	padding: 15px;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
	color: #212121;
}

.w20pr{
	width: 20%;
}

/*.online-main-picture{*/
/*	display: inline-flex;*/
/*}*/

/*.online-main-picture>div>ul>li{*/
/*	text-align: left;*/
/*}*/

/*.online-main-picture>div{*/
/*	max-width: 560px;*/
/*	margin: 30px auto;*/
/*	font-size: 26px;*/
/*	padding-left: 22px;*/
/*}*/

/*.online-all-size-img{*/
/*	height: 700px;*/
/*}*/

/*.button-online:hover{*/
/*	background-color: #becbd0;*/
/*	-webkit-box-shadow: rgba(0,0,0,.3) 0 6px 6px 0;*/
/*	box-shadow: rgba(0,0,0,.3) 0 6px 6px 0;*/
/*	text-shadow: 4px 2px 3px grey;*/
/*}*/

.button-online-back{
	background-color: white;
	border: 3px solid #305e93;
	border-radius: 25px;
	width: 100%;
	padding: 15px;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
	color: #305e93;
	font-weight: bold;
}

.button-online-back:hover{
	background-color: #becbd0;
	-webkit-box-shadow: rgba(0,0,0,.3) 0 6px 6px 0;
	box-shadow: rgba(0,0,0,.3) 0 6px 6px 0;
	text-shadow: 4px 2px 3px grey;
}


.p80btn{
	width: 80%;
}


.online-direction-block{
	display: inline-flex;
	align-items: center;
}

.online-direction-cart{
	border: 2px solid #a4abb3;
	text-align: center;
	font-size: 16px;
	max-width: 260px;
	height: 720px;
	padding: 35px 25px;
	margin: 30px 15px;
}

.online-course-cart{
	border: 2px solid #a4abb3;
	text-align: center;
	font-size: 16px;
	height: 750px;
	padding: 35px 25px;
	margin: 30px 15px;
}

.online-course-cart>ul{
	height: 305px;
}


.name-online-direction{
	font-weight: bold;
	font-size: 22px;
	height: 45px;
	margin: 20px 0 40px;
}

.round-img {
	border: 1px;
	border-radius: 150px;
	width: 100px;
	height: 100px;
}

.vertical-scrolls {
	overflow-y: auto;
	margin-bottom: 10px;
}

::-webkit-scrollbar {
	background-color: white;
	border-radius: 10px;
}

::-webkit-scrollbar-track {
	border-radius: 10px;
	background-color: #e3f3f9;
}

::-webkit-scrollbar-thumb {
	background-color: #b0d3ff;
	border-radius: 10px;
}

.timetable-online-direction {
	margin: 50px auto;
	width: auto;
	max-width: 890px;
}

.timetable-online-direction-img {
	width: 100%;
}

.timetable {
	border: 5px solid #a4abb3;
	border-radius: 20px;
	overflow: hidden;
	margin-bottom: 10px;
	min-width: 700px;
	color: black;
}

.timetables-row {
	display: flex;
}

.timetable-lesson {
	width: 16%;
	height: auto;
	border-left: 1px solid #a4abb3;
	border-right: 1px solid #a4abb3;
	overflow: hidden;
}

.timetable-lesson-active {
	cursor: pointer;
	background-color: #becbd0;
	border-top: 2px solid #a4abb3;
	border-bottom: 2px solid #a4abb3;
}

.timetable-name-day {
	background-color: #b0d3ff;
	border-bottom: 5px solid #a4abb3;
	overflow: hidden;
	font-weight: bold;
}

.background-alarm-and-i{
	background: radial-gradient(#9c0000, #584947);
}

.background-normal-and-i{
	background: radial-gradient(#becbd0, #584947);
}

.background-white{
	background-color: snow;
}

.background-one-user{
	background-color: #008000;
}

.background-one-user-and-i{
	background: radial-gradient(#008000, #584947);
}

.background-one-free{
	background-color: #ffff00;
}

.background-one-free-and-i{
	background: radial-gradient(#ffff00, #584947);
}

.price-online-direction {
	margin: 50px auto;
	font-size: 22px;
	line-height: 46px;
	width: auto;
	max-width: 800px;
	text-align: center;
}

.price-online-direction-img{
	width: 100%;
	max-width: 450px;
	margin-bottom: 30px;
}

.price-online{
	font-size: 36px;
	text-align: center;
	font-weight: bold;
}

.block-with-video{
	margin: 50px 0 0 20px;
	width: auto;
	padding: 25px;
}

/*direction*/

.text-direction{
	font-size: 18px;
	padding: 0 30px 0;
}

.direction-img{
	max-width: 500px;
	width: auto;
	overflow: hidden;
}

.text-main-direction{
	font-size: 26px;
	font-weight: bold;
}

.direction-block{
	display: inline-flex;
	margin: 50px 10px 0 10px;
	width: 100%;
	padding: 25px;
}


.ui-menu{
	background: white;
	position: fixed;
	cursor: pointer;
	border: 1px solid black;
	z-index: 101;
}

.word-break{
	word-break: break-word;
}

/*image*/

.all-size-img{
	width: 100%;
}

.main-logo {
	width: 315px;
}

.text-gradient{
	background: linear-gradient(180deg, #7eccf2, #69b2f6);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	color: #b0ceff;
}


.mar-logo{
	width: 480px;

}

.breadcrumbLogo{
	width: 20px;
	height: 20px;
}

.li-img{
	width: 73px;
	vertical-align: top;
}

.user-name-href{
	width: 200px;
	font-weight: bold;
	color: #212121;
}

.user-name-href:hover{
	color: #6d90ff;
}

.row-in-groups{
	display: flex;
	padding: 5px;
	border: 1px solid #212121;
}

.background-img-title{
	background-image: url("/asserts/img/substrate.png");
	padding: 20px 0 20px 0;
	border-color: #b0d3ff;
	border-right-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 10px;
	border-top-width: 0;
	border-style: solid;
	border-radius: 0 0 80px 80px;
	text-align: center;
	font-weight: bold;
	background-size: cover;
	color: #b0d3ff;
}

.background-img{
	background-image: url("/asserts/img/substrate.png");
	padding: 20px 0 20px 0;
	border-bottom: 10px solid #a4abb3;
	border-top: 10px solid #a4abb3;
	text-align: center ;
	font-weight: bold;
	font-size: 72px;
	margin: 30px 0;
	background-size: cover;
}

/*hidden*/

.hidden{
	display: none;
}

.hidden-after-680{
	display: contents;
}

.hidden-before-680{
	display: none;
}


.hidden-after-990{
	display: none;
}

/*text*/
.little-title {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
}

.check-title{
	font-size: 36px;
}

.fs35px{
	font-size: 35px;
}

.fs30px{
	font-size: 30px;
}

.fs20px{
	font-size: 20px;
}

.fs16px{
	font-size: 16px;
}

.title {
	font-size: 30px;
}

.title30-28-24 {
	font-size: 30px;
}

.text-alarm {
	color: #9c0000;
}

.background-alarm {
	background-color: #9c0000;
}

.text-psevdo-h{
	text-transform: uppercase;
	font-size: 36px;
	text-align: center;
	font-weight: bold;
	color: #b0d3ff;
}

.text-nowrap {
	white-space: nowrap;
}

.text-footnote {
	color: #78a1de;

}

.text-italic {
	font-style: italic;
}

.text-underline{
	text-decoration: underline;
}

.text-crossed{
	text-decoration-line: line-through;
}

.main-text{
	font-family: 'Futura PT', serif;
	padding-top: 40px;
	font-size: 50px;
	font-weight: bold;
	color: #64afff;
}

.text-bold{
	font-weight: bold;
}

.align-center{
	text-align: center ;
	margin: 0 auto;
}

.align-right{
	margin-right: 0;
	margin-left: auto;
	text-align: end;
}

.align-left{
	margin-left: 0;
	margin-right: auto;
	text-align: left;
}

.text-left{
	text-align: start;
}

.block-offer{
	display: inline-flex;
	text-align: left;
	max-width: 680px;
	padding: 25px 0 25px 0;
	color: #b0d3ff;

}

.blue-text{
	color: #b0d3ff;
}

.down_row{
	border-bottom: 2px solid #212121;
	height: 3px;
}

.text-offer{
	padding: 0 0 0 20px;
}

/*singUp*/
.singUp{
	position: fixed;
	bottom: 40px;
	right: 50px;
}

.singUp-button{
	background-color: #a4abb3;
	padding: 12px;
	border-radius: 150px;
	border: 5px solid #e3f3f9;
	cursor: pointer;
	-webkit-box-shadow: rgba(.3,.3,.3,.3) 1px 3px 32px 30px;
	box-shadow: rgba(.3,.3,.3,.3) 1px 3px 32px 30px;
}

.singUp-button:hover{
	color: white;
	-webkit-box-shadow: rgba(.3,.3,.3,.3) 1px 3px 40px 40px;
	box-shadow: rgba(.3,.3,.3,.3) 1px 3px 40px 40px;
}

.singUp-pop-up{
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 1001;
	background-color: rgba(19, 19, 19, 0.9);
	}

.singUp-pop-up-content{
    border: 2px solid #a4abb3;
	margin: 15% auto;
	max-width: 350px;
 	padding: 20px;

	-webkit-box-shadow: rgba(.3,.3,.3,.3) 1px 3px 40px 15px;
	box-shadow: rgb(36, 36, 36) 1px 3px 40px 15px;
}

.singUp-input{
	width: 100%;
	border-radius: 5px;
	padding: 5px;
}

.singUp-input:focus{
	border: 2px solid #a4abb3;
	outline: none;
}

.singUp-input:invalid{
	border: 2px solid #6d90ff;
}
.singUp-input:valid{
	 border: 2px solid #a4abb3;
 }

.singUp-footnote{
	font-size: 13px;
	text-align: center;
	margin: 10px auto;
}

.singUp-icon{
    width: 80px;
}

/*login*/

.login-form{
	width: 40%;
	margin: 50px auto;
	padding: 20px;
}

/*breadcrumb*/
.breadcrumb {
	width: 90%;
	margin: 0 auto 10px;
	font-size: 16px;
}

.background{
	/*background-color: rgba(12, 32, 72, 0.8);*/
	/*position: fixed;*/
	/*z-index: 1;*/
	width: 100%;
	height: 100%;
	/*margin-top: -100px;*/
}

.background-issue{
	/*background-color: rgba(12, 32, 72, 0.8);*/
	/*position: fixed;*/
	/*z-index: 1;*/
	width: 100%;
	height: 100%;
	/*margin-top: -100px;*/
 }

.background-modal{
	background-color: rgba(33, 33, 33, 0.42);
	position: fixed;
	z-index: 1;
	width: 100%;
	height: 100%;
	margin-top: -100px;
}

.background-modal-for-all{
	background-color: rgba(0, 0, 0, 0.85);
	position: fixed;
	z-index: 2;
}

.info-user-href {
	color: white;
	font-weight: bold;
	border-radius: 3px;
	border: 1px solid white;
	padding: 2px;
}

.info-user-href:hover {
	-webkit-box-shadow: rgba(0,0,0,.3) 0 6px 6px 0;
	box-shadow: rgba(0,0,0,.3) 0 6px 6px 0;
	text-shadow: 4px 2px 3px grey;
}

.user-info-cart {
	padding: 10px;
	font-size: 20px;
}

.with-b680-50p-m680-100p{
    width: 100%;
}


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

	.all-size-img {
		width: auto;
	}

	/*online-direction*/
	.online-direction-cart {
		margin: 30px 10px;
	}

	.title30-28-24{
		font-size: 28px;
	}

}

@media screen and (max-width: 990px){
	/*hidden*/

	.hidden-before-990{
		display: none;
	}

	.hidden-after-990{
		display: block;
	}

	.is-visible{
		display: block;
	}



	/*direction*/

	.direction-block{
		display: block;
		max-width: 580px;
		padding: 25px;
		margin-right: auto;
		margin-left: auto;
	}

	.text-direction{
		font-size: 18px;
		padding: 30px;
	}

	.direction-img{
		width: 95%;
	}

	/*online-direction*/

    .online-course-cart{
        height: auto;
    }

    .online-course-cart>ul{
        height: auto;
    }

	.online-direction-cart{
		width: auto;
		max-width: 900px;
		height: auto;
		padding: 25px;
		margin: 20px 10px;
	}

	.online-direction-block{
		display: block;
	}

	.name-online-direction{
		height: 15px;
	}

	/*.online-main-picture{*/
	/*	display: block;*/
	/*}*/

	/*.online-all-size-img{*/
	/*	height: 1000px;*/
	/*}*/

	.tgb-online-img{
		width: 470px;
	}

    /*footer*/


	/*background*/

	.background-img{
		font-size: 50px;
		margin: 25px 0;
	}

	/*contact*/

	.contact-board{
		display: block;
	}


}

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

	.main-text{
		font-size: 36px;
	}

    /*online-direction*/
	.price-online-direction{
		display: block;
	}

}

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

	.h550-620px{
		height: 620px;
	}

	.hidden-after-680{
		display: none;
	}

    .with-b680-50p-m680-100p{
        width: 100%;
    }

	.dropdown-option{
		background-color: white;
		padding: 41px;
		margin: 33px 5%;
		border-radius: 20px;
		position: absolute;
		z-index: 100;
	}

	.flex-more-680px{
		display: block;
	}

	.hidden-before-680{
		display: contents;
	}
}
@media screen and (max-width: 580px){


	.hidden-msm{
		display: block;
	}

	/*text*/

	.main-text{
		font-size: 24px;
	}

	.login-form{
		width: 96%;
		margin: 10% auto;
		padding: 20px;
	}

	.title30-28-24{
		font-size: 24px;
	}


	/*image*/

	/*.main-logo{*/
	/*	width: auto;*/
	/*}*/

	.mar-logo{
		width: auto;
	}

	/*background*/

	.background-img{
		font-size: 36px;
		margin: 15px 0;
	}


	/*footer*/
	.footer-page-link-block{
		display: block;
	}

	.social-network-block{
		display: block;
	}

	.footer-title{
		font-size: 26px;
	}

	/*contact*/

	.contact-phone{
		font-size: 30px;
	}

	/*inf*/
	.inf-title {
		font-size: 30px;
	}

	/*contact*/
	.map-cart {
		min-width: 255px;
	}

	.singUp-icon {
		width: 50px;
	}


	.text-psevdo-h{
		font-size: 26px;
	}
	.check-title{
		font-size: 22px;
	}

	.text-main-direction{
		font-size: 22px;
		font-weight: bold;
	}

	.background-img-title{
		font-size: 26px;
	}

	h1{
		font-size: 28px;
	}

	.contact-inf{
		font-size: 16px;
	}

	.text-offer>p{
		font-size: 15px;
	}

	.text-direction>p{
		font-size: 15px;
	}

	.text-direction>ul>li{
		font-size: 15px;
	}

	.inf-title {
		font-size: 26px;
		font-weight: bold;
	}

	.li-img{
		width: 55px;
		vertical-align: top;
	}

	.singUp{
		right: 20px;
	}

	.tgb-online-img{
		width: 90%;
	}

	.tgb-online-img-logo{
		width: 300px;
	}

	/*.online-main-picture>div{*/
	/*	max-width: 540px;*/
	/*	font-size: 22px;*/
	/*}*/

	/*.online-all-size-img{*/
	/*	height: 950px;*/
	/*}*/

}