/*BASE*/
    .noScroll {
        overflow:hidden;
    }
    div#CONTENT {
        padding: 0px 128px;
        padding-top: 160px;
        overflow-x: hidden;
    }

/*POPUP*/
    .popUp {
        display: none;
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 1000;
        overflow: auto;
    }
    .popUp_shade {
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 1;
        background-color: rgba(31, 31, 31, 0.56);
    }
    .popUp_wrap {
        position: relative;
        z-index: 2;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        min-height: 100%;
        /* overflow: auto; */
        padding: 32px 0px;
        box-sizing: border-box;
    }
    .popUp_content {
        background-color: white;
        position: relative;
        z-index: 2;
        padding: 56px 112px;
        /* box-shadow: 0px 56px 40px -32px rgba(0, 0, 0, 0.24); */
        font-size: 14px;
        color: rgba(46, 46, 46, 0.80);
        border-radius: 0px;
        box-shadow: 0px 32px 112px -40px rgba(0, 0, 0, 0.40);
    }
    img.closePopUp {
        padding: 0px;
        position: absolute;
        right: -56px;
        top: -3px;
        cursor: pointer;
        transition: all ease 0.25s;
        opacity: 0.56;
    }
    img.closePopUp:hover {opacity: 1;}
    img.closePopUp:active {
        transform: scale(0.90);
    }
    .popUp_content {}
    .popUp_content p {
        font-size: 16px;
        line-height: 24px;
        color: #444;
    }

