.container {
    width: 1300px;
    max-width: 100%;
}

ul.pagination,
ul.pager {
    display: inline-block;
    list-style: none;
    padding-left: 0px;
}

ul.pagination li,
ul.pager li {
    float: left;
    margin-right: 20px;
}

ul.pagination li a {
    color: #000;
    text-decoration: none;
}

ul.pagination li a:hover,
ul.pagination li.active a {
    color: #DD4814;
}

ul.pagination li a span {
    
}

.notice {
    padding: 5px 8px;
    border: 2px;
    border-radius: 4px;
}

table tr th {
    font-weight: 600;
}

label {
    font-weight: 600;
}

table.table.loan-matrix input[type="text"] {
    width: 125px;
}

.input-wrapper {
    margin-bottom: 10px;
    font-size: 17px;
}

.categories-wrapper,
.statuses-wrapper {
    margin-top: 20px;
}

.restrictions-wrapper {
    margin-top: 10px;
    margin-bottom: 40px;
    background: #F2F2F2;
    padding: 12px;
}

table.table-striped td {
    vertical-align: middle;
}

ul.nav.nav-pills {
    float: right;
    margin-top: 30px;
    position: relative;
}

#sms_content {
    width: 100%;
    height: 120px;
}

a {
    color: #3B2528;
}

a.btn-success.upper {
    margin-top: 20px;
    margin-bottom: 30px;
}

table.table i {
    font-size: 19px;
}

table.table input[type="checkbox"],
table.table input[type="radio"] {
    width: 18px;
    height: 18px;
}

input::placeholder {
    font-size: 13px;
}

.logo-font {
    font-family: 'Noto Serif Vithkuqi', serif;
}

.header-logo {
    position: relative;
    display: inline-block;
    text-decoration: none;
    margin: 15px 0px;
    color: #FFF;
}

.header-logo:hover {
    background: #FFF;
    color: #522790;
}

li.dropdown-item {
    padding: 0px;
    border: 0px;
}

ul.dropdown-menu.show {
    border: none;
    padding: 0px;
}

a.gallery-name {
    position: relative;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    color: #777;
    font-size: 21px;
    background: #f0f0f0;
    transition: background 0.4s;
    padding-bottom: 2px;
}

a.gallery-name:hover {
    background: #ACCD62;
}

.gallery-box {
    margin-bottom: 20px;
}















.default-wrapper {
    position: relative;
    width: 100%;
    float: left;
}

.buttons-wrapper input,
.buttons-wrapper a,
.buttons-wrapper button {
    float: right;
}

button.btn {
    display: inline-block;
    position: relative;
    width: auto;
    padding: 6px 12px;
}

.guarantors-wrapper table.table tr td input,
.guarantors-wrapper table.table tr td a {
    float: right;
    margin-right: 0px !important;
}

.guarantors-wrapper table.table tr td label {
    margin-top: 4px;
}

table tr td input[type="text"] {
    margin-right: 0px !important;
}

.loan-schedule-wrapper table tr td input {
    max-width: 100px;
    text-align: right;
    float: right;
}

input[type="checkbox"],
input[type="radio"] {
    width: 18px;
    height: 18px;
    margin-right: 5px;
    top: 3px;
    position: relative;
}

table.form-wrapper {
    width: 100%;
}

table.form-wrapper tr td:nth-child(1) {
    width: 200px;
}

table.form-wrapper tr td textarea {
    min-height: 300px;
}




















.dropdown {
  display: inline-block;
  padding: 0 7px;
}
.dropdown.show {
  background-color: rgba(255, 255, 255, 0.9);
}
.dropdown a::before {
  content: "";
}
.dropdown a.cc-dropdown-toggle {
  cursor: pointer;
  padding: 3px 7px;
  text-decoration: none;
 
}
.dropdown a.cc-dropdown-toggle::after {
  font-size: 1.4rem;
  content: ">";
  color: Orange;
  line-height: 1.4rem;
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  vertical-align: top;
  transition: 0.5s;
  display:inline-block;
}
.dropdown a.cc-dropdown-toggle:hover:after {
  transform: rotate(90deg);
}

.dropdown .dropdown-menu a.dropdown-item {
  font-size: 1.4rem;
  line-height: 1.6rem;
  text-decoration: none;
}
.dropdown .dropdown-menu a.dropdown-item:hover {
  color: Orange;
}
.dropdown:hover .cc-dropdown-toggle {
  background-color: rgba(255, 255, 255, 0.9);
}
.dropdown:hover .dropdown-menu {
  transform: scale(1);
}

.dropdown-menu:hover + a:after {
  transform: rotate(90deg);
}

.language-select {
    position: absolute;
    top: 0px;
    right: 15px;
    z-index: 2;
    display: none;
}

