/*!

Theme Name: EU4Skills

Theme URI: http://underscores.me/

Author: It-Gravity

Author URI: http://it-gravity.co

Description: Description

Version: 1.0.0

Tested up to: 5.4

Requires PHP: 5.6

License: GNU General Public License v2 or later

License URI: LICENSE

Text Domain: eu4skills

Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned.



EU4Skills is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.

Underscores is distributed under the terms of the GNU GPL v2 or later.



Normalizing styles have been helped along thanks to the fine work of

Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/

*/



/*--------------------------------------------------------------

>>> TABLE OF CONTENTS:

----------------------------------------------------------------

# Generic

	- Normalize

	- Box sizing

# Base

	- Typography

	- Elements

	- Links

	- Forms

## Layouts

# Components

	- Navigation

	- Posts and pages

	- Comments

	- Widgets

	- Media

	- Captions

	- Galleries

# plugins

	- Jetpack infinite scroll

# Utilities

	- Accessibility

	- Alignments



--------------------------------------------------------------*/



/*--------------------------------------------------------------

# Generic

--------------------------------------------------------------*/



/* Normalize

--------------------------------------------- */



/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */



/* Document

	 ========================================================================== */



/**

 * 1. Correct the line height in all browsers.

 * 2. Prevent adjustments of font size after orientation changes in iOS.

 */

html {

	line-height: 1.15;

	-webkit-text-size-adjust: 100%;

}



/* Sections

	 ========================================================================== */



/**

 * Remove the margin in all browsers.

 */

body {

	margin: 0;

}



/**

 * Render the `main` element consistently in IE.

 */

main {

	display: block;

}



/**

 * Correct the font size and margin on `h1` elements within `section` and

 * `article` contexts in Chrome, Firefox, and Safari.

 */

h1 {

	font-size: 150%;

}



/* Grouping content

	 ========================================================================== */



/**

 * 1. Add the correct box sizing in Firefox.

 * 2. Show the overflow in Edge and IE.

 */

hr {

	box-sizing: content-box;

	height: 0;

	overflow: visible;

}



/**

 * 1. Correct the inheritance and scaling of font size in all browsers.

 * 2. Correct the odd `em` font sizing in all browsers.

 */

pre {

	font-family: monospace, monospace;

	font-size: 1em;

}



/* Text-level semantics

	 ========================================================================== */



/**

 * Remove the gray background on active links in IE 10.

 */

a {

	background-color: transparent;

}



/**

 * 1. Remove the bottom border in Chrome 57-

 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.

 */

abbr[title] {

	border-bottom: none;

	text-decoration: underline;

	text-decoration: underline dotted;

}



/**

 * Add the correct font weight in Chrome, Edge, and Safari.

 */

b,

strong {

	font-weight: bolder;

}



/**

 * 1. Correct the inheritance and scaling of font size in all browsers.

 * 2. Correct the odd `em` font sizing in all browsers.

 */

code,

kbd,

samp {

	font-family: monospace, monospace;

	font-size: 1em;

}



/**

 * Add the correct font size in all browsers.

 */

small {

	font-size: 80%;

}



/**

 * Prevent `sub` and `sup` elements from affecting the line height in

 * all browsers.

 */

sub,

sup {

	font-size: 75%;

	line-height: 0;

	position: relative;

	vertical-align: baseline;

}



sub {

	bottom: -0.25em;

}



sup {

	top: -0.5em;

}



/* Embedded content

	 ========================================================================== */



/**

 * Remove the border on images inside links in IE 10.

 */

img {

	border-style: none;

}



/* Forms

	 ========================================================================== */



/**

 * 1. Change the font styles in all browsers.

 * 2. Remove the margin in Firefox and Safari.

 */

button,

input,

optgroup,

select,

textarea {

	font-family: inherit;

	font-size: 100%;

	line-height: 1.15;

	margin: 0;

}



/**

 * Show the overflow in IE.

 * 1. Show the overflow in Edge.

 */

button,

input {

	overflow: visible;

}



/**

 * Remove the inheritance of text transform in Edge, Firefox, and IE.

 * 1. Remove the inheritance of text transform in Firefox.

 */

button,

select {

	text-transform: none;

}



/**

 * Correct the inability to style clickable types in iOS and Safari.

 */

button,

[type="button"],

[type="reset"],

[type="submit"] {

	-webkit-appearance: button;

	border: none;

}



/**

 * Remove the inner border and padding in Firefox.

 */

button::-moz-focus-inner,

[type="button"]::-moz-focus-inner,

[type="reset"]::-moz-focus-inner,

[type="submit"]::-moz-focus-inner {

	border-style: none;

	padding: 0;

}



/**

 * Restore the focus styles unset by the previous rule.

 */

button:-moz-focusring,

[type="button"]:-moz-focusring,

[type="reset"]:-moz-focusring,

[type="submit"]:-moz-focusring {

	outline: 1px dotted ButtonText;

}



/**

 * Correct the padding in Firefox.

 */

fieldset {

	padding: 0.35em 0.75em 0.625em;

}



/**

 * 1. Correct the text wrapping in Edge and IE.

 * 2. Correct the color inheritance from `fieldset` elements in IE.

 * 3. Remove the padding so developers are not caught out when they zero out

 *		`fieldset` elements in all browsers.

 */

legend {

	box-sizing: border-box;

	color: inherit;

	display: table;

	max-width: 100%;

	padding: 0;

	white-space: normal;

}



/**

 * Add the correct vertical alignment in Chrome, Firefox, and Opera.

 */

progress {

	vertical-align: baseline;

}



/**

 * Remove the default vertical scrollbar in IE 10+.

 */

textarea {

	overflow: auto;

}



/**

 * 1. Add the correct box sizing in IE 10.

 * 2. Remove the padding in IE 10.

 */

[type="checkbox"],

[type="radio"] {

	box-sizing: border-box;

	padding: 0;

}



/**

 * Correct the cursor style of increment and decrement buttons in Chrome.

 */

[type="number"]::-webkit-inner-spin-button,

[type="number"]::-webkit-outer-spin-button {

	height: auto;

}



/**

 * 1. Correct the odd appearance in Chrome and Safari.

 * 2. Correct the outline style in Safari.

 */

[type="search"] {

	-webkit-appearance: textfield;

	outline-offset: -2px;

}



/**

 * Remove the inner padding in Chrome and Safari on macOS.

 */

[type="search"]::-webkit-search-decoration {

	-webkit-appearance: none;

}



/**

 * 1. Correct the inability to style clickable types in iOS and Safari.

 * 2. Change font properties to `inherit` in Safari.

 */

::-webkit-file-upload-button {

	-webkit-appearance: button;

	font: inherit;

}



/* Interactive

	 ========================================================================== */



/*

 * Add the correct display in Edge, IE 10+, and Firefox.

 */

details {

	display: block;

}



/*

 * Add the correct display in all browsers.

 */

summary {

	display: list-item;

}



/* Misc

	 ========================================================================== */



/**

 * Add the correct display in IE 10+.

 */

template {

	display: none;

}



/**

 * Add the correct display in IE 10.

 */

[hidden] {

	display: none;

}



/* Box sizing

--------------------------------------------- */



/* Inherit box-sizing to more easily change it's value on a component level.

@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */

*,

*::before,

*::after {

	box-sizing: inherit;

}



html {

	box-sizing: border-box;

}



/*--------------------------------------------------------------

# Base

--------------------------------------------------------------*/



/* Typography

--------------------------------------------- */

body,

button,

input,

select,

optgroup,

textarea {

	font: 400 16px/1.8 "Open Sans", sans-serif;

	letter-spacing: 0.4px;

	color: #424242;

}

h1,

h2,

h3,

h4,

h5,

h6 {

	clear: both;

}



p {

	margin-bottom: 1em;

}

.white{

	background: #fff;

	border-bottom: 1px solid #E5E5E5;

}

dfn,

cite,

em,

i {

	font-style: italic;

}



blockquote {

	margin: 0 1.5em;

}



address {

	margin: 0 0 1.5em;

}



pre {

	background: #eee;

	font-family: "Courier 10 Pitch", courier, monospace;

	line-height: 1.6;

	margin-bottom: 1.6em;

	max-width: 100%;

	overflow: auto;

	padding: 1.6em;

}



code,

kbd,

tt,

var {

	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;

}



abbr,

acronym {

	border-bottom: 1px dotted #666;

	cursor: help;

}



mark,

ins {

	background: #fff9c0;

	text-decoration: none;

}



big {

	font-size: 125%;

}



/* Elements

--------------------------------------------- */

body {

	background-color: #FAFAFA;

	/*background-image: url("");*/

}



hr {

	background-color: #ccc;

	border: 0;

	height: 1px;

	margin-bottom: 1.5em;

}



ul,

ol {

	margin: 0;

}



ul {

	list-style: disc;

}



ol {

	list-style: decimal;

}



li > ul,

li > ol {

	margin-bottom: 0;

	margin-left: 1.5em;

}



dt {

	font-weight: 700;

}



dd {

	margin: 0 1.5em 1.5em;

}



/* Make sure embeds and iframes fit their containers. */

embed,

iframe,

object {

	max-width: 100%;

}



img {

	height: auto;

	max-width: 100%;

	border-radius: 4px;

}

.img {

	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */

	filter: grayscale(100%);

}

figure {

	margin: 1em 0;

}



table {

	margin: 0 0 1.5em;

	width: 100%;

}

.flex{

	display: flex;

}

.end{

	justify-content: flex-end;

}

.center{

	justify-content: center;

}

.between{

	justify-content: space-between;

}

.relative{

	position: relative;

}

.center-text{

	text-align: center;

}

.bold{

	font-weight: 700;

}

/* Links

--------------------------------------------- */





a:focus {

	outline: thin dotted;

}



a:hover,

a:active {

	outline: 0;

	text-decoration: none;

}



/* Forms

--------------------------------------------- */

/*button,*/

/*input[type="button"],*/

/*input[type="reset"],*/

/*input[type="submit"] {*/

	/*border: 1px solid;*/

	/*border-color: #ccc #ccc #bbb;*/

	/*border-radius: 3px;*/

	/*background: #e6e6e6;*/

	/*color: rgba(0, 0, 0, 0.8);*/

	/*line-height: 1;*/

	/*padding: 0.6em 1em 0.4em;*/

/*}*/



/*button:hover,*/

/*input[type="button"]:hover,*/

/*input[type="reset"]:hover,*/

/*input[type="submit"]:hover {*/

	/*border-color: #ccc #bbb #aaa;*/

/*}*/



/*button:active,*/

/*button:focus,*/

/*input[type="button"]:active,*/

/*input[type="button"]:focus,*/

/*input[type="reset"]:active,*/

/*input[type="reset"]:focus,*/

/*input[type="submit"]:active,*/

/*input[type="submit"]:focus {*/

	/*border-color: #aaa #bbb #bbb;*/