/*UI kit*/

    /*UI - typography*/

        h1, .h1 {
            font-family: Russeo;
            font-size: 56px;
            line-height: 64px;
            color:  #333;
            /* margin-top: 48px; */
            margin-bottom: 24px;
            font-weight: normal;
        }

        h1:before, .h1:before {
            content: "";
            display: block;
            width: 72px;
            height: 10px;
            background-color: darkblue;
            margin-bottom: 32px;
            left: 2px;
            position: relative;
        }

        h2, .h2 {
            font-family: Russeo;
            font-size: 48px;
            line-height: 56px;
            font-weight: 800;
            color: #333;
            /* margin-top: 32px; */
            margin-bottom: 16px;
            font-weight: normal;
        }

        h2:before, .h2:before {
            content: "";
            display: block;
            width: 56px;
            height: 9px;
            background-color: darkblue;
            margin-bottom: 24px;
        }

        h3, .h3 {
            font-family: Russeo;
            font-size: 40px;
            line-height: 48px;
            font-weight: 800;
            color: #333;
            /* margin-top: 32px; */
            margin-bottom: 16px;
            font-weight: normal;
        }

        h4, .h4 {
            font-family: Russeo;
            font-size: 24px;
            line-height: 32px;
            font-weight: 800;
            color: #333;
            margin-top: 32px;
            margin-bottom: 16px;
            font-weight: normal;
        }
        
        h3:before, .h3:before {
            content: "";
            display: block;
            width: 40px;
            height: 10px;
            background-color: darkblue;
            margin-bottom: 16px;
        }
    
        h4:before, .h4:before {
            content: "";
            display: block;
            width: 24px;
            height: 6px;
            background-color: darkblue;
            margin-bottom: 16px;
        }


        p, .p {
            font-size: 16px;
            line-height: 24px;
            color: #333;
        }

        p {
            margin: 24px 0px;
            max-width: 736px;
        }
        
        b {
            font-weight: 700;
        }


        .p-L {
            font-size: 22px;
            line-height: 32px;
        }

        .p-M {
            font-size: 18px;
            line-height: 24px;
        }

        .p-S {
            font-size: 16px;
            line-height: 24px;
        }
        






        .typeEditor {}

        .typeEditor ul {}

        .typeEditor ol {
            padding-left:  16px;
        }

        .typeEditor ol li {
            font-size: 14px;
            line-height: 20px;
            margin: 8px 0px;
            color: #333;
            position: relative;
            padding-left: 16px;
            list-style-type: decimal;
        }

        .typeEditor ul li {
            font-size: 14px;
            line-height: 20px;
            margin: 8px 0px;
            color: #333;
            position:  relative;
            padding-left:  32px;
        }

        .typeEditor ul li:after {
            content:  "";
            width:  8px;
            height:  8px;
            background-color: darkblue;
            position:  absolute;
            left:  0px;
            top: 6px;
            border-radius:  8px;
        }

    /*UI - interface */

        .btnWrap {
            display:  flex;
            flex-wrap:  wrap;
            flex-direction:  row;
            align-items: flex-start;
        }

        .btnWrap.demoFix > * {
            margin-right:  24px;
        }

        /*FILL BTN*/

            .fillBTN {
                display:  flex;
                justify-content:  center;
                align-items:  center;
                outline:  none;
                border:  0px;
                background-color: darkblue;
                color:  white;
                text-decoration:  none;
                transition:  all ease 0.32s;
                cursor:  pointer;
                padding: 0px 40px;
                height: 56px;
                font-family: Russeo;
                font-weight: normal;
            }

            .fillBTN:hover {
                background-color: #4e1490;
            }

            .fillBTN:active {
                background-color: #3b0c71;
            }

            .fillBTN.XL {
                height:  72px;
                padding: 0px 48px;
                font-size: 18px;
            }        
                
            .fillBTN.L {
                height:  56px;
                padding: 0px 32px;
                font-size: 16px;
            }        
                
            .fillBTN.M {
                height:  48px;
                padding: 0px 24px;
                font-size: 14px;
            } 

            .fillBTN.S {
                height:  40px;
                padding: 0px 24px;
                font-size: 12px;
                font-weight:  700;
            } 

        /*BORDER BTN*/

            .borderBTN {
                display:  flex;
                justify-content:  center;
                align-items:  center;
                outline:  none;
                border:  0px;
                background-color: transparent;
                color: darkblue;
                text-decoration:  none;
                transition:  all ease 0.32s;
                cursor:  pointer;
                padding: 0px 40px;
                height: 56px;
                box-shadow: inset 0px 0px 0px 3px darkblue;
                font-family: Russeo;
                font-weight: normal;
            }

            .borderBTN:hover {
                background-color: darkblue;
                box-shadow: inset 0px 0px 0px 3px darkblue;
                color: white;
            }

            .borderBTN:active {
                background-color: #3b0e74;
                box-shadow: inset 0px 0px 0px 3px #3b0e74;
                color: white;
            }

            .borderBTN.XL {
                height:  72px;
                padding: 0px 40px;
                font-size: 18px;
            }        
                
            .borderBTN.L {
                height: 56px;
                padding: 0px 32px;
                font-size: 16px;
            }        
                
            .borderBTN.M {
                height: 48px;
                padding: 0px 24px;
                font-size: 14px;
            } 

            .borderBTN.S {
                height:  40px;
                padding: 0px 24px;
                font-size: 12px;
                font-weight:  700;
            } 

        /*CHECKBOX*/

            label.checkbox .flex {
                align-items: center;
            }
            
            label.checkbox {
                cursor:  pointer;
            }

            label.checkbox input {
                display:  none;
            }

            label.checkbox .flex .trigger {
                width:  24px;
                height:  24px;
                background-color: transparent;
                border: 3px solid darkblue;
                transition: all ease 0.32s;
                background-position:  center;
                background-repeat:  no-repeat;
                margin-right: 16px;
            }

            label.checkbox .flex .label {
                margin:  0px;
                flex: 1;
                padding-left:  16px;
                transition: all ease 0.32s;
                font-weight: 600;
            }

            label.checkbox:hover .label {
                color: darkblue;
            }

            label.checkbox:hover .trigger {
                background-color: rgba(117, 44, 199, 0.16);
            }

            label.checkbox input:checked + .flex > .label {
                color: #333;
                font-weight: 600;
            }

            label.checkbox input:checked + .flex > .trigger {
                background-color: rgb(117, 44, 199);
                background-image: url(../f/checkbox.svg);
            }

            label.checkbox input:disabled + .flex > .label {
                color: #333;
                opacity: 0.4;
                pointer-events: none;
            }

            label.checkbox input:disabled + .flex > .trigger {
                border: 3px solid #333;
                opacity: 0.4;
                pointer-events: none;
            }

            label.checkbox:hover input:disabled + .flex > .trigger {
                background-color: transparent;
            }

        /*RADIO*/

            label.radio {
                cursor:  pointer;
            }

            label.radio input {
                display:  none;
            }

            label.radio .flex .trigger {
                width:  24px;
                height:  24px;
                background-color: transparent;
                border-radius:  4px;
                border: 3px solid #1c46c7;
                transition: all ease 0.32s;
                background-position:  center;
                background-repeat:  no-repeat;
                border-radius:  100%;
            }

            label.radio .flex .label {
                margin:  0px;
                flex: 1;
                padding-left:  16px;
                transition: all ease 0.32s;
            }

            label.radio:hover .label {
                color: #1c46c7;
            }

            label.radio:hover .trigger {
                background-color: rgba(28, 70, 199, 0.16);
            }

            label.radio input:checked + .flex > .label {
                color: #1c46c7;
            }

            label.radio input:checked + .flex > .trigger {
                background-color: rgb(28, 70, 199);
                background-image: url(../f/radio.svg);
            }

            label.radio input:disabled + .flex > .label {
                color: #333;
                opacity: 0.4;
                pointer-events: none;
            }

            label.radio input:disabled + .flex > .trigger {
                border: 3px solid #333;
                opacity: 0.4;
                pointer-events: none;
            }

            label.radio:hover input:disabled + .flex > .trigger {
                background-color: transparent;
            }
    
        /*TUMBLER*/

            label.tumbler {
                cursor:  pointer;
            }

            label.tumbler input {
                display:  none;
            }

            label.tumbler .flex .trigger {
                width: 56px;
                height: 32px;
                background-color: #DDE1E6;
                border-radius:  4px;
                transition: all ease 0.32s;
                background-position:  center;
                background-repeat:  no-repeat;
                border-radius: 32px;
                position:  relative;
            }

            label.tumbler .flex .label {
                margin:  0px;
                flex: 1;
                padding-left:  16px;
                transition: all ease 0.32s;
            }

            label.tumbler:hover .label {
                color: #1c46c7;
            }

            label.tumbler:hover .trigger {
                background-color: rgba(28, 70, 199, 0.16);
            }

            label.tumbler input:checked + .flex > .label {
                color: #1c46c7;
            }

            label.tumbler input:checked + .flex > .trigger {
                background-color: rgb(28, 70, 199);
            }

            label.tumbler input:disabled + .flex > .label {
                color: #333;
                opacity: 0.4;
                pointer-events: none;
            }

            label.tumbler input:disabled + .flex > .trigger {
                border: 3px solid #333;
                opacity: 0.4;
                pointer-events: none;
            }

            label.tumbler:hover input:disabled + .flex > .trigger {
                background-color: transparent;
            }

            label.tumbler .flex .trigger:after {
                content:  "";
                width:  24px;
                height:  24px;
                position:  absolute;
                left: 4px;
                top: 4px;
                background-color:  white;
                border-radius:  24px;
                transition:  all ease 0.32s;
            }

            label.tumbler .flex {
                align-items: center;
            }

            label.tumbler input:checked + .flex > .trigger:after {
                left: 28px;
            }


        /*INPUTS*/
            .typeInput {
                height:  56px;
                border:  3px solid #E0E0E0;
                border-radius:  4px;
                padding:  0px 32px;
                font-size:  16px;
                color: #333;
                transition:  all ease 0.32s;
                outline:  none;
                font-weight: 600;
            }

            .typeInput:hover {
                border: 3px solid #bdbdbd;
            }

            .typeInput:focus {
                border: 3px solid #1d45c7;
            }

            .typeInput.L {
                height:  64px;
            }

            .typeInput.M {
                height: 56px;
                padding: 0px 32px;
            }

            .typeInput.S {
                height:  48px;
                padding:  0px 24px;
                font-size:  14px;
            }

        /*SELECT*/
            .typeSelect {
                height: 64px;
                padding: 0px 32px;
                display:  block;
                -webkit-appearance:  none;
                font-family: inherit;
                font-weight: 600;
                font-size: 18px;
                border:  0px;
                background-color: #EEEEEE;
                outline:  none;
                padding-right: 56px;
                background-repeat:  no-repeat;
                background-position:  calc(100% - 24px) center;
                background-image: url(../f/selectArr.svg);
                transition:  all ease 0.32s;
                cursor:  pointer;
                width: 100%;
                border-radius: 0px;
                color: rgba(51, 51, 51, 0.56);
            }

            .typeSelect:hover {
                background-color: #e2e2e2;
            }

            .typeSelect:focus {}

            .typeSelect.L {
                height: 64px;
                padding: 0px 32px;
                padding-right: 96px;
            }

            .typeSelect.M {
                height: 56px;
                padding: 0px 24px;
                padding-right: 72px;
            }

            .typeSelect.S {
                height:  48px;
                padding:  0px 24px;
                padding-right:  72px;
            }


        /*TYPE LINKS*/

            .typeLink {
                border-bottom: 2px solid rgba(51, 51, 51, 0.32);
                text-decoration:  none;
                color:  #333;
                font-weight:  600;
                font-size:  16px;
                line-height:  24px;
                cursor:  pointer;
                transition:  all ease 0.32s;
            }

            .typeLink.L {
                font-size:  18px;
                line-height:  24px;
            }

            .typeLink.M {
                font-size:  16px;
                line-height:  24px;
            }

            .typeLink.S {
                font-size:  14px;
                border-bottom-width:  1px;
            }

            .typeLink:hover {
                border-bottom: 2px solid rgba(51, 51, 51, 1);
            }

            .typeLink.dotted {
                border-bottom: 2px dotted rgba(51, 51, 51, 0.32);
            }

            .typeLink.dotted:hover {
                border-bottom: 2px dotted rgba(51, 51, 51, 1);
            }

            .typeLink.color {
                color: #1c46c7;
                border-bottom: 2px solid rgba(28, 70, 199, 0.32);
            }

            .typeLink.color:hover {
                border-bottom: 2px solid rgba(28, 70, 199, 1);
            }

            .typeLink.dotted.color {
                color: #1c46c7;
                border-bottom: 2px dotted rgba(28, 70, 199, 0.32);
            }

            .typeLink.dotted.color:hover {
                border-bottom: 2px dotted rgba(28, 70, 199, 1);
            }        

        /*TABS*/

            .tabs .btns {
                border-bottom: 2px solid #E3E3E3;
            }

            .tabs .btns .btn {
                font-size:  18px;
                font-weight: 700;
                line-height:  24px;
                padding: 24px 0px;
                margin-bottom:  -2px;
                margin-right: 40px;
                cursor: pointer;
            }

            .tabs .btns .btn:hover {
                color: darkblue;
            }

            .tabs .btns .btn.active {
                box-shadow: inset 0px -4px 0px darkblue;
                color: darkblue;
            }

            .tabs {}

            .tabs .blocks {}

            .tabs .blocks > div {
                display:  none;
                padding: 24px 0px;
            }

            .tabs .blocks > div.show {
                display: block;
            }


        /*COUNT*/

            .countCricle {}

            .countCricle .countBTN {
                width: 40px;
                height: 40px;
                background-color: darkblue;
                border-radius:  48px;
                align-items:  center;
                justify-content: center;
                transition: all ease 0.32s;
                cursor: pointer;
            }
            .countCricle .countBTN:hover {
                background-color: #143594;
            }
            .countCricle .countBTN:hover {
                background-color: #112C7A;
            }
            .countCricle .countBTN img {}

            .countCricle input.count {
                width: 40px;
                height: 40px;
                outline:  none;
                text-align:  center;
                font-size: 32px;
                font-weight:  800;
                color:  #333;
                border:  0px;
                background-color:  transparent;
                pointer-events:  none;
            }        

            .countCricle.mini {}

            .countCricle.mini .countBTN {
                width:  32px;
                height:  32px;
            }

            .countCricle.mini input.count {
                height:  32px;
                width:  32px;
                font-size: 24px;
            }

            .countCricle.mini .countBTN img {
                width: 16px;
            }

        /*CARUSEL ARROW*/

            .cArrows1 {
                width: 98px;
                justify-content:  space-between;
            }

            .cArrows1 .arrow {
                width:  48px;
                height:  48px;
                background-color: #1c46c8;
                align-items:  center;
                justify-content:  center;
                transition: all ease 0.32s;
                cursor: pointer;
            }

            .cArrows1 .arrow img {}

            .cArrows1 .arrow:hover {
                background-color: #143594;
            }

            .cArrows1 .arrow:active {
                background-color: #112C7A;
            }        

            .cArrows1 .arrow:first-child {
                border-radius: 24px 0px 0px 24px;
            }

            .cArrows1 .arrow:last-child {
                border-radius: 0px 24px 24px 0px;
            }

            .cArrows2 {
                width: auto;
                justify-content:  space-between;
            }

            .cArrows2 .arrow {
                width:  48px;
                height:  48px;
                background-color: #1c46c8;
                align-items:  center;
                justify-content:  center;
                transition: all ease 0.32s;
                cursor: pointer;
                border-radius: 24px;
                outline: none;
            }

            .cArrows2 .arrow img {}

            .cArrows2 .arrow:hover {
                background-color: #143594;
            }

            .cArrows2 .arrow:active {
                background-color: #112C7A;
            }        

            .cArrows2 .arrow:first-child {
            }

            .cArrows2 .arrow:last-child {
            }
            
            .cArrows2.white {}

            .cArrows2.white .arrow {
                background-color:  white;
                box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.10);
            }

            .cArrows2.white .arrow:hover {
                box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.12);
            }

            .cArrows2.white .arrow:first-child img {
                margin-right: 3px;
                position: relative;
            }

            .cArrows2.white .arrow:last-child img {
                margin-left: 1px;
                position: relative;
            }
                

            
