/*
Theme Name: EcoNature
Theme URI: http://eco-nature.cmsmasters.net/
Author: cmsmasters
Author URI: http://cmsmasters.net/
Description: EcoNature Wordpress Theme is amazing. Unlimited design solutions can be created due to a great flexibility of settings and shortcode options. 99+ Custom Shortcodes are added through a Visual content composer with  drag'n'drop function. You can set a completely custom layout that stretches to any width, set your content in many columnns and assign animation many parts of your content. EcoNature theme has a Portfolio that can be set to any sort of a grid or a Masonry puzzle with variable paddings for elemens, while Blog can have several different layouts too. Custom Profiles and Projects post types offer an optimal way to present your content, while valid code, SEO-optimized structure and microformats guarantee this content is easily crawled and indexed by search engines. EcoNature comes with a Custom Mega Menu plugin, a really functional Form Builder and premium Revolution and Layer Slider plugins included for free. Multilanguage, RTL-ready, plugin-compatible and professionally-supported theme will make every day you work with your website be a EcoNature!
Version: 1.4.6
License:
License URI:
Text Domain: econature
Domain Path: /framework/languages
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
*/


/*-------------------------------------------------------------------------*/
/* Browser Reset
/*-------------------------------------------------------------------------*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
figure,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  background: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  outline: none;
}
html {
  height: 100%;
  overflow-x: hidden;
  position: relative;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  overflow-x: hidden;
  position: relative;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
object,
video,
audio,
embed,
canvas,
iframe,
main,
summary {
  display: block;
}
video,
audio,
progress,
canvas {
  vertical-align: baseline;
}
video {
  background-color: #000000;
}
template,
[hidden],
audio:not([controls]) {
  display: none;
}
audio:not([controls]) {
  height: 0;
}
iframe {
  max-width: 100%;
}
abbr,
address,
progress {
  display: inline-block;
  text-decoration: none;
}
abbr:not([class]),
acronym {
  text-decoration: underline;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
#middle ul:after,
#bottom ul:after,
#middle ol:after,
#bottom ol:after {
  content: '.';
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  overflow: hidden;
}
dl {
  display: block;
  overflow: hidden;
}
dt {
  display: block;
  font-weight: bold;
  overflow: hidden;
}
dd {
  display: block;
  overflow: hidden;
}
q:before,
q:after {
  content: none;
}
del {
  text-decoration: line-through;
}
table {
  width: 100%;
}
img {
  display: inline-block;
  color: transparent;
  height: auto;
  font-size: 0;
  vertical-align: middle;
  max-width: 100%;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: auto;
  -ms-interpolation-mode: bicubic;
}
img.wp-smiley,
img.emoji {
  font-size: 1em;
}
a {
  background: transparent;
}
a:active,
a:hover {
  outline: 0;
}
img {
  border: 0;
}
figure {
  background-image: none !important;
}
fieldset {
  margin: 25px 2px 30px;
  padding: 1.5em 1em .5em;
  border-width: 0;
  border-style: solid;
}
fieldset legend {
  padding: 3px 10px;
  margin-top: -25px;
}
input {
  line-height: normal;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
textarea {
  resize: vertical;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
optgroup {
  font-weight: bold;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}
input[type=search] {
  -webkit-appearance: textfield;
}
input[type=submit],
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
input[type="checkbox"],
input[type="radio"] {
  padding: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
select {
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
  pointer-events: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input[type=text]::-ms-clear {
  display: none;
}
p:empty {
  display: none;
}
:focus {
  outline: 0;
}
pre,
code,
kbd,
samp {
  background-color: transparent;
  color: inherit;
  font-family: monospace;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  font-style: inherit;
  letter-spacing: 1px;
}
pre {
  white-space: pre-wrap;
}
pre a {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  font-style: inherit;
  letter-spacing: inherit;
}
code {
  display: inline-block;
}
code a {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  font-style: inherit;
  letter-spacing: inherit;
}
svg:not(:root) {
  overflow: hidden;
}
sub,
sup,
small {
  font-size: 75%;
}
sub,
sup {
  line-height: 0;
  position: relative;
}
sup {
  vertical-align: super;
}
sub {
  vertical-align: sub;
}
b,
strong {
  font-weight: bold;
}
th,
td,
caption {
  font-weight: normal;
}
dfn {
  font-style: italic;
}
hr {
  height: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
mark {
  color: #000000;
}

.sticky,
.bypostauthor,
.screen-reader-text {
  outline: none;
}

/*************Additional CSS Style--------*/
.cmsms_dynamic_cart{display:none;}

