/*  
Theme Name: ZGA
Description: Тема для ZGallery на основе текущей темы Докдокдок
Version: 12.2019
Author: zeleñ y sinevá
Author URI: https://design.grachev.eu
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}

* {
	margin: 0;
	padding: 0;}

html {
	height: 100%;}

body {
	background: #ffffff;
	font-family: 'Montserrat', sans-serif;
	font-size: 100%;
	font-weight: 300;
	color: #000000;
	height: 100%;}

/*
Light - 300
SemiBold - 600
ExtraBold - 800
*/

a {color: #555555; text-decoration: underline; outline: 0;}

a:hover {color: #000000; text-decoration: none; /*transition: color 0.3s ease 0s;*/ outline: 0;}

em {font-style: italic;}

strong {font-weight: 600;}


/* ГЛАВНАЯ СТРАНИЦА */

#fullscreen {
	width: 100%;
	height: 100%;
	margin: 0 auto 50px auto;
	background-size: cover;
	background-position: center bottom;}

#fullscreen #header-main {
	background: rgba(255,255,255,0.15);}

#fullscreen #header {
	background: transparent !important;}

#fullscreen #mega-menu-wrap-new-top-menu #mega-menu-new-top-menu > li.mega-menu-item > a.mega-menu-link {
	color: #ffffff !important;}

#fullscreen #mega-menu-wrap-new-top-menu #mega-menu-new-top-menu > li.mega-menu-item > a.mega-menu-link:hover {
	color: #000000 !important;}

/*#fullscreen #mega-menu-wrap-new-top-menu #mega-menu-new-top-menu > li.mega-menu-item > a.mega-menu-link:hover {
	background: rgba(0,0,0,0.25);
	color: #ffffff !important;
    border: none;}

#fullscreen #mega-menu-wrap-new-top-menu #mega-menu-new-top-menu > li.mega-menu-flyout ul.mega-sub-menu {
	background: none;}

#fullscreen #mega-menu-wrap-new-top-menu #mega-menu-new-top-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
	background: rgba(0,0,0,0.25);
	color: #ffffff !important;}

#fullscreen #mega-menu-wrap-new-top-menu #mega-menu-new-top-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover {
	background: rgba(255,255,255,0.15);}*/

#fullscreen #mega-menu-wrap-new-top-menu #mega-menu-new-top-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
	/*background: rgba(0,0,0,0.25);*/
	color: #000000 !important;}


#fullscreen #eng a {
	color: #ffffff !important;
	padding: 5px 10px;}

#fullscreen #eng a:hover {
	color: #000000 !important;
	background: #f4f4f4;
	border-color: #ffffff;}

#fullscreen .top-visual-main {
	margin-bottom: 0;
	background: transparent !important;
	display: block !important;
	height: auto !important;
	position: absolute;
	bottom: 45px;}

#fullscreen h1 {
	margin-bottom: 75px;}

#fullscreen h2 {
	width: 94%;
	max-width: 1200px;
	text-align: left;
	margin: 20px auto 0 auto;
	font-weight: 800;
	font-size: 2em;
	line-height: 1.25em;
	color: #ffffff;}



/* ШАПКА */

#header {
	margin: 0 auto;
	width: 94%;
	max-width: 1200px;
	height: 120px;
	background: #ffffff;
	font-weight: 600;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;}

#logo {
	float: left;
	width: 90px;
	margin: 0 auto;}

#logo img {
	height: 100%;
	max-height: 50px;
	width: auto;}

#nothing {
	float: left;
	width: calc(100% - 180px);}

#eng {
	float: left;
	width: 90px;
	margin: 0 auto 0 auto; /* верхнее поставить -10px, чтобы переключалка языков не сползала / на 1048 (а теперь уже хер знает какой) строке вообще убрать */
	text-align: right;}

#eng p {
	font-size: 1em;
	font-weight: 600;
	text-transform: uppercase;
	margin-top: -10px;}

#eng a {
	color: #000000;
	text-decoration: none;
	padding: 5px 10px;}

#eng a:hover {
	background: #f4f4f4;
	border-color: #ffffff;}

#menu {
	/*float: left;
	width: calc(100% - 180px);*/
	clear: both;
	width: 100%;
	max-width: 900px;
	font-size: 1em;
	font-weight: 600;
	height: 50px;
	/*margin: 0 auto;*/
	margin: -80px auto 30px auto;}

#mega-menu-wrap-new-top-menu {
	background: none !important;}