/*}*/



input[type="text"],

input[type="email"],

input[type="url"],

input[type="password"],

input[type="search"],

input[type="number"],

input[type="tel"],

input[type="range"],

input[type="date"],

input[type="month"],

input[type="week"],

input[type="time"],

input[type="datetime"],

input[type="datetime-local"],

input[type="color"],

textarea {

	color: #424242;

	border: 1px solid #ccc;

	border-radius: 4px;

	padding: 3px;

}



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="range"]: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,

textarea:focus {

	color: #424242;

}



select {

	border: 1px solid #ccc;

}



textarea {

	width: 100%;

}

:focus {

	outline-style: none;

	outline-width: 0px !important;

	outline-color: none !important;

}

a.active.focus,

a.active:focus,

a.focus,

a:active.focus,

a:active:focus,

a:focus,

button.active.focus,

button.active:focus,

button.focus,

button:active.focus,

button:active:focus,

button:focus,

.btn.active.focus,

.btn.active:focus,

.btn.focus,

.btn:active.focus,

.btn:active:focus,

.btn:focus {

	outline: 0!important;

	outline-color: transparent!important;

	outline-width: 0!important;

	outline-style: none!important;

	box-shadow: 0 0 0 0 rgba(0,123,255,0)!important;

}

/*--------------------------------------------------------------

# Layouts

--------------------------------------------------------------*/



/*--------------------------------------------------------------

# Components

--------------------------------------------------------------*/
/*fonts*/
h1,h2{
	font-size: 150%;
	line-height: 1.5;
}
.h3, h3{
	font-size: 112.5%;
	line-height: 1.5;
}
/*header*/
.site-header{
	position: fixed;
	top: 0;
	z-index: 9999;
}
.address p{
	margin-bottom: 0;
}
.address{
	margin-bottom: auto;
	margin-top: auto;
}
.address .row{
	margin-left: 0;
}
.glasses, .search-ico{
	width: 50px;
	height: 100%;
	text-align: center;
	cursor: pointer;
}
.facebook-ico{
	margin-top: auto;
	margin-bottom: auto;
}

/* стили только для IE10 и IE11 */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.glasses, .search-ico{
		height: 50px;
	}
}

/* ie */
#cookies{
	position: fixed;
	background: rgba(33,85,2, 0.8);
	z-index: 9999;
	top: 0;
	color: #fff;
	opacity: 0;
	padding: 10px 40px;
	display: flex;
	width: 100%;
}
#cookies p{
	margin-bottom: 0;
	padding-right: 20px;
	width: 100%;
}
#cookies span{
	cursor: pointer;
	font-size: 30px;
}
#cookies a{
	color: #cccbfd;
	text-decoration: underline;
}
.facebook-ico svg, .glasses svg, .search-ico svg{

	height: 100%;

}

.facebook-ico a{

	display: block;

	height: 100%;

}

.glasses .share-in:hover::after {

	top: 30px;

	font-size: 14px;

}

.feedback{
	padding: 10.6px 10px;
	cursor: pointer;
}
.feedback-form{
	position: absolute;
	background: #fff;

	box-shadow: 0px 6px 5px rgba(0, 0, 0, 0.24), 0px 9px 18px rgba(0, 0, 0, 0.18);

	border-radius: 4px;

	top: 50px;

	color: #424242;

	z-index: 9999;

	right: 0px;

	display: none;

	/*width: 415px;*/

	/*left: 50%;*/

	/*margin-left: -207.5px;*/

}

.feedback-form form{

	padding: 0 30px;

}

.feedback-form .accent{

	width: 100%;

	height: 15px;

	border-radius: 4px;

}

.fixed-feedback{

	position: fixed;

	z-index: 9999;

}

.close{

	width: 50px;

	height: 50px;

}

.close div{

	position: absolute;

	height: 1px;

	top: 35px;

	transform: rotate(-45deg);

	width: 24px;

	right: 15px;

	background: #C4C4C4;

	left: auto;

}

.close div:first-child{

	transform: rotate(45deg);

}

.feedback-text{

	margin-top: 40px;

	padding: 0 30px;

}

.feedback-text p{

	font-size: 112.5%;

	line-height: 1.5;

	text-align: center;

	margin-bottom: 0;

}

.feedback-text p:nth-child(2){

	text-transform: uppercase;

	font-weight: 700;

	margin-bottom: 30px;

}

.form-group .button{

	margin-right: auto;

	margin-left: auto;

	margin-top: 15px;

}

.site-branding {

	position: relative;

	padding-top: 0px;

}

.display-glasses{

	display: none;

}

.display-glasses p{

	margin-left: 15px;

	padding: 2px 10px;

	border: 1px solid #000;

	font-weight: bold;

	font-size: 24px;

	cursor: pointer;

	height: max-content;

	margin-top: auto;

	margin-bottom: auto;

}

.fixed-menu{

	position: relative;

}



.title-site{

	margin-top: auto;

	margin-bottom: auto;

	padding-left: 0;

}

.custom-logo-link img{

	height: 80px;

	width: auto;

}

.site-title{

	font-weight: bold;

	font-size: 150%;

	line-height: 1.5;

	padding-left: 10px;

	margin-bottom: 0;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;

}

.site-title-font{

	font-size: 112.5%;

}

.site-title a, .site-title a:hover{

	color: #000;

}

.site-branding .logo{

	text-align: center;

}

.search-search{

	display: none;

}

.search-search input{

	width: 155px;

	height: 50px;

	border: none;

	color: #fff;

}

.search-search input[type="text"]:focus{

	color: #fff;

}

.search-search button{

	width: 20px;

	height: 50px;

	margin-left: -10px;

	padding-left: 0;

	padding-right: 0;

	border: none;

	cursor: pointer;

}

/* Navigation

--------------------------------------------- */

#site-navigation{

	 padding-top: 0px;

 }

.menu-item a{

	color: #424242;

}

.main-navigation {

	display: block;

	width: 100%;

}



.main-navigation ul {

	display: none;

	list-style: none;

	margin: 0;

	padding-left: 0;

}



.main-navigation ul ul {

	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);

	float: none;

	position: relative;

	top: 100%;

	left: auto;

	z-index: 99999;

}



.main-navigation ul ul ul {

	left: -999em;

	top: 0;

}



.main-navigation ul ul li:hover > ul,

.main-navigation ul ul li.focus > ul {

	display: block;

	left: auto;

}



.main-navigation ul ul a {

	width: 340px;

}



.main-navigation ul li:hover > ul,

.main-navigation ul li.focus > ul {

	left: 0;

}



.main-navigation li {

	position: relative;

}



.main-navigation a {

	display: block;

	text-decoration: none;

}

#primary-menu>li>a{

	font-size: 112.5%;

	line-height: 1.15;

	padding: 5px;

}

.main-navigation ul.sub-menu{

	padding-right: 0px;

	padding-top: 10px;

	padding-bottom: 10px;

	padding-left: 15px;

}

/* Small menu. */

.menu-toggle,

.main-navigation.toggled ul {

	display: block;

}

.menu-toggle{

	width: 50px;

	height: 40px;

	background: none !important;

}

@media screen and (min-width: 992px) {

	.site-branding {

		background: #fff;

		margin-top: 50px;

		padding-top: 20px;

	}

	.white-shadow{

		box-shadow: 0px 6px 5px rgba(0, 0, 0, 0.24), 0px 9px 18px rgba(0, 0, 0, 0.18);

	}

	.fixed-menu{

		position: fixed;

		z-index: 9999;

	}

	.fixed{

		position: fixed;

		z-index: 1030;

	}

	.head-panel{

		justify-content: flex-end;

	}

	.main-navigation ul ul {

		box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);

		float: left;

		position: absolute;

		top: 100%;

		left: -999em;

		z-index: 99999;

	}

	.menu-toggle {

		display: none;

	}



	.main-navigation ul {

		display: flex;

		justify-content: space-around;

	}

	.main-navigation ul li{

		padding-left: 17px;

		letter-spacing: 0.25px;

		padding-right: 5px;

	}

	#primary-menu1{

		margin-top: 5px;

	}

	#primary-menu>li{

		font-size: 112.5%;

		line-height: 1.15;

		padding: 11px 48px 16px 24px;

	}

	#primary-menu>li>a,#primary-menu1>li>a{

		padding: 0px;

	}

	#primary-menu>li:hover,#primary-menu1>li:hover{

		font-weight: 700;

	}

	#primary-menu>li.menu-item-has-children>a::after,

	#primary-menu>li.menu-item-object-category>a::after,

	#primary-menu1>li.menu-item-has-children>a::after,

	#primary-menu1>li.menu-item-object-category>a::after{

		content: '';

		position: absolute; /* Абсолютное позиционирование */

		top: 20px; right: 10px; /* Положение треугольника */

		border: 7.5px solid transparent; /* Прозрачные границы */

		border-top: 7px solid #424242; /* Добавляем треугольник */

	}

	#primary-menu>li.menu-item-has-children:hover>a::after,

	#primary-menu>li.menu-item-object-category:hover>a::after,

	#primary-menu1>li.menu-item-has-children:hover>a::after,

	#primary-menu1>li.menu-item-object-category:hover>a::after{

		border: 7.5px solid transparent;

		border-bottom: 7px solid #424242;

		top: 15px;

	}

	.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul{



	}

	.main-navigation ul.sub-menu{

		display: block;

		background: #fff;

		padding-top: 15px;

		padding-bottom: 30px;

		padding-left: 0;

		box-shadow: 0px 6px 5px rgba(0, 0, 0, 0.24), 0px 9px 18px rgba(0, 0, 0, 0.18);

		border-radius: 4px;

	}

	.main-navigation #primary-menu1 ul.sub-menu{

		padding-top: 15px;

	}

	.main-navigation #primary-menu1 li:first-child  ul.sub-menu,.main-navigation #primary-menu1 li:nth-child(2)  ul.sub-menu{

		column-count: 2;

	}

	.main-navigation ul.sub-menu li{

		font-weight: 300;

		font-size: 100%;

		line-height: 3.125;



	}

	.main-navigation ul.sub-menu li:hover{

		font-weight: 500;

	}

	#site-navigation-static.main-navigation .menu-menu-1-container>ul {

		display: flex;

		justify-content: space-between;

	}

	#site-navigation-static #primary-menu1 > li {

		font-size: 112.5%;

		line-height: 1.15;

		padding: 11px 30px 16px 10px;

	}

	#site-navigation-static{

		display: none;

	}



}

@media screen and (max-width: 1200px) {

	.search-search input {

		width: 100px;

		height: 50px;

	}

	.site-branding {

		width: 960px;

	}

}

