@charset "UTF-8";

/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
/***************************************************
****************************************************************************/

html {
    /* font-family: 'Tinos', sans-serif; */
     font-family: "Google Sans Flex", sans-serif;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    font-size: 10px;
    /* 2 */
}

/**
 * Remove the margin in all browsers (opinionated).
 */
body {
    font-size: 10px;
    max-width: auto;
    margin: 0 auto;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    /* 1 */
    display: block;
}

/**
 * Add the correct display in IE 9-.
 */
audio,
canvas,
progress,
video {
    display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    vertical-align: baseline;
}

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */
template,
[hidden] {
    display: none;
}

/* Links
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a,
a * {
    background-color: transparent;
    /* 1 */
    -webkit-text-decoration-skip: objects;
    text-decoration: none;
    /* 2 */
}

a,
a:focus,
a:hover {
    color: #0be6af;
    text-decoration: none;
    font-size: 1.6rem;
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
    outline-width: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
    /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
    font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
    font-weight: 700;
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
    font-style: italic;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
    font-size: 2rem;

}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
    background-color: #ff0;
    color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
    font-size: 1.5rem;
    /*font-size: 11px;*/
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
    font-size: 1.2rem;
    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;
    width: 100%;;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
    overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

:root {
    --bs-btn-hover-bg: #06c595;
    --bs-btn-active-bg: #06c595;
    ;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
    margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}

/* Forms
   ========================================================================== */
/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
select,
textarea {
    font: inherit;
    /* 1 */
    margin: 0;
    /* 2 */
}

/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
    font-weight: bold;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
    /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
    /* 1 */
    text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
}

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

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 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;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
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;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * 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;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
    color: inherit;
    opacity: 0.54;
}

/**
 * 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;
    /* 1 */
    font: inherit;
    /* 2 */
}

html {
    box-sizing: border-box;
}

*,
*::after,
*::before {
    box-sizing: inherit;
}

.u-hide {
    display: none;
}

.u-no-bullet {
    list-style-type: none;
}

.u-hide-text {
    font: 0 / 0 a;
    text-shadow: none;
    color: transparent;
}

.clear {
    clear: both;
}

body {
    /* font-family: 'Tinos', sans-serif; */
    font-family: "Google Sans Flex", sans-serif;

    font-weight: normal;
    font-style: normal;
    font-size: 10px;
    line-height: 1.2;
    color: #282828;
}

html,
body {
    height: 100%;
}

body {
    overflow-x: hidden;
}
.fas{
    font-size: 20px;;
}
p {
    font-size: 1.6rem;
    line-height: 1.6;
    margin: 0;
}

h1,
h2,
h3,
h4 {
    margin: 0;
}

header {
    padding: 0px 0;
    background-image: url("../images/header.png");
    background-size: cover;
}

header.dark {
    position: relative;
    z-index: 32355523;
}

section {
    background: #fff;
    z-index: 3;
    position: relative;
}

.dark section {
    padding-top: 84px;
    margin-top: -160px;
}

.max-width-460 .container {
    width: 100%;
    max-width: 460px;
    padding: 0 20px;
}

.max-width-780 .container {
    width: 100%;
    max-width: 780px;
    padding: 0 20px;
}

.max-width-850 .container {
    width: 100%;
    max-width: 850px;
    padding: 0;
}

.max-width-920 .container {
    width: 100%;
    max-width: 920px;
    padding: 0px;
}

.max-width-920 .container {
    width: 100%;
    max-width: 920px;
    padding: 0px;
}

.max-width-940 .container {
    width: 100%;
    max-width: 940px;
    padding: 0px;
}

.max-width-980 .container {
    width: 100%;
    max-width: 980px;
    padding: 0 20px;
}

.max-width-1260 .container {
    width: 100%;
    max-width: 1260px;
    padding: 0 20px;
}

.max-width-1110 .container {
    width: 100%;
    max-width: 1110px;
    padding: 0 15px;
}

.max-width-1520 .container {
    width: 100%;
    max-width: 1520px;
    padding: 0 15px;
}


.relative {
    position: relative;
}

.logo {
    min-width: 370px;
    max-width: 370px;
    width: 100%;
    padding: 10px 60px;
}

.logo img {
    width: 100%;
    max-width: 250px;
}





/*h1{
    text-align: center;
}*/
h1 p {
    color: #198754;
    font-family: 'Bevan', cursive;
    font-size: 4.5rem;
    letter-spacing: 0;
    line-height: 1;
    display: block;
    padding: 6px 0px 10px 0px;
    position: relative;
}

h1 p a {
    color: #198754;
    font-family: 'Bevan', cursive;
    font-size: 4.5rem;
    letter-spacing: 0;
    line-height: 1;
    display: inline-block;
    position: relative;
}


h1 p a:hover {

    color: #b3dc82;
    font-size: 4.5rem;
}

h1 p:after {
    content: '';
    position: absolute;
    /*background: #198754;*/
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    transform: skew(-25deg);
    z-index: -1;

}




h2 p {
    font-family: 'Bevan', cursive;
    color: #fff;
    display: inline-block;
    font-size: 3rem;
    line-height: 1;
    padding: 5px 13px;
    position: relative;
    text-transform: uppercase;
    transform: skewX(-15deg);
    z-index: 1;
    /* background: #0be6af; */

    background: #0be6af;
    min-height: 70px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: auto;
    vertical-align: middle;
    align-self: center;

}

