html,
body {
    height: 100%;
    font-family: "Montserrat", sans-serif;
    -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    color: #111111;
    font-weight: 400;
    font-family: "Montserrat", sans-serif;
}

h1 {
    font-size: 70px;
}

h2 {
    font-size: 36px;
}

h3 {
    font-size: 30px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

p {
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    color: #666666;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 15px 0;
}

img {
    max-width: 100%;
}

a:hover,
a:focus {
    text-decoration: none;
}

ul,
ol {
    padding: 0;
    margin: 0;
}

a, a:hover, a:visited {
    text-decoration: none;
}

/*----- HEADER BEGINNING -----*/

#header-nav {
    z-index: 900;
    right: 0;
    left: 0;
    top: 0;
    position: fixed;
    display: block;
}

@media (max-width: 34em) {
    .header-margin-divider {
        margin-bottom: 60px;
    }
}

.header-scrolled-down {
    transform: translateY(-105%);
    transition: all 0.3s ease-in-out;
}

.header-scrolled-up {
    transform: translateY(0);
    transition: all 0.3s ease-in-out;
}

/*----- NAV BEGINNING -----*/

.main-nav {
    height: 60px;
    max-width: calc(1165px + 4rem);
    margin-right: auto;
    margin-left: auto;
    z-index: 100;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: #1a1a1a;
    font-family: "Merriweather", sans-serif;
    line-height: 1.7;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
}

@media (min-width: 34em) {
    .main-nav {
        height: 80px;
    }
}

.main-nav-inner {
    z-index: 100;
    height: 100%;
    position: relative;
    color: #1a1a1a;
    font-family: "Merriweather", sans-serif;
    line-height: 1.7;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
}

.header-inner {
    background-color: #1a1a1a;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    transition: .3s ease-in-out;
}

.header-inner:after {
    opacity: .2;
}