@media screen and (max-width: 991px) {

	.site-header{

		position: relative;

	}

	/*гамбургер*/

	.menu-toggle input {

		display: none;

	}

	.menu-toggle label {

		position: relative;

		width: 50px;

		height: 40px;

		display: inline-block;

		cursor: pointer;

		transition: all .5s;

		text-align: left;

		background: none;

		border: none;

		top: -10px;

		left: -12px;

	}

	.menu-toggle label:focus{

		border: none;

	}

	button:focus {

		outline: none;

	}

	.menu-toggle div,

	.menu-toggle div:before,

	.menu-toggle div:after {

		background: #fff;

		position: absolute;

		height: 5px;

		width: 40px;

		transition: all .5s;

	}

	.menu-toggle label div:first-child {

		top: 10px;

		left: 4px;

	}

	.menu-toggle label div:nth-child(2) {

		top: 20px;

		left: 4px;

	}

	.menu-toggle label div:nth-child(3) {

		top: 30px;

		left: 4px;

	}

	#menu2:checked+label div:first-child {

		opacity: 0;

		top: 20px;

		width: 0px;

		transform: rotate(-45deg);

	}

	#menu2:checked+label div:nth-child(2) {

		top: 19px;

		transform: rotate(-45deg);

		width: 35px;

		left: 6px;

	}

	#menu2:checked+label div:nth-child(3) {

		top: 19px;

		transform: rotate(45deg);

		width: 35px;

		left: 6px;

	}

	/*/гамбургер*/



	#site-navigation-static{

		display: none !important;

	}

	#site-navigation{

		display: block !important;

		opacity: 1 !important;

	}

	.main-navigation ul.sub-menu li:hover, .main-navigation ul.sub-menu li:active,

	#primary-menu > li:hover,#primary-menu > li:active{

		background: #fff !important;

	}

	.main-navigation ul ul {

		box-shadow: none;

	}

	.main-navigation ul.sub-menu li {

		font-weight: 300;

		font-size: 100%;

		line-height: 2.5;

	}

	.site-branding {

		width: 100%;

		padding-left: 30px;

	}

	.head-panel{

		justify-content: center;

	}

	.address{

		text-align: center;

	}

	.search-search input {

		width: 220px;

	}

	.site-title{

		font-size: 112.5%;

		margin-top: 20px;

		padding-left: 0;

	}

	.title-site{

		padding-left: 15px;

	}

	.address-text{

		margin-top: 5px;

		padding-left: 0;

	}

	#primary-menu{

		border: 1px solid #E5E5E5;

		padding: 15px;

	}

	.feedback-form{

		top: 10px;

	}



}

@media screen and (max-width: 768px) {

	.search-search input {

		width: 100px;

	}

	.site-title{

		text-align: center;

	}



}

@media screen and (max-width: 450px) {

	.head-panel{

		display: block;

	}

	.head-button{

		justify-content: center;

	}

	.search-panel{

		text-align: center;

	}

	.search-ico{

		margin-left: auto;

		margin-right: auto;

	}

	.search-search input {

		width: 220px;

	}

	.main-navigation ul ul a {

		width: 280px;

	}

	.facebook-ico, .glasses, .search-ico {

		height: 50px;

	}

}

@media screen and (max-width: 380px) {

	.main-navigation ul ul a {

		width: 250px;

	}

}

.site-main .comment-navigation,

.site-main

.posts-navigation,

.site-main

.post-navigation {

	margin: 0 0 1.5em;

}



.comment-navigation .nav-links,

.posts-navigation .nav-links,

.post-navigation .nav-links {

	display: flex;

	justify-content: space-between;

}



.comment-navigation .nav-previous,

.posts-navigation .nav-previous,

.post-navigation .nav-previous {

	/*flex: 1 0 50%;*/

}



.comment-navigation .nav-next,

.posts-navigation .nav-next,

.post-navigation .nav-next {

	text-align: end;

	/*flex: 1 0 50%;*/

}

.nav-previous, .nav-next{

	position: relative;

}

.nav-previous a span::before {

	content: '';

	position: absolute;

	top: auto;

	right: auto;

	left: 5px;

	border: 8px solid transparent;

	border-right: 11px solid #fff;

}

.nav-next a span::after {

	content: '';

	position: absolute;

	top: auto;

	right: 5px;

	left: auto;

	border: 8px solid transparent;

	border-left: 11px solid #fff;

}

.nav-subtitle button{

	width: 225px;

}

/* --Navigation

--------------------------------------------- */



/* Footer

--------------------------------------------- */

footer{

	margin-top: 80px;

	border-top: 1px solid #E5E5E5;

	padding-top: 30px;

	background: #fff;

}

.name-footer .site-title{

	font-size: 100%;

	line-height: 1.625;

	max-width: 60%;

	margin-left: 30px;

}

.address-footer svg{

	margin-top: 8px;

	margin-right: 10px;

}

.address-footer span{

	font-weight: 700;

	margin-right: 10px;

}

.address-footer p{

	margin-bottom: 10px;

	margin-right: 5px;

}

.address-footer i{

	font-size: 112.5%;

	margin-right: 10px;

	margin-top: 8px;

}

.footer-ico .feedback{

	width: 50px;

	height: 50px;

	text-align: center;

	border-radius: 4px;

}

.footer-ico .facebook-ico{

	border-radius: 4px;

	margin-right: 15px;

}

.footer-ico .head-button{

	justify-content: flex-end;

}

.feedback span {
	padding-left: 0;
}
.feedback .share-in:hover::after {
	top: 30px;
}
#toTop{

	width: 50px;

	height: 50px;

	border-radius: 4px;

	position: fixed;

	bottom: 60px;

	right: 25px;

	cursor: pointer;

	z-index: 9999;

}

#toTop:after{

	content: '';

	position: absolute;

	top: 10px;

	right: 15px;

	border: 9px solid transparent;

}

.navigation-footer #primary-menu2{

	list-style: none;

	column-count: 3;

	padding-left: 0;

	margin-left: 0;

	margin-bottom: 30px;

}

.navigation-footer #primary-menu2 li{

	margin-right: auto;

	font-size: 87.5%;

	line-height: 1.85;

}

.navigation-footer #primary-menu2 li a{

	color: #C4C4C4;

}

#primary-menu2 > li:hover {

	font-weight: 700;

}

.site-title-footer{

	font-size: 87.5%;

	line-height: 1.85;

	padding: 15px 0;

	margin-bottom: 0;

	text-align: center;

}

.site-title-footer span{

	font-weight: 700;

}

.disclaimer{

	font-size: 12px;

	text-align: center;

	margin-bottom: 10px;

}

@media screen and (max-width: 991px) {

	.footer-ico{

		margin-top: -50px;

	}

	.address-footer{

		margin-top: 20px;

	}

	.white{

		padding-bottom: 15px;

	}

}

@media screen and (max-width: 768px) {

	.navigation-footer #primary-menu2 {

		column-count: 2;

	}

	.footer-ico .head-button {

		justify-content: flex-start;

	}

	.footer-ico {

		margin-top: 10px;

	}

	.name-footer .site-title{

		margin-top: auto;

		margin-bottom: auto;

	}

}

@media screen and (max-width: 450px) {

	.navigation-footer #primary-menu2 {

		column-count: 1;

	}

	.nav-next a span::after {

		right: auto;

		left: 190px;

	}

	.post-navigation .nav-links {

		display: block;

	}

}

/* Content головна

--------------------------------------------- */

.wrap{

	min-height: 400px;

	padding-top: 230px;

}

.wrap.main{

	padding-top: 260px;

}

.main-index h2{

	font-weight: 700;

	line-height: 1.3;

	margin-bottom: 30px;

}

.img-main{

	overflow: hidden;

}

.img-main img{

	border-radius: 4px;

	height: 100%;

	max-width: 150%;

}

.advert-main{

	padding: 11px;

	border: 1px solid #E5E5E5;

	border-radius: 4px;

}

.advert-main a{

	color: #424242;

}

.advert-main-border{

	border-radius: 4px;

	height: 100%;

	width: 100%;

	padding: 13px 35px;

}

.advert-date{

	font-weight: 300;

}

.advert-1{

	justify-content: space-between;

	display: flex;

}

.advert-1 p{

	font-size: 87.5%;

	line-height: 1.5;

	letter-spacing: 0.1em;

	text-transform: uppercase;

}

.advert-main h3{

	font-weight: bold;

	font-size: 112.5%;

	line-height: 1.625;

	text-align: center;

	letter-spacing: 0.25px;

	text-transform: uppercase;

}

.text-advert{
	font-weight: 300;
	font-size: 100%;
	line-height: 1.625;
	letter-spacing: 0.25px;
	text-indent: 30px;
	margin-top: 20px;
	height: 200px;
	overflow: hidden;
}

.about-us{

	padding: 60px 45px;

}

.about-us p{

	margin-bottom: 0;

	margin-top: 10px;

}

.comein, .study, .acquainted{

	border-radius: 4px;

	font-weight: 700;

	font-size: 112.5%;

	line-height: 0.875;

	text-align: center;

	letter-spacing: 0.25px;

	padding: 30px 0px;

}

.comein a, .study a, .acquainted a{

	color: #fff;

	width: 100%;

	display: block;

	/*height: 100%;*/

}

.comein:hover, .study:hover, .acquainted:hover{

	box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2), 0px 1px 18px rgba(0, 0, 0, 0.12), 0px 6px 10px rgba(0, 0, 0, 0.14);

}

.about-us-text{

	position: relative;

}

.about-us-text h2{

	font-size: 87.5%;

	line-height: 1.5;

	margin-left: 82px;

	letter-spacing: 10px;

	text-transform: uppercase;

}

.about-us-text p{

	font-weight: 300;

	line-height: 1.625;

	letter-spacing: 0.25px;

	text-indent: 20px;

	margin-left: 82px;

	margin-right: 25px;

}

.about-us-img img{

	border-radius: 4px;

}

.rectangle{

	position: absolute;

	width: 62px;

	height: 1px;

	left: 0px;

	top: 10.5px;

}

.circle{

	position: absolute;

	width: 8px;

	height: 8px;

	left: 62px;

	top: 7.5px;

	border-radius: 50%;

}

.cut{

	position: absolute;

	width: 16px;

	height: 16px;

	transform: rotate(41.27deg);

	top: 8px;

	left: 100px;

}

.link-about{

	margin-left: 62px;

	padding: 17px 50px 17px 70px;

	border-radius: 4px;

	color: #424242;

}

.link-about span{

	font-weight: 700;

}

#about .relative{

	margin-top: 40px;

}

.news-advert-head h3{

	font-size: 87.5%;

	line-height: 1.5;

	letter-spacing: 10px;

	text-transform: uppercase;

	color: #C4C4C4;

	margin-top: 55px;

	margin-bottom: 25px;

}

.advert-news-head h3{

	font-size: 87.5%;

	line-height: 1.5;

	letter-spacing: 10px;

	text-transform: uppercase;

	color: #C4C4C4;

	margin-top: -45px;

	margin-bottom: 25px;

}

