:root {
  --orange: #FF4004;
  --orange-50: rgba(238, 113, 91, 0.5);
  --orange-101: #FF6B00;
  --orange-100: #FF974D;
  --orange-100-hover: #F26500;
  --orange-pastel: #EE715B;
  --dark-orange: #E17A23;
  --navy: #235BA3;
  --navy-50: rgba(33, 115, 156, 0.5);
  --teal: #1F96A2;
  --teal-50: rgba(31, 150, 162, 0.5);
  --violet: #36407B;
  --violet-50: rgba(54, 64, 123, 0.5);
  --blue-light: #4EC4DF;
  --city-sky: #6BC3F5;
  --city-sky-hover: #66B8E8;
  --gray-light: #f4f4f4;
  --frosty-sky1: #2BAAF1;
  --frosty-sky: #6BC3F5;
  --frosry-sky-hover: #29A0E6;
  --gray: #F3F2F0;
  --gray-dark: #c4c4c4;
  --mouse-gray: #747474;
  --yellow: #F2AC1F;
  --rapeseed-yellow: #FDD900;
  --rapeseed-yellow-hover: #F0CC00;
  --light-khaki: #F6F195;
  --white: #FFFFFF;
  --black: #000000;
  --blue: #2B3BDF;
  --blue-dark: #305083;
  --indigo: #372877;
  --indigo-light: #757AB9;
  --chocolate: #DD8435;
  --twitter: #42A1DA;
  --aquamarine: #64BFA8;
  --green-rich: #006843;
  --gold: #FFD40B;
  --grass: #6DAD46;
  --amaranth-light: #E11283;
  --red-orange: #E9472A;
  --steal: #D3CDE3;
  --steal-hover: #C6C1D6;
  --apricot: #F3CFAE;
  --apricot-hover: #E6C4A5;
  --lavender: #E3E3F3;
  --lavender-hover: #D5D5E6;
  --periwinkle-crayola: #E1ECF9;
  --periwinkle-crayola-hover: #D5E1ED;
  --green-tea: #C6E2CB;
  --green-tea-hover: #BCD6C1;
  --frog: #A6B9A8;
  --frog-hover: #9CAD9E;
  --champagne: #FFF7DC;
  --champagne-hover: #F2EAD0;
  --green-light: #CCDEB7;
  --green-light-hover: #C0D1AB;
  --cotton-candy: #F3B7D4;
  --cotton-candy-hover: #E6ACC8;
  --desert-sand: #FCE0D2;
  --desert-sand-hover: #F0D5C7;
  --white-hover: #CFCFCF;
  --azure: #5285FF;
  --dark-azure: #0395CE;
  --purple: #493489;
  --fandango: #B5376A;
  --red: #E6332A;

}


body{
	font-family: 'Roboto', sans-serif!important;
	/* line-height: 1.3; */
	background-color: var(--gray-light);
	background-color: var(--gray-light)!important;
}
body, html {
    height: 100%;
}
.tk-ropa-soft-pro {
    font-family: "ropa-soft-pro", sans-serif!important;
}
h2.h1 {
	font-size: 3.5rem;
	line-height: 1;
}
h5, h6 {
	font-weight: normal;
}

ul {
    display: table;
    padding: 0 0 0 3px;
}

.font-weight-light {
	font-weight: 300;
}

a {
	color: var(--blue-dark);
}

h1.title {
	font-size: 6rem;
	font-weight: 900;
	line-height: 1;
}
.psycards h1.title {
	font-size: 4.5rem;
	line-height: 1;
}
.fw-900 {
	font-weight: 900;
}

.rotate {
	

	transform-origin: 42% 64%;
	transform: rotate(-90deg);
	/* Legacy vendor prefixes that you probably don't need... */
	/* Safari */
	-webkit-transform: rotate(-90deg);
	/* Firefox */
	-moz-transform: rotate(-90deg);
	/* IE */
	-ms-transform: rotate(-90deg);
	/* Opera */
	-o-transform: rotate(-90deg);
	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

	/*left: 0;
	bottom: 0;
	position: absolute;
	width: max-content;*/
	min-width: 400px;
}
.navbar-nav {
	display: contents;
}
.navbar-nav a.nav-link {
	font-size: 1.2rem;
	font-weight: 300;
	color: var(--black)!important;
	text-align: center;
	line-height: initial;
}
.navbar-nav a.nav-link:hover, .navbar-nav a.nav-link.active {
	background-color: var(--white);
}

