//@color-1: #578151;
//@color-1: #40a07f;
@color-1: #b7925c;
@color-2: #f3e6d5;
@color-3: #fdc813;
@text: #080808;
@grad: linear-gradient(to right top, #42eb87, #39f7cd);
@width-basic: 1100px;

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@700&display=swap');

//ОБЩИЕ СТИЛИ
body{
    font-family: 'Open Sans', sans-serif;
    min-width: 1340px;
    color: @text;
    background: #fff;
    font-size: 14px;
    line-height: normal;
    
    @media (max-width: 724px){
        min-width: 100%;
        font-size: 13px;
    }
}

h1,h2,h3,p{
    margin: 0;
    font-weight: normal;
}
h5{
    font-size: 18px;
}
li,
p{
    line-height: normal;
    font-size: 14px;
    line-height: 26px;
    
    @media (max-width: 724px){
        font-size: 13px;
    }
}
a{
    color: @text;
    transition: 0.3s all;
    
    &:hover{
        color: @color-1;
    }
}
img{
    max-width: 100%;
}
.clearfix:after{
	content: "";
	clear: both;
	display: table;
}
.flex_block{
    width: 100%;
    flex-flow: row wrap;
    display: flex;
    display: -webkit-flex;
    -webkit-flex-flow: row wrap;
    display: -ms-flexbox;
    -ms-flex-flow: row wrap;
    -ms-align-content: flex-start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    list-style: none;
    
    @media (max-width: 724px){
        display: block;
    }
}
.container{
    width: @width-basic;
    margin: 0 auto;
    
    @media (max-width: 724px){
        width: auto;
        padding: 0 40px;
    }
    @media(max-width: 350px){
        padding: 0 20px;
    }
}

.content-title{
    font-weight: bold;
    font-size: 52px;
    line-height: 50px;
    margin-bottom: 60px;
    font-family: 'Cormorant Garamond', serif;
    
    @media (max-width: 724px){
        font-size: 32px;
        line-height: 34px;
        margin-bottom: 40px;
    }
    h1{
        font-size: 52px;
        line-height: 54px;
        font-weight: bold;
        margin: 0;
        
        @media (max-width: 724px){
            font-size: 26px;
            line-height: 36px;
        }
    }
    
    b{
		color: @color-1;
		
		@media (min-width: 724px){
			background: linear-gradient(45deg, #9f713e 33%, #c8a056 66%, #e4bf65);
			-webkit-background-clip: text;
			-webkit-text-fill-color: #fff0;
		}
    }
	br{
		@media (max-width: 724px){
			display: none;
		}
	}
}

.content-descr{
    padding-left: 40px;
    padding-top: 15px;
    padding-bottom: 18px;
    line-height: 26px;
    margin-top: -30px;
    margin-bottom: 50px;
    position: relative;
    
    &::before{
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 80px;
        border: 1px solid @color-1;
        opacity: 0.2;
    }
}

.title-contain{
    width: 700px;
    margin: 0 auto;
    margin-bottom: 70px;

    @media (max-width: 724px){
        width: auto;
        margin-bottom: 50px;
    }
    .content-title{
        position: relative;
        padding-bottom: 30px;
        margin-bottom: 30px;
        
        &::before{
            content: '';
            position: absolute;
            left: 50%;
            margin-left: -80px;
            bottom: 0;
            width: 160px;
            height: 3px;
            background: @color-1;
        }
    }
}

.title-block{
    font-size: 18px;
    line-height: 30px;
    font-weight: bold;
    display: block;
    margin-bottom: 20px;
    
    @media (max-width: 724px){
        font-size: 16px;
        line-height: 26px;
        font-weight: bold;
    }
}

.button{
    text-decoration: none !important;
    color: #fff !important;
    font-size: 14px !important;
    line-height: normal !important;
    transition: all .3s ease-out !important;
    display: inline-block !important;
    text-align: center !important;
    border: none !important;
    outline: none !important;
    background-image: linear-gradient(45deg, #9f713e 33%, #c8a056 66%, #e4bf65) !important;
    padding: 18px 40px !important;
    padding-top: 14px !important;
    position: relative !important;
    z-index: 3 !important;
    transition: all .3s ease-out !important;
    font-weight: bold !important;
    position: relative !important;
    border-radius: 0 !important;
    
    @media(max-width: 724px){
        width: 100% !important;
        box-sizing: border-box !important;
        margin-bottom: 7px !important;
        font-size: 13px !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    &:hover{
        color: #fff;
        background-image: linear-gradient(45deg, #020107, #184f45) !important;
    }
}

.btn{
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    line-height: normal;
    transition: all .3s ease-out;
    display: inline-block;
    text-align: center;
    border: none;
    outline: none;
    background-image: linear-gradient(45deg, #9f713e 33%, #c8a056 66%, #e4bf65);
    padding: 18px 40px;
    padding-top: 14px;
    position: relative;
    z-index: 3;
    transition: all .3s ease-out;
    font-weight: bold;
    position: relative;
    
    @media(max-width: 724px){
        width: 100%;
        box-sizing: border-box;
        margin-bottom: 7px;
        font-size: 13px;
        padding-left: 20px;
        padding-right: 20px;
    }
    &::before{
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 0;
        height: 100%;
        background-image: linear-gradient(45deg, #020107, #184f45);
        transition: 0.3s all;
    }
    &:hover{
        color: #fff;
        
        &::before{
            width: 100%;
        }
    }
    
    span{
        position: relative;
        z-index: 2;
    }
}
.btn-decor{
    padding-right: 50px !important;
    
    &::after{
        content: '';
        position: absolute;
        right: 18px;
        top: 14px;
        width: 20px;
        height: 20px;
        background-image: url('../img/leaf.svg');
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 20px;
        z-index: 2;
    }
    &:hover{
        background: linear-gradient(45deg, #9f713e 33%, #c8a056 66%, #e4bf65) !important;
    }
}
.btn-border{
    border: 2px solid @color-1;
    background: transparent;
    color: @text;
    padding: 16px 38px;
    padding-top: 12px;
    
    &:hover{
        border-color: @color-1;
    }
}

.modal-smg_boby{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    backdrop-filter: blur(3px);
    display: none;
    
    .modal-smg_boby-content{
        display: flex;
        width: 100%;
        height: 100%;
        align-items: center;
        align-content: center;
        justify-content: center;
    }
    .close-smg_boby{
        background: rgba(0, 0, 0, 0.5);
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }
    .modal-smg{
        width: 450px;
        z-index: 2;
        position: relative;
        background-color: #fff;
        text-align: center;
        padding-right: 350px;

        &::before{
            content: '';
            position: absolute;
            right: 0;
            top: 0;
            width: 350px;
            height: 100%;
            background: url(../img/bg-modal.png) no-repeat 0 0;
            background-size: cover;
			
			@media (max-width: 724px){
				display: none;
			}
        }
        @media (max-width: 724px){
            width: auto;
            display: block;
            padding-right: 0;
            margin: 0 20px;
        }
        .title-modal{
            font-weight: bold;
            font-size: 22px;
            line-height: 28px;
            margin-bottom: 17px;
        }
        .descr-modal{
            line-height: 25px;
            margin-bottom: 30px;
            font-style: italic;
        }
        form{
            padding: 60px 70px;

            @media (max-width: 724px){
                padding: 50px 40px;
            }
            @media (max-width: 320px){
                padding: 30px 20px;
            }
            input{
                width: 100%;
                margin-bottom: 13px;
                box-sizing: border-box;
            }
            .btn{
                display: block;
                width: 100%;
                margin-bottom: 10px;
            }
        }
    }
}

.modal-smg-thanks{
    .modal-smg{
        width: 400px;
        padding: 0;
        
        @media (max-width: 724px){
            width: auto;
            margin: 0 30px;
        }
        &::before{
            display: none;
        }
    }
    .modal-smg_container{
        padding: 0;
    }
    .thanks-content{
        text-align: center;
        padding: 40px 45px;
        padding-bottom: 30px;
        
        @media (max-width: 724px){
            padding-left: 20px;
            padding-right: 20px;
        }
        svg{
            width: 100px;
            height: 100px;
            margin-bottom: 15px;
        }
        .icon-ok{
            margin: 0 auto;
            margin-bottom: 15px;
            width: 100px;
            height: 100px;
            border-radius: 50%;
            overflow: hidden;
            
            img{
                object-fit: cover;
                object-position: 0 0;
                width: 100%;
                height: 100%;
                vertical-align: bottom;
            }
        }
        .btn{
            width: 100%;
            margin-top: 15px;
            box-sizing: border-box;
        }
    }
    .close--modal-smg{
        background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e") no-repeat 50% 50%;
        background-size: 26px;
    }
}

.socials-modal{
    @media (max-width: 724px){
        padding: 50px 40px;
    }
    @media (max-width: 320px){
        padding: 30px 20px;
    }
    .title-modal{
        margin-bottom: 30px !important;
    }
    .soc--inner{
        display: block;
        text-align: left;
        background: #6cd96c;
        color: #fff;
        text-decoration: none;
        padding: 20px 40px;
        padding-top: 17px;
        transition: 0.3s all;
        border: none;
        outline: none;
        cursor: pointer;
        box-sizing: border-box;
        padding-left: 60px;
        position: relative;
        margin-top: 15px;
        
        &::before{
            content: '';
            position: absolute;
            left: 20px;
            top: 13px;
            width: 26px;
            height: 26px;
        }
    }
    .whatsapp{
        &:hover{
            background: #65ac65;
        }
        &::before{
            background: url("../img/whatsapp.svg") no-repeat 50% 50%;
            background-size: contain;
        }
    }
    .telegram{
        background: #61c7f5;
        
        &:hover{
            background: #59add3;
        }
        &::before{
            background: url("../img/telegram_app.svg") no-repeat 50% 50%;
            background-size: contain;
        }
    }
    .phone{
        background: @color-1;
        
        &:hover{
            background: darken(@color-1, 10%);
        }
        &::before{
            background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff ' stroke-width='2' stroke-linecap='square' stroke-linejoin='arcs'%3e%3crect x='5' y='2' width='14' height='20' rx='2' ry='2'%3e%3c/rect%3e%3cline x1='12' y1='18' x2='12.01' y2='18'%3e%3c/line%3e%3c/svg%3e") no-repeat 50% 50%;
            background-size: contain;
        }
    }
}

.close--modal-smg{
    position: absolute;
    right: 10px;
    top: 10px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 30px;
    height: 30px;
    display: block;
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e") no-repeat 50% 50%;
    background-size: 26px;
    
		
	@media (max-width: 724px){
		background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e") no-repeat 50% 50%;
		background-size: 26px;
	}
    &:hover{
        background: @color-2 url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e") no-repeat 50% 50%;
        background-size: 26px;
    }
}

form{
    textarea,
    input{
        outline: none;
        display: block;
        box-sizing: border-box;
        border: 2px solid #cab395;
        background: transparent;
        color: @text;
        padding: 16px 38px;
        padding-top: 12px;
        transition: 0.3s all;
        
        @media (max-width: 724px){
            font-size: 14px;
            min-width: 100%;
            box-sizing: border-box;
        }
        &:focus{
            border-color: @color-1;
        }
    }
    textarea{
        width: 100%;
        box-sizing: border-box;
        height: 70px;
        max-width: 100%;
        min-height: 70px;
    }
    .btn{
        @media (max-width: 724px){
            box-sizing: border-box;
            width: 100%;
        }
    }
    .file_upload{
        input{
            display: none;
        }
    }
    .polit-form{
        display: block;
        padding-top: 30px;
        text-align: left;
        
        input{
            display: none !important;

            &:checked ~ .checkmark {
                &::before{
                    background: rgba(0, 0, 0, 0.2) url('../img/checkmark.svg') no-repeat 50% 50%;
                    background-size: 12px;
                }
            }
        }

        .checkmark{
            padding-left: 25px;
            display: inline-block;
            position: relative;
            font-size: 11px;

            @media (max-width: 724px){
                line-height: 14px;
            }
            &::before{
                content: '';
                position: absolute;
                left: 5px;
                top: 2px;
                width: 12px;
                height: 12px;
                background: rgba(0, 0, 0, 0.2);
                border-radius: 2px;
                transition: 0.1s all;
            }
        }
        a{
            &:hover{
                color: @color-1;
            }
        }
    }
}

.entrytext{
    figure{
        margin: 0;
    }
    .alignleft{
		float: left;
		margin-right: 20px;
		margin-bottom: 10px;
	}
	.alignright{
		float: right;
		margin-left: 20px;
		margin-bottom: 10px;
	}
	.aligncenter{
		margin: 0 auto;
		text-align: center;
		display: block;
		width: auto;
		margin-bottom: 20px;
	}
    blockquote{
        margin: 20px 0;
        padding-left: 20px;
        border-left: 5px solid @color-1;
    }
    h3,
    h2{
        line-height: normal;
        font-weight: bold;
        margin-bottom: 20px;
        margin-top: 30px;
    }
    ul{
        padding: 0;
        margin: 0;
        margin-bottom: 20px;

        li{
            list-style: none;
            padding-left: 30px;
            position: relative;
            margin-bottom: 7px;

            &::before{
                content: '';
                position: absolute;
                left: 0;
                top: 12px;
                width: 10px;
                height: 2px;
                background: @color-1;
            }
        }
    }
    p{
        display: block;
        margin-bottom: 20px;
    }
    iframe,
    img{
        max-width: 100%;
        height: auto;
        
        @media (max-width: 724px){
            width: auto;
        }
    }
    iframe{
        height: 300px;
        border: none;
        margin-bottom: 20px;
        
        @media (max-width: 724px){
            width: 100%;
            height: 200px;
        }
    }
    table{
        td{
            padding: 10px;
            border: 1px solid #d9d9d9;
        }
    }
    .blocks-gallery-grid{
        li{
            padding: 0;
            
            &::before{
                display: none;
            }
        }
    }
}

.regular{
    position: relative;
    
    @media (max-width: 425px){
        width: 100%;
    }
    .owl-item{
        float: left;
    }
    .owl-stage-outer{
        overflow: hidden;
        width: 100%;
        position: relative;
        z-index: 2;
    }
    
    .owl-nav{
        display: block;
        z-index: 1;
        font-size: 0;
        
        @media(max-width: 724px){
            position: static;
            text-align: center;
            margin-top: 10px;
        }
        div{
            position: absolute;
            top: 0;
            bottom: 70px;
            width: 200px;
            cursor: pointer;
            transition: 0.3s all;
            z-index: 2;
            
            @media (max-width: 724px){
                width: 50px;
            }
            &::before{
                content: '';
                position: absolute;
                top: 50%;
                margin-top: -20px;
                width: 40px;
                height: 40px;
                transition: 0.3s all;
            }
            &:hover{
                &::before{
                    background-color: @color-2;
                }
            }
        }
        .owl-prev{
            left: 0;
            
            &::before{
                right: 0;
                background: @color-1 url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M15 18l-6-6 6-6'/%3e%3c/svg%3e") no-repeat 45% 50%;
                background-size: 26px;
            }
        }
        .owl-next{
            right: 0;
            
            &::before{
                left: 0;
                background: @color-1 url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M9 18l6-6-6-6'/%3e%3c/svg%3e") no-repeat 55% 50%;
                background-size: 26px;
            }
        }
    }
    .owl-dots{
        margin-top: 50px;
        text-align: center;
        
        @media (max-width: 724px){
            margin-top: 40px;
        }
        .owl-dot{
            width: 20px;
            height: 2px;
            border-radius: 5px;
            background: #f3e6d5;
            display: inline-block;
            vertical-align: text-top;
            margin: 0 5px;
            cursor: pointer;
            transition: 0.3s all;
            
            @media(max-width: 724px){
                width: 2px;
                height: 2px;
                border-radius: 50%;
                margin: 0 3px;
            }
        }
        .active{
            width: 40px;
            background: @text;
            
            @media (max-width: 724px){
                width: 2px;
            }
        }
    }
}

.page-content{
    position: relative;
    z-index: 2;
    padding-top: 80px;
    padding-bottom: 80px;
    
    @media (max-width: 724px){
        padding-top: 50px;
        padding-bottom: 50px;
    }
}
//ОБЩИЕ СТИЛИ

//хедер
.my-head{
    padding: 35px 0;
    background: #f8f8f8;
    position: relative;
    z-index: 9;
    
    @media(max-width: 724px){
        padding: 20px 0;
    }
    .container-head{
        padding: 0 150px;
        
        @media (max-width: 1700px){
            padding: 0 50px;
        }
        @media (max-width: 724px){
            padding: 0 30px;
        }
        @media (max-width: 350px){
            padding: 0 20px;
        }
    }
    .logo{
        float: left;
        display: block;
        width: 100px;
        height: 100px;
        background: url('../img/logo.svg') no-repeat 0 50%;
        background-size: contain;
        
        @media (max-width: 724px){
            width: 100%;
            height: 100px;
            background-position: center center;
        }
    }
    .btn-block{
        float: right;
        padding-top: 20px;
        
        @media (max-width: 724px){
            float: left;
        }
		.inst{
			position: relative;
            display: inline-block;
            vertical-align: text-top;
            padding: 13px 30px;
			padding-right: 0;
            padding-bottom: 11px;
            padding-left: 45px;
            margin-top: 3px;
			margin-right: 30px;
			text-decoration: none;
			transition: 0.3s all;
			
            @media (max-width: 724px){
                margin-right: 0;
            }
            &::before{
                content: '';
                position: absolute;
                left: 0;
                top: 8px;
                width: 30px;
                height: 30px;
                background: #f3e6d5 url('../img/instagram.svg') no-repeat 50% 50%;
				background-size: 24px;
            }
			&:hover{
				&::before{
					background: @color-1 url('../img/instagram-white.svg') no-repeat 50% 50%;
					background-size: 24px;
				}
			}
		}
        .adres{
            display: inline-block;
            vertical-align: text-top;
            padding: 13px 30px;
			padding-right: 0;
            padding-bottom: 11px;
            padding-left: 45px;
            margin-right: 30px;
            margin-top: 3px;
            position: relative;
            
            @media (max-width: 724px){
                margin-right: 0;
            }
            &::before{
                content: '';
                position: absolute;
                left: 0;
                top: 8px;
                width: 30px;
                height: 30px;
                background-color: #f3e6d5;
                background-repeat: no-repeat;
                background-position: center center;
                background-size: 20px;
                background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23080808' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3e%3ccircle cx='12' cy='10' r='3'/%3e%3cpath d='M12 21.7C17.3 17 20 13 20 10a8 8 0 1 0-16 0c0 3 2.7 6.9 8 11.7z'/%3e%3c/svg%3e");
            }
        }
        .phone{
            text-decoration: none;
            display: inline-block;
            vertical-align: text-top;
            padding: 9px 30px;
            padding-bottom: 11px;
            padding-left: 45px;
            font-size: 20px;
            font-weight: bold;
            margin-right: 20px;
            margin-top: 3px;
            position: relative;
            
            @media (max-width: 724px){
                display: none;
            }
            
            &::before{
                content: '';
                position: absolute;
                left: 0;
                top: 8px;
                width: 30px;
                height: 30px;
                background-color: #f3e6d5;
                background-repeat: no-repeat;
                background-position: center center;
                background-size: 20px;
                background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23080808' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3e%3crect x='5' y='2' width='14' height='20' rx='2' ry='2'%3e%3c/rect%3e%3cline x1='12' y1='18' x2='12.01' y2='18'%3e%3c/line%3e%3c/svg%3e");
                
                @media (max-width: 724px){
                    top: 4px;
                }
            }
        }
        .btn{
            vertical-align: text-top;
            
            @media (max-width: 724px){
                display: none;
            }
        }
        
        .btn-mess{
            display: none;
            padding: 18px 20px;
            padding-top: 15px;
            padding-left: 60px;
            box-sizing: border-box;
            text-decoration: none;
            position: relative;
            border: 1px solid @color-2;
            margin-top: 10px;
            
            &::before{
                content: '';
                position: absolute;
                left: 20px;
                top: 13px;
                width: 24px;
                height: 24px;
                background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='%23b7925c'%3e%3cpath d='M24 11.7c0 6.45-5.27 11.68-11.78 11.68-2.07 0-4-.53-5.7-1.45L0 24l2.13-6.27a11.57 11.57 0 0 1-1.7-6.04C.44 5.23 5.72 0 12.23 0 18.72 0 24 5.23 24 11.7M12.22 1.85c-5.46 0-9.9 4.41-9.9 9.83 0 2.15.7 4.14 1.88 5.76L2.96 21.1l3.8-1.2a9.9 9.9 0 0 0 5.46 1.62c5.46 0 9.9-4.4 9.9-9.83a9.88 9.88 0 0 0-9.9-9.83m5.95 12.52c-.08-.12-.27-.19-.56-.33-.28-.14-1.7-.84-1.97-.93-.26-.1-.46-.15-.65.14-.2.29-.75.93-.91 1.12-.17.2-.34.22-.63.08-.29-.15-1.22-.45-2.32-1.43a8.64 8.64 0 0 1-1.6-1.98c-.18-.29-.03-.44.12-.58.13-.13.29-.34.43-.5.15-.17.2-.3.29-.48.1-.2.05-.36-.02-.5-.08-.15-.65-1.56-.9-2.13-.24-.58-.48-.48-.64-.48-.17 0-.37-.03-.56-.03-.2 0-.5.08-.77.36-.26.29-1 .98-1 2.4 0 1.4 1.03 2.76 1.17 2.96.14.19 2 3.17 4.93 4.32 2.94 1.15 2.94.77 3.47.72.53-.05 1.7-.7 1.95-1.36.24-.67.24-1.25.17-1.37'/%3e%3c/svg%3e") no-repeat 50% 50%;
                background-size: contain;
            }
            @media (max-width: 724px){
                display: inline-block;
            }
        }
    }
}

//меню
.btn-menu{
    float: right;
    display: block;
    cursor: pointer;
    margin-top: 28px;
    margin-left: 60px;
    
    @media (max-width: 724px){
        margin-left: 0;
        margin-top: 39px;
    }
    .icon-menu{
        width: 40px;
        height: 30px;
        position: relative;
        display: inline-block;
        vertical-align: middle;
        transition: 0.3s all;
        
        span{
            position: absolute;
            width: 40px;
            height: 1px;
            background: @color-1;
            display: block;
            transition: 0.2s all;

            &:nth-child(1){
                top: 5px;
            }
            &:nth-child(2){
                top: 50%;
            }
            &:nth-child(3){
                bottom: 5px;
            }
        }
    }
    .text-menu{
        display: inline-block;
        vertical-align: middle;
        margin-left: 10px;
        margin-top: -2px;
        font-weight: bold;
        transition: 0.3s all;
        
        @media (max-width: 724px){
            display: none;
        }
    }
    &:hover{
        .icon-menu{
            span{
                &:nth-child(1){
                    top: 8px;
                }
                &:nth-child(3){
                    bottom: 7px;
                }
            }
        }
        .text-menu{
            color: @color-1;
        }
    }
}
.btn-menu.active{
    .icon-menu{
        span{
            &:nth-child(1){
                top: 14px;
                transform: rotate(45deg);
            }
            &:nth-child(2){
                top: 50%;
                opacity: 0;
            }
            &:nth-child(3){
//                bottom: 5px;
                bottom: 14px;
                transform: rotate(-45deg);
            }
        }
    }
}

.menu-big{
    position: absolute;
    left: 0;
    right: 0;
    top: 170px;
    background: #f7f1e9;
    z-index: 8;
    padding: 100px 0;
    box-sizing: border-box;
    height: calc(~'100vh - 170px');
    transition: 0.5s all;
    transform: translate3d(0, -100%, 0);
    
    @media (max-width: 724px){
        padding: 50px 0;
        height: auto;
        top: 223px;
    }
    .menu-cont{
        display: flex;
        width: 100%;
        height: 100%;
        align-items: center;
        align-content: center;
        justify-content: center;
        
        @media (max-width: 724px){
            display: block;
        }
    }
    ul{
        padding: 0;
        margin: 0;
        
        li{
            list-style: none;
            
            a{
                display: block;
                text-decoration: none;
                font-weight: bold;
                font-size: 52px;
                line-height: 50px;
                font-family: 'Cormorant Garamond', serif;
                padding: 20px 0;
                
                @media (max-width: 724px){
                    font-size: 22px;
                    line-height: 26px;
                    padding: 15px 0;
                }
            }
        }
    }
}
.menu-big.active{
    transform: translate3d(0, 0, 0);
}
//меню

.intro{
    padding-top: 0;
    padding-bottom: 100px;
    position: relative;
    background-color: #f8f8f8;
    text-align: center;
    overflow: hidden;
    
    @media (max-width: 724px){
        padding-top: 20px;
        padding-bottom: 70px;
    }
    &::before{
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 265px;
        height: 100%;
        background: url('../img/left-bg-intro.png') no-repeat left bottom;
        background-size: contain;
        
        @media (max-width: 1500px){
            left: -100px;
        }
        @media (max-width: 724px){
            display: none;
        }
    }
    &::after{
        content: '';
        position: absolute;
        right: 0;
        bottom: 30px;
        width: 335px;
        height: 385px;
        background: url('../img/right-bottom-bg-intro.png') no-repeat right bottom;
        
        @media (max-width: 1500px){
            right: -100px;
        }
        @media (max-width: 724px){
                right: 0;
                bottom: auto;
                top: 192px;
                width: 140px;
                height: 110px;
                background-size: contain;
        }
    }
    .container{
        position: relative;
        z-index: 2;
    }
    .text{
        text-align: left;
        
        @media (max-width: 724px){
            text-align: center;
        }
        .title{
            font-family: 'Cormorant Garamond', serif;
            font-weight: bold;
            font-size: 56px;
            line-height: 56px;
            margin-bottom: 60px;
            margin-left: -2px;
            position: relative;
            
            @media(max-width: 724px){
                font-size: 32px;
                line-height: 38px;
                margin-bottom: 30px;
            }
            span{
                display: block;
                background: linear-gradient(45deg, #9f713e 33%, #c8a056 66%, #e4bf65);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
            }
        }
        .descr{
            font-style: italic;
            position: relative;
            margin-bottom: 70px;
            padding-left: 100px;
            padding-left: 40px;
            padding-top: 15px;
            padding-bottom: 18px;

            @media(max-width: 724px){
                display: none;
            }
            &::before{
                content: '';
                position: absolute;
                left: 0;
                top: 0;
                bottom: 0;
                width: 60px;
                border: 1px solid @color-1;
                opacity: 0.2;
                
                @media(max-width: 724px){
                }
            }
            p{
                font-size: 18px;
            }
        }
		
		.btn{
			padding-left: 25px;
			padding-right: 25px;
		}
		.btn-border{
			margin-left: 10px;

			@media(max-width: 724px){
				margin-left: 0;
				margin-top: 10px;
			}
		}
    }
    .column-right .miniature{
        @media (max-width: 724px){
            margin-top: 40px;
            height: auto;
        }
        &::before{
            content: '';
            position: absolute;
            right: -50px;
            bottom: -50px;
            left: 50px;
            top: 50px;
            border: 1px solid #cab395;
            
            @media (max-width: 724px){
                left: 20px;
                top: 20px;
                right: -20px;
                bottom: -20px;
            }
        }
    }
}

.column-left{
    padding-left: calc(~'50% + 50px');
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative;
    
    @media (max-width: 724px){
        padding: 0;
    }
    .miniature{
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: calc(~'50% - 50px');
        
        @media (max-width: 724px){
            position: relative;
            left: auto;
            top: auto;
            bottom: auto;
            width: 100%;
            height: 300px;
            margin-bottom: 40px;
        }
        img{
            width: 100%;
            height: 100%;
            object-fit: cover;
            vertical-align: bottom;
        }
    }
    .miniature-two{
        @media (max-width: 724px){
            height: 250px;
        }
        img{
            width: 80%;
            position: absolute;
            left: 0;
            top: 0;
            height: 75%;
            
            &:nth-child(2){
                left: auto;
                right: 0;
                top: auto;
                bottom: 0;
            }
        }
    }
    .miniature-vertical{
        @media (max-width: 724px){
            height: 500px;
        }
        img{
            height: calc(~'33.33333% - 30px');
            margin: 15px 0;
        }
    }
}

.column-right{
    padding-right: calc(~'50% + 50px');
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative;
    
    @media (max-width: 724px){
        padding: 0;
    }
    .miniature{
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: calc(~'50% - 50px');
        
        @media (max-width: 724px){
            position: relative;
            left: auto;
            top: auto;
            bottom: auto;
            width: 100%;
            height: 300px;
            margin-bottom: 40px;
        }
        img{
            width: 100%;
            height: 100%;
            object-fit: cover;
            vertical-align: bottom;
        }
    }
    .miniature-two{
        @media (max-width: 724px){
            height: 250px;
        }
        img{
            width: 80%;
            position: absolute;
            left: 0;
            top: 0;
            height: 75%;
            
            &:nth-child(2){
                left: auto;
                right: 0;
                top: auto;
                bottom: 0;
            }
        }
    }
}

.guasha{
    padding-top: 100px;
    
    @media (max-width: 724px){
        padding-top: 70px;
    }
    .miniature{
        &::before{
            content: '';
            position: absolute;
            right: -63px;
            top: -10px;
            background: url('../img/bg-miniature-guasha.png') no-repeat right top;
            width: 165px;
            height: 165px;
            
            @media (max-width: 724px){
                top: 0;
                right: 0;
                width: 100px;
                height: 100px;
                background-size: contain;
            }
        }
        &::after{
            content: '';
            position: absolute;
            left: 50px;
            bottom: 50px;
            width: 100px;
            height: 100px;
            border: 1px solid #cab395;
            
            @media (max-width: 724px){
                left: 20px;
                bottom: 20px;
            }
        }
    }
    .btn{
        margin-top: 45px;
        
        @media (max-width: 724px){
            margin-top: 30px;
        }
    }
}

.features{
    padding-top: 100px;
    padding-bottom: 100px;
    
    @media (max-width: 724px){
        padding-top: 40px;
        padding-bottom: 70px;
    }
    .miniature{
        &::before{
            content: '';
            position: absolute;
            left: -50px;
            bottom: -50px;
            right: 50px;
            top: 50px;
            border: 1px solid #cab395;
            
            @media (max-width: 724px){
                left: -20px;
                bottom: -20px;
                right: 20px;
                top: 20px;
            }
        }
    }
}
.features--inner{
    margin-bottom: 20px;

    &:last-child{
        margin-bottom: 0;
    }
    .icon{
        width: 80px;
        height: 80px;
        background: #f7f1e9;
        margin-right: 30px;
        display: inline-block;
        vertical-align: middle;
        text-align: center;

        @media (max-width: 724px){
            vertical-align: text-top;
        }
        span{
            font-weight: bold;
            font-size: 52px;
            line-height: 60px;
            font-family: 'Cormorant Garamond', serif;
            display: block;
            background: linear-gradient(45deg, #9f713e 33%, #c8a056 66%, #e4bf65);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        img{
            width: 50px;
            margin: 15px;
        }
    }
    .title{
        width: calc(~'100% - 115px');
        display: inline-block;
        vertical-align: middle;
        
        @media (max-width: 724px){
            vertical-align: text-top;
            margin-top: -7px;
        }
    }
}

.features-info{
    padding-top: 120px;
    position: relative;
    text-align: center;
    
    @media (max-width: 724px){
        padding-top: 100px;
    }
    &::before{
        content: "“";
        position: absolute;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        top: 50px;
        font-weight: bold;
        font-size: 200px;
        line-height: 50px;
        font-family: 'Cormorant Garamond', serif;
        color: #f3e6d5;
        text-align: center;
        
        @media (max-width: 724px){
            font-size: 150px;
        }
    }
    .entrytext{
        width: 800px;
        margin:  0 auto;
        text-align: center;
        
        @media (max-width: 724px){
            width: auto;
        }
    }
    .btn-block{
        margin-top: 50px;
        text-align: center;
        
        @media (max-width: 724px){
            margin-top: 40px;
        }
    }
}

.features-info--gray{
    background: #f8f8f8;
    padding-top: 200px;
    padding-bottom: 100px;
    
    @media(max-width: 724px){
        padding-top: 150px;
        padding-bottom: 50px;
    }
    &::before{
        top: 130px;

        @media(max-width: 724px){
            top: 90px;
        }
    }
}

.video-home{
    padding-top: 130px;
    
    @media(max-width: 724px){
        padding-top: 40px;
    }
    .container{
        position: relative;
    }
    .miniature{
        width: 50%;
        height: 400px;
        background: @color-2;
        position: absolute;
        left: 0;
        top: -70px;
        
        @media(max-width: 724px){
            width: 100%;
            height: 180px;
            position: relative;
            top: auto;
        }
        .btn-play{
            display: block;
            position: absolute;
            left: 50%;
            top: 50%;
            margin-left: -35px;
            margin-top: -35px;
            width: 70px;
            height: 70px;
            background: @color-1 url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 24 24' fill='none' stroke='%23fff ' stroke-width='1' stroke-linecap='square' stroke-linejoin='arcs'%3e%3cpolygon points='5 3 19 12 5 21 5 3'%3e%3c/polygon%3e%3c/svg%3e") no-repeat 57% 50%;
            border-radius: 50%;
            transition: 0.3s all;
            
            @media(max-width: 724px){
                width: 60px;
                height: 60px;
                margin-left: -30px;
                margin-top: -30px;
            }
            &:hover{
                background-color: @color-2;
            }
        }
        img{
            object-fit: cover;
            width: 100%;
            height: 100%;
            
        }
    }
    .title-video{
        margin-left: calc(~'50% - 100px');
        background: #f7f1e9;
        padding: 50px;
        padding-left: 150px;
        
        @media(max-width: 724px){
            margin: 0;
            padding: 50px 30px;
            padding-top: 40px;
        }
        .content-descr{
            margin-bottom: 30px;
        }
        .btn-play{
            display: inline-block;
            padding: 14px 0;
            padding-left: 60px;
            position: relative;
            text-decoration: none;
            color: @color-1;
            transition: 0.3s all;
            
            &::before{
                content: '';
                position: absolute;
                left: 0;
                top: 0;
                width: 50px;
                height: 50px;
                background: @color-1 url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff ' stroke-width='1' stroke-linecap='square' stroke-linejoin='arcs'%3e%3cpolygon points='5 3 19 12 5 21 5 3'%3e%3c/polygon%3e%3c/svg%3e") no-repeat 60% 50%;
                border-radius: 50%;
                transition: 0.3s all;
            }
            &:hover{
                color: @color-2;
                
                &::before{
                    background-color: darken(@color-2, 10%);
                }
            }
        }
    }
}

.about{
    padding-top: 100px;
    padding-bottom: 100px;
    
    @media (max-width: 724px){
        padding-top: 100px;
        padding-bottom: 70px;
    }
    .miniature{
        &::before{
            content: '';
            position: absolute;
            right: -100px;
            top: -50px;
            background: url('../img/bg-miniature-1.png') no-repeat right top;
            width: 290px;
            height: 270px;
            
            @media (max-width: 724px){
                top: 0;
                right: 0;
                width: 100px;
                height: 100px;
                background-size: contain;
            }
        }
        &::after{
            content: '';
            position: absolute;
            left: 50px;
            bottom: 50px;
            width: 100px;
            height: 100px;
            border: 1px solid #cab395;
            
            @media (max-width: 724px){
                left: 20px;
                bottom: 20px;
            }
        }
    }
    .btn{
        margin-top: 45px;
        
        @media (max-width: 724px){
            margin-top: 30px;
        }
    }
}

.features-products{
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #f8f8f8;
    position: relative;
    overflow: hidden;
    
    @media (max-width: 724px){
        padding-top: 70px;
        padding-bottom: 70px;
    }
    &::before{
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 265px;
        height: 600px;
        background: url('../img/left-bg-intro.png') no-repeat left 0;
        
        @media (max-width: 1500px){
            left: -100px;
        }
        @media (max-width: 724px){
            display: none;
        }
    }
    &::after{
        content: '';
        position: absolute;
        right: 0;
        bottom: 0;
        width: 335px;
        height: 280px;
        background: url('../img/right-bottom-bg-intro.png') no-repeat right 0;
        
        @media (max-width: 1500px){
            right: -100px;
        }
        @media (max-width: 724px){
            display: none;
        }
    }
    .container{
        position: relative;
        z-index: 2;
    }
}

.catalog{
    padding-top: 100px;
    padding-bottom: 50px;
    text-align: center;
    
    @media (max-width: 724px){
        padding-top: 70px;
        padding-bottom: 0;
    }
    .content-title{
        margin-bottom: 20px;
    }
    .descr-cont{
        margin-bottom: 50px;
    }
    .flex_block{
        justify-content: center;
    }
}

.course--inner{
    width: calc(~'50% - 25px');
    margin-right: 50px;
    margin-bottom: 50px;
    background: #f8f8f8;
    padding-bottom: 200px;
    position: relative;
    
    @media(max-width: 724px){
        width: 100%;
        margin-right: 0;
        padding-bottom: 0;
    }
    &:nth-child(2n){
        margin-right: 0;
    }
    .miniature{
        height: 350px;
        
        img{
            object-fit: cover;
            width: 100%;
            height: 100%;
        }
    }
    .text{
        padding: 50px;
        padding-bottom: 0;
        
        @media(max-width: 724px){
            padding: 50px 30px;
        }
        .products-info{
            margin-bottom: 20px;
        }
        .block-position{
            padding: 50px;
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            
            @media(max-width: 724px){
                position: static;
                padding: 0;
            }
        }
        .price-block{
            font-weight: bold;
            font-weight: bold;
            text-align: center;
            margin-bottom: 30px;
            
            del,
            .price-old{
                font-size: 18px;
                color: #a9a9a9;
                font-weight: normal;
                text-decoration: line-through;
                display: block;
            }
            
            ins,
            .price-new{
                font-size: 24px;
                display: block;
                text-decoration: none;
            }
        }
    }
}

.course--inner--one{
    width: 100%;
    margin-right: 0;
    text-align: left;
    padding: 0;
    
    .miniature{
        width: calc(~'50% - 25px');
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        height: auto;
        
        @media(max-width: 724px){
            width: 100%;
            height: 350px;
            position: static;
        }
    }
    .text{
        padding-left: calc(~'50% + 25px');
        padding-bottom: 50px;
        
        @media(max-width: 724px){
            padding: 50px 30px;
        }
        .price-block{
            text-align: left;
        }
        strong{
            margin-bottom: 20px;
            display: block;
        }
    }
}

.guarantees{
    padding-top: 100px;
    padding-bottom: 100px;
    border-top: 2px solid #f8f8f8;
    
    @media (max-width: 724px){
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .left-block{
        width: 400px;
        margin-right: 70px;
        
        @media (max-width: 724px){
            width: auto;
            margin-right: 0;
        }
        .content-title{
            margin-bottom: 40px;
        }
        .btn{
            @media (max-width: 724px){
                display: none;
            }
        }
    }
    .guarantees_block{
        width: 630px;
        
        @media (max-width: 724px){
            width: auto;
        }
    }
    
    .guarantees--inner{
        width: 220px;
        margin-right: 30px;
        background: #f7f1e9;
        padding: 40px;
        
        @media (max-width: 724px){
            width: auto;
            padding: 30px;
            margin-right: 0;
            margin-bottom: 30px;
        }
        .icon{
            width: 50px;
            height: 50px;
            margin-bottom: 20px;
            background: url('../img/guarantee.svg') no-repeat 50% 50%;
            background-size: 50px;
        }
        &:nth-child(2n){
            margin-right: 0;
            
            @media (max-width: 724px){
                margin-bottom: 0;
            }
            .icon{
                background: url('../img/delivery.svg') no-repeat 50% 50%;
                background-size: 50px;
            }
        }
    }
}

.form-consultation{
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #f8f8f8;
    position: relative;
    
    @media (max-width: 724px){
        padding-top: 70px;
        padding-bottom: 70px;
    }
    &::before{
        content: '';
        position: absolute;
        left: 0;
        bottom: 230px;
        width: 235px;
        height: 325px;
        background: url('../img/form-consultation-bg-left.png') no-repeat left 0;
        
        @media (max-width: 1500px){
            left: -100px;
        }
        @media (max-width: 724px){
            display: none;
        }
    }
    &::after{
        content: '';
        position: absolute;
        right: 0;
        bottom: 150px;
        width: 415px;
        height: 380px;
        background: url('../img/form-consultation-bg-right.png') no-repeat left 0;
        background-size: contain;
        
        @media (max-width: 1500px){
            width: 300px;
        }
        @media (max-width: 724px){
            bottom: auto;
            width: 100px;
            height: 200px;
            background-size: contain;
            top: 515px;
            right: 0;
        }
    }
    .container{
        position: relative;
        z-index: 2;
    }
    .miniature{
        &::after{
            content: '';
            position: absolute;
            left: 50px;
            bottom: 80px;
            width: 100px;
            height: 100px;
            border: 1px solid #cab395;
            
            @media (max-width: 724px){
                left: 20px;
                bottom: 20px;
            }
        }
    }
    form{
        width: 300px;
        
        input{
            width: 100%;
            margin-bottom: 15px;
        }
        .btn{
            width: 100%;
        }
    }
}

.video{
    padding-top: 100px;
    padding-bottom: 100px;
    text-align: center;
    
    @media (max-width: 724px){
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .video--inner{
        display: block;
        width: 346px;
        height: 200px;
        margin-right: 30px;
        margin-bottom: 30px;
        text-decoration: none;
        position: relative;
        overflow: hidden;

        @media (max-width: 724px){
            width: auto;
            margin-right: 0;
            height: 170px;
        }
        &:nth-child(3n){
            margin-right: 0;
        }
        
        img{
            width: 100%;
            height: 100%;
            object-fit: cover;
            vertical-align: bottom;
            transition: 0.5s all;
        }
        
        .btn-play{
            background: @color-1 url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolygon points='5 3 19 12 5 21 5 3'%3e%3c/polygon%3e%3c/svg%3e") no-repeat 60% 50%;
            background-size: 26px;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            display: block;
            position: absolute;
            left: 50%;
            top: 50%;
            margin-left: -30px;
            margin-top: -30px;
            z-index: 3;
            transition: 0.3s all;
            
            &:hover{
                background-color: @color-2;
            }
        }
        
        &:hover{
            img{
                transform: scale(1.3);
                -webkit-filter: grayscale(100%);
                -moz-filter: grayscale(100%);
                -ms-filter: grayscale(100%);
                -o-filter: grayscale(100%);
                filter: grayscale(100%);
                filter: gray; /* IE 6-9 */
            }
        }
    }
}

.sertificats{
    padding-top: 100px;
    padding-bottom: 100px;
    text-align: center;
	background: #fbfbfb;
    
    @media (max-width: 724px){
		padding-top: 50px;
        padding-bottom: 50px;
    }
    .sertificats--inner{
        display: block;
        text-decoration: none;
        height: 350px;
        position: relative;
        border: 1px solid @color-2;
        
        @media (max-width: 724px){
            height: 250px;
        }
        &::before{
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: rgba(243, 230, 213, 0.81) url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3e%3ccircle cx='11' cy='11' r='8'%3e%3c/circle%3e%3cline x1='21' y1='21' x2='16.65' y2='16.65'%3e%3c/line%3e%3cline x1='11' y1='8' x2='11' y2='14'%3e%3c/line%3e%3cline x1='8' y1='11' x2='14' y2='11'%3e%3c/line%3e%3c/svg%3e") no-repeat 50% 50%;
            background-size: 40px;
            opacity: 0;
            transform: scale(0);
            transition: 0.5s all;
        }
        img{
            width: 100%;
            height: 100%;
            object-fit: cover;
            vertical-align: bottom;
        }
        &:hover{
            &::before{
                opacity: 1;
                transform: scale(1);
            }
        }
    }
}

.reviews{
    padding-bottom: 100px;
    text-align: center;
    
    @media (max-width: 724px){
        padding-bottom: 50px;
    }
    
    .logo{
        display: block;
        width: 100%;
        height: 150px;
        background: url('../img/logo.svg') no-repeat 50% 50%;
        background-size: contain;
        margin-bottom: 60px;
        
        @media (max-width: 724px){
            height: 100px;
            margin-bottom: 30px;
        }
    }
    .rev--inner{
        display: block;
        text-decoration: none;
        height: 350px;
        position: relative;
        border: 1px solid @color-2;
        
        @media (max-width: 724px){
            height: 250px;
        }
        &::before{
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: rgba(243, 230, 213, 0.81) url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3e%3ccircle cx='11' cy='11' r='8'%3e%3c/circle%3e%3cline x1='21' y1='21' x2='16.65' y2='16.65'%3e%3c/line%3e%3cline x1='11' y1='8' x2='11' y2='14'%3e%3c/line%3e%3cline x1='8' y1='11' x2='14' y2='11'%3e%3c/line%3e%3c/svg%3e") no-repeat 50% 50%;
            background-size: 40px;
            opacity: 0;
            transform: scale(0);
            transition: 0.5s all;
        }
        img{
            width: 100%;
            height: 100%;
            object-fit: cover;
            vertical-align: bottom;
        }
        &:hover{
            &::before{
                opacity: 1;
                transform: scale(1);
            }
        }
    }
    .btn{
        padding-left: 50px;
        background-image: url('../img/instagram.svg');
        background-position: 18px 11px;
        background-repeat: no-repeat;
        background-size: 22px;
        
        &:hover{
            background-image: url('../img/instagram-white.svg');
        }
    }
}

.works{
    padding-top: 100px;
    padding-bottom: 100px;
    background: #fcfcfc;
    text-align: center;
    
    @media (max-width: 724px){
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .works--inner{
        margin-top: -40px;
        width: 172px;
        padding: 40px;
        margin-right: 30px;
        
        @media (max-width: 724px){
            margin: 0 auto;
            margin-top: -50px;
        }
        &:nth-child(4n){
            margin-right: 0;
            
            @media (max-width: 724px){
                margin: 0 auto;
                margin-top: -50px;
            }
        }
        .num{
            font-size: 70px;
            font-weight: bold;
            font-family: 'Cormorant Garamond', serif;
            margin-bottom: 10px;
            color: @color-1;
        }
    }
    .title-block{
        display: inline-block;
        text-align: left;
        padding-left: 40px;
        padding-top: 17px;
        padding-bottom: 20px;
        margin-bottom: 0;
        margin-top: 40px;
        position: relative;

        @media (max-width: 724px){
            font-size: 14px;
        }
        &::before{
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 80px;
            border: 1px solid @color-1;
            opacity: 0.5;
        }
        br{
            @media (max-width: 724px){
                display: none;
            }
        }
    }
    
    .btn-block{
        margin-top: 30px;
    }
}

.contacts-big{
    padding-top: 100px;
    padding-bottom: 100px;
    
    @media (max-width: 724px){
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .miniature{
        @media (max-width: 724px){
            height: 300px;
        }
        img{
            object-position: 0 0;
        }
    }
    .contacts_block{
        padding: 0;
        margin: 0;
        
        li{
            display: block;
            list-style: none;
            margin-bottom: 15px;
            
            .ct--inner{
                display: inline-block;
                text-decoration: none;
                padding-left: 45px;
                position: relative;
                font-weight: bold;
                
                &::before{
                    content: '';
                    position: absolute;
                    left: 0;
                    top: -1px;
                    width: 30px;
                    height: 30px;
                    background-color: #f3e6d5;
                    background-repeat: no-repeat;
                    background-position: center center;
                    background-size: 20px;
                }
            }
            .phone::before{
                background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23080808' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3e%3crect x='5' y='2' width='14' height='20' rx='2' ry='2'%3e%3c/rect%3e%3cline x1='12' y1='18' x2='12.01' y2='18'%3e%3c/line%3e%3c/svg%3e");
            }
            .email::before{
                background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23080808' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'%3e%3c/path%3e%3cpolyline points='22,6 12,13 2,6'%3e%3c/polyline%3e%3c/svg%3e");
            }
            .adres::before{
                background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23080808' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3e%3ccircle cx='12' cy='10' r='3'/%3e%3cpath d='M12 21.7C17.3 17 20 13 20 10a8 8 0 1 0-16 0c0 3 2.7 6.9 8 11.7z'/%3e%3c/svg%3e");
            }
            .time::before{
                background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23080808' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3e%3ccircle cx='12' cy='12' r='10'%3e%3c/circle%3e%3cpolyline points='12 6 12 12 16 14'%3e%3c/polyline%3e%3c/svg%3e");
            }
        }
    }
}

.form-center{
    text-align: center;
    padding-bottom: 100px;
    position: relative;
    overflow: hidden;
    
    @media (max-width: 724px){
        padding-bottom: 70px;
    }
    .container{
        position: relative;
        z-index: 2;
    }
    &::before{
        content: '';
        position: absolute;
        right: 0;
        bottom: 30px;
        width: 400px;
        height: 270px;
        background: url('../img/bg-footer-right.png') no-repeat right bottom;
        
        @media (max-width: 1500px){
            right: -100px;
        }
        @media (max-width: 724px){
            right: 0;
            bottom: auto;
            top: 20px;
            width: 70px;
            height: 100px;
            background-size: contain;
        }
    }
    form{
        input{
            width: 200px;
            display: inline-block;
            vertical-align: text-top;
            margin-right: 10px;
            
            @media (max-width: 724px){
                width: 100%;
                margin-right: 0;
                margin-bottom: 10px;
            }
        }
        .btn{
            width: 200px;
            display: inline-block;
            vertical-align: text-top;
            
            @media (max-width: 724px){
                width: 100%;
            }
        }
        .polit-form{
            text-align: center;
        }
    }
}

.smg-footer{
    padding-top: 60px;
    padding-bottom: 60px;
    background: #f8f8f8;
    position: relative;
    
    @media (max-width: 724px){
        text-align: center;
    }
    &::before{
        content: '';
        position: absolute;
        left: 0;
        bottom: 80px;
        width: 445px;
        height: 405px;
        background: url('../img/bg-footer-left.png') no-repeat left bottom;
        
        @media (max-width: 1500px){
            left: -100px;
        }
        @media (max-width: 724px){
            left: 0;
            width: 130px;
            height: 200px;
            background-size: contain;
            bottom: 100px;
        }
    }
    .footer--inner{
        width: 33.333%;
        font-size: 13px;
        
        @media (max-width: 724px){
            width: auto;
        }
        &:nth-child(2){
            text-align: center;
            
            @media (max-width: 724px){
                margin: 10px 0;
            }
        }
        &:nth-child(3){
            text-align: right;
            
            @media (max-width: 724px){
                text-align: center;
            }
        }
    }
    a{
        text-decoration: none;
    }
    .danilsmg{
        display: inline-block;
        vertical-align: middle;
        padding-right: 70px;
        background: url('../img/logo_danilsmg.svg') no-repeat right 2px;
        background-size: auto 14px;
    }
}

.features-massage--page{
    .features--inner{
        width: calc(~'50% - 10px');
        margin-right: 20px;
        
        @media (max-width: 724px){
            width: 100%;
            margin-right: 0;
        }
        &:nth-child(2n){
            margin-right: 0;
        }
    }
    .miniature{
        &::before{
            content: '';
            position: absolute;
            left: auto;
            right: -100px;
            top: -50px;
            background: url('../img/bg-miniature-1.png') no-repeat right top;
            width: 290px;
            height: 270px;
            border: none;
            
            @media (max-width: 724px){
                top: 0;
                right: 0;
                width: 100px;
                height: 100px;
                background-size: contain;
            }
        }
        &::after{
            content: '';
            position: absolute;
            left: 50px;
            bottom: 50px;
            width: 100px;
            height: 100px;
            border: 1px solid #cab395;
            
            @media (max-width: 724px){
                left: 20px;
                bottom: 20px;
            }
        }
    }
}

.features-info-massage--page{
    margin-bottom: 50px;
}

.intro-page{
    padding-bottom: 50px;
    background: #f8f8f8;
    text-align: center;
    
    @media (max-width: 724px){
        padding-top: 50px;
    }
    .breadgrumbs{
        ul{
            padding: 0;
            margin: 0;
            
            li{
                list-style: none;
                display: inline-block;
                vertical-align: text-top;
                margin-right: 10px;
                padding-right: 14px;
                position: relative;
                
                &::before{
                    content: '';
                    position: absolute;
                    right: 0;
                    top: 11px;
                    width: 4px;
                    height: 4px;
                    border-radius: 50%;
                    background: @color-1;
                }
                &:last-child{
                    margin-right: 0;
                    padding-right: 0;
                    
                    &::before{
                        display: none;
                    }
                }
                a{
                    display: block;
                }
            }
        }
    }
}

.column-two{
    width: calc(~'50% - 25px');
    margin-right: 50px;
    background-color: #f8f8f8;
    padding: 50px;
    box-sizing: border-box;
    position: relative;
    
    @media (max-width: 724px){
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    &:nth-child(2){
        margin-right: 0;
        
        &::after {
            content: '';
            position: absolute;
            right: 0;
            bottom: 0;
            width: 175px;
            height: 200px;
            background: url('../img/right-bottom-bg-intro.png') no-repeat right bottom;
            background-size: contain;
            
            @media (max-width: 724px){
                width: 140px;
                height: 140px;
            }
        }
    }
}

.features-training{
    @media (max-width: 724px){
        padding-top: 30px;
        padding-bottom: 0;
    }
    .icon{
        @media (max-width: 724px){
            margin-top: -5px;
        }
    }
}

.cours-programs{
    .cours-item{
        padding-top: 100px;
        
        @media (max-width: 724px){
            padding-top: 70px;
        }
    }
    
    .about{
        padding-top: 0;
    }
    .features-info{
        text-align: center;
    }
    
    .price{
        font-weight: bold;
        font-size: 52px;
        line-height: 50px;
        font-family: 'Cormorant Garamond', serif;
        
        @media (max-width: 724px){
            text-align: center;
            font-size: 32px;
            line-height: 34px;
        }
        
        .old{
            font-size: 30px;
            line-height: 30px;
            color: #5f5f5f;
            text-decoration: line-through;
        }
        .new{
            background: linear-gradient(45deg, #9f713e 33%, #c8a056 66%, #e4bf65);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
    }
    .block-center-programs{
        text-align: center;
        margin-bottom: 50px;
    }
    .btn-block{
        margin-top: 30px;
    }
}

.cart-btn{
    position: fixed;
    right: 0;
    bottom: 50px;
    z-index: 100;
    padding: 10px 30px;
    padding-bottom: 12px;
    padding-left: 50px;
    background: #184741;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    
    @media (max-width: 724px){
        bottom: 0;
    }
    &::before{
        content: '';
        position: absolute;
        left: -30px;
        top: 0;
        width: 60px;
        height: 60px;
        border-radius: 50px;
        background: @color-1 url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3e%3ccircle cx='10' cy='20.5' r='1'/%3e%3ccircle cx='18' cy='20.5' r='1'/%3e%3cpath d='M2.5 2.5h3l2.7 12.4a2 2 0 0 0 2 1.6h7.7a2 2 0 0 0 2-1.6l1.6-8.4H7.1'/%3e%3c/svg%3e") no-repeat 45% 50%;
        
        @media (max-width: 724px){
            width: 58px;
            height: 58px;
        }
    }
    &:hover{
        background: @color-2;
        color: @text;
    }
}



#modal-smg-cardadd{
    display: block;
}

.woocommerce-error{
    color: #000 !important;
    
    li{
        font-size: 14px;
        line-height: 23px !important;
    }
    &::before{
        top: 20px !important;
    }
}

.woocommerce,
.woocommerce-checkout{
    .woocommerce-error{
        padding: 20px;
        padding-top: 17px;
        padding-left: 40px;
        
        &::before{
            left: 20px !important;
        }
        li{
            font-size: 12px;
            
            &::before{
                display: none;
            }
        }
    }
}

.woocommerce-message,
.shop_table{
    input[type="number"]{
        padding: 5px;
        width: 100px !important;
    }
    .button{
        background: #a7a7a7 !important;
        color: #000 !important;
        box-shadow: none !important;
        
        &:hover{
            background: #6f6f6f !important;
            color: #fff !important;
        }
    }
}

.woocommerce-NoticeGroup{
    margin-bottom: 50px;
}

.wc_payment_methods{
    padding: 0 !important;
    background: transparent !important;
    
    li{
        &::before{
            display: none;
        }
    }
}
#add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row{
    padding: 0 !important;
}
.woocommerce-checkout-payment{
}

.entrytext .woocommerce-shipping-methods{
    li{
        padding: 0;
        margin-bottom: 15px !important;
        
        &::before{
            display: none;
        }
        
        input{
            display: none;
        }
        label{
            display: block !important;
            padding: 20px;
            padding-left: 60px;
            position: relative;
            cursor: pointer;
            color: @text;
            background: #f7f7f7;
            font-weight: normal;
            
            &::before{
                content: '';
                position: absolute;
                left: 15px;
                top: 17px;
                width: 25px;
                height: 25px;
                border: 1px solid #cab395;
            }
        }
        input:checked ~ label{
            background: @color-1;
            color: #fff;
            
            &::before{
                background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e") no-repeat 50% 50%;
                background-size: 20px;
            }
            bdi{
                color: #195a28;
            }
        }
    }
}

body > div.page-content > div > div > div > div.cart-collaterals > div > table > tbody > tr.shipping,
#billing_country_field{
    display: none;
}

#order_review > table > tfoot > tr.order-total{
    font-size: 20px;
}


.checkout_custom{
    .left_checkout{
        float: left;
        width: calc(~'30%');
        position: sticky;
        left: 0;
        top: 0;
        background: #f8f8f8;
        
        @media (max-width: 861px){
            width: auto;
            float: none;
            position: static;
            margin-bottom: 30px;
        }
        .contain_checkout{
            padding: 30px;
            padding-top: 40px;
            
            .content-title{
                font-size: 22px;
                line-height: 22px;
                margin-bottom: 20px;
            }
            .woocommerce-shipping-totals,
            .btn-block{
                display: none;
            }
            #checkout_block_steps2{
                display: block !important;
            }
            table{
                border: none !important;
                
                tr{
                    border: none;
                    border-bottom: 1px solid #e2e2e2;
                }
                td,th{
                    border: none;
                    padding: 10px 0;
                    padding-right: 10px;
                    
                    &:nth-child(1){
                        width: 65%;
                    }
                    &:nth-child(2){
                        width: 35%;
                    }
                }
                .order-total{
                    color: #208057;
                }
            }
        }
    }
    
    .right_checkout{
        float: right;
        width: calc(~'70% - 50px');
        
        @media (max-width: 861px){
            width: auto;
            float: none;
        }
        .steps_blocks{
            position: relative;
            
            .checkout_block_steps{
            }
            #checkout_block_steps1{
                display: block;
            }
            #checkout_block_steps2{
                thead,
                tbody,
                tfoot .cart-subtotal,
                tfoot .cart-subtotal,
                .woocommerce-shipping-totals th,
                tfoot .order-total{
                    display: none !important;
                }
                td{
                    border: none;
                    padding: 0;
                }
            }
            
            #checkout_block_steps3{
//                display: none;
            }
        }
    }
    
    .info-uslov{
        position: relative;
        cursor: pointer;
        border-radius: 10px;
        color: #969696;
        margin-bottom: 45px;
    }
    table{
        border: none !important;
    }
    h3{
        margin: 0;
        margin-bottom: 30px;
    }
    .woocommerce-billing-fields__field-wrapper{
        p{
            width: calc(~'50% - 11px') !important;
            padding: 0 !important;
            margin: 0 !important;
            margin-right: 20px !important;
            float: none !important;
            display: inline-block;
            vertical-align: text-top;
            margin-bottom: 20px !important;
            
            @media (max-width: 861px){
                margin-right: 0 !important;
                width: 100% !important;
            }
        }
        
        #billing_last_name_field,
        #billing_email_field,
        #billing_postcode_field{
            margin-right: 0 !important;
        }
    }
    
    .woocommerce-additional-fields{
        h3{
            display: none;
        }
        textarea{
            min-height: 100px !important;
        }
    }
    .btn-block-none{
        display: none;
    }
    .btn-block{
        margin-top: 20px;
    }
    .woocommerce-form__label{
        .required{
            @media (max-width: 861px){
                display: inline !important;
            }
        }
    }
}

.shop_table.shop_table_responsive cart.woocommerce-cart-form__contents{
    tr{
        th, td{
            &:nth-child(2){
                display: none;
            }
        }
    }
}

#payment > h3{
    display: none;
}

.wc_payment_methods.payment_methods.methods{
    border: none !important;
    padding-bottom: 0 !important;
}

body > div.page-content > div > div > div > div > ul > li{
    
    @media (max-width: 861px){
        display: block !important;
        float: none !important;
        border-right: none !important;
        margin: 0 !important;
        margin-bottom: 20px !important;
    }
    &::before{
        display: none;
    }
}
body > div.page-content > div > div > div > div > section.woocommerce-customer-details > address{
    box-sizing: border-box;
}

.woocommerce{
    table{
        border: none !important;
        
        th,
        td{
            padding: 20px 0 !important;
            border: none !important;
            border-bottom: 1px solid #e0e0e0 !important;
        }
        tr{
        }
    }
    .form-row{
        label{
            font-size: 14px;
            color: #8a8a8a;
        }
    }
}

#ship-to-different-address{
    display: none;
}


.services{
    margin-top: 100px;
    padding-top: 100px;
    padding-bottom: 60px;
    background: #f8f8f8;
    
    @media(max-width: 724px){
        text-align: center;
        padding-bottom: 20px;
        padding-top: 70px;
        margin-top: 70px;
    }
    .content-title--center{
        text-align: center;
    }
    .services--inner{
        width: 100%;
        display: block;
        text-decoration: none;
        padding-bottom: 40px;
        margin-bottom: 40px;
        border-bottom: 1px solid #e3e3e3;
        position: relative;
        
        &:first-child{
            padding-top: 40px;
            border-top: 1px solid #e3e3e3;
            
            @media(max-width: 724px){
                padding-top: 30px;
            }
            .miniature{
                top: 40px;
            }
        }
        .text{
            padding: 20px 0;
            padding-right: 50%;
            
            @media(max-width: 724px){
                padding: 0;
            }
            .title-block{
                color: @color-1;
                margin-bottom: 20px;
                
                @media(max-width: 724px){
                    margin-bottom: 10px;
                }
            }
            .text-hidden{
                position: relative;
                
                .content-title{
                    display: inline-block;
                    font-size: 40px;
                    line-height: 45px;
                    margin-bottom: 20px;
                    position: relative;
                    
                    @media(max-width: 724px){
                        right: 0;
                        font-size: 30px;
                        line-height: 32px;
                    }
                    &::before{
                        content: '?';
                        color: #fff;
                        font-size: 16px;
                        font-weight: bold;
                        line-height: 20px;
                        text-align: center;
                        font-family: 'Open Sans', sans-serif;
                        
                        position: absolute;
                        right: -40px;
                        top: 16px;
                        width: 20px;
                        height: 20px;
                        border-radius: 50%;
                        background: #184741;
                        cursor: pointer;
                        
                        @media(max-width: 724px){
                            top: 8px;
                        }
                    }
                }
                .entrytext{
                    position: absolute;
                    width: 100%;
                    background: #ffffff;
                    border: 2px solid #efefef;
                    padding: 45px;
                    opacity: 0;
                    transition: 0.5s all;
                    z-index: -1;
                    
                    @media(max-width: 724px){
                        box-sizing: border-box;
                    }
                }
                &:hover{
                    .entrytext{
                        opacity: 1;
                        z-index: 5;
                    }
                }
            }
            .btn{
                @media(max-width: 724px){
                    width: 100%;
                }
            }
        }
        .miniature{
            position: absolute;
            right: 0;
            top: 0;
            bottom: 40px;
            width: calc(~'50% - 100px');
            
            @media(max-width: 724px){
                position: static;
                width: 100%;
                height: 200px;
                margin-bottom: 30px;
            }
            img{
                width: 100%;
                height: 100%;
                object-fit: cover;
                vertical-align: bottom;
            }
        }
    }
}

.woocommerce #payment{
    display: none;
}

.miniature-two--course{
	img{
		object-position: 0 35%;
	}
}

.padding-top{
    padding-top: 100px;
    
    @media(max-width: 724px){
        padding-top: 70px;
    }
}
.margin-top{
    margin-top: 100px;
    
    @media(max-width: 724px){
        margin-top: 70px;
    }
}
.margin-bottom{
    margin-bottom: 70px;
}
.padding-top-none{
    padding-top: 0;
}

.end{
    .end-cont{
        padding: 50px;
        border: 1px solid @color-2;
        text-align: center;
        font-style: italic;
        
        @media(max-width: 724px){
            padding: 50px 30px;
        }
    }
}

.guasha-decornone{
    .miniature{
        &::before{
            display: none;
        }
        &::after{
            left: -50px;
            bottom: -50px;
            
            @media (max-width: 724px){
                left: -20px;
                bottom: -20px;
            }
        }
    }
}

.page-product--single{
    position: relative;

    &::before{
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        height: 300px;
        background: #f8f8f8;
    }
    
    .product-single--top{
        position: relative;

        .miniatures-left{
            width: 50%;
            height: 400px;
            background: @color-2;
            position: absolute;
            left: 0;
            top: -80px;
            z-index: 2;
            
            &::before{
                content: '';
                position: absolute;
                left: -50px;
                bottom: -50px;
                width: 150px;
                height: 150px;
                border: 1px solid @color-1;

                @media (max-width: 724px){
                    display: none;
                }
            }

            @media(max-width: 724px){
                width: 100%;
                height: 180px;
                position: relative;
                top: auto;
            }
            img{
                object-fit: cover;
                width: 100%;
                height: 100%;

            }
        }
        .text-right{
            margin-left: calc(~'50% - 100px');
            background: #f7f1e9;
            padding: 70px 50px;
            padding-left: 150px;
            position: relative;

            @media(max-width: 724px){
                margin: 0;
                padding: 40px 30px;
            }
            .btn-go{
                text-decoration: none;
                color: @color-1;
                display: inline-block;
                margin-bottom: 20px;
                transition: 0.3s all;
                
                &:hover{
                    color: @color-2;
                }
            }
            .content-title{
                margin-bottom: 10px;
            }
        }
    }
    
    .entrytext{
        margin-top: 100px;
        
        @media (max-width: 724px){
            margin-top: 40px;
        }
    }

    .produkt-nav--big{
        padding: 50px;
        background: #fff;
        border: 1px solid @color-2;
        margin-top: 80px;

        @media (max-width: 724px){
            padding: 50px 30px;
            margin-top: 40px;
        }
        .text{
            float: left;
            margin-top: -5px;

            @media (max-width: 724px){
                margin-bottom: 30px;
            }
            .title-block{
                margin-bottom: 5px;
            }
        }
        .produkt-navigation{
            float: right;

            @media (max-width: 724px){
                float: none;
            }
            .product_meta,
            .product_title{
                display: none;
            }
            .price{
                display: inline-block;
                vertical-align: text-top;
                margin-top: -3px;
                margin-right: 40px;

                @media (max-width: 724px){
                    margin-bottom: 30px;
                }
                del,
                .price-old{
                    font-size: 18px;
                    color: #a9a9a9;
                    font-weight: normal;
                    text-decoration: line-through;
                    display: block;
                }

                ins,
                .price-new{
                    font-size: 22px;
                    font-weight: bold;
                    display: block;
                    text-decoration: none;
                }
            }
            form{
                display: inline-block;
                vertical-align: text-top;

                @media (max-width: 724px){
                    display: block;
                }
                .quantity{
                    width: 100px;
                    display: inline-block;
                    vertical-align: text-top;
                    margin-top: 5px;
                    margin-right: 5px;

                    @media (max-width: 724px){
                        width: 100%;
                        margin: 0;
                        margin-bottom: 10px;
                    }
                    input{
                        padding-left: 10px;
                        padding-right: 10px;
                        width: 100%;
                        box-sizing: border-box;
                        
                        @media (max-width: 724px){
                            margin-bottom: 0;
                        }
                    }
                }
                .button{
                    display: inline-block;
                    vertical-align: text-top;
                    
                    @media (max-width: 724px){
                        display: block;
                    }
                }
            }
        }
    }
}

.info-red{
    background: #ff6b6b;
    color: #fff;
    padding: 30px;
    padding-top: 25px;
    
    .title-block{
        margin-bottom: 0;
    }
}
.woocommerce-billing-fields{
    #billing_email_field{
        position: relative;
        
        &::before{
            content: 'Перепроверьте email, туда придет курс!';
            position: absolute;
            right: 0;
            top: 0;
            color: #409f52;
        }
    }
}
.title-block-decor{
    display: inline-block;
    position: relative;
    color: #286f66;
    font-style: italic;
    padding-left: 80px;
    margin-top: 10px;
    margin-bottom: 30px;
    text-align: left;
    
    @media (max-width: 724px){
        padding: 0;
        text-align: center;
        
        br{
            display: none;
        }
    }
    &::before{
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 60px;
        height: 60px;
        background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%23b7925c' stroke-width='1' stroke-linecap='square' stroke-linejoin='arcs'%3e%3cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'%3e%3c/path%3e%3c/svg%3e") no-repeat 50% 50%;
        border-radius: 50%;
        border: 1px solid #286f66;
        
        @media (max-width: 724px){
            position: static;
            margin: 0 auto;
            display: block;
            width: 50px;
            height: 50px;
            margin-bottom: 10px;
        }
    }
    .title-block{
        margin-bottom: 0;
    }
}