@charset "utf-8";
/* CSS Document */
/* COLORS c_ - color */
:root {
    --d-grey-txt: #272727;
    --d-grey: #424242;
    --b: #000;
    --w: #fff;
    --d-green: #1C3A2A;
    --l-green: #506C3E;
    --d-blue: #263157;
    --bordo: #7D1A39;
    --steel: #4D6B75;
    --ocr: #AE7E12;
    --sand: #D9C39E;
    
    --style-grad: linear-gradient(90deg, #17BA4F 0%, #3A966E 100%);
    --table-grey: #B6B6B6;
    --l-grey: #CFCFCF;
    
    --l_violet: #D5D6F9;
    --d_violet: #A8ABD8;
    --l_purple: #DF92F0;
    --d_purple: #A46CFF;
    --d_blue: #739FFF;
    --br_green: #49AF49;
    --br_salad: #AAD762;
    --l_yellow: #EEE185;
    --d_yellow: #DDB84E;
    --l_or: #EA7D22;
    --l_coral: #E48D71;
    --d_coral: #D05A50;
    --d_terra: #9A2C1D;
    
    --container-xxl-width: 80%;
    --container-xxs-width: 1100px;
    --container-xxl-pad: 15px;
}
/* COLORS */

/* real bg colors for climate */
.l_violet_c{color: var(--l_violet);}
.d_violet_c{color: var(--d_violet);}
.l_purple_c{color: var(--l_purple);}
.d_purpl_c{color: var(--d_purple);}
.d_blue_c{color: var(--d_blue);}
.br_green_c.br_salad_c{color: var(--br_salad);}
.l_yellow_c{color: var(--l_yellow);}
.d_yellow_c{color: var(--d_yellow);}
.l_or_c{color: var(--l_or);}
.l_coral_c{color: var(--l_coral);}
.d_coral_c{color: var(--d_coral);}
.d_terra_c{color: var(--d_terra);}

/* real colors bg */
.l_violet{background-color: var(--l_violet);}
.d_violet{background-color: var(--d_violet);}
.l_purple{background-color: var(--l_purple);}
.d_purple{background-color: var(--d_purple);}
.d_blue{background-color: var(--d_blue);}
.br_green{background-color: var(--br_green);}
.br_salad{background-color: var(--br_salad);}
.l_yellow{background-color: var(--l_yellow);}
.d_yellow{background-color: var(--d_yellow);}
.l_or{background-color: var(--l_or);}
.l_coral{background-color: var(--l_coral);}
.d_coral{background-color: var(--d_coral);}
.d_terra{background-color: var(--d_terra);}




.d_green{color: var(--d-green) !important;}
.l_green{color: var(--l-green) !important;}
.d_blue{color: var(--d-blue) !important;}
.bordo{color: var(--bordo) !important;}
.steel{color: var(--steel) !important;}
.ocr{color: var(--ocr) !important;}
.sand{color: var(--sand) !important;}

.d_green_bg{background-color: var(--d-green);}
.l_green_bg{background-color: var(--l-green);}
.d_blue_bg{background-color: var(--d-blue);}
.bordo_bg{background-color: var(--bordo);}
.steel_bg{background-color: var(--steel); color: var(--w);}
.ocr_bg{background-color: var(--ocr);}
.sand_bg{background-color: var(--sand);}



.f43_desk{font-size: 43px !important;}
.f17_desk{font-size: 17px !important;}


* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
html, body {
    overscroll-behavior-y: none;
  }
body{
	font-family: "Nunito Sans", sans-serif;
    font-size: 17px;
    font-weight: 400;
	margin: 0;
    color: var(--d-grey-txt);
}


@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}
.form-control::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: var(--w);
}
.form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: var(--w);
   opacity:  1;
}
.form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: var(--w);
   opacity:  1;
}
.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: var(--w);
}
.form-control::-ms-input-placeholder { /* Microsoft Edge */
    color: var(--w);
}

.form-control::placeholder { /* Most modern browsers support this now. */
    color: var(--w);
}

[class*="col-"], .col{
    padding: 0;
}
h1{font-weight: bold; color: var(--w)}
h2{font-size: 2.3vw; font-weight: bold; color: var(--d-grey-txt); margin: 20px 0 30px}
h3{color: var(--w)}
h2 a, h3 a{text-decoration: none;}
h4{margin: 0;}
h5, h6 {
    font-size: 15px;
	line-height: normal;
}
p{
	padding: 0 0 15px 0;
	margin: 0;
}