.header-inner {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.header-inner {
    height: 60px;
    background-color: #ffffff;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    z-index: 100;
    display: flex;
    position: relative;
    color: #1a1a1a;
    font-family: "Merriweather", sans-serif;
    line-height: 1.7;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
}

.header-inner:after {
    content: "";
    display: block;
    position: absolute;
    width: calc(100% - 2.5em);
    height: 1px;
    background-color: #fff;
    left: 1.5em;
    bottom: 0;
    opacity: 0;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}

@media (min-width: 34em) {
    .header-inner {
        height: 80px;
        -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
        box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    }
}

@media (max-width: 33.99em) {
    .header-inner {
        padding-left: .6em;
        padding-right: 0;
    }
}

@media (min-width: 50em) {
    .header-inner {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

@media (min-width: 65em) {
    .header-inner:after {
        width: calc(100% - 4em);
    }
}

@media (min-width: 34em) {
    .header-inner:after {
        width: calc(100% - 3.7em);
    }
}

.header-group {
    height: 100%;
    z-index: 100;
    display: flex;
    position: relative;
    color: #1a1a1a;
    font-family: "Merriweather", sans-serif;
    line-height: 1.7;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
}

.header-logo {
    cursor: pointer;
    width: 160px;
    margin-right: 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 0;
    top: 0;
    position: absolute;
    background-color: transparent;
    font-family: "Merriweather", sans-serif;
    line-height: 1.7;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    color: #155f3c;
    transition: .2s ease-in-out;
}

.header-logo:hover {
    color: #155f3c;
}

.header-logo svg {
    width: 100%;
    overflow: hidden;
}

@media (min-width: 34em) {
    .header-logo {
        width: 200px;
        position: relative;
    }
}

.header-logo span {
    font-size: 22px;
    color: #155f3c;
    font-family: 'leky_calgria', sans-serif;
    font-weight: normal;
}

.header-divider {
    display: none;
    width: 1px;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    margin-right: 1em;
    margin-left: 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    color: rgb(153, 153, 153);;
}

.header-divider:after {
    content: "";
    display: none;
    height: 50%;
    width: 100%;
    background-color: rgb(153, 153, 153);
    margin: auto;
    opacity: .2;
}

@media (min-width: 34em) {
    .header-divider {
        color: rgb(153, 153, 153);
    }
}

@media (min-width: 65em) {
    .header-divider {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .header-divider:after {
        display: block;
    }
}

.header-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    color: #1a1a1a;
    font-family: "Merriweather", sans-serif;
    line-height: 1.7;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    transition: .2s ease-in-out;
}

@media (min-width: 65em) {
    .header-main {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

@media (max-width: 65em) {
    .header-main {
        display: none;
    }
}

.header-main-ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    color: #1a1a1a;
    font-family: "Merriweather", sans-serif;
    line-height: 1.7;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
}

.header-main-ul-li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    text-align: -webkit-match-parent;
    color: #1a1a1a;
    font-family: "Merriweather", sans-serif;
    line-height: 1.7;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
}

.header-main-ul-li-a {
    color: rgb(26, 26, 26);
    height: 100%;
    overflow: hidden;
    margin-right: .5em;
    margin-left: .5em;
    padding-left: .25em;
    padding-right: .25em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    background-color: transparent;
}

.header-main-ul-li-a h4 {
    line-height: 1.3;
    font-size: 15px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 0;
    display: block;
    color: #000 !important;
    transition: .2s;
    transition-timing-function: ease-in-out;
}

.header-main-ul-li-a:hover h4 {
    color: #41e68c !important;
}

@media (min-width: 34em) {
    .header-main-ul-li-a {
        color: rgb(26, 26, 26) !important;
    }
}

.header-main-ul-li-a-underline {
    opacity: 0;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 4px;
    background-color: #41e68c;
}

.header-main-ul-li-a.is-active .header-main-ul-li-a-underline {
    opacity: 1;
    transform: translateY(0);
}

@media (min-width: 34em) {
    .header-main-ul-li-a-underline {
        color: #41e68c !important;
    }
}

.flex-auto {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
}

.main-nav .drop-down ul {
    display: block;
    position: absolute;
    left: calc(100% - 100px);
    top: calc(100% - 30px);
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    padding: 10px 0;
    background: #ffffff;
    box-shadow: 0 0 30px rgba(127, 137, 161, 0.25);
    transition: ease all 0.3s;
    list-style: none;
}

.main-nav .drop-down:hover > ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
}

.main-nav .drop-down li {
    min-width: 150px;
    position: relative;
    padding: 5px;
}

.main-nav .drop-down ul a {
    padding: 10px 20px;
    font-size: 15px;
    font-weight: 700;
    text-transform: none;
    margin: 0;
    line-height: 0;
    font-family: "Montserrat", sans-serif;
    color: #000;
    background-color: transparent;
    transition: 0.2s ease-in-out;
}

.main-nav .drop-down ul a:hover, .main-nav .drop-down ul .active > a, .main-nav .drop-down ul li:hover > a {
    color: #41e68c;
}

.main-nav .drop-down ul svg path {
    fill: #000000 !important;
}

.main-nav .drop-down li:hover svg path,
.main-nav .drop-down ul .active > a svg path {
    fill: #41e68c !important;
}

.main-nav .drop-down > a:after {
    content: "";
    font-family: "FontAwesome";
    padding-left: 10px;
}

.header-icons {
    display: flex;
    justify-content: flex-end;
}

@media (min-width: 34em) {
    .header-icons {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}

.header-icon {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: -webkit-match-parent;
    margin-right: .5em;
    margin-left: .5em;
    z-index: 100;
}

@media (min-width: 34em) {
    .header-icon {
        color: rgb(26, 26, 26) !important;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.header-icon button {
    line-height: 0;
    border: 0;
    border-radius: 0;
    outline: 0;
    padding: 0;
    background-color: transparent;
    color: inherit;
    cursor: pointer;
    overflow: visible;
    margin: 0;
    position: relative;
    width: 2em;
    height: 2em;
}

.header-icon svg {
    display: inline-block;
    width: 16px;
    overflow: hidden;
}

.header-icon svg path {
    fill: #1a1a1a;
    transition: .2s ease-in-out;
}

.header-icon:hover svg path {
    fill: #41e68c;
}

/* CULTIVARES DROP DOWN MENU */
.header-account a {
    display: flex;
    align-items: center;
    font-size: 18px;
    color: #1a1a1a;
    text-decoration: none;
}

.header-account a:hover {
    color: #41e68c;
}

.main-nav .drop-down.header-account.header-icon > a.li-a-cultivares:after {
    content: none;
}

.main-nav .drop-down.submenu-cultivares ul {
    left: calc(100% - 125px);
}

.main-nav .drop-down.submenu-cultivares ul li a {
    white-space: nowrap;
}

/* ############################# */

.header-search {
    position: relative;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

@media (min-width: 34em) {
    .header-search {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        min-width: 0;
        min-height: 0;
    }
}

.header-hamburger-outer {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: .5em;
    margin-left: .5em;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header-hamburger {
    height: 35px;
    width: 35px;
}

.hamburger {
    height: 100%;
    width: 15px;
    margin-right: auto;
    margin-left: auto;
    z-index: 1000;
    position: relative;
    display: block;
    color: rgb(153, 153, 153);
    border: 0;
    border-radius: 0;
    outline: 0;
    padding: 0;
    background-color: transparent;
    cursor: pointer;
    overflow: visible;
    outline: none !important;
}

@media (min-width: 34em) {
    .hamburger {
        color: rgb(153, 153, 153);
    }
}

.hamburger-bar {
    height: 2px;
    width: 100%;
    background-color: rgb(153, 153, 153);
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
}

.hamburger-bar:first-child {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
    transition: .1s ease-in-out;
}

.hamburger-bar:last-child {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    transition: .1s ease-in-out;
}

.header-hamburger-outer:hover .hamburger-bar {
    background-color: #41e68c;
}

.header-hamburger:hover .hamburger-bar:first-child {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}

.header-hamburger:hover .hamburger-bar:last-child {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
}

/* MOBILE NAV BEGINNING */

.mega-is-active .header-inner {
    background-color: #1a1a1a;
}

.mega-is-active .header-divider {
    opacity: 0;
}

.mega-is-active .header-main {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0;
}

.mega-is-active .header-icon svg path {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    fill: #fff;
    opacity: 1;
}

.mega-is-active .header-icon:hover svg path {
    fill: #41e68c;
}

.mega-is-active .hamburger-bar, .mega-is-active .header-hamburger-outer:hover .hamburger-bar {
    background-color: #41e68c;
}

.mega-is-active .hamburger {
    width: 20px;
}

.mega-is-active .hamburger-bar {
    opacity: 0;
}

.mega-is-active .hamburger-bar:first-child,
.mega-is-active .header-hamburger:hover .hamburger-bar:first-child {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mega-is-active .hamburger-bar:first-child, .mega-is-active .hamburger-bar:last-child {
    opacity: 1;
}

.mega-is-active .hamburger-bar:last-child,
.mega-is-active .header-hamburger:hover .hamburger-bar:last-child {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.mega-is-active .header-inner:after {
    opacity: .2;
}

.mega-is-active .header-logo {
    color: #fff;
}

.mega-is-active .header-logo span {
    color: #fff;
}

@media (max-width: 34em) {
    .mega-is-active .header-logo {
        display: none;
    }
}

.mega-is-active .header-icon {
    color: rgb(26, 26, 26) !important;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.mobile-nav-outer {
    position: relative;
    z-index: 0;
    display: none;
}

.mobile-nav-mega {
    overflow-y: auto;
    background-color: #1a1a1a;
    z-index: 0;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    position: fixed;
}

.mobile-nav-mega-outer {
    overflow: auto;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mobile-nav-mega-inner {
    overflow: hidden;
    width: 100%;
    margin: 80px auto auto;
    padding-bottom: 2em;
    padding-top: 2em;
}

@media (min-width: 66em) {
    .mobile-nav-mega-inner {
        margin: auto;
        padding-top: 80px;
    }
}

.mobile-nav-mega-inner .container--m {
    margin: auto;
    max-width: 1160px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.mobile-nav-mega-inner .container--m .outer {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    font-size: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

@media (min-width: 50em) {
    .mobile-nav-mega-inner .container--m .outer {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

.mobile-nav-mega-inner .container--m .inner {
    padding-bottom: 2em;
    padding-top: 2em;
    text-align: center;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    opacity: 0;
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
    transition: .2s ease-in-out;
}

@media (max-width: 34em) {
    .mobile-nav-mega-inner .container--m .inner {
        padding-top: 0;
    }

    .mobile-nav-mega-inner {
        padding-top: 0;
    }
}

.mobile-is-active .mobile-nav-mega-inner .container--m .inner {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

.mega-logo {
    margin-bottom: 1em;
    margin-top: 1em;
    text-align: center;
    width: 100%;
    position: relative;
}

.mega-logo svg {
    max-width: 270px;
    display: inline-block;
    overflow: hidden;
}

.mega-logo svg path {
    fill: #fff;
}

.mega-logo span {
    color: #fff;
    font-family: 'leky_calgria', sans-serif;
    font-size: 36px;
    font-weight: normal;
}

@media (min-width: 34em) {
    .mega-logo {
        display: none;
    }
}

.mega-main {
    font-size: 2.5rem;
    line-height: 1.4;
    width: 100%;
}

@media (max-width: 704px) {
    .mega-main {
        font-size: 22px;
    }
}

.mega-main ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mega-main li {
    position: relative;
    padding-bottom: .5em;
    padding-top: .5em;
    display: list-item;
    text-align: -webkit-match-parent;
}

.mega-main .mega-link {
    -webkit-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    color: #41e68c;
}

.mega-main .mega-link:hover {
    color: #fff;
}

.mega-main li:last-child:after {
    display: none;
}

@media (min-width: 1040px) {
    .mega-main-secondary {
        padding-left: 10%;
        width: calc(100% - 640px);
    }
}

@media (max-width: 1039px) {
    .mega-main-secondary {
        padding-left: 0;
        font-size: 1.5625rem;
        width: 200px;
    }
}

.mega-secondary-link {
    font-family: "Merriweather", sans-serif;
    color: #999999;
    line-height: 1.4;
    font-size: 1.5625rem;
    font-weight: 400;
    transition: .2s ease-in-out;
}

.mega-secondary-link:hover {
    color: #fff;
}

.mega-main-secondary ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mega-main-secondary ul li {
    padding: 18.75px 0;
}

@media (max-width: 704px) {
    .mega-main-secondary {
        width: 100%;
    }

    .mega-main-secondary ul li {
        font-size: 18px;
    }

    .mega-secondary-link {
        font-size: 18px;
    }

    .mega-main-secondary ul li {
        padding: 13.5px 0;
    }
}

.mega-other {
    border-top: 1px solid hsla(0, 0%, 100%, .2);
    margin-top: 3em;
    padding-top: 2em;
    width: 100%;
}

.mega-social {
    width: 100%;
    padding: 0;
    position: relative;
}

.mega-social h2 {
    margin-top: 0;
    margin-bottom: .75em;
    font-weight: 800;
    line-height: 1.4;
    font-size: 18px;
    color: #fff;
}

@media (max-width: 704px) {
    .mega-social h2 {
        font-size: 1.375rem;
    }
}

@media (min-width: 48em) {
    .mega-social {
        position: relative;
        right: 0;
        top: 0;
        height: 100%;
    }
}

@media (max-width: 1039px)
{
    .mega-social h2 {
        text-align: center;
    }
}

.mega-social .social-links
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.mega-social .social-links-ul {
    text-align: center;
    overflow: hidden;
}

.mega-social .social-links-ul li:first-child {
    margin-left: 0;
}

.mega-social .social-links-ul li {
    margin: 0 7.5px;
    display: inline-block;
}

.mega-social .social-links-ul li a {
    color: #fff;
    text-align: center;
    background-color: transparent;
    border: 2px solid #41e68c;
    width: 44px;
    height: 44px;
    line-height: 44px;
    border-radius: 50%;
    display: inline-block;
    font-size: 16px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.mega-social .social-links-ul li a:hover {
    border-color: #fff;
    color: #fff;
}

/* MOBILE NAV FINISHING */

/*----- NAV FINISHING -----*/

/*----- HERO BEGINNING -----*/

#welcome-row {
    min-height: calc(100vh - 80px);
}

@media (max-width: 767px) {
    #welcome-row {
        min-height: calc(100vh - 60px);
    }
}

.header-text #text-area {
    position: relative;
    align-self: center;
}

.header-text #image-area {
    position: relative;
    align-self: center;
}

.header-text #image-area img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.header-text #text-area h1 {
    line-height: 0.9;
    font-weight: 700;
    font-size: 48px;
    color: #fff;
    letter-spacing: -1px;
    margin-bottom: 30px;
    text-shadow: #000 2px 2px 2px;
}

.welcome-area {
    /* The image used */
    background-image: url(../../website/images/home/uem.jpg);

    /* Create the parallax scrolling effect */
    /*background-attachment: fixed;*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Turn off parallax scrolling for all tablets and phones. Increase/decrease the pixels if needed */
@media only screen and (max-device-width: 1366px) {
    .welcome-area {
        background-attachment: scroll;
    }
}

.welcome-area #text-area h1 em {
    font-style: normal;
    font-size: 56px;
}

@media (max-width: 576px) {
    .welcome-area #text-area h1 em {
        font-style: normal;
        font-size: 46px;
    }
}

.welcome-area #text-area p {
    letter-spacing: -1px;
    font-size: 17px;
    color: #fff;
    line-height: 30px;
    margin-bottom: 40px;
    position: relative;
    width: 85%;
    text-shadow: #000 0.1em 0.1em 0.2em;
}

@media (max-width: 992px) {
    .header-text #text-area {
        margin-top: 30px;
        margin-bottom: 30px;
        text-align: center;
    }

    .welcome-area #text-area p {
        width: 100%;
    }
}

.welcome-area #text-area .text-area-button {
    background: #497943;
    box-shadow: rgba(137, 137, 145, 0.2) 0px 7px 29px 0px;
    font-size: 14px;
    padding: 15px 25px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    border-radius: 10px;
}

.welcome-area #text-area .text-area-button:hover {
    opacity: 0.85;
}

a.main-button-slider {
    font-size: 14px;
    border-radius: 25px;
    padding: 15px 25px;
    background-color: #f1b24a;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

a.main-button-slider:hover {
    background-color: #ca9133;
}

/*----- HERO FINISHING -----*/

/*----- ABOUT US BEGINNING -----*/

.center-heading {
    margin-bottom: 70px;
}

.center-heading h2 {
    margin-top: 0;
    text-align: center;
    font-size: 42px;
    font-weight: 700;
    color: #1e1e1e;
    margin-bottom: 25px;
}

.center-heading span {
    font-size: 36px;
    color: #155f3c;
    font-family: 'leky_calgria', sans-serif;
    font-weight: normal;
}

.center-heading svg {
    width: 200px;
}

.center-heading svg path {
    color: #155f3c;
}

a.main-button {
    font-size: 14px;
    border-radius: 25px;
    padding: 15px 25px;
    background-color: #f1b24a;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

a.main-button:hover {
    background-color: #ca9133;
}

button.main-button {
    outline: none;
    border: none;
    cursor: pointer;
    background: #41e68c;
    background: linear-gradient(90deg, #41e68c 0%, #65E862 100%);
    font-size: 14px;
    border-radius: 25px;
    padding: 15px 25px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

button.main-button:hover {
    opacity: 0.85;
}

#for-who {
    padding: 50px 0;
    position: relative;
    z-index: 9;
}

@media (max-width: 992px) {
    .features-item {
        margin-bottom: 45px;
    }
}

.features-item {
    border-radius: 5px;
    padding: 60px 20px;
    height: 500px;
    text-align: center;
    box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    /*background: rgb(239, 239, 239);*/
    /*background: linear-gradient(0deg, rgba(239, 239, 239, 0.4990371148459384) 0%, rgba(255, 255, 255, 1) 100%);*/
}

.features-item h2 {
    z-index: 9;
    position: absolute;
    top: 15px;
    left: 45px;
    font-size: 100px;
    font-weight: 600;
    color: #efefef;
}

.features-item img {
    z-index: 10;
    position: relative;
    width: 80px;
    max-width: 100%;
    margin-bottom: 40px;
}

.features-item h4 {
    margin-top: 0;
    color: #41e68c;
    margin-bottom: 25px;
    font-size: 22px;
    font-weight: 800;
}

.features-item p {
    color: #1e1e1e;
    font-weight: 500;
}

.left-image-decor {
    background-image: url(../../website/images/home/left-bg-decor.png);
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    display: inline-block;
    height: 110%;
    margin-top: -200px;
}

/*----- ABOUT US FINISHING -----*/

/*----- ABOUT US BEGINNING -----*/

/*
#about-us {
    padding-top: 2em;
    padding-bottom: 1em;
    background-position: 50%;
    background-repeat: repeat;
    background-image: url(../../website/images/cultivars/hero-bg-grain.jpg);
    background-color: #efefef;
    font-size: 1.56rem;
}

@media (min-width: 34em) {
    #about-us {
        font-size: 2.5rem;
    }
}

@media (min-width: 50em) {
    #about-us {
        padding-bottom: 3em;
    }
}
*/

.about-us-container {
    max-width: 1160px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

.about-us-title {
    margin-bottom: 1em;
    margin-top: 0;
    color: #144f3c;
    font-weight: 700;
    line-height: 1.4;
    font-size: 1.125rem;
}

.about-us-title:after {
    content: "";
    border-top: 1px solid #999;
    display: block;
    margin-top: 1em;
    width: 30%;
}

@media (min-width: 34em) {
    .about-us-title {
        font-size: 1.375rem;
    }
}

.about-us-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*width: 80%;*/
    /*padding-left: 1em;*/
    /*padding-right: 1em;*/
}

@media (min-width: 50em) {
    .about-us-inner {
        margin-left: -1em;
        margin-right: -1em;
    }
}

.about-us-inner-item {
    font-size: 1rem;
    width: 100%;
}

@media (min-width: 50em) {
    .about-us-inner-item {
        padding-left: 0;
        padding-right: 1em;
        width: 33.333333%;
    }
}

.about-us-inner-description {
    display: block;
    width: 100%;
}

.about-us-inner-description h3 {
    color: #1a1a1a;
    font-weight: 600;
    margin: 0 0 .875em;
    line-height: 1.4;
    font-size: 18px;
}

.about-us-inner-item p {
    color: #646464;
    font-weight: 500;
    font-size: .9em;
    margin: 1.875em 0;
}

.about-crops-group:before {
    content: " ";
    display: table;
}

.about-crops-group:after {
    clear: both;
    content: " ";
    display: table;
}

.about-crops-group-image {
    overflow: hidden;
    margin: 0;
    position: relative;
    box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.6);
}

.about-crops-group-image:before {
    content: "";
    display: block;
    position: absolute;
    left: 1em;
    top: 1em;
}

.about-crops-group-image:after {
    content: "";
    display: block;
    padding-top: 70%;
}

@media (min-width: 65em) {
    .about-crops-group-image {
        width: 40%;
        float: left;
        top: -3em;
        right: -10%;
    }

    .about-crops-group-description {
        max-width: 600px;
        margin-left: calc(45% + 120px);
        padding: 0;
    }
}

.about-crops-group-image-inner {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
}

.about-crops-group-image-inner img {
    margin: auto;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
}

.about-crops-group-description {
    margin-top: 3em;
    margin-bottom: 3em;
    padding-left: 1em;
    padding-right: 1em;
}

.about-crops-group-description h1 {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -2px;
    margin: 1.75em 0 .875em;
    line-height: 1.4;
    color: #1a1a1a;
}

@media (min-width: 34em) {
    .about-crops-group-description h1 {
        font-size: 40px;
    }
}

.about-crops-group-description-inner p:first-child {
    margin-top: 0;
}

.about-crops-group-description-inner p {
    color: #999;
    font-weight: 600;
    margin: 1.875em 0;
    font-size: 1rem;
    line-height: 1.7;
}

.about-team {
    padding-top: 2em;
    padding-bottom: 1em;
    background-position: 50%;
    background-repeat: repeat;
    background-image: url(../../website/images/cultivars/hero-bg-grain.jpg);
    background-color: #efefef;
}

.about-team-container {
    max-width: 1160px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.about-team-container-inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-right: -20px;
}

.about-team-tile {
    cursor: pointer;
    width: 50%;
    padding-left: 20px;
    padding-right: 20px;
}

@media (min-width: 50em) {
    .about-team-tile {
        width: 25%;
    }
}

.about-team-tile-image {
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
    position: relative;
    background-size: 30%;
    overflow: hidden;
    margin: 0;
}

.about-team-tile-image:before {
    content: "";
    display: block;
    position: absolute;
    left: 1em;
    top: 1em;
}

.about-team-tile-image:after {
    content: "";
    padding-top: 100%;
    display: block;
}

.about-team-tile-image img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: auto;
}

.about-team-tile-text {
    padding-bottom: 1em;
    margin-bottom: 1em;
    margin-top: 1em;
    padding-top: .5em;
    text-align: center;
}

.about-team-tile-text h2 {
    -webkit-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
    margin-bottom: 0;
    margin-top: 0;
    color: #41e68c;
    font-weight: 600;
    line-height: 1.4;
    font-size: 22px;
}

@media (max-width: 779px) {
    .about-team-tile-text h2 {
        font-size: 17px;
        line-height: 1;
    }
}

.about-team-tile-text h6 {
    color: #1a1a1a;
    letter-spacing: .2em;
    text-transform: uppercase;
    line-height: 1.4;
    font-size: .625rem;
    font-weight: 700;
    margin: .5em 0 .875em;
}

.about-team-tile-text h6 small {
    font-size: .9em;
    font-weight: 500;
}

.right-image-decor {
    background-image: url(../../website/images/home/right-bg-decor.png);
    background-repeat: no-repeat;
    background-position: right center;
    position: absolute;
    width: 100%;
    display: inline-block;
    height: 110%;
    margin-top: -200px;
}

/*----- ABOUT US FINISHING -----*/

/*----- FOOTER BEGINNING -----*/

@media (max-width: 992px) {
    #contact-us {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

    .contact-form {
        margin-bottom: 45px;
    }

    #contact-us .right-content {
        text-align: center;
    }

    #contact-us .footer-content {
        padding: 60px 0 !important;
    }
}

#contact-us {
    background-color: #fff;
    width: 100%;
}

#contact-us .footer-content {
    padding: 120px 0;
}

.contact-form {
    position: relative;
    z-index: 10;
    padding: 45px;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
}

#contact-us .right-content {
    align-self: center;
}

.contact-form input,
.contact-form textarea {
    color: #777;
    font-size: 13px;
    border: 1px solid #efefef;
    background-color: #f7f7f7;
    border-radius: 5px;
    width: 100%;
    height: 50px;
    outline: none;
    padding-left: 20px;
    padding-right: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-bottom: 30px;
}

.contact-form textarea {
    height: 150px;
    resize: none;
    padding: 20px;
}

.contact-form {
    text-align: center;
}

.contact-form ::-webkit-input-placeholder {
    color: #7a7a7a;
}

.contact-form :-ms-input-placeholder {
    color: #7a7a7a;
}

.contact-form ::placeholder {
    color: #7a7a7a;
}

.footer-content .right-content {
    color: #fff;
}

.footer-content .right-content h2 {
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 42px;
    font-weight: 700;
    letter-spacing: -1px;
    color: #1a1a1a;
}

.footer-content .right-content h2 span {
    font-size: 36px;
    color: #155f3c;
    font-family: 'leky_calgria', sans-serif;
    font-weight: normal;
}

.footer-content .right-content h2 svg {
    width: 200px;
}

.footer-content .right-content h2 svg path {
    color: #155f3c;
}

.footer-content .right-content p {
    color: #1a1a1a;
    font-weight: 500;
}

#contact-us .social {
    overflow: hidden;
    margin-top: 30px;
}

#contact-us .social li:first-child {
    margin-left: 0;
}

#contact-us .social li {
    margin: 0 7.5px;
    display: inline-block;
}

#contact-us .social li a {
    color: #1a1a1a;
    text-align: center;
    background-color: transparent;
    border: 2px solid #1a1a1a;
    width: 44px;
    height: 44px;
    line-height: 44px;
    border-radius: 50%;
    display: inline-block;
    font-size: 16px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

#contact-us .social li a:hover {
    border-color: #41e68c;
    color: #41e68c;
}

#contact-us .copyright {
    margin-top: 10px;
    font-weight: 400;
    font-size: 15px;
    color: #4a4a4a;
    letter-spacing: 0.88px;
    text-transform: capitalize;
}

#contact-us .sub-footer {
    padding: 60px 0;
    border-top: 1px solid #ccc;
    text-align: center;
}

#contact-us .sub-footer p {
    color: #999;
    font-size: 15px;
    font-weight: 500;
}

@media (max-width: 991px) {
    #contact-us .copyright {
        text-align: center;
    }

    #contact-us .social {
        text-align: center;
    }
}

.layout-footer {
    -webkit-box-shadow: 0 -3px 112px -40px rgba(0, 0, 0, .1);
    box-shadow: 0 -3px 112px -40px rgba(0, 0, 0, .1);
    display: block;
}