h2 p a {
    color: #fff;
    font-size: 3.5rem;
    line-height: 1;
    text-transform: uppercase;
    font-family: 'Bevan', cursive;

}

h2 p a:hover {
    color: #fff;
    font-size: 3.5rem;
    line-height: 1;
    text-transform: uppercase;


}

h2 {
    margin-bottom: 20px;
    position: relative;
    text-align: center;
    width: 100%;
    font-family: 'Bevan', cursive;
}

h2:before {
    content: '';
    background: #555;
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 50%;
    width: 100%;
    height: 1px;
    z-index: 0;
    background: #0be6af;
}

h2 .btn {
    font-family: 'Bevan', cursive;
    font-size: 6rem;
    letter-spacing: 0;
    line-height: 1;
    text-transform: uppercase;
    color: #fff;
}

h3 p {
    font-family: 'Bevan', cursive;
    font-size: 2.7rem;
    letter-spacing: 0;
    line-height: 1.5;
    color: #222;
}

h3 p a {
    color: #222;
    line-height: 1.5;
    display: inline-block;
}

h4 p {
    color: #ffffff;
    font-family: 'Bevan', cursive;
    font-size: 2rem;
    letter-spacing: 0;
    line-height: 1.5;
}

.hero_mimiq .description_content p {
    color: #fff;
}

.hero_mimiq h4 p {
    font-size: 3.5rem;
}
.description_content p ,
.description_content p span,
.description_content p a,
.description_content a{
    font-family: "Google Sans Flex", sans-serif !important;
}
.description_content p {
    color: #868080;
    /* font-family: 'Tinos', sans-serif; */
    font-size: 2rem;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 1.5;
}

.cell_1_5 {
    min-width: 20%;
    max-width: 20%;
}

.cell_2_5 {
    min-width: 40%;
    max-width: 40%;
}

.cell_3_5 {
    min-width: 60%;
    max-width: 60%;
}

.cell_4_5 {
    min-width: 80%;
    max-width: 80%;
}

.cell_5_5 {
    min-width: 100%;
    max-width: 100%;
}

.cell_1_4 {
    min-width: 24.9%;
    max-width: 24.9%;
}

.cell_2_4 {
    min-width: 49.9%;
    max-width: 49.9%;
}

.cell_3_4 {
    min-width: 75%;
    max-width: 75%;
}

.cell_4_4 {
    min-width: 100%;
    max-width: 100%;
}

.cell_1_3,
.cell_1_6 {
    min-width: 33.3%;
    max-width: 33.3%;
}

.cell_2_3 {
    min-width: 66.6%;
    max-width: 66.6%;
}

.cell_3_3 {
    min-width: 100%;
    max-width: 100%;
}

.cell_1_2 {
    min-width: 50%;
    max-width: 50%;
}

.cell_2_2 {
    min-width: 100%;
    max-width: 100%;
}

.cell_1_1 {
    min-width: 100%;
    max-width: 100%;
}

.full-height {
    height: auto;
}

.sidebar {
    min-width: 300px;
    max-width: 300px;
    margin-left: 1%;
    margin-bottom: 5%;
}

.sidebar section {
    margin: 0;
}

.full_content {
    min-width: calc(99% - 300px);
    max-width: calc(99% - 300px);
    padding-right: 90px;
}

.row {
    margin: 0;
}

.img-responsive {
    width: 100%;

}