a{
	color: inherit;
    text-underline-offset: 3px;
	-webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}
a:hover, a:focus, a:active{
	color: inherit;
	opacity: .8;
	text-decoration: none;
}
a.und{
    text-decoration: underline;
}

b, strong{font-weight: 700; font-family: inherit;}
.inner_content strong {
	font-weight: normal; font-family: 'merriweatherbold';
}



img{max-width: 100%; height: auto;}
a img{
	border: none;
}

button:focus {outline:0;}
.row{
 width: 100%;
 margin-right: 0; 
 margin-left: 0;
}

.div15{height: 15px;}
.div20{height: 20px;}
.div30{height: 30px;}
.div50{height: 50px;}
.div55{height: 55px;}
.div100{height: 100px;}
.div150{height: 150px;}
.div200{height: 200px;}
.div300{height: 300px;}
.div500{height: 500px;}

.clear{clear: both;}
.float_left{float: left;}
.float_right{float: right;}
*:focus {outline: none;}


.container-xxl{
    max-width: var(--container-xxl-width);
    margin: 0 auto;
    padding: 0 30px;
}

.container-xxs{
    max-width: var(--container-xxs-width);
    margin: 0 auto;
    padding: 0 30px;
}



/* START */
/* price */
.climate_zones{
    width: 300px;
    font-size: 14px;
}
.climate_zones .climate_label{max-width: 120px;}
.climate_zones td, .climate_zones th{
    width: 50%;
    text-align: left;
    padding: 5px;
    
    font-weight: bold;
}
.climate_zones th{
    font-size: 17px;
    text-align: center;
    font-weight: bold;
    padding-bottom: 10px;
}
.climate_zones td:nth-child(2){
    padding-left: 20px;
}
/* table price */
.table_price {
    overflow: auto;
    border: 1px solid #E1E1E1;
}
.table_price table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
    font-size: 14px;
}
.table_price table p{
    padding: 0 0 5px;
    margin: 0;
}

.table_price td, .table_price th {
    border: 1px solid #E1E1E1;
    border-right: 0;
    text-align: left;
    padding: 8px;
    background: #ffffff;
    text-align: center;
    
}
.table_price th[scope="row"], thead tr {
    position: sticky;
    top: 0;
    left: 0px;
    z-index: 999;
    border-left: none;
}
.table_price th[scope="row"]{
    border-right: 1px solid #E1E1E1;
}
.table_price thead th{
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 700;
    
}
.table_price .sort{
    width: 25%;
    min-width: 200px;
}
.table_price .kolvo{
    min-width: 100px;
}
.table_price .usda_zone{
    min-width: 100px;
}
.table_price td:nth-child(2), .table_price tbody th{
    text-align: left;
}
.table_price td:nth-child(2){
    font-weight: bold;
}

.table_price .btn.btn_normal{
    padding: 7px 15px;
}
.table_price thead tr{
    border-top: 4px solid #E1E1E1;
}
.climate_dot{
    font-size: 40px;
    padding-right: 10px;
}
.table_price .sort_td img{
    padding-right: 10px;
    max-height: 22px;
}



/* 


table.responsive { margin-top: 0; margin-bottom: 0; }
.pinned { position: absolute; left: 0; top: 0; background: #fff; width: 6em; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
.pinned table { border-right: none; border-left: none; width: 100%; margin-top: 0; }
.pinned table th, .pinned table td { white-space: nowrap; } 
.pinned td:last-child { border-bottom: 0; }
div.table-wrapper { position: relative !important; margin-bottom: 20px; overflow: hidden !important; border-right: 1px solid #ccc; }
div.table-wrapper div.scrollable table { margin-left: 6em; }
div.table-wrapper div.scrollable { overflow: scroll !important; overflow-y: hidden !important; }
table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; min-width: 12em;}
table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child,  table.responsive.pinned td { display: none; } */





/* input type number custom */
.quantity {
    display: flex;
    border: 1px solid var(--table-grey);
    border-radius: 3px;
    overflow: hidden;
    max-width: 120px;
    margin: 0 auto;
}

.quantity button {
    background-color: var(--w);
    color: var(--d-grey-txt);
    border: none;
    cursor: pointer;
    font-size: 20px;
    width: 30px;
    height: auto;
    text-align: center;
    transition: background-color 0.2s;
}