.tel a:hover,
.email a:hover{text-decoration:underline!important;color:#ffffff!important}

.header_top_outer, 
.header_top_outer>span{
	background: #000;
	color: #fff;
}

#header .header_mid_inner {
  display: flex;
	align-items: center;
	justify-content: center;
}

.header_mid_inner .search_wrap .search_wrap_inner{
	width: 168px!important;
}

.header_mid .header_mid_inner .logo_wrap{margin-top:-1px;}
.by_doschangelang{
	display: inline-block;
    position: relative;
	left: -20px;
}

@media (max-width:1024px){
	.by_doschangelang{
		display: inline-block;
		position: relative;
		top: -70px;
		left: 840px;
	}
}

@media (max-width:769px){
	.by_doschangelang{
		display: inline-block;
		position: relative;
		top: -70px;
		left: 540px;
	}
}

@media (max-width:426px){
	.by_doschangelang{
		display: inline-block;
		top: 0px;
		left: 160px;
	}
}

@media (max-width:376px){
	.by_doschangelang{
		display: inline-block;
		top: 0px;
		left: 160px;
	}
}

@media (max-width:321px){
	.by_doschangelang{
		display: inline-block;
		top: 0px;
		left: 110px;
	}
}

ul.qtranxs_language_chooser li{list-style: none;display: inline-block;}
ul.qtranxs_language_chooser li a{padding: 5px; color:#141414;}
ul.qtranxs_language_chooser li a:hover{color:#80b423; padding: 5px;}

.site_name{
	width:100%;
	position:relative;
	top:30px;
	margin-top:-35px;
	right:-25px;
}

.site_name_inner{
	width: 860px;
	margin: 5px auto
}

.site_name_inner>h3{
	font-weight: 700;
}

.header_mid_outer{
	border: 0px!important;
}

.custom-button-270{
	width: 270px;
}

.button-width-370{
	width:370px;
}


.custom-block-1{
	height: 260px;
}

.min-height-302{min-height:302px;}
.padding-0 img{padding:0px!important;}
.padding-45 img{padding:45px!important;}
.padding-50 img{padding:50px!important;}





.news-in-main>div.cmsms_owl_slider>div.owl-controls{display:none!important;}
.news-in-main>div.cmsms_owl_slider>div.owl-wrapper-outer>div.owl-wrapper>div.owl-item>div>article.post>div.cmsms_slider_post_cont>header.cmsms_slider_post_header{
	min-height: 84px;
}
.news-in-main>div.cmsms_owl_slider>div.owl-wrapper-outer>div.owl-wrapper>div.owl-item>div>article.post>div.cmsms_slider_post_cont>header.cmsms_slider_post_header>h3{
	display: -webkit-box;			/* Flexbox с поддержкой webkit */
	-webkit-line-clamp: 3;			/* Количество видимых строк */
	-webkit-box-orient: vertical;	/* Вертикальная ориентация */
	overflow: hidden;				/* Скрыть переполнение */
	text-overflow: ellipsis;		/* Добавить многоточие */
}

.cmsms_post_user_name,
.cmsms_post_category,
.cmsms_post_footer{
	display:none;
}

.page-id-6202>section#page>div#main>header{
	display:none!important;
}

.page-id-6202>section#page>div#main>section#middle{
	padding-top:0px!important;
}

