/* Start:/local/components/rtl/main.feedback/templates/.default/style.css?14908672283329*/

.feedback .str {
    margin-bottom: 40px;
}

.feedback .mf-ok-text{
    color: green;
}

.feedback .gr {
    padding: 1px;
}

.feedback .my-checkbox {
    padding-top: 18px;
}

@media (max-width: 991px) {
    .feedback .my-checkbox {
        padding-top: 8px;
    }
}

.feedback button {
    background: #001464;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: white;
    border: none;
    font-family: KellySlab;
    font-size: 20px;
    padding: 18px 20px;
    letter-spacing: 2px;
    text-transform: uppercase;
    cursor: pointer;
    outline: none;
}

.feedback img {
    max-width: 100%;
    height: 60px;
    /*margin: auto;*/
    display: block;
    margin-bottom: 20px;
}

.feedback .contacts {
    background: #f4f6f8;
    padding: 30px 30px 50px;
    text-align: center;
    position: relative;
    margin-bottom: 40px;
}

@media (min-width: 992px) {
    .feedback .contacts {
        max-width: 270px;
        white-space: nowrap;
    }
}

.feedback .contacts .row > div {
    margin-bottom: 40px;
}

.feedback .contacts:before {
    position: absolute;
    bottom: 40px;
    width: 25px;
    left: 50%;
    margin-left: -12.5px;
    border-bottom: 3px solid #3c3c46;
    content: '';
}

.my-input {
    position: relative;
}

.my-input input[type=text], .my-input textarea {
    background: transparent;
    width: 100%;
    border: 1px solid #d1d1db;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 25px 20px 13px;
    border-left-width: 1px;
    border-right-width: 1px;
    font-family: inherit;
    font-size: inherit;
    outline: none;
}

.my-input textarea {
    height: 120px;
    resize: none;
}

.my-input .placeholer {
    position: absolute;
    z-index: -1;
    margin-left: 20px;
    -webkit-transition: all ease 0.2s;
    transition: all ease 0.2s;
    top: 20px;
    color: #b4b4be;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
}

.my-input textarea.no-empty + .placeholer,
.my-input textarea.empty:focus + .placeholer,
.my-input input.no-empty + .placeholer,
.my-input input.empty:focus + .placeholer {
    top: 8px;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}

.my-checkbox {
    display: inline-block;
}

.my-checkbox input {
    display: none;
}

.my-checkbox label {
    padding-left: 40px;
    position: relative;
    padding-top: 3px;
    cursor: pointer;
    float: right;
    font-size: 17px;
}

.my-checkbox label:before {
    content: '';
    width: 25px;
    height: 25px;
    border: 1px solid #bdbdc6;
    position: absolute;
    left: 0;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    top: 50%;
    margin-top: -12.5px;
}

.my-checkbox label:after {
    content: '';
    width: 25px;
    height: 25px;
    top: 50%;
    margin-top: -12.5px;
    opacity: 0;
    position: absolute;
    left: 2px;
    background: url(/local/components/rtl/main.feedback/templates/.default/img/check.png) center center no-repeat;
    -webkit-transition: all ease 0.15s;
    transition: all ease 0.15s;
    -webkit-transform: translate(0, -5px);
    -ms-transform: translate(0, -5px);
    transform: translate(0, -5px);
}

.my-checkbox input:checked + label:after {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}
/* End */
/* /local/components/rtl/main.feedback/templates/.default/style.css?14908672283329 */