.language-select a {
    background: #522790;
    color: #FFF;
    font-size: 13px;
    padding: 4px 6px;
    border-radius: 4px;
}

img {
    max-width: 100%;
}

.element-text {
    position: relative;
    float: left;
    min-height: 100%;
    padding: 15px;
    background: #f0f0f0;
    height: -webkit-fill-available;
}

.text-wrapper {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}



















.blog-post {
    position: relative;
    padding: 15px;
    display: inline-block;
    max-width: 920px;
    background: #EDEDED;
}

.blog-posts .blog-post {
    background: transparent;
}

a.view-more {
    text-decoration: none;
    float: right;
    margin-top: 10px;
    background: #777;
    border-radius: 7px;
    padding: 6px 18px;
    color: #FFF;
    transition: background 0.4s;
}

a.view-more:hover {
    background: #444;
}

.blog-post img.post-image {
    width: 545px;
    float: left;
    margin-bottom: 20px;
    margin-right: 20px;
}

.image-wrapper {
    position: relative;
}

span.date-on-image {
    color: #000;
    padding: 3px 5px;
    display: inline-block;
    font-style: italic;
    position: relative;
}

span.date-on-image.pink {
    background: #909536;
    right: 0px;
}

span.date-on-image.blue {
    background: #3B2528;
    left: 0px;
}

a.post-link {
    color: #000;
    transition: color 0.4s;
    text-decoration: none;
}

a.post-link:hover {
    color: #522790;
}

p.author {
    margin-top: 0px;
    margin-bottom: 10px;
    display: block;
}

p.author,
span.date {
    position: relative;
    font-style: italic;
    color: #777;
}

span.keyword {
    position: relative;
    float: left;
    font-size: 14px;
    display: inline-block;
    margin-right: 7px;
    margin-top: 7px;
    padding: 4px 12px;
    border-radius: 15px;
    color: #FFF;
}

span.keyword.pink {
    background: #ACCD62;
}

span.keyword.blue {
    background: #74C9C3;
}

span.label {
    position: relative;
    float: left;
    margin-top: 11px;
    margin-right: 5px;
    font-weight: 500;
}

.blog-post-keywords {
    position: relative;
    display: flex;
    margin-bottom: 20px;
}

.blog-post-title a {
    color: #777;
    text-decoration: none;
    transition: color 0.4s;
}

.blog-post-title a:hover {
    color: #000;
}

.related-blog-posts {
    /* border-top: 2px solid #777; */
    margin-top: 20px;
}

.image-left .view-more {
    background: #3B2528;
}

.image-right .view-more {
    background: #909536;
}

.related-blog-posts {
    max-width: 920px;
}

.related-blog-posts h3.blog-post-title {
    font-size: 23px;
    min-height: 55px;
}








































.header-banner-wrapper {
    position: relative;
    width: 100%;
    float: left;
}

.nav-pills .nav-link {
    font-size: 16px;
}

.messages {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 60px;
}

button.save-image-text {
    padding: 3px 9px;
    position: absolute;
    right: 12px;
    top: 92px;
}

@keyframes border-pulsate {
    0%   { border-color: rgba(20, 108, 67, 1); }
    50% { border-color: rgba(20, 108, 67, 0); }
    100%   { border-color: rgba(20, 108, 67, 1); }
}

input[type="text"].pulsate-once {
    animation: border-pulsate 1s;
    border-width: 2px;
    /** animation: border-pulsate 2s infinite; **/
}

tr.setting-row,
input[type="text"] {
    transition: background 0.5s;
}

.green-background {
    background: rgba(20, 108, 67, 0.2);
}

body {
    /* overflow-y: scroll; */
    overflow: hidden;
}

button.save-setting {
    padding: 5px 10px;
}

.footer {
    padding: 20px 0px 20px 0px;
    bottom: 0px;
    left: 0px;
    min-height: 64px !important;
}

.footer a,
.footer p,
.footer h2,
.footer h3 {
    color: #FFF;
}

.footer img {
    filter: grayscale(100%);
}

a.social-media {
    text-decoration: none;
    display: block;
    cursor: pointer;
}

a.social-media i {
    font-size: 30px;
    margin-right: 7px;
    position: relative;
    top: 7px;
    margin-bottom: 15px;
}

.navbar-toggler.toggler-example {
  cursor: pointer;
}

ul.navbar-nav a.nav-link {
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 8px 16px !important;
}

nav.navbar {
    position: relative;
    padding: 0px;
    background: transparent !important;
}

.navbar-toggler-icon {
    display: inline-block;
    vertical-align: middle;
}

button.navbar-toggler {
    position: absolute;
    top: 40px;
    right: 12px;
    display: inline-block;
    float: right;
    width: 30px;
    height: 30px;
    font-size: 30px;
}



