.quantity button:hover {
    background-color: #E1E1E1;
}

.input-box {
    width: 40px;
    text-align: center;
    border: none;
    padding: 8px 0px;
    font-size: 14px;
    outline: none;
}

/* Hide the number input spin buttons */
.input-box::-webkit-inner-spin-button, .input-box::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.input-box[type="number"] {
-moz-appearance: textfield;
}

/* input type custom end */

.form_contact input, .form_contact textarea{
    width: 100%;
    font-size: 16px;
    border-radius: 0 20px;
    border: 1px solid #9D9D9D;
    height: 43px;
    padding: 10px 15px;
}
.form_contact textarea{
    height: 166px;
    text-align: left;
}
.form_contact .input_file input[type="file"]{
    border: none;
    border-radius: 0;
    height: auto;
    padding: 15px 0;
}
input::file-selector-button {
    height: 43px;
    padding: 10px 40px;
    margin-right: 10px;
    border: 1px solid #9D9D9D;
    border-radius: 0 20px 20px;
}
.form_contact input[type="submit"]{
    border: none;
    margin: 15px 0;
}




/*  */

.hero_header{
    background-color: #000;
    background: url('../img/lepestki.svg') 50% 80% no-repeat, url('../img/hero.jpg') 50% 50% no-repeat, linear-gradient(0deg, rgba(170,172,168,1) 0%, rgba(112,86,51,1) 41%, rgba(41,27,7,1) 100%);
    background-size: cover, cover;
    height: 800px;
    padding: 0;
    position: relative;
}
.hero_header h1{
    font-size: 2.7vw;
    line-height: 1;
    margin: 3vh auto 5vh;
}
.hero_header h3{
    font-size: 1.2vw;
    font-weight: 700; 
    margin: 0;
}
.btn.btn-transp{
    background-color: transparent;
    border: 1px solid var(--w);
    border-radius: 0 30px 30px 30px;
    font-size: .7vw;
    text-transform: uppercase;
    color: var(--w);
    width: auto;
    padding: 15px 35px;
}
.btn.btn_normal{
    color: var(--w);
    width: auto;
    padding: 7px 30px;
    border-radius: 0 30px 30px 30px;
    text-transform: uppercase;
    font-size: 14px;
}
.top_menu{
    position: relative;
    width: 100%;
    /* max-width: calc(var(--container-xxl-width) - 2*var(--container-xxl-pad)); */
    top: 0;
    z-index: 100;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    padding: 20px 0;
    
}
.top_menu.active{
    position: fixed;
    background: url('../img/hero.jpg') 50% 0% no-repeat;
    background-size: cover;
}
.top_menu.display_none{
    height: 0;
}
.dropdown_menu{
    position: absolute;
    top: 80px;
    width: 100%;
    height: 0;
    overflow: hidden;
    background-color: rgba(0, 0, 0, .3);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background: linear-gradient(-90deg, rgba(198,182,146,1) 0%, rgba(112,86,51,1) 41%, rgba(41,27,7,1) 100%);
    
}
.dropdown_menu_in{
    width: 100%;
    padding: 0 30px;
}

.dropdown_menu ul{
    list-style: none;
    padding: 0;
    margin: 15px auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.dropdown_menu ul li{
    font-size: 14px;
    text-transform: uppercase;
    
}
.dropdown_menu ul li a{
    padding: 5px 15px;
    color: var(--w);
}


.header_left{
    max-width: fit-content;
    gap: 30px;
}
.header_right {
    max-width: fit-content;
}



.hamburger{
    height: 38px;
    width: 150px;
    gap: 5px;
}
.hamburger--3dx .hamburger-inner{
    background-color: transparent;
}
.hamburger-inner::before, .hamburger-inner::after{
    right: 0;
    left: auto;
}
.hamburger-inner::before {
    top: -5px;
    width: 55px;
}
.hamburger-inner::after {
    bottom: -5px;
}
.hamburger--3dx.is-active .hamburger-inner::before{
    top: -10px;
    width: 35px;
}
.hamburger--3dx.is-active .hamburger-inner::after{
    bottom: -10px;
    width: 35px;
}
.menu_word{
    margin-bottom: -3px;
}
.myaccount .dropdown-toggle::after, #cart .dropdown-toggle::after{
    display: none;
}
.myaccount > a {
    width: 33px;
    height: 40px;
    background-image: url(../img/ico_user.svg);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    vertical-align: middle;
    transition: all 600ms ease-in-out 0s;
    -webkit-transition: all 600ms ease-in-out 0s;
    -moz-transition: all 600ms ease-in-out 0s;
    -o-transition: all 600ms ease-in-out 0s;
    -ms-transition: all 600ms ease-in-out 0s;
}