.all-advert{

	margin-top: 30px;

}

.adv-index{

	height: 420px;

}

.news-one .h3 span{

	font-size: 30px;

}

.news-one{

	border: 1px solid #E5E5E5;

	border-radius: 4px;

	padding: 15px 0px;

}

.news-one:hover{

	box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2), 0px 3px 4px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14);

}

.news-one .center-text{

	height: 180px;

	overflow: hidden;

}

.news-one .h3 .share-in{

	font-size: 18px;

	color: #C4C4C4;

	cursor: pointer;

}

.news-one .h3{

	padding: 0 18px;

}

.news-one h3{

	font-weight: 700;

	font-size: 112.5%;

	line-height: 1.08;

	text-align: center;

	letter-spacing: 0.15px;

	height: 44px;

	overflow: hidden;

	color: #000 !important;

	padding: 0 5px;

}

.more{
	font-weight: 300;
	font-size: 87.5%;
	line-height: 1.85;
	letter-spacing: 0.25px;
	color: #C4C4C4;
	margin-right: 18px;
}
.news-one .excerpt{
	padding: 0 18px;
	line-height: 1.5;
	letter-spacing: 0.25px;
	height: 75px;
	overflow: hidden;
	margin-bottom: 15px;
}
.to-share{
	position: absolute;
	border-radius: 4px;
	top: -12px;
	right: -75px;
	z-index: 9999;
	display: none;
}
.ya-share2{
	display: block;
}
.to-share .facebook-ico{
	border-radius: 4px;
}
.distribute{
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	font-size: 12px !important;
	letter-spacing: 0.5px !important;
	line-height: 26px !important;
	text-transform: capitalize !important;
	text-align: center;
	margin: 0;
	padding: 0 5px;
}
.advertisement-main{
	border-radius: 4px;
	box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.1), 0px 3px 4px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14);
	height: 110px;
	overflow: hidden;
	margin-bottom: 45px;
}
.date-post{
	color: #fff;
	font-weight: 700;
	width: 25%;
	height: 110px;
	font-size: 33px;
	text-align: center;
	line-height: 100px;
	border-radius: 4px;
}
.post-text{
	width: 75%;
	padding: 16px 11px;
	line-height: 1.625;
	margin: 0;
	height: 90px;
	overflow: hidden;
	color: #424242;
}
.all-news{
	margin-top: -30px;
}
.all-news .link-about {
	margin-left: 0px;
}
.all-news .cut {
	left: 35px;
}
.it h2{
	font-weight: 700;
	font-size: 150%;
	line-height: 1.375;
	margin-top: 60px;
}
.it img{
	margin-top: 30px;
}
.number{
	margin-top: 40px;
	margin-bottom: 15px;
	font-weight: 700;
	font-size: 48px;
	letter-spacing: 0.25px;
	color: #C4C4C4;
}
.number-text{
	line-height: 1.625;
	letter-spacing: 10px;
	text-transform: uppercase;
	color: #C4C4C4;
}
.join h2 {
	font-size: 87.5%;
	line-height: 1.5;
	margin-left: 97px;
	letter-spacing: 10px;
	text-transform: uppercase;
}
.join{
	border: 1px solid #E5E5E5;
	border-radius: 4px;
	margin-bottom: 60px;
	margin-top: 60px;
	padding: 30px 30px 40px 45px;
}
.join-text p{
	line-height: 1.625;
	letter-spacing: 0.25px;
	text-indent: 30px;
	margin-bottom: 0;
	padding-right: 40px;
}
.join .rectangle {
	left: 15px;
}
.join .circle {
	left: 77px;
}
.join-us{
	display: flex;
}
.button{
	width: 220px;
	height: 50px;
	color: #fff !important;
	text-align: center;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.25px;
	padding: 17px 0;
	border-radius: 4px;
	margin-top: 40px;
	display: block;
	border: none;
	cursor: pointer;
}
.button:hover{
	box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2), 0px 3px 4px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14);
}
.button-glasses {
	height: auto;
	line-height: 1.5rem;
}
.video-join p{
	margin-bottom: 0;
}
.gallerys h2{
	font-weight: 700;
	font-size: 150%;
	line-height: 1.08;
	text-align: center;
	letter-spacing: 0.15px;
}
.gallerys a{
	color: #424242;
}
.gallery-one {
	border: 1px solid #E5E5E5;
	border-radius: 4px;
	padding: 0;
}
.gallery-one .center-text{
	margin-bottom: 10px;
	height: 170px;
	overflow: hidden;
}
.gallery-one .center-text img{
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}
.gallery-one:hover{
	box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2), 0px 3px 4px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14);
}
.gallery-one h3{
	font-size: 100%;
	line-height: 1.625;
	text-align: center;
	letter-spacing: 0.15px;
	color: #000 !important;
	margin-bottom: 10px;
	text-align: center;
}
.banner{
	margin-top: 60px;
}
.banner img{
	border-radius: 4px;
}
/*/content main*/

/*content breadcrumb*/
.breadcrumb {
	padding: 0;
	background: none;
	margin-bottom: 50px;
}
.breadcrumb li{
	font-size: 87.5%;
	line-height: 1.5;
	letter-spacing: 10px;
	text-transform: uppercase;
	color: #424242;
	padding-bottom: 10px;
}
.breadcrumb li.news-active{
	text-transform: inherit;
	letter-spacing: 1.2px;
}
.breadcrumb li a{
	color: #C4C4C4;
}
/*content all news*/
.ui-widget {
	font-family: "Open Sans",sans-serif;
}
.ui-tabs .ui-tabs-panel {
	padding: 0;
}
.ui-tabs .ui-tabs-panel .row{
	padding: 0 15px;
	position: relative;
}
.ui-widget-content {
	background: inherit;
}
#news .ui-widget-header {
	border: none;
	border-radius: 0;
	border-bottom-left-radius: 4px;
	background: none;
	color: #424242;
}
#news .ui-widget.ui-widget-content {
	border: none;
}
#news .ui-state-default,#news .ui-widget-content .ui-state-default,#news .ui-widget-header .ui-state-default,#news .ui-button, html #news .ui-button.ui-state-disabled:hover, html #news .ui-button.ui-state-disabled:active {
	color: #424242;
	background: #FFFFFF;
	border-radius: 4px;
	font-size: 150%;
	line-height: 1.5;
	font-weight: 400;
	letter-spacing: 0.25px;
}
#news .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	padding-top: 4px;
	padding-bottom: 10px;
	padding-left: 70px;
	padding-right: 35px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
#news .ui-tabs .ui-tabs-nav li .rectangle {
	display: none !important;
}
#news .ui-tabs .ui-tabs-nav li .circle {
	left: 35px;
	top: 21.5px;
}
#news .ui-tabs .ui-tabs-nav li {
	margin: 0px 30px 0 0;
}
#news .ui-state-active,#news .ui-widget-content .ui-state-active,#news .ui-widget-header .ui-state-active,#news a.ui-button:active,#news .ui-button:active,#news .ui-button.ui-state-active:hover {
	color: #424242;
	background: #FFFFFF;
	box-sizing: border-box;
	border-radius: 4px;
	font-size: 150%;
	line-height: 1.5;
	font-weight: 700;
	letter-spacing: 0.25px;
}
#news .ui-tabs .ui-tabs-nav .ui-state-active a.ui-tabs-anchor,#news .ui-tabs .ui-tabs-nav .ui-state-active a.ui-tabs-anchor:link,#news .ui-tabs .ui-tabs-nav .ui-state-active a.ui-tabs-anchor:visited {
	color: #424242;
	padding-top: 4px;
	padding-bottom: 10px;
	padding-left: 120px;
	padding-right: 100px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
#news .ui-tabs .ui-tabs-nav li.ui-tabs-active .rectangle {
	display: block !important;
	left: 30px;
	top: 24.5px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
#news .ui-tabs .ui-tabs-nav li.ui-tabs-active .circle {
	left: 92px;
	top: 21.5px;
}
#news .ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: 0;
	padding-bottom: 0;
}
#news .ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: 0;
	margin-bottom: 60px;
}
#news .ui-tabs .ui-tabs-panel {
	border-width: 0px;
	padding: 0;
}
.main-news-img{
	border: 1px solid #E5E5E5;
	border-radius: 4px 0px 0px 4px;
}
.main-news-text{
	border: 1px solid #E5E5E5;
	border-radius: 0px 4px 4px 0px;
}
#news #tabs-1 .main-news::before {
	content: "";
	position: absolute;
	top: 15px;
	right: 30px;
	bottom: 15px;
	left: 30px;
	z-index: 10;
	border-radius: 4px;
}
#news #tabs-1 .main-news::after {
	content: "";
	position: absolute;
	top: 15px;
	right: 30px;
	bottom: 15px;
	left: 30px;
	z-index: 10;
	border-radius: 4px;
}
.main-news-text .advert-1{
	margin-top: 30px;
}
.main-news-text{
	padding: 0 30px;
	padding-bottom: 25px;
	z-index: 999;
}
.main-news-text h3{
	line-height: 1.67;
	text-align: center;
	letter-spacing: 0.25px;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 25px;
}
.main-news-text a{
	color: #424242;
}
.main-news-img{
	overflow: hidden;
}
.main-news-img img{
	height: auto;
	width: auto;
	max-width: 150%;
	min-width: 100%;
	min-height: 100%;
}
.main-news{
	margin-bottom: 60px;
}
#news #tabs-1 .news-one{
	margin-bottom: 30px;
}
#news #tabs-2 .row .all-adv:nth-child(odd){
	margin-left: 60px;
	margin-right: 15px;
	margin-bottom: 30px;
}
#news #tabs-2 .row .all-adv:nth-child(even){
	margin-left: 15px;
	margin-right: 60px;
	margin-bottom: 30px;
}
.adv-all-border{
	border-radius: 4px;
	height: 100%;
	padding: 13px 35px;
}
/*/content all news*/

/*content one news*/
.main-news-border{
	z-index: 0;
}
.main-news-border::before {
	content: "";
	position: absolute;
	top: 10px;
	right: 25px;
	bottom: 10px;
	left: 25px;
	z-index: 10;
	border-radius: 4px;
}
.main-news-border::after {
	content: "";
	position: absolute;
	top: 10px;
	right: 25px;
	bottom: 10px;
	left: 25px;
	z-index: 10;
	border-radius: 4px;
}
.z{
	z-index: 999;
	position: relative;
}
.last-news{
	margin-bottom: 30px;
}
.news-border{
	border-radius: 4px;
	padding: 25px;
}
.news-border .post-thumbnail img{
	width: 100%;
	border-radius: 4px;
}
.news-border .post-thumbnail{
	border-radius: 4px;
}
.share-in:hover::after {
	content: attr(data-title); /* Выводим текст */
	position: absolute; /* Абсолютное позиционирование */
	left: auto;/* Положение подсказки */
	top: -12px;
	right: -75px;
	z-index: 1; /* Отображаем подсказку поверх других элементов */
	background: rgba(255,255,230,0.9); /* Полупрозрачный цвет фона */
	font-size: 11px; /* Размер текста подсказки */
	padding: 0px 5px; /* Поля */
	border: 1px solid #E5E5E5; /* Параметры рамки */
	color: #424242;
}
.share-in{
	position: relative;
}
.news-border .share-in{
	font-size: 18px;
	color: #C4C4C4;
	cursor: pointer;
}
.news-border h1{
	font-weight: 700;
	line-height: 1.5;
	text-align: center;
	letter-spacing: 0.25px;
    margin-bottom: 20px;
}
.news-one .center-text img {
	width: auto;
	min-height: 100%;
	max-width: 150%;
	min-width: 100%;
	border-radius: 4px;
}
/*/content one news*/