#mega-menu-wrap-new-top-menu #mega-menu-new-top-menu > li.mega-menu-item > a.mega-menu-link {
	font-weight: 600 !important;
	text-transform: uppercase !important;}

#mega-menu-wrap-new-top-menu #mega-menu-new-top-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
	font-weight: 600 !important;
	line-height: 20px !important;}

#mega-menu-wrap-new-top-menu #mega-menu-new-top-menu > li.mega-menu-flyout ul.mega-sub-menu li a {
	min-height: 40px !important;
	padding: 10px !important;}

.mega-current-post-parent a {
	background: #f4f4f4 !important;
	border-color: #ffffff !important;}

.wrapper {
	width: 100%;
	margin: 0 auto -100px auto;}

main {
	display: block;
	background-color: #ffffff;}

.container {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	/*padding: 0 1.6666666666667%;*/}

.container-inner {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding-top: 0;
	padding-bottom: 120px;}

.container-main {
	padding-top: 0 !important;
	padding-bottom: 50px !important;}


/* TOP VISUAL */

.top-visual-main, .top-visual-staff, .top-visual-graduate {
	width: 100%;
	height: 400px;
	background: #ffffff;
	margin: 0 auto 50px auto;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	display: flex;
	align-items: center;}

h1 {
	width: 94%;
	max-width: 1200px;
	text-align: left;
	margin: 0 auto;
	font-weight: 800;
	font-size: 3em;
	line-height: 1.25em;
	color: #ffffff;
	/*text-shadow: rgba(0, 0, 0, 0.5) 1px 0px 0px, rgba(0, 0, 0, 0.5) 0.540302px 0.841471px 0px, rgba(0, 0, 0, 0.5) -0.416147px 0.909297px 0px, rgba(0, 0, 0, 0.5) -0.989993px 0.14112px 0px, rgba(0, 0, 0, 0.5) -0.653644px -0.756803px 0px, rgba(0, 0, 0, 0.5) 0.283662px -0.958924px 0px, rgba(0, 0, 0, 0.5) 0.96017px -0.279416px 0px;*/}

.top-visual-normal {
	width: 100%;
	height: 200px;
	background: #ffffff;
	margin: 0 auto 50px auto;
	display: flex;
	align-items: center;}

.top-visual-normal h1 {
	color: #000000;
	text-shadow: none;}

.top-visual-graduate {
	background-position: center;}


/* ГЛАВНАЯ СТРАНИЦА - блок статей */

#articles {
	clear: both;
	width: 100%;
	max-width: 1200px;
	margin: -1.250em 0 0 0;
	/*display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-wrap: wrap;
	justify-content: center;*/}

#articles a, .container-inner a, #news a {
	color: #000000;}

#articles a:hover, .container-inner a:hover, #news a:hover {
	color: #555555;}
	
#single-article {
	float: left;
	width: 22.5%;
	max-width: 270px;
	margin: 15px 1.25% 30px 1.25%;
	border-top: 3px solid #555555;
	height: 450px;}

.archive-article {
	width: 22.5% !important;
	margin: 15px  1.25% 30px 1.25% !important;
	border: none !important;
	height: 400px !important;}

#single-article img.attachment-270x200 {
	margin: 7px auto;
	width: 100% !important;
	height: auto !important;}

.category-name {
	margin: 7px auto;
	text-align: center;
	font-weight: 600;
	font-size: 1.250em;
	color: #555555;}

.post-excerpt {
	margin: 5px auto 20px auto;
	font-weight: 300;
	font-size: 0.938em;
	line-height: 1.250em;}

.post-date, .post-views {
	margin: 7px auto;
	font-weight: 300;
	font-size: 0.875em;
	color: #888888;}

.post-views {
	background: url(img/icon-postviews.png) no-repeat;
	background-position: 0px 4px;
	padding: 2px 2px 2px 25px;}

.rand {
	clear: both;
	width: 100%;
	height: 200px;
	margin: 0 auto;
	text-align: center;
	color: #ffffff;}


/* ГЛАВНАЯ СТРАНИЦА - блок новостей */

#main-news {
	clear: both;
	width: 100%;
	max-width: 1200px;
	margin: 5em auto 0 auto;
	padding-bottom: 500px;}

#main-news .news {
	float: left;
	width: 100%;
	max-width: 30.333333%;
	margin: 25px 1.5%;
	height: 280px;
	text-align: center;}

#main-news .news:last-child {
	padding-bottom: 110px;}