a.nav-link {
    color: #ACCD62;
    background: #FFF;
    border-radius: 7px;
    transition: color 0.4s, background 0.4s;
    font-size: 18px;
}

a.nav-link:hover,
a.nav-link.active {
    color: #74C9C3 !important
}

nav.navbar {
    border-top: 1px solid #74C9C3;
    border-bottom: 1px solid #ACCD62;
}

@media (max-width: 479px) {
    .col-xxs-3 { width: 25%; }
    .col-xxs-4 { width: 33.33%; }
    .col-xxs-6 { width: 50%; }
    .col-xxs-8 { width: 66.66%; }
    .col-xxs-9 { width: 75%; }
    .col-xxs-12 { width: 100%; }
    
    .header-logo {
        max-width: 270px;
    }
    
    .caption h2,
    .caption h3 {
        font-size: 27px;
    }
    
    .dropdown .dropdown-menu {
        display: block;
        border: none;
        margin-left: 15px;
    }
    
    .gallery-preview {
        text-align: center;
    }
    
    .gallery-preview a img {
        max-width: 300px;
        margin: 20px auto;
    }
    
    .gallery-box {
        max-width: 300px;
        margin: 0 auto;
        margin-bottom: 35px;
    }
    
    .content-wrapper.subpage {
        padding-top: 40px;
        padding-left: 10px !important;
    }
    
    .row {
        display: block;
    }
    
    .caption {
        width: 90%;
        height: 80% !important;
        left: 5% !important;
        padding: 20px !important;
        top: 10% !important;
        background: transparent;
    }
    
    .content-wrapper.subpage {
        padding-top: 40px !important;
    }
    
    .menu-container {
        position: relative;
        width: 100%;
        float: left;
        padding-left: calc((100% - 250px) / 2);
    }
    
    .caption p,
    .caption a,
    .caption span {
        font-size: 16px !important;
    }
    
    /**
    table.products-in-cart tr th:nth-child(1),
    table.products-in-cart tr td:nth-child(1) {
        display: none;
    }
    **/
    
    .hidden-xxs {
        display: none;
    }
    
    .mobile-view-wrapper {
        display: none;
    }
    
    .contact-icons {
        margin-top: 20px;
    }
    
    .languages-wrap {
        margin-bottom: 15px !important;
    }
    
    .toggle-menu {
        display: block !important;
    }
    
    .caption {
        padding: 0px !important;
    }
    
    .caption h2,
    .caption h3,
    .caption p,
    .caption a,
    .caption span {
        font-size: 15px;
    }
    
    .team-member-wrapper ul {
        position: relative !important;
        top: 0px !important;
        transform: translateY(0) !important;
        max-width: 100% !important;
    }
    
    .team-member-wrapper img {
        max-width: 240px !important;
        max-height: fit-content !important;
        float: none !important;
        margin: 0 auto;
        display: block;
    }
    
    span.date-on-image.pink {
        left: 0px !important;
        right: auto;
    }
    
    .footer-block.right {
        text-align: left !important;
    }
    
    .footer {
        position: relative !important;
    }
    
    .related-blog-posts h3.blog-post-title {
        margin-top: 25px;
        min-height: inherit;
    }
    
    .header-banner-wrapper .slide img {
        max-width: none;
    }
    
    .banner-content-wrapper {
        padding: 20px;
    }
    
    .header-banner-wrapper .slide,
    .header-banner-wrapper {
        max-height: calc(100% - 124px);
    }
    
    .mobile-view-wrapper.active {
        float: none !important;
        margin: 0 auto;
    }
    
    .menu-wrapper {
        flex: none;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .col-xs-3 { width: 25%; }
    .col-xs-4 { width: 33.33%; }
    .col-xs-6 { width: 50%; }
    .col-xs-8 { width: 66.66%; }
    .col-xs-9 { width: 75%; }
    .col-xs-12 { width: 100%; }
    
    .caption h2,
    .caption h3 {
        font-size: 32px;
    }
    
    .dropdown .dropdown-menu {
        display: block;
        border: none;
        margin-left: 15px;
    }
    
    .content-wrapper.subpage {
        padding-top: 50px;
        padding-left: 10px !important;
    }
    
    .mobile-view-wrapper {
        display: none;
    }
    
    .caption {
        width: 75%;
    }
    
    .toggle-menu {
        display: block !important;
    }
    
    .col-xs-12 {
        width: 100% !important;
    }
    
    .slide.scatter {
        height: 400px;
    }
    
    .caption {
        height: 80% !important;
        top: 10% !important;
        padding: 20px !important;
    }
    
    .caption h2,
    .caption h3,
    .caption p,
    .caption a,
    .caption span {
        font-size: 18px;
    }
    
    /**
    .slide.scatter img {
        position: absolute;
        height: 100%;
        float: right;
        overflow-x: hidden;
        max-width: inherit;
        right: 0px;
    }
    **/
    
    .header-banner-wrapper .slide img {
        max-width: none;
    }
    
    .header-banner-wrapper {
        height: 400px;
    }
    
    .team-member-wrapper ul {
        max-width: calc(66% - 15px) !important;
    }
    
    span.date-on-image.pink {
        left: 0px !important;
        right: auto;
    }
    
    .element-text {
        max-width: 600px;
    }
    
    .footer {
        position: relative !important;
    }
    
    .dark-overlay {
        z-index: 1;
    }
    
    .caption {
        z-index: 2;
    }
    
    .banner-content-wrapper {
        padding: 20px;
    }
    
    .header-banner-wrapper .slide,
    .header-banner-wrapper {
        max-height: calc(100% - 94px);
    }
    
    .mobile-view-wrapper.active {
        float: none !important;
        margin: 0 auto;
    }
    
    .menu-wrapper {
        flex: none;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .col-sm-3 { width: 25%; }
    .col-sm-4 { width: 33.33%; }
    .col-sm-6 { width: 50%; }
    .col-sm-8 { width: 66.66%; }
    .col-sm-9 { width: 75%; }
    .col-sm-12 { width: 100%; }
    
    nav.navbar {
        margin-bottom: 30px;
    }
    
    .caption h2,
    .caption h3 {
        font-size: 32px;
    }
    
    .dropdown .dropdown-menu {
        display: block;
        border: none;
        margin-left: 15px;
    }
    
    .content-wrapper.subpage {
        padding-top: 50px;
        padding-left: 10px !important;
    }
    
    .caption {
        width: 65%;
    }
    
    .team-member-wrapper ul {
        max-width: calc(66% - 15px) !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .col-md-3 { width: 25%; }
    .col-md-4 { width: 33.33%; }
    .col-md-6 { width: 50%; }
    .col-md-8 { width: 66.66%; }
    .col-md-9 { width: 75%; }
    .col-md-12 { width: 100%; }
    
    nav.navbar {
        top: 30px;
    }
    
    .testimonial-wrapper-text {
        height: 300px !important;
    }
    
    .caption h2,
    .caption h3 {
        font-size: 36px;
    }
    
    .dropdown .dropdown-menu {
        min-width: initial;
        padding: 0.5rem;
        margin: 0;
        margin-left: 7px;
        font-size: initial;
        border-radius: 0;
        transition: all 0.5s;
        overflow: hidden;
        transform-origin: top center;
        transform: scale(1, 0);
        display: block;
        border: none;
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    }
    
    .content-wrapper.subpage {
        padding-top: 65px;
        padding-left: 0px !important;
    }
    
    .caption {
        width: 55%;
    }
    
    .banner-image-wrapper {
        position: relative;
        width: 55%;
        float: right;
        overflow: hidden;
    }
    
    .banner-image-wrapper picture {
        max-width: unset;
        width: 100%;
    }
    
    .banner-image-wrapper img {
        max-width: unset !important;
        width: auto;
        left: calc(50% - 640px);
        position: relative;
    }
}

@media (min-width:1200px) {
    .col-lg-3 { width: 25%; }
    .col-lg-4 { width: 33.33%; }
    .col-lg-6 { width: 50%; }
    .col-lg-8 { width: 66.66%; }
    .col-lg-9 { width: 75%; }
    .col-lg-12 { width: 100%; }
    
    .caption h2,
    .caption h3 {
        font-size: 42px;
    }
    
    .dropdown .dropdown-menu {
        min-width: initial;
        padding: 0.5rem;
        margin: 0;
        margin-left: 7px;
        font-size: initial;
        border-radius: 0;
        transition: all 0.5s;
        overflow: hidden;
        transform-origin: top center;
        transform: scale(1, 0);
        display: block;
        border: none;
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    }
    
    .content-wrapper.subpage {
        padding-top: 80px;
        padding-left: 0px !important;
    }
    
    .caption {
        width: 45%;
    }
    
    .banner-image-wrapper {
        position: relative;
        width: 55%;
        float: right;
        overflow: hidden;
    }
    
    .banner-image-wrapper picture {
        max-width: unset;
        width: 100%;
    }
    
    .banner-image-wrapper img {
        max-width: unset !important;
        width: auto;
        left: calc(50% - 640px);
        position: relative;
    }
}


@media (min-width: 992px) {
    button.navbar-toggler {
        display: none;
    }
}

@media (max-width: 991px) {
    nav.navbar {
        float: left;
    }
    
    a.nav-link {
        font-size: 19px;
    }
    
    div#navbarNav {
        padding: 10px;
        /* background: #DEDEDE; */
        border-radius: 12px;
        position: relative;
        min-width: 240px;
        left: -12px;
    }
    
    nav.navbar {
        width: 100%;
        border-top: 0px;
        border-bottom: 0px;
    }
    
    div#navbarNav {
        position: relative;
        width: 100%;
    }
    
    ul.navbar-nav {
        border-top: 1px solid #74C9C3;
        border-bottom: 1px solid #ACCD62;
        width: 100%;
        text-align: left !important;
    }
}

@media (max-width: 767px) {
    
    .element-text {
        height: auto;
    }
    
    .text-wrapper {
        top: 0px;
        transform: none;
    }
    
    .blog-posts {
        overflow-x: hidden;
    }
}

.col-xxs-1,
.col-xxs-2,
.col-xxs-3,
.col-xxs-4,
.col-xxs-5,
.col-xxs-6,
.col-xxs-7,
.col-xxs-8,
.col-xxs-9,
.col-xxs-10,
.col-xxs-11,
.col-xxs-12,

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,

.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,

.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,

.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
    float: left;
    padding: 0px 12px;
}