.flex_container {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.ai-flex-start {
    align-items: flex-start;
}

.ai-center {
    align-items: center;
}

.ai-center .flex_container {
    align-items: center;
}

.ai-flex-end {
    align-items: flex-end;
}

.jc-space-between {
    justify-content: space-between;
}

.jc-flex-start {
    justify-content: flex-start;
}

.jc-flex-center {
    justify-content: start;
}

.jc-flex-end {
    justify-content: flex-end;
}

.jc-flex-center .flex_container {
    justify-content: center;
}



.btn {
    padding: 10px 20px;
    background-color: #0be6af;
    border-radius: 24px;
    margin: 10px;
}

.btn-custom,
.btn-default {
    height: auto;
    transition: all 0.3s ease-in-out;
    color: #ffff;
    font-family: 'Tinos', sans-serif;
    font-size: 1.6rem;
    letter-spacing: 0;
    line-height: 1.2;
    text-align: center;
    font-weight: 600;
    margin: 10px 10px;
    border-radius: 5px;
    vertical-align: text-top;
}

.btn-custom .custom_link {
    color: #fff;
}

.footer_buttons_custom .btn-custom {
    margin-top: 90px;
    background: transparent;
    border: 1px solid #000;
    color: #000;

    font-family: 'Tinos', sans-serif;
    font-size: 1.8rem;
    letter-spacing: 0;
    line-height: 20px;
    text-align: center;
    font-weight: 300;
}

.btn-custom:hover,
.btn-custom:focus,
.btn-default:hover,
.btn-default:focus {
    color: #fff;
    background: #888;
    border-bottom: 5px solid #0be6af;
}

.menu_name {
    display: none;
}

::placeholder {
    color: #001932;
    /* font-family: 'Tinos', sans-serif; */
    font-family: "Google Sans Flex", sans-serif;

    font-size: 2rem;
    line-height: 1.5;
    font-weight: 500;
}

.heading {
    position: relative;
    margin-bottom: 40px;
}

.heading-content {
    /*display: flex;*/
    /*align-items: flex-start;
    flex-direction: row-reverse;*/
    display: block;
}

/*.heading .heading-title {
    width: 50.5%;
    margin-top: 0;
    padding: 2.5rem 4rem 2rem;
    transform: translateX(-5rem);
    background-color: #fff;
    color: #071f32;
    position: absolute;
    text-align: center;
    z-index: 20;
    top: 50%;
    transform: translate(0%, -50%);
}*/

.heading .heading-title {
    margin-top: 0;
    padding: 2.5rem 0rem 2rem;
    color: #071f32;
    z-index: 20;
}

.heading .heading-title .title {
    font-size: 4.2rem;
    font-weight: 700;
    margin: 0 0 15px 0;
}

.heading .heading-image {
    width: 100%;
    flex-shrink: 0;
    position: relative;
    z-index: 10;

}

.heading .heading-image img {
    max-height: 700px;
    object-fit: cover;
    object-position: center;
}

.heading-image img.loaded {
    opacity: 1;
    display: block;
    margin-right: 3rem;
    width: 100%;
    transition: opacity .5s;
}

.heading-image:after {
    background-color: #0be6af;
    content: '';
    display: block;
    height: 100%;
    left: 1rem;
    position: absolute;
    top: 1rem;
    width: 100%;
    z-index: -1;
}

.heading-image img {
    width: 100%;
}

.nav-tabs li button,
.nav-tabs li a {
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    font-size: 1.8rem;
    color: #087E66;

}

.scroll_to_top {
    cursor: pointer;
    display: inline-block;
}

.light_gray {
    background: #f5f5f5;
    padding: 50px 0;
}

.dark_blue {
    background: #071f32;
    padding: 50px 0;
}

.footer_info {
    display: flex;
    flex-wrap: wrap;
    min-width: 600px;
    max-width: 600px;
}

.addcookie:hover {
    background-color: #c1c1c1;
}

.small_contact_info {
    margin-bottom: 0;
    position: absolute;
    left: 50px;
    /* top: 50%;
    transform: translateY(-50%); */
    bottom: 50px;;
}

.small_contact_info a {
    color: #0be6af;
}

.tab-content>.tab-pane {
    padding: 40px 0;
}

/*****map ***/
#cvi_tooltip {
    display: none;
    position: absolute;
    padding: 4px 8px;
    color: #ffffff;
    z-index: 5000;
    background: #0a5b23;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#0b93e6), to(#06535f));
    background-image: -moz-linear-gradient(top, #0b93e6, #06535f);
    font: 15px Arial, Helvetica, sans-serif;
    font-weight: bold;
    border: 1px solid #0f5132;
    max-width: 240px;
    min-width: 30px;
    box-shadow: rgba(40, 20, 0, .66) 0px 0px 8px;
    -moz-box-shadow: rgba(40, 20, 0, .66) 0px 0px 8px;
    -webkit-box-shadow: rgba(40, 20, 0, .66) 0px 0px 8px;
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}

#cvi_tooltip b {
    color: #333333;
}

#cvi_tooltip i {
    font-family: Times, serif;
}

#cvi_tooltip big {
    text-transform: uppercase;
}

#cvi_tooltip hr {
    color: orange;
    border-color: orange;
    background-color: orange;
}

/****map***/


.navbar>.container .navbar-brand,
.navbar>.container-fluid .navbar-brand {
    margin-left: 0;
}

.navbar {
    padding: 0px 0px;
}

ul.nav.navbar-nav.navbar-right {
    /*justify-content: flex-end;*/
    align-items: flex-end;
    width: 100%;
    justify-content: center;
}

.navi_green_bg,
.navi_green_bg .bg-light {
    /*background: #28c5aa !important;*/
    background: #0d564a !important
}

#main-navigation {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right;
    display: none;

}

#main-navigation li {
    display: inline-block;
    text-align: left;
    margin: 0 0 0 0px;
    vertical-align: top;
}

#main-navigation li a {
    /*font-size: 1.6rem;*/
    font-size: 2rem;
    text-transform: uppercase;
    color: #fff;
    display: block;
    line-height: 25px;
    padding: 14px 10px 14px 10px;
    /*font-weight: 600;*/
    font-weight: 400;
    font-family: 'Bevan';
    position: relative;
    z-index: 1;
}

#main-navigation li a:hover {
    text-shadow: 0px 0px 1px #60133F;
}

#main-navigation li a.active {
    text-shadow: 0px 0px 1px #60133F;
}

#main-navigation li a:hover:after,
#main-navigation li a.active:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: skewX(-15deg);
    background: #0be6af;
    z-index: -1;
}

#main-navigation li.active ul li a {
    text-decoration: none;
}

#main-navigation li ul {
    margin: 0;
    padding: 0 0 15px 0;
    display: none;
    position: absolute;
    background: #429395;
}

#main-navigation li ul li {
    display: block;
}

#main-navigation li ul li a {
    padding: 0 15px 0 15px;
    text-transform: capitalize;
}

#main-navigation li ul li a:hover {
    text-decoration: underline;
}

.search {
    text-align: right;
    margin: auto 0;
}

.image-short-container {
    position: relative;
    margin-bottom: 10px;
    border-radius: 10px;
    border: 1px solid #dadada;
    padding: 0px;
    overflow: hidden;
}

.image-short-container {
    margin-right: 1%;
}

.over-text-container {
    position: absolute;
    bottom: 0;
    background-color: #fff;
    display: block;
    width: 100%;

}

.over-text-container h4 {
    padding-left: 10px;
}