/*content contacts*/
.contacts{
	margin-left: 23px;
}
.contacts-main h1{
	margin-top: 0;
	margin-left: 100px;
	font-weight: 700;
}
.contacts-main h2{
	margin-left: 100px;
	font-weight: 700;
	width: 40%;
}

.contacts-main .rectangle {
	top: 18.5px;
	left: 0px;
}
.contacts-main .circle {
	top: 15px;
	left: 62px;
}
.contacts-main .address-footer{
	padding-left: 60px;
	padding-right: 30px;
	padding-bottom: 30px;
}
.get-to{
	margin-top: 30px;
}
.main-map p, .main-map p iframe{
	height: 100%;
}
.explanation p{
	font-weight: 300;
	line-height: 1.625;
	letter-spacing: 0.25px;
	color: #000000;
}
.contact-form{
	margin-top: 60px;
}
.contact-form form{
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 60px;
}
.contact-form .form-group .button {
	margin-right: 0;
}
.contacts-main .useful-links h2{
	width: auto;
}
.questions{
	display: flex;
}
.useful-links{
	margin-top: 30px;
}
.useful-links1{
	margin-top: 15px;
}
.useful-one{
	border: 1px solid #E5E5E5;
	border-radius: 4px;
	width: 162px;
}
.useful-one p{
	font-weight: 300;
	font-size: 14px;
	line-height: 15px;
	margin-left: 15px;
	margin-bottom: auto;
	margin-top: auto;
	padding-right: 15px;
	width: 105px;
}
.useful-one img{
	height: 50px;
	border-radius: 4px;
}
.additional-address span p{
	margin-top: -25px;
	margin-left: 45px;
	padding-right: 15px;
}
.additional-address h3{
	font-weight: 700;
	text-align: center;
	margin-top: -35px;
	margin-bottom: 20px;
}
.additional-address{
	border-radius: 4px;
	margin-top: 60px;
}
.additional-address .fa-building{
	font-size: 30px;
	padding-top: 20px;
	padding-left: 30px;
}
.additional-address i{
	padding-left: 15px;
}
.additional-address iframe{
	height: 260px;
	width: 100%;
}
/*/content contacts*/

/*content professions*/
.professions h1{
	font-weight: 700;
	text-align: center;
	margin-bottom: 60px;
}
.professions h2{
	margin-left: 85px;
	font-weight: 700;
	margin-bottom: 30px;
}
.professions .circle{
	top: 16px;
}
.professions .rectangle{
	top: 20px;
}
.professions .message{
	width: 80%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 60px;
}

table {
	border-collapse: collapse;
	width: 100%;
	line-height: 20px;
	margin-bottom: 60px;
}
table th{
	text-align: center;
	padding: 15px 5px;
	height: 71px;
}
table td {
	padding: 5px 20px;
}
table td a{
	color: #424242;
}
table td p{
	margin-bottom: 0;
}
table td:hover a{
	font-weight: 700;
}
.professions .ui-tabs-vertical {
	width: 100%;
	height: 100%;
}
.professions .ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: 0;
}
.professions .ui-tabs-vertical .ui-tabs-nav {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding-right: 30px;
	float: left;
	width: 40%;
	height: 100%;
	background: inherit;
}
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; }
.ui-tabs-vertical .ui-tabs-panel {
	padding: 1em;
	float: right;
	width: 60%;
	height: 100%;
}

.professions .ui-tabs .ui-tabs-nav li {
	white-space: break-spaces;
	display: flex;
	position: relative;
}
.professions .ui-widget-header {
	border: none;
	background: #fff;
	color: #424242;
	font-weight: bold;
}
.professions .ui-widget.ui-widget-content {
	border: 0px;
	border-radius: 0px;
	padding-top: 30px;
}
.ui-tabs .ui-tabs-panel {
	border-width: 1px;
	border-radius: 4px;
	padding: 1em 1.4em;
}
.prof_name p, .prof p{
	margin-bottom: auto;
	margin-top: auto;
	font-size: 112.5%;
	font-weight: 700;
}
.ui-tabs-vertical .ui-tabs-nav li a.prof_name{
	width: 70%;
	display: flex;
	justify-content: center;
	text-align: center;
}
.prof{
	width: 30%;
	color: #fff;
	text-align: center;
	padding: 10px;
	border-radius: 4px;
}
.prof .based{
	text-transform: uppercase;
	font-weight: 400;
}
.prof .on{
	font-size: 48px;
	line-height: 48px;
}
.professions .ui-tabs .ui-tabs-nav li {
	white-space: break-spaces;
	display: flex;
	position: relative;
}
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
	padding-bottom: 0;
	padding-right: .1em;
	border-right-width: 1px;
}
.professions .ui-tabs .ui-tabs-nav li {
	white-space: break-spaces;
	display: flex;
	position: relative;
}
.professions .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
	padding-bottom: 0;
	padding-right: 0;
	border-right-width: 1px;
	box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2), 0px 3px 4px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14);
}
.professions .ui-tabs-vertical .ui-tabs-nav li {
	clear: left;
	width: 100%;
}

.professions .ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 10px 0;
	padding: 0;
}
.professions .ui-tabs .ui-tabs-nav li:first-child{
	margin-top: 0;
}

.professions .ui-state-default,.professions .ui-widget-content .ui-state-default,.professions .ui-widget-header .ui-state-default,.professions .ui-button, html .professions .ui-button.ui-state-disabled:hover, html .professions .ui-button.ui-state-disabled:active {
	 border-radius: 4px;
	 background: #fff;
}
.professions .ui-state-active,.professions .ui-widget-content .ui-state-active,.professions .ui-widget-header .ui-state-active,.professions a.ui-button:active,.professions .ui-button:active,.professions .ui-button.ui-state-active:hover {
	background: #fff;
}

.professions #tabs2 .ui-state-active::after{
	content: "";
	position: absolute;
	width: 30px;
	height: 30px;
	transform: rotate(41.27deg);
	top: 50%;
	left: auto;
	right: -13px;
	margin-top: -15px;
	box-shadow: 1px 0px 00px rgba(0, 0, 0, 0.2), 1px 0px 0px rgba(0, 0, 0, 0.12), 4px 0px 0px rgba(0, 0, 0, 0.14);}
.professions .ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: 10px;
	padding-bottom: 0;
}
.professions .ui-state-active a{
	color: #424242 !important;
}
.info-prof{
	text-align: center;
	margin-bottom: 30px;
}
.info-prof p{
	margin-bottom: 10px;
}
#tabs2 h3{
	margin-bottom: 20px;
}
.profession{
	margin-bottom: 115px;
}
.professions .cut {
	left: 0px;
}
.professions .link-about {
	margin-left: 0px;
	padding: 17px 40px 17px 40px;
}
.professions .useful-link .relative{
	margin-bottom: 30px;
}
.professions #accordion{
	display: none;
}
.professions  .ui-state-active,.professions  .ui-widget-content .ui-state-active,.professions  .ui-widget-header .ui-state-active,.professions  a.ui-button:active,.professions  .ui-button:active,.professions  .ui-button.ui-state-active:hover {
	color: #424242;
}
.professions .ui-icon {
	display: none;
}
.professions .based_on {
	position: absolute;
	right: 15px;
}
.professions .ui-accordion .ui-accordion-content{
	height: auto !important;
}
.professions .ui-accordion .ui-accordion-header {
	padding: 20px 15px;
	margin-top: 20px;
}
.professions #accordion h3:hover, .professions #accordion h3.ui-state-active{
	box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2), 0px 3px 4px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14);
}
/*/content professions*/

/*content administration*/
.info-teachers p{
	margin-bottom: 0;
	line-height: 1.625;
}
.info-teachers h3{
	margin-bottom: 15px;
	letter-spacing: 0.25px;
	text-transform: uppercase;
}
.info-teachers .position{
	margin-bottom: 15px;
}
.info-teachers .email_teachers {
	margin-left: 38px;
}
.info-teachers .phone_number span{
	margin-left: 15px;
}
.info-teachers .phone_number {
	margin-top: 15px;
}

.teachers_photo{
	overflow: hidden;
	border-radius: 4px;
}
.teachers_photo img{
	height: 100%;
	width: auto;
	max-width: 150%;
	border-radius: 4px;
}
.teachers{
	margin-left: 0px;
	margin-right: 0px;
	border: 1px solid #E5E5E5;
	margin-bottom: 30px;
}
.teachers:hover{
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
#news.administration .ui-tabs .ui-tabs-nav {
	margin-bottom: 30px;
}
#news.administration .ui-tabs .ui-tabs-panel {
	border-width: 0px;
}
.fa-file-download{
	font-size: 30px;
	color: #E5E5E5;
	margin-bottom: 10px;
}
/*/content administration*/
/*content reports*/
.preview-reports{
	padding: 0 60px;
}
.preview-reports h1{
	margin-left: 92px;
	margin-bottom: 30px;
}
.reports .rectangle {
	top: 20px;
}
.reports .circle {
	top: 16px;
}
.one-report{
	border-radius: 4px;
	padding: 30px;
}
.download-file{
	width: 110px;
	text-align: center;
	border-radius: 4px;
}
.download-file i{
	color: #fff;
	margin-top: 30px;
}
.title-report{
	width: 230px;
	padding: 15px;
	text-align: center;
	margin-bottom: 0;
	font-size: 112.5%;
}
.director-report{
	background: #FAFAFA;
	border: 1px solid #E5E5E5;
	border-radius: 4px;
	margin-bottom: 30px;
}
.director-report:hover{
	background: #fff;
	cursor: pointer;
	box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.1), 0px 3px 4px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14);
}
.the-title{
	font-size: 112.5%;
	line-height: 1.67;
	letter-spacing: 0.25px;
	text-transform: uppercase;
	font-weight: 700;
	margin-left: auto;
	margin-right: auto;
}
.the_date{
	font-size: 112.5%;
	color: #d5d5d5;
}
.description-report{
	border: 1px solid #E5E5E5;
	border-radius: 4px;
	padding: 60px 30px;
	font-size: 112.5%;
	text-align: center;
}
.description-report p{
	margin-bottom: 15px;
}
.others-reports{
	margin-top: 60px;
	padding: 0 60px;
}
.others-reports h2.others {
	margin-left: 92px;
	margin-bottom: 30px;
}
.one-report .share-in{
	padding:0px 10px;
	border-radius: 4px;
}
.one-report .share-in{
	font-size: 30px;
	color: #fff;
}
.date-title{
	display: flex;
}
.display{
	display: none;
}