@media (min-width: 34em) {
    .layout-footer {
        -webkit-box-shadow: 0 -3px 112px -40px rgba(0, 0, 0, .4);
        box-shadow: 0 -3px 112px -40px rgba(0, 0, 0, .4);
        margin-top: 5em;
    }
}

@media (min-width: 66em) {
    .layout-footer-outer {
        padding-left: 4rem;
        padding-right: 4rem;
    }
}

@media (min-width: 34em) {
    .layout-footer-outer {
        padding-left: 0;
        padding-right: 0;
    }
}

.outer {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

@media (min-width: 50em) {
    .outer {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

.layout-footer-container {
    max-width: 1160px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    z-index: 0;
    height: 100%;
    position: relative;
}

@media (min-width: 34em) {
    .layout-footer-section {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media (min-width: 66em) {
    .layout-footer-section {
        padding-left: 0;
        padding-right: 0;
    }
}

.layout-footer-section-top {
    padding-top: 1.75em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (min-width: 34em) {
    .layout-footer-section-top {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding-top: 2.5em;
        padding-bottom: 2.5em;
    }
}

@media (min-width: 66em) {
    .layout-footer-section-bottom {
        padding-top: 2.5em;
        padding-bottom: 2.5em;
    }
}

.layout-footer-section-bottom {
    padding-bottom: 2em;
    padding-top: 2em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 34em) {
    .layout-footer-section-bottom {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-top: 2.5em;
        padding-bottom: 2.5em;
    }
}

@media (min-width: 66em) {
    .layout-footer-copyright {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        padding-right: .25em;
        margin-right: .5em;
    }
}

.layout-footer-copyright {
    color: #999;
    line-height: 1.65;
    font-size: .8175rem;
}

.layout-footer-copyright small {
    font-weight: 600 !important;
}

.layout-footer-logo {
    padding-bottom: 1.5rem;
    display: block;
    cursor: pointer;
    color: #1a1a1a;
    transition: .2s ease-in-out;

    font-size: 28px;
    font-family: 'leky_calgria', sans-serif;
    font-weight: normal;
}

.layout-footer-logo:hover {
    color: #41e68c;
}

@media (min-width: 34em) {
    .layout-footer-logo {
        padding-bottom: 0;
    }
}

.layout-footer-logo svg {
    display: block;
    width: 100%;
    -webkit-transition: fill .2s ease-in-out;
    transition: fill .2s ease-in-out;
    overflow: hidden;
}

.layout-footer-social {
    font-size: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.layout-footer-social-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.layout-footer-social-links-link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: .5em;
    margin-left: .5em;
    transition: .2s ease-in-out;
}

.layout-footer-social-links-link:last-child {
    margin-right: 0;
}

.layout-footer-social-links-link-icon {
    cursor: pointer;
    position: relative;
    width: 32px;
    height: 32px;
    display: inline-block;
}

.layout-footer-social-links-link-icon div {
    color: #1a1a1a;
    border-radius: 50%;
    border: 2px solid;
    -webkit-transition: color, opacity;
    transition: color, opacity;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    margin: auto;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    position: absolute;
}

.layout-footer-social-links-link-icon:hover div,
.layout-footer-social-links-link-icon:hover svg {
    color: #41e68c;
}

.layout-footer-social-links-link-icon svg {
    color: #1a1a1a;
    height: 10px;
    width: 15px;
    -webkit-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
    overflow: hidden;
    margin: auto;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    position: absolute;
}

.layout-footer-section-divider {
    display: none;
    margin: 0;
    border: 0;
    height: 1px;
    width: 100%;
    background-color: #ccc;
}

@media (min-width: 34em) {
    .layout-footer-section-divider {
        display: block;
    }
}

/*----- FOOTER FINISHING -----*/

/*----- COUNTER SECTION BEGINNING -----*/

#counter-div {
    padding: 40px 0;
}

#counter-div .counters {
    padding-top: 40px;
}

#counter-div .counters span {
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    font-size: 48px;
    display: block;
    color: #604848;
}

#counter-div .counters p {
    padding: 0;
    margin: 0 0 20px 0;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    color: #795f5f;
}

/*----- COUNTER SECTION FINISHING -----*/

/*----- HEADER FINISHING -----*/

/*----- MAIN CONTENT BEGINNING -----*/

/* CULTIVAR SEARCH BEGINNING */

.cultivars-hero-header {
    background-position: 50%;
    background-repeat: repeat;
    background-image: url(../../website/images/cultivars/hero-bg-grain.jpg);
    background-color: #efefef;
    padding-top: 1.5em;
    padding-bottom: 1.3em;
    font-size: 1.56rem;
    text-align: center;
    display: block;
}

@media (min-width: 34em) {
    .cultivars-hero-header {
        padding-top: 0.75em;
        padding-bottom: 0.9em;
        font-size: 2.5rem;
    }
}

@media (max-width: 33.99em) {
    .cultivars-hero-header {
        text-align: left;
    }
}

.cultivars-hero-header-outer {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

@media (min-width: 34em) {
    .cultivars-hero-header-outer-content {
        padding-left: 4rem;
        padding-right: 4rem;
    }
}

@media (min-width: 50em) {
    .cultivars-hero-header-outer {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

.container--m {
    width: 100%;
    max-width: 1160px;
    margin-right: auto;
    margin-left: auto;
    font-size: 1rem;
}

@media (min-width: 34em) {
    .cultivars-hero-header-space {
        height: 80px;
    }
}

.effect-1 {
    position: relative;
}

.effect-1::before, .effect-1::after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width: 300px;
    background: #aaa;
    box-shadow: 0 15px 10px #aaa;
    transform: rotate(-3deg);
}

.effect-1::after {
    transform: rotate(3deg);
    right: 10px;
    left: auto;
}

@media (max-width: 33.99em) {
    .effect-1::before, .effect-1::after {
        width: 0;
    }
}

.cultivars-hero-header-p {
    color: #41E68C;
    margin: 0 0 1em 0;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-weight: 800;
    line-height: 1.4;
    font-size: .625rem;
    font-family: "Montserrat", sans-serif;
}

@media (min-width: 34em) {
    .cultivars-hero-header-p {
        margin-bottom: 0;
    }
}

.cultivars-hero-header-text {
    position: relative;
    text-shadow: -15px 5px 20px #ced0d3;
    color: white;
    letter-spacing: -0.05em;
    font-family: "Anton", sans-serif;
    user-select: none;
    text-transform: uppercase;
    font-size: 120px;
    transition: all 0.25s ease-out;
}

.cultivars-hero-header-text:hover {
    text-shadow: -16px 6px 15px #ced0d3;
}

@media (max-width: 33.99em) {
    .cultivars-hero-header-text {
        font-size: 85px;
        line-height: 1;
    }
}

.cultivar_search {
    padding-top: 35px;
    padding-bottom: 80px;
}

.filter_categories {
    margin-bottom: 50px;
}

@media (max-width: 767px) {
    .filter_categories {
        margin-bottom: 0;
    }

    .cultivar_search {
        padding-top: 15px;
    }

}

.section_title h4 {
    color: #111111;
    position: relative;
    display: block;
    font-weight: 700;
    line-height: 1.4;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    text-align: center;
    margin-bottom: .5em;
}

.filter_categories .cultivars_count {
    color: #1a1a1a;
    margin: .5em 0 .5em;
    opacity: .9;
    line-height: 1.65;
    font-size: .8125rem;
    font-style: italic;
    text-align: center;
    font-family: "Merriweather", sans-serif;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: .5em 0;
}

.filter_categories .filter-button {
    outline: 0;
    width: 100%;
    font-size: .750rem;
    letter-spacing: 0;
    font-family: "Montserrat", sans-serif;
    display: inline-block;
    border-radius: 0;
    border: 2px solid;
    padding: .8em 2em;
    text-align: center;
    cursor: pointer;
    font-weight: 900;
    color: #41E68C;
    margin-bottom: 1em;
    transition: .2s ease-in-out;
}

.filter_categories .filter-button:hover {
    color: #000;
}

.categories_accordion .card {
    border: none;
    border-radius: 0;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
    margin-bottom: 12px;
}

.categories_accordion .card:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none !important;
}

.categories_accordion .card-heading {
    cursor: pointer;
}

.categories_accordion .card-heading a {
    font-size: 13px;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    color: #111111;
    display: block;
}

.categories_accordion .card-body {
    padding-left: 0;
    padding-top: 6px;
    padding-bottom: 0;
    height: 120px;
    overflow-y: auto;
}

.categories_accordion #detainer .card-body,
.categories_accordion #technology .card-body,
.categories_accordion #macroregion .card-body,
.categories_accordion #microregion .card-body,
.categories_accordion #maturation_group .card-body {
    height: 160px;
}

.categories_accordion #goal .card-body {
    height: 140px;
}

.categories_accordion #disease_resistance .card-body {
    height: 220px;
}

.categories_accordion #ramification .card-body,
.categories_accordion #lodging_resistance .card-body {
    height: 102px;
}

@media (max-width: 992px) {
    .categories_accordion #macroregion .card-body {
        height: 142px;
    }

    .categories_accordion #ramification .card-body,
    .categories_accordion #lodging_resistance .card-body {
        height: 90px;
    }
}

@media (max-width: 767px) {
    .categories_accordion #goal .card-body {
        height: 130px;
    }

    .categories_accordion #ramification .card-body,
    .categories_accordion #lodging_resistance .card-body {
        height: 102px;
    }
}

.categories_accordion .card-body::-webkit-scrollbar {
    background-color: #000;
    width: 16px;
}

.categories_accordion .card-body::-webkit-scrollbar-track {
    background-color: #ffffff;
}

.categories_accordion .card-body::-webkit-scrollbar-track:hover {
    background-color: #ffffff;
}

.categories_accordion .card-body::-webkit-scrollbar-thumb {
    background-color: #efefef;
    border-radius: 16px;
    border: 5px solid #fff;
}

.categories_accordion .card-body::-webkit-scrollbar-thumb:hover {
    background-color: #efefef;
    border: 4px solid #fff;
}

.categories_accordion .card-body::-webkit-scrollbar-button {
    display: none;
}

.question-mark-info {
    position: absolute;
    right: 30px;
}

.question-mark-info a {
    outline: none;
}

.popover-header {
    padding: 0.5rem 0.75rem;
    margin-bottom: 0;
    font-size: 1em;
    background-color: #1a1a1a;
    color: #ffffff;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);

    font-weight: 600;
    text-align: center;
}

.popover-body {
    padding: 0.5rem 0.75rem;
    color: #1a1a1a;
    background-color: #fff;
    line-height: 1.3;
}

.popover-body b {
    font-weight: 500;
}

.popover-body b a
{
    color: #41E68C;
}

.sidebar_checkboxes .list label {
    display: block;
    padding-left: 20px;
    color: #1a1a1a;
    position: relative;
    cursor: pointer;
    font-family: "Montserrat", sans-serif;
}

.sidebar_checkboxes .list label:hover {
    background-color: #cccccc;
}

.sidebar_checkboxes .list label input {
    position: absolute;
    visibility: hidden;
}

.sidebar_checkboxes .list label input:checked ~ .checkmark {
    border-color: #000;
}

.sidebar_checkboxes .list label input:checked ~ .checkmark:after {
    border-color: #000;
    opacity: 1;
}

.sidebar_checkboxes .list label .checkmark {
    position: absolute;
    left: 0;
    top: 4px;
    height: 13px;
    width: 13px;
    border: 1px solid #444444;
    border-radius: 2px;
}

.sidebar_checkboxes .list label .checkmark:after {
    position: absolute;
    left: 0;
    top: -2px;
    width: 11px;
    height: 5px;
    border: solid #ffffff;
    border-width: 1.5px 1.5px 0 0;
    -webkit-transform: rotate(127deg);
    -ms-transform: rotate(127deg);
    transform: rotate(127deg);
    opacity: 0;
    content: "";
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .sidebar_checkboxes .list label {
        display: block;
        padding-left: 20px;
        font-size: 13px;
        color: #444444;
        position: relative;
        cursor: pointer;
    }
}

.categories_accordion .card-heading a:after,
.categories_accordion .card-heading > a.active[aria-expanded=false]:after {
    content: "";
    font-size: 14px;
    font-family: "FontAwesome";
    color: #666666;
    position: absolute;
    right: 3px;
    top: 0;
    transition: 0.3s;
}

.categories_accordion .card-heading.active a:after {
    content: "";
    font-size: 14px;
    font-family: "FontAwesome";
    color: #666666;
    position: absolute;
    right: 3px;
    top: -1px;
}

.categories_accordion .card-heading a[aria-expanded=true]:after,
.categories_accordion .card-heading > a.active:after {
    content: "";
    font-size: 14px;
    font-family: "FontAwesome";
    color: #666666;
    position: absolute;
    right: 3px;
    top: -1px;
    transition: 0.3s, transform 0.3s;
    transform: rotate(180deg) scale(1);
}

.searchBox {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBzdHlsZT0iY29sb3I6IHJnYigyMSwgOTUsIDYwKTsiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJjdXJyZW50Q29sb3IiIGNsYXNzPSJiaSBiaS1zZWFyY2giIHZpZXdCb3g9IjAgMCAxNiAxNiI+IDxwYXRoIGQ9Ik0xMS43NDIgMTAuMzQ0YTYuNSA2LjUgMCAxIDAtMS4zOTcgMS4zOThoLS4wMDFjLjAzLjA0LjA2Mi4wNzguMDk4LjExNWwzLjg1IDMuODVhMSAxIDAgMCAwIDEuNDE1LTEuNDE0bC0zLjg1LTMuODVhMS4wMDcgMS4wMDcgMCAwIDAtLjExNS0uMXpNMTIgNi41YTUuNSA1LjUgMCAxIDEtMTEgMCA1LjUgNS41IDAgMCAxIDExIDB6IiBmaWxsPSIjMTU1ZjNjIj48L3BhdGg+IDwvc3ZnPg=="); /* Add a search icon to input */
    background-position: 10px 10px; /* Position the search icon */
    background-repeat: no-repeat; /* Do not repeat the icon image */
    font-size: 13px; /* Increase font-size */
    padding: 8px 16px 8px 36px; /* Add some padding */
    border: 1px solid rgba(0, 0, 0, 0.25); /* Add a grey border */
    margin: 10px 0 10px 0; /* Add some space below the input */
    width: 95%;
}

.searchBox:focus {
    outline: 0 solid #fff;
}

/* MOBILE FILTER BEGINNING */

.mobile-filter-button {
    outline: 0;
    width: 100%;
    font-family: "Montserrat", sans-serif;
    display: none;
    border-radius: 0;
    border: 2px solid;
    padding: .8em 2em;
    text-align: center;
    cursor: pointer;
    font-weight: 900;
    color: #155f3c;
    margin-bottom: 1em;
    transition: .2s ease-in-out;
    font-size: .750rem;
    letter-spacing: 0;
}

