/*
Theme Name: Effektiko
Template: materialis-pro

Theme URI: https://effektiko.ru
Author: Effektiko
Author URI: https://effektiko.ru
Description: Effektiko Theme
Version: 1.25
*/

.simply-gallery-amp .sgb-gallery, .simpLy-gallery-freedom-block .sgb-gallery {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}


a{
    transition: all 0.35s ease-out 0s;
}
p:empty {
    display: none;
}


.shadow_back{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.55);
    left: 0;
    top: 0;
    display: none;
    position: fixed;
    z-index: 100;
}
.shadow_back.block_shadow_back{
    position: absolute;
}
.ajax_loader{
    width: 50px;
    height: 50px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
    background: url("assets/img/shadow_ajax_loader.gif");
    z-index: 101;
    /*display: none;*/
}
.shadow_back.block_shadow_back .ajax_loader{
    position: absolute;
}

span.error,
form.ajax_form .error,
span.wpcf7-not-valid-tip{
    font-size: 12px;
    color: #E31836;
    padding: 0;
    margin: 3px 0 0 0;
    text-align: left;
}
.noty_theme__mint.noty_type__success {
    background-color: #a6ce39;
    border-bottom: 1px solid #a6ce39;
}
.noty_theme__mint.noty_bar .noty_body {
    padding: 18px 20px;
    font-size: 16px;
    font-weight: 300;
}







.navigation-bar a.text-logo,
.navigation-bar.homepage a.text-logo{
    display: none;
}
.fixto-fixed.fixto-fixed.navigation-bar.homepage a.text-logo,
.fixto-fixed.navigation-bar:not(.homepage) a.text-logo{
    display: block;
    font-size: 1.2rem;
}

.logo_col{
    display: none;
}
.fixto-fixed .logo_col{
    display: block;
}
.header_logo{
    display: block;
    height: 100px;
    position: absolute;
    left: 0;
    top: 100px;
}
.header_logo img{
    height: 100%;
}

.footer .bottom-bar-content h4{
   display: none;
}

.counter .social{
    position: absolute;
    right: 3%;
    top: 1px;
    padding: 0;
    margin: 0;
}
.counter .social{
    list-style: none;
}
.counter .social .mdi{
    font-size: 34px;
    color: #fff;
    transition: all 0.35s ease-out 0s;
}
.counter .social .mdi:hover{
    color: #03a9f4;
}
.bottom-bar .v-spacing {
    margin-top: 1rem;
    margin-bottom: 2rem;
}

.clients-3 .spaced-cols{
    margin-top: 53px;
}
.clients-3 a{
    color: #fff;
}
.clients-3 a:hover{
    color: #FFE07E;
}
.clients-3 .start-xs{
    text-align: center;
    margin: 20px 0 0 0;
    width: 100%;
}
.clients-3.content-section a.link{
    margin: 0;
}

.clients-3 .col-sm-fit img{
    max-width: 220px;
    max-height: 100px;
}

.clients-3 .spaced-cols .col-xs-12:nth-of-type(4) .client-content{
    border: 2px solid #fff;
    border-radius: 200px;
    height: 200px;
    width: 200px;
    margin: 0 auto;
}
.clients-3 .spaced-cols .col-xs-12:nth-of-type(4) .col-sm-fit{
    display: none;
}
.clients-3 .spaced-cols .col-xs-12:nth-of-type(4) .col-sm-fit.start-xs{
    margin: 0;
    align-items: center;
    display: flex;
}
.site > .content.boxed-layout.mdc-elevation--z20, .site > .page-content.boxed-layout.mdc-elevation--z20 {
    margin-bottom: 66px;
}

.site > .content.boxed-layout, .site > .page-content.boxed-layout {
    width: 94%;
    margin: 0 auto;
    border-radius: 10px;
    margin-top: -20px;
}
body.materialis-maintainable-in-customizer .boxed-layout div[data-id]:first-of-type {
    border-radius: 10px;
}

.materialis-content-no-padding #page > .page-content, .materialis-content-no-padding #page > .content{
    border-radius: 10px;
    overflow: hidden;
}


#offcanvas-wrapper .offcanvas-top .logo-holder a {
    font-size: 1.2rem;
    padding: 0 20px;
}

.features-16-card-bordered .card{
    height: 100%;
    position: relative;
    padding-bottom: 72px;
}
.features-16-card-bordered .read-more-container{
    position: absolute;
    bottom: 16px;
    width: 100%;
}

