/* Minification failed. Returning unminified contents.
(26,24): run-time error CSS1039: Token not allowed after unary operator: '-main-font'
(88,33): run-time error CSS1039: Token not allowed after unary operator: '-space'
(89,41): run-time error CSS1039: Token not allowed after unary operator: '-space-large'
(103,56): run-time error CSS1039: Token not allowed after unary operator: '-area'
(105,20): run-time error CSS1039: Token not allowed after unary operator: '-main_color'
(106,27): run-time error CSS1039: Token not allowed after unary operator: '-main_color_light'
(115,34): run-time error CSS1039: Token not allowed after unary operator: '-color'
(121,69): run-time error CSS1046: Expect comma, found '0'
(121,73): run-time error CSS1046: Expect comma, found '/'
(121,101): run-time error CSS1046: Expect comma, found '0'
(121,105): run-time error CSS1046: Expect comma, found '/'
(124,88): run-time error CSS1039: Token not allowed after unary operator: '-area'
(142,46): run-time error CSS1039: Token not allowed after unary operator: '-scroll_width'
(164,40): run-time error CSS1039: Token not allowed after unary operator: '-main_color'
(166,212): run-time error CSS1039: Token not allowed after unary operator: '-elevation'
(168,47): run-time error CSS1039: Token not allowed after unary operator: '-main_color'
(176,56): run-time error CSS1039: Token not allowed after unary operator: '-area'
(177,90): run-time error CSS1039: Token not allowed after unary operator: '-border'
(183,75): run-time error CSS1039: Token not allowed after unary operator: '-space'
(187,123): run-time error CSS1039: Token not allowed after unary operator: '-border'
(197,27): run-time error CSS1039: Token not allowed after unary operator: '-main_color_light'
(228,55): run-time error CSS1039: Token not allowed after unary operator: '-main_color'
(229,70): run-time error CSS1039: Token not allowed after unary operator: '-main_color'
(230,35): run-time error CSS1039: Token not allowed after unary operator: '-main_color'
(231,63): run-time error CSS1039: Token not allowed after unary operator: '-color'
(231,133): run-time error CSS1039: Token not allowed after unary operator: '-color'
(238,74): run-time error CSS1039: Token not allowed after unary operator: '-space'
(252,71): run-time error CSS1039: Token not allowed after unary operator: '-color'
(307,28): run-time error CSS1039: Token not allowed after unary operator: '-border'
(325,37): run-time error CSS1039: Token not allowed after unary operator: '-background'
(346,30): run-time error CSS1039: Token not allowed after unary operator: '-area'
(348,29): run-time error CSS1039: Token not allowed after unary operator: '-area'
(349,28): run-time error CSS1039: Token not allowed after unary operator: '-area'
(404,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(405,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(406,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(407,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(408,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(409,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(410,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(411,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(412,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(413,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(414,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(415,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(416,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(424,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(425,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(433,306): run-time error CSS1039: Token not allowed after unary operator: '-main_color'
(437,98): run-time error CSS1039: Token not allowed after unary operator: '-text'
(447,54): run-time error CSS1039: Token not allowed after unary operator: '-main_cont'
(447,81): run-time error CSS1039: Token not allowed after unary operator: '-text'
(523,55): run-time error CSS1039: Token not allowed after unary operator: '-main_color'
(553,50): run-time error CSS1039: Token not allowed after unary operator: '-scroll_width'
(577,25): run-time error CSS1039: Token not allowed after unary operator: '-area'
(577,143): run-time error CSS1039: Token not allowed after unary operator: '-border'
(577,172): run-time error CSS1039: Token not allowed after unary operator: '-area'
(581,111): run-time error CSS1039: Token not allowed after unary operator: '-area'
(606,95): run-time error CSS1039: Token not allowed after unary operator: '-border'
(606,144): run-time error CSS1039: Token not allowed after unary operator: '-area'
(628,52): run-time error CSS1039: Token not allowed after unary operator: '-area'
(647,19): run-time error CSS1039: Token not allowed after unary operator: '-space'
(662,40): run-time error CSS1039: Token not allowed after unary operator: '-main_color'
(672,51): run-time error CSS1039: Token not allowed after unary operator: '-scroll_width'
(672,78): run-time error CSS1039: Token not allowed after unary operator: '-area'
(673,31): run-time error CSS1039: Token not allowed after unary operator: '-area'
 */