.header_cart > * + * { margin-left: 10px;}
.cart_total{
    white-space: nowrap;
}
.hero_content{
    height: 90%;
}
.login_form{
    width: 65%;
    height: auto;
    border-radius: 0 200px;
    background-color: rgba(0,0,0,.3);
    backdrop-filter: blur(10px);
    padding: 10% 15%;
}
.login_form h4{
    font-size: .7vw;
    letter-spacing: 3px;
    font-weight: 400;
    color: var(--w);
    margin: 0 auto 15px;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.8;
}
.form-control{
    border-radius: 0 15px;
    background-color: rgba(255,255,255,.15);
    border: 1px solid #fff;
    text-align: center;
    font-size: .6vw;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 3px;
    font-weight: 400;
}
.form-control:focus{
    color: var(--b);
    font-weight: 400;
}
.btn{
    width: 100%;
}
.btn-primary{
    border-radius: 0 15px;
    letter-spacing: 2px;
    background-color: var(--w);
    color: var(--d-grey);
    border: none;
    font-weight: 600;
}


/* ABOUT */
.about_bg{
    background: url('../img/pics.jpg') 100% 50% no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    position: absolute;
    overflow-y: hidden;
    z-index: -1;
    right: 0;
}

.about_txt{
    padding: 100px 0;
}
.about_txt h2{
    max-width: 500px;
}
.about_img{
    
    position: relative;
    z-index: -1;
}
.about_img img{
    width: calc(100% + 100px);
    max-width: none;
    margin-left: -100px;
}

.separator{
    border-bottom: 1px solid var(--l-grey);
    margin-bottom: 115px;
}
.btn_academ{
    /* background: url('../img/ico_academ.svg') 0 0 no-repeat; */
    /* background-size: contain; */
    width: max-content;
    height: 68px;
    text-align: right;
    text-decoration: underline;
    text-underline-offset: 3px;
    font-size: 14px;
    color: var(--d-grey-txt);
}
.btn_academ > * + * { margin-left: 15px;}
.btn_academ img{
    border: 1px solid var(--l-grey);
    border-radius: 100px 100px 0 0;
    border-bottom: 0;
}

/* CARDS */
/* .cards{padding: 0 0px;} */
.cards a:hover{
    opacity: 1;
}
.cards a>img{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}
.cards a>img:hover{
    filter: grayscale(50%);
    -webkit-filter: grayscale(50%);
}
.header_colored_out{
    margin: 70px 0;
}
.header_colored{
    border-radius: 0 50px 50px 0;
    padding-right: 70px;
}
.header_colored h3{
    color: var(--w);
    font-size: 2.3vw;
    margin-top: 0;
    margin-bottom: 0;
}
.header_colored_out h4{
    text-transform: uppercase;
    font-size: 1.2vw;
    color: var(--d-grey-txt);
    
}
.card-columns .card {
    margin-bottom: 100px;
    padding: 0 30px;
}
.card{
    border: none;
    border-radius: 0;
}
.card h2, .card_in h2{
    text-transform: uppercase;
    font-size: 1.2vw;
    color: var(--d-grey-txt);
    margin: 25px 0 20px;
}
.card-body{padding: 0;}

/* another cards */
.card_in{
    position: relative;
    
}
.cards_left_col .card_in{
    padding-bottom: 40%;
}
.cards_right_col .card_in{
    padding-bottom: 60%;
}



