@import "https://mrvershinin.ru/css/_root.css";



/*************************************************************************/
/*** START GENERAL *******************************************************/
/*************************************************************************/

.case_zone {
	margin-top: var(--desktop_space);
	padding: 112px 0;
}

ul.tabs-nav li a {
	display: inline-block;
	color: var(--color_dark);
	text-decoration: none;
	margin-bottom: 8px;
}    
ul.tabs-nav li a:hover {
	text-decoration: underline;
	background-color: transparent;
} 
ul.tabs-nav li a.active {
	background-color: transparent;
}  
ul.tabs-nav li a.active:hover {
	text-decoration: none;
	cursor: default;
}    
.tabs-items {
	width: 100%;
}
.tabs-items img {
	width: 100%;
}

.clear {
	clear: both;
}


@media (max-width: 1399px) {
	//
}
@media (max-width: 1199px) {
	.case_zone {
		margin-top: var(--tablet_h_space);
		padding: 96px 0;
	}
}
@media (max-width: 991px) {
	.case_zone {
		margin-top: var(--tablet_v_space);
		padding: 72px 0;
	}
}
@media (max-width: 767px) {
	ul.tabs-nav {
		margin-bottom: 24px;
	} 
	ul.tabs-nav li {
		display: inline;
		margin-right: 24px;
		margin-bottom: 8px;
	} 
}
@media (max-width: 575px) {
	//
}



/*************************************************************************/
/*** END GENERAL *********************************************************/
/*************************************************************************/




/*************************************************************************/
/*** START ART ***********************************************************/
/*************************************************************************/

.body_art {
	background-color: #F2E9D8;
}
.art_cover {
	padding-top: var(--desktop_space);
}
.art_cover img {
	width: 100%;
	height: auto;
}
.art_cover h1 {
	font-family: 'Mutabor';
	font-size: 80px;
	line-height: 104px;
	color: #161412;
}
.art_cover h1.first {
	margin-top: 0;
}
.art_cover .tip_lead {
	margin-left: 0;
	margin-top: 72px;
}

.case_zone.art_zone {
	background-color: #A5A59B;
}
.art_zone .tabs-nav a {
	color: var(--color_light);
} 
.art_zone .tabs-nav a.active {
	color: var(--color_light);
	background-color: transparent;
} 

.body_psy .contacts {
	background-color: #F1EBE7;
}
.body_psy .contacts .circle {
	background-color: #13614E;
}

@media (max-width: 1399px) {
	//
}
@media (max-width: 1199px) {
	.psy_cover {
		padding-top: 104px;
	}
	.psy_cover h1 {
		font-size: 72px;
		line-height: 96px;
	}
	.psy_cover .tip_lead {
		margin-top: 0;
	}
}
@media (max-width: 991px) {
	.psy_cover {
		padding-top: 80px;
	}
	.psy_cover h1.first {
		margin-top: 80px;
	}
	.psy_cover .tip_lead {
		margin-top: 32px;
	}
}
@media (max-width: 767px) {
	.psy_cover h1 {
		font-size: 48px;
		line-height: 56px;
	}
}
@media (max-width: 575px) {
	.psy_cover h1.first {
		margin-top: 56px;
	}
}

/*************************************************************************/
/*** END PSY *************************************************************/
/*************************************************************************/




/*************************************************************************/
/*** START PSY ***********************************************************/
/*************************************************************************/

.body_psy {
	background-color: #F1EBE7;
}
.psy_cover {
	padding-top: var(--desktop_space);
}
.psy_cover img {
	width: 100%;
	height: auto;
}
.psy_cover h1 {
	font-family: 'Lighthaus';
	font-size: 80px;
	line-height: 104px;
	color: #946C3F;
}
.psy_cover h1.first {
	margin-top: 120px;
}
.psy_cover .tip_lead {
	margin-top: 32px;
}

.case_zone.psy_zone {
	background-color: #A4948F;
}
.psy_zone .tabs-nav a {
	color: var(--color_light);
} 
.psy_zone .tabs-nav a.active {
	color: #13614E;
	background-color: transparent;
} 

.body_art .contacts {
	background-color: #FBA72A;
}
.body_art .contacts .circle {
	background-color: #F2E9D8;
}

@media (max-width: 1399px) {
	//
}
@media (max-width: 1199px) {
	.art_cover {
		padding-top: 104px;
	}
	.art_cover h1 {
		font-size: 64px;
		line-height: 80px;
	}
	.art_cover .tip_lead {
		margin-top: 24px;
	}
}
@media (max-width: 991px) {
	.art_cover {
		padding-top: 80px;
	}
	.art_cover h1.first {
		margin-top: 24px;
	}
	.art_cover .tip_lead {
		margin-top: 24px;
	}
}
@media (max-width: 767px) {
	.art_cover h1 {
		font-size: 42px;
		line-height: 56px;
	}
}
@media (max-width: 575px) {
	.art_cover h1.first {
		margin-top: 56px;
	}
	.psy_cover h1 {
		font-size: 64px;
		line-height: 64px;
	}
}

/*************************************************************************/
/*** END PSY *************************************************************/
/*************************************************************************/



/*************************************************************************/
/*** START WEB GENERATOR *************************************************/
/*************************************************************************/

.body_dark {
	background-color: var(--color_dark);
}

.wg_about,
.wg_colors,
.wg_mok,
.wg_sections,
.wg_gif,
.lp_zone {
	margin-top: var(--desktop_space);
}


.body_dark .wg_cover,
.body_dark .wg_cover img,
.body_dark .wg_colors img {
	margin-top: 112px;
}