.over-text-container h4 p {
    font-size: 20px;
    line-height: 2;
    color: #000000;
}

.over-text-container h4 p a {
    color: #000000;
    font-size: 20px;
}

.over-text-container h4 p a:after {
    content: "➤";
    color: #0be6af;
    position: absolute;
    right: 18px;
    bottom: 0px;
    transition: all .3s;
}

.over-text-container h4 p a:hover:after {
    content: "➤";
    right: 13px;
}

.inner-spacer-bott-80 {
    padding-bottom: 80px;
}

.inner_spacer_top_40 {
    padding-top: 40px;
}

.inner_spacer_bott_40 {
    padding-bottom: 40px;
}

.inner_spacer_bott_40 {
    padding-bottom: 40px;
}

.inner_spacer_tb_40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.spacer_bott_30 {
    margin-bottom: 30px;
}

.spacer_tb_40 {
    margin-top: 40px;
    margin-bottom: 40px;
}

.spacer_bott_15 {
    margin-bottom: 15px;
}


#errors,
#status {
    display: none;
}

.primarii_cont {
    transition: all 0.5s;
    min-width: 100%;
}

.primarii_cont.next {
    transform: translateX(100%);
}

.primarii_cont.prev {
    transform: translateX(-100%);
}

#loadmoreprimarii {
    display: flex;
    overflow: hidden;
    position: relative;
    transform: translateZ(0);
}
    
.disabled {
    pointer-events: none;
}

#footer {
    padding: 0px 0;
    background: #111111;
}

.logo_footer img {
    width: 100%;
    max-width: 190px;

}

.logo_footer {
    text-align: center;
    margin-top: 50px;

}

.blackbackground_container .col:nth-child(1) img {
    width: 100%;
    max-width: 744px;

}

.blackbackground_container .col:not(:nth-child(1)) img {
    width: 100%;
    max-width: 167px;

}

.blackbackground_container .relative_position {
    position: relative;
}

.blackbackground_container .over_image {
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 40px 0 15px 50px;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .6) 50%, rgba(0, 0, 0, .9) 100%);
    width: 100%;

}

.blackbackground_container {
    padding: 40px 0;
}

.over_image p a {
    color: #0be6af;
    margin-right: 5px;
}

.over_image p {
    color: #888;
    margin-right: 5px;
}

.over_image h3 p a {
    color: #fff;
}

.newscontainer h2 p a {
    color: #fff;
    font-size: 2rem;
    line-height: 1.1;
    margin-right: 30%;
    width: 70%;
}

.right-text-container h3 p a {

    color: #fff;
    float: left;
    font-size: 2.5rem;
    letter-spacing: -.02em;
    line-height: 1.2;
    opacity: 1;
    width: 100%;
}

.right-text-container p a {
    color: #0be6af;
    margin-right: 5px;
}

.right-text-container p {
    color: #fff;
}

.col-6 {
    width: 48%;
}

.btn-container {
    text-align: right;
}

.btn-prev,
.btn-next {
    color: #0be6af;
    background: transparent;
    padding: 5px 20px;
    border-radius: 0px;
    font-weight: bold;
    font-size: 3.5rem;
    border: 0 solid transparent;
    font-weight: normal;

}
:not(.btn-check)+.btn:active,
:not(.btn-check)+.btn:active:focus-visible
.btn:first-child:active, 
.btn-prev:hover,
.btn-next:hover,
.btn-prev:focus,
.btn-next:focus,
.btn-prev:active,
.btn-next:active {
    background: transparent;
    background-color: transparent !important;
    /* filter: drop-shadow(0 0 0 rgba(0,0,0, 0.3)); */
    /* font-size: 2.5rem; */
    border: 0;
    border-color: transparent;
    color: #1C900D;
     font-size: 3.5rem;
}

.disabled :not(.btn-check)+.btn:active,
.disabled :not(.btn-check)+.btn:active:focus-visible
.disabled .btn:first-child:active, 
.disabled .btn-prev:hover,
.disabled .btn-next:hover,
.disabled .btn-prev:focus,
.disabled .btn-next:focus,
.disabled .btn-prev:active,
.disabled .btn-next:active,
.disabled .btn-prev,
.disabled .btn-next {
    background: transparent;
    background-color: transparent !important;
    /* filter: drop-shadow(0 0 0 rgba(0,0,0, 0.3)); */
    /* font-size: 2.5rem; */
    border: 0;
    border-color: transparent;
    color: #cdcdcd;
     font-size: 3.5rem;
}

.supratitle-text-over-white-background p a {
    color: #0be6af;
    margin-right: 5px;
}

.container_anunturi {
    margin-bottom: 20px;
    border-bottom: 1px solid #dadada;
    padding-bottom: 20px;

}

.slider_short_description a {
    color: #222;
}

.ta-right {
    text-align: right;
}

.ta-center {
    text-align: center;
}


.supratitle-text-over-black-background a {
    color: #0be6af;
    margin-right: 5px;
}

.supratitle-text-over-black-background {
    color: #fff;
}

.small_text_in_slider {
    font-size: 1.4rem;
    line-height: 1.2;
    color: #fff;

}
.small_text_in_slider p {
    line-height: 1.2;
}
.small_text_in_slider a {
    font-size: 1.4rem;
    line-height: 1.2;
    color: #fff;

}

.slider_box {
    padding: 20px 10px;
    border: 1px solid #0be6af;
    margin: 15px;
}