#main-news .image img {
	width: 100% !important;
	height: auto !important;
	/*max-height: 233px !important;*/}

#main-news .dates, #main-news .title, #main-news .artist {
	text-align: left;
	line-height: 1.5em;
	margin: 10px auto -10px auto;}

#main-news .dates {
	font-weight: 600;}


/* КУРСЫ / COURSES */

.top-visual .tetris {
	width: 100%;}

.top-visual .tetris p {
	width: 94%;
	max-width: 1200px;
	margin: -30px auto 30px auto;
	color: #ffffff;
	font-size: 1.5em;
	font-weight: 600;}

.top-visual .tetris .apply {
	margin: 50px auto 0 auto;
	font-size: 1em;}

.top-visual .tetris .apply a {
	color: #000000;
	text-decoration: none;
	background: rgba(255,255,255,1);
	padding: 10px 20px;
	border: 2px solid #ffffff;
	border-radius: 10px;}

.top-visual .tetris .apply a:hover {
	color: #ffffff;
	background: rgba(0,0,0,0.75);}

#course-details-fullwidth {
	clear: both;
	width: 100%;
	min-height: 80px;
	margin: -50px auto 50px auto;
	border-bottom: 1px solid #b2b2b2;
	display: flex;
	align-items: center;
	justify-content: center;}

#course-details {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;}

#course-details .detail {
	float: left;
	width: 33.333333%;
	text-align: center;}

#course-details .detail p {
	margin: 10px auto;}

.ab-block-accordion .ab-accordion-title {
    background: #f4f4f4 !important;
    padding: 20px 30px !important;
	font-size: 1.5em;
	cursor: pointer;}

.ab-block-accordion .ab-accordion-text {
    padding: 10px 0 50px 0 !important;}

.wp-block-media-text {
    align-items: stretch !important;
    grid-template-columns: 33% auto !important;
	margin-top: 15px;
	margin-bottom: 65px;}

.wp-block-media-text:last-child {
	margin-bottom: 0;}

.wp-block-media-text__media img {
	width: 100% !important;
	max-width: 370px !important;
	height: auto !important;}

.wp-block-media-text__content .has-large-font-size {
	font-size: 1.5em !important;
	margin-top: 0 !important;}


/* ВЫБОР КУРСА */

.ab-block-layout-column-inner p {
	margin: 0 auto !important;}


/* ПУБЛИКАЦИИ */

.wrapper-staff .wp-block-media-text {
    grid-template-columns: 25% auto !important;
	padding-bottom: 40px !important;}

.wrapper-staff .wp-block-media-text__media img {
	max-width: 200px !important;
	margin-top: 0 !important;}

.wrapper-staff .wp-block-media-text__content h2 {
	font-size: 1.5em !important;
	margin: 0 auto !important;
	text-align: left;
	line-height: 1em;}

.wrapper-staff .wp-block-media-text__content h5 {
	font-size: 1em;
	line-height: 1.75em;
	margin: 2px auto 30px auto;
	text-align: left;}

.wrapper-staff.public figure img {
	margin-top: 20px !important;}

.wrapper-staff h2.bold {
	font-weight: 600;}


/* ХУДОЖНИК */

.wrapper-staff .wp-block-media-text__content img {
	height: 100% !important;
	max-height: 22px !important;
	width: auto !important;
	margin: 0 0 0 20px !important;
	opacity: 0.6;}

.wrapper-staff .wp-block-media-text__content img:hover {
	opacity: 1;}

.wrapper-staff blockquote {
    width: 100%;
    margin: 0 auto 120px auto;
	background-color: #f4f4f4;
	background-image: url(img/quotes-top.png), url(img/quotes-bottom.png);
	background-repeat: no-repeat;
	background-size: 80px;
	background-position: top 20px left 20px, right 20px bottom 20px;}

.wrapper-staff blockquote p {
    width: auto !important;
    margin: 0 auto !important;
    font-size: 1em !important;
    line-height: 1.75em !important;
    font-weight: 300 !important;
    font-style: normal !important;
    color: #000000 !important;
	padding: 40px 110px;}


/* ХУДОЖНИКИ - список художников */

.graduate {
	float: left;
	width: 100%;
	max-width: 22%;
	margin: 25px 1.5%;
	height: 230px;
	text-align: center;}

.graduate:last-child {
	padding-bottom: 2.5em;}

.graduate-image img {
	width: 100% !important;
	height: auto !important;}

.graduate-name {
	margin-top: 0.5em;
	font-size: 1em;
	font-weight: 600;}