.nav-item {
/*	flex-basis: 0; */
	flex-grow: 1;
}
.bg-orange {
	background-color: var(--orange);
}
.bg-orange-50 {
	background-color: var(--orange-50);
}
.bg-orange-100 {
	background-color: var(--orange-100);
}
.bg-orange-100:hover {
	background-color: var(--orange-100-hover);
}
.bg-orange-pastel {
	background-color: var(--orange-pastel);
}
.bg-violet {
	background-color: var(--violet);
}
.bg-violet-50 {
	background-color: var(--violet-50);
}
.bg-navy {
	background-color: var(--navy);
}
.bg-navy-50 {
	background-color: var(--navy-50);
}
.bg-teal {
	background-color: var(--teal);
}
.bg-teal-50 {
	background-color: var(--teal-50);
}
.bg-blue {
	background-color: var(--blue);
}
.bg-blue-light {
	background-color: var(--blue-light);
}
.bg-gray {
	background-color: var(--gray);
}
.bg-gray-light {
	background-color: var(--gray-light);
}
.bg-yellow {
	background-color: var(--yellow);
}
.bg-steal {
	background-color: var(--steal)
}
.bg-steal:hover {
	background-color: var(--steal-hover);
	color: var(--black)
}
.bg-apricot {
	background-color: var(--apricot)
}
.bg-apricot:hover {
	background-color: var(--apricot-hover);
	color: var(--black)
}
.bg-lavender {
	background-color: var(--lavender)
}
.bg-lavender:hover {
	background-color: var(--lavender-hover);
	color: var(--black)
}
.bg-periwinkle-crayola {
	background-color: var(--periwinkle-crayola)
}
.bg-periwinkle-crayola:hover {
	background-color: var(--periwinkle-crayola-hover);
	color: var(--black)
}
.bg-green-tea {
	background-color: var(--green-tea)
}
.bg-green-tea:hover {
	background-color: var(--green-tea-hover);
	color: var(--black)
}
.bg-frog {
	background-color: var(--frog)
}
.bg-frog:hover {
	background-color: var(--frog-hover);
	color: var(--black)
}
.bg-champagne {
	background-color: var(--champagne)
}
.bg-champagne:hover {
	background-color: var(--champagne-hover);
	color: var(--black)
}
.bg-green-light {
	background-color: var(--green-light)
}
.bg-green-light:hover {
	background-color: var(--green-light-hover);
	color: var(--black)
}
.bg-cotton-candy {
	background-color: var(--cotton-candy)
}
.bg-cotton-candy:hover {
	background-color: var(--cotton-candy-hover);
	color: var(--black)
}
.bg-desert-sand {
	background-color: var(--desert-sand)
}
.bg-desert-sand:hover {
	background-color: var(--desert-sand-hover);
	color: var(--black)
}
.bg-dark-orange {
	background-color: var(--dark-orange);
}
.bg-white-button {
	background-color: var(--white);
	color: var(--black);
	border-color: var(--black);
	border-radius: 0;
}
.bg-white-button:hover {
	background-color: var(--white-hover);
	color: var(--black);
	border-color: var(--black);
}
.bg-azure {
	background-color: var(--azure);
}
.bg-dark-azure {
	background-color: var(--dark-azure);
}
.bg-red {
	background-color: var(--red);
}
.bg-frosty-sky {
	background-color: var(--frosty-sky);
}
.bg-frosty-sky:hover {
	background-color: var(--frosry-sky-hover);
}
.bg-rapeseed-yellow {
	background-color: var(--rapeseed-yellow);
}
.bg-rapeseed-yellow:hover {
	background-color: var(--rapeseed-yellow-hover);
}
.bg-light-khaki {
	background-color: var(--light-khaki);
}
.bg-city-sky {
	background-color: var(--city-sky);
}
.bg-city-sky:hover {
	background-color: var(--city-sky-hover);
}