/*/content reports*/

/*content gallery*/
.gallery-all .ui-tabs .ui-tabs-panel {
    border-width: 0;
    padding: 0;
}
.gallery-all .gallery-one {
    padding: 30px;
	margin-bottom: 30px;
}
.gallery-all .gallery-one .center-text img,.gallerys .gallery-one .center-text img{
	width: auto;
	min-height: 100%;
	max-width: 150%;
	min-width: 100%;
	border-radius: 4px;
}
.gallery-all .gallery-one .center-text {
    height: 350px;
	margin-bottom: 15px;
	border-radius: 4px;
	overflow: hidden;
}
.gallery-all .gallery-one h3 {
	font-size: 112.5%;
	width: 70%;
	padding-right: 10px;
}
.gallery-all .gallery-one h3.video-head {
	width: 100%;
}
.gallery-all .gallery-one:hover h3{
	font-weight: 700;
}
.count-photo{
	font-size: 112.5%;
	font-weight: 500;
	padding: 6px 11px;
	border-radius: 4px;
	min-width: 120px;
	margin-bottom: 0;
	height: 46px;
	max-width: max-content;
}
.count-photo i{
	font-size: 25px;
}
.photo-title{
	display: flex;
}
/*one gallery*/
.gallery-head h1{
	font-weight: 700;
	margin-left: 82px;
}
.gallery-head .rectangle {
	top: 20px;
}
.gallery-head .circle {
	top: 16px;
}
.lb-next, .lb-prev {
    position: absolute;
}
.lb-dataContainer {
    padding-bottom: 5px;
}
.blocks-gallery-grid img{
	border-radius: 4px;
}
.blocks-gallery-item:hover{
	box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2), 0px 3px 4px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14);
	border-radius: 4px;
}
.wp-block-embed iframe, .wp-block-video video {
	width: 100%;
}
/*/content gallery*/

/*content npc*/
.npc{
	margin-bottom: 60px;
}
.description-npc{
	margin-left: 70px;
}
.carousel-item img {
	border-radius: 4px;
}
.carousel-npc{
	padding-left: 50px;
}
.carousel-indicators li {
	height: 10px;
	width: 10px;
	border-radius: 50%;
	opacity: 1;
}
.carousel-indicators {
	justify-content: flex-end;
}
.npc-tabs .ui-tabs .ui-tabs-panel {
	border-width: 0px;
	padding: 0;
}
#news.npc-tabs .ui-tabs .ui-tabs-nav {
	margin-bottom: 30px;
}
#news.npc-tabs{
	margin-bottom: 60px;
}
.link-npc{
	margin-bottom: 60px;
}
.link-npc h3, .npc-link{
	margin-bottom: 30px;
}
.link-npc .link-about {
	margin-left: 0px;
}
.link-npc .cut {
	left: 40px;
}
/*/content npc*/

/*content distance-learning*/

.distance-learning h1{
	margin-left: 82px;
	margin-bottom: 30px;
	font-weight: 700;
}
.distance-learning .circle{
	top: 16px;
}
.distance-learning .rectangle{
	top: 20px;
}
.photo-distance-learning img{
	height: 100%;
	border-radius: 4px;
	max-width: 150%;
}
.photo-distance-learning{
	overflow: hidden;
	border-radius: 4px;
}
.description-distance-learning {
	padding-left: 45px;
}
.distance-prof{
	margin-top: 60px;
}
.link-distance-row{
	margin-top: 30px;
	margin-bottom: 30px;
}
.link-distance{

}
.link-distance div{
	margin-bottom: 40px;
}
.link-distance .link-about {
	margin-left: 0px;
}
.link-distance .cut {
	left: 35px;
	top: 4px;
}
.distance-prof .ui-accordion .ui-accordion-header {
	display: flex;
	padding: 0;
	border-radius: 4px;
}
.distance-prof .ui-state-active .ui-icon,.distance-prof .ui-button:active .ui-icon,.distance-prof  .ui-icon,.distance-prof .ui-widget-content .ui-icon {
	display: none;
}

.distance-span{
	padding: 40px 20px;
	margin-bottom: 0;
	border-radius: 4px;
	text-transform: uppercase;
}
.distance-span-prof{
	padding: 40px 20px;
	margin-bottom: 0;
}
.distance-prof .ui-state-default,.distance-prof .ui-widget-content .ui-state-default,.distance-prof .ui-widget-header .ui-state-default,.distance-prof .ui-button, html .distance-prof .ui-button.ui-state-disabled:hover, html .distance-prof .ui-button.ui-state-disabled:active {
	 background: #fff;
 }
.distance-prof .ui-state-active,.distance-prof .ui-widget-content .ui-state-active,.distance-prof .ui-widget-header .ui-state-active,.distance-prof a.ui-button:active,.distance-prof .ui-button:active,.distance-prof .ui-button.ui-state-active:hover {
	background: #fff;
	box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2), 0px 3px 4px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14);
}
.distance-prof .ui-accordion .ui-accordion-header{
	font-size: 112.5%;
	font-weight: 700;
}
.distance-prof .basic-hover-border:focus{
	color: #424242 !important;
}
.distance-prof .basic-hover-border.ui-state-active:focus{
	color: #fff !important;
}
html .distance-prof .ui-state-default:hover, html .distance-prof .ui-state-default:active {
	background: #fff;
	color: #fff !important;
	box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2), 0px 3px 4px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14);
}

.distance-prof .ui-accordion .ui-accordion-header {
	margin: 30px 0 0 0;
}
.distance-prof .ui-accordion .ui-accordion-content{
	height: auto !important;
}
/*.distance-prof .ui-icon-triangle-1-s {*/
	/*background-position: -95px -125px;*/
/*}*/
/*.distance-prof .ui-state-active .ui-icon, .distance-prof .ui-button:active .ui-icon {*/
	/*background-image: url("https://code.jquery.com/ui/1.12.1/themes/base/images/ui-icons_444444_256x240.png");*/

/*}*/

/*/content distance-learning*/

/*content search*/
.search-result{
	margin-bottom: 30px;
}
.search-useful-link .useful-link div{
	margin-bottom: 30px;
}
.search-useful-link .link-about {
	margin-left: 0px;
	padding: 17px 40px 17px 40px;
}
.search-useful-link .cut {
	left: 0px;
}
.search-useful-link p{
	font-size: 112.5%;
}
.join h2 {
	font-weight: 700;
	margin-bottom: 30px;
}
.search-result h1 {
	margin-left: 82px;
	margin-bottom: 30px;
	font-weight: 700;
}
.search-result .rectangle {
	top: 20px;
}
.search-result .circle {
	top: 16px;
}
.search-result article{
	border: 1px solid #E5E5E5;
	margin-bottom: 30px;
	padding: 15px 20px 15px 60px;
	border-radius: 4px;
}
.search-result article:hover{
	box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2), 0px 3px 4px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14);
}
.search-result .post-thumbnail img{
	height: 70px;
	width: auto;
}
.search-result .page-header{
	display: flex;
}
.search-result .entry-header{
	margin-bottom: 15px;
}
.search-result .entry-title{
	font-size: 112.5%;
	line-height: 1.5;
	font-weight: 700;
	margin-bottom: 0;
}
.search-result .entry-title a{
	color: #424242;
}
.search-result .entry-meta {
	font-size: 87.5%;
}
.search-result .entry-meta a{
	color: #C4C4C4;
}
.search-result .entry-meta a:hover{
	color: #848383;
}
.search-result .entry-summary {
	margin: .5em 0 0;
	font-size: 100%;
}
.search-result .entry-summary p {
	margin-bottom: 10px;
}
/*/content search*/

/*content entrants*/
.link-entrants{
	margin-top: 60px;
}
.link-entrants .link-about {
	margin-left: 0px;
}
.link-entrants .cut {
	left: 35px;
}
.link-entrants .link-npc-contact{
	margin-bottom: 30px;
}
.link-entrants .link-faq{
	margin-bottom: 60px;
}
.description-entrants {
	padding: 30px 120px 15px 190px;
	margin-bottom: 30px;
}
.description-entrants h2, .description-entrants h3{
	font-weight: 700;
	font-size: 112.5%;
	line-height: 1.67;
	letter-spacing: 0.25px;
	text-transform: uppercase;
	margin-bottom: 30px;
}
.description-step{
	display: flex;
	background: #FAFAFA;
	box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.1), 0px 3px 4px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14);
	border-radius: 4px;
	width: 350px;
}
.description-step p{
	margin-bottom: 0;
}
.numbers{
	width: 120px;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	border-radius: 4px;
	padding-top: 23px;
	padding-bottom: 11px;
}
.descript{
	width: 230px;
	font-size: 112.5%;
	padding: 10px;
	margin-bottom: auto;
	margin-top: auto;
	position: relative;
}
.number-step{
	font-size: 48px;
	line-height: 48px;
	font-weight: 700;
}
.descript::after {
	content: "";
	background: #FAFAFA;
	position: absolute;
	width: 30px;
	height: 30px;
	transform: rotate(41.27deg);
	top: 50%;
	left: auto;
	right: -13px;
	margin-top: -15px;
	box-shadow: 1px 0px 00px rgba(0, 0, 0, 0.2), 1px 0px 0px rgba(0, 0, 0, 0.12), 4px 0px 0px rgba(0, 0, 0, 0.14);
}
.steps{
	margin-bottom: 30px;
}
.steps-five{
	 margin-bottom: 60px;
 }
.steps-desc{
	display: flex;
	justify-content: flex-end;
}
.link-step .link-about {
	margin-left: 0px;
	padding: 44px 50px 44px 70px;
}
.link-step .cut {
	left: 35px;
}
.link-step{
	margin-top: auto;
	margin-bottom: auto;
	padding-left: 35px;
	position: relative;
}
.rectangle-one{
	position: absolute;
	width: 1px;
	height: 675px;
	top: -40px;
	left: 15px;
}
.inclusive{
	border: 1px solid #E5E5E5;
	border-radius: 4px;
	padding: 30px 15px;
	margin-bottom: 60px;
	padding-bottom: 60px;
}
.inclusive img{
	width: 100%;
}
.inclusive h3{
	font-size: 87.5%;
	line-height: 1.5;
	letter-spacing: 10px;
	text-transform: uppercase;
	margin-left: 130px;
	margin-bottom: 30px;
}
.inclusive p{
	margin-bottom: 0;
	font-weight: 300;
}
.inclusive a{
	color: #C4C4C4;
	position: absolute;
	right: 30px;
	bottom: -30px;
}
.text-year p{
	margin-top: 30px;
}
/*/content entrants*/