.graduate-city {
	margin-top: 0.5em;
	font-size: 1em;}


/* АРХИВ НОВОСТЕЙ */

#noticia {
	clear: both;
	width: 94%;
	max-width: 800px;
	margin: 15px auto 70px;}

.noticia-date {
	font-size: 1.75em /*2.25em*/;
	color: #000000;
	line-height: 1.25em;
	font-weight: 600;}

.noticia-date.bold {
	font-size: 2em;
	font-weight: 800;}

.noticia-title {
	margin-left: 0;
	color: #555555;}

#noticia-excerpt {
	margin: 25px auto 10px auto;
	font-size: 0.938em;
	line-height: 1.250em;}

#noticia-excerpt p {
	font-size: 16px;
    line-height: 24px;
    margin: 15px auto;
    text-align: left;}

#noticia-excerpt p img {
	width: 100% !important;
	max-width: 800px !important;
	height: auto !important;}

a.category-exhibitions {
	text-decoration: none;}

h2.title {
	/*font-weight: 600;*/
	padding-top: 10px;
	padding-bottom: 10px;}

.wrapper-events .wp-block-media-text__media img {
	margin-top: 10px !important;}

.wrapper-events p {
	color: #000000 !important;
	line-height: 1.5em !important;
	margin: 10px auto -10px auto !important;
}


/* ПОСТ */

#post-content {
	width: 100%;
	max-width: 800px;
	margin: 0 auto;}

#post-content img {
	margin: 15px auto;
	/*width: 100%;
	max-width: 800px;*/
	max-width: 100%;
	height: auto;
	text-align: center;}

#post-content img.small {
	float: left;
	margin: 7px 20px 7px 0px;
	max-width: 150px;}

#post-content a {
	color: #555555;}

#post-content a:hover {
	color: #000000;}

h2 {
	text-align: center;
	margin: 45px auto 30px auto;
	font-weight: 300;
	font-size: 1.75em;
	line-height: 1.25em;
	color: #000000;}

h3 {
	text-align: center;
	margin: 45px auto 30px auto;
	font-weight: 300;
	font-size: 1.5em;
	line-height: 1.25em;
	color: #000000;}

h4 {
	text-align: center;
	margin: 45px auto 30px auto;
	font-size: 1.25em;
	line-height: 1.25em;
	color: #000000;}

#post-content p {
	margin: 15px auto;
	text-align: left;
	font-size: 1em;
	line-height: 1.75em;}

#post-content ul {
	list-style: url(img/bullet.png);
	padding-left: 45px;
	font-size: 1em;
	line-height: 1.5em;}

#post-content li {
	padding-bottom: 5px;}

iframe {
	display: block;
	margin: 0 auto;}

blockquote {
	width: 85%;
	margin: 30px 5% 30px 10%;
	background: url(img/quotes.png) 50% 50% no-repeat;
	background-size: contain;}

blockquote p {
	width: 85% !important;
	margin: 0 auto !important;
	font-size: 1.250em !important;
	line-height: 1.5em !important;
	font-weight: 600 !important;
	font-style: italic !important;
	color: #777777 !important;}

#post-author {
	clear: both;
	width: 75%;
	margin: 100px auto;}

#avatar {
	float: left;
	width: 25%;
	max-width: 100px;}

#avatar img {
	margin: 0;
	float: left;
	width: 100%;
	max-width: 100px;
	height: auto;}

#description {
	float: left;
	width: 75%;}

.author, .info {
	font-size: 0.938em !important;
	line-height: 1.25em !important;
	margin: 0px auto 10px 25px !important;}

.author {
	line-height: 0.938em !important;}

#prev-next {
	width: 100%;
	margin: 0 auto;}

#prev-next p {
	width: 94%;
	max-width: 1200px;
	margin: 50px auto 0 auto;
	font-size: 0.75em;
	text-align: right;
	padding-right: 20px;}

#prev-next a {
	text-decoration: none;}

/*#there-and-back-again {
	clear: both;
    font-size: 1.5em;
    max-width: 1200px;
    padding: 2em 0 4em;
    width: 100%;}

#there-and-back-again a {
	color: #555555;
	text-decoration: none;}

.back {
	float: left;
	margin-left: 15px;
	background: url(img/icon-back.png) center left no-repeat;
	padding-left: 20px;}

.there {
	float: right;
	margin-right: 15px;
	background: url(img/icon-there.png) center right no-repeat;
	padding-right: 20px;}*/

