﻿/* Fix 167 */
#contacts-navbar h5 {
    margin-bottom: 0px;
}

.contacts {
    min-height: 1300px;
}

    .contacts p a {
        color: #242424;
    }

    .contacts p:hover a {
        text-decoration: none;
    }

    .contacts input,
    .contacts textarea {
        width: 100%;
        float: left;
    }

    .contacts input {
        height: 55px;
        line-height: 55px;
        border: 1px solid #242424;
    }

    .contacts input,
    .contacts textarea,
    .contacts .dropdown {
        border: 1px solid #242424;
        height: 55px;
        line-height: 55px;
        padding: 0 24px;
    }

    .contacts textarea {
        height: 200px;
        resize: none;
    }

    .contacts input,
    .contacts textarea,
    .contacts input::-webkit-input-placeholder {
        font-size: 18px;
    }

    .contacts .error input,
    .contacts .error textarea {
        border: 1px solid #c30000;
    }

        .contacts .error input[type=text] {
            color: #c30000;
        }

    .contacts .form-error {
        font-size: 16px;
        color: #c30000;
        float: left;
        padding: 5px 0;
        position: absolute;
        top: 100%;
    }

    .contacts input::-webkit-input-placeholder {
        color: #bebebe;
        text-transform: none !important;
    }

    .contacts ::-moz-placeholder {
        color: #bebebe;
        text-transform: none !important;
    }
    /* firefox 19+ */
    .contacts :-ms-input-placeholder {
        color: #bebebe;
        text-transform: none !important;
    }
    /* ie */
    .contacts input:-moz-placeholder {
        color: #bebebe;
        text-transform: none !important;
    }


    .contacts .error.required::after {
        color: #c30000;
    }

    .contacts .required::after {
        content: "*";
        position: absolute;
        top: 0px;
        font-size: 12px;
        padding-left: 15px;
    }

    .contacts .dropdown:not(.prefix-phone) {
        text-align: left;
        cursor: pointer;
    }

    .contacts .dropdown-phone,
    .contacts .prefix-phone {
        border-right: transparent;
        text-align: center !important;
    }

    .contacts .prefix-phone {
        padding: 0;
    }

    .contacts .dropdown-phone .dropdown-menu {
        text-align: center;
    }

    .contacts .dropdown .phone-lang-img {
        display: none;
    }

    .contacts .dropdown p {
        display: inline-block;
    }

    .contacts .dropdown .dropdown-menu {
        border-radius: 0;
        border: 1px solid #ddd;
        border-top-color: transparent;
        margin-top: 0;
        min-width: 100%;
        padding: 0;
        max-height: 200px;
        overflow-y: auto;
        left: -1px;
        right: -1px;
        font-size: 18px;
    }

        .contacts .dropdown .dropdown-menu > li {
            padding-left: 24px;
            padding-right: 24px;
        }

    /* caret */
    .contacts .dropdown-arrow {
        background-color: #242424;
        position: absolute;
        top: 50%;
        right: 4%;
    }

    .contacts .see-more .dropdown-arrow {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        right: 0;
        top: 0;
    }

    .contacts .dropdown-phone .dropdown-arrow {
        right: 10%;
    }

    .contacts h2 {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 20px;
        font-weight: 300;
        text-transform: uppercase;
        margin: 0 0 15px 0;
    }

    .contacts p {
        font-size: 18px;
    }

    .contacts .map-section,
    .contacts .contacts-section {
        padding: 0 2%;
    }

        .contacts .map-section iframe {
            width: 100%;
            height: 300px;
        }

        .contacts .map-section .marker-label {
            background-color: #c30000;
            color: #fff;
            width: 100px;
            height: 50px;
        }

    .contacts .contacts-section {
        padding: 2%;
    }

        .contacts .contacts-section.contact-sucess {
            padding-top: 40px !important;
            margin: 0%;
            padding-left: 25px;
            padding-right: 25px;
        }

            .contacts .contacts-section.contact-sucess p {
                border-bottom: solid 1px rgb(221,221,221);
                padding-bottom: 55px;
            }

            .contacts .contacts-section.contact-sucess svg {
                stroke: #333;
                max-width: 50px;
                max-height: 36px;
            }

            .contacts .contacts-section.contact-sucess .glyphicon-ok:before {
                font-size: 35px;
            }

            .contacts .contacts-section.contact-sucess h2 {
                margin-top: 22px !important;
            }

            .contacts .contacts-section.contact-sucess .button-wrapper {
                margin-top: 40px;
                text-align: center;
            }

        /* .left-container */
        .contacts .contacts-section .left-container .no-form {
            margin-top: 50px;
        }

            .contacts .contacts-section .left-container .no-form a {
                text-decoration: underline;
            }

        .contacts .contacts-section .left-container .form-container > div:not(:last-child) {
            padding-right: 25px;
        }

        .contacts .contacts-section .left-container .form-container {
            margin-top: 50px;
        }

            .contacts .contacts-section .left-container .form-container > .required {
                position: relative;
                margin-bottom: 30px;
            }

            .contacts .contacts-section .left-container .form-container .mandatory-fields {
                font-size: 16px;
            }

            .contacts .contacts-section .left-container .form-container .google-recaptcha {
                padding-top: 50px;
                padding-bottom: 35px;
                -webkit-transform: scale(0.77);
                transform: scale(0.77);
                -webkit-transform-origin: 0 0;
                transform-origin: 0 0;
            }

            .contacts .contacts-section .left-container .form-container .contact-category-input {
                margin-top: 40px;
            }

                .contacts .contacts-section .left-container .form-container .contact-category-input .dropdown {
                    float: left;
                    width: 100%;
                }

                .contacts .contacts-section .left-container .form-container .contact-category-input p.theme {
                    color: #bebebe;
                }

        .contacts .contacts-section .left-container .disclaimer-container p a.red,
        .contacts .contacts-section .left-container .disclaimer-container label.red {
            color: #c30000;
        }

        .contacts .contacts-section .left-container .disclaimer-container p {
            font-size: 14px;
        }

        .contacts .contacts-section .left-container .disclaimer-container label {
            font-size: 13px;
        }

        .contacts .contacts-section .left-container .disclaimer-container input {
            padding-top: 0;
        }

            .contacts .contacts-section .left-container .disclaimer-container input.slb-checkbox[type="checkbox"]:not(:checked) + label:before,
            .contacts .contacts-section .left-container .disclaimer-container input.slb-checkbox[type="checkbox"]:checked + label:before,
            .contacts .contacts-section .left-container .disclaimer-container input.slb-checkbox[type="checkbox"]:not(:checked) + label:after,
            .contacts .contacts-section .left-container .disclaimer-container input.slb-checkbox[type="checkbox"]:checked + label:after {
                top: 25%;
            }

    .contacts .form-btn-container {
        text-align: center;
        padding-top: 40px;
        border-top: 1px solid #ddd;
    }

        .contacts .form-btn-container .form-btn {
            padding: 8px 37px;
        }

    /* .right-container */
    .contacts .contacts-section .right-container {
        padding-left: 2%;
        margin-top: 50px;
    }

        .contacts .contacts-section .right-container svg {
            max-width: 41px;
            max-height: 48px;
            stroke: #242424;
            stroke-width: 2;
        }

        .contacts .contacts-section .right-container p {
            margin-bottom: 25px;
        }

        .contacts .contacts-section .right-container .contacts-text p a {
            display: block;
        }

        .contacts .contacts-section .right-container .contacts-text a:hover {
            color: #242424;
        }

        .contacts .contacts-section .right-container .contacts-menu .sub-nav a:hover {
            color: #888;
        }

        .contacts .contacts-section .right-container .contacts-menu {
            margin-top: 30px;
        }

            .contacts .contacts-section .right-container .contacts-menu .panel {
                margin-bottom: 0;
            }

            .contacts .contacts-section .right-container .contacts-menu .nav ul {
                list-style: none;
                padding: 0;
            }

            .contacts .contacts-section .right-container .contacts-menu .nav > li {
                border-bottom: 1px solid #ddd;
            }

            .contacts .contacts-section .right-container .contacts-menu .nav a {
                text-transform: uppercase;
                font-size: 18px;
                padding-left: 0;
            }

                .contacts .contacts-section .right-container .contacts-menu .nav a:focus,
                .contacts .contacts-section .right-container .contacts-menu .nav a:hover {
                    background-color: #fff;
                }


                .contacts .contacts-section .right-container .contacts-menu .nav a .see-more {
                    float: right;
                    text-align: left;
                    display: inline-block;
                    vertical-align: middle;
                    margin-right: 10%;
                    position: absolute;
                    right: 0px;
                }

                    .contacts .contacts-section .right-container .contacts-menu .nav a .see-more span {
                        font-size: 12px;
                        text-transform: uppercase;
                    }

                .contacts .contacts-section .right-container .contacts-menu .nav a:hover,
                .contacts .contacts-section .right-container .contacts-menu .nav a.active,
                .contacts .contacts-section .right-container .contacts-menu .nav a:hover .see-more span,
                .contacts .contacts-section .right-container .contacts-menu .nav a.active .see-more span {
                    color: #c30000;
                }

                    /*.contacts .contacts-section .right-container .contacts-menu .nav a:focus .see-more .dropdown-arrow,*/
                    .contacts .contacts-section .right-container .contacts-menu .nav a:hover .see-more .dropdown-arrow {
                        background-color: #c30000;
                    }

                        /*.contacts .contacts-section .right-container .contacts-menu .nav a:focus .see-more .dropdown-arrow.active,*/
                        .contacts .contacts-section .right-container .contacts-menu .nav a.active .see-more .dropdown-arrow,
                        .contacts .contacts-section .right-container .contacts-menu .nav a:hover .see-more .dropdown-arrow.active {
                            background-color: #c30000;
                            -ms-transform: rotate(180deg); /* IE 9 */
                            -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
                            transform: rotate(180deg);
                        }

            .contacts .contacts-section .right-container .contacts-menu .nav .sub-nav h5,
            .contacts .contacts-section .right-container .contacts-menu .nav .sub-nav p {
                font-size: 18px;
            }

            .contacts .contacts-section .right-container .contacts-menu .nav .sub-nav p,
            .contacts .contacts-section .right-container .contacts-menu .nav p a {
                color: #888;
            }