/*content pupils*/
.description-pupils{
	overflow: hidden;
	border-radius: 4px;
}
.description-pupils img{
	height: 100%;
	max-width: 150%;
}
.two-img img{
	height: 100%;
	max-width: 150%;
}
.two-img{
	margin-bottom: 60px;
	overflow: hidden;
}
.description-pupils-text {
	padding-left: 30px;
}
.description-pupils-teachers{
	margin-bottom: 30px;
}
.photo-2 img{
	width: 100%;
	border-radius: 4px;
}
.first-text{
	padding: 60px 300px 60px 300px;
	text-align: center;
}
.first-text-3{
	padding: 30px 200px 60px 200px;
	text-align: center;
}
.first-text-1{
	border: 1px solid #E5E5E5;
	border-radius: 4px;
	padding: 15px;
}
.first-text-2{
	border-radius: 4px;
	padding: 40px 50px 40px 50px;
}
.first-text-2 ul,.first-text-2 ol{
	text-align: left;
	margin-top: 30px;
}
.three-text{
	border: 1px solid #E5E5E5;
	border-radius: 4px;
	padding: 40px;
	margin-bottom: 60px;
}
.three-text h3,.three-text h2,.three-text h4{
	text-align: center;
	letter-spacing: 0.25px;
	text-transform: uppercase;
	margin-bottom: 30px;
}
.two-text {
	padding: 40px 30px;
	margin-bottom: 60px;
}
.two-text h3,.two-text h2,.two-text h4{
	margin-bottom: 30px;
}
.two-text .link-about{
	margin-left: 0px;
}
.two-text .cut{
	 left: 35px;
}
.history .cut{
	left: 5px;
}
.history .link-about {
	margin-left: 0px;
	padding: 17px 20px 17px 40px;
}
.two-text div.relative{
	margin-top: 25px;
}
.history{
	margin-left: 50%;
	margin-top: -30px;
}
.gallery-history{
	margin-top: 30px;
	margin-bottom: 60px;
}
.gallery-history div{
	max-height: 191px;
	overflow: hidden;
	border-radius: 4px;
}
.gallery-history img{
	border-radius: 4px;
	width: 100%;
}
.head-gallery{
	margin-top: 60px;
	margin-bottom: 30px;
}
/*/content pupils*/

/*content шаблон*/
.all-h1 h1{
	margin-left: 82px;
	font-weight: 700;
	margin-bottom: 30px;
}
.all-h1 h2{
	margin-left: 82px;
	font-weight: 700;
	margin-bottom: 30px;
}
.all-h1 .circle{
top: 16px;
}
.all-h1 .rectangle{
	top: 20px;
}
.templates .row{
	margin-bottom: 30px;
	padding: 0 15px;
}

/*/content шаблон*/

/*404*/

.row-404{
	margin: 80px auto 120px auto;
}
.err{
	font-size: 36px;
	line-height: 21px;
	text-align: center;
	letter-spacing: 25px;
	text-transform: uppercase;
	margin-bottom: 0;
}
.not{
	text-align: center;
	font-size: 200px;
	line-height: 200px;
	font-weight: 700;
	margin-bottom: 30px;
}
.text-404{
	text-align: center;
	font-weight: 700;
}
.text-404 div{
	border-radius: 4px;
}
.first-404{
	border: 1px solid #E5E5E5;
	padding: 10px;
	box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.1), 0px 3px 4px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14);
}
.last-404{
	padding: 20px;
}
.last-404 .button{
	margin-left: auto;
	margin-right: auto;
}
.send-mail1 {
	border: 1px solid #E5E5E5;
	padding: 10px;
	box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.1), 0px 3px 4px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14);
	border-radius: 4px;
}
.send-mail{
	padding: 100px 200px;
}
.send-mail2{
	border-radius: 4px;
	padding: 40px 60px;
}
.text-send{
	margin-top: 35px;
	font-size: 112.5%;
}
.send-head{
	font-size: 150%;
	letter-spacing: 0.25px;
}
.send-head h1{
	font-weight: 700;
}
@media screen and (max-width: 1200px) {
	.all-advert .cut{
		left: 40px;
	}
	.all-advert .link-about {
		margin-left: 0px;
	}
	.site-branding .custom-logo-link img {
		margin-top: 20px;
	}
	.gallery-all .gallery-one h3 {
		width: 100%;
	}
	.photo-title{
		display: block;
	}
	.count-photo {
		margin-left: auto;
		margin-right: auto;
	}
	.gallery-all .gallery-one .center-text {
		height: 255px;
	}
	.send-mail {
		padding: 100px 100px;
	}

}

@media screen and (max-width: 991px) {


	.wrap, .wrap.main {

		padding-top: 30px;

	}

	#site-navigation{

		margin-top: -30px;

	}

	.img-main img {

		height: auto;

		width: 100%;

		margin-bottom: 30px;

	}

	.img-main{

		padding: 0;

	}

	#main-index .row{

		padding: 0 15px;

	}

	.advert-main {

		margin-bottom: 30px;

	}

	.about-us {

		padding: 15px 0;

	}

	.about-us.study-us{

		padding-right: 15px;

	}

	.about-us.acquainted-us{

		padding-left: 15px;

	}

	#about{

		margin-top: 30px;

	}

	.useful-link{

		column-count: 2;

	}



	#about .relative {

		margin-top: 0;

	}

	.about-us-img img {

		width: 100%;

		margin-top: 30px;

	}

	.rectangle {

		left: 15px;

	}

	.circle {

		left: 77px;

	}

	.about-us-text h2 {

		margin-left: 97px;

	}

	.advert-news-head h3 {

		margin-top: 60px;

	}

	.all-news {

		margin-top: 30px;

	}

	.link-about {

		margin-left: 0px;

	}

	.cut {

		left: 40px;

	}

	.video-join{

		text-align: center;

		margin-top: 30px;

	}

	.main-news-img img {

		height: auto;

		min-width: 100%;

	}

	#news #tabs-2 .row .all-adv:nth-child(odd){

		margin-left: -15px;

		margin-right: 15px;

	}

	#news #tabs-2 .row .all-adv:nth-child(even){

		margin-left: auto;

		margin-right: auto;

	}

	#news #tabs-2 .advert-1 .advert-date{

		margin-right: 15px;

	}

	.main-news-text {

		border-radius: 0px 0px 4px 4px;

	}

	.main-news-img {

		border-radius: 4px 4px 0px 0px;

	}

	.questions{

		display: block;

	}

	.contacts-main h2 {

		width: auto;

	}

	.contact-form form {

		width: 80%;

	}

	.main-map p iframe {

		height: 300px;

		width: 100%;

	}

	.professions #tabs2{

		display: none;

	}

	.professions #accordion{

		display: block;

	}

	.professions h2 {

		margin-left: 115px;

	}

	#news .ui-state-default, #news .ui-widget-content .ui-state-default, #news .ui-widget-header .ui-state-default, #news .ui-button, html #news .ui-button.ui-state-disabled:hover, html #news .ui-button.ui-state-disabled:active {

		font-size: 100%;

	}

	#news .ui-tabs .ui-tabs-nav .ui-state-active a.ui-tabs-anchor, #news .ui-tabs .ui-tabs-nav .ui-state-active a.ui-tabs-anchor:link, #news .ui-tabs .ui-tabs-nav .ui-state-active a.ui-tabs-anchor:visited {

		padding-right: 15px;

	}

	#news .ui-tabs .ui-tabs-nav li {

		margin: 0px 10px 0 0;

	}

	#news .ui-tabs .ui-tabs-nav li.ui-tabs-active .circle {

		top: 13.5px;

	}

	#news .ui-tabs .ui-tabs-nav li.ui-tabs-active .rectangle {

		top: 17px;

	}

	#news .ui-tabs .ui-tabs-nav li .circle {

		top: 13.5px;

	}

	.administration .table-prof-mobile{

		max-width: 700px;

		overflow-x: auto;

	}

	.teachers_photo {

		height: 295px;

	}

	.ui-tabs #tabs-3.ui-tabs-panel {

		padding: 0;

	}

	.info-teachers{

		margin-top: 15px;

		padding-bottom: 15px;

	}

	.others-report{

		margin-top: 30px;

		columns:2;

	}

	.reports .rectangle {

		left: 0px;

	}

	.reports .circle {

		left: 62px;

	}

	.gallery-all .gallery-one .center-text {

		height: 300px;

	}

	.gallery-head h1 {

		margin-left: 100px;

	}

	.link-npc-contact{

		margin-top: 30px;

	}

	.carousel-npc {

		padding-left: 15px;

	}

	.questions p{

		margin-bottom: 30px;

	}

	.distance-learning h1 {

		margin-left: 115px;

	}

	.description-distance-learning {

		padding-left: 15px;

	}

	.photo-distance-learning img {

		height: auto;

		max-width: 100%;

	}

	.search-result h1 {

		margin-left: 115px;

	}

	.search-useful-link{

		margin-bottom: 30px;

	}

	.all-h1 h1{

		margin-left: 115px;

	}

	.all-h1 h2{

		margin-left: 115px;

	}

	.inclusive img {

		margin-top: 25px;

	}

	.inclusive p {

		margin-bottom: 30px;

	}

	.link-entrants {

		margin-top: 0px;

	}

	.link-entrants .link-faq {

		margin-top: 30px;

		margin-bottom: 30px;

	}

	.text-year p {

		margin-top: 0px;

	}

	.description-entrants {

		padding: 0px 60px 15px 125px;

	}

	.first-text {

		padding: 60px 100px 60px 100px;

	}

	.two-text {

		margin-bottom: 30px;

	}

	.two-img img,.description-pupils img {

		width: 100%;

	}

	.description-pupils-text{

		margin-top: 30px;

	}

	.first-text-3 {

		padding: 30px 50px 60px 50px;

	}

	.history {

		margin-left: 0;

		margin-top: auto;

	}

	.gallery-history div{

		max-height: 247px;

		margin-bottom: 30px;

	}

	.gallery-history {

		margin-bottom: 30px;

	}

	.gallery-one{

		margin-bottom: 30px;

	}

	.text-404 {

		margin-top: 60px;

	}

	.text-send{

		text-align: center;

	}

	.send-mail {

		padding: 100px 50px;

	}

}