.btn_arr_black_45{
    width: max-content;
    margin: 10px 0 10px auto;
    font-size: 12px;
    text-transform: uppercase;
}
.btn_arr_black_90{
    margin: 10px auto 10px 0;
}
.btn_arr_black_45 img{width: 35px; height: auto; margin: 0 0 0 15px;}
.btn_arr_black_90 img{
    margin: 0 15px 0 0;
}
.btn_krug{
    width: max-content;
    margin: 0;
    font-size: 14px;
    text-decoration: underline;
}
.btn_krug img{
    margin-right: 15px;
}
.btn_scroll_up{
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    font-size: 14px;
    text-decoration: underline;
    color: var(--d-grey);
    border: none;
    background: transparent;
    z-index: 50;
    opacity: .7;
}
.btn_scroll_up_in{
    width: max-content;
    gap: 15px;
}
.btn_scroll_up:hover{
    opacity: 1;
}
.climate_labels{
    position: absolute;
    top: 40px;
    right: -75px;
    width: 80px;
    z-index: -1;
}
.climate_label{
    font-size: 14px;
    font-weight: bold;
    color: var(--w);
    text-align: center;
    padding: 5px 15px;
    white-space: nowrap;
    border-radius: 0 50px 50px 0;
}
.climate_prod .climate_label{
    font-size: 17px;
    border-radius: 0 50px 50px 0;
    width: max-content;
    
}
.climate_label .label_circ{
    margin-left: 15px;
}
/* MODAL */
.modal-dialog{width: 80%; max-width: 1000px;}
.modal-backdrop{
    display: none;
}

.modal-content{
    border-radius: 0;
    border: 1px solid var(--table-grey);
    background-color: rgba(255,255,255,1); 
    /* backdrop-filter: blur(10px); */
    box-shadow: -40px 40px 40px -20px rgba(0,0,0,0.3);
}
.modal-body{
    padding: 50px 90px 90px;
}
.modal h2{
    font-size: 2vw;
    font-weight: 400;
    margin: 0;
    color: var(--d-grey);
}
.modal a, .modal a h2{
    color: var(--d-grey);
}
.modal a:hover, .modal a:hover h2{
    color: var(--d-grey);
}
.modal h3{
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 400;
    margin: 0;
    color: var(--d-grey-txt);
}
.modal_row{
    border-bottom: 1px solid var(--table-grey);
    padding: 20px 0;
}
a.modal_row {
    background: repeating-linear-gradient(
        -45deg,
        #DCDCDC,
        #DCDCDC 0px,
        transparent 2px,
        transparent var(--stripe)
    );
    background-size: 200%;
    background-position: right;
    background-attachment: fixed;
    animation: var(--animate) 20s linear infinite alternate;
}
@keyframes animateBg{
    100%{
      background-position: left;
    }
}

a.modal_row:hover {
    --animate: animateBg;
    --stripe: 39px;
    opacity: 1;
}
.modal .close{
    opacity: .8;
    width: 50px;
    height: auto;
}

/* INNER */
.hero_in{
    background: url('../img/hero_in.jpg') 50% 50% no-repeat;
    background-size: cover;
}
.inner h1{
    font-size: 32px;
    color: var(--d-grey);
}
.inner h1 .h1_small{
    font-size: 28px;
    font-weight: 400;
}
.inner h2{
    font-size: 17px;
    margin: 0 auto 30px;
    
}
.breadcrumbs_in{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    margin: 25px auto;
    font-size: 14px;
}
.breadcrumbs_in span{
    padding: 0 10px;
}
.breadcrumbs_in span:last-child{
    padding: 0 0 0 10px;
}
.breadcrumbs_in a{
    text-decoration: underline;
}
.inner a{
    color: var(--d-blue)
}
.inner h4{
    font-size: 17px;
    font-weight: 900;
    text-transform: uppercase;
    margin: 30px auto 20px;
    color: var(--d-green);
}
.inner h4:nth-last-of-type(4n-6){
    color: var(--d-blue);
}
.inner h4:nth-last-of-type(4n-5){
    color: var(--steel);
}
.inner h4:nth-last-of-type(4n-4){
    color: var(--d-green);
}
.inner h4:nth-last-of-type(4n-3){
    color: var(--bordo);
}
.inner ul{
    margin: 10px 0 30px;
    padding: 0 0 0 20px;
}
.inner ul li{
    padding: 0 0 15px 10px;
}
.inner ul li:nth-child(4n-6){
    list-style-image: url('../img/b1.svg');
}
.inner ul li:nth-child(4n-5){
    list-style-image: url('../img/b3.svg');
}
.inner ul li:nth-child(4n-4){
    list-style-image: url('../img/b2.svg');
}
.inner ul li:nth-child(4n-3){
    list-style-image: url('../img/b4.svg');
}
.inner ul.carousel_thumbs, .inner ul.carousel_thumbs li{
    list-style: none;
    list-style-image: none;
    padding: 0 0 0 15px;
}
.inner ul.carousel_thumbs li{
    padding: 0 0 15px 0;
}
.inner.blog_in img{
    margin: 0 15px 15px 0;
}
.inner.blog_in h4{
    margin: 10px auto 15px;
}
.blog_in_btm{
    border-top: 1px solid var(--l-grey);
    margin: 15px 0 0 0;
    padding-top: 10px;
}
.carousel_mine .carousel-item{
    padding-top: 150%;
}
.carousel_mine .carousel-item img {
    object-fit: cover;
    object-position: center;
    /* height: 600px; */
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
}
.carousel-indicators{
    bottom: 2%
}
.carousel-indicators li{
    border: 1px solid var(--table-grey)
}
.strip_elka{
    width: 100%;
    height: 117px;
    margin: 0 0 40px;
    /* background: url('../img/strip2.svg') 100% 50% no-repeat, url('../img/strip.svg') 0% 50% no-repeat; */
    background: url('../img/strip3.svg') 0% 0% no-repeat;
    border-top: 1px solid rgba(0,0,0,.3);
}
.strip_txt{
    font-size: 20px;
}
.options_usage{
    padding: 0 0 15px 0;
    gap: 15px;
}
.options_usage p{
    padding: 0;
}
blockquote{
    margin: 30px auto;
    font-size: 22px;
    font-style: italic;
    font-weight: 300;
}
.seyanci h2{
    font-size: 22px;
}
.seyanec_thumb{
    width: 100%;
    overflow: hidden;
}
.seyanec_thumb img{
    object-fit: cover;
    object-position: center;
    height: 100%;
    width: 100%;
}
.seyanec h2{
    color: var(--d-green);
    margin: 0 0 15px;
}