/*#related {
	clear: both;
	width: 100%;
	max-width: 1200px;}

.single-post-article {
	width: 22.5% !important;
	border: none !important;
	margin: 15px 1.25% 30px 1.25% !important;}*/


/* ПОСТ - ВЫСТАВКИ */

.header-exhibitions {
	display: block;
	height: auto;}

.header-exhibitions h1 {
	margin: 15px auto 20px auto;}

.header-exhibitions h2 {
	width: 94%;
	max-width: 1200px;
	text-align: left;
	margin: 10px auto 0 auto;
	font-weight: 800;
	font-size: 2em;
	line-height: 1.25em;}

.header-exhibitions h2.artist {
	padding-top: 50px;}

.header-exhibitions h2.dates {
	font-weight: 300;}


/* ПОСТ - СОБЫТИЯ */

.header-event {
	display: block;
	height: auto;}

.header-event h1 {
	margin: 15px auto 20px auto;}

.header-event h2 {
	width: 94%;
	max-width: 1200px;
	text-align: left;
	margin: 10px auto 0 auto;
	font-weight: 800;
	font-size: 2em;
	line-height: 1.25em;}

.header-event h2.event {
	padding-top: 50px;}

.header-event h2.artist {
	font-weight: 300;}

.wrapper-events p.bold {
	font-weight: 600;}


/* МЕТАСЛАЙДЕР */

.metaslider {
    margin: 0 auto;}

.flexslider ul {
	padding-left: 0 !important;}

.flex-direction-nav a {
	background: url(img/bg-direction-nav.png) no-repeat 0 0 !important;}

.flex-direction-nav .flex-next {
    background-position: 100% 0 !important;}

.flex-control-nav {
    bottom: 0px !important;}

.metaslider .caption-wrap {
	display: none !important;}


/* YOUTUBE VIDEO */

.iframe-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;}

.iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;}


/* ТАБЛИЧНЫЕ ДЕЛА */

tbody td {
	padding-bottom: 50px;
	vertical-align: top;}

tbody td h3 {
	margin-top: 10px;
	text-align: left;}

tr td:first-child {
	width: 120px;}

tr td:last-child {
	padding-left: 30px;}
	

/* ПОДВАЛ */

#footer {
	clear: both;
	width: 100%;
	height: 160px;
	margin: 0 auto;
	padding-top: 100px;}

#share-page {
	clear: both;
	text-align: center;
	margin: 0 auto;
	height: 140px;
	display: flex;
	align-items: center;
	justify-content: center;}

#share-page img {
	height: 100%;
	max-height: 24px;
	width: auto;
	margin-left:  25px;
	opacity: 0.75;}

#share-page img:hover {
	opacity: 0.5;}

#footer-gray {
	clear: both;
	background: #f4f4f4;
	width: 100%;
	margin: 0 auto;
	height: auto;}

#footer-gray .block-name {
	font-size: 1.625em;
	line-height: 2em;
	padding: 1em 10% 0 10%;}

#footer-gray .block-description {
	font-size: 1em;
	line-height: 1.5em;
	padding: 0.75em 10% 0 10%;}

.initiative {
	width: 90%;
	margin: 0 auto;
	text-align: center;
	padding-top: 40px;
	line-height: 1.5em;}

#social-subscribe {
	clear: both;
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
	padding-top: 40px;}

#social {
	clear: both;
	margin: 0 auto;
	height: 200px;
	text-align: center;}

#social .icons {
	margin: 10px auto 8px auto;}

#social img {
	height: 100%;
	max-height: 30px;
	width: auto;
	margin: 0 21px;}

#social .icons:hover img {
	opacity: 0.75;}

#social .icons img:hover {
	opacity: 1;}

/*#subscribe {
	float: right;
	width: 50%;
	margin: 0 auto;
	height: 200px;
	text-align: center;}

.subscribe-field {
	width: 80%;
	max-width: 400px;}

input.subscribe-field {
	font-size: 14px;
	padding: 5px 5px;
	margin: 10px 0;
	border: 1px solid #000000;
	width: 238px;
	background: #f4f4f4;
	font-family: 'Montserrat', sans-serif;}

input.subscribe-field:focus {
	background: #ffffff;}

input.subscribe-button {
	font-size: 1em;
	margin-left: 20px;
	background: #000000;
	color: #ffffff;
	border: 1px solid #000000;
	cursor: pointer;
	width: 48px;
	font-family: 'Montserrat', sans-serif;}

input.subscribe-button:hover {
	opacity: 0.75;}

.subscribe-button {
	width: 138px;}*/