.mobile-filter-button:hover {
    color: #000;
}

@media (max-width: 767px) {
    .accordion {
        display: none;
    }
}

@media (min-width: 767px) {
    .accordion {
        display: block;
    }
}

@media (max-width: 767px) {
    .mobile-filter-button {
        display: inline-block;
    }

    .filter-is-active .accordion .mobile-filter-button {
        color: #41e68c;
    }

    .filter-is-active .accordion {
        overflow-y: auto;
        background-color: #1a1a1a;
        z-index: 899;
        right: 0;
        left: 0;
        bottom: 0;
        top: 0;
        padding: 10%;
        position: fixed;
    }

    .filter-is-active .question-mark-info svg {
        color: #999 !important;
    }

    .filter-is-active .accordion .card {
        background-color: #1a1a1a;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
    }

    .filter-is-active .accordion .card:last-child {
        border-bottom: none !important;
    }

    .filter-is-active .accordion .card-heading a {
        color: #fff;
    }

    .filter-is-active .accordion .card-body label {
        color: #fff;
    }

    .filter-is-active .accordion .card-body label:hover {
        background-color: #1a1a1a;
    }

    .filter-is-active .sidebar_checkboxes .list label .checkmark {
        border: 1px solid #999999;
    }

    .filter-is-active .sidebar_checkboxes .list label input:checked ~ .checkmark {
        border-color: #41e68c;
    }

    .sidebar_checkboxes .list label input:checked ~ .checkmark:after {
        border-color: #41e68c;
        opacity: 1;
    }

    .filter-is-active .card-body::-webkit-scrollbar {
        background-color: #000;
        width: 16px;
    }

    .filter-is-active .card-body::-webkit-scrollbar-track {
        background-color: #1a1a1a;
    }

    .filter-is-active .card-body::-webkit-scrollbar-track:hover {
        background-color: #1a1a1a;
    }

    .filter-is-active .card-body::-webkit-scrollbar-thumb {
        background-color: #41e68c;
        border-radius: 16px;
        border: 5px solid #1a1a1a;
    }

    .filter-is-active .card-body::-webkit-scrollbar-thumb:hover {
        background-color: #41e68c;
        border: 4px solid #1a1a1a;
    }

    .filter-is-active .searchBox {
        background-image: url("data:image/svg+xml;base64,PHN2ZyBzdHlsZT0iY29sb3I6IHJnYig2NSwgMjMwLCAxNDApOyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9ImN1cnJlbnRDb2xvciIgY2xhc3M9ImJpIGJpLXNlYXJjaCIgdmlld0JveD0iMCAwIDE2IDE2Ij4gPHBhdGggZD0iTTExLjc0MiAxMC4zNDRhNi41IDYuNSAwIDEgMC0xLjM5NyAxLjM5OGgtLjAwMWMuMDMuMDQuMDYyLjA3OC4wOTguMTE1bDMuODUgMy44NWExIDEgMCAwIDAgMS40MTUtMS40MTRsLTMuODUtMy44NWExLjAwNyAxLjAwNyAwIDAgMC0uMTE1LS4xek0xMiA2LjVhNS41IDUuNSAwIDEgMS0xMSAwIDUuNSA1LjUgMCAwIDEgMTEgMHoiIGZpbGw9IiM0MWU2OGMiPjwvcGF0aD4gPC9zdmc+");
        background-color: #1a1a1a;
        color: #fff;
        border: 1px solid rgba(255, 255, 255, 0.2);
        border-radius: 25px;
        width: 100%;
    }
}

/* MOBILE FILTER FINISHING */

/* CULTIVAR SEARCH FINISHING */

/* CULTIVAR EXHIBITION BEGINNING */

#preloader {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background: #ffffff;
}

.loader {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    border-radius: 60px;
    animation: loader 0.8s linear infinite;
    -webkit-animation: loader 0.8s linear infinite;
}

@keyframes loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        border: 4px solid #f44336;
        border-left-color: transparent;
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        border: 4px solid #673ab7;
        border-left-color: transparent;
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        border: 4px solid #f44336;
        border-left-color: transparent;
    }
}

@-webkit-keyframes loader {
    0% {
        -webkit-transform: rotate(0deg);
        border: 4px solid #f44336;
        border-left-color: transparent;
    }
    50% {
        -webkit-transform: rotate(180deg);
        border: 4px solid #673ab7;
        border-left-color: transparent;
    }
    100% {
        -webkit-transform: rotate(360deg);
        border: 4px solid #f44336;
        border-left-color: transparent;
    }
}

.cultivar_cards {
    justify-content: center;
}

.cultivar_card_ext {
    margin: 10px;
}

.cultivar_card {
    display: grid;
    grid-template-columns: 250px;
    grid-template-rows: 140px 140px 53px;
    grid-template-areas: "image" "text" "stats";
    background: #231f20;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.9);
    border-radius: 10px;
    text-align: center;
    transition: 0.3s ease;
    cursor: pointer;
}

.cultivar_card_image {
    grid-area: image;
    background-repeat: no-repeat;
    background-position: center center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.cultivar_card_cesb {
    box-shadow: 2px 2px 0.5em rgba(155, 122, 89, 0.55),
    inset 1px 1px 0 rgba(255, 255, 255, 0.9),
    inset -1px -1px 0 rgba(0, 0, 0, 0.5);
    position: relative;
    top: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: -moz-linear-gradient(
        -72deg,
        #ffc373,
        #ffffff 16%,
        #ffc373 21%,
        #ffffff 24%,
        #a17434 27%,
        #ffc373 36%,
        #ffffff 45%,
        #ffffff 60%,
        #ffc373 72%,
        #ffffff 80%,
        #ffc373 84%,
        #a17434
    );
    background: -webkit-linear-gradient(
        -72deg,
        #ffc373,
        #ffffff 16%,
        #ffc373 21%,
        #ffffff 24%,
        #a17434 27%,
        #ffc373 36%,
        #ffffff 45%,
        #ffffff 60%,
        #ffc373 72%,
        #ffffff 80%,
        #ffc373 84%,
        #a17434
    );
    background: -o-linear-gradient(
        -72deg,
        #ffc373,
        #ffffff 16%,
        #ffc373 21%,
        #ffffff 24%,
        #a17434 27%,
        #ffc373 36%,
        #ffffff 45%,
        #ffffff 60%,
        #ffc373 72%,
        #ffffff 80%,
        #ffc373 84%,
        #a17434
    );
    background: linear-gradient(
        -72deg,
        #ffc373,
        #ffffff 16%,
        #ffc373 21%,
        #ffffff 24%,
        #a17434 27%,
        #ffc373 36%,
        #ffffff 45%,
        #ffffff 60%,
        #ffc373 72%,
        #ffffff 80%,
        #ffc373 84%,
        #a17434
    );
}

.cultivar_card_cesb p {
    color: black;
    text-decoration: none;
    text-shadow: 1px 1px 0 #ffffff;
}

.cultivar_card_cesb img {
    position: absolute;
    top: -87px;
    left: 32px;
    transform: translate(-50%, -50%);
    width: 45px;
}

.cultivar_card_text {
    grid-area: text;
    margin: 25px 25px 25px 25px;
}

.cultivar_card_text .date {
    font-size: 13px;
    letter-spacing: -1px;
    color: #ffffff;
    opacity: 0.6;
    font-family: "Montserrat", sans-serif;
}

.cultivar_card_text p {
    color: #ffffff;
    opacity: 0.8;
    font-size: 15px;
    font-weight: 400;
    font-family: "Montserrat", sans-serif;
    letter-spacing: -1px;
}

.text-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.cultivar_card_text h2 {
    margin-top: 0;
    font-size: 28px;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-weight: 800;
}

.cultivar_card_text .cesb_champion {
    background-image: linear-gradient(
        to right,
        #462523 0,
        #cb9b51 22%,
        #f6e27a 45%,
        #f6f2c0 50%,
        #f6e27a 55%,
        #cb9b51 78%,
        #462523 100%
    );
    color:transparent;
    -webkit-background-clip:text;
}

.cultivar_card_text .cultivarName {
    font-size: 22px;
}

.cultivar_card_text .cultivarTechnology {
    margin-top: 5px;
    line-height: 14px;
}

.cultivar_card_stats {
    grid-area: stats;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: #231f20;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    font-family: "Montserrat", sans-serif;
}

.cultivar_card_stats .cultivar_card_stat_mg {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 10px;
    color: #ffffff;
    line-height: 1;
}

.cultivar_card_stats .type {
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    color: #efefef;
}

.cultivar_card_stats .value {
    font-size: 22px;
    color: #efefef;
    font-weight: 500;
}

.cultivar_card_stat_goal {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 10px;
    color: #efefef;
    line-height: 1;
}

.cultivarGridDoubleCSS {
    grid-column: span 2;
    border: none;
}

.cultivar_card_stat_goal .value {
    font-size: 12px;
}

.cultivar_card:hover {
    transform: scale(1.1);
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.6);
}

/* CULTIVAR EXIBISTION FINISHING */

/* CULTIVAR PAGINATION BEGINNING */

.pagination-section {
    padding-top: 2em;
    padding-bottom: 1em;
    margin-top: 1em;
    letter-spacing: .2em;
    text-transform: uppercase;
    font-weight: 900;
    line-height: 1.4;
    font-family: "Montserrat", sans-serif;
    font-size: 10px;
}

.pagination-section a {
    color: #1a1a1a;
}

.pagination-section-hr {
    background-color: #efefef;
    display: block;
    margin: 0 0 2em 0;
    border: 0;
    height: 1px;
    width: 100%;
}

.pagination-container {
    padding-top: 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

.pagination-previous-button {
    padding-bottom: .5em;
    padding-top: .5em;
    display: inline-block;
    cursor: pointer;
}

.pagination-previous-button svg {
    width: .85em;
    height: .85em;
    transform: rotate(180deg);
}

.pagination-pages li {
    display: inline-block;
}

.pagination-pages li a {
    display: inline-block;
    margin-right: 1em;
    margin-left: 1em;
    padding-top: .5em;
    padding-bottom: .5em;
    transition-duration: .2s;
    cursor: pointer;
}

.pagination-pages li.active a {
    color: #41E68C;
    -webkit-box-shadow: inset 0 0 0 transparent, 0 2px 0 #41E68C;
    box-shadow: inset 0 0 0 transparent, 0 2px 0 #41E68C;
    transition-timing-function: ease-in-out;
}

.pagination-next-button {
    padding-bottom: .5em;
    padding-top: .5em;
    display: inline-block;
    cursor: pointer;
}

.pagination-next-button svg {
    width: .85em;
    height: .85em;
}

.prev-next-hide {
    display: none;
}

.pagination-separator a:hover {
    cursor: default;
}

@media (max-width: 992px) {
    .pagination-container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .pagination-pages,
    .pagination-next-button,
    .pagination-previous-button {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .pagination-pages {
        text-align: center;
    }
}

/* CULTIVAR PAGINATION FINISHING */

/* CULTIVAR DETAILS BEGINNING */

#cultivar-details-section .favorite-button {
    margin: 1em 0 1em 0;
    display: inline-block;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 0.25em;
    color: #1a1a1a;
    background: #fff;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    padding: 10px;
    font-size: 12px;
    text-transform: uppercase;
    width: 80%;
    min-height: 40px;
    box-shadow: .3rem .3rem .3rem rgba(38, 38, 38, 0.05);
    transition: .3s ease-in-out;
}

#cultivar-details-section .favorite-button svg {
    margin-right: .5em;
    margin-bottom: .05em;
    transition: .2s ease-in-out;
}

#cultivar-details-section .favorite-button svg path {
    fill: #1a1a1a;
}

#cultivar-details-section .favorite-button.favorited {
    background: #155f3c;
    color: #fff;
}

#cultivar-details-section .favorite-button.favorited svg path {
    fill: #fff;
}

@media (min-width: 34em) {
    .cultivar-display-banner {
        height: 80px;
    }

    #cultivar-details-section .container-padding {
        padding-top: 32px;
    }
}

#cultivar-details-section .container-padding {
    padding-top: 24px;
}

#details-aside {
    height: 100%;
}

#aside-name-detainer {
    text-align: center;
    border-left: 5px solid #41e68c;
    align-self: start;
    border-radius: 0.25rem;
    padding: 0 .5em;
}

#aside-name-detainer .cesb-medal {
    position: absolute;
    left: 17px;
    top: 15px;
    transform: translate(-50%, -50%);
    width: 60px;
}

@media (max-width: 576px) {
    #aside-name-detainer .cesb-medal {
        width: 50px;
    }
}

#aside-name {
    font-weight: 700;
    color: #1a1a1a;
}

#aside-detainer {
    color: #1a1a1a;
    opacity: .8;
    letter-spacing: -1px;
}

.aside-alert {
    border-radius: 2px;
    background-color: #fff;
    color: #404040;
    border: 1px solid rgba(0, 0, 0, .1);
    position: relative;
    width: 80%;
    margin: 0 auto;
    box-shadow: .3rem .3rem .3rem rgba(38, 38, 38, 0.05);
}

.aside-alert-wrap {
    display: flex;
    flex-direction: row;
}

.aside-alert-icon {
    background-color: rgba(39, 167, 75, 0.8);
    flex-shrink: 0;
    padding: 1rem 1rem;
    display: flex;
    align-items: center;
}

.aside-alert.not-verified .aside-alert-icon {
    background-color: #fbdf48;
}

.aside-alert-icon span {
    line-height: 2;
    background-color: #1a1a1a;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    color: #FFF;
    text-align: center;
}

.aside-alert-content {
    flex: 1 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.aside-alert-body {
    margin-right: 4px;
    text-align: center;
}

.aside-alert-body-p {
    line-height: 1;
    padding: 10px;
    color: #1a1a1a;
    font-weight: 600;
    font-size: 12px;
    width: 100%;
    margin: 0;
}

#aside-highlights h2 {
    font-weight: bold;
    text-align: center;
    font-size: 22px;
    color: #1a1a1a;
}

.highlight-list-box {
    margin: 20px 0;
}

.highlight-list {
    list-style-type: none;
}

.highlight-list-item {
    overflow: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 80%;
    margin: 10px auto;
    border: 1px solid rgba(0, 0, 0, .05);
    box-shadow: .3rem .3rem .3rem rgba(38, 38, 38, 0.05);
}

.highlight-list-item:hover {
    background: #eeeeee;
}

.highlight-list-item h3 {
    width: 100%;
    line-height: 1;
    padding: 8px;
    color: #1a1a1a;
    font-weight: 600;
    font-size: 14px;
    margin: 0;
}