.row {
    margin-left: -12px;
    margin-right: -12px;
    /**
    width: 100%;
    **/
}

.testimonial i.fa-solid.fa-quote-left,
.testimonial i.fa-solid.fa-quote-right {
    position: relative;
    display: inline-block;
    font-size: 21px;
}

.testimonial i.fa-solid.fa-quote-left {
    margin-top: -10px;
    margin-right: 5px;
    float: left;
    color: #E8F0D6;
}

.testimonial i.fa-solid.fa-quote-right {
    position: relative;
    top: 10px;
    right: -5px;
    color: #BBE2DF;
}


.testimonial-wrapper-text {
    margin-top: 20px;
    background: #B2B2B2;
    padding: 20px;
    min-height: 240px;
}

.testimonial-wrapper-image {
    position: relative;
    width: 200px;
    left: calc(50% - 100px);
    background: #FFF;
    padding: 12px;
    z-index: 3;
    top: 60px;
    border-radius: 50%;
}

.testimonial-wrapper-image img {
    max-width: 176px;
    border-radius: 50%;
}

.testimonial-wrapper-text {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 200px;
}

.testimonial-text {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.testimonial {
    background: #FFF;
    box-shadow: 0px 0px 10px #CCC;
}

.testimonial h3 {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 23px;
    color: #777;
    font-size: 21px;
    font-weight: 400;
    font-style: italic;
}

h2.block-title {
    text-align: center;
    font-size: 42px;
    margin-top: 30px;
    margin-bottom: 20px;
}

.owl-theme .owl-nav {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
}

.owl-nav .owl-prev,
.owl-nav .owl-next {
    position: absolute;
    top: 190px;
}

.owl-nav .owl-prev {
    left: 0px;
}

.owl-nav .owl-next {
    right: 0px;
}

.owl-nav .owl-prev i.fa,
.owl-nav .owl-next i.fa {
    font-size: 32px;
}

.owl-dots {
    margin-top: 20px;
}

.related-blog-posts,
.footer,
.testimonial-wrapper-text,
.testimonial,
.module-content,
.galleries-preview {
    position: relative;
    width: 100%;
    float: left;
}

.module-content {
    padding: 30px 0px 40px 0px;
}

.module-content.testimonials {
    /** background-image: linear-gradient(to bottom right, #E8F0D6, #BBE2DF); **/
    background: #E8E8E8;
}











.feedback-form input {
    margin-bottom: 12px;
}

.feedback-form textarea {
    margin-bottom: 12px;
    min-height: 138px;
}

table.feedback {
    width: 50%;
    margin-bottom: 30px;
}

table.feedback tr td:nth-child(1) {
    width: 100px;
    font-weight: 500;
}

ul.navbar-nav {
    text-align: center;
    margin: 0 auto;
    float: none !important;
    display: inline-flex;
}

.content {
    margin-bottom: 30px;
}
/**
.content ul li:before {
    font-family: 'FontAwesome';
    content: '\f00c';
    margin: 0 5px 0 -15px;
    color: #C0E157;
    font-size: 21px;
}
**/
.content ul {
    list-style: none;
}

.bottom-border {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 3px;
    background: linear-gradient(to right, #909536, #3B2528);
}

nav.navbar.subpage {
    margin-bottom: 30px;
}

.no-padding-top {
    padding-top: 0px;
}

h2.module-element-title {
    color: #555;
    display: inline-block;
}

header > .row {
    position: relative;
    display: block;
}

a.view-more-images {
    padding: 7px 14px;
    border-radius: 7px;
    margin: 20px auto;
    float: none;
    display: inline-block;
    color: #FFF;
    background: #74C9C3;
    text-decoration: none;
    transition: padding 0.4s, background 0.4s;
}

a.view-more-images:hover {
    padding: 10px 20px;
    background: #74C9C3;
}

.owl-item.active {
    background: transparent;
}

li.nav-item {
    position: relative;
}

li.nav-item.depth-2,
li.nav-item.depth-3 {
    padding-left: 20px;
}

.submenu-wrapper {
    position: relative;
}

.menu-border {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    width: 2px;
    background-image: linear-gradient(#74C9C3, #ACCD62);
}

a.collapsible-icon-wrapper {
    position: absolute;
    top: 10px;
    right: 12px;
    cursor: pointer;
    color: #74C9C3;
}

ul.nav.flex-column {
    transition: height 0.5s;
}

li.nav-item.depth-1 ul.nav.flex-column:not(.active) {
    max-height: 0;
    transform: scale(1, 0);
    transform-origin: top;
    transition: transform 0.3s ease-in, max-height 0.3s ease-in;
    > li {
        transform: scale(1, 0);
        transition: transform 0.3s ease-in;
    }
}

ul.nav.flex-column.active {
    max-height: 999px;
    transform: scale(1, 1);
    transform-origin: top;
    transition: transform 0.3s ease-in, max-height 0.3s ease-in;
    > li {
        transform: scale(1, 1);
        transition: transform 0.3s ease-in;
    }
}

































/**
html, body {
    height: 100%;
}
**/

.page-content {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    background: #eeeee0;
}
.footer, .push {
    min-height: 142px;
}

body.screen-xxs .hidden-xxs { display: none; }
body.screen-xs .hidden-xs { display: none; }
body.screen-sm .hidden-sm { display: none; }
body.screen-md .hidden-md { display: none; }
body.screen-lg .hidden-lg { display: none; }











.galleries-preview {
    padding-top: 30px;
}























a.name-wrapper {
    text-align: center;
    text-decoration: none;
    color: darkgreen;
    display: block;
    margin-top: 10px;
}

a.name-wrapper h2 {
    font-size: 25px;
    transition: font-size 0.4s;
}

a.name-wrapper:hover h2 {
    font-size: 28px;
}

a.image-wrapper {
    padding: 30px 30px 10px 30px;
    position: relative;
    display: inline-block;
}

h3.product-name,
h2.category-name {
    font-size: 21px;
    min-height: 60px;
}

span.product-code {
    font-size: 14px;
    color: #777;
    font-style: italic;
    display: block;
}

.product-box span.product-code {
    text-align: center;
}

.product-info {
    text-align: center;
}

.product-box .product-description {
    margin-top: 10px;
    height: 70px;
    overflow-y: hidden;
}

.category-description {
    margin-bottom: 30px;
}

span.price-label {
    font-size: 15px;
    font-weight: 600;
}

span.price.strike-through {
    font-size: 17px;
    color: #777;
    text-decoration: line-through;
}

span.price-discount {
    font-size: 21px;
    color: red;
}

span.price {
    font-size: 19px;
}

span.price,
span.price-discount {
    font-weight: 600;
}

h2.category-name {
    margin-top: 10px;
    margin-bottom: 30px;
    font-family: Protest Guerrilla;
    text-transform: uppercase;
    font-size: 25px;
}

a.category-image-wrapper {
    position: relative;
    display: block;
    text-align: center;
    padding: 20px;
    background: #a2b874;
    transition: background 0.4s, padding 0.4s;
}

a.category-image-wrapper:hover {
    padding: 10px;
    background: #7b8e53;
}

#product .product-description {
    margin-top: 20px;
}

pre {
    position: relative;
    width: 100%;
    float: left;
    font-size: 13px;
    padding: 4px 8px;
    border: 1px solid #bcbcbc;
    border-radius: 7px;
    background: #F5F5F5;
}

.option {
    position: relative;
    display: inline-block;
    padding: 4px 8px;
    margin-right: 5px;
    background: #F5F5F5;
    margin-bottom: 5px;
    float: left;
}

.product-variation {
    float: left;
    min-width: 240px;
    margin-right: 10px;
    cursor: pointer;
}

.product-variation.active .option,
.product-variation:hover .option {
    background: #EDFFBB;
}

.product-variation-header .option,
.product-variation .option {
    text-align: left;
    width: 100%;
}

img.variation-image {
    max-width: 134px;
    max-height: 80px;
    margin: 0 auto;
    float: none;
}

.add-to-cart-wrapper input[type="number"] {
    width: 85px;
    float: left;
    margin-right: 10px;
    text-align: right;
}

.add-to-cart-wrapper {
    margin-top: 30px;
}

button.add-to-cart {
    border: 0px;
    border-radius: 7px;
    padding: 7px 21px;
    color: #FFF;
    background: #e80000;
    font-weight: 600;
    text-transform: uppercase;
}





































img.product-image.thumb {
    max-width: 120px;
    margin-right: 10px;
    cursor: pointer;
}

.quick-message-wrapper {
    position: fixed;
    top: calc(50% - 40px);
    height: 80px;
    width: 420px;
    left: calc(50% - 210px);
    padding: 10px;
    background: #FFF;
    border-radius: 7px;
    box-shadow: 0px 0px 16px #0f5132;
}

a.cart-text {
    position: absolute;
    width: 320px;
    float: left;
    right: 0px;
    text-decoration: none;
    text-align: right;
    margin-top: 10px;
    transition: font-size 0.4s;
}

a.cart-text:hover {
    font-size: 17px;
}

span.line-1 {
    color: #74C9C3;
}

span.line-2 {
    color: #ACCD62;
}

table.products-in-cart {
    margin-top: 10px;
    margin-bottom: 20px;
}

table.products-in-cart img.product-image {
    max-width: 160px;
    max-height: 160px;
    padding: 10px;
}

table.products-in-cart tr th {
    
}

table.products-in-cart tr td:nth-child(1) {
    width: 170px;
}

table.products-in-cart tr td:nth-child(2) {
    width: 300px;
}

table.products-in-cart tr td {
    vertical-align: middle;
}

table.products-in-cart tr.total td {
    font-size: 23px;
}

span.product-code {
    font-size: 14px;
    color: #777;
    font-style: italic;
    display: block;
}

span.product-name {
    font-size: 23px;
    display: block;
}

span.row-amount,
span.row-total {
    font-size: 23px;
}

tr.heading th {
    background: #5b5b5b;
    color: #FFF;
    font-size: 18px;
}

.cart-block {
    position: relative;
    width: 100%;
    float: left;
    margin-bottom: 20px;
    padding: 15px;
    background: #f4f4f4;
}

.cart-block h2 {
    margin-top: 10px;
}

span.transport-price {
    margin-top: 10px;
    float: left;
    margin-bottom: 10px;
    font-size: 17px;
}

.cart-block button.nav-link {
    padding: 6px 18px;
    font-size: 17px;
    border-radius: 7px;
    color: #ACCD62;
}

.cart-block button.nav-link.active {
    color: #74C9C3;
    border-color: transparent;
}

.cart-block .nav-tabs {
    padding-bottom: 7px;
    margin-bottom: 10px;
    border-bottom: 2px solid #74C9C3;
}

table.table.products-in-cart tr td {
    background: #F4F4F4;
}

form.invoice-form {
    margin-bottom: 40px;
}

.menu.vertical.level-2,
.menu.vertical.level-3,
.menu.vertical.level-4 {
    display: none;
}

.open-submenu {
    position: absolute;
    top: 0px;
    right: 0px;
    color: #FFF;
    font-weight: 700;
    font-size: 21px;
    cursor: pointer;
}

i.fa {
    /* color: #000; */
}

.menu.vertical li {
    position: relative;
}

ul.menu li a {
    font-family: 'Rubik', sans-serif;
    text-decoration: none;
    color: #FFF;
    font-size: 15px;
    font-weight: 400;
    transition: color 0.4s;
}

ul {
    list-style-type: none;
}

.menu-wrapper {
    background: #3B2528;
    color: #FFF;
}

body.screen-lg .menu-wrapper {
    width: 280px;
}

body.screen-lg .content-wrapper {
    width: calc(100% - 280px);
}

/**
body.screen-lg .menu-wrapper,
body.screen-md .menu-wrapper {
    padding-right: 0px;
}

body.screen-lg .content-wrapper,
body.screen-md .content-wrapper {
    padding-left: 0px;
}
**/

a.logo img {
    margin: 55px auto 30px auto;
    position: relative;
    float: none;
    display: block;
    max-width: 140px;
}

.contact-icons {
    position: relative;
    width: 100%;
    float: left;
    text-align: center;
    min-height: 48px;
    font-size: 27px;
    letter-spacing: 7px;
    color: #FFFFF0;
    margin-bottom: 10px;
}

.contact-icons a {
    color: #FFF;
    text-decoration: none;
}

ul.menu.vertical li {
    padding: 3px 0;
}

ul.menu.vertical.level-1 {
    position: relative;
    width: 100%;
    float: left;
    padding-left: 10px;
    max-width: 250px;
}

.languages-wrap {
    text-align: center;
    position: relative;
    width: 100%;
    float: left;
    line-height: normal;
    margin-bottom: 5px;
    margin-top: 10px;
}

.languages-wrap a {
    font-family: 'Rubik', sans-serif;
    text-decoration: none;
    color: #FFF;
    font-size: 15px;
    font-weight: 400;
    transition: color 0.4s;
    margin: 0px 5px;
}

a.reservations {
    text-align: center;
    padding: 8px 24px;
    float: none;
    display: inline-block;
    font-size: 15px;
    color: #FFF !important;
    margin: 5px auto 20px auto;
    display: table;
    background: #909536;
    text-decoration: none;
}

body.screen-lg .menu-wrapper,
body.screen-lg .content-wrapper {
    position: relative;
    top: 0px;
}

body.screen-lg .menu-wrapper {
    width: 280px;
    height: auto;
    min-height: 100%;
    left: 0px;
}

body.screen-lg .content-wrapper {
    width: calc(100% - 280px);
    padding-left: 0px;
    padding-right: 0px;
    flex: 1;
}

body.screen-lg .content-wrapper.home {
    height: 100% !important;
    overflow-y: hidden;
}

.content-wrapper {
    background: #EEEEE0;
}

.feedback-form {
    max-width: 880px;
}

.content-wrapper ul {
    list-style: disc;
}

body.screen-lg .toggle-menu,
body.screen-md .toggle-menu,
body.screen-sm .toggle-menu,
body.screen-xs .toggle-menu {
    display: none;
}

.toggle-menu i.fa-solid.fa-bars {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 30px;
}

.mobile-view-wrapper {
    max-width: 280px;
}

.mobile-view-wrapper.active {
    position: relative;
    width: 100%;
    float: left;
    background: transparent;
}

#accordion.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0px 0px 0px;
    padding: 15px;
    font-size: 18px;
    font-weight: normal;
    background: #3B2528;
    color: #FFFFF0;
    border: 0px;
}

#accordion.ui-accordion {
    width: 928px;
    max-width: 100%;
}

