html,body,div,span,a,img,ul,li,header,section,video{margin:0;padding:0;border:0;box-sizing:border-box}
*,*:before,*:after{box-sizing:border-box}
html{
    -webkit-text-size-adjust:100%;
    --color-white:#fff;
    --color-basic:#2E2317;
    --color-green:#0A8E08;
    --color-darkgreen:#025e01;
}
@media (min-width:1440px){body{--respon:1px}}
@media (min-width:756px) and (max-width:1439px){body{--respon:calc((100vw - 756px)/683)}}
@media (max-width:756px){body{--respon:0px}}

body{
    position:relative;
    color:var(--color-basic);
    background:#fff;
    font-size:16px;
    line-height:1;
    font-family:"Open Sans",Arial,sans-serif;
}
a{color:inherit;text-decoration:none;outline:none}
img,video{max-width:100%}
ul{list-style:none}
svg{flex-shrink:0}

.wrapper{overflow:hidden;margin:0 auto;height:100%}
.inside{
    max-width:1440px;
    margin:0 auto;
    position:relative;
    padding:0 calc(15px + 115*var(--respon));
}
.row_space_between{
    display:flex;
    justify-content:space-between;
}
.hidden{display:none}
.green_txt{color:var(--color-green)}
.w50{width:50%}

/* Header */
.header{
    position:absolute;
    top:0;
    left:0;
    z-index:9;
    width:100%;
    padding-top:calc(10px + 20*var(--respon));
    padding-bottom:calc(10px + 10*var(--respon));
    color:var(--color-white);
    background:transparent;
}
.header a{color:var(--color-white)}
.logo{width:calc(80px + 70*var(--respon))}
.logo img{display:block;width:100%;height:auto}
.right_header{width:70%}
.menu{
    display:flex;
    justify-content:space-between;
    gap:43px;
}
.menu li{
    font-size:12px;
    line-height:17px;
    text-transform:uppercase;
    white-space:nowrap;
}
.top_phone_block{
    margin-right:3px;
    padding-left:40px;
    white-space:nowrap;
}
.top_phone{
    font-size:20px;
    line-height:28px;
    text-align:right;
    text-transform:uppercase;
}
.top_phone_line2{
    font-size:10px;
    line-height:14px;
    text-align:right;
}
.top_phone_line3{
    margin-top:13px;
    font-size:12px;
    line-height:16px;
    text-align:right;
}
.close_menu{display:none}
.mob_menu{display:none}

/* First screen */
.top_banner,
.top_img{
    position:relative;
    overflow:hidden;
    width:100%;
    height:90vh;
    min-height:560px;
    background:#1d1711;
}
.top_banner:after{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:linear-gradient(90deg,rgba(0,0,0,.42),rgba(0,0,0,.12) 58%,rgba(0,0,0,.18));
    pointer-events:none;
}
.top_banner .video{
    position:absolute;
    top:50%;
    left:50%;
    width:100%;
    height:100%;
    min-width:100%;
    max-width:none;
    object-fit:cover;
    transform:translate(-50%,-50%);
}
.video_text_block{
    position:absolute;
    inset:0;
    z-index:2;
    display:flex;
    color:var(--color-white);
    padding-top:calc(80px + 90*var(--respon));
    font-family:"Open Sans Condensed","Arial Narrow",Arial,sans-serif;
    font-weight:300;
}
.video_text_ttl{
    font-size:calc(46px + 40*var(--respon));
    line-height:calc(60px + 40*var(--respon));
    text-transform:uppercase;
}
.video_text_color{
    margin-top:calc(10px + -5*var(--respon));
    font-size:calc(28px + 10*var(--respon));
    line-height:calc(39px + 14*var(--respon));
    text-transform:uppercase;
}
.video_text_line3{
    font-size:calc(42px + 26*var(--respon));
    line-height:calc(57px + 36*var(--respon));
    text-transform:uppercase;
}
.video_text_line4{
    margin-top:5px;
    font-family:"Open Sans",Arial,sans-serif;
    font-size:calc(14px + 2*var(--respon));
    line-height:calc(20px + 2*var(--respon));
    font-weight:400;
}
.video_text_green_block{
    position:absolute;
    z-index:3;
    right:calc(15px + 118*var(--respon));
    bottom:calc(0px + 83*var(--respon));
    width:calc(90px + 51*var(--respon));
    height:calc(288px + 159*var(--respon));
    padding-top:calc(143px + 90*var(--respon));
    background:url("/templates/pinewerk/img/bg1.png") no-repeat 0 0 / cover;
    color:var(--color-white);
    font-family:"Open Sans",Arial,sans-serif;
    font-size:calc(14px + 4*var(--respon));
    line-height:calc(19px + 4*var(--respon));
    font-weight:600;
    text-align:center;
    text-transform:uppercase;
}
.video_text_green_block svg{
    display:block;
    height:6px;
    margin:calc(8px + 7*var(--respon)) auto 0;
}

/* Mobile first screen/menu */
@media screen and (max-width:979px){
    .hidden980{display:none}
    .view980{display:block}
    .right_header{width:auto}
    .top_banner,.top_img{height:auto;min-height:0}
    .top_banner .video{
        position:relative;
        top:auto;
        left:0;
        width:200%;
        height:auto;
        min-width:0;
        transform:none;
    }
    .mob_menu{
        display:block;
        margin-left:20px;
        padding-top:6px;
        cursor:pointer;
    }
    .phone_icon{display:block;margin-top:5px}
    .lp2 .video_text_block .w50{width:90%}
    .menu_block{
        position:absolute;
        left:-999px;
        top:-10px;
        z-index:99;
        width:100%;
        height:100vh;
        padding:0;
        color:var(--color-basic);
        background:var(--color-white);
        transition:left .5s linear;
    }
    .menu_block.open{left:0}
    .menu_block .bg_header{
        display:flex;
        background:var(--color-basic);
        padding-top:10px;
        padding-bottom:5px;
    }
    .menu{
        display:block;
        width:auto;
        margin-top:35px;
        padding:0 calc(15px + 115*var(--respon));
    }
    .menu li{
        font-size:14px;
        line-height:20px;
        text-align:left;
    }
    .menu li+li{margin-top:30px}
    .menu_block a,.menu li a{color:var(--color-basic)}
    .menu_block .top_phone{text-align:left}
    .menu_block .top_phone_line2{
        margin-top:7px;
        font-size:14px;
        line-height:19px;
        text-align:left;
    }
    .menu_block .top_phone_line3{
        margin-top:29px;
        text-align:left;
    }
}
@media screen and (max-width:756px){
    .sm_w90{width:90%}
    .video_text_line3{margin-top:10px}
    .video_text_line4{width:60%}
}

.proud_owl:not(.owl-loaded) {
    position: relative;
    min-height: 560px;
    max-height: 560px;
    overflow: hidden;
}

.proud_owl:not(.owl-loaded) > * {
    visibility: hidden;
}

.proud_owl:not(.owl-loaded)::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    border: 1px solid rgba(46, 35, 23, 0.12);
    background: #f7f7f7;
}

.proud_owl:not(.owl-loaded)::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 3;
    width: 36px;
    height: 36px;
    margin: -18px 0 0 -18px;
    border: 3px solid rgba(46, 35, 23, 0.15);
    border-top-color: var(--color-green);
    border-radius: 50%;
    animation: owl-loader-spin 0.8s linear infinite;
}

@keyframes owl-loader-spin {
    to {
        transform: rotate(360deg);
    }
}