@media screen and (max-width: 768px) {

	.about-us.study-us{

		padding-right: 0px;

	}

	.about-us.acquainted-us{

		padding-left: 0px;

	}

	.news-one {

		margin: 15px auto;

	}

	.advert-news-head h3 {

		margin-top: 30px;

	}

	.join-us{

		display: block;

	}

	.gallery-one {

		margin-bottom: 30px;

	}

	.banner {

		margin-top: 30px;

	}

	.to-share {

		top: 5px;

		right: 15px;

	}

	.share-in:hover::after {

		top: 35px;

		right: 0px;

	}

	#site-navigation {

		margin-top: 0px;

	}

	.join-text p {

		padding-right: 0px;

	}

	#news #tabs-2 .row .all-adv:nth-child(odd){

		margin-left:auto;

		margin-right: auto;

	}

	.ui-tabs .ui-tabs-nav li.ui-tabs-active {



	}

	.ui-tabs .ui-tabs-nav li {

		border-bottom-width: 1px;

		width: 100%;

	}

	.ui-widget-header {

		border-bottom: none!important;

	}

	.professions  .useful-link {

		column-count: 1;

	}

	.info-prof div{

		margin-bottom: 20px;

	}

	#accordion h4{

		margin-bottom: 30px;

	}

	#accordion h3{

		padding-right: 135px;

	}

	.info-prof {

		margin-bottom: 10px;

	}

	.join-us a{

		margin-right: auto;

		margin-left: auto;

	}

	.profession {

		margin-bottom: 60px;

	}

	#news .ui-tabs .ui-tabs-nav .ui-state-active a.ui-tabs-anchor, #news .ui-tabs .ui-tabs-nav .ui-state-active a.ui-tabs-anchor:link, #news .ui-tabs .ui-tabs-nav .ui-state-active a.ui-tabs-anchor:visited {

		padding-right: 0;

	}

	#news .ui-tabs .ui-tabs-nav .ui-tabs-anchor {

		width: 100%;

	}

	.teachers_photo {

		text-align: center;

		margin-top: 15px;

	}

	.teachers {

		margin-bottom: 30px;

	}

	.info-teachers h3 {

		text-align: center;

	}

	.others-report{

		columns:1;

	}

	.preview-reports {

		padding: 0 15px;

	}

	.gallery-all .gallery-one .center-text {

		height: auto;

	}

	.description-npc {

		margin-left: 0px;

	}

	.npc {

		margin-bottom: 30px;

	}

	#news.npc-tabs {

		margin-bottom: 30px;

	}

	.distance-span{

		display: none;

	}

	.link-distance .link-about {

		padding: 17px 10px 17px 22px;

	}

	.link-distance .cut {

		left: 0px;

		top: 10px;

	}

	.distance-prof .ui-accordion .ui-accordion-content {

		padding: 10px;

	}

	.distance-prof #accordion h3 {

		padding-right: 0px;

	}

	.distance-prof .ui-helper-reset {

		line-height: 2.3;

	}

	.search-useful-link .useful-link{

		column-count: 1;

	}

	.inclusive h3 {

		margin-left: 30px;

	}

	.rectangle-one {

		display: none;

	}

	.steps-desc {

		justify-content: flex-start;

		margin-bottom: 50px;

	}

	.link-step .link-about {

		padding: 24px 50px 24px 70px;

	}

	.steps {

		margin-bottom: 80px;

	}

	.two-text {

		padding: 0px 20px;

	}

	.first-text-3 {

		padding: 0px 15px 60px 15px;

	}

	.gallery-history div {

		max-height: 100%;

	}

	.send-mail {

		padding: 50px 20px;

	}

}

@media screen and (max-width: 576px) {

	.useful-one {

		width: 300px;

		margin-left: auto;

		margin-right: auto;

	}

	.contact-form form {

		width: 100%;

	}

	.table-mobile{

		max-width: 500px;

		overflow-x: auto;

	}

	.info-teachers .email_teachers {

		margin-left: 0px;

	}

	.the_date {

		font-size: 100%;

		margin-right: 15px;

	}

	.the-title {

		font-size: 100%;

	}

	.gallery-head{

		justify-content: center;

	}

	.gallery-head h1 {

		margin-left: 0px;

		text-align: center;

	}

	.gallery-head .rectangle{

		display: none !important;

	}

	.gallery-head .circle{

		display: none !important;

	}

	.professions .message{

		margin-top: 30px;

	}

	.search-result .page-header {

		display: block;

	}

	.description-entrants {

		padding: 0px 15px 15px 15px;

	}

	.three-text {

		padding: 20px;

	}

	.not {

		font-size: 150px;

		line-height: 150px;

	}





}

@media screen and (max-width: 450px) {

	.useful-link {

		column-count: 1;

	}

	.useful-link .relative {

		margin-bottom: 25px;

	}

	.useful-one{

		width: 200px;

	}

	.useful-one a.flex{

		display: block;

		text-align: center;

	}

	.useful-one p {

		margin-left: auto;

		margin-bottom: 10px;

		margin-top: 15px;

		padding-right: 0;

		width: 105px;

		margin-right: auto;

	}

	.useful-one img {

		margin-top: 10px;

	}

	.questions .link-about .cut{

		left: 0;

	}

	.questions .link-about{

		padding: 17px 5px 17px 30px;

	}



	.contact-form .form-group .button {

		margin-right: auto;

	}

	.contacts-main .address-footer {

		padding-left: 30px;

	}

	.join h2 {

		margin-left: 0;

		margin-top: 30px;

	}

	.advert-1{

		display: block;

		text-align: center;

	}

	.join {

		padding:15px 0px;

		margin:30px 0px;

	}

	#toTop {

		bottom: 160px;

	}

	.advert-main-border {

		padding: 13px 15px;

	}

	.adv-all-border {

		padding: 13px 15px;

	}

	.ui-tabs .ui-tabs-nav .ui-state-active a.ui-tabs-anchor, .ui-tabs .ui-tabs-nav .ui-state-active a.ui-tabs-anchor:link, .ui-tabs .ui-tabs-nav .ui-state-active a.ui-tabs-anchor:visited {

		padding-left: 110px;

	}

	.table-prof-mobile{

		max-width: 420px;

		overflow-x: auto;

	}

	.professions h2 {

		margin-left: 15px;

		margin-top: 35px;

	}

	.date-title{

		display: block;

	}

	.description-step {

		width: 280px;

	}

	.link-step {

		padding-left: 5px;

	}

	.link-step .link-about {

		padding: 24px 50px 24px 50px;

	}

	.link-step .cut {

		left: 15px;

	}

	.link-entrants .link-about{

		padding: 17px 30px 17px 30px;

	}

	.link-entrants .cut {

		left: 5px;

	}

	.first-text {

		padding: 60px 15px 60px 15px;

	}

	.first-text-2 {

		padding: 20px 15px 20px 15px;

	}

	.three-text {

		margin-bottom: 30px;

	}

	.err {

		font-size: 21px;

	}

	.last-404 {

		padding: 10px;

	}

	.last-404 .button{

		width: 200px;

	}

	.send-head {

		font-size: 112.5%;

	}

	.send-mail2 {

		padding: 20px 30px;

	}

}



/* Posts and pages

--------------------------------------------- */

.sticky {

	display: block;

}





.updated:not(.published) {

	display: none;

}



.page-content,

.entry-content,

.entry-summary {

	margin: 1.5em 0 0;

}



.page-links {

	clear: both;

	margin: 0 0 1.5em;

}



/* Comments

--------------------------------------------- */

.comment-content a {

	word-wrap: break-word;

}



.bypostauthor {

	display: block;

}



/* Widgets

--------------------------------------------- */

.widget {

	margin: 0;

}



.widget select {

	max-width: 100%;

}

#custom_html-2{

	height: 100%;

}

#custom_html-2 .textwidget{

	height: 100%;

}

	/* Media

    --------------------------------------------- */

.page-content .wp-smiley,

.entry-content .wp-smiley,

.comment-content .wp-smiley {

	border: none;

	margin-bottom: 0;

	margin-top: 0;

	padding: 0;

}





/* Captions

--------------------------------------------- */

.wp-caption {

	margin-bottom: 1.5em;

	max-width: 100%;

}



.wp-caption img[class*="wp-image-"] {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.wp-caption .wp-caption-text {

	margin: 0.8075em 0;

}



.wp-caption-text {

	text-align: center;

}



/* Galleries

--------------------------------------------- */

.gallery {

	margin-bottom: 1.5em;

	display: grid;

	grid-gap: 1.5em;

}



.gallery-item {

	display: inline-block;

	text-align: center;

	width: 100%;

}



.gallery-columns-2 {

	grid-template-columns: repeat(2, 1fr);

}



.gallery-columns-3 {

	grid-template-columns: repeat(3, 1fr);

}



.gallery-columns-4 {

	grid-template-columns: repeat(4, 1fr);

}



.gallery-columns-5 {

	grid-template-columns: repeat(5, 1fr);

}



.gallery-columns-6 {

	grid-template-columns: repeat(6, 1fr);

}



.gallery-columns-7 {

	grid-template-columns: repeat(7, 1fr);

}



.gallery-columns-8 {

	grid-template-columns: repeat(8, 1fr);

}



.gallery-columns-9 {

	grid-template-columns: repeat(9, 1fr);

}



.gallery-caption {

	display: block;

}



/*--------------------------------------------------------------

# Plugins

--------------------------------------------------------------*/



/* Jetpack infinite scroll

--------------------------------------------- */



/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */

.infinite-scroll .posts-navigation,

.infinite-scroll.neverending .site-footer {

	display: none;

}



/* Re-display the Theme Footer when Infinite Scroll has reached its end. */

.infinity-end.neverending .site-footer {

	display: block;

}



/*--------------------------------------------------------------

# Utilities

--------------------------------------------------------------*/



/* Accessibility

--------------------------------------------- */



/* Text meant only for screen readers. */

.screen-reader-text {

	border: 0;

	clip: rect(1px, 1px, 1px, 1px);

	clip-path: inset(50%);

	height: 1px;

	margin: -1px;

	overflow: hidden;

	padding: 0;

	position: absolute !important;

	width: 1px;

	word-wrap: normal !important;

}



.screen-reader-text:focus {

	background-color: #f1f1f1;

	border-radius: 3px;

	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

	clip: auto !important;

	clip-path: none;

	color: #21759b;

	display: block;

	font-size: 0.875rem;

	font-weight: 700;

	height: auto;

	left: 5px;

	line-height: normal;

	padding: 15px 23px 14px;

	text-decoration: none;

	top: 5px;

	width: auto;

	z-index: 100000;

}



/* Do not show the outline on the skip link target. */

#primary[tabindex="-1"]:focus {

	outline: 0;

}



/* Alignments

--------------------------------------------- */

.alignleft {



	/*rtl:ignore*/

	float: left;



	/*rtl:ignore*/

	margin-right: 1.5em;

	margin-bottom: 1.5em;

}



.alignright {



	/*rtl:ignore*/

	float: right;



	/*rtl:ignore*/

	margin-left: 1.5em;

	margin-bottom: 1.5em;

}



.aligncenter {

	clear: both;

	display: block;

	margin-left: auto;

	margin-right: auto;

	margin-bottom: 1.5em;

}