.my-slider-articol .slider_box_articol {
    padding: 10px 10px;
    border: 1px solid #0be6af;
    margin: 15px;

}

.single_images .slider_box_articol {
    padding: 10px 10px;
    margin: 15px;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.single_images .slider_box_articol picture{
    max-width: 25%;
    width: 25%;
}
.single_images .slider_box_articol img {
    padding: 20px 10px;
    width: 100%;

}

.my-slider-articol .slider_box_articol img {
    display: block;
    height: 150px;
    width: 100%;
    object-fit: cover;
    margin: 0 auto;
}

.tns-outer {
    position: relative;
}

.tns-controls {
    position: absolute;
    z-index: 1;

    top: -10px !important;
    left: 50% !important;
    TRANSFORM: translateX(-50%);
    width: 260px;
    display: flex;
    justify-content: space-between;
}

.tns-controls button {
    color: #fff;
    padding: 5px 20px;
    /* background: #c1c1c1; */
    border-radius: 0px;
    font-weight: normal;
    font-size: 3rem;
    width: 125px;
    height: 45px;
    position: absolute;
    background: transparent;
    border: 0;
    top: 50%;
    transform: translateY(-50%);
}

.tns-controls button[data-controls="prev"] {
    left: 0%;
    position: absolute;
    color: #0be6af !important;
    text-indent: -5000px;

}

.tns-controls button[data-controls="prev"]:after {
    content: '<';
    position: absolute;
    left: -10px;
    font-size: 40px;    
    color: #0be6af !important;
    text-indent: 0;
    top: 57%;
    transform: translateY(-50%);
    filter: drop-shadow(0 0px 10px rgba(0, 0, 0, .5));
}

.tns-controls button[data-controls="next"] {
    right: 0%;
    position: absolute;
    color: #0be6af !important;
    text-indent: -5000px;
}

.tns-controls button[data-controls="next"]:after {
    content: '>';
    position: absolute;
    right: -10px;
    font-size: 40px;
    color: #0be6af !important;
    text-indent: 0;
    top: 57%;
    transform: translateY(-50%);
    filter: drop-shadow(0 0px 10px rgba(0, 0, 0, .5));
}

.foot-soc-list {
    text-align: center;
    width: 100%;
    position: relative;
    list-style: none;
    margin-top: 50px;

}

.foot-soc-list li {
    display: inline-block;

}

.foot-soc-list li a {
    border-radius: 50%;
    background: #333;
    color: #fff !important;
    display: inline-block;
    font-size: 20px;
    line-height: 1;
    margin-left: 8px;
    padding-top: 8px;
    text-align: center;
    width: 40px;
    height: 35px;
}

.footer_copyright {
    background: #000;
    padding: 10px 0px;
    text-align: center;
}

.footer_copyright p {
    color: #fff;
}


@keyframes bounceInLeft_custom {
    0% {
        transform: translateX(-3000px);
    }

    5% {
        opacity: 1;
    }

    100% {
        transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes bounceInRight_custom {
    0% {
        transform: translateX(3000px);
    }

    5% {
        opacity: 1;
    }

    100% {
        transform: translateX(0px);
        opacity: 1;
    }
}

.animate_bounceInRight_custom {
    animation: bounceInRight_custom 1s cubic-bezier(.215, .61, .355, 1) forwards;
}

.animate_bounceInLeft_custom {
    animation: bounceInLeft_custom 1s cubic-bezier(.215, .61, .355, 1) forwards;
}

.ani-boxes>div {
    opacity: 0;
}

.small_legal_privacy {
    padding-left: 10px;
    position: fixed;
    bottom: 0;
    z-index: 100000;
    background: #202020;
    color: #fff;
}

.footer_menu {
    text-align: center;
    margin-top: 20px;

}

.footer_menu li {
    display: inline-block;
    margin: 0 0 10px 20px;
}

.footer_menu li a {
    color: #888;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
}

.footer_menu li a:hover {
    color: #fff;
}

.footer_menu li a.active {
    color: #fff;
}

/****form***/
label {
    font-size: 1.4rem;
    padding: 5px 0px;

}

tr td {
    font-size: 1.6rem
}

tr th {
    font-size: 2.0rem
}

.nav-link:focus,
.nav-link:hover {
    color: #0be6af;
}

.tab-content ul li,
.tab-content ol li {
    font-size: 1.6rem;

}

.col-sm-12 {
    margin-bottom: 20px;
}

.form-control {
    padding: 1rem 0.75rem;
}

.oops_404 {
    margin-top: 40px;
    margin-bottom: 40px;
}

.hero {
    max-height: 200px;
    height: 100%;
    width: 100%;
    overflow: hidden;
    margin-bottom: 50px;

}


/*.ani-boxes h3 p a{
    font-weight: 400;
}*/
.ani-boxes .slider_short_description a {
    font-weight: 400;
}

.primarie_info_poza {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
}

.logo_primarie {
    position: absolute;
    right: 60px;
    top: 10%;
    transform: translateY(-50%);
}

.logo_primarie img {
    max-width: 440px;
    width: 100%;
}

.heading .small_contact_info h1 p {
    font-size: 4rem;
}

.heading .small_contact_info p {
    color: #fff;
    font-size: 2rem;
}

.heading .small_contact_info a {
    font-size: 2rem;
}

h2.tabs_small_title:nth-child(n+2) {
    margin-top: 30px;
}

.long_description {
    margin-bottom: 40px;
}
.long_description li,
.long_description li a{
    font-size: 1.6rem;
    line-height: 1.6;
    color: #222;
}

.my-slider-hotarari {
    display: flex;
}

.file_list_design {
    display: flex;
    margin: 0;
    padding: 0;
}

.file_list_design li {
    position: relative;
    margin-bottom: 10px;
    border-radius: 10px;
    border: 1px solid #dadada;
    padding: 15px;
    overflow: hidden;
    width: 49%;
    margin: 2px;
}

.file_list_design li a {
    display: flex;
}

.file_list_design li div {
    width: 49%;
}

.file_list_design li div:nth-child(2) {
    text-align: right;
}

.doxo-footer {
    display: none;
}

.display_container {
    margin: 0 auto;
    display: none;

    padding: 10px auto;
}

.no_border {
    border: 0 solid transparent !important;
}

.table tr {
    border-top: 1px solid #282828;
}

tr.no_border td {
    padding: 0;
    margin: 0;
}

.btn-custom-search {
    font-size: 1.6rem;
}

#search {
    font-size: 1.2rem;
    height: 30px;
    min-width: 200px;
}

.header-cu-linii {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    /* Linie | Text | Linie */
    grid-template-rows: 16px;
    /* Înălțimea rândului pentru aliniere */
    align-items: center;
    /* Aliniază totul pe mijloc vertical */
    gap: 20px;
    /* Spațiul gol dintre linii și text */
    width: 100%;
    margin: 20px 0;
}

/* Stilul pentru linii */
.header-cu-linii::before,
.header-cu-linii::after {
    content: "";
    border-top: 1px solid #0be6af;
    ;
    /* Grosimea și culoarea liniei */
    width: 100%;
}

h2.titlu-text {
    margin: 0;
    white-space: normal;
    /* Permite textului să se așeze pe mai multe rânduri dacă e nevoie */
    text-align: center;
}

h2.titlu-text:before {
    background-color: transparent;

}

.primarie_image {
    width: 622px;
    aspect-ratio: 622 / 415;
    object-fit: cover;
    border-radius: 8px;
}
.vreme-container,
.curs-container {
    padding: 10px;
    text-align: center;
    display: flex;
    flex-direction: column;
}


.curs-container table tr td:nth-child(2) {

    font-weight: bold;
}

.curs-container .supratitle-text-over-white-background p {
    color: #0be6af;
}

.curs-container table {
    max-width: 150px;
    min-width: 150px;
    width: 100%;
    margin: 0 auto;
    text-align: left;
}

.hero_sectionss {
    display: flex;
    gap: 20px;
    justify-content: space-between;
}

.hero_sectionss img {
    width: 100%;
}

.supra_and_title {
    max-width: 40%;
}
/* .old_pergament {
    background-image: url(../images/old_pergament-35o.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    max-width: 1000px;
    padding: 40px 80px !important;
    backround-position: top center;
    position: relative;
}
.old_pergament::before{
    content: '';
}
.old_pergament:after{
    content: '';
} */

#myTab.nav-tabs{
    padding-left: 15px;
}

/****************** forecast VREME ******************/
.w-advanced-container { position: relative; width: 100%; border-radius: 25px; overflow: hidden; margin-bottom: 35px; color: #fff; box-shadow: 0 15px 40px rgba(0,0,0,0.3); font-family: "Segoe UI", Roboto, sans-serif; }
.w-bg-slider { position: absolute; inset: 0; z-index: 1; }
.w-bg-img { position: absolute; inset: 0; background-size: cover; background-position: center; opacity: 0; transition: opacity 3s ease-in-out; }
.w-bg-img.active { opacity: 1; animation: kenBurnsEffect 30s infinite alternate; }
@keyframes kenBurnsEffect { from { transform: scale(1); } to { transform: scale(1.15); } }

/* Overlay & Top Row */
.w-content-overlay { position: relative; z-index: 2; background: rgba(0,0,0,0.4); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.w-top-row { display: flex; justify-content: space-between; padding: 40px; align-items: center; border-bottom: 1px solid rgba(255,255,255,0.1); }

/* Animația Temperaturii (Pulse & Shine) */
.w-temp-main { 
    font-size: 90px; font-weight: 100; line-height: 1; 
    background: linear-gradient(120deg, #ffffff, #ffd54f, #ffffff);
    background-size: 200% auto; -webkit-background-clip: text; -webkit-text-fill-color: transparent;
    animation: shineTemp 4s linear infinite, pulseTemp 3s ease-in-out infinite;
    display: inline-block;
}
.w-temp-main.bnr,
.w-temp-main.grane { 
    font-size: 90px; font-weight: 100; line-height: 1; 
    background: linear-gradient(120deg, #ffffff, #0be6af, #ffffff);
    background-size: 200% auto; -webkit-background-clip: text; -webkit-text-fill-color: transparent;
    animation: shineTemp 4s linear infinite, pulseTemp 4s ease-in-out infinite;
    display: inline-block;
}
.calendar-container .w-temp-main.grane { 
    font-size: 90px; font-weight: 100; line-height: 1; 
    background: linear-gradient(120deg, #fff, #FFD700, #fff );
    background-size: 200% auto; -webkit-background-clip: text; -webkit-text-fill-color: transparent;
    animation: shineTemp 4s linear infinite, pulseTemp 5s ease-in-out infinite;
    display: inline-block;
}


@keyframes shineTemp { to { background-position: 200% center; } }
@keyframes pulseTemp { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); filter: drop-shadow(0 0 10px rgba(255,255,255,0.3)); } }

/* Grid Detalii */
.w-details-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; background: rgba(255,255,255,0.1); padding: 20px; border-radius: 20px; }
.w-detail-box { font-size: 0.85rem; display: flex; align-items: center; gap: 10px; }

/* Prognoza Zile Viitoare (Animație Cascadă + Hover) */
.w-bottom-strip { display: flex; justify-content: space-around; padding: 25px; background: rgba(0,0,0,0.3); perspective: 1000px; }
.w-forecast-day { 
    text-align: center; 
    transition: all 2s cubic-bezier(0.175, 0.885, 0.32, 1.275); /* Durata 0.6s pentru o mișcare mai vizibilă */
    opacity: 0; 
    transform: translateY(30px); /* Coborâm cardurile puțin mai mult pentru un efect mai dramatic la apariție */
}

.w-forecast-day.w-reveal { 
    opacity: 1; 
    transform: translateY(0); 
}
.reveal {
  opacity: 0;
  transition: all 0.8s ease-out;
  display: block;
}
.vreme_st_row {
  display: flex;
  justify-content: space-between;
  margin-top: 0px;
  align-items: center;
  width: 100%;
  margin-bottom: 15px;
  
}
.vreme_st_container .w-top-row{
    flex-wrap: wrap;
}
.vreme_st_row .w-temp-main{
    font-size: 20px;
    font-weight: 600;;
}
.vreme_st_row .w-temp-main.bnr{
    font-size: 16px;
    font-weight: 600;;
}
.grane_st_row .w-temp-main.grane{
    font-size: 16px;
    font-weight: 600;;
}
.calendar_st_row .w-temp-main.grane{
    font-size: 25px;
    font-weight: 600;;
}

.grane_st_row,
.w-head-row{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(1, 1fr);
    gap: 8px;
    align-items: center;
}
.grane_st_row{
    margin-bottom: 10px;
}
.w-head-row .column-1,
.grane_st_row .column-1{
    text-align: left !important;
    grid-column: span 2 / span 2;
}
.w-head-row .column-2,
.grane_st_row .column-2{
    text-align: center !important;
}
.w-head-row .column-3,
.grane_st_row .column-3{
    text-align: right !important;
}
.cereale .w-top-row{
    flex-wrap: wrap;
}
/****************** forecast VREME ******************/
.col-3.sidebar_right:empty {
    display: none;
}

.row:has(.sidebar_right:empty) .main_content_left {
    width: 100%;
}
.col-3.sidebar_right:empty ~ .col-9.main_content_left{
    width: 100%;
}
.container_any_news a{
    transition: all 0.6s ease;
    overflow: hidden;

}
.container_any_news .col-4{
    overflow: hidden;
    transition: all 0.6s ease;

}
.container_any_news a img {
    transition: all 0.6s ease;

}

.container_any_news a:hover img {
    transform: scale(1.2);
}
.hotarari_section h2{
    margin-bottom: 40px;;
}
.map img{
    width: 100%;
    max-width: 100%;   
    height: auto;
}

.hp_main_section .cell_1_2:nth-child(1) {
    max-width: 789px !important;
    max-height: 756px !important;
}
.hp_main_section .cell_1_2:nth-child(2) {
    max-width: calc(100% - 789px) !important;
    min-width: calc(100% - 789px) !important;
    max-height: calc(100% - 789px) !important;
}
.hp_main_section .cell_1_2 .full-height {
    height: 100%;
}
#m_dolj_blind {
    max-width: 789px !important;
    max-height: 756px !important;
    width: 789px !important;
    height: 756px !important;
}
#dolj_canvas {
    max-width: 789px !important;
    max-height: 756px !important;
    width: 789px !important;
    height: 756px !important;
}
.map img {
    max-width: 789px !important;
    max-height: 756px !important;
    width: 789px !important;
    height: 756px !important;
}




@media (max-width: 1375px){
    .hp_main_section .cell_1_2:nth-child(1){
        margin: 0 auto;
    }
    .hp_main_section .cell_1_2:nth-child(2) {
        max-width: 100% !important;
        min-width: 100% !important;
        max-height: 100% !important;
    }
}
@media (max-width: 991px) {
    .navi_green_bg, .navi_green_bg .bg-light{
        padding: 7px 0;
    }
    .navbar-toggler {
        border: 1px solid #fff !important;
    }
    .navbar-toggler-icon{
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%28255, 255, 255, 1%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
    }
    .collapse.show {
        display: block !important;
        margin-top: 30px;;
    }
    .collapse.show #main-navigation{
        display: block !important;
    }
    #main-navigation ul.nav.navbar-nav.navbar-right{
        align-items: flex-start;
    }
    .col-6.image-short-container{
        width: 23.5%;
    }
    .over-text-container{
        padding: 5px 15px 0 10px;
    }
    .over-text-container h4{
        padding-left: 0;
    }
    .over-text-container h4 p,
    .over-text-container h4 p a{
        font-size: 1.4rem;;
        line-height: 1.2;
        display: block;
    }
    .over-text-container h4 p a:after {
        right: 5px;
    }
    .over-text-container h4 p a:hover:after {
        
        right: 0px;
    }
    .hero_sectionss {
        flex-direction: column;
    }

    .supra_and_title {
        max-width: 100%;
    }

    h2 p {
        font-size: min(3rem, 2.1vw);
    }

    /* .slider_short_description p,
    .slider_short_description p a{

    } */
    .container_any_news .row {
        flex-direction: column;
    }

    .container_any_news .col-4,
    .container_any_news .col-8 {
        width: 100%;
    }

    .right-text-container h3 p a {
        font-size: 2rem;
    }
}
.hp_main_section .cell_1_2:nth-child(1){
        
        scale: var(--scale);
        transform-origin: center left;
    }
