body,html,a,p,h1,h2,h3,div,ul,ol,li,span {font-family:'Roboto',sans-serif} 
body,html,a,p,h2,h3,div,span{margin:0;padding:0}ul,ol,li{margin:0}a{color:#0a67a3;text-decoration:none}.more ul,.tabs li,nav ul{list-style:none}

#content {display:none}
#captcha {display:none;position:relative;width:30vw;min-width:350px;height:100%;flex-direction:column;justify-content:space-between;align-items:center;margin:0 auto;padding-bottom:1vh;top:35vh;border:2px solid #4f73fa;border-radius:0.5vw;box-shadow:0px 0px 8px 2px rgba(0, 0, 0, 0.2);}
#CaptchaInputs {display:flex;justify-content:space-around}
#CaptchaEnter {width:40%;height:calc(2.25rem + 2px);padding:0.375rem 0.75rem;font-family:inherit;font-size:24px;font-weight: 400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border:1px solid #bdbdbd;border-radius:0.25rem;transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out}
#CaptchaTitle {width:100%;padding:1vh 0;color:#fff;text-align:center;font-size:24px;font-weight:bold;background:#4f73fa}
#CaptchaBtn {cursor:pointer}
#captcha p {padding:0 1vw;color:#666;font-size:16px}
#captcha a:hover {color:#eb6d4a}
#randomfield {width:40%;height:calc(2.25rem + 2px);padding:0.375rem 0.75rem;color:#000;text-align:center;font-size:24px;font-family:inherit;border:1px solid #bdbdbd;border-radius:0.25rem;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select: none;user-select:none;background-image:url('/sm_full.aspx?guid=191423')}

.flex{display:flex;width:100%}.side_menu a,.tabs a{text-decoration:none} 
body{background:#fff;top:0!important;overflow-x:hidden}q{quotes:"\00ab" "\00bb"}

.news_block{display:flex;justify-content:space-around}#school_news .news_box{margin-top:15px;width:15%}#school_news .news_box .date{font-size:1.2em;color:#0a67a3;margin-bottom:15px}#school_news .news_box .news_item p{margin:0 0 15px}#school_news .news_box .news_item a{color:#1580b5;font-size:1.1em;text-decoration:underline}#school_news .news_box .news_item a:hover, #main_content_full a:hover, #specialButton:hover, .spoiler summary:hover, #rss .box a:hover{color:#eb6d4a}#main_content_full .education__source:hover, #main_content_full .education__source > a:hover{color:black}#school_news .archive{margin:10px 0 30px;padding:11px;display:inline;float:right;width:15vw;background-color:#4f73fa}#RSS_container,#newsEducation{background-color:#fff;display:block;width:100%; margin:0 auto}#school_news .archive a{color:#fff}#news{background-color:#fff;display:block;margin:0 auto;padding:0;color:#111}#news h2,.tabs a{color:#fff;text-align:center}#news h2{display:block;padding:1.5vh 0;width:100%;font-size:2em;margin:0;background-color:#4f73fa}

.tabs li{width:33%;display:inline;float:left;height:auto;text-align:center}
.tabs a{padding:2%;cursor:pointer;font-size:1.2vw;width:100%;height:auto}
.tabs .tab1{margin:0;float:left}
.tabs .tab2{margin:0;float:left}
.tabs .tab3{margin:0;float:right}
.tabs .tab1 .tab-current,.tabs .tab2 .tab-current,.tabs .tab3 .tab-current{background:#fff; color:#1580b5;padding:0.8vw;}
#row1,#row3{height:125px}
.tabsContent{padding:0}
.tabs{width:100%;padding:0;display:flex;justify-content:space-between;align-items:center;background:#436afc;}
#rss{display:block}
#rss .box{margin:25px 14px 55px 22px;display:inline;float:left;width:164px}
#rss .box a{color:#1580b5;font-size:1.1em;text-decoration:underline}#rss .box p{margin:0 0 15px}
#rss .news_date{font-size:1.2em;color:#0a67a3;margin-bottom:15px}

#innerpage_container{margin:0 auto;display:block;width:80%;padding:0;line-height:1.6em;background:#fff;box-shadow: 0 5px 15px 1px rgba(0,0,0,.25);min-height:300px;font-size:1.1em}.innerpage_container--general{margin-top:5vh !important}#innerpage_container #map table tbody td,#list0a{padding-left:20px}#innerpage_container #map table{border:none}#innerpage_container #map table thead th,table tbody td{border-collapse:collapse}#inner_header{width:100%}#inner_header h1{display:block;padding:0;width:100%;font-size:1.6em;margin:4px 0 10px;line-height:1.5;text-transform:uppercase;text-align:left}#inner_header a{color:#0a67a3;margin:5px}#breadcrumb{margin:0 0 20px;display:block;width:100%;padding:0;font-size:.9em}#breadcrumb a{text-decoration:underline}#main_content_full,#main_content_fullpage,#main_page_container,.side_menu a{font-size:1em;display:block}#main_content_full{display:flex;flex-direction:column;width:80%;margin-top:5.5vh;padding:0 5% 0 1%}#main_page_container{margin:0 auto;width:100%}#main_content_full a,#main_content_fullpage a{margin:0}#main_content_fullpage a:hover,#news a:hover,.side_menu a:hover{color:#f5422b}#main_content_fullpage{float:left;width:944px;margin:30px 00px 50px}.side_menu{height:auto;margin-top:5.5vh;width:20%}.side_menu a{font-size:1vw;color:#0a67a3;padding:4% 0;margin:0;border-bottom:1px #ccc solid;width:95%;line-height:1.3}#sel{background-color:#ffe9ae}#footer{width:100%;height:20%;display:flex;justify-content:space-between;margin-top:3vh;background-color:#436afc;box-shadow:0 0 8px rgba(0,0,0,.3)}#footer .footer_map{width:70%}.more ul li a,nav a{text-decoration:none}#footer #reestr,#footer p{font-size:0.8vw;padding:0;color:#fff}#footer #footer_admin{text-align:left}#footer_adress{text-align:right;width:30%;margin:1vh 0;padding-right:1vw;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}#footer p{line-height:1.3;margin:0}#footer #reestr{line-height:1.2;margin:6px 0 0}#footer h3{margin:0.7vw 0 1vw;font-size:1.1vw;line-height: 1.4vw;}#footer_admin{width:230px;float:left;margin:25px 0 0 40px;color:#fff}#footer_admin p{font-size:1em;margin:0 0 12px;padding:0}#header{width:100%}#main_logo{height:280px;z-index:1}#main_menu{font-size:16px}#top_table{width:100%;min-width:1320px;height:300px}#row1{vertical-align:bottom}#row2{height:50px}#row3{vertical-align:top}#hdtm{width:100%;height:60px;text-align:center}#hdtm td{width:50%}

#slider{height:550px;z-index:1;margin:10px auto;width:1000px;padding:0;background:url(/sm.aspx?guid=4423) center no-repeat}
#slider .ui-tabs-panel{margin:0 auto;position:absolute;top:22px;left:25px;width:952px;overflow:hidden;height:328px}
#slider ul.ui-tabs-nav{background:url(/sm.aspx?guid=4433) bottom center no-repeat;position:relative;top:210px;left:0;list-style:none;padding:0;display:block;width:1000px;z-index:500;margin:0;height:347px}
#slider ul.ui-tabs-nav li{padding:0;display:block;height:220px;float:left}
#slider ul.ui-tabs-nav li.one{margin:100px 20px 0 9px}
#slider ul.ui-tabs-nav li.two{margin:100px 20px 0 21px}
#slider ul.ui-tabs-nav li.three{margin:100px 20px 0 22px}
#slider ul.ui-tabs-nav li.four{margin:100px 0 0 19px}
#slider ul.ui-tabs-nav li p{vertical-align:middle;text-align:center;height:38px;margin:8px 0 0;padding:0;font-size:.75em;font-weight:700}
#slider li.ui-tabs-nav-item{display:block;color:#fff;margin-top:18px;font-size:16pt;height:220px}
#slider li.ui-tabs-nav-item a{display:block;color:#fff;margin-top:0;font-size:1.1em;height:220px}
#slider li.ui-tabs-nav-item a:hover,#slider ul.ui-tabs-nav li.ui-tabs-selected a{color:#fff;text-decoration:none}
#slider .ui-tabs-hide{display:none}
#slider .button{display:block;float:left;width:215px;background-color:#e4504f;height:38px;margin-top:180px;padding:0;box-shadow:0 3px 4px rgba(0,0,0,.25)}
#slider .button.one{background-color:#369fab}
#slider .button.two{background-color:#fd6d4a}
#slider .button.three{background-color:#87ad23}
#slider .button.four{background-color:#e5a802}
#slider .ui-tabs-panel .info{position:absolute;float:left;margin:30px 0 0;top:0;left:0;text-align:left;color:#fff;box-shadow:0 0 6px rgba(0,0,0,.3);width:350px}
#slider .ui-tabs-panel .info.one{background:rgba(4,146,162,.85)}#slider .ui-tabs-panel .info.two{background:rgba(253,92,53,.85)}
#slider .ui-tabs-panel .info.three{background:rgba(135,173,35,.85)}
#slider .ui-tabs-panel .info.four{background:rgba(229,168,2,.85)}
#slider .info h1{font-size:1.6em;margin:0;padding:19px;border-bottom:1px #fff solid}
#slider .info h2{font-size:1.3em;margin:0;padding:19px;line-height:16pt}

nav a{display:block}nav ul{margin:0;padding:0;float:left}@media screen and (max-width:1366px){body{margin:0 auto}}.more ul{list-style:none;font-size:13px;font-weight:700;height:30px;margin:0 0 30px;padding:20px 0 10px 20px;text-transform:uppercase;width:90%}.more ul li{float:left;margin:5px 3px}.more ul li.selected a,.more ul li.selected a:hover{background:#c2c2c2;border-radius:5px;color:#444;text-shadow:none}.more ul li a{color:#bebebe;padding:3px 6px;text-shadow:1px 1px 1px #000;text-decoration:none}.more ul li a:hover{color:#fff}#goog-gt-tt{display:none!important}.goog-te-banner-frame{display:none!important}.goog-te-menu-value:hover{text-decoration:none!important}#google_translate_element2{display:none!important}.lang a{padding:0.1vw;margin-left:0.3vw;border-radius:5px}@-webkit-keyframes scroll{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(-100%,0);transform:translate(-100%,0)}}@-moz-keyframes scroll{0%{-moz-transform:translate(0,0);transform:translate(0,0)}100%{-moz-transform:translate(-100%,0);transform:translate(-100%,0)}}@keyframes scroll{0%{transform:translate(0,0)}100%{transform:translate(-100%,0)}}.runline{padding-bottom: 1vh;;display:block;font-size:2.5vw;width:100%;white-space:nowrap;overflow:hidden;color:#0a67a3} .runline span{display:inline-block;padding-left:100%;-webkit-animation:scroll 5s infinite linear;-moz-animation:scroll 5s infinite linear;animation:scroll 5s infinite linear}.cursor{cursor:pointer}h1{line-height:1.1;font-size:36px;color:#0a67a3;margin:1% 0}

.table_all{width:100%;border-collapse:separate;border-spacing:4px}
.table_all-small{font-size:0.75em;line-height:1.25em}
.table_all thead tr{color:#fff;font-weight:700}
.table_all thead tr td{padding:8px;text-align:center;border-radius:4px 4px 0 0;background:#2e82c3}
.table_all tbody tr td{border:1px solid #2e82c3;border-radius:4px;background:#cbdfef;padding:8px}
.table_all tbody tr td:hover{background:#a2c3dd;transition-duration:.2s}details summary::-webkit-details-marker{display:none}

details:focus{outline:0}
details,summary{display:block}
.tourism{width:100%;border-collapse:collapse;font-size:13px;margin:15px 0}

.ya-site-form__input-text {background:#4f73fa;border:1px solid #eaeaea !important;border-radius:0.2vw 0 0 0.2vw !important;height:4vh;font-size:0.9vw !important; color:#f3f3f3!important;position:relative;z-index:20}

.tabsVertical{width:100%;display:flex;justify-content:space-between}
.tabsVertical__menu{width:20%;height:100%;display:flex;flex-direction:column}
.tabsVertical__menu-active{color:red !important}
.tabsVertical__menu button{border:none;padding:0.5vw;background:none;text-decoration:none;text-align:center;font-size:1.2em;color:#0a67a3;cursor:pointer}
.tabsVertical__menu button:hover{color: #f5422b;text-decoration:underline}
.tabsVertical__content{width:79%;}
.tabsVertical__contentSection-hide{display:none}

@keyframes spoiler{0%{max-height:0}100%{max-height:100vw}}
.spoiler{border:1px solid #e0e0e0;padding:0 1em}
.spoiler details{padding:1em 0;cursor:pointer}
.spoiler details+details{border-top:1px solid #e0e0e0}
.spoiler summary{color:#0a67a3}
.spoiler details div{overflow:hidden;padding-top:0.5em;cursor:pointer}
.spoiler details[open] div{animation:spoiler 1s}
.spoiler summary:before{font-family:FontAwesome;content:"\f054";padding-right:1%}
.spoiler details[open]>summary:before{font-family:FontAwesome;content:"\f078";padding-right:1%}
.spoiler_link{display:block}.f-nav{z-index:9999;position:fixed;left:10%;top:0;width:16%; background:#fff}
.spoiler_fake {border:1px solid #e0e0e0;padding:1em}

.social-icons a {border:none}
.tel_number {color:#fff}

.main_menu__wrapper{align-items:center}
.main_menu__logo{padding:0.5vw;width:15%}
.main_menu__logo-img{width:100%;margin-left:5%}
.main_menu__title{width:60%;border:none;text-align:center;color:#00244f;font-size:2vw;font-weight:100}
.main_menu__subtitle{color:#00244f;font-size:1.2vw;font-weight:100}
.main_menu {width:100%;display:flex;justify-content:space-around}
.main_menu > ul {display:block;list-style:none;padding:0}
.main_menu .level_1,.main_menu .main_menu-socialmedia {position:absolute;width:14vw;background-color:#fff;z-index:9999; transform:scaleY(0);transform-origin:0 0;transition:.5s ease-in-out;opacity:0;padding:0 0.5vw;display:flex;justify-content:space-between;flex-direction:column}
.main_menu .level_0 li, .main_menu > ul:last-child > li {padding:1vw 0.2vw}
.main_menu .level_0 .level_1 li, .main_menu-socialmedia li {#0a67a3;padding:0.3vw 0;list-style-type:none}
.main_menu ul li {float:left;text-transform:uppercase;font-size:1vw}
.main_menu > ul > li {border-top: 0.4vw solid;white-space:nowrap}
.main_menu p {text-align:center;color:#0a67a3;margin-top:-0.5vw}
.main_menu .level_1 li {white-space:normal}
.main_menu .level_1 li a {text-align:left;background:#fff;font-size:0.7vw}
.main_menu ul li:nth-child(1),.main_menu ul li:nth-child(5) {border-color:#4E87E2}
.main_menu ul li:nth-child(2),.main_menu ul li:nth-child(6){border-color:#6D54E5}
.main_menu ul li:nth-child(3),.main_menu ul li:nth-child(7) {border-color:#3EE0C5}
.main_menu ul li:nth-child(4) {border-color:#FFBC47}
.main_menu > ul > li > a {color:#0a67a3;padding:0 0.5vw;border-right:0.1vw solid #D7D7D7}
.main_menu ul li a:hover, .main_menu p:hover{color:#d5b45b;cursor:pointer}
.main_menu ul:first-child li:last-child a,.main_menu ul:last-child li a {border-right:none;padding:0}
.main_menu .level_0 > li:hover .level_1, .main_menu-right > li:hover .main_menu-socialmedia{opacity:1;transform:scaleY(1)}
.main_menu .main_menu-socialmedia {width:8vw}
.main_menu-right .fa-eye {font-size:1.5vw;margin-top:-0.5vh}
.main_menu .main_menu-search {width:15%;margin-top:-2.5%}
.main_menu .banner:hover {transform:scale(1.3)}

.owl-carousel .item {height:60px}
.banners {padding:2vh 0;margin:0 auto;max-width:99%}

.banner{height:6.5vh;transition:transform 0.25s}
.method-wrapper{display:flex;flex-wrap:wrap;justify-content:center}
.method-items{padding:3% 1%;display:flex;flex-direction:column}
.method-items img{height:120px}
.method-items a{text-align:center;font-weight:bold}

.document_horizontal {width:80%;overflow-y:auto;margin:0 auto}
.document_horizontal>div {padding-bottom:65%}
.document_vertical {width:50%;overflow-y:auto;margin:0 auto 5% auto;}
.document_vertical-double {width:100%;overflow-y:visible}
.documents {display:flex;align-items:flex-start;justify-content:space-around}
.documents > div:first-child {width:30%;overflow-y:auto;}
.documents > div:last-child {width:60%}
.documents > div:first-child p {cursor:pointer;font-size:1.3vw;line-height:2.5vh;color:#35a8e0; padding:2% 0}
.documents > div:first-child p:hover {color: #fbdc82}
.documents__other {position:relative;width:100%;height:0;display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:56.25%}
.documents__other > div:first-child {position:absolute;width:40%;height:100%;left:0}
.documents__other > div:last-child {position:absolute;width:60%;height:100%;right:0}
.iframe__wrapper {position:relative;padding-bottom:56.25%;width:100%;height:0}
.documents__other iframe {width:100%;height:100%}
.iframe__wrapper iframe {position:absolute;width:100%;height:100%}
.iframe__wrapper-double iframe {width:50%}
.iframe__wrapper iframe:nth-child(2) {left:50%}
.iframe__wrapper-document {padding-bottom:84%;width:60%;margin:0 auto;opacity:1}
.iframe__wrapper-documents {padding-bottom:140%}
.iframe__wrapper-visible {opacity:1;margin-top:0}

#sorting {display:flex;justify-content:space-around;padding:0;margin:1% 0;list-style-type:none}
#sorting li {padding:1% 2%;border:solid 2px #FF9100;border-radius:255px 15px 225px 15px/15px 225px 15px 255px;color:black;font-size:1.6vw;transition:all .5s ease;margin:1% 0 2%;cursor:pointer}

@keyframes aniTitle {
  0% {transform: translateX(-150%);}
  15% {transform: translateX(5%);}
  30% {transform: translateX(-5%);}
  45% {transform: translateX(3%);}
  60% {transform: translateX(-3%);}
  75% {transform: translateX(1%);}
  85% {transform: translateX(-1%);}
  100% {transform: translateX(0);}
}
@keyframes ops {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

.parent {border:none}
.parent__img {width:10%}

#overlay {position:fixed;display:none;background:rgba(0, 0, 0, 0.6);width:100%;height:100%;z-index:25;top:0; left:0}
.overlay__background {position:absolute;display:flex;justify-content:space-around;width:100%;height:100%;z-index:35}
.overlay__title {text-transform:uppercase;text-align:center;font-size:3.2vw;line-height:3vw;padding:3% 0;
color:white}
.overlay__text {opacity:0;color:white;font-size:2.5vh;line-height:1.5vw;text-align:justify}
.overlay__text a {color:#0ba8df}
.overlay__content {display:none;opacity:0;border:0.3vw solid white;border-radius:3vw;justify-content:center;
padding:5%}
.row__icon {position:absolute;width:100%;z-index:15}
.row1 {position:relative;display:flex;justify-content:center;align-items:flex-end;margin:0 auto;width:75%}
.row1__column1 {position:absolute;background:#35a8e0;width:20%;height:40%;margin-right:59%;z-index:5}
.row1__column1-sneak {width:10%;height:40%}
.row1__column2 {position:relative;width:35%}
#documents__overlay {flex-direction:column}
#documents__overlay > div {height:50%}
.row1__column3 {position:relative;width:34%}
.row1__column-img {position:relative;display:block;width:100%;z-index:4}
#computer__overlay {flex-direction:column}
#computer__overlay > div:first-child {height: 30%}
#computer__overlay > div:last-child {height:70%}
.row2 {position:relative;display:flex;justify-content:center;width:75%;margin:0 auto}
.row2__column {position:relative;width:91%}
.row2__overlay {position:absolute;height:85%;width:100%;display:flex;justify-content:space-between;align-items:center;z-index:20}
.row2__overlay div:first-child {width:40%}
.row2__overlay div:last-child {width:60%}
.row2__overlay div h2 {position:relative;font-size:3.5vw;line-height:3vw;text-transform:uppercase;text-align: center;color:#0ba8df;transition:0.5s}
.row2__overlay div p {font-size:1vw;line-height:2.5vh;text-align:center}
.row2__column-img {position:relative;width:100%;z-index:5}
.row3 {position:relative;display:flex;justify-content:center;width:75%;margin:-2.9% auto 0}
.row3__column1 {position:relative;width:32%}
#megaphone__overlay > div:first-child{width:40%}
#megaphone__overlay > div:last-child{width:60%}
.row3__column2 {position:relative;width:36.3%}
#exchange {position:absolute;width:100%;z-index:5}
#exchange__overlay > div{width:50%}
.row3__column3 {position: relative;width:31%}
.row3__column3-img {position:relative;margin-top:-18%;display:block;width:100%;z-index:6}
#teacher {margin-top:-18%}
#teacher__overlay > div{width:50%}
.row3__column-img {position:relative;display:block;width:100%;z-index:4}
.row4 {position:relative;display:flex;justify-content:center;align-items:flex-start;width:75%;margin:-1.7% auto 0}
.row4__column1 {position:relative;width:27%}
.row4__column-img {position:relative;display:block;width:100%;z-index:7;margin-top:-20%}
#girl {margin-top:-20%}
#girl__overlay > div:first-child {width:40%}
#girl__overlay > div:last-child {width:60%}
.row4__column2 {position:relative;width:42%}
.row4__column2-img {position:relative;width:100%;z-index:3}
#source__overlay > div{width:50%}
#source__overlay-socialmedia {display:flex;justify-content:space-around;padding:3% 0}
#source__overlay-socialmedia > li {list-style-type:none}
#source__overlay-socialmedia > li > a:hover {color:#fbdc82}
#source__overlay-socialmedia > li > a {color:#0ba8df}
#source__overlay-socialmedia > li > a > i {font-size:3em}
.row4__column3 {position:relative;width:10%;height:6vh;background:#35a8e0}
.blog__wrap {width:100%;display:flex;justify-content:space-between}
.blog__wrap > div {position:relative;text-align:center;padding:1%;margin:1%;width:95%;cursor:pointer;color: #4099FF;display:flex;flex-direction:column;justify-content:space-between}
.blog__wrap > div a {color:#4099FF}
.blog__wrap > div h3 {transition:all 0.5s;padding:7% 0;margin:0;font-size:3vh;font-weight:unset;line-height: 3.5vh;text-transform:uppercase}
.blog__wrap > div i {transition:all 0.4s;font-size: 4em}
.blog__wrap > div:before {content:'';position:absolute;width:calc(100% + 8px);height:calc(100% + 8px);top: calc(4px/-1);left:calc(4px/-1);background:linear-gradient(to right, #FF9100 0%, #FF9100 100%), linear-gradient(to top, #FF9100 50%, transparent 50%), linear-gradient(to top, #FF9100 50%, transparent 50%), linear-gradient(to right, #FF9100 0%, #FF9100 100%), linear-gradient(to left, #FF9100 0%, #FF9100 100%);background-size:100% 4px,4px 200%,4px 200%, 0% 4px,0% 4px;background-position:50% 100%, 0% 0%, 100% 0%, 100% 0%, 0% 0%;
background-repeat:no-repeat, no-repeat;transition:transform 0.2s ease-in-out, background-position 0.2s ease-in-out,background-size 0.2s ease-in-out;transform:scaleX(0) rotate(180deg);transition-delay:0.4s, 0.2s, 0s}
.blog__wrap > div:hover:before {background-size:200% 4px, 4px 400%, 4px 400%, 55% 4px, 55% 4px;background-position:50% 100%, 0% 100%, 100% 100%, 100% 0%, 0% 0%;transform: scaleX(1) rotate(180deg);transition-delay: 0s, 0.2s, 0.4s}
.blog__wrap > div:hover h3, .blog__wrap > div:hover i, .blog__wrap > div:hover a, .blog__wrap a:hover {color: #FF9100}

.education__source {padding: 3% 5%;border:solid 2px #FF9100;border-radius:255px 15px 225px 15px/15px 225px 15px 255px;color:black;font-size:2.2vw;transition: all .5s ease;margin:1% 0 2%;cursor:pointer}
.education__source:hover,#sorting li:hover {background:#FF9100;box-shadow:2px 8px 4px -6px rgba(0, 0, 0, 0.3)}
.education__source-icon{transition: all 0.5s ease}
.education__source-icon:hover {box-shadow: 0 0 10px #000}
.school-subject{display:flex;justify-content:center;flex-wrap:wrap}
.school-subject div {width:20%}
.school-subject div img {width:100%}
.flip-wrapper {width:100%;display:flex;flex-wrap:wrap}
.flip-container {perspective:1000}
.flip-container:hover .flipper, .flip-container.hover .flipper {transform: rotateY(180deg)}
.flip-container, .flip-front, .flip-back {width:25%}
.flipper {position:relative;widdth:100%;transition:0.6s;transform-style:preserve-3d}
.flip-front, .flip-back {backface-visibility:hidden;top: 0;left:0}
.flip-front {position:relative;width:100%;z-index:0}
.flip-front img {width:100%}
.flip-back {position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%;transform:rotateY(180deg);background:#fff;text-align:center}

.centering{margin:0 auto}
.fotorama__wrapper{display:flex;justify-content:space-between;width:100%}
.fotorama__wrapper--horizontal{width:61.5%}
.fotorama__wrapper--vertical{width:34.5%}
.fotorama__wrapper--wide{width:66%}
.fotorama__wrapper--narrow{width:33%}
.fotorama {margin: 0 auto}

.iframe__videowrapper {width:100%;display:flex}
.iframe__videowrapper div {position:relative;width:100%;overflow:hidden;padding-top:56.25%}
.iframe__videowrapper div iframe{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;}

.vocational-guidance__title{background:#3E97D1;border-radius:4px 4px 0 0;text-transform:none;font-size: 1.5rem;padding:5px 10px 5px 5px;text-align:center !important;border:none;cursor:pointer;font-weight: normal;padding:1% 0}
.vocational-guidance__content{background:rgba(10, 103, 163, .3);padding:1% 0 1% 5%}
.vocational-guidance__content{font-style:italic}

.width__half {width:50%}
.width__third (width:33%}