/* BLOG */
.article-card__image{
    overflow: hidden;
}
.media {
    display: block;
    background-color: var(--color-base-background-1);
    position: relative;
    overflow: hidden;
}
.media--square {
    padding-bottom: 100%;
}
.media model-viewer, .media > :not(.zoom, .deferred-media__poster-button) {
    display: block;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: auto;
    width: 100%;
}
.inner.blog h2{
    font-size: 32px;
    text-align: left;
    margin: 15px 0;
}
.blog_date{
    display: block;
    width: 100%;
    font-size: 12px;
    font-weight: 700;
    border-bottom: 1px solid var(--l-grey);
}
.blog p{
    padding: 0 0 5px 0;
}
.navigation{
    display: block;
    margin: 30px auto;
    font-size: 12px;
    font-weight: 700;
}
.navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    width: fit-content;
}
.navigation ul li {
    margin: 0 5px;
}

.navigation ul li span {
    background: #fff;
    color: #0d2e8f;
}

.navigation ul li a, .navigation ul li span {
    background: var(--w);
    border: 1px solid var(--d-green);
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 35px;
    width: 35px;
    color: var(--d-green);
    transition: none;
    text-align: center;
}
.navigation ul li.active span{
    background: var(--d-green);
    color: var(--w);
}

/* FOOTER */
.footer{
    background: var(--d-grey);
    color: var(--w);
    padding: 7vh 0;
    font-weight: 400;
}
.footer_header{
    border-bottom: 1px solid rgba(255,255,255,.3);
}
.footer h3{
    font-size: 2.3vw;;
    text-align: center;
    margin: 0 auto 7vh;
    font-weight: 100;
    font-style: italic;
}
.footer_body{
    padding-top: 60px !important;
}
.footer_logo img{
    width: 60%;
    max-width: 260px;
    height: auto;
    margin: 0 auto 30px 0;
}
.footer ul {
    padding: 0;
    list-style: none;
}
.footer ul li{
    padding: 10px 0 10px;
    font-size: 14px;
    text-transform: uppercase;
}




/* media */

/* max height */
@media (max-height: 800px){
	
}
@media (max-height: 450px){

}

/* min */
@media (min-width: 576px) { 
    
    .card-columns{
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        column-gap: 50px;
    }
    /* .card-columns .card:nth-child(1){width: 570px;}
    .card-columns .card:nth-child(2){width: 390px; float: right; clear: both;}
    .card-columns .card:nth-child(3){width: 330px; float: right; clear: both;}
    .card-columns .card:nth-child(5){width: 390px;}
    .card-columns .card:nth-child(6){width: 350px;} */
    
    
    
    .modal-open .modal{padding: 0 17px;}
}