/*OTHER*/


.NAV {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    background-color: white;
    padding: 0px 128px;
    transition: all ease 0.32s;z-index: 100;
}

.NAV .coll {
    /* width: 430px; */
    height: 160px;
    transition: all ease 0.24s;
    flex: 1;
}

.NAV .coll > img {
    height: 48px;
    transition: all ease 0.24s;
    display: none !important;
}

.NAV .coll ul#menu {
}

.NAV .coll ul#menu li {
    margin-right: 40px;
}

.NAV .coll ul#menu li a {
    text-decoration: none;
    color: #333;
    font-size: 16px;
    font-family: Russeo;
    transition: all ease 0.24s;
    position: relative;
    display: block;
}

.NAV .coll ul#menu li a:hover, .NAV .coll ul#menu li.active a {
    color: darkblue;
}


.NAV .coll a.tell {
    justify-content: flex-end;
    font-size: 24px;
    font-family: Russeo;
    text-decoration: none;
    color: #333;
    transition: all ease 0.24s;
}

.NAV .coll a.callback {
    text-decoration: none;
    color: darkblue;
    font-size: 16px;
    font-family: Russeo;
    transition: all ease 0.32s;
    line-height: 24px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.NAV .coll a.callback span {}

.NAV .coll a.callback:after {}

.NAV .coll a.tell img {
    margin-right: 24px;
}

.NAV .coll a.tell span {}

div#SOC {
    flex-direction: column;
    position: fixed;
    width: 128px;
    justify-content: center;
    align-items: center;
    height: 100vh;
    left: 0px;
    top: 0px;
    z-index: 99;
}
.NAV .coll:last-child {
    text-align: right;
}

.NAV .coll.logo {
    /* width: 280px; */
    justify-content: center;
}

.NAV .coll ul#menu li:last-child {
    margin-right: 0px;
}

.NAV .coll a.tell:hover {
    color: darkblue;
}

div#SOC a {
    padding: 12px 0px;
    filter: grayscale(100%);
    opacity: 0.24;
    transition: all ease 0.24s;
}

div#SOC a:hover {
    opacity: 1;
    filter: grayscale(0%);
}