/* Small devices (tablets, 768px and up) */

@media (min-width: 768px) {

    .contacts h2 {
        font-size: 32px;
    }

    .contacts input,
    .contacts textarea,
    .contacts input::-webkit-input-placeholder,
    .contacts .required::after,
    .contacts .dropdown .dropdown-menu,
    .contacts p,
    .contacts .contacts-section .right-container .contacts-menu .nav a {
        font-size: 24px;
    }

    .contacts .contacts-section .right-container .contacts-menu .nav .sub-nav h5,
    .contacts .contacts-section .right-container .contacts-menu .nav .sub-nav p {
        font-size: 22px;
    }

    /*.contacts .map-section #map {
        height: 300px;
    }*/

    /*.contacts .map-section #map * {
        overflow: visible;
    }*/

    .contacts .form-btn-container {
        text-align: right;
    }

    .contacts .contacts-section .left-container .form-container {
        margin-left: 50px;
        margin-right: 75px;
    }

    .contacts .contacts-section {
        padding: 40px 2% 62.5px 2%;
    }

        .contacts .contacts-section .right-container {
            padding-left: 8%;
        }

            .contacts .contacts-section .right-container .contacts-menu {
                margin-top: 80px;
            }

                .contacts .contacts-section .right-container .contacts-menu .nav a .see-more {
                    margin-right: 10%;
                }

        .contacts .contacts-section .left-container .form-container .google-recaptcha {
            -webkit-transform: scale(1);
            transform: scale(1);
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
        }


        .contacts .contacts-section.contact-sucess {
            padding-left: 50px;
            padding-right: 50px;
        }

        .contacts .contacts-section .left-container .form-container > div:not(:last-child) {
            padding-right: 0px;
        }


        .contacts .contacts-section.contact-sucess .button-wrapper {
            text-align: left;
        }

    .contacts ::-webkit-input-placeholder {
        font-size: 24px;
    }

    .contacts ::-moz-placeholder {
        font-size: 24px;
    }
    /* firefox 19+ */
    .contacts :-ms-input-placeholder {
        font-size: 24px;
    }
    /* ie */
    .contacts input:-moz-placeholder {
        font-size: 24px;
    }

    .contacts p,
    .contacts input {
        font-size: 24px;
    }

    .contacts .required::after {
        font-size: 24px;
        line-height: 24px;
    }

    .left-container {
        padding-left: 24px;
    }

    .contacts .contacts-section .left-container .disclaimer-container p {
        font-size: 20px;
    }

    .contacts .contacts-section .left-container .disclaimer-container input.slb-checkbox[type="checkbox"]:not(:checked) + label:before,
    .contacts .contacts-section .left-container .disclaimer-container input.slb-checkbox[type="checkbox"]:checked + label:before,
    .contacts .contacts-section .left-container .disclaimer-container input.slb-checkbox[type="checkbox"]:not(:checked) + label:after,
    .contacts .contacts-section .left-container .disclaimer-container input.slb-checkbox[type="checkbox"]:checked + label:after {
        top: 35%;
    }
}

.contacts-section .right-container {
    display: flex;
    flex-direction: column;
}

    .contacts-section .right-container .ad {
        margin: 40px 0;
    }

/* Medium devices (desktops, 992px and up) */

@media (min-width: 992px) {
    .contacts .dropdown .phone-lang-img {
        display: inline-block;
        margin-left: 10px;
        margin-bottom: 5px;
    }

    .contacts .contacts-section .right-container {
        margin-top: 0;
    }

    .contacts .contacts-section .right-container {
        padding-left: 88px;
    }
}

/* Large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {
}