* {
    padding:0;margin:0;box-sizing:border-box;outline:none;border:none;
    -webkit-touch-callout:none; /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust:none; /* prevent webkit from resizing text to fit */
    -webkit-tap-highlight-color:rgba(0,0,0,0); /* prevent tap highlight color / shadow */
    user-select:none;  
}

* { /* box-shadow:0 0 0 1px red!important;*/}
* {box-sizing:border-box;margin:0;padding:0}

li{list-style:none;}
a{color:inherit; text-decoration:none}

/* ----- */



html{-webkit-tap-highlight-color:rgba(0,0,0,0);color:rgb(0,0,0)}
html,body{width:100%;margin:0;padding:0;box-sizing:border-box;position:relative;cursor:default;-webkit-overflow-scrolling:none;background:#fff}
body{font-family: var(--main-font); /*-webkit-user-select:none;*/display:flex;flex-direction:column;font-size:14px; background-image:url(../imagery/main_bg.jpg); background-position:top left; background-repeat:no-repeat; }

a:hover{text-decoration:underline}
a:active{transform:translateY(1px);}
[underline]{text-decoration:underline}



/* wrapper */

wrapper{width:100%;position:relative;max-width:1400px;margin:auto;flex-shrink:0}


/* tags */

h1{font-size:58px}
h2{font-size:36px}
h3{font-size:28px}
h4{font-size:18px}


h1[extra]{font-size:64px;}

@media(max-width:600px) {


h1{font-size:36px}
h2{font-size:32px}
h3{font-size:24px}
h4{font-size:18px}



h1[extra]{font-size:48px;}


}



/* text */

text{line-height:1.5;font-size:15px}
text[bold]{font-weight:700}
text[small]{max-width:370px}
text[medium]{max-width:450px}
text[large]{max-width:700px}
text[huge]{max-width:900px}
text[light]{opacity:.5}

text h2{line-height:1.2}


/* icon */

icon svg{width:100%;height:100%;}
icon[medium]{width:60px;height:60px}
icon[large] svg{width:100px;height:100px;}


/* space */

space{height:50px;  height:var(--space);display:flex;width:100%}
space[large]{ height:100px; height:var(--space-large)}
space[small]{height:30px}
space[tiny]{height:10px}


/* separator */

separator{opacity:.1;flex-shrink:0;box-shadow:inset 0 0 0 1px;}
separator[vertical]{min-width:2px;width:2px;position:relative;display:flex;height:130px;}
separator[horizontal]{min-height:1px;height:1px;margin:0;position:relative;display:flex;flex:1 1 100%;}

separator[vertical][small]{height:30px;margin: 0 20px}
/* desc */

desc{display:flex;flex-direction:column;padding:0 var(--area)}

desc h3{color:var(--main_color)}
desc[light] h3{color:var(--main_color_light)}
desc h3, block h3{margin-bottom:50px}


/* toolbar */

toolbar{display:flex;width:100%;align-items:center}
toolbar[right]{justify-content:flex-end;}

toolbar[hide] .button{color:var(--color);opacity:0;transition:.125s;transition-property:transform, opacity;transform:translateY(5px);background:#fff;}
toolbar[shifting]{margin-left:-15px}


/* header */

.sticky header{background:#fff;    box-shadow: 0px 5px 15px 0 rgb(0 0 0 / 10%), 0px 1px 0px 0 rgb(0 0 0 / 10%);}

header{width:100%;display:flex;position:-webkit-sticky;position:sticky;transform:translate3d(0, 0, 0);right:0;left:0;top:0;z-index:9999;margin-bottom:20px;margin:auto;width:100%}
header wrap{display:flex;align-items:center;width:100%;max-width:1400px;padding:0 var(--area) 0 25px;height:80px;margin:auto}


/* logo */


logo{display:flex;flex-direction:column; }

a[logo]{display:flex;align-items:center;}
a[phone]{font-size:18px;display:flex;white-space:nowrap;white-space:pre;margin-left:auto} 

a.button{text-decoration:none}
.button a{text-decoration:none;}

header nav li a:hover, a.button:hover{text-decoration:none}

/* window */

body.open{overflow:hidden;padding-right:var(--scroll_width)}

/* form_fields */

form{display:flex;flex-direction:column;max-width:530px}

.form_fields{box-sizing:border-box;display:block;position:relative;width:100%;display:flex;justify-content:flex-start;flex-wrap:wrap;flex:1;margin-bottom:20px}
.form_fields.large{flex:2;margin-right:20px}
.form_fields .data_label{cursor:default;flex:1 100%;font-weight:700;margin:0 10px 10px;white-space:nowrap}
.form_fields:nth-child(3){margin-bottom:0}

.field_group{display:flex;flex-wrap:wrap;align-items:flex-start;}



/* header nav */

header nav{display:flex;flex:1;}
header nav > ul{display:flex;}
header nav > ul li{display:flex;white-space:nowrap;position:relative;max-width:100%;cursor:pointer;position:relative;line-height:50px;font-weight:bold}
header nav > ul li a{display:flex;padding:0 30px;text-decoration:none;overflow:hidden;width:100%;}
 
header nav > ul li a.active{color:var(--main_color);}

header nav ul li ul{ transition:.125s .025s;transform:translateY(5px);border-radius:15px; display:flex;flex-direction:column;position:absolute;z-index:99;top:100%;min-width:250px;background:#fff;box-shadow:var(--elevation);left:0px;overflow:auto;overflow-x:hidden;visibility:hidden;opacity:0;}
header nav ul li ul li{font-weight:500;width:100%;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;overflow:hidden; box-shadow:0 1px rgba(0,0,0,.05)}
header nav ul li ul li:hover{background: var(--main_color);color:#fff}

header nav li:hover ul{visibility:visible;opacity:1;transition-delay:0s;transform:none}



/* view */

view{display:flex;flex-direction:column;padding:0 var(--area);width:100%;flex-shrink:0}
view > wrap{padding:80px;width:100%;display:flex; border-radius:50px; border-radius:var(--border);align-items:flex-start;flex-wrap:wrap;position:relative;overflow:hidden;transform:scale(1);}
view wrap h1{text-align:center;z-index:1;color:#fff;width:100%;}

view contact{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
view about{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto;}

wrap block{display:flex;flex-direction:column; padding:50px; padding:var(--space);border-radius:15px;background:#fff;z-index:1}
wrap block[interval]{margin:0 10px 10px 0} 


back{position:absolute;top:0;right:0;background-repeat:no-repeat;background-size:cover;overflow:hidden;border-radius:var(--border);width:100%; height:150%; min-height:50vh; display:flex;background-position:center center;background-color:#0a1823}
back video{min-height:100%;min-width:100%;left:0;position:absolute;bottom:0;max-width: 1300px;}
back[corner]{background-position: top right; background-size:auto; }



/* segment */

segment{width:100%;display:flex;flex-direction:column;flex-shrink:0;position:relative;overflow:hidden;flex-shrink:0;}

segment[light]{color:var(--main_color_light)}
segment[dark]{color:#000}
segment back{border-radius:initial;}


/* section */

section{display:flex;flex-direction:column;align-items:center;text-align:center;flex-shrink:0}

section circle{width:16px;height:16px;display:flex;box-shadow:inset 0 0 0 3px #000;border-radius:50px}
section separator{margin:50px 0;}
section view{align-items:center;}

section view group{justify-content:center;max-width:350px}


section[left]{align-items:flex-start;text-align:inherit}

section[left] separator{height:80px}

section[left] separator {margin-left:25px}


section item{padding:20px 30px;color:#fff;border-radius:30px;margin:0 5px 5px 0;}
section item wrap{display:flex;flex-direction:column;}



/* filled */


[filled][native]{ background:#e87458; background:var(--main_color);color:#fff}
[filled][native] .button{background:#fff; color:#e87458;  color:var(--main_color)}
[filled] toolbar[show]{color:var(--main_color)}
grid[filled] item:hover { background:#a2aeb1; background:var(--color);color:#fff; outline:1px solid #a2aeb1; outline:1px solid var(--color);z-index:2;}
grid[filled] item.selected{background:#949fa2;color:#fff;outline:1px solid #949fa2;z-index:3;}


/* grid */

grid{display:grid;width:100%;flex-wrap:wrap;overflow:hidden;grid-template-columns:repeat(auto-fill, minmax(350px, 1fr));grid-auto-rows:1fr;grid-gap:1px;}
grid item{display:flex;flex-direction:column; padding:50px; padding:var(--space);outline:1px solid  #e2e1e1;}

grid item counter{font-size:85px;display:flex;}
grid item wrap{display:flex;flex-direction:column;padding:30px 0}
grid item wrap a text{opacity:0.5}

grid[common]{grid-template-columns:repeat(auto-fill, minmax(420px, 1fr));}
grid[medium]{grid-template-columns:repeat(auto-fill, minmax(345px, 1fr));}



/* item */

item{position:relative;}
item:hover toolbar[hide] .button{opacity:1; color:#a2aeb1; color:var(--color);transform:none}
item a:hover text{opacity:1;}


[center] item{text-align:center}
[center] item counter{justify-content:center}


/* navigator */


footer{display:flex;flex-direction:column;flex-shrink:0}

footer nav{width:100%;display:flex;flex-wrap:wrap;}
footer nav > ul{display:flex;width:100%;flex-wrap:wrap;}
footer nav > ul > li {flex-shrink:0;padding:50px 80px 0 0;}
footer nav ul li ul{flex-direction:column}

footer nav > ul > li > a{display:flex;margin-bottom:30px;font-weight:700}
footer nav li ul li {line-height:2;margin:10px 0;position:relative;cursor:pointer;user-select:none;display:flex}
footer nav li ul li a {opacity:0.6;}
footer nav ul li ul li a:hover{opacity:1}

footer nav [hide]{display:none}



/* block */

block{display:grid;grid-gap:10px;grid-auto-rows:1fr;grid-template-columns:repeat(auto-fill, minmax(410px, 1fr));   

overflow:hidden;




}


avatar{height:120px; width:120px; border-radius:120px; background:#fff; background-size:cover}



block item{overflow:hidden; border-radius:20px; padding:50px;color:#fff;cursor:pointer;display:flex;flex-direction:column;}
block item toolbar{margin-top:auto}

block item:active{transform:translateY(1px)}

block[common]{grid-template-columns:repeat(auto-fill, minmax(310px, 1fr));}
block[common] item{text-align:center;align-items:center}
block[common] item toolbar{justify-content:center}


/* picture */

picture{border-radius:var(--border);overflow:hidden;width:100%;}
picture img{width:100%;height:auto;display:block}

@media(max-width:600px) {
block {grid-template-columns:repeat(auto-fill, minmax(100%, 1fr));}

grid[common] {grid-template-columns:repeat(auto-fill, minmax(100%, 1fr));}
grid[medium]{grid-template-columns:repeat(auto-fill, minmax(100%, 1fr));}

}


/* group badge */

group{display:flex;flex-wrap:wrap;align-items:center;overflow:hidden;padding:3px 0 0;max-width:700px}
group badge{margin:0 5px 5px 0;}

badge{white-space:nowrap;border-radius:5px;padding:10px 15px;z-index:2;position:relative;text-align:center;box-shadow:inset 0 0 0 1.5px;font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}
group badge[filled]{background:var(--background);color:#fff;box-shadow:none}

group[wide]{max-width:500px}


/* animation */

[top_transform], [text_transform], modal > wrap content {animation-name:appear_anim;animation-duration:.525s;animation-fill-mode:both}

[top_transform]{animation-delay:.325s}
[text_transform]{animation-delay:.225s}
modal > wrap content {animation-delay:.125s}

@keyframes appear_anim{from{opacity:0; transform:translateY(40px)}}


/* ----- */

/* media */

@media(max-width:1000px) {
    view > wrap{padding:var(--area)} 

    wrap block{padding:var(--area)}
    grid item{padding:var(--area)}
    wrap block{border-radius:20px}
}


@media(max-width:700px)
{
    view > wrap[adaptive]{padding:0}

    wrap[adaptive] block{width:100%}
    wrap[adaptive] back{display:none}
    wrap[adaptive] text[small]{max-width:100%;}

}

@media(max-width:600px) {
    .field_group .form_fields.large{margin-right:0}

    .field_group .form_fields:nth-child(2){flex-basis:600px;}
    
}

@media(max-width:500px) {
    footer nav > ul > li{padding:50px 90px 0 0}
    text[large][adaptive]{display:flex; flex-direction:column; width:320px}
}


@supports (backdrop-filter:blur(5px)){

[backdrop]{backdrop-filter:blur(20px);background:rgba(255,255,255,.5)}

}

@supports (-webkit-backdrop-filter: blur(5px)){

[backdrop]{ -webkit-backdrop-filter:blur(20px);background:rgba(255,255,255,.5)}

}

[backdrop]{ -moz-backdrop-filter:blur(20px);background:rgba(255,255,255,.5)}


ul[list]{font-size:15px; display:flex; flex-direction:column; align-items:center}
ul[list] li{padding:40px;   box-shadow:0 -1px rgba(0,0,0,.1)}
/*
 * Ogma UI framework // Controls
 * Version - 0.0.1
 *
 * Copyright (c) Ogma Applications / Design Team
 *
 */


:root {
    --area: 50px;
    --space: 50px;
    --space-large: 60px;
    --border: 20px;
    --elevation: 0 0 50px 2px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0,0,0,.05);
    --text: 13px;
    --main_color: #4086f4;
    --main_color_light: #fff;
    --border-light: rgba(255,255,255, 0.1);
    --color: #a2aeb1;
    --scroll_width: 0px;
    --background:#000;
    --main-font:'Poppins', sans-serif;

}


@media screen and (max-width: 1000px), screen and (max-height: 700px) {

    :root {
        --area: 25px;
        --border:30px;
    }
}


/* button */

.button *{pointer-events:none}
.button{height:50px;line-height:50px;text-align:center;border-radius:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0 40px;user-select:none;font-weight:700;white-space:nowrap;position:relative;background:transparent;overflow:hidden;text-decoration:none;background:var(--main_color);color:#fff}

.button.mini{width:50px;height:50px;padding-left:0;padding-right:0; flex-shrink:0; background:transparent }

.button text{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text);}


.button:hover{background-image: linear-gradient(to top, rgba(0,0,0,.05) 0%,rgba(0,0,0,.05) 100%);}
.button:active{background-image:linear-gradient(to top, rgba(0,0,0,.07) 0%,rgba(0,0,0,.07) 100%);}
.button:active text{transform:translateY(1px)}

/* input */


input, button,textarea{outline:none;font-family:var(--main_cont);font-size:var(--text);-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;border:none;color:inherit;}
input[type=text], input[type=password], input[type=url], input[type=tel], textarea{float:left;display:flex;padding:15px;border-radius:5px;box-shadow:0 0 0 1.5px rgba(0,0,0,.1); transition:none;-webkit-transition:none;flex:1;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:inherit;color:#000}
input[type=checkbox]{}

input:focus,
textarea:focus,
.input_cont input:focus ~ i,
.input_cont .k-state-focused ~ i,
.Tokenize ul.Focused
{background:none;}

input.input-validation-error,
input.input-validation-error ~ i,
textarea.input-validation-error

{box-shadow:0 0 0 2px rgba(240, 80, 80, 0.3);}

textarea{resize:vertical;min-height:100px;line-height:1.5;padding:15px;overflow:auto}

/* material ink effect */

.material_ink{height:100%;width:100%;position:absolute;left:0;top:0;pointer-events:none;}
.material_ink circle{animation:ink_anim .65s;animation-timing-function:ease-out;opacity:0;}

.primary circle, .accent circle {fill:#fff;}

@keyframes ink_anim{from{transform:scale(0);opacity:.7}to{opacity:0}}


:focus::placeholder{opacity:.5}


.button icon{position:relative;overflow:hidden; display:flex; align-items:center;justify-content:center; height:24px; width:24px;}

/* nav_switcher */


holder{display:flex; align-items:center;}
.smooth .nav_switcher{ transition-delay:.5s}

.nav_switcher{height:60px;width:60px;transition:cubic-bezier(0.785, 0.135, 0.15, 0.86) .4s; left:30px; top:190px;cursor:pointer;border-radius:60px;transition-property:transform;position:fixed;display:flex;z-index:99;  }


.nav_switcher switch{width:60px;height:60px;border-radius:60px;transition:transform .25s;background:#fff;position:absolute;overflow:hidden;pointer-events:none;}
.nav_switcher:active{transform:translateY(1px);}


hamburger {height:2px;background:#000;width:16px;position:absolute;transition:.25s .25s;top:29px;left:22px;pointer-events:none; }

hamburger:nth-child(1){transform:translateY(6px);}
hamburger:nth-child(2){transition: .25s }
hamburger:nth-child(3){transform:translateY(-6px);}


.nav_open .nav_switcher{transition-delay: 0s,0s; transform:translateY(-150px) }
.nav_open switch{transform:rotate(45deg);transition:transform .25s .25s;box-shadow:none; }

.nav_open hamburger{transition:.25s}
.nav_open hamburger:nth-child(1){transform:translateY(0px);}
.nav_open hamburger:nth-child(2){transform:rotate(90deg);transition:.35s .25s}
.nav_open hamburger:nth-child(3){transform:translateY(0px);}



.sticky .nav_switcher{transform:translateY(-150px); transition-delay:0s}

.nav_switcher{display:none;position:fixed;border-radius:50px;overflow:hidden;-webkit-mask-image: -webkit-radial-gradient(white, white);}
mobile{visibility:hidden;opacity:0;display:flex;position:fixed; top:0; right:0;z-index:6; width:100%; height:100vh; overflow:auto;     -webkit-overflow-scrolling: touch;  /*-webkit-mask-image: linear-gradient(transparent 80px, #000 200px); mask-image: linear-gradient(transparent 80px, #000 200px);*/ }
svg[menu]{pointer-events:none;display:none; -webkit-clip-path: circle(30px at 60px 70px); clip-path: circle(30px at 60px 70px); visibility:hidden;  transition:cubic-bezier(0.785, 0.135, 0.15, 0.86) .5s 0s; transition-property:clip-path,visibility; position:fixed; top:0; left:0; width:100%; height:100vh; z-index:5;}

mobile nav{position:relative;z-index:2;width:100%;}
mobile nav ul {display:flex; flex-direction:column;align-items:flex-start;}
mobile nav ul li{display:flex; flex-direction:column;position:relative;overflow:hidden;}

mobile nav ul li a {padding:0 50px; visibility:hidden; height:40px; line-height:40px; opacity:0; transform:translateY(-50px); transition:.25s; transition-delay:.45s}
mobile nav > ul{padding:130px 0}
mobile nav > ul > li > a{ font-weight:700; color:var(--main_color)}
mobile nav  ul  li ul a{opacity:.5}

.nav_open  svg[menu]{ -webkit-clip-path: circle(100% at 50% 50%);clip-path: circle(100% at 50% 50%); visibility:visible; transition-delay:.225s}
.nav_open.sticky  svg[menu]{transition-delay:0s;}
.sticky mobile nav ul li a{transition-delay:.25s;}


.nav_open mobile nav ul li a{ opacity:1; transform:none; visibility:visible;}

mobile nav > ul > li:nth-child(1) > a{transition-duration:.1s}
mobile nav > ul > li:nth-child(1) > ul > li:nth-child(1) > a{transition-duration:.125s}
mobile nav > ul > li:nth-child(1) > ul > li:nth-child(2) > a{transition-duration:.15s}
mobile nav > ul > li:nth-child(1) > ul > li:nth-child(3) > a{transition-duration:.175s}
mobile nav > ul > li:nth-child(2) > a{transition-duration:.2s}
mobile nav > ul > li:nth-child(2) > ul > li:nth-child(1) > a{transition-duration:.225s}



@media screen and (max-width: 1200px)
{

header, .nav_open header{position:relative; transform:none;z-index:auto}
header nav{display:none}

.nav_switcher{display: block;}

.nav_open mobile{visibility:visible; transform:none; opacity:1;}
svg[menu] {display:flex;}

body.nav_open{overflow:hidden;padding-right:var(--scroll_width)}


}

.mobile{display:none}

/* adaptive elemnets */

@media(max-width:1280px)
{

.mobile{display:flex}

.desk{display:none}

}




slide{max-width:1300px;display:flex;flex-shrink:0;position:relative;margin:auto;color:#fff}
slide wrap{width:auto;height:auto;display:flex;align-items:center;}

slide page{padding:var(--area);width:1290px;height:100%;flex-shrink:0;display:flex;flex-direction:column;position:relative;border-radius:var(--border);padding-bottom:var(--area);overflow:hidden;margin-right:10px}

slide page h3, slide page text{z-index:3}

indicator {display:flex;position:relative;overflow:hidden;align-self:flex-start;position:absolute;bottom:var(--area);left: 40px }
indicator item {height:30px;width:30px;display:flex!important;flex-shrink:0;cursor:pointer;position:relative;overflow:hidden;background:none}
indicator item circle{display:flex;width:8px;height:8px;background:#fff;opacity:0.3;justify-content:center;margin:auto;border-radius:50%}

indicator item:active{transform:translateY(1px)}

.indicator {position:absolute;}
item.indicator circle{opacity:1}


slide page back{border-radius:initial; }




/*@keyframes block { to { top:0; width:800px; background:green;  }}*/

modal.open{visibility:visible}
modal {position:fixed;z-index:9999;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;visibility:hidden}
modal > wrap{ position:relative;width:100%;height:100%;clip-path:inset(0px 0px 0px 0px round 0px);transition:clip-path .125s;}
modal > wrap.animate{animation-name:block;animation-duration:0.5s;animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);animation-fill-mode:both;transition:clip-path .125s .125s;}
modal > wrap container{display:flex;flex-direction:column; overflow:auto;height:100vh; width:100%; -webkit-overflow-scrolling:touch;}
modal > wrap container > div{width:1000px;margin:auto;display:flex;flex-direction:column;align-items:center;flex-shrink:0;position:relative;}


modal > wrap content {display:flex;flex-direction:column;position:relative;border-radius:var(--border);background:#fff;width:100%;padding:var(--area) 0;flex-shrink:0}
modal > wrap toolbar{height:60px;  position:-webkit-sticky; position:sticky;top:0;padding:0 50px;background:#fff;z-index:99;overflow:hidden;justify-content:center}

modal > wrap top {display:flex;flex-direction:column;text-align:center;color:#fff;align-items:center;width:100%;flex-wrap:wrap;padding:0 30px}


modal > wrap top text h3,modal > wrap top text h2{font-weight:400}
modal top h1 {font-size:calc(2.5em + 1vw)}



.button.close_window{position:fixed;top:40px;left:30px;color:#000;z-index:10001;background:#fff;width:60px;height:60px;opacity:0;transform:translateY(-70px);transition:.5s ;transition-property:transform, opacity;}
modal.open .button.close_window{opacity:1;transform:none;transition-delay: 0.25s; }


@media(max-width:1200px) {
    modal > wrap container > div{width:100%}
}


/* preview */

segment>div{width:100%;display:flex;padding:0 var(--area)}





preview{display:flex;width:100%;max-width:1300px;margin:auto;position:relative;}
preview wrap{display:flex;overflow:hidden;flex-shrink:0;overflow:hidden;}
preview slide{

position: relative;
    overflow: hidden;
    margin: 10px;
    flex-shrink: 0;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: var(--space);
    flex-direction: column;
}
preview[outline] slide{
    box-shadow: 0 0 0 1.5px rgba(0,0,0,.07);
}




slide img{pointer-events:none;width:100%;position:absolute;top:0;left:0;}


preview[compact] slide{width:240px;height:290px;}

preview slide[filled] {background:var(--main_color); width:200px; height:200px}

preview[portrait] slide{background:rgb(241, 241, 241);width:270px;height:480px;}
preview[landscape] slide{background:rgb(60, 111, 156);width:480px;height:270px;}

block item:hover{filter:brightness(1.1);}


@media(max-width:1300px){

slide,slide page,preview {width:calc(100vw - var(--scroll_width) - (2 * var(--area)))}
slide page {margin-right:var(--area)}
indicator{left:17px}

}

dot{padding:0 10px; font-weight:700}
dot::after{content:"\00b7";}



.tooltip{background:#424242;color:#fff;top:0;left:0;position:fixed;border-radius:2px;pointer-events:none;padding:6px 8px;margin:20px;z-index:10000;transition-delay: .5s; transition-property:opacity,visibility;transition-duration: .225s;}
.tooltip.hide{visibility:hidden;opacity:0;transition-delay:0s;}

item data{ display:none}


message{

display:none;

padding: 15px;
    background: #FFE082;
      margin: 20px 0 0;
    border-radius: 5px;
    box-shadow: 0 0 0 1.5px #f1d47d;
    color: #71694f;

line-height: 1.5;

}