.NAV .coll a.callback:after {
    content: "";
    display: block;
    width: 16px;
    height: 4px;
    background-color: darkblue;
    margin-left: 16px;
    transition: all ease 0.24s;
}

.NAV .coll:last-child > div {
    text-align: right;
}
.NAV .coll a.callback:hover {
}

.NAV .coll a.callback:hover:after {
    width: 24px;
}
 
.NAV.fixed {
    box-shadow: 0px 8px 56px rgba(0, 0, 0, 0.11);
}

.NAV.fixed .coll {
    height: 104px;
}

.NAV.fixed .coll > img {
    height: 40px;
}


/*.NAV.fixed .coll ul#menu li a:hover:after, */
.NAV.fixed .coll ul#menu li.active a:after {
    content: "";
    
}

.NAV.fixed .coll ul#menu li a:after {
    content: "";
    height: 5px;
    background-color: darkblue;
    display: block;
    position: absolute;
    width: 0px;
    transition: all ease 0.24s;
    bottom: -43px;
    left: 2px;
}

.NAV.fixed .coll ul#menu li.active a:after {
    width: 100%;
}


.slider {
    position: relative;
}

.slider .slide {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5c199f+0,8026b0+100 */
    background: #5c199f; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #5c199f 0%, #8026b0 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #5c199f 0%,#8026b0 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #5c199f 0%,#8026b0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c199f', endColorstr='#8026b0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    position: relative;
    overflow: hidden;
}

.slider .slide .content {
    z-index: 2;
    position: relative;
    height: 100%;
    min-height: 720px;
    will-change: opacity, transition;
}

.slider .slide .bg {
    z-index: 1;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.slider .slide .title {
    color: white;
}

.slider .slide .title:before {
    background-color: white;
}

.slider .slide p.p-L {
    color: white;
    margin-top: 32px;
    max-width: 584px;
}

.whiteBTN {
    background-color: white;
    color: #333;
}

.whiteBTN:hover {
    background-color: white;
    color: #4e1490;
    box-shadow: inset 0px 0px 0px 7px white, inset 0px 0px 0px 11px #4e1490;
}

.slider .slide .btnWrap {
    margin-top: 64px;
}

.slider .slide img.tringle {
    position: absolute;
    right: 40px;
    bottom: 40px;
}
.slider .slide .bg .centerWrap {
    height: 100%;
}

.slider .slide .bg .wrap {
    height: 100%;
}

.slider .slide .bg .pic {
    height: 100%;
    transition: all ease 1s;
}

.slider .slide .bg .pic img.wooman {
    position: absolute;
    bottom: 0px;
    right: 128px;
    z-index: 2;
}

.slider .slide .bg .pic .cricle {
    width: 50px;
    height: 50px;
    position: absolute;
    right: 380px;
    bottom: 151px;
    border-radius: 50px;
    box-shadow: 0px 0px 0px 450px rgba(255, 255, 255, 0.04), 0px 0px 0px 354px rgba(255, 255, 255, 0.06);
    transition: all ease .8s;
    transition-delay: 200ms;
    will-change: opacity, box-shadow;
}


.swiper-pagination-bullet {
    width: 48px !important;
    height: 5px !important;
    border-radius: 0px !important;
    background-color: white !important;
    outline: none !important;
    opacity: .32 !important;
    transition: all 0.32s ease;
}

.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 40px !important;
    height: auto !important;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3;
}

.swiper-pagination-bullet:hover {
    opacity: .56 !important;
}


.swiper-pagination-bullet-active, .swiper-pagination-bullet-active:hover {
    background-color: white !important;
    opacity: 1 !important;
    width: 64px !important;
}


.slider .swiper-slide.swiper-slide-active .bg .pic {
    transform: translateX(0px);
}

.slider .swiper-slide {}

.slider .swiper-slide .bg .pic {
    transform: translateX(128px);
    /* transition-delay: 320ms; */
}



.slider .swiper-slide  .bg .pic .cricle {
    box-shadow: 0px 0px 0px 400px rgba(255, 255, 255, 0.06), 0px 0px 0px 330px rgba(255, 255, 255, 0.07);
}
.slider .swiper-slide.swiper-slide-active .bg .pic .cricle{
    box-shadow: 0px 0px 0px 450px rgba(255, 255, 255, 0.04), 0px 0px 0px 354px rgba(255, 255, 255, 0.06);
}

.NAV.fixed {
    box-shadow: 0px 8px 56px rgba(0, 0, 0, 0.11);
    /* z-index: 100; */
}



.slider__nextSlide {
    position: absolute;
    width: 86px;
    height: 86px;
    box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.18);
    right: 128px;
    margin-top: -43px;
    top: 50%;
    z-index: 4;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;
    cursor: pointer;
    transition: all ease 0.32s;
}

.slider__nextSlide i {
    width: 72px;
    height: 72px;
    background-color: white;
    border-radius: 72px;
    display: block;
    background-image: url(../f/slider_arr.svg);
    background-repeat: no-repeat;
    background-position: center;
    outline: none;
    transition: all ease 0.32s;
}

.slider__nextSlide:hover {
    box-shadow: 0px 0px 0px 12px rgba(255, 255, 255, 0.16);
}

.slider__nextSlide:active i {
    opacity: 0.64;
}

.slider__nextSlide:active {
    box-shadow: 0px 0px 0px 32px rgba(255, 255, 255, 0.08);
}


.slider .swiper-slide  .content {
    opacity: 0;
    transition: all ease 1s;
    /* transform: translateX(64px); */
}

.slider .swiper-slide.swiper-slide-active  .content {
    opacity: 1;
    transition-delay: 200ms;
    transform: translateX(0px);
}

.sale {
    background-image: url(../f/sale__bg.jpg);
    background-repeat: no-repeat;
    background-position: top center;
}

.sale .wrap {}

.sale .present {
    display: flex;
    justify-content: center;
    align-items: center;
}

.sale .info {
    padding-top: 40px;
    margin-left: 88px;
}

.sale h3 b {
    color: darkblue;
}

.sale h3 {}

.sale p {}

.sale .present img {}

.sale .present span {
    position: absolute;
    font-size: 88px;
    color: white;
    font-family: Russeo;
    margin-top: 11px;
    margin-left: 7px;
}

.service .grayWrap {
    background-image: url(../f/service__bg.jpg);
    background-repeat: no-repeat;
    background-position: top right;
}

.p-L strong {
    font-size: 18px;
    line-height: 24px;
}

.rituals {position: relative;}

.rituals .fullBG {
    left: -128px;
    z-index: 0;
    top: -248px;
    width: calc(100% + 256px);
    background-image: url(../f/ritual__bg.jpg);
    background-position: top center;
}

.rituals .header {}

.fullBG {
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}

.rituals .header {
    z-index: 2;
    position: relative;
    margin-bottom: 160px;
    margin-top: 140px;
}