.highlight-list-item img {
    float: left;
    margin: 0 15px 0 0;
}

#microrregioes {
    -webkit-filter: drop-shadow(0px 10px 2px rgba(222, 226, 230, .3));
    filter: drop-shadow(0px 10px 2px rgba(222, 226, 230, .3));
}

#microrregioes path,
#microrregioes polygon {
    fill: #dee2e6;
}

#microrregioes a .mr101 {
    fill: #084929;
}

#microrregioes a:hover .mr101 {
    fill: #0d7743;
}

#microrregioes a .mr102 {
    fill: #166039;
}

#microrregioes a:hover .mr102 {
    fill: #208952;
}

#microrregioes a .mr103 {
    fill: #2D7C51;
}

#microrregioes a:hover .mr103 {
    fill: #3ba169;
}

#microrregioes a .mr104 {
    fill: #3D9B65;
}

#microrregioes a:hover .mr104 {
    fill: #51ba7e;
}

#microrregioes a .mr201 {
    fill: #4C4A0C;
}

#microrregioes a:hover .mr201 {
    fill: #787513;
}

#microrregioes a .mr202 {
    fill: #6B6B0B;
}

#microrregioes a:hover .mr202 {
    fill: #999910;
}

#microrregioes a .mr203 {
    fill: #BAB10C;
}

#microrregioes a:hover .mr203 {
    fill: #eadf0f;
}

#microrregioes a .mr204 {
    fill: #93932F;
}

#microrregioes a:hover .mr204 {
    fill: #baba3b;
}

#microrregioes a .mr301 {
    fill: #561106;
}

#microrregioes a:hover .mr301 {
    fill: #861a09;
}

#microrregioes a .mr302 {
    fill: #84241A;
}

#microrregioes a:hover .mr302 {
    fill: #af3022;
}

#microrregioes a .mr303 {
    fill: #DD4545;
}

#microrregioes a:hover .mr303 {
    fill: #e57070;
}

#microrregioes a .mr304 {
    fill: #C1251E;
}

#microrregioes a:hover .mr304 {
    fill: #df3a33;
}

#microrregioes a .mr401 {
    fill: #052D0B;
}

#microrregioes a:hover .mr401 {
    fill: #0a5b16;
}

#microrregioes a .mr402 {
    fill: #044210;
}

#microrregioes a:hover .mr402 {
    fill: #07721c;
}

#microrregioes a .mr403 {
    fill: #06601B;
}

#microrregioes a:hover .mr403 {
    fill: #099029;
}

#microrregioes a .mr404 {
    fill: #107523;
}

#microrregioes a:hover .mr404 {
    fill: #16a230;
}

#microrregioes a .mr405 {
    fill: #34A344;
}

#microrregioes a:hover .mr405 {
    fill: #46c458;
}

#microrregioes a .mr501 {
    fill: #6D6945;
}

#microrregioes a:hover .mr501 {
    fill: #8c8759;
}

#microrregioes a .mr502 {
    fill: #ADB287;
}

#microrregioes a:hover .mr502 {
    fill: #c2c6a6;
}

#microrregioes a .mr503 {
    fill: #50A097;
}

#microrregioes a:hover .mr503 {
    fill: #6db6ae;
}

#cultivar-details-section table {
    text-align: center;
    table-layout: fixed;
    margin: 0;
}

#cultivar-details-section table caption {
    padding-bottom: 0;
}

#cultivar-details-section table th {
    vertical-align: middle !important;
}

#cultivar-details-section table td {
    vertical-align: middle !important;
}

#details-characteristics tbody th {
    font-weight: 400;
}

#details-characteristics tbody td {
    font-weight: 700;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.05);
}

#details-seeding table {
    table-layout: auto;
}

#details-refuge-cultivars tbody th {
    font-weight: 400;
}

#details-refuge-cultivars tbody td {
    font-weight: 700;
}

#details-refuge-cultivars tbody:nth-child(even) {
    background-color: rgba(0, 0, 0, 0.05);
}

#details-refuge-cultivars tbody:hover td[rowspan],
#details-refuge-cultivars tr:hover td {
    background-color: rgba(0, 0, 0, 0.075);
}

#details-diseases-resistance tbody th {
    font-weight: 400;
}

#details-diseases-resistance tbody td {
    font-weight: 700;
}

#details-cesb-champion tbody th {
    font-weight: 400;
}

#details-cesb-champion tbody .productivity {
    font-weight: 600;
}

#details-cesb-champion tbody td {
    font-weight: 700;
}

#cultivar-details-section .legend {
    font-size: 14px;
    color: #666666;
    font-weight: 500;
}

#cultivar-details-section .legend > i {
    border-radius: 0 3px;
    display: inline-block;
    float: left;
    height: 20px;
    width: 20px;
    border: 1px solid #cccccc;
}

#cultivar-details-section .legend > span {
    display: block;
    height: 20px;
    line-height: 20px;
    padding-left: 5px;
}

#cultivar-details-section caption p {
    padding-left: 15px;
    padding-right: 15px;
}

/* CULTIVAR DETAILS FINISHING */

/*----- MAIN CONTENT FINISHING -----*/

/*----- NEWS BEGINNING -----*/
#news-main-row {
    margin-top: 2em;
    margin-bottom: 2em;
}

#main-news-container {
    overflow: hidden;
    position: relative;
    margin-bottom: 1em;
    box-shadow: 0 5px 2rem 0 rgba(0, 0, 0, 0.7);
}

#main-news-box {
    height: 360px;
    background: url("https://ogimg.infoglobo.com.br/economia/24074280-ba3-60a/FT1086A/652/xMAT-1Depositphotoscorte.jpg.pagespeed.ic.b_PVBI88Ti.jpg") no-repeat;
    background-size: cover;
    border-radius: 0.3rem;
    padding: 4rem 2rem;
    transition: all 0.4s;
}

#main-news-box:hover {
    transform: scale(1.03);
}

#main-news-text {
    position: absolute;
    bottom: 0;
    left: 0;
    padding-left: 2rem;
    padding-right: 2rem;
    background: rgb(255, 255, 255);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
}

#main-news-text h1 {
    font-size: 30px;
    text-shadow: 10px 10px 50px black;
    margin-top: 0;
    color: #eee;
    font-weight: 700;
}

#main-news-text p {
    font-weight: 400;
    font-size: 18px;
    text-shadow: 10px 10px 50px black;
    color: #e5e4e4;
}

@media (min-width: 768px) and (max-width: 991.98px) {
    #main-news-text h1 {
        font-size: 28px;
    }

    #main-news-text p {
        font-size: 16px;
    }
}

@media (max-width: 576px) {
    #main-news-box {
        height: 300px;
        padding: 2rem 1rem;
    }

    #main-news-text {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    #main-news-text h1 {
        font-size: 24px;
    }

    #main-news-text p {
        font-size: 13px;
    }
}

/* SECONDARY PRINCIPAL CARDS BEGINNING */

.secondary-principal-news-card .card {
    height: 120px;
    border: none;
    border-radius: 0 5px 5px 0;
    background-color: #1a1a1a;
    box-shadow: 0 5px 2rem 0 rgba(0, 0, 0, 0.7);
    color: #b8b9c2;
}

.secondary-principal-news-card p {
    margin: 0;
    color: #eee;
    font-weight: 600;
    font-size: 12px;
    line-height: 1.3;
}

.secondary-principal-news-card .tag {
    background-color: rgb(0, 0, 0);
    position: absolute;
    border-radius: 7px 0 5px 0;
    bottom: 0;
    right: 0;
}

.secondary-principal-news-card .tag p {
    color: #fff;
    border-left: 4px solid #FFBE08;
    border-radius: 7px 0 0 0;
    font-size: 12px;
    font-weight: 450;
    margin: 0;
    padding: 2px 8px 2px 8px;
}

@media (max-width: 1199px) {
    .secondary-principal-news-card p {
        font-size: 10px;
        line-height: 1.2;
    }

    .secondary-principal-news-card .tag p {
        font-size: 10px;
    }

}

@media (max-width: 992px) {
    .secondary-principal-news-card p {
        font-size: 12px;
        line-height: 1.2;
    }

    .secondary-principal-news-card .tag p {
        font-size: 12px;
    }
}


/* SECONDARY PRINCIPAL CARDS FINISHING */

#soybean-cards-title {
    background-color: rgb(0, 0, 0);
    border-radius: 7px 7px 0 0;
    box-shadow: 0 5px 2rem 0 rgba(0, 0, 0, 0.7);
}

#soybean-cards-title p {
    color: #fff;
    border-radius: 7px 0 0 0;
    border-left: 4px solid #FFBE08;
    font-size: 14px;
    font-weight: 550;
    margin: 0;
    padding: 2px 8px 2px 8px;
}

@media (max-width: 992px) {
    #soybean-cards-carousel {
        margin-top: 1em;
    }
}

#soybean-cards-carousel .carousel-inner {
    border-radius: 0 0 7px 7px;
    box-shadow: 0 5px 2rem 0 rgba(0, 0, 0, 0.7);
}

#soybean-cards-carousel .card {
    background-color: #000000;
    border: none;
}

#soybean-cards-carousel .carousel-indicators li {
    background-color: rgba(0, 0, 0, 0.5) !important;
    opacity: 1;
}

#soybean-cards-carousel .carousel-indicators .active {
    background-color: rgba(0, 0, 0, 1) !important;
    opacity: 1;
}

#soybean-cards-carousel .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

#soybean-cards-carousel .carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}

#soybean-cards-carousel .carousel-indicators {
    position: absolute;
    bottom: 220px;
}

#soybean-cards-carousel .card-body {
    height: 220px;
    background-color: #1a1a1a;
}

#soybean-cards-carousel .card-body .card-title {
    color: #eee;
    font-weight: 700;
    font-size: 18px;
}

#soybean-cards-carousel .card-body .card-text {
    font-size: 13px;
    color: #d6d6d6;
    line-height: 1.3;
}

#soybean-cards-carousel .card-body a {
    background-color: #FFBE08;
    color: #474242;
    font-size: 13px;
    transition: 0.3s;
}

#soybean-cards-carousel .card-body a:hover {
    background-color: #ddb512;
    color: #fff;
}

#soybean-cards-carousel .carousel-control-prev {
    background: rgb(0, 0, 0);
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(255, 255, 255, 0) 100%);
    height: 250px;
}

#soybean-cards-carousel .carousel-control-next {
    background: rgb(0, 0, 0);
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.6) 0%, rgba(255, 255, 255, 0) 100%);
    height: 250px;
}

#carousel-row-cards h1 {
    margin-top: 0;
    margin-bottom: 10px;
    color: #eee;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.5;
}

#carousel-row-cards p {
    margin-bottom: 20px;
    font-size: 16px;
    color: #d6d6d6;
    line-height: 1.3;
}

#carousel-row-cards .tag {
    background-color: rgb(0, 0, 0);
    position: absolute;
    border-radius: 7px 0 0 0;
    bottom: 0;
    right: 0;
}

#carousel-row-cards .tag p {
    color: #fff;
    border-left: 4px solid #FFBE08;
    border-radius: 7px 0 0 0;
    font-size: 14px;
    font-weight: 450;
    margin: 0;
    padding: 2px 8px 2px 8px;
}

.w-slider {
    position: relative;
    height: 300px;
    text-align: center;
    background: #dddddd;
    clear: both;
}

.w-slider-mask {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 1;
    left: 0;
    right: 0;
    height: 100%;
    white-space: nowrap;
}

.w-slide {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 100%;
    white-space: normal;
    text-align: left
}

#carousel-row-cards .slider {
    width: 100vw;
    height: 400px;
    padding-bottom: 75px;
    background-color: transparent;
}

#carousel-row-cards {
    overflow: hidden;
    padding-top: 45px;
    padding-bottom: 45px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
}

#carousel-row-cards.is_carousel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

#carousel-row-cards .slider-mask {
    overflow: visible;
    width: 25%;
}

#carousel-row-cards .card {
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin-right: auto;
    margin-left: auto;
    border: none;
    border-radius: 5px;
    background-color: #1a1a1a;
    box-shadow: 0 5px 2rem 0 rgba(0, 0, 0, 0.7);
    color: #b8b9c2;
}

#carousel-row-cards .card.alt {
    background-color: #d2d4da;
    box-shadow: 0 5px 2em 0 rgba(0, 0, 0, 0.29);
}

#carousel-row-cards .slide-last {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100vw;
    height: 100%;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

#carousel-row-cards .card-wrapper {
    width: 100%;
    height: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

#carousel-row-cards .carousel {
    width: 100vw;
    height: 400px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
}

#carousel-row-cards .carousel.is_contained {
    width: 100%;
    height: auto;
    padding-bottom: 75px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

#carousel-row-cards .carousel.is_contained.is_flexed {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

#carousel-row-cards .carousel-mask {
    overflow: visible;
    width: 40%;
}

#carousel-row-cards .carousel-last {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100vw;
    height: 100%;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

#carousel-row-cards .carousel-last_spacer {
    width: 25%;
    height: 100%;
}

#carousel-row-cards .carousel-slider._8 {
    right: -147%;
}

#carousel-row-cards .carousel-slider._7 {
    right: -126%;
}

#carousel-row-cards .carousel-slider._6 {
    right: -105%;
}

#carousel-row-cards .carousel-slider._5 {
    right: -84%;
}

#carousel-row-cards .carousel-slider._4 {
    right: -63%;
}

#carousel-row-cards .carousel-slider._3 {
    right: -42%;
}

#carousel-row-cards .carousel-slider._2 {
    right: -21%;
}

#carousel-row-cards .d-none {
    display: none;
}

#carousel-row-cards .container {
    width: 90%;
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
}

#carousel-row-cards .card-body {
    height: 275px;
    padding: 30px;
}

#carousel-row-cards .card-header {
    height: 150px;
    background-position: 50% 30%;
    background-size: cover;
}

[class^="w-icon-"],
[class*=" w-icon-"] {
    font-family: 'webflow-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#carousel-row-cards .arrow-left {
    left: 0;
    top: auto;
    right: auto;
    bottom: 0;
    width: 50px;
    height: 50px;
}

#carousel-row-cards .arrow-right {
    left: auto;
    top: auto;
    right: 0;
    bottom: 0;
    width: 50px;
    height: 50px;
}

