/*Colors define*/
:root {
    --green: #2fd475;
    --green-font: #1ed671;
    --white: #ffffff;
    --black: #231f20;
    --gray: #626262;
    --light-gray: #ababab;
    --white-text: #f0f0f0;
    --gray-font: #8d8d8d;
    --blue: #1f4da0;
}

/*Fonts class define*/

.font-roboto-bold {
    font-family: "Roboto Condensed Bold", sans-serif;
}

.font-roboto {
    font-family: "Roboto Condensed", sans-serif;
}

.font-opensans {
    font-family: "Open Sans", sans-serif;
}

.font-code {
    font-family: "Source Code Pro", monospace;
}

.green-font {
    color: #1ed671;
}

.Dtx-uppercase {
    text-transform: uppercase;
}

.Dtx-nav {
    padding: 16px 0;
    z-index: 99999999;
    background-color: var(--white);
    box-shadow: 0 2px 4px 0 rgba(85, 77, 86, 0.2);
}

.logo, footer .logo {
    /*width: 165px;*/
    /*height: 38px;*/
}


.logo-christmas {
    margin-top: -15px;
    margin-bottom: -15px;
    height: 55px;
}

a.nav-link {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 15px;
    color: var(--black);
    line-height: 38px;
}

.Dtx-Dropdown-menu {
    background-color: var(--black);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.Dtx-Dropdown-item {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 12px;
    color: var(--white);
}

ul.navbar-nav .btn:first-of-type {
    margin-right: 16px;
}


.btn-white {
    font-family: "Roboto Condensed Bold", sans-serif;
    color: var(--black);
    font-size: 12px;
    border-radius: 3px;
    background-color: var(--white);
    border: solid 1px var(--black);;
    padding: 10px 15px;
}

.btn-white:hover {
    font-family: "Roboto Condensed Bold", sans-serif;
    color: var(--white);
    font-size: 12px;
    border-radius: 3px;
    background-color: var(--black);
    border: solid 1px var(--black);
    padding: 10px 15px;
}

.btn-green {
    font-family: "Roboto Condensed Bold", sans-serif;
    color: var(--white) !important;
    font-size: 12px;
    border-radius: 3px;
    background-color: var(--green);
    padding: 10px 15px;
}

.btn-green:hover {
    font-family: "Roboto Condensed Bold", sans-serif;
    color: var(--green) !important;
    font-size: 12px;
    border-radius: 3px;
    border: 1px solid var(--green);
    background-color: var(--white);
    padding: 10px 15px;
}


.btn-black {
    font-family: "Roboto Condensed Bold", sans-serif;
    color: var(--white) !important;
    font-size: 12px;
    border-radius: 3px;
    background-color: var(--black);
    padding: 10px 15px;
}

.btn-black:hover {
    font-family: "Roboto Condensed Bold", sans-serif;
    color: var(--black) !important;
    font-size: 12px;
    border-radius: 3px;
    background-color: var(--white);
    border: 1px solid var(--black);
    padding: 10px 15px;
}

.btn-transparent {
    border: none !important;
    background-color: transparent !important;
    color: var(--green-font);
    padding: 10px 15px;
    font-family: "Roboto Condensed Bold", sans-serif;
    font-size: 12px;
}

footer {
    background-color: var(--black);;
    padding: 80px 0;
}

@media (max-width: 576px) {
    footer {
        text-align: center;
    }
}

footer .footer-header {
    font-family: "Roboto Condensed Bold", sans-serif;
    font-size: 24px;
    margin-bottom: 16px;
    color: var(--white)
}

footer .footer-content {
    font-size: 15px;
    line-height: 24px;
    color: var(--light-gray)
}

footer .footerline {

    border-bottom: 2px solid var(--gray);
    padding-bottom: 48px;
    margin-bottom: 48px;
}

footer a {
    color: var(--light-gray)
}

footer a:hover {
    color: var(--green);

}

.social-network {
    line-height: 40px !important;
}

.social-network a {
    margin-right: 16px;
    height: 24px;
    /*line-height: 40px;*/
    color: var(--green);
}

footer .copyright {
    font-size: 12px;
    color: var(--light-gray);
}

.contact-us {
    background-color: var(--green);
    padding: 48px 0;
}

.contact-us-header {
    font-size: 24px;
    padding-bottom: 16px;
    color: var(--black);
}

label.error {
    color: #ff1745 !important;
}

.modal-dialog {
    min-height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: auto;
}

@media (max-width: 768px) {
    .modal-dialog {
        min-height: calc(100vh - 20px);
    }
}

@media (min-width: 768px) {
    .modal-dialog {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .modal-dialog {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .modal-dialog {
        max-width: 1140px;
    }
}

.contact-form-container {
    background-color: var(--white);
    padding: 48px;
}

.recommendation-container {
    padding: 80px 48px;
    background-color: var(--white-text);

}

.contact-form-modal .modal-body {
    padding: 0;
    width: 100%;
}

.contact-header {
    font-size: 24px;
    color: var(--black);
}

.contact-information {
    font-size: 18px;
    color: var(--gray-font);
}

input[type=checkbox] {
    display: none;
}

input[type=checkbox] + label {
    font-size: 14px;
    text-align: left;
    color: #282526;
}

/* to hide the checkbox itself */
input[type=checkbox] + label:before {
    font-family: FontAwesome;
    display: inline-block;
    /*font-size:24px;*/
    font-weight: 100;

}

input[type=checkbox] + label:before {
    content: "\f096";
    color: var(--black);

}

/* unchecked icon */
input[type=checkbox] + label:before {
    letter-spacing: 9px;
}

/* space between checkbox and label */

input[type=checkbox]:checked + label:before {
    content: "\f046";
    color: var(--green);
}

/* checked icon */
input[type=checkbox]:checked + label:before {
    letter-spacing: 7px;
}

.form-checkbox label {
    line-height: 40px;
}

.contact-link {
    color: var(--green);
}

.contact-link:hover {
    color: var(--green);
    border-bottom: 1px solid var(--green);
}

.contact-form-modal label {
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    color: var(--gray-font);
    margin-bottom: 0;
}

.contact-form-modal input[type="text"]::placeholder,
.contact-form-modal input[type="text"]:-ms-input-placeholder,
.contact-form-modal input[type="text"]::-ms-input-placeholder {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #8d8d8d80;
    opacity: 1;
}

.recommendation-container img {
    margin-right: 16px;
}

.recommendation-header {
    font-size: 18px;
    color: var(--black);
    padding-top: 68px;
}

.recommendation-content {
    padding-top: 18px;
    color: var(--black);
}

.recommendation-container i {
    position: absolute;
    font-size: 48px;
    color: var(--white-text);
    -webkit-text-stroke: 1px var(--gray-font);
}

.recommendation-container i:first-of-type {
    top: 50px;
    left: 48px;
}

.recommendation-container i:last-of-type {
    bottom: 80px;
    right: 48px;
}

.dropdown-item {
    background-color: var(--black);
    color: var(--light-gray);
}

.dropdown-item:hover, .dropdown-item:focus {
    color: var(--black);
    text-decoration: none;
    background-color: var(--white);
}

.dropdown-item.active, .dropdown-item:active {
    color: var(--black);
    text-decoration: none;
    background-color: var(--white);
}

.language-buttons {
    text-align: center;
    margin-left: 24px;
}

.language-buttons a:first-of-type {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.language-buttons a:last-of-type {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.language-buttons a {
    width: 38px;
    height: 23px;
    background-color: #ffffff;
    border: solid 1px var(--white-text);
    color: var(--green) !important;
    font-size: 12px;
    line-height: 23px;
    cursor: default;
}

.language-buttons a.active {
    background-color: var(--white-text);
    border: solid 1px #f0f0f0;
    color: var(--black) !important;
}

.language-buttons a:not(.active):hover {
    border: solid 1px var(--green);
    background-color: var(--green);
    color: var(--white) !important;
    cursor: pointer;
}

#cookiePolicyInfo {
    background: rgba(0, 0, 0, 0.8);
    bottom: 0;
    color: var(--white);
    left: 0;
    padding: 50px 50px;
    position: fixed;
    right: 0;
    text-align: center;
    display: none;
}

.cookiePolicyText {
    width: 90%;
}

.cookiePolicyInfo .button {
    background: #444;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    margin-left: 5px;
    padding: 5px 10px;
}

#cookiePolicyInfo a {
    color: var(--green-font);
    font-family: "Roboto Condensed Bold", sans-serif;
}

#cookiePolicyInfo a:hover {
    text-decoration: none;
    color: var(--white);
    font-weight: bold;
}