@charset "utf-8";
/*!
* Theme Name: Colmex
* Author: Brytro.cz
* Author URI: http://www.brytro.cz/
* Description: Šablona na míru pro Colmex
* Version: 1.0
*/

/* stránka Váš tip */
video{max-width: 100%!important;}

.formular-na-tipy{
    max-width: 780px;
}
.page-id-26893 textarea{
    width: 100%!important;
    margin-top:20px;
}
.page-id-26893 label{
    width: 100%!important;
}
.mensi-label{font-size:80%;}

.sodsazenim{padding-top:20px;}
.sodsazenimzespodu{padding-bottom:20px;}

.page-template-template-lp-your-tips  .form__field--next-to{padding-left:0!important;}

/* ruská stránka */
.page-id-24574 .intro h1 {
    font-size: 45px !important;
}

@media only screen and (max-width: 750px) {
    .page-id-24574 .intro h1 {
        font-size: 25px !important;
        padding-left: 10px;
        padding-right: 10px;
    }
}

/* francouzuská stránka */
.page-id-20424 .intro h1 {
    font-size: 45px !important;
}

@media only screen and (max-width: 750px) {
    .page-id-20424 .intro h1 {
        font-size: 25px !important;
        padding-left: 10px;
        padding-right: 10px;
    }
}

/* arabská stránka */
.page-id-24567 {
    direction: rtl !important;
}

.page-id-24567 p {
    direction: rtl !important;
}

.page-id-24567 h1 {
    direction: rtl !important;
}

.page-id-24567 h2 {
    direction: rtl !important;
}

.page-id-24567 h3 {
    direction: rtl !important;
}

.page-id-24567 .header__phone {
    direction: ltr !important;
}

.page-id-24567 .unsubscribe {
    padding-left: 10px;
    padding-right: 10px;
}

.page-id-24567 .footer .info p {
    direction: ltr !important;
}

@media only screen and (max-width: 750px) {
    .page-id-24567 .comp-machines-top .text {
        margin-left: 0px !important;
    }
}

@media only screen and (max-width: 900px) {
    .page-id-24567 .comp-machines-top {
        background-position: 0 85% !important;
    }
}

@media only screen and (max-width: 700px) {
    .page-id-24567 .comp-machines-top {
        background-position: 12% 104% !important;
    }
}

.page-id-24567 .prefooter {
    background-position: calc(35% + 00px) 15px;
}

@media only screen and (max-width: 1250px) {
    .page-id-24567 .prefooter {
        background-position: calc(25% + 200px) 15px;
    }
}

@media only screen and (max-width: 1100px) {
    .page-id-24567 .prefooter {
        background-position: 50% 310px;
    }
}

.page-id-24567 .comp-machines-bottom .col:nth-child(odd) {
    border-right: none !important;
}

.page-id-24567 .comp-machines-bottom .col:nth-child(even) {
    border-right: 1px solid #e5e7e7 !important;
    padding-right: 20px;
}

@media only screen and (max-width: 700px) {
    .page-id-24567 .comp-machines-bottom .col:nth-child(even) {
        border-right: none !important;
    }
}

#cookie-notice .cn-button {
    padding: 10px 40px 10px 20px;
}

.article-dark .entry-content {
    padding: 4rem 0;
}

.hp-article--bottom {
    margin-bottom: 1.375rem;
}

.line__links > div > ul > li > span {
    letter-spacing: 0.6rem;
}

.m-nav-container > ul {
    justify-content: center;
}

.m-nav-container > ul > li {
    max-width: unset;
}

@media only screen and (min-width: 768px) {
    .m-nav-container > ul > li:nth-child(3) > ul li:not(.prevent-default) .sub-menu {
        padding: 0 0 2rem;
    }

    .m-nav-container > ul > li:nth-child(3) > ul > li {
        max-width: 25%;
        padding-right: 2rem;
    }

    .m-nav-container > ul > li:nth-child(3) > ul > li > a {
        white-space: normal;
    }
}