.rituals .grayWrap {
    z-index: 2;
    position: relative;
    padding: 64px 64px;
}

.rituals.mrgTop {
    margin-top: 248px;
}

.service__secions {
    margin-top: 64px;
}

.service__secions .section {
    /* width: calc(33.33% - 24px); */
    background-color: white;
    margin-bottom: 24px;
    cursor: pointer;
    transition: all ease 0.24s;
    position: relative;
    /* overflow: hidden; */
    width: 100%;
}

.service__secions .section_more {
    display: none;
    /* width: 1312px; */
    background-color: #eaeaea;
    margin-right: 24px;
    padding: 64px;
    margin-bottom: 24px;
    left: 0px;
    /* margin-left: calc(-100% - 24px); */
    /* margin-right: calc(-100% - 24px); */
    position: relative;
    background-image: url(../f/service__trinle.png);
    background-repeat: no-repeat;
    background-position: calc(100% - 32px) calc(100% - 32px);
}

.service__secions .section .more .close {}

.service__secions .section .more .desc {}

.service__prices {}

.service__secions .section .wrap {
    padding: 40px 0px;
    position: relative;
    overflow: hidden;
}

.service__secions .section .name {
    text-align: center;
    font-size: 18px;
    line-height: 24px;
    font-family: Russeo;
    color: #333;
    transition: all ease 0.24s;
}

.service__secions .section .cricle {
    position: absolute;
    width: 2px;
    height: 2px;
    background-color: transparent;
    border-radius: 64px;
    bottom: -1px;
    left: 50%;
    margin-left: -1px;
    transition: all ease .48s;
}

.service__secions .section .icon {
    width: 100%;
    height: 64px;
    margin-bottom: 32px;
    transition: all ease 0.24s;
    background-repeat: no-repeat;
    background-position: center;
}

.service__secions .sections {
    width: calc(100% + 24px);
}


.service__secions .section .icon.i-1 {
    background-image: url(../f/serivce__icon-1.svg);
}

.service__secions .section:hover .icon.i-1, .service__secions .section.active .icon.i-1  {
    background-image: url(../f/serivce__icon-1W.svg);
}

.service__secions .section .icon.i-2 {
    background-image: url(../f/serivce__icon-2.svg);
}

.service__secions .section:hover .icon.i-2, .service__secions .section.active .icon.i-2  {
    background-image: url(../f/serivce__icon-2W.svg);
}

.service__secions .section .icon.i-3 {
    background-image: url(../f/serivce__icon-3.svg);
}
.service__secions .section:hover .icon.i-3, .service__secions .section.active .icon.i-3  {
    background-image: url(../f/serivce__icon-3W.svg);
}

.service__secions .section .icon.i-4 {
    background-image: url(../f/serivce__icon-5.svg);
}
.service__secions .section:hover .icon.i-4, .service__secions .section.active .icon.i-4  {
    background-image: url(../f/serivce__icon-5W.svg);
}

.service__secions .section .icon.i-5 {
    background-image: url(../f/serivce__icon-5.svg);
}
.service__secions .section:hover .icon.i-5, .service__secions .section.active .icon.i-5  {
    background-image: url(../f/serivce__icon-5W.svg);
}

.service__secions .section .icon.i-6 {
    background-image: url(../f/serivce__icon-6.svg);
}
.service__secions .section:hover .icon.i-6, .service__secions .section.active .icon.i-6  {
    background-image: url(../f/serivce__icon-6W.svg);
}

.service__secions .section .icon.i-7 {
    background-image: url(../f/serivce__icon-7.svg);
}
.service__secions .section:hover .icon.i-7, .service__secions .section.active .icon.i-7  {
    background-image: url(../f/serivce__icon-7W.svg);
}

.service__secions .section .icon.i-8 {
    background-image: url(../f/serivce__icon-8.svg);
}
.service__secions .section:hover .icon.i-8, .service__secions .section.active .icon.i-8  {
    background-image: url(../f/serivce__icon-8W.svg);
}

.service__secions .section .icon.i-9 {
    background-image: url(../f/serivce__icon-9.svg);
}
.service__secions .section:hover .icon.i-9, .service__secions .section.active .icon.i-9  {
    background-image: url(../f/serivce__icon-9W.svg);
}

.service__secions .section .icon.i-10 {
    background-image: url(../f/serivce__icon-10.svg);
}
.service__secions .section:hover .icon.i-10, .service__secions .section.active .icon.i-10  {
    background-image: url(../f/serivce__icon-10W.svg);
}

.service__secions .section .icon.i-11 {
    background-image: url(../f/serivce__icon-11.svg);
}
.service__secions .section:hover .icon.i-11, .service__secions .section.active .icon.i-11  {
    background-image: url(../f/serivce__icon-11W.svg);
}

.service__secions .section .icon.i-12 {
    background-image: url(../f/serivce__icon-12.svg);
}
.service__secions .section:hover .icon.i-12, .service__secions .section.active .icon.i-12  {
    background-image: url(../f/serivce__icon-12W.svg);
}












.service__secions .section:hover, .service__secions .section.active {
    background-color: darkblue;
    transform: translateY(-8px) scale(1.02);
    box-shadow: 0px 24px 64px -8px rgba(0, 0, 0, 0.13);
}

.service__secions .section:hover .name, .service__secions .section.active .name {
    color: white;
}

.service__secions .section.active .cricle {
    box-shadow: 0px 0px 0px 122px rgba(255, 255, 255, 0.06), 0px 0px 0px 167px rgba(255, 255, 255, 0.05);
}

.service__secions .section:after {
    content: "";
    display: block;
    position: absolute;
    border: 8px solid transparent;
    border-right: 8px solid rgba(0, 0, 0, 0.12);
    border-bottom: 8px solid rgba(0, 0, 0, 0.12);
    right: 16px;
    bottom: 16px;
    transition: all ease 0.24s;
}

.service__secions .section:hover:after, .service__secions .section.active:after{
    border: 14px solid transparent;
    border-right: 14px solid rgba(255, 255, 255, 0.12);
    border-bottom: 14px solid rgba(255, 255, 255, 0.12);
}

.service__secions .item {
    width: calc(33.33% - 24px);
    margin-right: 24px;
}

.service__secions .item:nth-child(1) .section_more, 
.service__secions .item:nth-child(4) .section_more,
.service__secions .item:nth-child(7) .section_more,
.service__secions .item:nth-child(10) .section_more, 
.service__secions .item:nth-child(13) .section_more
{
    margin-right: calc(-200% - 48px);
    margin-left: 0px;
}

.service__secions .item:nth-child(2) .section_more, 
.service__secions .item:nth-child(5) .section_more,
.service__secions .item:nth-child(8) .section_more,
.service__secions .item:nth-child(11) .section_more,
.service__secions .item:nth-child(14) .section_more
{
    margin-left: calc(-100% - 24px);
    margin-right: calc(-100% - 24px);
}