#gallery-data {
	clear: both;
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
	display: flex;
	align-items: center;}

#gallery-data #when, #gallery-data #where, #gallery-data #email {
	float: left;
	margin: 0 auto;
	width: 33.333333%;
	text-align: center;
	line-height: 1.5em;}

#footer-credits {
	clear: both;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	background: #f4f4f4;
	padding-top: 70px;}

#footer-credits p {
	margin: 0 auto 0 auto;
	padding-bottom: 10px;
	font-size: 0.688em;
	font-weight: 600;
	line-height: 1.5em;}

#footer-credits a {color: #555555;}


/* ФОРМОЧКИ */

input, textarea, input.wpcf7-submit, select {
	width: 50%;
	font-size: 16px;
	padding: 5px 5px;
	margin: 10px auto 10px 0;}

select {
	width: 75%;}

/*option {
	font-size: 0.75em;
	padding: 10px 0px;}*/

input.my-age {
	width: 50px;}

textarea {
	width: 75%;}

input.wpcf7-submit {
	width: 200px;
	background: #333333;
	color: #ffffff;
	border: 1px solid #000000;}

input.wpcf7-submit:hover {
	background: #555555;
	border: 1px solid #333333;}

.form.sent {
	display: block !important;}

.wpcf7 .screen-reader-response ul {
	display: block !important;}

.wpcf7-not-valid-tip {
	margin-left: 1em;
	font-style: italic;}

div.wpcf7-response-output {
    margin: 2em 0.5em 1em 0;
    padding: 1em 1em;}

div.wpcf7-validation-errors {
    margin: 2em 0.5em 1em 0;
    padding: 1em 1em;}


/* МНОГОЯЗЫЧНОСТЬ */

.wpml-ls-current-language, .wpml-ls-display {
	display: none !important;}


/* ADAPTIVE RESPONSIBILITY, RESPONSIVE ADAPTIVITY */

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

	#header {
		max-width: 800px;}
	
	#menu {
		width: 50%;}
	
	#mega-menu-wrap-new-top-menu .mega-menu-toggle {
		background: none !important;}
	
	#mega-menu-wrap-new-top-menu .mega-menu-toggle .mega-toggle-blocks-center {
		margin-top: -5px !important;}
	
	#mega-menu-wrap-new-top-menu .mega-menu-toggle.mega-menu-open + #mega-menu-new-top-menu {
		width: 400px !important;
		margin: 0 auto !important;
		background: #ffffff !important;
		/*border: 1px solid #d4d4d4;*/
		position: absolute;
		left: -50%;
		top: 80px;}
	
	#mega-menu-wrap-new-top-menu #mega-menu-new-top-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
		color: #000000 !important;
		background: #f4f4f4 !important;}
	
	#mega-menu-wrap-new-top-menu #mega-menu-new-top-menu > li.mega-menu-item > a.mega-menu-link {
		padding-left: 50px !important;
		padding-right: 50px !important;}
	
	#mega-menu-wrap-new-top-menu #mega-menu-new-top-menu > li.mega-menu-flyout ul.mega-sub-menu li a {
		padding: 10px 50px !important;}
	
	#mega-menu-wrap-new-top-menu #mega-menu-new-top-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
	#mega-menu-wrap-new-top-menu #mega-menu-new-top-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link {
		background: #ffffff !important;
		color: #000000 !important;}
	
	
	/* МЕНЮ НА ГЛАВНОЙ СТРАНИЦЕ */
	
	#fullscreen #mega-menu-wrap-new-top-menu .mega-menu-toggle .mega-toggle-block-2 .mega-toggle-label {
		color: #ffffff;}
	
	#fullscreen #mega-menu-wrap-new-top-menu .mega-menu-toggle .mega-toggle-block-2::after {
		color: #ffffff;}
	
	#fullscreen #mega-menu-wrap-new-top-menu .mega-menu-toggle.mega-menu-open + #mega-menu-new-top-menu {
		border: none;
		z-index: 999;}
	
	#fullscreen #mega-menu-wrap-new-top-menu #mega-menu-new-top-menu > li.mega-menu-item > a.mega-menu-link {
		color: #000000 !important;}
	
	#fullscreen #mega-menu-wrap-new-top-menu #mega-menu-new-top-menu > li.mega-menu-item > a.mega-menu-link:hover {
		background: #f4f4f4;}
	
	


}


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