@media (min-width: 768px) { 
    .cards_left_col{padding: 0 0 0 10%;}
    .cards_right_col{padding-left: 10%;}
    .cards_left_col .card_in{margin-left: auto;}
    .cards_left_col .card_in:nth-child(1){width: 90%;}
    .cards_left_col .card_in:nth-child(2){width: 70%;}
    .cards_left_col .card_in:nth-child(3){width: 55%;}
    .cards_right_col .card_in:nth-child(2){width: 70%;}
    .cards_right_col .card_in:nth-child(3){width: 60%;}
    .empty{height: 15%;}
}

@media (min-width: 992px) { 
    .col-lg-blog{
        -ms-flex: 0 0 255px;
        flex: 0 0 255px;
        max-width: 255px;
    }
    
}
@media (min-width: 1200px) { 
}

@media (min-width: 1500px) {
    .cards_left_col{padding: 0 0 0 80px;}
    .cards_right_col{padding-left: 160px;}
    .cards_left_col .card_in{margin-left: auto;}
    .cards_left_col .card_in:nth-child(1){width: 455px;}
    .cards_left_col .card_in:nth-child(2){width: 320px;}
    .cards_left_col .card_in:nth-child(3){width: 260px;}
    /* right col */
    .cards_right_col .card_in:nth-child(2){width: 310px;}
    .cards_right_col .card_in:nth-child(3){width: 280px;}
    .empty{height: 20%;}
    
}

/* min & max */
@media(max-width:1400px) and (min-width: 1100px){
}

/* max */
@media (max-width: 1490px){
	.hidden_notebook{display: none;}
    
    body{font-size: 14px;}
    
    h2, .header_colored h3, .footer h3, .inner.blog h2{font-size: 2.3vw;}
    .header_colored_out{margin: 35px 0}
    .header_colored_out h4{font-size: 1.2vw;}
    
    .hero_header{
        background: var(--d-grey);
        background: url('../img/hero.jpg') 50% 50% no-repeat, linear-gradient(0deg, rgba(170,172,168,1) 0%, rgba(112,86,51,1) 41%, rgba(41,27,7,1) 100%);
        background-size: cover;
        height: 600px;
    }
    .hero_content{height: 80%;}
    .hero_header h1{font-size: 3vw; margin: 20px auto 30px}
    .hero_header h3{font-size: 1.8vw;}
    .login_form{width: 450px; height: auto; padding: 15% 15%;}
    .login_form h4, .btn.btn-transp, .btn_academ, .btn_arr_black_45{font-size: 12px;}
    .btn_arr_black_45 img{width: 30px; height: auto; }
    .btn.btn-transp{padding: 11px 35px; margin-bottom: 30px;}
    .form-control{font-size: 10px;}
    .menu_word, .header_right {font-size: 16px;}
   
    .about_txt{padding: 30px 0;}
    .footer ul li{font-size: 14px;}
    .separator{margin-bottom: 7vh}
    
    
}
@media (max-width: 1280px){
    

    
    .login_form{width: 95%; padding: 15% 20%}
    .login_form h4{font-size: 10px;}
    
    .strip_elka{height: auto; margin: 0 0 40px; background: none; border-bottom: 1px solid rgba(0,0,0,.3)}
    .climate_labels{width: auto; padding: 0 15px; right: -75px}
    .climate_label{font-size: 10px;}
    .modal-dialog{max-width: 1300px; width: 60%; }
    .modal_row{padding: 10px 0;}
    .modal-body {padding: 0px 40px 40px;}
    .modal h2{font-size: 23px;}
    .modal h3{font-size: 14px;}
}

@media (max-width: 1199.98px){
	
    
}