/*******CALENDAR IN MAIN*************/
div.calendar-in-main>div.cmsms_text>div.container>section.main>div.custom-calendar-wrap>div.custom-inner>div.custom-header,
div.calendar-in-main>div.cmsms_text>div.container>section.main>div.custom-calendar-wrap>div.custom-inner>div.fc-calendar-container>div.fc-calendar>div.fc-head {
	background: #fff!important;
}

div.calendar-in-main>div.cmsms_text>div.container>section.main>div.custom-calendar-wrap>div.custom-inner>div.custom-header>nav>i.totalsoft-caret-left:before,
div.calendar-in-main>div.cmsms_text>div.container>section.main>div.custom-calendar-wrap>div.custom-inner>div.custom-header>nav>i.totalsoft-caret-right:before,
div.calendar-in-main>div.cmsms_text>div.container>section.main>div.custom-calendar-wrap>div.custom-inner>div.fc-calendar-container>div.fc-calendar>div.fc-body>div.fc-row>div.fc-content:after{
	color: #80b423!important;
}

div.calendar-in-main>div.cmsms_text>div.container>section.main>div.custom-calendar-wrap>div.custom-inner>div.custom-header>h3.custom-month,
div.calendar-in-main>div.cmsms_text>div.container>section.main>div.custom-calendar-wrap>div.custom-inner>div.custom-header>h3.custom-year{
	color: #0a0606!important;
	 font-family: "Montserrat", sans-serif!important;
}

div.calendar-in-main>div.cmsms_text>div.container>section.main>div.custom-calendar-wrap>div.custom-inner>div.fc-calendar-container>div.fc-calendar>div.fc-body,
div.calendar-in-main>div.cmsms_text>div.container>section.main>div.custom-calendar-wrap>div.custom-inner>div.fc-calendar-container>div.fc-calendar>div.fc-body>div.fc-row,
div.calendar-in-main>div.cmsms_text>div.container>section.main>div.custom-calendar-wrap>div.custom-inner>div.fc-calendar-container>div.fc-calendar>div.fc-body>div.fc-row>div{
	border: 1px solid #f5f5f5!important;
}



div.calendar-in-main>div.cmsms_text>div.container>section.main>div.custom-calendar-wrap>div.custom-inner>div.fc-calendar-container>div.fc-calendar>div.fc-body>div.fc-row>div.fc-today{
	background: #84b542!important;
}

.custom-content-reveal h4{
	background: #fff!important;
	color: #0a0606!important;
}