.w-slider-arrow-left,
.w-slider-arrow-right {
    position: absolute;
    width: 80px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    cursor: pointer;
    overflow: hidden;
    color: black;
    font-size: 40px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.w-slider-arrow-left [class^="w-icon-"],
.w-slider-arrow-right [class^="w-icon-"],
.w-slider-arrow-left [class*=" w-icon-"],
.w-slider-arrow-right [class*=" w-icon-"] {
    position: absolute
}

.w-slider-arrow-left {
    z-index: 3;
    right: auto
}

.w-slider-arrow-right {
    z-index: 4;
    left: auto
}

.w-icon-slider-left,
.w-icon-slider-right {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 1em;
    height: 1em
}

.w-icon-slider-right:before {
    content: "\e600"
}

.w-icon-slider-left:before {
    content: "\e601"
}

.w-slider-nav {
    position: absolute;
    z-index: 2;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    padding-top: 10px;
    height: 40px;
    text-align: center;
}

.w-slider-nav.w-round > div {
    border-radius: 100%
}

.w-slider-dot {
    position: relative;
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    margin: 0 3px .5em;
    transition: background-color 100ms, color 100ms
}

.w-slider-dot.w-active {
    background-color: #000;
}

.carousel-row-card-know-more {
    text-align: center;
}

.carousel-row-card-know-more .card-header {
    border-bottom: none;
    background-color: #1a1a1a;
}

.carousel-row-card-know-more .card-body button {
    background-color: #3862ec;
    color: #ffffff;
    font-weight: 550;
}

@media (max-width: 992px) {
    .carousel-row-card-know-more .card-body button {
        font-size: 14px;
        padding: 0.250rem 0.5rem;
    }
}

@media (max-width: 1199px) {
    #carousel-row-cards h1 {
        font-size: 16px;
        line-height: 1.3;
    }

    #carousel-row-cards p {
        font-size: 14px;
        line-height: 1.2;
    }

    #carousel-row-cards .tag p {
        font-size: 14px;
    }
}

@media (max-width: 992px) {
    #carousel-row-cards h1 {
        font-size: 14px;
        line-height: 1.3;
    }

    #carousel-row-cards p {
        font-size: 12px;
        line-height: 1.3;
    }

    #carousel-row-cards .tag p {
        font-size: 13px;
    }

    #carousel-row-cards .card-body {
        padding: 20px;
    }
}

@media (max-width: 767px) {
    #carousel-row-cards h1 {
        font-size: 14px;
        line-height: 1.3;
    }

    #carousel-row-cards p {
        font-size: 13px;
        line-height: 1.3;
    }

    #carousel-row-cards .tag p {
        font-size: 13px;
    }

    #carousel-row-cards .card-body {
        padding: 20px;
    }

    #carousel-row-cards .carousel-mask {
        width: 60%;
    }

    #carousel-row-cards .carousel-slider._8 {
        right: -63%;
    }

    #carousel-row-cards .carousel-slider._7 {
        right: -54%;
    }

    #carousel-row-cards .carousel-slider._6 {
        right: -45%;
    }

    #carousel-row-cards .carousel-slider._5 {
        right: -36%;
    }

    #carousel-row-cards .carousel-slider._4 {
        right: -27%;
    }

    #carousel-row-cards .carousel-slider._3 {
        right: -18%;
    }

    #carousel-row-cards .carousel-slider._2 {
        right: -9%;
    }
}

@media (max-width: 479px) {
    #carousel-row-cards h1 {
        font-size: 15px;
        line-height: 1.2;
        margin-bottom: 5px;
    }

    #carousel-row-cards p {
        font-size: 13px;
        line-height: 1.2;
    }

    #carousel-row-cards .tag p {
        font-size: 12px;
    }

    #carousel-row-cards .card-body {
        padding: 20px;
    }

    #carousel-row-cards .carousel-mask {
        width: 100%;
    }

    #carousel-row-cards .carousel-slider {
        padding-right: 10px;
        padding-left: 10px;
    }

    #carousel-row-cards .carousel-slider._8 {
        right: 0;
    }

    #carousel-row-cards .carousel-slider._7 {
        right: 0;
    }

    #carousel-row-cards .carousel-slider._6 {
        right: 0;
    }

    #carousel-row-cards .carousel-slider._5 {
        right: 0;
    }

    #carousel-row-cards .carousel-slider._4 {
        right: 0;
    }

    #carousel-row-cards .carousel-slider._3 {
        right: 0;
    }

    #carousel-row-cards .carousel-slider._2 {
        right: 0;
    }
}

.category-container {
    margin-bottom: 20px;
    margin-top: 25px;
    padding-top: 25px;
}

@media (min-width: 544px) and (max-width: 768px) {
    .category-container {
        padding-top: 0;
    }
}

.category-content {
    padding-bottom: 25px;
    position: relative;
}

@media (max-width: 768px) {
    .category-content {
        padding-bottom: 0;
    }
}

.category-name {
    font-size: 25px;
    font-weight: 300;
    letter-spacing: 3px;
    text-align: center;
    text-transform: uppercase;
    line-height: 28px;
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .category-name {
        font-size: 36px;
        letter-spacing: 5.5px;
        margin-bottom: 4px;
        line-height: 40px;
    }
}

@media (min-width: 992px) {
    .category-name {
        font-size: 38px;
        letter-spacing: 6px;
        line-height: 48px;
    }
}

@media (min-width: 1230px) {
    .category-name {
        font-size: 40px;
        letter-spacing: 7px;
        line-height: 52px;
    }
}

.category-name a {
    color: #1a1a1a;
}

.category-hr {
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .08);
    background-color: #f2f2f2;
    height: 7px;
}

.news-heading {
    font-style: normal;
    display: block;
    font-size: 40px;
    font-weight: 600;
    color: #1a1a1a;
    letter-spacing: -1px;
    margin: 0;
    padding: 0 1.5rem;
    line-height: 1;
}

@media (min-width: 64rem) {
    .news-heading {
        padding: 0;
    }
}

.news-subheading {
    margin-top: 1.5rem;
    margin-left: auto;
    margin-right: auto;
}

.news-subheading-content {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    font-size: 1.125rem;
    line-height: 1.5rem;
    letter-spacing: -.03125rem;
    color: #555;
}

@media (min-width: 64rem) {
    .news-subheading-content {
        font-size: 1.25rem;
        padding-left: 0;
        line-height: 1.75rem;
        text-align: left;
    }
}

.news-share-container {
    margin: 0 1.5rem;
}

@media (min-width: 64rem) {
    .news-share-container {
        display: flex;
        justify-content: space-between;
        margin: 0 auto;
    }
}

.news-signature {
    margin: 1.5rem 0;
}

@media (min-width: 64rem) {
    .news-signature {
        display: flex;
        margin: 2.5rem 2.5rem 2.5rem 0;
    }
}

.news-publication {
    display: flex;
    align-items: center;
}

.news-publication-author {
    font-weight: 700;
    line-height: 1.25rem;
    font-size: .875rem;
    letter-spacing: -.0125rem;
    margin: 0;
    color: #555;
}

@media (min-width: 64rem) {
    .news-publication-author {
        font-size: 1rem;
        letter-spacing: -.01875rem;
    }
}

.news-publication-author span {
    font-weight: 500;
}

.news-publication-source {
    font-weight: 700;
    line-height: 1.25rem;
    font-size: .875rem;
    letter-spacing: -.0125rem;
    margin: 0 0 8px;
    color: #555;
}

@media (min-width: 64rem) {
    .news-publication-source {
        font-size: 1rem;
        letter-spacing: -.01875rem;
    }
}

.news-publication-source span {
    font-weight: 500;
}

.news-publication-date {
    font-size: .75rem;
    line-height: 1rem;
    margin: 0;
    color: #555;
    font-weight: 500;
}

.news-share-bar {
    margin: -.875rem -.8125rem .625rem;
    height: 3rem;
}

@media (min-width: 64rem) {
    .news-share-bar {
        display: flex;
        align-items: center;
        margin: 2.5rem -.8125rem;
    }
}

.news-share-bar-btn {
    width: 48px;
    height: 48px;
    background-size: 20px 20px;
    overflow: hidden !important;
    display: inline-block;
    position: relative;
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer;
}

.facebook-share-btn {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAwIiBoZWlnaHQ9IjMwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIGZpbGw9Im5vbmUiPjxwYXRoIGQ9Ik0yODMuNDQ4IDBIMTYuNTUyQzcuNDEgMCAwIDcuNDEgMCAxNi41NTJ2MjY2Ljg5NkMwIDI5Mi41OSA3LjQxIDMwMCAxNi41NTIgMzAwaDE0My43OTNWMTgzLjk4M2gtMzkuMDUydi00NS40MTRoMzkuMDUydi0zMy40MTRjMC0zOC43NDEgMjMuNjktNTkuODQ1IDU4LjI0MS01OS44NDUgMTEuNjQ0LS4wMjUgMjMuMjguNTYyIDM0Ljg2MiAxLjc1OXY0MC41aC0yMy43OTNjLTE4LjgyNyAwLTIyLjUgOC44OTctMjIuNSAyMi4wMzR2MjguOTE0aDQ1bC01Ljg0NSA0NS40MTRoLTM5LjQxM1YzMDBoNzYuNTUxYzkuMTQyIDAgMTYuNTUyLTcuNDEgMTYuNTUyLTE2LjU1MlYxNi41NTJDMzAwIDcuNDEgMjkyLjU5IDAgMjgzLjQ0OCAweiIgZmlsbD0iIzQyNjdCMiIvPjxwYXRoIGQ9Ik0yMDcuMTYgMzAwVjE4My45OWgzOS45NjdsNS45NjUtNDUuNDEySDIwNy4xNnYtMjguOTEyYzAtMTMuMTM3IDMuNzQ5LTIyLjAzMyAyMi45NjYtMjIuMDMzaDI0LjU1di00MC41NWEzNDUuOTIzIDM0NS45MjMgMCAwMC0zNS42MzctMS43NThjLTM1LjMyIDAtNTkuMzk0IDIxLjEwMi01OS4zOTQgNTkuODQxdjMzLjQxMmgtMzkuODZ2NDUuNDExaDM5Ljg2VjMwMGg0Ny41MTV6IiBmaWxsPSIjRkZGIi8+PC9nPjwvc3ZnPg==);
}

.twitter-share-btn {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzY4IiBoZWlnaHQ9IjMwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTE1LjcyOSAzMDBjMTM4Ljg2OCAwIDIxNC44MjMtMTE1LjQyOCAyMTQuODIzLTIxNS41MjcgMC0zLjI3OCAwLTYuNTQyLS4yMi05Ljc5QTE1My44OTggMTUzLjg5OCAwIDAwMzY4IDM1LjQ3MmExNTAuMzIgMTUwLjMyIDAgMDEtNDMuMzY1IDExLjkxOCA3NS45NjkgNzUuOTY5IDAgMDAzMy4xOTMtNDEuODk4IDE1MS4wMDggMTUxLjAwOCAwIDAxLTQ3Ljk0MyAxOC4zODdjLTIzLjQwMy0yNC45NjctNjAuNTkxLTMxLjA3OC05MC43MS0xNC45MDYtMzAuMTIgMTYuMTcyLTQ1LjY4MSA1MC42MDUtMzcuOTU3IDgzLjk5MUMxMjAuNTEgODkuOTEyIDYzLjk1IDYxLjE0NSAyNS42MTMgMTMuODIzYy0yMC4wNCAzNC42MS05LjgwNCA3OC44ODkgMjMuMzc1IDEwMS4xMTdhNzQuNzUzIDc0Ljc1MyAwIDAxLTM0LjI2OC05LjQ4MXYuOTZjLjAxIDM2LjA1OCAyNS4zNDQgNjcuMTE0IDYwLjU3MyA3NC4yNTRhNzUuMTQzIDc1LjE0MyAwIDAxLTM0LjA5MiAxLjNjOS44OTEgMzAuODU3IDM4LjIzNyA1MS45OTUgNzAuNTM5IDUyLjYwNGExNTEuMTg0IDE1MS4xODQgMCAwMS05My43NjcgMzIuNDlBMTUzLjE5NyAxNTMuMTk3IDAgMDEwIDI2NS45NzRhMjEzLjI0MSAyMTMuMjQxIDAgMDAxMTUuNzI5IDMzLjk2NyIgZmlsbD0iIzFEQTFGMiIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9zdmc+);
}