/*#footer {
	height: auto;}

.menu-bottom-container ul li {
	padding-top: 10px;
	padding-bottom: 10px;}

#footer-credits p {
	margin-bottom: 0;
	padding-bottom: 5px;}*/

.graduate {
	height: 200px;}

}


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


.fb-page {
	margin-left: 0;}

#vk_groups {
	margin-right: 0;}
	
	#main-news {
		margin-top: 3em;}

	.main-news-title {
		font-size: 1.25em;}

.graduate {
	max-width: 30.333333%;
	height: 175px;}

.graduate:last-child {
	padding-bottom: 5em;}

}


@media screen and (max-width: 830px) {
	
	#main-news .news {
		max-width: 47%;}
	
	iframe {
		width: 100% !important;}
	
	.graduate {
		max-width: 30.333333%;
		height: 150px;}

}


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



#post-content {
	width: 94%;}

#post-content p {
	font-size: 0.95em;}

blockquote p {
	font-size: 1.1em !important;}
	
	.wrapper-staff blockquote p {
		font-size: 0.95em !important;}

#thetitle h1 {
	font-size: 1.25em;
	line-height: 1.5em;}

h2 {
	font-size: 1.5em;}

#noticia {
	margin-bottom: 65px;}

.post-excerpt, .noticia-excerpt, .new-excerpt {
    font-size: 0.85em;}

#post-content p, #noticia-excerpt p, #post-content ul {
	font-size: 0.95em;}

#there-and-back-again {
	font-size: 1.25em;}

.flex-control-nav {
    bottom: 0px !important;}


/*.noticia-date {
	font-size: 1.75em;}*/

#noticia {
	margin-bottom: 75px;}

.the-time {
	display: none;}

#single-article {
	height: 300px;}

.archive-article {
	height: 350px !important;}

.main-page-article {
	height: 400px !important;}

.single-post-article {
	margin-bottom: 60px !important;}

#share {
	margin-bottom: 0px;}

.flex-direction-nav {
	top: 0px !important;}

.flex-control-nav {
	top: 0px !important;}

.metaslider .caption-wrap {
	top: 20px !important;}

select {
	font-size: 0.95em;
	padding: 7px 0px;}
	
	#footer {
		width: 100%;}

}


@media screen and (max-width: 768px) {
	
	#logo, #eng {
		width: 50px;}
	
	#logo {
		margin: 0 auto 0 0;}
	
	#eng {
		margin: 0 0 0 auto;}
	
	#logo img {
		max-height: 50px;}
	
	#menu {
		width: calc(100% - 150px);}
	
	#mega-menu-wrap-new-top-menu #mega-menu-new-top-menu > li.mega-menu-item {
		padding: 0 0 !important;}
	
	#mega-menu-wrap-new-top-menu .mega-menu-toggle.mega-menu-open + #mega-menu-new-top-menu {
		width: 280px !important;
		left: -75px;}
	
		#mega-menu-wrap-new-top-menu #mega-menu-new-top-menu > li.mega-menu-item > a.mega-menu-link {
		padding-left: 10px !important;
		padding-right: 10px !important;}
	
	#mega-menu-wrap-new-top-menu #mega-menu-new-top-menu > li.mega-menu-flyout ul.mega-sub-menu li a {
		padding: 10px !important;}
	
	.top-visual {
		margin-bottom: 30px;}
	
	h1 {
		font-size: 2.5em;}
	
	.header-exhibitions h1 {
		margin: 10px auto 10px auto;}
	
	.container-inner {
		padding-top: 0px;}
	
	#main-news .news {
		height: 350px;}
	
	#main-news .news:last-child {
		padding-bottom: 0;}
	
	#main-news .image img {
		max-height: none !important;}
	
	
	#course-details-fullwidth {
		margin: -30px auto 30px auto;}


	
	#noticia {
		margin-bottom: 50px;}
	
	.noticia-date {
		font-size: 1.75em;}
	
	#social-subscribe {
		padding-top: 10px;}
	
	#subscribe {
		float: none;
		clear: both;
		width: 94%;}
	
	#social {
		float: none;
		clear: both;
		width: 94%;
		border-right: none;}
	
	#social:before {
		content: "";
		display: block;
		margin: 0 auto;
		width: 50%;
		padding-top: 10px;}
	
	#footer-credits p {
		width: 94%;}

}

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

input, textarea, select {
	width: 95%;}

.noticia-date {
    font-size: 1.5em;}

#communities {
	width: 340px;
	padding-bottom: 500px;}

