/*
Theme Name:   afisha_moscow
Theme URI:    https://afisha.shkolamoskva.ru/
Description:  
Author:       Mediacenter
Author URI:   https://shkolamoskva.ru
Template:     blankslate
Version:      1.0.0
*/

	:root {
	--orange: #FF4004;
	--orange-50: rgba(238, 113, 91, 0.5);
	--orange-pastel: #EE715B;
	--pumpkin: #F77702;
	--peach: #fee7b8;
	--navy: #235BA3;
	--navy-50: rgba(33, 115, 156, 0.5);
	--teal: #1F96A2;
	--teal-50: rgba(31, 150, 162, 0.5);
	--teal-light: #C1FBFF;
	--violet: #36407B;
	--violet-50: rgba(54, 64, 123, 0.5);
	--blue-light: #4EC4DF;
	--blue-dark: #305083;
	--blue-frost: #B0DDFD;
	--gray-light: #f4f4f4;
	--blue-sea: #00BAD9;
	--blue-alice: #E7F5FE;
	--transport-blue: #015079;
	--gray: #F3F2F0;
	--pearl-grey: #9D9E9E;
	--steel: #BCCFDE;
    --agate: #A6B9A8;
    --periwinkle: #D3CDE3;
	--yellow: #F2AC1F;
	--white: #FFFFFF;
	--black: #000000;
	--blue: #2B3BDF;
	--blue-teal: #35B8C6;
	--brilliant: #59AFC6;
	--dark-orange: #E17A23;
	--dark-orange-mom: #F9AD82;
	--white-hover: #CFCFCF;
	--pink-mom: #FBBBC1;
	--pink-light: #ffe3ef;
	--wild-blue: #88B1E0;
	--blue-gray: #7092BA;
	--wild-blue: #88B1E0;
	--mauve: #F79CA5;
	--cobalt: #00549F;
	--moderate_purple: #442461;
	--dusty-blue: #93d2e4;
	--red-orange: #c81c1d;
	--orange-yellow: #EEAA2E;
	--black-sea: #3D6D9F;
	--herbal: #6DAD46;
	--herbal-light: #D6FBC0;
	--chocolate: #DF6B2B;


	/* Font Family */
	--global--font-primary: unset;
	--global--font-secondary: unset;

	/* Font Size */
	--global--font-size-base: unset;
	--global--font-size-xs: unset;
	--global--font-size-sm: unset;
	--global--font-size-md: unset;
	--global--font-size-lg: unset;
	--global--font-size-xl: unset;
	--global--font-size-xxl: unset;
	--global--font-size-xxxl: unset;
	--global--font-size-page-title: unset;
	--global--letter-spacing: unset;

	/* Line Height */
	--global--line-height-body: unset;
	--global--line-height-heading: unset;
	--global--line-height-page-title: unset;


}