@media only screen and (min-width: 1200px) {
    .m-nav-container > ul > li:nth-child(3) > ul {
        width: 50rem
    }
}

.newsletter__form button {
    width: unset;
    min-width: 8.75rem;
    padding-right: 1.9375rem;
    padding-left: 1rem;
    white-space: nowrap;
}

.content-header__desc .highlighted {
    font-weight: 700;
    color: #51ae31;
}

.content-header__desc p:not(:last-child) {
    margin-bottom: 20px;
}

.offer-form h2.h2-offer {
    font-weight: 300;
    margin-bottom: 25px;
}

.offer-form .s-label--form-small {
    font-size: 15px !important;
}

.offer-form h3.h3-offer-nomargin {
    margin-bottom: 0;
}

.offer-form .form__field--bank {
    border-bottom: 1px solid #dcdede;
    text-align: center;
    padding-bottom: 10px;
    margin-bottom: 30px;
    padding-top: 15px;
}

.offer-form .form__field--bank p {
    margin-bottom: 25px;
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
}

.offer-form .calc table {
    width: 100%;
    font-size: 17px;
    line-height: 1.35;
    margin-bottom: 30px;
}

.offer-form .calc td, .offer-form .calc th {
    padding: 10px 20px;
}

.offer-form .calc td:last-child {
    min-width: 135px;
}

.offer-form .calc tr:nth-child(odd) td {
    background: #e4e4e4;
}

.offer-form .calc .prod-input {
    background-color: #fff;
    line-height: 34px;
    width: 100%;
    max-width: 62px;
    height: 34px;
    padding: 5px 9px;
    border: 0.0625rem solid #dcdede;
    border-radius: 0.125rem;
    outline-width: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-weight: 400;
    font-size: 15px;
}

.offer-form .calc .sum {
    padding: 10px 20px;
    font-size: 18px;
    font-weight: 700;
    display: flex;
    justify-content: space-between;
}

.offer-form .calc .deposit {
    background: #51ae31;
    padding: 15px 20px;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
}

.offer-form .calc .deposit div:last-child, .offer-form .calc .sum div:last-child {
    min-width: 115px;
}

.offer-form .calc .note {
    font-style: italic;
    padding: 0 20px;
    color: #51ae31;
    font-size: 17px;
    margin-bottom: 85px;
    line-height: 1.3;
}

@media only screen and (max-width: 575px) {
    .offer-form .calc td, .offer-form .calc th {
        padding: 10px 5px;
    }

    .offer-form .calc .deposit, .offer-form .calc .sum, .offer-form .calc .note {
        padding-left: 5px;
        padding-right: 5px;
    }

    .offer-form .calc td:last-child, .offer-form .calc .deposit div:last-child, .offer-form .calc .sum div:last-child {
        min-width: 65px;
    }
}

@media only screen and (min-width: 768px) {
    .m-nav-container > ul > li:nth-child(3) > ul > li:last-child {
        max-width: 100%;
        flex: none;
        border: none;
        padding-top: 15px;
        margin-top: 32px;
        padding-left: 0;
        font-size: 15px;
        width: 100%;
        border-top: 1px solid #657776;
    }

    .m-nav-container > ul > li:nth-child(3) > ul > li:last-child .sub-menu {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .m-nav-container > ul > li:nth-child(3) > ul > li:last-child .sub-menu li {
        margin-right: 23px;
        margin-top: 0 !important;
    }
}


/* LP foreign */
.page-template-template-lp-foreign .btn {
    max-width: unset;
    width: auto;
    padding: 0 24px;
}

.page-template-template-lp-foreign .comp-info .text .btn {
    display: inline-block;
}

.page-template-template-lp-foreign .btn-primary:hover {
    font-size: 17px;
}

.page-template-template-lp-foreign .comp-img .img-box {
    flex: 1;
}

.page-template-template-lp-foreign .wpcf7 form.invalid .wpcf7-response-output,
.page-template-template-lp-foreign .wpcf7 form.unaccepted .wpcf7-response-output {
    padding: 0;
    margin: 2em 0 1em;
    color: #e85042;
    border: none;
}