.service__secions .item:nth-child(3) .section_more, 
.service__secions .item:nth-child(6) .section_more,
.service__secions .item:nth-child(9) .section_more,
.service__secions .item:nth-child(12) .section_more, 
.service__secions .item:nth-child(15) .section_more
{
    margin-left: calc(-200% - 48px);
    margin-right: 0px;
}
 
.service__secions .section_more .close {
    position: absolute;
    right: 32px;
    top: 32px;
    width: 40px;
    height: 40px;
    background-color: rgba(117, 44, 199, 0.16);
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../f/close_color.svg);
    border-radius: 100%;
    filter: grayscale(100%);
    transition: all ease 0.32s;
    cursor: pointer;
}

.service__secions .section_more .desc {
    margin-bottom: 32px;
}

.service__secions .section_more .desc p {
    margin-top: 0px;
}

.service__secions .section_more .close:hover {
    filter: grayscale(0%);
}

.service__prices .price {
    width: calc(50% - 4px);
    margin-bottom: 8px;
    background-color: white;
    padding: 16px;
    color: #333;
    transition: all ease 0.32s;
    font-size: 17px;
}

.service__prices .price .name {
    flex: 1;
    padding: 0px 16px;
    font-weight: bold;
}

.service__prices .price.selected {/* transform: translateY(-2px); *//* box-shadow: 0px 8px 50px -8px darkblue7d; */color: white;background-color: darkblue;}

.service__prices .price .priceVal {
    margin-right: 24px;
    font-family: Russeo;
    font-size: 18px;
}

.service__prices .price .flex {
    align-items: center;
}


.service__secions .section.active:before {
    content: "";
    display: block;
    position: absolute;
    border: 16px solid transparent;
    border-bottom: 16px solid #e4e4e4;
    bottom: -33px;
    left: 50%;
    margin-left: -16px;
}

.rituals .items {
    align-items: stretch;
    margin-bottom: -24px;
}

.rituals .items .item {
    width: calc(50% - 12px);
    background-color: white;
    margin-bottom: 24px;
    padding: 32px;
}

.rituals .items .item .logo {
    height: 128px;
    align-items: center;
    justify-content: center;
    display: flex;
    width: 180px;
    padding-right: 32px;
    margin-right: 48px;
    border-right: 1px solid #EEEEEE;
}

.rituals .items .item .logo img {}

.rituals .items .item .cont {
    flex: 1;
    color: #333;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.rituals .items .item .cont .title {
    font-weight: bold;
    /* color: #333; */
    font-size: 16px;
    opacity: 0.56;
}

.rituals .items .item .cont .name {
    font-size: 16px;
    font-family: Russeo;
    margin-top: 8px;
}

.service__prices > .wrap {
    align-items: stretch;
}


.rituals .items .item .logo img {
    max-height: 96px;
    max-width: 100%;
}

.rituals .items .item .cont a {
    margin-top: 24px;
}

.rituals .items .item > .wrap {
    align-items: stretch;
}

.preim {
    position: relative;
    z-index: 1;
}

.preim .fullBG {
    top: -128px;
    margin-left: -128px;
    width: calc(100% + 256px);
    z-index: 0;
    background-image: url(../f/about__bg.jpg);
}

.preim .items {
    margin-bottom: -64px;
    margin-top: 64px;
}

.preim .items .item {
    width: 352px;
    margin-bottom: 64px;
}

.preim .items .item p {
    margin-top: 16px;
    margin-bottom: 0px;
}

.preim .items .item h4 {}


.personal {}

.personal .items {
    margin-top: 48px;
    position: relative;
    margin-bottom: -32px;
}

.personal .items .item {
    background-color: white;
    align-items: stretch;
}

