/*
Theme Name: New-RaTeN
Theme URI: https://www.fl.ru/users/raten/portfolio/
Author: RaTeN Андрей Левдиков
Author URI: https://t.me/ratenos
Description: Andrei Leudzikau
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: all-in
Text Domain: RaTeN
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */


/* ubuntu-300 - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/ubuntu-v21-cyrillic_cyrillic-ext_latin_latin-ext-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ubuntu-300italic - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Ubuntu';
    font-style: italic;
    font-weight: 300;
    src: url('fonts/ubuntu-v21-cyrillic_cyrillic-ext_latin_latin-ext-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ubuntu-regular - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/ubuntu-v21-cyrillic_cyrillic-ext_latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ubuntu-italic - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Ubuntu';
    font-style: italic;
    font-weight: 400;
    src: url('fonts/ubuntu-v21-cyrillic_cyrillic-ext_latin_latin-ext-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ubuntu-500 - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/ubuntu-v21-cyrillic_cyrillic-ext_latin_latin-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ubuntu-500italic - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Ubuntu';
    font-style: italic;
    font-weight: 500;
    src: url('fonts/ubuntu-v21-cyrillic_cyrillic-ext_latin_latin-ext-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ubuntu-700 - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/ubuntu-v21-cyrillic_cyrillic-ext_latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ubuntu-700italic - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Ubuntu';
    font-style: italic;
    font-weight: 700;
    src: url('fonts/ubuntu-v21-cyrillic_cyrillic-ext_latin_latin-ext-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* unbounded-200 - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Unbounded';
    font-style: normal;
    font-weight: 200;
    src: url('fonts/unbounded-v11-cyrillic_cyrillic-ext_latin_latin-ext-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* unbounded-300 - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Unbounded';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/unbounded-v11-cyrillic_cyrillic-ext_latin_latin-ext-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* unbounded-regular - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Unbounded';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/unbounded-v11-cyrillic_cyrillic-ext_latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* unbounded-500 - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Unbounded';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/unbounded-v11-cyrillic_cyrillic-ext_latin_latin-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* unbounded-600 - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Unbounded';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/unbounded-v11-cyrillic_cyrillic-ext_latin_latin-ext-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* unbounded-700 - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Unbounded';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/unbounded-v11-cyrillic_cyrillic-ext_latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* unbounded-800 - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Unbounded';
    font-style: normal;
    font-weight: 800;
    src: url('fonts/unbounded-v11-cyrillic_cyrillic-ext_latin_latin-ext-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* unbounded-900 - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Unbounded';
    font-style: normal;
    font-weight: 900;
    src: url('fonts/unbounded-v11-cyrillic_cyrillic-ext_latin_latin-ext-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin-bottom:20px}
.video-container iframe,.video-container object,.video-container embed,.video-container video{position:absolute;top:0;left:0;width:100%;height:100%}


.text_block .aligncenter,.text_block div.aligncenter{display:block;margin:20px auto}
.text_block .alignright{float:right;margin:20px 0 20px 20px}
.text_block .alignleft{float:left;margin:20px 20px 20px 0}
.text_block a img.alignright{float:right;margin:20px 0 20px 20px}
.text_block a img.alignnone{margin:20px 20px 20px 0}
.text_block a img.alignleft{float:left;margin:20px 20px 20px 0}
.text_block a img.aligncenter{display:block;margin-left:auto;margin-right:auto}
.text_block .wp-caption{background:#fff none repeat scroll 0 0;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}
.text_block .wp-caption.alignnone{margin:20px 20px 20px 0}
.text_block .wp-caption.alignleft{margin:20px 20px 20px 0}
.text_block .wp-caption.alignright{margin:20px 0 20px 20px}
.text_block .wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}
.text_block .wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}
.text_block img{max-width:100%;height:auto}
.text_block iframe{max-width:100%}

/*
.pagination .current {
    color: #fff;
    border-color: #ddb06f;
    background: #ddb06f;
}

.pagination span {
    color: var(--text_color);
    font-size: 18px;
    line-height: 43px;
    display: inline-block;
    width: 45px;
    height: 45px;
    transition: .2s linear;
    text-align: center;
    vertical-align: top;
    text-decoration: none;
    border: 1px solid rgba(221, 176, 111, .7);
    border-radius: 50%;
}
*/

.error{
    border-color:#D16862 !important;
}


.portfolio_head .categories .btn{
    text-decoration: none;
    color:#2f2f2f;
}

.js-load_more{
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    width: 50px;
    height: 50px;
    font-size: calc(var(--font_size) -1px);
    font-weight: 500;
    line-height: calc(100% + 5px);
    transition: .2s linear;
    text-align: center;
    text-decoration: none;
    color: rgba(47, 47, 47, .3);
    border-radius: 15px;
    background: var(--white_color);
    box-shadow: 0 8px 15px 0 rgba(0, 0, 0, .04);
    width: 200px;
    padding-inline: var(--cont_padding);
    gap: 7px;
    margin-left:auto;
    margin-right:auto;
    cursor: pointer;
}

.hide{
    display: none !important;
}