.body_dark p,
.body_dark h2,
.body_dark h3,
.body_dark .tip_lead {
	color: var(--color_light);
}
.body_dark .tip_display {
	color: var(--color_dark);
}

.body_dark .txt_shadow {
	text-shadow: var(--color_light) 1px 1px 0,
				 var(--color_light) -1px -1px 0,
				 var(--color_light) -1px 1px 0,
				 var(--color_light) 1px -1px 0;
}


.body_dark .nav_main a {
	color: var(--color_light);
}
.body_dark .nav_main a:hover {
	color: var(--color_dark);
	background-color: var(--color_accent);
}
.body_dark .nav_main .menu_box {
	border-top: 2px solid var(--color_gray);
	border-bottom: 2px solid var(--color_gray);
}

.body_dark .wg_cover img {
	width: 100%;
}

.wg_colors {
	overflow: hidden;
}
.wg_about .tip_lead {
	margin-top: 32px;
}
.wg_colors img {
	width: auto;
	height: 296px;
	margin-top: 112px;
}

.wg_icons {
	margin-top: 224px;
}
.wg_icons img {
	width: 100%;
	height: auto;
}
.wg_icons .ib {
	margin-bottom: 96px;
}

.wg_mok img {
	width: 100%;
}
.wg_mok .wg_first {
	margin-top: 168px;
}

.wg_sections {
	overflow: hidden;
}
.wg_sections a {
	color: var(--color_accent);
}
.wg_sections a:hover {
	color: var(--color_dark);
	background-color: var(--color_light);
}
.wg_sections .last_up {
	margin-top: -72px;
}
.wg_sections .sections_zone {
	float: left;
	width: auto;
	height: 280px;
	margin-top: 56px;
	white-space: nowrap;
}
.wg_sections .sections_zone img{
	width: auto;
	height: 100%;
	margin: 0 12px;
}
.wg_sections .sections_zone.szr {
	float: right;
}

.wg_gif video {
	width: 100%;
	height: auto;
}
.wg_gif .tip_display {
	margin-bottom: 96px;
}
.wg_gif .sec,
.wg_gif .thr {
	margin-top: 168px;
}
.wg_gif .sec h2 {
	margin-bottom: 56px;
}
.wg_gif .thr video {
	margin-top: 24px;
}

.lp_zone img {
	width: 100%;
	height: auto;
}

.body_dark .contacts h2,
.body_dark .contacts .h2 {
	color: var(--color_dark);
}

@media (max-width: 1399px) {
	.wg_mok .wg_first {
		margin-top: 120px;
	}
	.wg_sections .last_up {
		margin-top: 24px;
		margin-bottom: 24px;
	}
}
@media (max-width: 1199px) {
	.wg_about,
	.wg_colors,
	.wg_mok,
	.wg_sections,
	.wg_gif,
	.lp_zone {
		margin-top: var(--tablet_h_space);
	}

	.body_dark .wg_cover,
	.wg_colors img {
		margin-top: 96px;
	}
	
	.wg_colors img {
		height: 248px;
	}
	
	.wg_mok .wg_first {
		margin-top: 72px;
	}
}
@media (max-width: 991px) {
	.wg_about,
	.wg_colors,
	.wg_sections,
	.wg_gif,
	.lp_zone {
		margin-top: var(--tablet_v_space);
	}
	
	.body_dark .wg_cover,
	.body_dark .wg_cover img,
	.body_dark .wg_colors img {
		margin-top: 72px;
	}
	
	.nav_main .tip_lead {
		border-top: 2px solid var(--color_gray);
		border-bottom: 2px solid var(--color_gray);
		color: var(--color_dark);
	}
	.body_dark .nav_main .tip_lead {
		color: var(--color_light);
	}
	
	.wg_icons {
		margin-top: 160px;
	}
	.wg_icons .ib {
		margin-bottom: 72px;
	}
	
	.wg_mok {
		margin-top: 144px;
	}
	.wg_mok img {
		margin-top: 72px;
	}
	
	.wg_sections .sections_zone {
		height: 200px;
	}
}
@media (max-width: 767px) {
	.wg_colors img {
		height: 200px;
	}
	.wg_icons {
		margin-top: 128px;
	}
	.wg_icons .ib {
		margin-top: 32px;
		margin-bottom: 48px;
	}
	
	.wg_mok {
		margin-top: 104px;
	}
	.wg_mok .wg_first {
		margin-top: 40px;
	}
	.wg_mok .wg_last {
		margin-top: -64px;
	}
	
	.wg_sections .sections_zone {
		height: 136px;
		margin-top: 24px;
	}
}
@media (max-width: 575px) {
	.wg_about{
		margin-top: 56px;
	}
	.wg_gif .sec h2,
	.wg_gif .thr h2 {
		margin-bottom: 24px;
	}
	.wg_gif .sec video,
	.wg_gif .thr video {
		margin-top: 40px;
	}
	.wg_gif .sec,
	.wg_gif .thr {
		margin-top: 72px;
	}
	.lp_zone img {
		margin-top: 24px;
	}
	.wg_mok .wg_last {
		margin-top: -40px;
	}
}

/*************************************************************************/
/*** END WEB GENERATOR ***************************************************/
/*************************************************************************/











/* ———> */



/*************************************************************************/
/*** START NAME **********************************************************/
/*************************************************************************/

.name {
	
}

@media (max-width: 1399px) {
	//
}
@media (max-width: 1199px) {
	//
}
@media (max-width: 991px) {
	//
}
@media (max-width: 767px) {
	//
}
@media (max-width: 575px) {
	//
}

/*************************************************************************/
/*** END NAME ************************************************************/
/*************************************************************************/