/* @media (max-width: 820px){
    .hp_main_section .cell_1_2:nth-child(1){
        
        scale: 0.75;
        transform-origin: center left;
    }
} */
@media (max-width: 767px) {
    .sidebar_right {
        min-width: 200px
    }

    .main_content_left {
        width: calc(100% - 210px);
    }

    .tear_putea_interesa .col-6 {
        width: 100%;
    }
}

@media (max-width: 640px) {
    .col-6.image-short-container {
        width: 32%;
    }
    .sidebar_right,
    .main_content_left {
        width: 100%;
    }

    .right-text-container h3 p a {
        font-size: 1.8rem;
    }

    h1 p {
        font-size: 3.5rem;
    }

    .container_any_news .col-4 img {
        max-width: 100% !important;
    }
}
@media (max-width: 480px) {
    .col-6.image-short-container {
        width: 48%;
    }
}
@media (max-width: 380px) {
    .col-6.image-short-container {
        width: 98%;
    }
}
.footer-slider-section {
    padding: 40px 20px;
    background: #fdfdfd;
    border-top: 1px solid #eee;
}

.box-card {
    background: #fff;
    height: 100px;
    /* Ajustează înălțimea dorită */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    transition: all 0.3s ease;
    text-decoration: none;
    margin: 5px;
}