@media (max-width: 991.98px){
    .container-xxl{max-width: 90%;padding: 0 30px;}
    body{font-size: 14px;}
    h2, .inner.blog h2{font-size: 26px; margin: 10px 0 20px;}
    
    
    .inner h1{font-size: 26px;}
    .inner h1 .h1_small{font-size: 16px;}
    .inner h2{font-size: 18px; margin: 0 auto 15px;}
    .inner h4{font-size: 16px; margin: 15px auto 10px;}
    p{padding: 0 0 10px;}
    
    .login_form{height: auto; width: 400px; border-radius: 0 150px; margin-bottom: 30px; padding: 50px 50px;}
    .login_form h4{font-size: 11px;}
    .form-control{font-size: 11px;}
    .about img{max-width: 70%; margin: 0 auto }
    .about_txt{padding: 20px 30px 0; font-size: 14px;}
    .header_colored h3{font-size: 32px; }
    .header_colored_out h4{font-size: 18px; padding: 10px 30px; white-space: nowrap;}
    
    .top_menu{font-size: 16px;padding: 10px 0}
    .dropdown_menu{
        width: 400px; top: 60px; right: 30px; left: 30px; padding: 0; 
        background: rgb(170,172,168);
        background: linear-gradient(0deg, rgba(170,172,168,1) 0%, rgba(112,86,51,1) 41%, rgba(41,27,7,1) 100%);
    }
    .dropdown_menu.active{overflow-y: auto;}
    .dropdown_menu ul{display: block; margin: 30px auto;}
    .dropdown_menu ul li{margin: 0 0 15px 0; font-size: 13px;}
    .dropdown_menu ul li a{padding: 5px 0;}
    .dropdown_menu .header_right{margin-top: 20px;}
    
    .modal-dialog{width: 80%; }
    .modal-body{padding: 15px 30px 30px;}
    .modal_row{padding: 10px 0;}
    .modal h2{font-size: 22px;}
    .modal h3{font-size: 12px;}
    .modal .close{width:30px; height: auto}
    
    
    
    .header_left{max-width: none;}
    .hero_content{padding: 30px 30px 0;}
    .hero_header{height: auto;}
    .hero_header h1{font-size: 28px; margin: 5px 0 15px;}
    .hero_header h3{font-size: 18px;}
    .btn.btn-transp{font-size: 12px; padding: 7px 20px; background-color: rgba(0,0,0,.5); backdrop-filter: blur(10px);}
    
    
    
    
    .btn_academ{height: 44px; font-size: 12px;}
    .btn_academ img{width: 44px; height: 44px;}
    .btn_arr_black_45{font-size: 11px; font-weight: 700; margin: 0;}
    
    .btn_krug{font-size: 12px;}
    .btn_krug img{width: 65px; height: auto;}
    .btn.btn_normal{font-size: 14px;}
    
    
    .separator{margin-bottom: 15px}
    .header_colored{padding: 5px 30px;}
    .header_colored h3{font-size: 22px; }
    .header_colored_out h4{font-size: 12px; padding: 10px 30px; white-space: nowrap;}
    .cards {margin-top: 15px}
    .card-columns .card {margin-bottom: 30px;}
    
    .card h2, .card_in h2{font-size: 16px; margin: 15px auto 5px; text-align: center;}
    
   
    
    
    .btn_scroll_up{bottom: 15px; right: 5px;}
    
    .breadcrumbs_in{display: block; line-height: 2; margin: 10px auto;}
    .breadcrumbs_in span, .breadcrumbs_in span:last-child {padding: 0;}
    .climate_prod .climate_label{font-size: 12px;}
    
    .inner ul{margin: 0 0 15px;}
    .strip_txt{font-size: 16px;}
    .strip_elka img{width: 50px}
    blockquote{margin: 10px auto 30px; font-size: 18px;}
    .seyanec h2{margin: 0 0 10px}
    .seyanec_thumb{width: 100%;}
   
}

@media (max-width:767.98px){
	.hidden_ipad{display: none;}
    .container-xxl{max-width: 100%;}
    .f30_mob{font-size: 30px !important;}
    .cards {padding: 0 70px;}
    .cards_left_col .card_in, .cards_right_col .card_in{padding: 0 30px 30px;}
    .btn_krug{margin: 10px auto;}
    .climate_labels{right: -50px;}
    .dropdown_menu{width: calc(100vw - 60px); top: 58px; right: 30px; left: 30px; padding: 0; }
    .form_contact input[type="submit"]{width: 100%;}
    .footer{padding: 26px 0 40px;}
    .footer_body{padding-top: 26px !important;}
    .footer h3{font-size: 18px; margin: 0 auto 26px;}
    
    .footer p{font-size: 14px; padding: 0 0 5px; text-align: center;}
    .footer ul{margin: 30px 0}
    .footer ul li{font-size: 12px;}
    .footer_logo img{width: 140px; margin: 0 auto 26px; display: block;}
}

@media(max-width:575.98px){
    .hidden_mob{display: none;}
    .about img{max-width: 90%; margin: 0 auto }
    .modal-dialog{margin: 30px}
    .table_price .sort{min-width: 140px;}
    
}