@font-face {
    font-weight: 400;
    font-family: Montserrat;
    src: url("../../fonts/ptz/Montserrat-Regular.ttf");
}
@font-face {
    font-weight: 500;
    font-family: Montserrat;
    src: url("../../fonts/ptz/Montserrat-Medium.ttf");
}

@font-face {
    font-weight: 700;
    font-family: Montserrat;
    src: url("../../fonts/ptz/Montserrat-Bold.ttf");
}



@font-face {
    font-weight: 400;
    font-family: Times New Roman;
    src: url("../../fonts/ptz/Times-New-Roman.ttf");
}



*{
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Montserrat', sans-serif;
    /*color: var(--grey-one);*/
    /*-webkit-touch-callout:none;                !* prevent callout to copy image, etc when tap to hold *!*/
    /*-webkit-text-size-adjust:none;             !* prevent webkit from resizing text to fit *!*/
    /*-webkit-user-select:none;*/
}

img{
    user-select: none;
}

a{

    color: var(--grey-one);
    text-decoration: none;
}

::-webkit-scrollbar{
    background-color: var(--grey-four);
    width: 10px;
}

::-webkit-scrollbar-button{
    height: 0;
}

::-webkit-scrollbar-track{

}

::-webkit-scrollbar-thumb{
    background-color: var(--red);
    border-radius: 5px;
    transition: all 0.2s ease;
}

::-webkit-scrollbar-thumb:hover{
    background-color: var(--red-two);
}






body{
    background-color: var(--grey-four);
}


.hide{display: none !important;}

.vis-hide{visibility: hidden !important}




.font-grey2{
    color: var(--grey-two);
}

.font-red{
    color: var(--red) !important;
}

.font-red2{
    color: var(--red-two) !important;
}

.font-red3{
    color: var(--red-three) !important;
}

.font-green{
    color: var(--green-one) !important;
}

.font-yellow{
    color: var(--yellow) !important;
}




.w100{width: 100%;}

.fw700{
    font-weight: 700;
}


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


.img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}



.wrapper{
    position: relative;
    width: calc(100% - 60px);
    margin-left: 60px;
    margin-top: 66px;
    padding: 30px;
    padding-bottom: var(--indent-y-xl);

}


.elka-bg{
    position: relative;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 600px;
    background-position: right 15px bottom 15px;

}

.elka-bg:after{
    content: "";
    z-index: -1;
    width: 300px;
    height: 300px;
    position: fixed;
    right: 10px;
    bottom: 10px;
    background-image: url('/resource/elka.png');
    background-repeat: no-repeat;
    /*background-attachment: fixed;*/
    background-size: 300px;
    /*background-position: right 15px bottom 15px;*/
    background-position: center;
    pointer-events: none;
    /*border: 1px solid red;*/
}

@media(max-width: 600px) {
    .elka-bg:after{
        width: 100vw;
        background-size: 300px;
        background-position: center bottom 15px;
        background-image: none;
    }
}


@media(max-width: 1000px) {
    .elka-bg{
        background-image: none;
        /*display: none;*/
    }
}


.wrapper__bg--default{
    position: fixed;
    top: 92px;
    right: 16px;
    z-index: -1;
    opacity: 0.1;
    transform: rotate(-14deg);
}

.wrapper__bg--default svg{
    width: 230px;
    height: 230px;
}


.block{
    padding: var(--padding-block);
    background-color: var(--white);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
}

.title{
    display: inline-block;
    position: relative;
    color: var(--grey-one);
    font-size: 48px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 30px;
    white-space: nowrap;
    z-index: 0;
    user-select: none;
}

.title::after{
    content: "";
    background-color: var(--yellow);
    height: 14px;
    width: 115%;
    position: absolute;
    bottom: 4px;
    left: -1%;
    z-index: -1;
}




.title-small{
    display: inline-block;
    position: relative;
    color: var(--grey-one);
    font-size: 32px;
    font-weight: 700;
    white-space: nowrap;
    z-index: 0;
    margin-bottom: var(--indent-x);
}

.title-small::after{
    content: "";
    background-color: var(--yellow);
    height: 7px;
    width: 115%;
    position: absolute;
    bottom: 8px;
    left: -1%;
    z-index: -1;
}












.content{
    width: 100%;
}


.icon-hover{
    transition: all 0.2s ease-in;
    cursor: pointer;
    user-select: none;
}

.icon-hover:hover{
    transform: scale(1.1, 1.1);
    transition: all 0.2s ease-in;
}

.icon-hover:active path{
    fill: var(--yellow);
}




.preloader{
    animation: var(--preloader);
}



@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}















@media(max-width: 1000px) {

    .desctop-only{
        display: none !important;
    }

    .title {
        display: block;
        white-space: normal;
        font-size: 30px;
        text-align: center;
    }

    .title::after {
        display: none;
    }


    .title-small{
        font-size: 22px;
    }

    .title-small:after{

        background-color: var(--yellow);
        height: 5px;
        width: 105%;
        bottom: 6px;

    }


    .wrapper {
        margin-left: 0;
        margin-top: 64px;
        width: 100%;
        padding-left: 8px;
        padding-right: 8px;
        margin-bottom: 40px;
    }

    .wrapper__bg {
        display: none;
    }

    .wrapper__bg--default{
        display: none;
    }

}