/*
Theme Name: Mskchatroom
Description: Mskchatroom
Author: FreeWEB
Version: 1.0
*/




.alignleft {

    display: inline;

    float: left;

}

.alignright {

    display: inline;

    float: right;

}

.aligncenter {

    display: block;

    margin-right: auto;

    margin-left: auto;

}

blockquote.alignleft,

.wp-caption.alignleft,

img.alignleft {

    margin: 0.4em 1.6em 1.6em 0;

}

blockquote.alignright,

.wp-caption.alignright,

img.alignright {

    margin: 0.4em 0 1.6em 1.6em;

}

blockquote.aligncenter,

.wp-caption.aligncenter,

img.aligncenter {

    clear: both;

    margin-top: 0.4em;

    margin-bottom: 1.6em;

}

.wp-caption.alignleft,

.wp-caption.alignright,

.wp-caption.aligncenter {

    margin-bottom: 1.2em;

}


/* mob footer */

.mobile-footer-contacts{
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 48px;
    background: #252429;
    border-top: 1px solid #444444;
    z-index: 99;
}
.mobile-footer-contacts-soc{
    width: calc(100% - 130px);
}
.mobile-footer-contacts-soc ul{
    display: flex;
    margin: 0;
}
.mobile-footer-contacts-soc li{
    display: block;
    margin: 0;
    width: 16.666%;
    height: 48px;
    border-right: 1px solid #444444;
}
.mobile-footer-contacts-soc .footer-item-networks-item:not(:last-child) {
    margin-right: 0 !important;
}
.mobile-footer-contacts-soc a{
    margin: 0;
    display: block;
    width: 100%;
    height: 100%;
}
.mobile-footer-contacts-soc .icon{
    margin: 12px auto 0;
    display: block;
    width: 24px;
    height: 24px;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}
.mobile-footer-contacts-soc .footer-item-networks-item-instagram {
    top: 0;
}
.mobile-footer-contacts-wrap{
    display: flex;
}
.mobile-footer-contacts-button-wrap{
    width: 130px;
}
.mobile-footer-contacts-button{
    width: 120px;
    margin: 5px 0 0 5px;
    height: 38px;
    cursor: pointer;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    background-image: none;
    border: 2px solid #845dde;
    white-space: nowrap;
    color: #845dde;
    letter-spacing: 0.02em;
    background-color: transparent;
    font-size: 14px;
    line-height: 34px;
    border-radius: 3px;
}

@media (max-width: 479px) {
    .mobile-footer-contacts{
        display: block;
    }
}


/* popup */

#shadow{
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(40,40,40,.6);
    z-index: 1001;
}
#contact-form-popup{
    display: none;
    position: fixed;
    top: 50%;
    left: 20px;
    width: calc(100% - 40px);
    height: 432px;
    margin-top: -216px;
    background-color: #121217;
    z-index: 1002;
    border-radius: 10px;
    padding: 0 20px 20px;
}
.close-popup{
    font-size: 33px;
    font-family: 'Icons';
    line-height: 18px;
    text-decoration: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    cursor: pointer;
    padding: 10px;
    opacity: .65;
}

@media (min-width: 480px) {
    #contact-form-popup{
        width: 380px;
        left: 50%;
        margin-left: -190px;
    }
}


/* Формы */

.webform-confirmation{
    display: none;
}
.form-item-submitted-phone:not(.has-error) .form-required{
    display: inline;
}


/* Карта */

.page-section>iframe{
    width: 100% !important;
}
.page-section-xs>iframe{
    display: block;
    height: 748px !important;
}
@media (max-width: 767px) {
    .page-section-xs {
        width: 100% !important;
    }
}