.text-orange {
	color: var(--orange);
}
.text-orange-100 {
	color: var(--orange-101);
}
.text-violet {
	color: var(--violet);
}
.text-navy {
	color: var(--navy);
}
.text-indigo {
	color: var(--indigo)
}
.text-indigo-light {
	color: var(--indigo-light)
}
.text-chocolate {
	color: var(--chocolate)
}
.text-twitter {
	color: var(--twitter)
}
.text-aquamarine {
	color: var(--aquamarine)
}
.text-green-rich {
	color: var(--green-rich)
}
.text-gold {
	color: var(--gold)
}
.text-grass {
	color: var(--grass)
}
.text-amaranth-light {
	color: var(--amaranth-light)
}
.text-red-orange {
	color: var(--red-orange)
}
.text-black {
	color: var(--black);
}
.text-dark-orange {
	color: var(--dark-orange);
}
.text-azure {
	color: var(--azure);
}
.text-purple {
	color: var(--purple);
}
.text-fandango {
	color: var(--fandango);
}
.text-gray-dark {
	color: var(--gray-dark);
}
.text-red {
	color: var(--red);
}
.text-mouse-gray {
	color: var(--mouse-gray);
}
.text-dark-azure {
	color: var(--dark-azure);
}
.text-frosty-sky {
	color: var(--frosty-sky1);
}
.text-city-sky {
	color: var(--city-sky);
}

.sqd a h2, .sqd a h4 {
	color: var(--black);
}

.h-25 {
	height: 25%;
}
.mh-6 {
	min-height: 6rem;
}
.maxh-60 {
	max-height: 60px;
}

.position-relative .position-absolute-btn {
	bottom: 40px;
	position: absolute;
}

.position-relative .position-absolute-map {
	bottom: 47px;
	position: absolute;
}

.btn-blue-dark {
	background-color: var(--blue-dark);
	border-color: black;
}

.btn-blue-dark:hover {
	background-color: #2B4875;
	border-color: black;
}

.btn-map {
	width: 100%;
	height: 65px;
	color: var(--black);
	line-height: 1;
	border: 1px solid black;
	border-radius: 0!important;
}

.btn-map:hover {
	color: var(--black);
}

.border-four {
	border: 4px solid;
}

.border-dark-azure {
	border: 4px solid var(--dark-azure);
}
.border-red {
	border: 4px solid var(--red);
}

footer {
	background-color: #cfe3ff;
}

footer .navbar-nav a.nav-link {
	font-size: 0.9rem;
	font-weight: 300;
	color: var(--black)!important;
	text-align: center;
  line-height: initial;
}
footer .navbar-nav a.nav-link:hover {
	background: unset;
	text-decoration: underline;
}
.link-ankor:before {
	display: block;
	content: "";
	height: 46px;
	margin: -46px 0 0;
}
/*
.navbar-expand-lg {
	flex-wrap: wrap;
}*/