.personal .items .item .ava {
    width: 240px;
    height: 300px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.personal .items .item .desc {
    padding: 56px 64px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: #33;
}

.personal .items .item .name {
    font-size: 24px;
    line-height: 32px;
    font-family: Russeo;
    margin-bottom: 8px;
}

.personal .items .item .type {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 4px;
}

.personal .items .item .stage {
    font-size: 16px;
    font-weight: bold;
    opacity: .555;
}

.personal .items .item a {}


.color .swiper-pagination-bullet {
    width: 48px !important;
    height: 5px !important;
    border-radius: 0px !important;
    background-color: rgba(51, 51, 51, 0.50) !important;
    outline: none !important;
    opacity: .32 !important;
    transition: all 0.32s ease;
}

.color .swiper-pagination-bullet-active, .color  .swiper-pagination-bullet-active:hover {
    background-color: darkblue !important;
    opacity: 1 !important;
    width: 64px !important;
}

.swiper-container-horizontal>.swiper-pagination-bullets.color {
    position: relative !important;
    bottom: 0px !important;
    margin-top: 32px;
}
.arrow.flex.carr-right img {
    margin-left: 7px !important;
}

.cArrows2.white.flex.ps-left {
    position: absolute;
    left: -24px;
    z-index: 3;
    top: 50%;
    margin-top: -48px;
}

.cArrows2.white.flex.ps-right {
    position: absolute;
    right: -24px;
    z-index: 3;
    top: 50%;
    margin-top: -48px;
}

.saleslider {}

.saleslider .slider .slide .content {
    min-height: auto;
    padding: 96px;
    padding-right: 0px;
}

.saleslider .slider .slide {
    background: #333 !important;
}

.slide {}

.saleslider .slider .slide .bg__mask {
    display: flex;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

.saleslider .slider .slide .bg__mask .mask {
    width: 40%;
    height: 100%;
    position: relative;
}

.saleslider .slider .slide .bg__mask .pic {
    width: 60%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.saleslider .slider .slide .bg__mask .mask .color {
    width: 100%;
    height: 100%;
    position: absolute;
}

.saleslider .slider .slide .bg__mask .mask .gradient {
    position: absolute;
    width: 160px;
    height: 100%;
    right: -160px;
}

.blog {}

.blog .item {
    max-width: 364px;
    margin-bottom: 24px;
}

.blog .item .line {
    height: 32px;
    width: 2px;
    background-color: #E5E5E5;
    margin-bottom: 24px;
    margin-left: 1px;
}

.blog .item .data {}

.blog .item .data .data {
    font-size: 40px;
    font-family: Russeo;
    color: mediumblue;
    margin-right: 16px;
    position: relative;
    top: -6px;
}

.blog .item .data > div > div {
    font-size: 13px;
    color: mediumblue;
    font-family: Russeo;
    line-height: 18px;
}

.blog .item a.name {
    font-size: 22px;
    line-height: 32px;
    font-family: Russeo;
    color: #333;
    text-decoration: none;
    transition: all ease 0.24s;
    margin-top: 8px;
    display: block;
}

.blog .item .desc {}

.blog .item .desc p {
    margin-top: 16px;
    margin-bottom: 0px;
}

.blog .item a.name:hover {
    color: mediumblue;
}
.blog .blog__line {
    width: 100%;
    height: 2px;
    background-color: #ededed;
    margin-top: 40px;
}

.footer {margin-top: 64px;}

.footer .contact {
    z-index: 2;
    position: relative;
    background-color: darkblue;
    color: white;
    padding: 0px 96px;
    height: 240px;
    margin-bottom: -120px;
}

.footer .map {
    position: relative;
}

.footer .bottom {
    /* height: 128px; */
}

.footer .map div#map {
    min-height: 560px;
}

.footer .contact a {
    color: white;
    text-decoration: none;
    font-family: Russeo;
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 8px;
}

.footer .contact:after {
    content: "";
    display: block;
    position: absolute;
    border: 16px solid transparent;
    border-top: 16px solid darkblue;
    bottom: -32px;
    left: 50%;
    margin-left: -16px;
}

.footer .map .btnWrap {
    position: absolute;
    bottom: 64px;
    width: 100%;
    text-align: center;
    z-index: 2;
    justify-content: center;
}
.footer .contact > div {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
}

.footer .contact .addres {
    padding: 32px 0px;
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, 0.16);
    font-family: Russeo;
    font-size: 18px;
    line-height: 24px;
}

.footer .contact .row {
    padding-top: 56px;
}

.footer .contact .time {
    font-family: Russeo;
    font-size: 16px;
    line-height: 20px;
    opacity: 0.64;
}

.footer .contact .messengers {
    margin-left: 24px;
    display: flex;
    top: -2px;
    position: relative;
}

.footer .contact .messengers a {
    width: 40px;
    display: flex;
    justify-content: center;
    transition: all ease 0.32s;
}

.footer .contact .messengers a:hover {
    opacity: 0.64;
}


.footer .contact input {
    height: 56px;
    padding: 0px;
    background-color: transparent;
    border: 0px;
    border-bottom: 3px solid rgba(255, 255, 255, 0.45);
    font-size: 18px;
    width: 240px;
    margin-right: 24px;
    outline: none;
    color: white;
    font-weight: bold;
    transition: all ease 0.32s;
}

.footer .contact input::placeholder {
    color: rgba(255, 255, 255, 0.56);
}

.footer .contact input:focus {
    border-bottom: 3px solid white;
    color: white;
}

.footer .bottom .coll {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 128px;
}

.footer .bottom .coll .cc {
    font-family: Russeo;
    font-size: 16px;
    line-height: 24px;
    color: #333;
    opacity: .56;
}

.footer .bottom .coll a {
    opacity: .56;
    filter: grayscale(100%);
    font-weight: bold;
    text-decoration: none;
    transition: all ease 0.32s;
    font-size: 14px;
}

.footer .bottom .coll a img {
    margin-left: 24px;
}

.footer .bottom .coll a:hover {
    opacity: 1;
    filter: grayscale(0%);
}

.yamap > ymaps > ymaps > ymaps > ymaps > ymaps:last-child {filter: grayscale(0);}

.yamap > ymaps > ymaps > ymaps > ymaps > ymaps {
    filter: grayscale(100);
}

.service__prices .price.selected .addToCart {
    color: darkblue;
    background-color: white;
}

.service__prices .price .addToCart {
    width: 112px;
}

.service__prices .price.selected .addToCart:hover {
    opacity: .80;
}

.popUp_content.wrap__feedback {
        width: 736px;
        background-image: url(/f/feedback__BG.jpg);
        background-repeat: no-repeat;
        background-position: right top;
    }

    label.checkbox .flex {
        align-items: center;
    }

    label.checkbox .flex a {
        color: #333;
        font-weight: 500;
    }

    label.checkbox {
        margin-top: 24px;
        display: block;
    }

    .btn-success {
        width: 100%;
    }


    .form__line {
        margin-bottom: 24px;
    }

    .form__line label {
        width: 100%;
        display: block;
        font-size: 14px;
        font-weight: 600;
        color: #221E1F;
        margin-bottom: 0px;
    }

    .form__line input {
        width: 100%;
        height: 64px;
        border: 0px;
        border-bottom: 3px solid #e0e0e0;
        transition: all ease 0.32s;
        font-size: 16px;
        color: #221E1F;
        font-weight: 500;
        outline: none;
    }

    .form__line input:hover {
        border-bottom: 3px solid #bdbdbd;
    }

    .form__line input:focus {
        border-bottom: 3px solid darkblue;
    }

    .form__title {
        font-size: 24px;
        line-height: 32px;
        font-weight: 700;
        color: #221E1F;
        margin-bottom: 32px;
    }

    .form__line input::placeholder {
        color: rgba(34, 30, 31, 0.32);
    }


.popUp_content.wrap__base {
    width: 736px;
}

.popUp_content.wrap__full {
    padding: 0px;
    width: 1120px;
}

.service__order {position: fixed;right: 24px;bottom: 24px;background-color: white;box-shadow: 0px 8px 80px rgba(0, 0, 0, 0.20);z-index: 100;padding: 24px;padding-left: 32px;display: none;}

.service__order .count {
    position: relative;
    margin-right: 20px;
    top: 2px;
}

.service__order .price {
    margin-right: 24px;
    width: 120px;
}

.service__order .count img {}

.service__order .count span {
    position: absolute;
    width: 24px;
    height: 24px;
    background-color: darkblue;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    color: white;
    font-size: 18px;
    top: -2px;
    right: -9px;
    box-shadow: 0px 0px 0px 4px white;
}

.service__order .price .title {
    font-size: 16px;
    font-weight: bold;
    color: #989898;
}

.service__order .price .price {
    font-family: Russeo;
    font-size: 20px;
    line-height: 24px;
    color: #333;
    font-weight: normal;
}

.service__order .wrap > .flex {
    top: 3px;
    position: relative;
}


.popUp .predesc {
    margin-bottom: 32px;
}

.popUp .form__line input {}

.popUp .form__line, .popUp select {
    width: calc(50% - 12px);
}

.popUp .btn-success {
    margin-top: 24px;
}

.pasteParams__form-params {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 16px;
    font-family: Russeo;
    color: darkblue;
}

.popUp h3 {
    margin-bottom: 8px;
    margin-top: 16px;
}

div#thanks {}

div#thanks .popUp_content.wrap__full {
    background-color: #691EA6;
    padding: 96px 112px;
    background-image: url(/f/thanks__BG.png);
    background-repeat: no-repeat;
    background-position: calc(100%) bottom;
}

div#thanks .popUp_content.wrap__full h3 {
    color: white;
}