.box-card:hover {
    border-color: #00bcd4;
    /* Accentul cyan */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transform: translateY(-3px);
}

.box-card img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

/* Stilul pentru bara de progres cyan */
.boxSwiper {
    padding-bottom: 30px !important;
}

.swiper-pagination-progressbar {
    height: 8px !important;
    background: #eee !important;
    bottom: 0 !important;
    top: auto !important;
}

.swiper-pagination-progressbar-fill {
    background: #00bcd4 !important;
    /* Culoarea exactă din poză */
}
.calendar_ortodox{
    padding: 00px 10px 10px 10px;
    text-align: center;
    display: flex;
    flex-direction: column;
}
.footer_second_container{
    padding: 35px 0 0 0 ;
}
.footer_second_container .col-md-12{
    width: 100%;
}
.hp_main_section{
    display: block;
}









@media (max-width: 1350px){ 
    .w-top-row { 
        padding: 20px; 
    }
    .w-head-row{
        display: none;
    }

    .main_news h2 p a, .main_news h2 p {
        color: #fff;
        font-size: 1.9rem !important;
        line-height: 1.3;
    }
}
@media (max-width: 1199px){ 
    #index .full_content,
    #index .sidebar{
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        padding-right: 0;
    }
    #index .calendar_ortodox{
        padding-top: 10px;;
    }
    .col-9.main-content-left,
    .col-3.sidebar_right,
    .sidebar_right .sidebar{
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }
    .col-3.articole-col1{
        width: 33%;
    }
    .col-6.articole-col2{
        width: 66%;
    }
    .col-3.articole-col3{
        width: 100%;
    }
    .boxes_container{
        margin-top: 40px;;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(1, 1fr);
        gap: 8px;
    }
    h2,
    h2 p,
    h2 p a {
        font-size: 2.5rem !important;
    }
}

