/*
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;}
.header_top_outer{background: linear-gradient(to left, #329c87, #008986)!important;}
.header_top_outer div,
.header_top_outer div a{color:#ffffff!important;}
.tel a:hover,
.email a:hover{text-decoration:underline!important;color:#ffffff!important}
.header_top_right :hover{color:#06a8e4!important;}
.header_mid .header_mid_inner .logo_wrap{margin-top:-1px;}
.by_doschangelang{margin-top: 40px;position: absolute;display: inline-block;right: 40px;}
ul.qtranxs_language_chooser li{list-style: none;display: inline-block;padding: 0px 5px;}

.main-text-about{
	text-align: justify;
}

.navigation{
	float: left
}

.main-block-3{
	border-radius: 12px;
    border: 1px #D4D4D4 solid;
    box-shadow: 0px 2px 6px #000000;
}
.main-block-4 .cmsms_column,
.main-block-5 .cmsms_column{
	box-shadow: 0px 4px 8px 2px #0000004D;
	border-radius: 12px;
	min-height: 300px;
}

.main-block-4 .one_fourth h3.cmsms_heading{
	padding-left: 10px;
    padding-right: 10px;
    word-break: break-all;
}

.main-block-6 .cmsms_column{
	box-shadow: 0px 4px 8px 2px #0000004D;
	border-radius: 12px;
	min-height: 388px;
}


/* ====== GRID ====== */
.news-grid{
  display:grid;
  grid-template-columns:2fr 1fr 1fr;
  grid-auto-rows:1fr;
  gap:24px;
}

/* ====== CARD BASE ====== */
.news-card{
  position:relative;
  border-radius:16px;
  overflow:hidden;
  background:#111;
}

.news-card a{display:block;height:100%}

.news-card__img{
  position:absolute;inset:0;
  background-size:cover;background-position:center;
}

.news-card__overlay{
  position:absolute;inset:0;z-index:1;
  /* зелёный -> прозрачный, снизу вверх */
  background:linear-gradient(
    0deg,
    rgba(46,189,141,.92) 0%,
    rgba(46,189,141,.86) 26%,
    rgba(46,189,141,.35) 54%,
    rgba(46,189,141,0) 72%
  );
}

.news-card__body{
  position:absolute;left:20px;right:20px;bottom:18px;z-index:2;
}

/* Белый текст везде */
.news-card__title{
  margin:0 0 12px;font-size:20px;line-height:1.25;font-weight:700;
  color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.25);
}
.news-card__meta{font-size:12px;color:#fff;opacity:.95}
.news-card__date{color:#e9fff7}

/* ====== LAYOUT ====== */
.news-card--lg{grid-column:1 / span 1;grid-row:1 / span 2;min-height:420px}
.news-card--sm{min-height:180px}

.news-grid .news-card:nth-child(2){grid-column:2}
.news-grid .news-card:nth-child(3){grid-column:3}
.news-grid .news-card:nth-child(4){grid-column:2}
.news-grid .news-card:nth-child(5){grid-column:3}

/* ====== ADAPTIVE ====== */
@media (max-width:992px){
  .news-grid{grid-template-columns:1fr 1fr}
  .news-card--lg{grid-column:1 / -1;grid-row:auto;min-height:360px}
}
@media (max-width:640px){
  .news-grid{grid-template-columns:1fr}
  .news-card--sm{min-height:200px}
  .news-card__title{font-size:18px}
}


/*******Стартапы*****/
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 24px;
}

.cat-header h1 {
  font-size: 28px;
  margin: 0 0 16px;
  text-align: center;
  font-weight: 800;
}

.cat-desc {
  color: #384048;
  opacity: 0.9;
  text-align: center;
}

.child-section {
  margin: 48px 0;
  text-align: center;
}

.chip-title {
  display: inline-block;
  background: #3182f7;
  color: #fff;
  font-weight: 700;
  padding: 10px 20px;
  border-radius: 999px;
  margin-bottom: 25px;
  font-size: 22px;
}

.cards-grid {
  display: grid;
  gap: 25px;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  justify-items: center;
}

.card {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(20, 45, 90, 0.08);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: 0.3s ease;
  text-align: center;
}

.card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 36px rgba(20, 45, 90, 0.15);
}

.card-cover img {
  display: block;
  width: 100%;
  height: 180px;
  object-fit: cover;
}

.card-body {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}

.card-title {
  font-size: 24px;
  line-height: 1.3;
  font-weight: 800;
  margin: 0;
  text-align: center;
}

.card-title a {
	text-decoration: none;
	color: #111;
	font-weight: 700;
    font-size: 28px;
}

.card-underline {
  width: 300px;
  height: 3px;
  background: #2d7df4;
  border-radius: 2px;
  margin: 6px auto 10px;
}

.card-excerpt {
  font-size: 15px;
  color: #2a2a2a;
  line-height: 1.6;
  text-align: center;
}

.btn-more {
  align-self: center;
  background: #2d7df4;
  color: #fff;
  text-decoration: none;
  padding: 10px 22px;
  border-radius: 999px;
  font-weight: 700;
  transition: 0.3s ease;
}

.btn-more:hover {
  background: #1d63d1;
  transform: translateY(-2px);
}

.muted {
  color: #6b7280;
}

/*******Стартапы*****/


/*******/
@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;
}