.portfolio .tabs .btn2 {
    width: 100%;
    padding-block: 15px 18px;
    padding-inline: var(--cont_padding);
    font-family: var(--font_family2);
    font-size: 20px;
    font-weight: 700;
    line-height: calc(100% + 7px);
    transition: background .2s linear;
    color: #bcbcbc;
    border-radius: var(--border_radius_half);
    text-decoration: none;
    text-align: center;
}

.portfolio .tabs .btn2:hover,
.portfolio .tabs .btn2.active
{
    background: var(--accent_color);
}

.portfolio .tabs .btn2:hover span,
.portfolio .tabs .btn2.active span
{
    background: linear-gradient(103deg, #303030 3.2%, #5c5c5c 32.28%, #303030 59.48%);
    -webkit-background-clip: text;
            background-clip: text;

    -webkit-text-fill-color: transparent;
}

.pagination .current {
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    width: 50px;
    height: 50px;
    font-size: calc(var(--font_size) -1px);
    font-weight: 500;
    line-height: calc(100% + 5px);
    transition: .2s linear;
    text-align: center;
    text-decoration: none;
    color: rgba(47, 47, 47, .3);
    border-radius: 15px;
    background: var(--white_color);
    box-shadow: 0 8px 15px 0 rgba(0, 0, 0, .04);
        color: rgba(47, 47, 47, .4);
    background: none;
    box-shadow: none;
}

@media print, (max-width: 1279px) {
    .portfolio .tabs .btn2 {
        padding-block: 14px;
        font-size: 18px;
    }
}
@media print, (max-width: 1023px) {
    .portfolio .tabs .btn2 {
        font-size: 16px;
        border-radius: var(--border_radius_small);
    }
}
@media (max-width: 767px) {
    .portfolio .tabs .btn2 {
        font-size: 15px;
    }
}
@media (max-width: 479px) {
    .portfolio .tabs .btn2 {
        font-size: 14px;
        line-height: calc(100% + 3px);
    }
}

.case_info .gallery .row{
    justify-content: center;
}


footer .menu, header .menu, .mob_menu .menu{
    list-style: none;
}

.first_section .image .info{
    cursor: pointer;
}

.fix_open_modal{
    position: absolute !important;
    right: 0;
    width: 300px;
    height: 132px;
    bottom: 92px;
    cursor: pointer;
}

@media (max-width: 767px) {
    .fix_open_modal{
        display: none;
    }
}

.fix_open_modal_mob{
    display: none;
}

@media (max-width: 479px) {
    .fix_open_modal_mob{
        position: absolute !important;
        width: 300px;
        height: 248px;
        bottom: 6%;
        cursor: pointer;
        z-index: 8;
        right: 0;
        display: block;
    }
}

.form .wpcf7-not-valid{
    background: #ffe3e3;
}

.wpcf7-not-valid-tip{
    display: none !important;
}

.wpcf7-response-output{
    display: none !important;
}

.wpcf7-list-item{
    margin:0 !important;
}

.object_type .wpcf7-list-item-label{
    min-width: 67px;
    padding-block: 10px 11px;
    padding-inline: calc(var(--cont_padding) - 3px);
    font-size: calc(var(--font_size) - 2px);
    font-weight: 500;
    line-height: calc(100% + 9px);
    transition: .2s linear;
    text-align: center;
    color: rgba(48, 48, 48, .4);
    border: 3px solid transparent;
    border-radius: 15px;
    background: #f6f6f6;   
    display: block;
}

.form .object_type input:checked + .wpcf7-list-item-label {
    font-weight: 500;
    color: #303030;
    border-color: var(--accent_color);
}

.object_type .wpcf7-form-control.wpcf7-radio{
    display: flex;
    align-content: stretch;
    align-items: stretch;
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 8px;
}

.object_type .wpcf7-list-item{
    width: 100%;
}

span[data-name="number-821"]{
    width: calc(100% - 160px);
}

.form .amount .input{
    width: 100%;
}

.form .checkbox .checked ~ .check:before
{
    opacity: 1;
}

.form .checkbox:hover{
    cursor: pointer;
}

.agree .wpcf7-list-item-label:hover{
    cursor: pointer;
}

.form .checkbox label{
    cursor: pointer;
}

.unaccepted .agree .wpcf7-list-item-label{
    color:red;
}

.object_type.has_design  .wpcf7-list-item{
    width: auto;
}

.object_type.has_design .wpcf7-list-item.last{
    width: 100%;
}

.object_type .wpcf7-form-control-wrap{
    width: 100%;
}

.object_type.how_contact  .wpcf7-list-item-label{
    padding-inline: 14px;
}

.wpcf7-form.submitting .submit_btn {
    pointer-events: none;
    opacity: 0.6;
    cursor: not-allowed;
}

header .current-menu-item a 
{
    color: #363636;
}

#thanks .modal_title.middle{
    padding: 60px;
    text-align: center;
}

header .city .mini_modal{
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1);
}

.mob_menu .city .mini_modal{
    background: #FFFFFF;
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1);
    width: 130px;
}

.why_it_work{
    z-index: 5;
}

.why_it_work .info .item:nth-child(2) .icon{
    margin-top:7px;
}