.ui-accordion-content {
    background: #FFF;
    padding: 15px;
}

ul.menu.vertical li a.active {
    color: #c0c296;
    background: transparent;
}

/**
.header-banner-wrapper .slide.active {
    display: block;
}

.header-banner-wrapper .slide img,
.header-banner-wrapper .slide picture {
    transition: opacity 0s;
}

.header-banner-wrapper .slide.active img,
.header-banner-wrapper .slide.active picture {
    opacity: 1;
}

.header-banner-wrapper .slide.inactive img,
.header-banner-wrapper .slide.inactive picture {
    z-index: 0;
    opacity: 0;
}

**/

button.btn.btn-benita {
    color: #FFF;
    background: #909536;
    transition: background 0.4s;
}

button.btn.btn-benita:hover {
    background: #797e1f;
}

.images-wrapper {
    max-width: 1360px;
}

/** team styles **/

.team-member-wrapper {
    position: relative;
    padding: 15px;
    margin-bottom: 20px;
    max-width: 800px;
    background: #F8F8EB;
    width: 100%;
    float: left;
}

.team-member-wrapper ul {
    list-style: square;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    max-width: calc(75% - 15px);
}

.content-wrapper ul li,
.content-wrapper p {
    max-width: 100% !important;
}

.breadcrumbs {
    position: relative;
    width: 100%;
    float: left;
    margin-bottom: 30px;
}