div#thanks .popUp_content.wrap__full h3:before {
    background-color: white;
}

div#thanks .popUp_content.wrap__full p {
    color: white;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 40px;
}

div#thanks .popUp_content.wrap__full .fillBTN {
    height: 64px;
    padding: 0px 40px;
}

.popUp_content.wrap__ritual {
    width: 1120px;
    padding: 64px;
}

.wrap__ritual .logo {
    width: 180px;
}

.wrap__ritual .desc {
    flex: 1;
    padding-left: 64px;
}

.wrap__ritual .desc .pretitle {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 32px;
    font-family: Russeo;
    color: darkblue;
}

.wrap__ritual .desc .desc {
    padding-left: 0px;
    font-size: 20px;
    line-height: 28px;
}

.wrap__ritual .desc .prices {
    margin-top: 32px;
}

.wrap__ritual .desc .prices ul {}

.wrap__ritual .desc .prices ul li {
    font-size: 18px;
    line-height: 28px;
    margin: 8px 0px;
    font-weight: 600;
    position: relative;
    padding-left: 32px;
}

.wrap__ritual .logo .pic {
    justify-content: center;
    display: flex;
    align-items: center;
}

.wrap__ritual .logo .pic img {
    max-width: 100%;
}

.wrap__ritual .logo .btnWrap {
    width: 100%;
    margin-top: 32px;
}

.wrap__ritual .logo .btnWrap a {
    width: 100%;
}

.wrap__ritual .desc .prices ul li:before {
    content: "";
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: darkblue;
    left: 0px;
    top: 9px;
}


.personal .items .item .ava.nophoto {
    background-image: url(/f/noPhoto.svg) !important;
    background-size: 54px;
    background-color: #f1f1f1;
}

.NAV > .flex {
    justify-content: safe center;
}


.NAV .coll.logo .title {
    font-size: 24px;
    line-height: 32px;
    font-family: Russeo;
    color: darkblue;
}

.NAV .coll.logo .addres {
    font-size: 16px;
    line-height: 24px;
    font-family: Russeo;
}

.NAV .coll.logo i.devider {
    width: 16px;
    height: 5px;
    background-color: darkblue;
    margin-top: 8px;
    display: block;
}

.NAV .coll.logo img {
    margin-right: 24px;
    transition: all ease 0.32s;
    max-height: 92px;
}

.NAV.fixed .coll.logo img {
    max-height: 72px;
}

.NAV.fixed .coll > div > div {
    /* display: none; */
    /* width: 250px; */
    /* transform: scale(0.65); */
    /* position: absolute; */
    /* margin-left: 30px; */
}

.service__secions .section_more .subsections {
    margin-bottom: 48px;
}

.service__secions .section_more .subsections:last-child {
    margin-bottom: 0px;
}

.service__secions .section .selected {
    padding: 0px 16px;
    background-color: darkblue;
    position: absolute;
    height: 24px;
    display: flex;
    font-size: 14px;
    align-items: center;
    font-family: Russeo;
    color: white;
    margin-top: -12px;
    pointer-events: none;
    opacity: 0;
    transition: all ease 0.32s;
    box-shadow: 0px 0px 0px 3px white;
    transform: scale(0);
}

.service__secions .section.selected .selected {
    opacity: 1;
    transform: scale(1);
}

.NAV .coll.logo .flex > div {
    width: 228px;
}

.NAV .coll.logo .flex {
    flex-wrap: nowrap;width: 351px;justify-content: center;
}
.blog .item a.fillBTN {
    margin-top: 24px;
}
.NAV .coll.tell {}

.NAV .coll.tell a img {
    margin-right: 20px;
    top: 2px;
    position: relative;
}

a.mssenger {
    margin-right: 16px;
    position: relative;
    transform: scale(1.25);
    top: 2px;
}

a.mssenger > img {
    /* width: 48px; */
}


.NAV {
    display: block;
}

.nav__mob {
    display: none;
    position: fixed;
    background-color: white;
    z-index: 2;
    width: 100%;
    height: 72px;
    box-shadow: 0px 8px 56px rgba(0, 0, 0, 0.11);
}

.nav__mob .logo {}

.nav__mob a.call {
    border-left: 1px solid #ececec;
    text-align: center;
    text-decoration: none;
}

.nav__mob a.call div {}

.nav__mob a.call div sapn {}

.nav__mob a.call div img {}

iframe.tour3D {
    width: 100%;
    height: 560px;
    border: 0px;
}

.catalog {
    width: 100%;
}
.catalog .items {
    max-width: 100%;
}

.catalog .items {
    max-width: 100%;
    position: relative;
    margin-top: 24px;
    min-width: 1px;
}
.catalog .items .item {
    /* width: 100%; */
    height: 160px;
    border: 4px solid #e1e1e1;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
    z-index: 1;
    position: relative;
    cursor: pointer;
    transition: all ease 0.32s;
}

.catalog .items .item img {
    max-width: 100%;
    max-width: 112px;
}

.catalog .items .item:hover {
    border: 4px solid darkblue;
    z-index: 2;
    position: relative;
}
.catalog__warp {}

.catalog__warp .cArrows2 {
    top: 50%;
}
.gallery {}

.gallery .items {
    width: calc(100% + 8px);
    margin-top: 40px;
}

.gallery .items a {
    /* width: calc(20% - 8px); */
    display: flex;
    align-items: center;
    justify-content: center;
    /* margin-bottom: 8px; */
    /* margin-right: 8px; */
    transition: all ease 0.24s;
    /* opacity: 0.8; */
    z-index: 1;
    position: relative;
    /* height: 160px; */
    overflow: hidden;
}

.gallery .items a img {
    width: 100%;
}
.gallery .items a:hover {
    opacity: 1;
    transform: scale(1.12);
    box-shadow: 0px 24px 72px -8px rgba(0, 0, 0, 0.32);
    z-index: 2;
}

.slider .slide .bg .pic  img.wooman.fix-1 {
    right: 83px;
}

.slider .slide .bg .pic img.wooman.fix-2 {
    right: 110px;
}
.slider .slide .bg .pic img.wooman.fix-3 {
    right: 82px;
}

.slider .slide .bg .pic img.wooman.fix-4 {
    right: 82px;
}
.gallery .arrow {
    margin-top: 68px;
}
li s {
    opacity: .4;
}
.wrap__ritual .desc .prices p {
    font-size: 18px;
    line-height: 28px;
}
.popUp_wrapFrom {}

.popUp_wrapFrom img.pilingimg {
    max-width: 100%;
    height: auto;
}


.insta {}

.insta div#instafeed {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.insta div#instafeed a {
    width: 16.66%;
    display: flex;
    align-items: center;
}

.insta div#instafeed a img {
    width: 100%;
}