.fb-page {
	clear: both !important;
	padding-top: 30px;}

#vk_groups {
	clear: both !important;
	padding-top: 30px;}

.buttons {
	text-align: center !important;}

	#main-news h1 {
		margin-bottom: 35px;}
	
	.main-news-title {
		font-size: 1.15em;
		margin-top: 15px;}
	
	#gallery-data {
		display: block;}
	
	#gallery-data #when, #gallery-data #where, #gallery-data #email {
		float: none;
		clear: both;
		width: 100%;
		padding-bottom: 40px;}

}


@media screen and (max-width: 650px) {
	
	.top-visual {
		margin-bottom: 10px;}
	
	#course-details-fullwidth {
		margin: -10px auto 0 auto;}
	
section.module.content {
    padding: 10px 0;}

.category-name, .news-name, .sticky-cat {
    font-size: 1em;}

.post-excerpt, .noticia-excerpt, .new-excerpt, .post-date, .post-views {
    font-size: 0.75em;}

.container-main {
    padding-bottom: 100px !important;}

#post-author {
	margin-top: 60px;}

#avatar {
	width: 17%;}

#avatar img {
	max-width: 80px;}

#description {
	width: 83%;
	font-size: 0.75em;}

#post-content ul {
    font-size: 0.95em;}

.noticia-date {
	font-size: 1.5em;}

#there-and-back-again {
	padding-bottom: 6em;}

table {
	width: 100%;}

thead {
	display: none;}

tbody td {
	display: block;
	text-align: center;
	padding-bottom: 0;}

tr:nth-of-type(2n) {
	background-color: inherit;}

tr td:first-child {
	width: 100%;
	margin-bottom: 0;
	text-align: center;}

tr td:last-child {
	padding-left: 0;
	padding-bottom: 50px;}

tbody td h3 {
	text-align: center;}

tbody td:before { 
    content: attr(data-th); 
    display: block;
    text-align: center;}
	
	.main-news-news {
		float: none;
		clear: both;
		max-width: 100%;}
	
	#main-news a {
		text-decoration: none !important;}
	
	.main-news-title {
		font-size: 1.25em;}
	
	.main-news-news:last-child {
		padding-bottom: 3em;}

.graduate {
	max-width: 30.333333%;
	height: 100px;}

}


@media screen and (max-width: 600px) {
	
	#course-details .detail {
		float: none;
		clear: both;
		width: 100%;
		text-align: center;
		margin: 20px auto;}
	
	#course-details .detail p {
		margin: 5px auto;}
	
	.wp-block-media-text__media img {
		max-width: 100% !important;}
	
	.wp-block-media-text .wp-block-media-text__content {
		padding: 0 !important;}
	
	.wrapper-staff blockquote {
		background-size: 60px;}
	
	.wrapper-staff blockquote p {
		padding: 30px 80px;}
	
	.ab-block-layout-column {
		padding-bottom: 50px;}
	
	
	
	
	

#news {
	display: none;}

}


@media screen and (max-width: 550px) {
	
	#main-news .news {
		max-width: 94%;
		margin: 25px 3%;
		height: auto;}
	
	select {
		font-size: 0.9em;
		padding: 7px 0px;}
	
	.graduate {
		max-width: 47%;
		height: 150px;}

}


@media screen and (max-width: 480px) {
	
	#logo img {
		max-height: 40px;}

#news {
	display: none;}

select {
	font-size: 0.75em;
	padding: 10px 0px;}

#noticia {
	margin-bottom: 45px;}

.noticia-date {
    font-size: 1.25em;}

.graduate {
	height: 100px;}
	
	.wrapper-staff blockquote {
		background-size: 40px;}
	
	.wrapper-staff blockquote p {
		padding: 20px 60px;}
	
	#share-page img {
		margin-left: 15px;}
	
	#footer-gray .block-name {
		line-height: normal;
		margin-bottom: 15px;}
	
	#social .icons {
		margin: 30px auto 15px auto;}
	
	#social img {
		margin: 0 15px;}
	
	#prev-next {
		padding-bottom: 30px;}

}


@media screen and (max-width: 360px) {
	
	input.subscribe-button {
		margin-left: 0;}
	
	#footer-gray {
		height: 600px;}
	
	#subscribe, #social {
		height: 280px;}
	
	#social img {
		margin: 0 10px;}
	
	.graduate {
		max-width: 90%;
		margin-left: 5%;
		margin-right: 5%;
		height: 175px;}

}


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


}