.breadcrumbs a.breadcrumb-link {
    color: #3A3A3A;
    padding: 9px 15px 7px;
    margin-top: 4px;
    margin-right: 4px;
    font-size: 11px;
    font-weight: 500;
    display: inline-block;
    text-decoration: none;
    border: 1px solid #3A3A3A;
    border-radius: 50px;
    text-transform: uppercase;
    transition: background 0.4s, color 0.4s;
}

.breadcrumbs a.breadcrumb-link:hover {
    color: #EEEEE0;
    background: #3A3A3A;
}

.footer-block.left {
    text-align: left;
}

.footer-block.right {
    text-align: right;
}

ul.form-error-messages {
    padding-left: 0px;
}

ul.form-error-messages li {
    padding: 5px 15px;
    margin-bottom: 10px;
}

html {
    overflow-y: auto; /* Scrollbari näidatakse ainult siis, kui sisu on suurem kui ekraan */
}




body.screen-lg .container.content,
body.screen-md .container.content {
    margin-bottom: 0px;
    min-height: calc(100% - 112px);
    padding-left: 20px;
}

body.screen-lg .footer,
body.screen-md .footer {
    bottom: 0px;
}

.content-wrapper {
    min-height: 100%;
}

.ui-accordion-content {
    height: auto !important;
}

body.screen-lg .module-content.right,
body.screen-md .module-content.right {
    padding-top: 0px;
}

.content ul li {
    margin-bottom: 0px !important;
    line-height: 150% !important;
}

ul.form-error-messages {
    list-style: none !important;
}

ul.form-error-messages li {
    margin-bottom: 7px !important;
}

#accordion table tr:nth-child(odd) {
    background-color: #f9f9f9; /* helehall, hästi õrn */
}

#accordion table {
    width: 100% !important;
}

span.claim_amount {
    position: absolute;
    top: 120px;
    left: 0px;
    color: red;
    font-size: 32px;
    font-weight: bold;
    text-shadow: 1px 1px 10px #FFF;
    width: 100%;
    text-align: center;
    transform: rotate(28deg);
}