@font-face {
    font-family: 'Roboto';
    src: url('assets/fonts/Roboto-Italic.eot');
    src: url('assets/fonts/Roboto-Italic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Roboto-Italic.woff2') format('woff2'),
        url('assets/fonts/Roboto-Italic.woff') format('woff'),
        url('assets/fonts/Roboto-Italic.svg#Roboto-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('assets/fonts/Roboto-BoldItalic.eot');
    src: url('assets/fonts/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Roboto-BoldItalic.woff2') format('woff2'),
        url('assets/fonts/Roboto-BoldItalic.woff') format('woff'),
        url('assets/fonts/Roboto-BoldItalic.svg#Roboto-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('assets/fonts/Roboto-Bold.eot');
    src: url('assets/fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Roboto-Bold.woff2') format('woff2'),
        url('assets/fonts/Roboto-Bold.woff') format('woff'),
        url('assets/fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('assets/fonts/Roboto-LightItalic.eot');
    src: url('assets/fonts/Roboto-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Roboto-LightItalic.woff2') format('woff2'),
        url('assets/fonts/Roboto-LightItalic.woff') format('woff'),
        url('assets/fonts/Roboto-LightItalic.svg#Roboto-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('assets/fonts/Roboto-Regular.eot');
    src: url('assets/fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Roboto-Regular.woff2') format('woff2'),
        url('assets/fonts/Roboto-Regular.woff') format('woff'),
        url('assets/fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('assets/fonts/Roboto-Light.eot');
    src: url('assets/fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Roboto-Light.woff2') format('woff2'),
        url('assets/fonts/Roboto-Light.woff') format('woff'),
        url('assets/fonts/Roboto-Light.svg#Roboto-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}




body{
	font-family: 'Roboto', sans-serif!important;
	/* line-height: 1.3; */
	background-color: var(--gray-light)!important;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	font-family: 'Roboto', sans-serif!important;
    letter-spacing: unset;
}
h1.als-sector-font, .h1.als-sector-font, h2.als-sector-font, .h2.als-sector-font, h3.als-sector-font, .h3.als-sector-font, h4.als-sector-font, .h4.als-sector-font, h5.als-sector-font, .h5.als-sector-font, h6.als-sector-font, .h6.als-sector-font {
	font-family: 'Conv_ALS Sector Bold'!important;
    letter-spacing: unset;
}


.font-weight-light, body .fw-lighter {
	font-weight: 300!important;
}

.bg_theme_winter {
	background: rgb(223,238,249);
	background: -moz-linear-gradient(0deg, rgba(223,238,249,1) 0%, rgba(108,181,229,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(223,238,249,1) 0%, rgba(108,181,229,1) 100%);
	background: linear-gradient(0deg, rgba(223,238,249,1) 0%, rgba(108,181,229,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfeef9',endColorstr='#6cb5e5',GradientType=1);
}

.bg_theme_winter .bg-gray-light {
    background-color: #6cb5e5;
}

body, html {
    height: 100%;
    letter-spacing: unset;
}

table td, table th, .wp-block-table td, .wp-block-table th {
    padding: inherit;
    border: inherit;
}
h2.h1 {
	font-size: 3.5rem;
	line-height: 1;
}
h5, h6 {
	font-weight: normal;
}
.font-weight-light {
	font-weight: 300;
}
.bline, .blinegray {
	background: url('/images/behind_line.png') repeat-x;
	background-position: center;
}
.bline h5, .bline .h5, .bline .h3 {
	background-color: var(--white);
	padding-left: 1rem;
	padding-right: 1rem;
	max-width: max-content;
	display: inline;
}

.blinegray h5, .blinegray .h5, .blinegray .h3 {
	background-color: var(--gray-light);
	padding-left: 1rem;
	padding-right: 1rem;
	max-width: max-content;
	display: inline;
	line-height: 1.15;
}

a {
	color: #305083;
}
.accordion-button {
	color: #212529!important;
	background-color: unset!important;
}


.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!important;
}
.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-pastel {
	background-color: var(--orange-pastel);
}
.bg-dark-orange {
	background-color: var(--dark-orange-mom);
}
.bg-pink {
	background-color: var(--pink-mom);
}
.bg-pink-light {
	background-color: var(--pink-light);
}
.bg-black-sea {
	background-color: var(--black-sea);
}
.bg-wild-blue {
	background-color: var(--wild-blue);
}
.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-teal-light {
	background-color: var(--teal-light);
}
.bg-blue {
	background-color: var(--blue);
}
.bg-blue-light {
	background-color: var(--blue-light);
}
.bg-dusty-blue {
    background-color: var(--dusty-blue);
}
.bg-blue-frost {
    background-color: var(--blue-frost);
    --bs-table-bg: var(--blue-frost);
}
.bg-gray {
	background-color: var(--gray);
}
.bg-gray-light {
	background-color: var(--gray-light);
}
.bg-yellow {
	background-color: var(--yellow);
}
.bg-brilliant {
    background-color: var(--brilliant);
}
.text-orange {
	color: var(--orange);
}
.text-dark-orange {
	color: var(--dark-orange);
}
.text-brilliant {
    color: var(--brilliant);
}
.text-blue-alice {
	color: var(--blue-alice);
}
.text-pearl-grey {
	color: var(--pearl-grey);
}
.text-blue-teal {
	color: var(--blue-teal);
}
.text-transport-blue {
	color: var(--transport-blue);
}
.bg-peach {
	background-color: var(--peach);
}
.bg-herbal-light {
	background-color: var(--herbal-light);
}
.bg-transport-blue {
    background-color: var(--transport-blue);
}
.bg-agate {
    background-color: var(--agate);
}
.bg-periwinkle {
    background-color: var(--periwinkle);
}
.text-violet {
	color: var(--violet);
}
.text-navy {
	color: var(--navy);
}
.text-blue-gray {
	color: var(--blue-gray);
}
.text-mauve {
	color: var(--mauve);
}
.text-wild-blue {
	color: var(--wild-blue);
}
.text-pink {
	color: var(--pink-mom);
}
.text-moderate_purple {
    color: var(--moderate_purple)!important;
}
.text-red-orange {
	color: var(--red-orange);
}
.text-orange-yellow {
	color: var(--orange-yellow);	
}
.text-cobalt {
	color: var(--cobalt);
}
.text-black-sea {
	color: var(--black-sea);
}
.text-herbal {
	color: var(--herbal);
}
.text-pumpkin {
	color: var(--pumpkin);
}
.text-chocolate {
	color: var(--chocolate);
}
.maxh-40 {
	max-height: 40px;
}
.maxh-20 {
	max-height: 20px;
}
.sqd a h2, .sqd a h4 {
	color: var(--black);
}

.h-25 {
	height: 25%;
}
.mh-6 {
	min-height: 6rem;
}
.maxh-60 {
	max-height: 60px;
}
.maxh-70 {
	max-height: 70px;
}
.btn {
	line-height: 1!important;
}
.btn-group-sm>.btn, .btn-sm {
	padding: .1rem .5rem!important;
	font-size: .8rem!important;
}
.btn-blue-dark {
    background-color: var(--blue-dark)!important;
    border-color: black;
}
.bg-white-button {
	background-color: var(--white)!important;
	color: var(--black)!important;
	border-color: var(--black)!important;
	border-radius: 0!important;
}
.bg-white-button:hover {
	background-color: var(--white-hover)!important;
	color: var(--black)!important;
	border-color: var(--black)!important;
}
.position-relative .position-absolute {
	top: 50%;
	transform: translateY(-50%);
}

.pagination, .comments-pagination {
	border-top: none;
}
.tag-cloud-link {
	color: #212529;
	display: inline-block;
	font-weight: 400;
	line-height: 1.5;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	background-color: transparent;
	border: 1px solid #212529;
	padding: .375rem .75rem;
	font-size: 1rem;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	padding: .1rem .5rem!important;
	border-radius: 0!important;
	margin-bottom: .5rem!important;
	margin-right: .5rem!important;
}
.tag-cloud-link:hover, .tag-cloud-link:focus, .tag-cloud-link:active {
	color: #fff;
    background-color: #212529;
    border-color: #212529;
}
.border-blue-sea {
	border: 3px solid var(--blue-sea);
}
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;
}*/
.navbar-toggler {
	background: unset!important;
}
.list_img1 {
	padding-left: 40px;
}
.list_img li {
	list-style: none;
	padding-left: 38px;
}
.list_img1 li, .predprofpertners ul li {
	list-style: none;
	padding-left: 38px;
	margin-left: -38px;
	background: url(/images/li.png) no-repeat left top;
	background-size: 19px;
	background-position-y: .3rem;
}
.list_img2 li {
	list-style: none;
	padding-left: 38px;
	margin-left: -38px;
	background: url(/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(/images/li.png) no-repeat left top;
	background-size: 19px;
	background-position-y: 0.6rem;
}

.list_img4 li {
    list-style: none;
    padding-left: 45px;
    margin-left: -36px;
    background: url(/images/li2.svg) no-repeat left top;
    background-size: 19px;
    background-position-y: 0.3rem;
}
.list_img5 li {
    list-style: none;
    padding-left: 45px;
    margin-left: -36px;
    background: url(/images/arctic/li5.svg) no-repeat left top;
    background-size: 19px;
    background-position-y: 0.3rem;
}
.list_img6 li {
    list-style: none;
    padding-left: 30px;
    margin-left: -32px;
    background: url(/images/li6.svg) no-repeat left top;
    background-size: 19px;
    background-position-y: 0.4rem;
}
.list_img7 li {
    list-style: none;
    padding-left: 45px;
    margin-left: -36px;
    background: url(/images/li7.svg) no-repeat left top;
    background-size: 12px;
    background-position-y: 0.3rem;
}

.li-icon1 {
	background: url(/images/reading/icon1.png) no-repeat;
	padding-bottom: .8rem;
}
.li-icon1tg {
	background: url(/images/icontg.svg) no-repeat;
	padding-bottom: .8rem;
	background-size: 32px;
}
.list_img1 .li-icon1tg {
    background: url(/images/icontg.svg) no-repeat;
    padding-bottom: 0.8rem;
    background-size: 48px;
    padding-left: 70px;
}

.li-icon4 {
	background: url(/images/li-green.svg) no-repeat;
	padding-bottom: .8rem;
}

.li-icon5 {
	background: url(/images/arctic/li-blue.svg) no-repeat;
	padding-bottom: .8rem;
}
.li-icon6 {
	background: url(/images/checkbox.svg) no-repeat;
	padding-bottom: .8rem;
}
.list-square li {
	background: url(/images/li-square.svg) no-repeat;
	list-style: none;
    padding-left: 20px;
    margin-left: -32px;
    background-size: 12px;
    background-position-y: 0.4rem;
}
.li-mic {
	list-style: none;
	background: url(/images/podcasts/li-mic.svg) no-repeat!important;
	padding-left: 52px;
}

ol li {
	padding-bottom: 2rem;
}
ol li ul li{
	padding-bottom: inherit;
}

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

.wp-block-quote {
	background: var(--gray-light);
	padding: 1.5rem 2rem;
	border-left: unset;

}
.wp-block-quote:before {
	content: ''!important;
}
.wp-block-quote p {
	font-weight: unset;
	line-height: unset;
}

.to_top {
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: 5030;
}
.news img{
	max-width: 100%!important;
    height: auto!important;
}

input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], .site textarea {
	border: 1px solid #ced4da;
	border-radius: 0;
	color: #212529;
	line-height: 1.5;
	padding: unset;
	margin: unset;
	max-width: 100%;
	    padding: .375rem .75rem!important;
}
input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=date]:focus, input[type=month]:focus, input[type=week]:focus, input[type=time]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=color]:focus, .site textarea:focus {
    outline: unset;
}
input[type=checkbox], input[type=radio] {
	border: 1px solid #ced4da;
}
input[type=radio]:focus {
    outline: unset;
}

input[type=radio]:checked:focus {
	border-color: transparent;
    outline: unset;
}

input[type=checkbox]:focus {
    outline: unset;
}
@font-face {
  font-family: 'icomoon';
  src:  url('assets/fonts/icomoon.eot?iar4p4');
  src:  url('assets/fonts/icomoon.eot?iar4p4#iefix') format('embedded-opentype'),
    url('assets/fonts/icomoon.ttf?iar4p4') format('truetype'),
    url('assets/fonts/icomoon.woff?iar4p4') format('woff'),
    url('assets/fonts/icomoon.svg?iar4p4#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 1.2rem;
  color: #333333;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^="icon-"]:hover, [class*=" icon-"]:hover {
	color: #000000;
}
.soc a {
	text-decoration: none!important;
}

.icon-facebook:before {
  content: "\ea90";
}
.icon-facebook1:before {
  content: "\ea91";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-youtube:before {
  content: "\ea9d";
}
.icon-vk:before {
  content: "\f189";
}
.icon-telegram:before {
  content: "\e900";
}
.icon-vk1:before {
  content: "\ea98";
}
.site .button:not(:hover):not(:active):not(.has-background), button:not(:hover):not(:active):not(.has-background), input[type=submit]:not(:hover):not(:active):not(.has-background), input[type=reset]:not(:hover):not(:active):not(.has-background), .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background), .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background), .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background) {
    background-color: unset;
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
	filter: invert(1);
}
.carousel-control-prev {
    justify-content: start!important;
}
.carousel-control-next {	
    justify-content: end!important; 
}
.carousel-indicators {
	margin-bottom: -1rem!important;
}
.carousel-indicators button {
	background-color: #000!important;
	width: 10px!important;
	height: 10px!important;
	border-radius: 100%;
}

.accordion-blue {
	border: 0;
	margin-bottom: 10px;
}

.accordion-blue .accordion-button {
	padding: 0 20px 0 0;	
	background-color: var(--white)!important;
	border-bottom: dashed 2px var(--black-sea);
	box-shadow: unset;
}

.accordion-blue .collapsed {
	background-color: var(--blue-alice)!important;
	border: 0;
}
.accordion-blue .show {
	background-color: var(--white);
}

.accordion-blue .accordion-button::after {
    content: "\f067";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    background-image: unset;
    color: var(--black-sea);
}

.accordion-blue .accordion-button:not(.collapsed)::after {
    content: "\f068";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    background-image: unset;
    color: var(--black-sea);
}

.baloon1, .baloon2, .baloon3 {
	border: solid 2px #000000;
    border-radius: 2rem;
    padding: 2rem;
}

.baloon1:before {
    display: block;
    content: '';
    background-image: url(/images/nauka/triangle1.svg);
    background-size: 54px 48px;
    height: 48px;
    width: 54px;
    position: absolute;
    left: 0;
    bottom: 0;
    margin-left: -52px;
    margin-bottom: 64px;
}

.baloon2:before {
	display: block;
    content: '';
    background-image: url(/images/nauka/triangle3.svg);
    background-size: 54px 48px;
    height: 48px;
    width: 54px;
    position: absolute;
    right: 0;
    bottom: 0;
    margin-bottom: 120px;
    margin-right: -52px;
}

.baloon3:before {
	display: block;
    content: '';
    background-image: url(/images/nauka/triangle4.svg);
    background-size: 22px 62px;
    height: 62px;
    width: 22px;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 40px;
    margin-left: -20px;
}

.green-menu {
	font-size: 1rem;
	line-height: 1rem;
/*	padding-right: 0.25rem!important;
    padding-left: 0.25rem!important;
    padding-top: 0!important;
    padding-bottom: 0!important;
    height: 100%!important;
    flex-direction: column;
    display: flex;*/
}

.green-button {
	border: 3px solid var(--herbal);
	color: var(--herbal);
}
.green-button:hover {
	background-color: #65A140;
	border-color: #65A140;
}
.blue-button {
	border: 3px solid var(--black-sea)!important;
    color: var(--black-sea)!important;
    width: 100%;
    line-height: 1;
    padding: 0.7rem!important;
}
.blue-button:hover {
    background-color: var(--black-sea)!important;
    color: var(--white)!important;
    line-height: 1;
    padding: 0.7rem!important;
}
.blue-teal-button {
	border: 3px solid var(--white)!important;
	background-color: var(--blue-teal);
}
.blue-teal-button:hover {
	background-color: #32ADBA;
}
.blue-teal-button:visited {
	background-color: #32ADBA;	
}
.blue-teal-menu {
	background: url(/images/podcasts/white-triangle.svg) center right no-repeat; background-color: var(--blue-teal); text-shadow: 2px 1px 2px var(--blue-teal);
}
.blue-teal-menu-s {
	background: url(/images/podcasts/menu-triangle.svg) center right no-repeat; background-color: var(--blue-teal); text-shadow: 2px 1px 2px var(--blue-teal);
}
.dashed-line {
    border-bottom: dashed 2px var(--black-sea);
}
.brilliant-button {
    border: 3px solid var(--brilliant)!important;
    color: var(--brilliant)!important;
    width: 100%;
}
.brilliant-button:hover {
	background-color: var(--brilliant)!important;
	color: var(--white)!important;
}
.orange-button {
	border: 2px solid #F77702!important;
	color: #F77702!important;
	width: 100%;
}
.orange-button:hover {
	background-color: #F77702!important;
	color: white!important;
}

.transport-blue-button {
	border: 3px solid var(--transport-blue)!important;
	color: var(--transport-blue)!important;
	width: 100%;
}

.transport-blue-button:hover {
	background-color: var(--transport-blue)!important;
	color: var(--white)!important;
}

.green-frame {
	border: 3px solid var(--herbal);
}

.modal-dialog-width {
	max-width:  90%;
}




.carouseld .slick-dots li button:before {
	font-size: 16px;
}


.carouseld .prev-slider  {
	left: 60px;
	background:	url('/images/arctic/arrow_l.svg') 0 0 / 100% no-repeat;
}

.carouseld .next-slider {
	right: 60px;
	background:	url('/images/arctic/arrow_r.svg') 0 0 / 100% no-repeat;
}
.carouseld .slick-arrow {
	position: absolute;
	top: 50%;
	z-index: 10;
	width: 40px;
	height: 40px;
	margin: 0 -50px;
}

.paginator {
	margin: 0;
}

.paginator .page-link {
	border: 0!important;
    color: var(--pearl-grey);
}

.video-gallery .prev-slider, .family-2 .prev-slider, .carousel-img .prev-slider {
	left: 0;
	background:	url('/images/arrow_l.svg') 0 0 / 100% no-repeat;
}

.video-gallery .next-slider, .family-2 .next-slider, .carousel-img .next-slider {
	right: 0;
	background:	url('/images/arrow_r.svg') 0 0 / 100% no-repeat;
}

.video-gallery {
	position: relative;
}

.video-gallery .slick-arrow, .family-2 .slick-arrow {
	position: absolute;
	top: 50%;
	z-index: 10;
	width: 40px;
	height: 40px;
	margin: 0 -50px;
}

.video-gallery .slick-dots li button:before {
/*	font-size: 26px; */
}
.carousel-img img {
	display: unset!important;
}

.form-check-large .form-check-input[type=checkbox]{
	border-radius: 0;
}

.form-check-large input[type=checkbox] {
	border: 2px solid var(--black);
}

.form-check-large .form-check-input {
	width: 100%;
}

.form-check-large .form-check-input:checked[type=checkbox] {
    background-image: url(/images/checkbox.svg);
}

.form-check-large .form-check-input:checked {
    background-color: var(--white);
    border-color: var(--black);
}

.blue-close .btn-close {
	background: transparent url(/images/close.svg) center/1em auto no-repeat!important;
}

.scene {
	height: 380px!important;
	perspective: 800px;
}

.card-main {
	width: 100%;
	height: 100%;
	position: relative;
	transition: transform 1s;
	transform-style: preserve-3d;
}

.card__face {
	position: absolute;
	height: 100%;
	width: 100%;
	backface-visibility: hidden;
}

.card__face--back {
	transform: rotateY(180deg);
}

.card-main.is-flipped {
	transform: rotateY(180deg);
}



.accordionum .accordion-button {
	margin-bottom: 0.5rem;
}

.accordionum .accordion-button:not(.collapsed) {
	background-color: #EAF1D4!important;
	box-shadow: unset!important;
	padding: 10px 17px 10px 20px!important;
	color: black!important;
	border-radius: 0!important;
	margin-bottom: 0rem;
}
.accordionum .accordion-button:focus {
    z-index: 3;
    border-color: unset!important;
    outline: 0;
    box-shadow: unset!important;
}

.accordionum .accordion-button.collapsed {
	padding: 10px 20px!important;
}

.accordionum .accordion-item {
    background-color: #EAF1D4;
    border: 0;
    padding-top: 0rem!important;
}

.accordionum .accordion-button:not(.collapsed)::after {
	content: url(/images/plus.svg);
    background-image: unset;
    height: 36px;
    width: 36px;
   	transform: rotate(-44deg);
	margin-right: 3px;
}

.accordionum .accordion-button::after {
	content: url(/images/plus.svg);
    background-image: unset;
    height: 36px;
    width: 36px;
}

.accordionum .accordion-body {
    background-color: #F4F4F4;
    margin-bottom: 0.5rem;
}

.accordionum .full-radius:not(.collapsed) {
	background-color: white!important;
	box-shadow: unset!important;
	padding: 10px 20px!important;
	color: #3F6FD1!important;
	border-radius: 30px 30px 0 0 !important;
}


.qsm-inline-correct-info b {
	display: none!important;
}
.quiz_section .qsm-inline-correct-info {
    margin-bottom: 0!important;
    margin-top: unset!important;
    padding: 1rem!important;
}
.quick-question-res-p {
    margin: 1rem 1rem 0 1rem!important;
    width: -webkit-fill-available;
}

/* Prevent scroll on narrow devices */
/*
html,
body {
  overflow-x: hidden;
}
*/
@media (min-width: 1700px) {
	.container {
		max-width: 1320px!important;
	}
	.container10col .container {
		max-width: 1320px!important;
	}
}

@media (max-width: 1700px) {
	.container {
		max-width: 1140px!important;
	}
	.container10col .container {
		max-width: 1320px!important;
	}
}
@media (max-width: 1400px) {
	.container {
		max-width: 1140px!important;
	}
	.container10col .container {
		max-width: 1140px!important;
	}
}
@media (max-width: 1200px) {
	.sqd h4 {
		font-size: 1.3rem;
	}
	.sqd h2 {
		font-size: 1.7rem;
		line-height: 2rem;
	}
	h2.h1 {
		font-size: 2.3rem;
		line-height: 1;
	}
}

@media (max-width: 991.98px) {
	.sqd h4 {
		font-size: 1rem;
	}
	.sqd h2 {
		font-size: 1.5rem;
		line-height: 1.7rem;
	}
	h2.h1 {
		font-size: 2.3rem;
		line-height: 1;
	}
	.rotate {
		

		transform-origin: 0;
		transform: none;
		/* Legacy vendor prefixes that you probably don't need... */
		/* Safari */
		-webkit-transform: unset;
		/* Firefox */
		-moz-transform: unset;
		/* IE */
		-ms-transform: unset;
		/* Opera */
		-o-transform: unset;
		/* Internet Explorer */
		filter: unset;

		bottom: unset;
		position: unset;
		right: unset;
		min-width: unset;
	}
	.offcanvas-collapse {
		position: relative;
		top: 0; /* Height of navbar */
		bottom: 0;
		left: 100%;
		width: 100%;
		padding-right: 1rem;
		padding-left: 1rem;
		overflow-y: auto;
		visibility: hidden;
		background-color: var(--white);
		transition: transform .3s ease-in-out, visibility .3s ease-in-out;
		z-index: 1000;
		display: none;
	}
	.offcanvas-collapse.open, .navbar-collapse.open {
		visibility: visible;
		transform: translateX(-100%);
		display: block;
	}
	.position-relative .position-absolute {
		top: unset;
		transform: unset;
		position: unset!important;
	}
	.modal-dialog {
		max-width: 760px!important;
	}
	.quick-question-res-p {
		order: 2!important;
	}
	.qsm-inline-correct-info {
		order: 3!important;
	}
	.qsm-inline-correct-info p {
		margin-bottom: 0!important;
	}
	.maxh-40 {
		max-height: 35px;
	}
	
}


@media (min-width: 576px) and ( max-width: 767.98px) {
	.sqd h4 {
		font-size: 1rem;
	}
	.sqd h2 {
		font-size: 1.1rem;
		line-height: 1.2rem;
	}
	h2.h1 {
		font-size: 2.3rem;
		line-height: 1;
	}
	.maxh-40 {
		max-height: 40px;
	}
	.carousel-control-prev, .carousel-control-next {
    	align-items: start!important;
	}
	.baloon1:before,
	.baloon2:before,
	.baloon3:before {
		display: block;
		content: '';
		background-image: url(/images/nauka/triangle2.svg);
		background-size: 20px 20px;
		height: 20px;
		width: 20px;
		position: absolute;
		right: 0;
		top: 0;
		left: 0;
		margin-left: 5rem;
		margin-top: -18px;
	}
	.modal-dialog {
		max-width: 570px!important;
	}
	.quick-question-res-p {
		order: 2!important;
	}
	.qsm-inline-correct-info {
		order: 3!important;
	}
	.qsm-inline-correct-info p {
		margin-bottom: 0!important;
	}
	
}
@media (max-width: 575.98px) {
	.sqd h4 {
		font-size: .8rem;
	}
	.sqd h2 {
		font-size: .9rem;
		line-height: 1rem;
		margin-bottom: .2rem;
	}
	h2.h1 {
		font-size: 1.5rem;
		line-height: 1;
	}
	.dropdown-item {
		white-space: break-spaces;
	}
	.maxh-40 {
		max-height: 30px;
	}
	.carousel-control-prev, .carousel-control-next {
    	align-items: start!important;
	}
	.baloon1:before,
	.baloon2:before,
	.baloon3:before {
		display: block;
		content: '';
		background-image: url(/images/nauka/triangle2.svg);
		background-size: 20px 20px;
		height: 20px;
		width: 20px;
		position: absolute;
		right: 0;
		top: 0;
		left: 0;
		margin-left: 5rem;
		margin-top: -18px;
	}
	.quick-question-res-p {
		order: 2!important;
	}
	.qsm-inline-correct-info {
		order: 3!important;
	}
	.qsm-inline-correct-info p {
		margin-bottom: 0!important;
	}
}