.materialis-front-page .content.blog-page, .materialis-inner-page .page-content, .materialis-inner-page .content, .materialis-front-page.materialis-content-padding .page-content {
    background-color: #fff;
}



.page-id-28 .button{
    height: 120px;
    display: flex;
    white-space: initial;
    line-height: 1.2;
}

input[type=submit].color1 :disabled, input[type=submit].color1.disabled, .button.color1 :disabled, .button.color1.disabled {
    background-color: #d0d0d0;
    border-color: #aaa;
    cursor: default;
    pointer-events: none;
    color: #787878;
}




.lections_header{
    margin: 0 0 34px 0;
}
.lections_start_time{
    font-weight: 500;
}
.lections_block_header{
    text-align: center;
    margin-top: 40px;
}
.lection{
    display: flex;
    position: relative;
    align-items: center;
    background: #fff;
    padding: 25px 30px;
    border-radius: 10px;
    margin: 0 0 20px 0;
    box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.lection:last-of-type{
    margin-bottom: 0;
}
.lection_author{
    margin: 0 0 20px 0;
}

.lection_author:last-of-type{
    margin-bottom: 0;
}
.lection_author_pic{
    width: 150px;
    height: 150px;
    border-radius: 200px;
    overflow: hidden;
    margin: 0 auto 19px;
}
.lection_author_pic.no_cut{
    overflow: visible;
}
.lection_authors{
    width: 30%;
    padding: 20px 40px 20px 0;
    border-right: 1px solid #dfdfdf;
}
.lection_author{
    font-size: 14px;
    text-align: center;
}
.lection_author_position{
    font-weight: 300;
    font-size: 13px;
    line-height: 1.5;
}
.lection_author_name{
    font-weight: 500;
    margin: 0 0 9px 0;
    font-size: 15px;
}

.lection_info{
    width: 70%;
    padding: 0 10px 0 40px;
}
.lection_video{
    margin: 0 0 17px 0;
}
.lection_intro{
    display: flex;
    justify-content: flex-end;
    position: absolute;
    right: 15px;
    top: 15px;
}
.lection_available {
    font-size: 13px;
    font-weight: 300;
    background: #6cbb24;
    color: #fff;
    padding: 2px 10px;
    border-radius: 4px;
}
.lection_title{
    font-size: 1.8em;
    line-height: 1.2;
    margin-bottom: 16px;
    margin-top: 26px;
}
.lection_description strong{
    font-weight: 500;
}
.lection_description ul{
    margin-top: 6px;
}

.lection_controls{
    margin: 8px 0 0 0;
}
.lections_controls{
    text-align: center;
    margin: 60px 0 0 0;
    display: flex;
    justify-content: center;
}
.lections_controls a{
    margin: 0 15px;
}

.lections_nav{
    margin: 24px 0 0 0;
}
.header_note{
    color: #fff;
}

.top-bar-field span {
    line-height: 18px;
    font-size: 0.9rem;
}

.doc_upload_controls{
    font-size: 14px;
}

.text-logo .span12{
    font-weight: 300;
    display: block;
}

.navigation-bar{
    position: absolute;
   /* top: -6px;*/
    top: 0;
    /*transform: translateY(-6px);*/
}

.page-id-32 .page_content{
    padding: 80px 0 70px;
}
.wpcf7-mail-sent-ok{
    display: none !important;
}
div.wpcf7 .ajax-loader{
    position: relative;
    top: -10px;
    margin-left: 10px !important;
}
.custom_page_content{
    padding: 80px 40px 70px;
}

.page_content ol li{
    margin-bottom: 14px;
}
p:last-child:first-child{
    margin-bottom: 16px;
}

.single-forsite .gridContainer{
    max-width: 90%;
}
.lections{
    position: relative;
}
.lections_head{
    text-align: center;
    margin: 0 0 30px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.forsite_nav{
    text-align: left;
    font-size: 14px;
    width: 25%;
    line-height: 1.35;
    position: absolute;
}
.lections_header_wrapper{
    /*width: 50%;*/
    width: 100%;
}
.forsite_nav_header{
    font-weight: bold;
    margin: 0 0 5px 0;
}
.forsite_nav.prev_forsite{
    padding: 0 20px 0 0;
    left: 0;
}
.forsite_nav.next_forsite{
    text-align: right;
    padding: 0 0 0 20px;
    right: 0;
}
.forsite_nav_note{
    font-size: 13px;
    color: #aaa;
}
.lections_head .lections_header{
    font-size: 2.2em;
    line-height: 1.2;
    margin: 0px 0 13px 0;
}
.forsite_nav_title{
    margin: 0 0 5px 0;
}

.forsite_nav_link{
    margin: 5px 0 0 0 ;
    display: inline-block;
}
.lections_lectors{
    font-size: 2rem;
    margin: 0 0 21px 0;
}
.lection_share{
    margin: 4px 0 13px 0;
}

.counter{
    background: #484848;
    text-align: center;
    padding: 0 3% 20px 3%;
    position: relative;
}
.header-top-bar {
    display: block;
}
#offcanvas-wrapper {
    background-color: #596673!important;
}



.page-id-430 .mdc-elevation--z9{
    box-shadow: none;
}
.page-id-430 .content-8m .col-md-5{
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
}
.page-id-430 .content-8m .col-md-6{
    flex-basis: 25%;
    max-width: 25%;
}
.page-id-430 .section-title-col h2{
    font-size: 22px;
    line-height: 1.5;
}
@media (min-width: 768px) {
    .page-id-430 .section-title-col > *:last-child:not(.button) {
        margin-bottom: 3rem;
    }
}
.page-id-28 .card{
    display: flex;
    align-items: center;
    justify-content: center;
    /*padding: 20px 20px;
    font-size: 14px;
    line-height: 1.5;*/
}
.page-id-28  i.mdi.icon{
    margin: 0 20px 0 0;
}
/*.page-id-28 .content-section a.link{
   margin-bottom: 0;
}*/

.page-id-28 .features-10m .card a.link,
.page-id-28 .features-10m .card p {
    display: block;
    max-width: 450px;
    width: 70%;
    text-align: left;
    margin: 0;
}
.materialis-front-page .content.blog-page, .materialis-inner-page .page-content, .materialis-inner-page .content, .materialis-front-page.materialis-content-padding .page-content {
    /*background-color: #f5fafd;*/
    background-color: #fff !important;
}

.features-10m .card a.link{
    display: block;
}

.features-10m .card{
    height: 100%;
}
.comitet_table tr td{
    padding: 20px;
}
.comitet_table tr td:first-child{
    min-width: 300px;
    font-weight: 500;
}


.header_controls{
    margin: 38px 0 0 0;
    display: flex;
    justify-content: center;
}
.header_controls a{
    margin: 0 10px;
}

th:first-child, td:first-child {
     padding-left: 1rem;
}
th, td {
    padding: 1rem 1rem;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

table.advgb-table-frontend td, table.advgb-table-frontend tr {
    padding: 1rem 1rem;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.block_buttons{
    display: flex;
    justify-content: center;
}


.forsite_controls{
    display: flex;
    justify-content: center;
    margin: 0 0 49px 0;
}

.remodal-close:before {
    font-size: 35px;
    line-height: 45px;
    width: 45px;
}
.remodal-close{
    width: 45px;
    height: 45px;
    left: auto;
    right: 5px;
}
.remodal.lg{
    max-width: 90%;
}
.remodal.md{
    max-width: 950px;
}
select, textarea, input:not([type=submit]):not([type=checkbox]), .mdc-text-field__input{
    border-color: #686868;
}
textarea, .mdc-text-field--textarea{
    border-radius: 0;
    padding: 10px;
}

.form_item{
    margin: 0 0 20px 0;
    text-align: left;
}
.form_item:last-of-type{
    margin-bottom: 20px;
}
.form_buttons{
    margin: 20px 0 0 0;
}

.window_head .window_header{
    margin: 0 0 40px 0;
    font-size: 32px;
}
.window_buttons{
    margin: 30px 0 0 0;
}

.window form{
    width: 80%;
    margin: 0 auto;
}

.form_agree{
    font-size: 13px;
    line-height: 1.5;
    text-align: left;
}
input[type=radio], input[type=checkbox]{
    margin-top: 5px;
    margin-right: 3px;
}
.noty_body ul{
    list-style: none;
    margin: 0;
}

.quality_info_features .content-box,
.quality_info_features .content-box p,
.quality_info_features .content-box div,
.quality_info_features .content-box a{
    text-align: left;
    font-size: 15px;
    line-height: 1.5;
}
.quality_info_features .content-box ul{
    text-align: left;
    font-size: 15px;
    line-height: 1.5;
}
.quality_info_features .number-containers>div:nth-of-type(4) .link-line.right{
    border-top: 1px dashed #d8d5dd;
    background: none;
}
.quality_info_features .number-containers>div:last-of-type .link-line.left{
    border-top: 1px dashed #d8d5dd;
    background: none;
}
.quality_info_features a{
    display: inline;
}
.features-16m .right {
    bottom: 1.76em !important;
}
.improve_controls{
    margin: 40px 0 0 0;
}
.improve_content{
    margin: 40px 0 0 0;
}

.contacts_info{
    align-items: flex-start;
}


.improve_content{
    display: none;
}

.improve_content_intro{
    margin: 0 0 20px 0;
}
.improve_doc{
    margin: 0 0 27px 0;
}
.improve_doc:last-of-type{
    margin: 0 0 0 0 ;
}
.improve_doc_header{
    margin: 0 0 8px 0;
    font-size: 18px;
}
.improve_doc_header span{
    font-weight: 300;
    display: block;
    font-size: 16px;
    margin: 2px 0 0 0;
}

form.file_input_uploadform,
input[type="button"].file_input_button,
input[type="button"].file_input_button_hover,
input[type="button"].file_input_submit{
    min-width: 200px;
}



/*
input[type="button"].file_input_submit:not(:disabled){
    background-color: #a6ce39;
    color: #fff;
}
*/
.improve_doc_form_item{
    margin: 0 0 12px 0;
}
.file_table_clean td:first-child {
    padding-left: 0;
}
label.file_messageblock_fileheader_label {
    font-weight: 400 !important;
    font-size: 12px !important;
    padding: 5px 10px;
}

table.file_messageblock_table{
    margin: 5px 0 0 0 !important;
}
div.file_messageblock_fileheader {
    margin: 0;
    padding: 5px !important;
}

.improve_doc a{
    color: #369EFA;
    text-decoration: underline !important;
}
.improve_bottom_controls{
    margin: 30px 0 0 0;
}



.checkout-columns>div:first-child{
    display: none;
}

#order_review_heading{
    display: none;
}

.certificate_info{
    display: none;
}
.certificate_info_intro{
    font-weight: 500;
}


.content_card{
    align-items: center;
    display: flex;
    text-align: left;
    margin: 0 0 20px 0;
}
.content_card:last-of-type{
    margin-bottom: 0;
}
.content_card .mdi{
    margin: 0 20px 0 0;
}


.video_info{
    margin: 14px 0 40px 0;
    font-size: 18px;
}

.live_button .button-icon{
    color: #ff2e2e;
}

.hero_buttons_note{
    margin: 14px 0 0 0;
    color: #fff;
}


.controls{
    display: flex;
    justify-content: center;
    margin: 0 -10px 40px;
}
.controls .button{
    margin: 0 10px;
}

.users_list_head{
    margin: 0 0 40px 0;
}
.users_list_filters{
    background: #f0f0f0;
    padding: 20px;
    display: flex;
}
.user_list_filter{
    max-width: 300px;
}

.note{
    padding: 25px;
    margin: 20px 0;
    font-size: 14px;
}
.note p:last-child:first-child{
    margin: 0;
}
.improve .info_note{
    margin-top: 40px;
}
.info_note{
    background: #f0f0f0;
    color: #282828;
}
.primary_note{
    background: #228ae6;
    color: #fff;
}

.light_auth{
    text-align: center;
}
.light_auth .form_pole{
    text-align: center;
}
.light_auth select,
.light_auth textarea,
.light_auth input:not([type=submit]):not([type=checkbox]),
.light_auth .mdc-text-field__input{
    border-color: #fff;
    text-align: center;
}

.light_auth span.error,
.light_auth form.ajax_form .error,
.light_auth span.wpcf7-not-valid-tip{
    display: block;
    text-align: center;
    color: #fff;
}

.ligth_auth_intro{
    padding: 80px 0;
}




@media only screen and (min-width: 1024px){
    .quality_info_features .col-md-2{
        flex-basis: 20%;
        max-width: 20%;
    }
}
@media only screen and (min-width: 1200px){
    .quality_info_features .gridContainer {
        width: 100%;
        max-width: 100%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px){
    .col-xs-12.col-sm-3.col-md-3{
        width: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }
}


@media only screen and (min-width: 768px){



    .logo_col {
        max-width: 50%;
    }

    .clients-3 .col-sm-fit{
        min-height: 100px;
        align-items: center;
        display: flex;
        justify-content: center;
        font-size: 15px;
        line-height: 1.3;
    }
    .clients-3 .col-sm-fit.start-xs{
        align-items: flex-start;
    }


    .single-forsite .inner-header-description{
        padding-top: 5%;
    }
}



.competitors{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.competitor_card{
    width: calc(33.33% - 30px);
    text-align: center;
    padding: 30px 15px 30px;
    margin: 0 15px 30px 15px;
    transition: all 0.2s;
    box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
    border-radius: 8px;
    background: #fff;
}
.competitor_card:hover{
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(189, 189, 189, 0.19), 0 6px 6px rgba(189, 189, 189, 0.23);
}


.competitor_card_pic{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 20px 0;
}

.competitor_card_pic img{
    max-height: 200px;
}

.competitor_card_region{
    font-weight: bold;
    color: #282828;
    margin: 0 0 14px 0;
    font-size: 18px;
}
.competitor_card_title{
    font-size: 15px;
    line-height: 20px;
}

.competitor_data_material_video iframe{
    width: 100%;
}

.competitor_data{
}

.competitor_data_materials{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 -20px;
}
.competitor_data_materials.competitor_data_materials_other{
    margin-top: 15px;
    margin-bottom: -15px;
}
.competitor_data_materials.competitor_data_materials_other>div{
    margin-top: 15px;
    margin-bottom: 15px;
}
.competitor_data_materials>div{
    margin: 0 30px;
    width: calc(50% - 60px);
}
.competitor_data_material_map .button{
    padding: 10px 50px;
    width: 100%;
    height: 100%;
    font-size: 24px;
}

.competitor_data_controls{
    margin: 60px 0 0 0;
    text-align: center;
}
.competitor_data_controls .button{
    line-height: 1.35;
    padding: 15px 40px;
    text-align: left;
}
.hidden{
    display: none;
}

.vote_form{
    text-align: center;
    margin: 60px auto 0;
    background: #f0f0f0;
    padding: 40px;
    max-width: 800px;
    border-radius: 4px;
}
.vote_form .form_header{
    margin: 0 0 30px 0;
}
.vote_form .form_buttons{
    margin: 40px 0 0 0;
}
.vote_form .form_item{
    text-align: center;
}
.vote_form input:not([type=submit]):not([type=checkbox]){
    text-align: center;
    font-size: 24px;
}
.vote_form  .code_parts{
    display: flex;
    align-items: center;
    margin: 0 -10px;
    padding: 0 20px;
}
.vote_form  .code_parts>div{
    margin: 0 10px;
}
.competitors_score_title{
    width: 75%;
}
.competitors_score_value,
.competitors_score_n{
    text-align: center;
}

.competitors_score th:last-child, .competitors_score td:last-child {
    padding-right: 16px;
}

.competitors_note{
    margin: 0 0 60px 0 ;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
}


input[type=submit].color7:not(:disabled), .button.color7:not(:disabled) {
    background: #aaa;
}

[class*=wp-block]{
    margin: 10px auto;
}
.gridContainer .gridContainer{
    margin-bottom: 10px;
}
.gridContainer .gridContainer:last-child{
    margin-bottom: 0;
}
@media (max-width: 768px){

    /*.header-buttons-wrapper{
        margin: 0 0 60px 0;
    }*/
    .header-homepage .header-description-row,
    .inner-header-description{
        padding-top: 10%;
        padding-bottom: 80px !important;
    }
    h1.hero-title{
        line-height: 1.2 !important;
    }

    svg.section-separator-top, svg.section-separator-bottom{
        height: 50px;
    }

    .content-section[data-id="clients--1"] {
        padding-top: 100px !important;
    }

    .clients-3 .client-content {
        flex-wrap: wrap;
    }

    .clients-3 .client-content .col-sm-fit{
        width: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }


    .fixto-fixed.navigation-bar.homepage a.text-logo,
    .fixto-fixed.navigation-bar:not(.homepage) a.text-logo{
        display: block;
        font-size: 1rem;
    }

    .fixto-fixed.navigation-bar .main_menu_col{
        width: 60px;
    }


    .clients-3 .spaced-cols .col-xs-12:nth-of-type(4) .client-content {
        height: 180px;
        width: 180px;
    }

    .competitors{
        margin: 0;
    }

}