@media (max-width: 991px){ 
    .hp_main_section .cell_1_2{
        min-width: 100%;
        max-width: 100%;
    }
    .boxes_container{
        grid-template-columns: repeat(2, 2fr);
    }
   
    .news_section_dark .col,
    .news_section_dark .col.ani-boxes{
        width: 100%;
        flex: 1 0 100%;
    }
    .news_section_dark .col{
        margin-bottom: 20px;
    }

}
@media (min-width: 900px) and (max-width: 1199px){ 
     /* #tns1 > .tns-item {
        width: calc(6.14615%) !important;
        padding-right: 20px;
    } */
}
@media (min-width: 768px) {
    .container, .container-md, .container-sm {
        max-width: 100%;
    }

}
@media (max-width: 767px){ 
    .contact_page .cell_1_2{
        max-width: 100% !important;
        min-width: 100% !important;
    }
    .contact_page .mobile_size .cell_1_2:nth-child(1){
        margin-bottom: 20px;;
    }
    .container, .container-sm {
        max-width: 100%;
    }
    .col-3.articole-col1,
    .col-6.articole-col2{
        width: 100%;
    }
    .trending_container_main{
        grid-template-columns: repeat(2, 2fr);
        display: grid;
        gap: 15px;


    }
    .boxes_container{
        grid-template-columns: repeat(2, 2fr);
    }
}
@media (max-width: 575px){ 
    .container, .container-sm {
        max-width: 100%;
    }
    .col-3.articole-col1,
    .col-6.articole-col2{
        width: 100%;
    }
    .trending_container_main{
        grid-template-columns: repeat(1, 1fr);
        display: grid;
        gap: 15px;


    }
    .boxes_container{
        grid-template-columns: repeat(1, 2fr);
    }
    /* #tns1 > .tns-item {
        width: calc(3.14615%) !important;
        padding-right: 20px;
    } */
}