/************Педложить проект START************/
/* Общие стили для формы */
form {
    font-family: 'Montserrat', sans-serif;
    background-color: #f9f9f9;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* Стили для полей ввода */
input[type="text"], input[type="email"], input[type="tel"], textarea {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border: 2px solid #e0e0e0;
    border-radius: 5px;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    transition: border-color 0.3s ease;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus {
    border-color: #4CAF50; /* Зеленый цвет при фокусе */
    outline: none;
}

/* Стили для текстовых полей */
textarea {
    height: 150px; /* Увеличение высоты поля для описания проекта */
}

/* Стили для кнопки отправки */
input[type="submit"], .form-submit {
    background-color: #4CAF50; /* Зеленый цвет для кнопки */
    color: white;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    display: block;
    margin: 20px auto; /* Центрирование кнопки */
    width: auto; /* Ширина по содержимому */
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
}

input[type="submit"]:hover, .form-submit:hover {
    background-color: #45a049; /* Более темный зеленый при наведении */
}

/* Стили для заголовков */
label {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 5px;
    display: block;
    color: #333;
    font-family: 'Montserrat', sans-serif;
}

/* Стили для заголовка формы */
h2 {
    color: #4CAF50;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    margin-bottom: 20px;
}

/* Пространство между элементами формы */
.form-row {
    margin-bottom: 20px;
}

/* Стили для общего контейнера формы */
.form-submit-wrap {
    text-align: center;
}
/************Педложить проект END************/



/************Совет директоров START****************************/
/* Контейнер категории */
.directors-grid {
    margin-top: 20px;
    overflow: hidden; /* Для корректного обтекания float-элементов */
}

/* Карточка директора */
.director-card {
    max-width: 29.33%; /* 3 карточки в ряду */
    position: relative;
    float: left;
    margin: 0 2% 20px; /* Отступы между карточками */
}

/* Изображение директора */
.director-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
    margin-bottom: 15px;
}

/* Адаптивность для планшетов */
@media (max-width: 768px) {
    .director-card {
        max-width: 48%; /* 2 карточки в ряду */
        margin: 0 1% 20px;
    }
}

/* Адаптивность для мобильных */
@media (max-width: 480px) {
    .director-card {
        max-width: 100%; /* 1 карточка в ряду */
        margin: 0 0 20px;
    }
}
/************Совет директоров END****************************/

/************Правление Single START****************************/
/* Основной контейнер профиля */
.profile-container {
    margin: 30px auto;
    max-width: 1200px;
}

/* Контейнер с изображением и текстом */
.profile-content {
    display: flex;
    align-items: flex-start; /* Выравнивание по верху */
    gap: 20px;
    margin-top: 30px;
}

/* Изображение профиля */
.profile-image {
    flex: 1;
    max-width: 50%; /* Картинка занимает 50% */
}

/* Текстовая информация */
.profile-info {
    flex: 1;
    max-width: 50%; /* Текст занимает 50% */
    display: flex;
    align-items: flex-start; /* Выровнять текст сверху */
}

/* Описание профиля */
.profile-description {
    text-align: justify; /* Выравнивание текста по ширине */
    line-height: 1.6;
    font-size: 1rem;
}

/* Адаптивность для планшетов */
@media (max-width: 768px) {
    .profile-content {
        flex-direction: column;
        align-items: center;
    }
    .profile-image, .profile-info {
        max-width: 100%; /* Элементы занимают 100% ширины */
    }
}

/* Адаптивность для мобильных устройств */
@media (max-width: 480px) {
    .profile-container {
        padding: 10px;
    }
    .profile-description {
        font-size: 0.9rem;
    }
}


/************Правление Single END****************************/


/******COP-29********/
.page-id-7162>section#page>div#main>header#header{
	display:none;
}
.page-id-7162>section#page>div#main>section#middle{
	padding-top: 0px!important;
}

.page-id-7162>footer#footer{
	display:none;
}

.cop-logo-inline{
	display: flex;
    justify-content: center;
    align-items: center;
}

.cop-logo-inline img{
	max-width:160px;
}

/* Медиазапрос для экранов до 1200px */
@media (max-width: 1200px) {
    .cop-logo-inline img {
        max-width: 140px;
    }
}

/* Медиазапрос для экранов до 768px */
@media (max-width: 768px) {
    .cop-logo-inline {
        flex-wrap: wrap;
        gap: 15px;
    }
    .cop-logo-inline img {
        max-width: 120px;
    }
}

/* Медиазапрос для экранов до 480px */
@media (max-width: 480px) {
    .cop-logo-inline img {
        max-width: 90px;
    }
    .cop-logo-inline {
        gap: 10px;
    }
}


.countdown-container {
    text-align: center;
    background-color: #c1a45b; /* Золотистый цвет */
    padding: 20px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
	margin: 0 auto;
    width: 960px;
}

.countdown-container>div>h2{
    margin-bottom: 20px;
    color: #ffffff;
	padding-right: 30px;
}

.countdown {
    display: flex;
    gap: 15px;
}