.whatsapp-share-btn {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjk1IiBoZWlnaHQ9IjMwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMkZCMTQwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0xMzYuOTE4LjU1Yy0xNi45NDggMS40Mi0zNS43NzUgNi43NzgtNTEuNzE2IDE0Ljc0OEM1Ni40OCAyOS42MzQgMzMuODk4IDUyLjM1IDE5Ljg4IDgwLjkzLS43MzMgMTIyLjg4NS0uMTM3IDE2OS42OTUgMjEuNDg0IDIxMy40MzVsMy40MzUgNi45MTZMMTIuMjMxIDI1OEMyLjcwMyAyODYuMzUxLS4zMjEgMjk1LjgzMi4wNDYgMjk2LjM4MmMuMjc1LjQxMi45MTYuNzc4IDEuNDY2Ljg3LjczMy4xMzcuOTYyLjQ1OC45NjIgMS41MTEgMCAxLjIzNy4xMzcgMS4zNzQgMS4wNTMgMS4wNTQgMy4yNTMtMS4wMDggMjkuNjM4LTkuNDM1IDUxLjQ0Mi0xNi4zOTdsMjUuMTk0LTguMDYxIDYuNjQyIDMuMTE0YzI2LjA2NSAxMi40NTggNTIuNjMzIDE2Ljk0NyA4MC4zNDYgMTMuNTU4IDQxLjMxOS01LjAzOSA3OC41MTQtMjguMDMxIDEwMS42NDctNjIuOTMyIDE4LjczNS0yOC4yMTQgMjguMTI2LTYzLjIwNiAyNS40MjMtOTUuMTMtMi40NzMtMjkuNTg3LTEzLjI4NC01Ni44NC0zMS43NDQtNzkuOTIzLTE4LjE0LTIyLjcxOC00My45NzUtMzkuOTQtNzIuMjM5LTQ4LjE4My02LjA0Ni0xLjc4Ny0xNi45MDMtNC4wMy0yMy4zMTYtNC44NTVDMTYxLjY1NS4zMiAxNDMuMTQ4LjA0NiAxMzYuOTE4LjU1em0yOS4zMTcgMzAuODdjMjYuNTY5IDMuOTg1IDQ5LjE5NyAxNS4yOTggNjguMDI0IDM0LjE2OCAxOC4zMjMgMTguMjc1IDI5LjIyNSAzOS45MzkgMzIuMzQgNjQuMzUuOTYyIDcuNjA0IDEuMDA4IDIyLjIxNS4wNDYgMjkuNzcyLTMuMjUyIDI1Ljg3OC0xNC45MzMgNDkuNjAzLTMzLjUzIDY4LjI0NC0xMy43NDMgMTMuODMyLTI4Ljc2OCAyMy4xMy00Ni45NTQgMjkuMTMtMTIuMDQ3IDMuOTM5LTIyLjMwOCA1LjU0Mi0zNi4xODcgNS41NDItMTEuNDA2LjA0Ni0xNy45NTctLjY4Ny0yNy43MTQtMy4wNjktMTMuMjg0LTMuMjA2LTIyLjA4LTYuOTYyLTM2Ljk2Ny0xNS43NTUtMS4xNDUtLjY4Ny0xLjk3LS40NTgtMjIuMzU0IDYuMDQ1LTExLjYzNSAzLjcxLTIxLjM0NiA2LjY0Mi0yMS41MyA2LjUwNC0uMjI4LS4xMzcgMi42MTItOS4xNiA2LjIzLTIwLjA2IDMuNjItMTAuODU2IDYuNTk3LTIwLjI5MSA2LjU5Ny0yMC44ODYgMC0uNTk2LTEuMTkxLTIuOTc4LTIuNzAzLTUuMjY4LTE2LjMwNy0yNS4zMjgtMjIuNDkxLTUyLjk0Ni0xOC4zMjMtODIuMDMgMi40MjgtMTYuOTkyIDguMjQ2LTMxLjkyNCAxNy45MTEtNDUuODQ3IDIwLjE1NS0yOS4xNzYgNTEuODA4LTQ3LjgxNyA4Ny40LTUxLjQ4MSA1LjQ1Mi0uNTUgMjIuMjYzLS4xODQgMjcuNzE0LjY0eiIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTk3LjUyNCA3My45N2MtMi44NC45NjEtNS4yMjIgMi42NTYtOC43NSA2LjMyLTcuNzg2IDguMTUzLTExLjQ1MSAxNi42NzItMTEuOTU1IDI4LjEyMi0uNTk1IDEzLjE0NSA0LjUzNSAyNy42NjQgMTYuMTI0IDQ1LjU3MyAxOS4zNzcgMjkuOTA4IDM4Ljg0NSA0Ny40NSA2NC41ODkgNTguMTY4IDEzLjE5MiA1LjQ5NiAyMS44MDQgOC4zMzYgMjcuNDg0IDkuMTYgNC4yNi41NSAxMi42ODktLjY4NyAxNy45MTEtMi43MDIgNC43MTgtMS44MzIgMTEuMzE0LTYuMTM4IDE0LjI0Ni05LjM0NCA0LjQ5LTQuOTQ2IDguMzgzLTE1LjkzOSA4LjM4My0yMy43NyAwLTMuMjUzLS4wOTItMy42NjUtMS4yMzctNC45NDctMi4zMzYtMi41NjUtMzEuMzc4LTE3LjcyNi0zNC44MTQtMTguMTg0LTMuMTE0LS40MTItNC4zNTEuNDU4LTkuNDgyIDYuNDU4LTcuOTcgOS4yOTgtMTAuNDQ0IDExLjcyNi0xMS44NjQgMTEuNzI2LTEuNjQ5IDAtMTIuNjg5LTUuNTQyLTE3Ljk1Ni05LjAyMy0xMi44NzItOC41Mi0yMy41OTEtMjAuMTk5LTMxLjk3NC0zNS4wMzgtLjY4Ny0xLjE5MS0xLjIzNy0yLjMzNi0xLjIzNy0yLjYxMSAwLS4yNzUgMS40NjYtMi4xMDcgMy4yNTMtNC4wMyA0LjMwNS00LjcxOCA1LjcyNS02Ljg3IDcuNTU4LTExLjMxNCAyLjEwNy00Ljk5MiAyLjAxNS02LjMyLS43NzktMTMuODc4LTQuMDMxLTEwLjk5Mi01LjMxNC0xNC40MjctNy41MTItMjAuMzM1LTIuMjktNi4xMzgtNC4wMzEtOC44NC02LjM2OC05LjgwMi0yLjE1My0uOTE2LTEzLjM3NS0xLjI4Mi0xNS42Mi0uNTV6Ii8+PC9nPjwvc3ZnPg==);
}

.linkedin-share-btn {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAwIiBoZWlnaHQ9IjMwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxyZWN0IGZpbGw9IiMxMzc3QjUiIHdpZHRoPSIzMDAiIGhlaWdodD0iMzAwIiByeD0iMTUiLz48cGF0aCBkPSJNMjY1IDE3Ni4wMDJWMjY1aC00OS4yMDh2LTgzLjAzOGMwLTIwLjg2LTcuMTE3LTM1LjA5NS0yNC45MjktMzUuMDk1LTEzLjU5NyAwLTIxLjY4OCA5LjU5NC0yNS4yNDggMTguODc0LTEuMjk4IDMuMzE4LTEuNjMyIDcuOTM2LTEuNjMyIDEyLjU4VjI2NWgtNDkuMjI1cy42NjMtMTQwLjYzOCAwLTE1NS4yMWg0OS4yMnYyMmMtLjEuMTY1LS4yMy4zNDMtLjMyNC41MDJoLjMyNHYtLjUwMWM2LjUzOS0xMC41NiAxOC4yMTgtMjUuNjQ3IDQ0LjM1OC0yNS42NDcgMzIuMzg2IDAgNTYuNjY0IDIyLjE4MyA1Ni42NjQgNjkuODU4ek02Mi41MjYgMzVDNDUuODg1IDM1IDM1IDQ2LjM2MiAzNSA2MS4zMDRjMCAxNC42MTYgMTAuNTcgMjYuMzIzIDI2Ljg4IDI2LjMyM2guMzI1YzE2Ljk2MyAwIDI3LjUxMy0xMS43MDUgMjcuNTEzLTI2LjMyM0M4OS4zOTggNDYuMzYyIDc5LjE2OCAzNSA2Mi41MjYgMzV6TTM3Ljc4MiAyNjVoNDguMjI2VjExMC4wNDJIMzcuNzgyVjI2NXoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvZz48L3N2Zz4=);
}

.content-divider {
    border: 0;
    border-top: 1px solid #ccc;
    margin: 0 1.5rem 2.5rem;
}

@media (min-width: 64rem) {
    .content-divider {
        margin: 0 auto 3rem;
    }
}

.aside-news-ads {
    margin-bottom: 1.5rem;
}

@media (min-width: 63rem) {
    .aside-news-ads {
        margin-bottom: 3rem;
        padding: 1rem;
    }
}

.aside-news-ads-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.aside-news-ads-item {
    padding: 0.5rem 0 1rem;
}

.aside-news-ads-item:first-child {
    padding-top: 0;
}

.aside-news-ads-item:last-child {
    padding-bottom: 0;
    border: none;
}

@media (min-width: 37.5rem) {
    .aside-news-ads-item {
        padding: 1rem 0 1rem;
    }
}

@media (min-width: 63rem) {
    .aside-news-ads-item {
        padding: 0 0 1.5rem;
    }
}

.aside-news-ads-image {
    width: 100%;
    text-align: center;
}

/*----- NEWS FINISHING -----*/

/*----- AUTH BEGINNING -----*/

#external-section-sign-in .socials {
    display: flex;
    display: -webkit-flex;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#external-section-sign-in a:focus, a:active {
    text-decoration: none;
    outline: none;
    transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    -webkit-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
}

#external-section-sign-in input, select, textarea {
    outline: none;
    appearance: unset !important;
    -moz-appearance: unset !important;
    -webkit-appearance: unset !important;
}

#external-section-sign-in input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    appearance: none !important;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    margin: 0;
}

#external-section-sign-in input:focus, select:focus, textarea:focus {
    outline: none;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

#external-section-sign-in input[type=checkbox] {
    -moz-appearance: checkbox !important;
    -webkit-appearance: checkbox !important;
}

#external-section-sign-in input[type=radio] {
    -moz-appearance: radio !important;
    -webkit-appearance: radio !important;
}

#external-section-sign-in img {
    max-width: 100%;
    height: auto;
}

#external-section-sign-in figure {
    margin: 0;
}

#external-section-sign-in p {
    margin-bottom: 0;
    font-size: 15px;
    color: #777;
}

#external-section-sign-in h2 {
    line-height: 1.66;
    margin: 0;
    padding: 0;
    font-weight: bold;
    color: #222;
    font-family: "Poppins", sans-serif;
    font-size: 36px;
}

#external-section-sign-in main {
    background: #ffffff;
    padding: 150px 0;
}

#external-section-sign-in .clear {
    clear: both;
}

#external-section-sign-in {
    font-size: 13px;
    line-height: 1.8;
    color: #222;
    background: #f8f8f8;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
}

#external-section-sign-in .container-sign-in {
    width: 900px;
    background: #fff;
    margin: 0 auto;
    box-shadow: 0.17px 0 25px 0.25px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0.17px 0 25px 0.25px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0.17px 0 25px 0.25px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0.17px 0 25px 0.25px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0.17px 0 25px 0.25px rgba(0, 0, 0, 0.2);
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -o-border-radius: 20px;
    -ms-border-radius: 20px;
}

#external-section-sign-in .display-flex {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    -o-justify-content: space-between;
    -ms-justify-content: space-between;
    align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    -o-align-items: center;
    -ms-align-items: center;
}

#external-section-sign-in .display-flex-center {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -o-justify-content: center;
    -ms-justify-content: center;
    align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    -o-align-items: center;
    -ms-align-items: center;
}

#external-section-sign-in .position-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

#external-section-sign-in .signup {
    margin-bottom: 150px;
}

#external-section-sign-in .signup-content {
    display: flex;
    display: -webkit-flex;
    padding: 75px 0;
}

#external-section-sign-in .signup-form, .signup-image, .signin-form, .signin-image {
    width: 50%;
    overflow: hidden;
}

#external-section-sign-in .signup-image {
    margin: 0 55px;
}

#external-section-sign-in .form-title {
    margin-bottom: 33px;
}

#external-section-sign-in .signup-image {
    margin-top: 45px;
}

#external-section-sign-in figure {
    margin-bottom: 50px;
    text-align: center;
}

#external-section-sign-in .form-submit {
    display: inline-block;
    background: #1c6d5c;
    color: #fff;
    border-bottom: none;
    width: auto;
    padding: 15px 39px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    margin-top: 25px;
    cursor: pointer;
}

#external-section-sign-in .form-submit:hover {
    background: #165347;
}

#external-section-sign-in #signin {
    margin-top: 16px;
}

#external-section-sign-in .signup-image-link {
    font-size: 15px;
    color: #222;
    display: block;
    text-decoration: underline;
    text-align: center;
}

#external-section-sign-in .term-service {
    font-size: 13px;
    color: #222;
}

#external-section-sign-in .signup-form {
    margin-left: 75px;
    margin-right: 75px;
    padding-left: 34px;
}

#external-section-sign-in .register-form {
    width: 100%;
}

#external-section-sign-in .form-group {
    position: relative;
    margin-bottom: 25px;
    overflow: hidden;
}

#external-section-sign-in .form-group:last-child {
    margin-bottom: 0;
}

#external-section-sign-in input {
    width: 100%;
    display: block;
    border: none;
    border-bottom: 1px solid #999;
    padding: 6px 30px;
    font-family: "Poppins", sans-serif;
    box-sizing: border-box;
}

#external-section-sign-in input::-webkit-input-placeholder {
    color: #999;
}

#external-section-sign-in input::-moz-placeholder {
    color: #999;
}

#external-section-sign-in input:-ms-input-placeholder {
    color: #999;
}

#external-section-sign-in input:-moz-placeholder {
    color: #999;
}

#external-section-sign-in input:focus {
    border-bottom: 1px solid #222;
}

#external-section-sign-in input:focus::-webkit-input-placeholder {
    color: #222;
}

#external-section-sign-in input:focus::-moz-placeholder {
    color: #222;
}

#external-section-sign-in input:focus:-ms-input-placeholder {
    color: #222;
}

#external-section-sign-in input:focus:-moz-placeholder {
    color: #222;
}

#external-section-sign-in input[type=checkbox]:not(old) {
    width: 2em;
    margin: 0;
    padding: 0;
    font-size: 1em;
    display: none;
}

#external-section-sign-in input[type=checkbox]:not(old) + label {
    display: inline-block;
    line-height: 1.5em;
    margin-top: 6px;
}

#external-section-sign-in input[type=checkbox]:not(old) + label > span {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-right: 15px;
    margin-bottom: 3px;
    border: 1px solid #999;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    background: white;
    background-image: -moz-linear-gradient(white, white);
    background-image: -ms-linear-gradient(white, white);
    background-image: -o-linear-gradient(white, white);
    background-image: -webkit-linear-gradient(white, white);
    background-image: linear-gradient(white, white);
    vertical-align: bottom;
}

#external-section-sign-in input[type=checkbox]:not(old):checked + label > span {
    background-image: -moz-linear-gradient(white, white);
    background-image: -ms-linear-gradient(white, white);
    background-image: -o-linear-gradient(white, white);
    background-image: -webkit-linear-gradient(white, white);
    background-image: linear-gradient(white, white);
}

#external-section-sign-in input[type=checkbox]:not(old):checked + label > span:before {
    content: '\f00c';
    display: block;
    color: #222;
    font-size: 11px;
    line-height: 1.2;
    text-align: center;
    font-family: "FontAwesome";
    font-weight: bold;
}

#external-section-sign-in .agree-term {
    display: inline-block;
    width: auto;
}

#external-section-sign-in label {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    color: #222;
}

#external-section-sign-in label.valid {
    display: block;
    position: absolute;
    right: 0;
    left: auto;
    margin-top: -6px;
    width: 20px;
    height: 20px;
    background: transparent;
}

#external-section-sign-in .label-agree-term {
    position: relative;
    top: 0;
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
}

#external-section-sign-in .register-button {
    padding: 0;
    margin-top: 0;
    position: relative;
    top: -30px;
}

#external-section-sign-in .signin-content {
    display: flex;
    display: -webkit-flex;
    padding-top: 67px;
    padding-bottom: 87px;
}

#external-section-sign-in .social-login {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    -o-align-items: center;
    -ms-align-items: center;
    margin-top: 80px;
}

#external-section-sign-in .social-label {
    display: inline-block;
    margin-right: 15px;
}

#external-section-sign-in .social-container {
    margin: 20px 0;
}

#external-section-sign-in .social-container a {
    color: #ffffff;
    font-size: 14px;
    text-decoration: none;
    border: 1px solid #DDDDDD;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 0 5px;
    height: 40px;
    width: 40px;
}

#external-section-sign-in .social-container .facebook {
    background: #4267B2;
}

#external-section-sign-in .social-container .google {
    background: #d34836;
}