.list_img li {
	list-style: none;
  padding-left: 35px;
  padding-top: 5px;
}
.list_img2 li {
	list-style: none;
	padding-left: 38px;
	margin-left: -38px;
	background: url(https://shkolamoskva.ru/images/liarrow.png) no-repeat left top;
	background-size: 19px;
	background-position-y: .3rem;
}
.list_img3 li {
	list-style: none;
	padding-left: 30px;
	padding-top: 5px;
	background: url(https://shkolamoskva.ru/images/mental/li.png) no-repeat left top;
	background-size: 19px;
	background-position-y: 0.6rem;
}

.li-icon1 {
	background: url(https://shkolamoskva.ru/images/mental/icon1.svg) no-repeat
}

.li-icon2 {
	background: url(https://shkolamoskva.ru/images/mental/icon2.svg) no-repeat
}

.li-icon3 {
	background: url(https://shkolamoskva.ru/images/mental/icon3.svg) no-repeat
}

.li-icon1 a, .li-icon2 a, .li-icon3 a {
	text-decoration: none;
	color: #212529;
}
.li-icon1:hover a, .li-icon2:hover a, .li-icon3:hover a {
	text-decoration: underline;
	color: var(--frosty-sky1);
}



.dropdown-menu {
	z-index: 2000!important;
}	



.step {
	max-height: 550px;
	background-size: contain;
}

.father-orange {
	border: 1px solid var(--dark-orange);
	color: var(--dark-orange);
}

.shadow {
	box-shadow: 0 5px 5px rgb(0 0 0 / 30%)!important;
}

.h0 {
	font-size: 9rem;
	line-height: 8rem;
}

.h-750 {
		height: 250px;
}
.h-500 {
    height: 530px;
}
.h-250 {
    height: 250px;
}




.corner-box {
    position: relative;
    border: 2px solid black;
}
.corner-box:before, 
.corner-box:after {
    content: "";
    position: absolute;
    background: #FFF;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.corner-box:before {
    width: calc(100% + 4px);
    height: 80%;
}
.corner-box:after {
    height: calc(100% + 4px);
    width: 90%;
   
}
.corner-textbox {
    padding: 10px;
    z-index: 2;
    position: relative;
}

.button-link {
	font-size: 24px;
	color: white;
	border-radius: 24px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	max-width: 292px;
	line-height: 1;
    padding: 0.5rem;
}

.button-link:hover {
	color: white;
}
.menu_left {
	position: sticky;
	height: fit-content;
	top: 0;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
	filter: invert(1);
}
.carousel-control-prev {
    justify-content: start!important;
    margin-left: -40px;
    width: 3%;
}
.carousel-control-next {	
    justify-content: end!important; 
    margin-right: -40px;
    width: 3%;
}
.carousel-indicators {
	margin-bottom: -1rem!important;
}
.carousel-indicators button {
	background-color: #000!important;
	width: 10px!important;
	height: 10px!important;
	border-radius: 100%;
}
.carousel-control-next-icon {
	background-image: url(https://shkolamoskva.ru/images/mental/arrow_r.png);
	filter: none;
}
.carousel-control-prev-icon {
	background-image: url(https://shkolamoskva.ru/images/mental/arrow_l.png);
	filter: none;	
}

.modal-dialog {
	max-width: 900px;
	margin: 1.75rem auto;
}

.btn-close {
	background: url(https://shkolamoskva.ru/images/mental/close.png) no-repeat center center;
}

/* Prevent scroll on narrow devices */
/*
html,
body {
  overflow-x: hidden;
}
*/
@media (max-width: 1200px) {
	.sqd h4 {
		font-size: 1.3rem;
	}
	.sqd h2 {
		font-size: 1.7rem;
		line-height: 2rem;
	}
	h1.title {
		font-size: 5rem;
	}
}

@media (max-width: 991.98px) {
	.sqd h4 {
		font-size: 1rem;
	}
	.sqd h2 {
		font-size: 1.5rem;
		line-height: 1.7rem;
	}
	h1.title {
		font-size: 3rem;
	}
	.psycards h1.title {
		font-size: 3.5rem;
		line-height: 1;
	}
	
	.button-link {
		max-width: unset;
	}
	.menu_left {
		position: relative;
	}
}


@media (max-width: 767.98px) {
	.sqd h4 {
		font-size: 1rem;
	}
	.sqd h2 {
		font-size: 1.1rem;
		line-height: 1.2rem;
	}
	h1.title {
		font-size: 3rem;
	}	
	.border-bottom-1 {
		border-bottom: 1px solid #cccccc 
	}
	.button-link {
		max-width: unset;
	}
	.menu_left {
		position: relative;
	}
}
@media (max-width: 575.98px) {
	.sqd h4 {
		font-size: .8rem;
	}
	.sqd h2 {
		font-size: .9rem;
		line-height: 1rem;
		margin-bottom: .2rem;
	}
	h1.title {
		font-size: 3rem;
	}
	.dropdown-item {
		white-space: break-spaces;
	}
	.border-bottom-1 {
		border-bottom: 1px solid #cccccc 
	}
	.button-link {
		max-width: unset;
	}
	.menu_left {
		position: relative;
	}
}