.countdown-item {
    background-color: #ffffff;
    padding: 10px 20px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.countdown-item span {
    font-size: 2rem;
    color: #c1a45b; /* Золотистый цвет */
}

.countdown-item p {
    margin: 0;
    font-size: 1rem;
    color: #555;
}

/* Медиазапрос для экранов до 1200px */
@media (max-width: 1200px) {
    .countdown-container {
        width: 80%;
        padding: 15px;
    }
    .countdown-container > div > h2 {
        font-size: 1.5rem;
        padding-right: 20px;
    }
    .countdown-item span {
        font-size: 1.8rem;
    }
}

/* Медиазапрос для экранов до 768px */
@media (max-width: 768px) {
    .countdown-container {
        flex-direction: column;
        padding: 15px;
    }
    .countdown {
        flex-direction: column;
        gap: 10px;
    }
    .countdown-container > div > h2 {
        font-size: 1.3rem;
        margin-bottom: 15px;
        padding-right: 0;
    }
    .countdown-item {
        padding: 8px 15px;
    }
    .countdown-item span {
        font-size: 1.5rem;
    }
}

/* Медиазапрос для экранов до 480px */
@media (max-width: 480px) {
    .countdown-container {
        width: 90%;
        padding: 10px;
    }
    .countdown-container > div > h2 {
        font-size: 1.2rem;
    }
    .countdown-item span {
        font-size: 1.2rem;
    }
    .countdown-item p {
        font-size: 0.9rem;
    }
}

.cop-29-timer{
	margin-top:-35px;
	z-index: 15;
}


.cop-29-intro{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
}
.cop-29-intro-bg-media{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #ccc url('https://igtipc.org/wp-content/uploads/2024/11/Novyj-proekt-1.jpg') no-repeat center center;
	background-size: cover;
}

.cop-29-intro-bg-media::before{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	width: 100%;
	height: 100%;
	content: '';
	background-color: #00000080;
}

.cop-29-intro-bg-media-video{
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	object-fit: cover;
	transform: translate(-50%, -50%);
}

.cop-29-intro-content-left{
	width: 70%;
	padding-left: 170px;
	padding-right: 20px;
	z-index: 10;
}

.cop-29-intro-content-left>div{
	padding-bottom: 25px;
}

.cop-logo-inline-top{
	display:block;
}
.block-1-logo{
	display:flex;
}

.block-1-logo>a{
	display:inline-block;
	padding-right: 20px;
}

.cop-logo-inline-top img{
	max-width: 160px;
}

.block-2-headline h1{
	font-family: 'Montserrat';
    font-weight: 700;
	font-size: 64px;
	line-height: 78px;
	color: #fff;
}


.block-3-button{
	text-align: center;
}

.block-3-button a{
	font-family: 'Montserrat';
    font-weight: 100;
    font-style: normal;
    padding-right: 20px;
    padding-left: 20px;
    background-color: #ffffff;
    color: #000000;
    border-color: #d0b570;
}

.block-3-button a:hover{
	background-color: #d0b570;
    border-color: #d0b570;
}

.cop-29-intro-content-right{
	width: 50%;
	padding-left: 20px;
	padding-right: 20px;
	z-index: 10;
}

.cop-29-intro-content-right p{
	font-family: 'Montserrat';
    font-weight: 400;
	font-size: 16px;
	color:#fff;
}

/* Медиазапрос для экранов до 1200px */
@media (max-width: 1200px) {
    .cop-29-intro-content-left {
        width: 60%;
        padding-left: 100px;
    }
    .block-2-headline h1 {
        font-size: 48px;
        line-height: 60px;
    }
}

/* Медиазапрос для экранов до 768px */
@media (max-width: 768px) {
    .cop-29-intro {
        flex-direction: column;
        height: auto;
    }
    .cop-29-intro-content-left,
    .cop-29-intro-content-right {
        width: 100%;
        padding: 20px;
    }
    .block-2-headline h1 {
        font-size: 36px;
        line-height: 48px;
        text-align: center;
    }
    .block-3-button {
        text-align: center;
    }
}

/* Медиазапрос для экранов до 480px */
@media (max-width: 480px) {
    .block-2-headline h1 {
        font-size: 28px;
        line-height: 36px;
    }
    .block-1-logo img {
        max-width: 120px;
    }
    .cop-29-intro-content-left {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.font-size-16>div.featured_block_inner>div.featured_block_text>p>a{
	font-size:16px;
}

.font-size-14>div.featured_block_inner>div.featured_block_text>p>a{
	font-size:14px;
}

/*******/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
p, a, pre, ul, li, b, i, big, small, table, tr, td, h1, h2, h3, h4, h5, h6, input {
  font-family: "Montserrat", sans-serif!important;
}