#external-section-sign-in .social-container .linkedin {
    background: #2867B2;
}

#external-section-sign-in .signin-form {
    margin-right: 90px;
    margin-left: 80px;
}

#external-section-sign-in .signin-image {
    margin-left: 110px;
    margin-right: 20px;
    margin-top: 10px;
}

@media (max-width: 767.98px) {
    #external-section-sign-in main {
        background: #ffffff;
        padding: 75px 0;
    }
}

@media screen and (max-width: 1200px) {
    #external-section-sign-in .container-sign-in {
        width: calc(100% - 30px);
        max-width: 100%;
    }
}

@media screen and (min-width: 1024px) {
    #external-section-sign-in .container-sign-in {
        max-width: 1200px;
    }
}

@media screen and (max-width: 768px) {
    #external-section-sign-in .signup-content, .signin-content {
        display: flex;
        display: -webkit-flex;
        flex-direction: column;
        padding: 0;
        -moz-flex-direction: column;
        -webkit-flex-direction: column;
        -o-flex-direction: column;
        -ms-flex-direction: column;
        justify-content: center;
        -moz-justify-content: center;
        -webkit-justify-content: center;
        -o-justify-content: center;
        -ms-justify-content: center;
    }

    #external-section-sign-in .signup-form {
        margin-left: 0;
        margin-right: 0;
        padding: 0 30px;
    }

    #external-section-sign-in .signin-image {
        margin-left: 0;
        margin-right: 0;
        margin-top: 50px;
        order: 2;
        -moz-order: 2;
        -webkit-order: 2;
        -o-order: 2;
        -ms-order: 2;
    }

    #external-section-sign-in .signup-form, .signup-image, .signin-form, .signin-image {
        width: auto;
    }

    #external-section-sign-in .social-login {
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        -moz-justify-content: center;
        -webkit-justify-content: center;
        -o-justify-content: center;
        -ms-justify-content: center;
    }

    #external-section-sign-in .form-button {
        text-align: center;
    }

    #external-section-sign-in .signin-form {
        order: 1;
        -moz-order: 1;
        -webkit-order: 1;
        -o-order: 1;
        -ms-order: 1;
        margin-right: 0;
        margin-left: 0;
        padding: 0 30px;
    }

    #external-section-sign-in .form-title {
        text-align: center;
    }

    .forgot-password {
        text-align: center;
    }

    figure {
        display: none;
    }

    #external-section-sign-in .signup-link {
        position: absolute;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        top: 170px;
        text-align: center;
    }
}

@media screen and (max-width: 400px) {
    #external-section-sign-in .social-login {
        display: flex;
        display: -webkit-flex;
        flex-direction: column;
        -moz-flex-direction: column;
        -webkit-flex-direction: column;
        -o-flex-direction: column;
        -ms-flex-direction: column;
    }

    #external-section-sign-in .social-label {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .forgot-password {
        text-align: center;
    }

    figure {
        display: none;
    }
}

/*----- AUTH FINISHING -----*/

/*----- PROFILE SETTINGS BEGINNING -----*/

#profile-settings {
    background: #FFFFFF;
    height: 100%;
    padding-top: 35px;
    padding-bottom: 80px;
}

@media (max-width: 767px) {
    #profile-settings {
        padding-top: 15px;
    }
}

#profile-settings .container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

#profile-settings .cz-sidebar,
#profile-settings .cz-sidebar-static {
    width: 100%;
    max-width: 22rem;
    background-color: #fff;
}

#profile-settings .cz-sidebar .close,
#profile-settings .cz-sidebar-static .close {
    font-size: 1.75rem;
}

#profile-settings .cz-sidebar-static {
    padding: 1.875rem 1.875rem;
}

@media (max-width: 992px) {
    #profile-settings .cz-sidebar-static {
        max-width: 100%;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
    }
}

#profile-settings .box-shadow-lg {
    box-shadow: 0 0.3rem 1.525rem -0.375rem rgba(0, 0, 0, 0.1) !important;
}

#profile-settings .font-size-base {
    font-size: 1rem !important;
    line-height: 1.3;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 0;
    display: block;
    color: #000 !important;
    transition: .2s;
    transition-timing-function: ease-in-out;
}

#profile-settings .bg-secondary {
    background-color: #f6f9fc !important;
}

#profile-settings .font-size-sm {
    font-size: 0.875rem !important;
    color: #1a1a1a;
    line-height: 1.3;
    font-weight: 500;
    display: block;
    transition: .2s;
    transition-timing-function: ease-in-out;
}

#profile-settings .text-muted {
    color: #5f5f5f !important;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
    display: block;
}

#profile-settings .list-unstyled > li {
    margin-bottom: 0.4rem;
}

#profile-settings .list-unstyled > li ul li,
#profile-settings .list-unstyled > li ol li {
    margin-bottom: 0.3333333333rem;
}

#profile-settings .border-bottom {
    border-bottom: 1px solid #e3e9ef !important;
}

#profile-settings .nav-link-style {
    color: #1a1a1a;
    transition: .2s ease-in-out;
}

#profile-settings .nav-link-style > i {
    margin-top: -0.125rem;
    vertical-align: middle;
}

#profile-settings .nav-link-style:hover {
    color: #41e68c;
}

#profile-settings .active > #profile-settings .nav-link-style,
#profile-settings .nav-link-style.active {
    color: #41e68c;
    font-weight: 500;
}

#profile-settings .opacity-60 {
    opacity: 0.6 !important;
}

.password-toggle {
    position: relative;
}

.password-toggle .form-control {
    padding-right: 3rem;
}

.password-toggle-btn {
    position: absolute;
    top: 50%;
    right: 0.625rem;
    margin-bottom: 0;
    padding: 0.5rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 1.0625rem;
    line-height: 1;
    cursor: pointer;
}

.password-toggle-btn .password-toggle-indicator {
    transition: color 0.2s ease-in-out;
    color: #7d879c;
}

.password-toggle-btn .password-toggle-indicator:hover {
    color: #4b566b;
}

.password-toggle-btn .custom-control-input:checked ~ .password-toggle-indicator {
    color: #41e68c;
}

#profile-form label {
    font-size: 12px;
    color: #373f50;
    font-weight: 600;
}

#profile-form .newsletter-label {
    font-size: 14px;
}

#profile-settings .btn-update {
    outline: 0;
    font-size: .750rem;
    letter-spacing: 0;
    font-family: "Montserrat", sans-serif;
    display: inline-block;
    border-radius: 0;
    border: 2px solid;
    padding: .8em 2em;
    text-align: center;
    cursor: pointer;
    font-weight: 900;
    color: #41E68C;
    background-color: #FFFFFF;
    margin-bottom: 1em;
    transition: .2s ease-in-out;
}

#profile-settings .btn-update:hover {
    color: #000000;
}

/*----- PROFILE SETTINGS FINISHING -----*/

/*----- WEATHER CONDITIONS BEGINNING -----*/

.weather-conditions-index .container-padding {
    padding-top: 24px;
}

.weather-conditions-index .card {
    overflow: hidden;
    border-radius: 14px;
    cursor: pointer;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}

.weather-conditions-index .card-content {
    display: block;
    padding: 25px;
    background-color: #231f20;
    overflow: hidden;
    position: relative;
}

.weather-conditions-index .card:hover .card-text {
    text-decoration: none;
    color: #fff;
}

.weather-conditions-index .card:hover .card-text-box {
    text-decoration: none;
    color: #fff;
}

.weather-conditions-index .card:hover .card-bg {
    -webkit-transform: scale(11);
    -ms-transform: scale(11);
    transform: scale(11);
}

.weather-conditions-index .card-title {
    margin: 0 0 15px;
    overflow: hidden;
    font-weight: 800;
    font-size: 22px;
    color: #fff;
    z-index: 2;
    position: relative;
}

.weather-conditions-index .card-text-box {
    font-size: 14px;
    color: #41e68c;
    font-weight: bold;
    z-index: 2;
    position: relative;
    -webkit-transition: color .5s ease;
    -o-transition: color .5s ease;
    transition: color .5s ease
}

.weather-conditions-index .card-text {
    color: #fff;
    font-weight: 400;
    opacity: 0.8;
    -webkit-transition: color .5s ease;
    -o-transition: color .5s ease;
    transition: color .5s ease
}

.weather-conditions-index .card-bg {
    height: 128px;
    width: 128px;
    background-color: #355e3b;
    z-index: 1;
    position: absolute;
    top: -120px;
    right: -120px;
    border-radius: 50%;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.weather-conditions-index .card:nth-child(5n) .card-bg {
    background-color: #3ecd5e;
}

.weather-conditions-index .card:nth-child(5n+1) .card-bg {
    background-color: #155f3c;
}

.weather-conditions-index .card:nth-child(5n+2) .card-bg {
    background-color: #228b22;
}

.weather-conditions-index .card:nth-child(5n+3) .card-bg {
    background-color: #33b864;
}

.weather-conditions-index .card:nth-child(5n+4) .card-bg {
    background-color: #00563b;
}

@media (min-width: 576px) {
    .weather-conditions-index .card-columns {
        column-count: 1;
    }
}

@media (min-width: 768px) {
    .weather-conditions-index .card-columns {
        column-count: 2;
    }
}

@media (min-width: 1200px) {
    .weather-conditions-index .card-columns {
        column-count: 3;
    }
}

/*----- WEATHER CONDITIONS FINISHING  -----*/

/*----- WEATHER CONDITIONS REPORT BEGINNING -----*/

.weather-conditions-report .container-padding {
    padding-top: 24px;
}

/*----- WEATHER CONDITIONS REPORT FINISHING -----*/

/*----- NEW ABOUT US BEGINNING -----*/
#about-us {
    background-color: #1a1a1a;
    padding-bottom: 2em;
}

@media (min-width: 50em) {
    #about-us {
        padding-bottom: 3em;
    }
}

#about-us .container {
    position: relative;
    z-index: 10;
}

#about-us .content {
    padding: 30px 30px 30px 0;
}

@media (max-width: 576px) {
    #about-us .content {
        padding: 30px 30px 10px 0;
    }
}

#about-us .content h3 {
    font-weight: 700;
    font-size: 34px;
    margin-bottom: 30px;
    color: #fff;
}

#about-us .content h3::after {
    content: "";
    position: absolute;
    display: block;
    width: 100px;
    height: 3px;
    background: #41e68c;
}

#about-us .content p {
    margin-bottom: 30px;
    color: #fff;
}

#about-us .content .about-btn {
    padding: 8px 30px 9px 30px;
    color: #fff;
    border-radius: 50px;
    transition: 0.3s;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
    display: inline-flex;
    align-items: center;
    border: 2px solid #41e68c;
}

#about-us .content .about-btn i {
    font-size: 16px;
    padding-left: 5px;
}

#about-us .content .about-btn:hover {
    background: #41e68c;
}

#about-us .icon-boxes .icon-box {
    margin-top: 30px;
}

#about-us .icon-boxes .icon-box i {
    font-size: 40px;
    color: #41e68c;
    margin-bottom: 10px;
}

#about-us .icon-boxes .icon-box h4 {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 10px 0;
    color: #fff;
}

#about-us .icon-boxes .icon-box p {
    font-size: 15px;
    color: #848484;
}

@media (max-width: 1200px) {
    #about-us .content {
        padding-right: 0;
    }
}

@media (max-width: 768px) {
    #about-us  {
        text-align: center;
    }

    #about-us .content h3::after {
        left: calc(50% - 50px);
    }
}
/*----- NEW ABOUT US FINISHING -----*/

/*----- PORTFOLIO BEGINNING -----*/
#portfolio {
    padding: 60px;
}

@media (max-width: 576px) {
    #portfolio {
        padding: 16px;
        margin-top: 32px;
    }
}

#portfolio .section-title {
    text-align: center;
    padding-bottom: 30px;
    position: relative;
}

#portfolio .section-title h2 {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 20px;
    padding-bottom: 20px;
    position: relative;
}

#portfolio .section-title h2::after {
    content: "";
    position: absolute;
    display: block;
    width: 50px;
    height: 3px;
    background: #41e68c;
    bottom: 0;
    left: calc(50% - 25px);
}

.portfolio .portfolio-item {
    margin-bottom: 30px;
}

.portfolio .portfolio-wrap {
    transition: 0.3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
    background: rgba(17, 17, 17, 0.6);
}

.portfolio .portfolio-wrap::before {
    content: "";
    background: rgba(17, 17, 17, 0.6);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transition: all ease-in-out 0.3s;
    z-index: 2;
    opacity: 0;
}

.portfolio .portfolio-wrap img {
    transition: all ease-in-out 0.3s;
}

.portfolio .portfolio-wrap .portfolio-info {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    transition: all ease-in-out 0.3s;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 20px;
}

.portfolio .portfolio-wrap .portfolio-info h4 {
    font-size: 20px;
    color: #fff;
    font-weight: 600;
}

.portfolio .portfolio-wrap .portfolio-info p {
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    font-style: italic;
}

.portfolio .portfolio-wrap .portfolio-links {
    text-align: center;
    z-index: 4;
}

.portfolio .portfolio-wrap .portfolio-links a {
    color: rgba(255, 255, 255, 0.4);
    margin: 0 5px 0 0;
    font-size: 28px;
    display: inline-block;
    transition: 0.3s;
}

.portfolio .portfolio-wrap .portfolio-links a:hover {
    color: #fff;
}

.portfolio .portfolio-wrap:hover::before {
    opacity: 1;
}

.portfolio .portfolio-wrap:hover img {
    transform: scale(1.2);
}

.portfolio .portfolio-wrap:hover .portfolio-info {
    opacity: 1;
}

/*--------------------------------------------------------------
# Portfolio Details
--------------------------------------------------------------*/
.portfolio-details {
    padding-top: 40px;
}

.portfolio-details .portfolio-details-slider img {
    width: 100%;
}

.portfolio-details .portfolio-details-slider .swiper-pagination {
    margin-top: 20px;
    position: relative;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background-color: #fff;
    opacity: 1;
    border: 1px solid #e03a3c;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #e03a3c;
}

.portfolio-details .portfolio-info {
    padding: 30px;
    box-shadow: 0px 0 30px rgba(17, 17, 17, 0.08);
}

.portfolio-details .portfolio-info h3 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.portfolio-details .portfolio-info ul {
    list-style: none;
    padding: 0;
    font-size: 15px;
}

.portfolio-details .portfolio-info ul li+li {
    margin-top: 10px;
}

.portfolio-details .portfolio-description {
    padding-top: 30px;
}

.portfolio-details .portfolio-description h2 {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 20px;
}

.portfolio-details .portfolio-description p {
    padding: 0;
}

/*----- PORTFOLIO FINISHING -----*/