/* Minification failed. Returning unminified contents.
(47,67): run-time error CSS1039: Token not allowed after unary operator: '-scroll_width'
(64,2): run-time error CSS1030: Expected identifier, found '.'
(64,2): run-time error CSS1019: Unexpected token, found '.'
(156,5): run-time error CSS1019: Unexpected token, found '@keyframes'
(157,13): run-time error CSS1035: Expected colon, found '{'
(217,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(217,23): run-time error CSS1035: Expected colon, found '{'
(552,68): run-time error CSS1046: Expect comma, found '214'
(552,75): run-time error CSS1046: Expect comma, found '/'
(554,56): run-time error CSS1046: Expect comma, found '0'
(554,60): run-time error CSS1046: Expect comma, found '/'
(562,56): run-time error CSS1046: Expect comma, found '0'
(562,60): run-time error CSS1046: Expect comma, found '/'
(712,98): run-time error CSS1039: Token not allowed after unary operator: '-overlay'
(718,5): run-time error CSS1019: Unexpected token, found '@keyframes'
(719,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(752,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(752,21): run-time error CSS1035: Expected colon, found '{'
(1251,42): run-time error CSS1039: Token not allowed after unary operator: '-hover'
(1265,61): run-time error CSS1039: Token not allowed after unary operator: '-input-color'
(1338,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1338,25): run-time error CSS1035: Expected colon, found '{'
(1425,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1425,27): run-time error CSS1035: Expected colon, found '{'
 */
*{margin: 0;padding: 0;/* box-shadow:inset 0 0 0 1px red; */box-sizing: border-box;outline: none;border: none;-webkit-touch-callout: none;-webkit-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0,0,0,0);}

@font-face{font-family:icon;src:url(/Content/icon/fonts/icon/icomoon.ttf?v=5.6.20210929)}


li{list-style:none}
a{text-decoration:none;color:inherit;font-family: inherit;}
icon,[icon]:before,.icon:before{width: 30px;height: 30px;display: block;-moz-font-feature-settings: "liga=1, dlig=1";-ms-font-feature-settings: "liga","dlig";-webkit-font-feature-settings: "liga","dlig";-o-font-feature-settings: "liga","dlig";font-feature-settings: "liga","dlig";font-variant-ligatures: common-ligatures;text-rendering: optimizeLegibility;font-family: icon;display: flex;display: -webkit-flex;align-items: center;justify-content: center;font-size: 30px;font-weight: 400;font-style: normal;user-select: none;text-transform: lowercase;position: relative;z-index: 9;flex-shrink: 0;}
icon[small] { width: 20px; height: 20px;font-size: 20px;}
icon[left] {transform: rotate(90deg);}
[small][icon]:before { width: 20px; height: 20px;font-size: 20px;}

[hide] {display: none!important;}

.anchor {display: block; position: relative;  top:-100px;}


icon[blue] {color:#3169de;}
icon[tip]{cursor:pointer;}



/* scrollbars */

.k-webkit.k-desktop ::-webkit-scrollbar-track{display:none}
.k-webkit.k-desktop ::-webkit-scrollbar{width:10px;height:10px;background-color:transparent;}
.k-webkit.k-desktop ::-webkit-scrollbar-thumb{background-color:transparent;background-clip:padding-box;height:40px;width:40px;}
.k-webkit.k-desktop ::-webkit-scrollbar-thumb:vertical{border-left:6px solid transparent;}
.k-webkit.k-desktop ::-webkit-scrollbar-thumb:horizontal{border-top:6px solid transparent;}
.k-webkit.k-desktop :hover::-webkit-scrollbar-thumb{background-color:rgba(136, 136, 136, 0.25);}
.k-webkit.k-desktop ::-webkit-scrollbar-thumb:hover{border:none;}
.k-webkit.k-desktop ::-webkit-scrollbar-button{display:none}
.k-webkit.k-desktop ::-webkit-scrollbar-corner,
.k-webkit.k-desktop ::-webkit-resizer {background-color:transparent;}



.k-ff.k-desktop {scrollbar-color: rgba(136, 136, 136, 0.25) transparent; scrollbar-width: thin;}

/* ----- */






 body.fixed, body.fixed main {overflow:hidden;padding-right: var(--scroll_width);}

.bold{font-weight:700;}
.italic{font-style:italic;}


html,body{position:relative;width:100%;/*height: 100%;*/font-family:'Noto Sans', sans-serif;font-size:20px;}
body {}
wrapper{position: relative;height: 100%;display:-webkit-box;display: flex;flex-direction: column;align-items: center;}
main{position:relative;height: auto;width:100%;margin:0 auto;z-index: 2;/*overflow-x: hidden;overflow: auto;*/}
main.sticky{padding-top:90px;}



/*--button--*/
.button {padding: 0px 20px;min-width: 140px;text-align: center;display:flex;align-items: center;justify-content:center;flex-shrink:0;flex-grow:0;color: #000;border-radius: 3px;font-weight: 600;font-size: 14px;cursor:pointer;border: none;background: none;font-family: 'Noto Sans', sans-serif;height: 40px;white-space: nowrap;}
.button text {width: 100%;overflow: hidden;text-overflow: ellipsis;display: block;line-height:40px;}
..button icon {}
.button icon ~ text{width:auto;margin-left:10px;}
.button:active text, .button:active icon {transform: translateY(1px);}
.button:hover {background-image: linear-gradient(to top, rgba(0,0,0,.03) 0%,rgba(0,0,0,.03) 100%);}

.primary.button{background-color: #fdd65d;box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.02);}
.button.white {color: #fff;}
 navigation .button.accent{box-shadow: inset 0 0 0 2px #fdd65d;color: #ffffff;}
.button.accent{box-shadow: inset 0 0 0 2px #000000;color: #000000;}
.button.dark {box-shadow: inset 0 0 0 2px;color: #000000;}

.fab_container{z-index: 2;bottom: 10px;right: 10px;position: fixed;}
.button.fab{width:60px;height:60px;padding:0;border-radius: 50%;min-width: inherit;display: flex;justify-content: center;align-items: center;}
.button.fab icon{margin:auto;}


/*--action--*/
action{display:-webkit-box;display:flex;flex-wrap:wrap;align-items: center;flex-shrink: 0;}



/*--separator--*/
separator{box-shadow:inset 0 0 0 1px ; flex-shrink:0; opacity:.1 }
separator[vertical]{height:30px;min-width:1px;width:1px;margin: 0 20px;position:relative;z-index:2;display:flex;}
separator[horizontal]{min-height:1px;height:1px;width: 100%;margin:20px 0;position:relative;z-index:2;display:flex;}
separator[light]{color:#fff;}



/*--logo--*/
logo{box-sizing: content-box;display: block;}
logo span{display:block;background: url(/content/images/logo_new_w.png?v=5.6.20210929) no-repeat center;height: 40px;width: 230px;background-size: contain;}
logo[black] span{background: url(/content/images/logo.svg?v=5.6.20210929)  no-repeat center; background-size: contain;}





/*--navigation--*/
navigation{width:100%;background: rgba(0, 0, 0, 0.8);display: block;color: #fff;position:fixed;top: 0;left: 0;z-index:99;}
navigation > wrap{margin:0 auto;width: 100%;height: 100px;display:flex;align-items: center;justify-content: space-between;z-index: 5;position: relative;padding: 0 100px;max-width: 1400px;}
nav_wrap{display: flex;justify-content: space-between;flex-shrink: 1;flex-basis: 100%;}
nav_wrap > wrap{flex-grow: 1;display: flex;align-items: center;/*justify-content: center;*/}




    @media screen and (max-width:1250px){
        navigation > wrap{padding:0 20px;}}
    @media screen and (max-width:1100px){
        navigation > wrap{padding:0 100px 0 20px;}}
    @media screen and (max-width:900px){}




navigation logo {display: block;margin-right: 20px;}
navigation logo a{display:block}
navigation logo span {}


navigation > wrap > action .button.primary{margin-left:20px;}
navigation > wrap > action .button.primary:first-child{margin-left:0;}


.menu_bar{display:flex;flex-wrap: wrap;align-items: center;justify-content: center;flex-grow: 1;position: relative;width:100%;max-width: 330px;/*margin: 0 auto;*/font-size: 16px;}
.menu_bar > li{flex-grow: 1;position: relative;user-select: none;}
.menu_bar > li > a{display:block;text-align:center;font-weight: 600;transition: color .125s;padding:15px 5px;}
.menu_bar > li > a text{display:block}
.menu_bar > li:hover > a{color:rgb(253, 214, 93);}
/*.menu_bar > .select > a,*/
.menu_bar > li.select:hover > a{color: #fdd65d;}
.menu_bar li[hide]{display:none;}

.menu_bar > li > a:active text{ transform: translateY(1px);}

[carriers] .menu_bar > li{position: relative;flex-grow:0;}
[carriers] .menu_bar > li > a{display:block;text-align:center;font-weight: 600;font-size: 14px; padding: 5px 15px;}



.sub_menu_bar{display:flex;flex-direction: column;align-items: flex-start;justify-content: center;flex-grow: 1;padding:15px 0px;background: #333333;color: #fff;position: absolute;min-width: 150px;top: 50px;left: -10px;white-space: nowrap;border-radius: 5px;box-shadow: 0px 31px 150px 0px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.05);visibility: hidden;opacity: 0;transition: .0625s;line-height: 50px;}
.sub_menu_bar li{display:block;width: 100%;text-align: left;user-select: none;transition-delay: .125s;}
.sub_menu_bar li a{display:block;padding: 0px 40px;}
.sub_menu_bar li.select a{color: #fdd65d}
.sub_menu_bar li a:hover{background-color: #fdd65d;color: initial;}

.menu_bar > li:hover .sub_menu_bar{visibility: visible;opacity: 1;transition-delay: 0s;}




    @keyframes menu_bar {
        from{transform:translateY(-10px) ; opacity:0}}

.menu_bar > li:hover .sub_menu_bar li { animation:menu_bar .125s .125s backwards;}

.menu_bar > li:hover .sub_menu_bar li:nth-last-child(1){animation-delay:.2s}
.menu_bar > li:hover .sub_menu_bar li:nth-last-child(2){animation-delay:.175s}
.menu_bar > li:hover .sub_menu_bar li:nth-last-child(3){animation-delay:.15s}






/*--hide elements--*/
.close.icon{display: none;background-position:0px -90px;}
.menu{display: none;}



/*--menu--*/
.menu {width: 15px;height: 30px;min-width: 30px;cursor:pointer;position: fixed;bottom: 0;right:20px;top:20px;z-index: 1;padding: 30px;border-radius: 50%;}
.menu  span {background-color: #fff;transition: all 0.3s;width: 20px;height: 2px;display: block;margin: auto;position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.menu  span:after{content:'';transition: all 0.3s;background-color: #fff;width: 20px;height: 2px;position: absolute;top: 5px;}
.menu  span:before{content:'';transition: all 0.3s;background-color: #fff;width: 20px;height: 2px;position: absolute;top: -5px;}


/*--navigation open--*/
navigation.open .menu span{background-color: transparent!important;}
navigation.open .menu span:before{transform: rotate(45deg) translate(4px, 4px);}
navigation.open .menu span:after{transform: rotate(-45deg) translate(3px, -3px);}

navigation.open nav_wrap{transform: translateX(0);opacity: 1;}
 

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

    .menu{display:block;z-index:10;}
    .open .menu {right: 0;top: 0;}
     nav_wrap{position: fixed;opacity: 0;transform: translateX(100%);transition: transform .225s, opacity .225s;right: 0;top: 0;background: #333333;width: 100%;max-width: 350px;min-height: 100%;height:100%;overflow: auto;overflow-x: hidden;flex-direction: column;justify-content: normal;align-items: normal;flex-basis: 0;flex-shrink: 0;padding:35px 30px;box-shadow: 0px 31px 150px 0px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.05);z-index:9;} 
     nav_wrap > wrap{flex-grow: 0;flex-direction:column;}
    .menu_bar > li{flex: 1 1 100%;width:100%;}
    .menu_bar > li > a{text-align:left;padding: 10px 10px;}
    .menu_bar li[hide],.menu_bar li[hide] .close.icon{display:block;margin-left: 0;}

    .sub_menu_bar{position: static;background: transparent;box-shadow: none;padding: 0;opacity: 1;visibility: visible;/*font-size: 14px;*/line-height: 40px;color: rgba(255, 255, 255, 0.8);}
    .menu_bar > li.sub_menu_bar li{}
    .menu_bar > li:hover .sub_menu_bar li{animation:none;}
    .sub_menu_bar li a{padding-left: 10px;}
    .sub_menu_bar li a:hover {color: #fdd65d;background-color: initial;}
    navigation > wrap:before{content:" ";display:none;background:rgba(51, 51, 51, 0.6);position:fixed; top:0;left:0;width:100%;height:100%}
    navigation.open > wrap:before{display:block;}} 

nav_wrap > action {flex-direction: column;display:none;}
nav_wrap > action .button {width: 100%;margin: 10px 0;}




/*--sticky event--*/
body.sticky navigation{position:fixed;top:0;left:0;z-index:999;box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.1);animation:income .2s backwards;}
@keyframes income{from{transform:translateY(-10px)}}
body.sticky navigation wrap{justify-content: space-between;-ms-flex-pack: justify;}





/*--Sections--*/
section{position:relative;width:100%;margin: 0 auto;display:flex;flex-direction: column;}
section > wrap{max-width: 1600px;margin: 0 auto;height: 100%;width: 100%;}
section > wrap[large] {max-width: 100%;}

section > wrap article {width:100%;max-width: 1400px;margin: 0 auto;justify-content:center;padding: 50px 100px;position: relative;}
section > wrap[large] article{max-width:100%;padding: 50px 0;}

section[top] {padding-top:100px;}

    @media screen and (max-width:1250px){
        section > wrap article,
        section > wrap[large] article{padding: 50px 10px;}}




section[fit] partition {margin: 0;}
section[fit] > wrap article {padding: 0;}



/*--article[image]--*/
article[image] {min-height: 715px;}
article[image][middle] {min-height: 400px;}
article[image] heading{}

article[image] heading ticket h2[center]{margin: 15px auto;}

heading {display: block;max-width: 640px;z-index: 1;position: absolute;top:45%;left:15%;transform: translateY(-50%);}
heading[large]{max-width:850px;}
section > wrap[large] article[image]{padding:50px 100px;max-width: 1400px;padding:100px 50px 100px 50px;}

    @media screen and (max-width:750px){
        section > wrap[large] article[image]{padding:10px}
        article[image] heading{left:10px}}


article[image] ticket h2{text-transform:uppercase;font-size: 40px;font-weight: 400;line-height: 1.2;text-align:left;}
article[image] ticket h2[middle]{font-size: 28px;}
article[image] ticket h2:only-child{margin-bottom: 30px;}
article[image] ticket h2 span{display:block;}
article[image] ticket h2 span[large]{font-size:40px;margin-top: 10px;}


article[image] ticket > text{color:rgba(255, 255, 255, 0.8);display:block;}
article[image] ticket h2 ~ text{margin: 35px 0;}





/*--back--*/
back{position:absolute;height:100%;width:100%;background-size: cover;background-repeat: no-repeat;background-position: left center;top:inherit;left: inherit;z-index: 0;}
[top] > back{top: 0;left: 0;}

back[fill]{opacity:1}
back[small]{}
back[top]{}
back[right]{}
back[bottom]{}
back[left]{}




/*--partition--*/
partition {display: flex;padding: 20px 0;}
partition[grid]{display: grid;  grid-template-columns: auto auto;grid-template-columns: 50% 50%;grid-gap: 50px 0px;}
.k-ie partition[grid] {justify-content: center;}






    @media screen and (max-width:1100px){
        partition[grid],
        partition [grid][image]{grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));}}

    @media screen and (max-width: 500px) {
        partition[grid] {grid-gap: 0px 0px;}}

        


partition[right]{justify-content: flex-end;}
partition[center] {justify-content:center;align-items:center;text-align:center;}
partition[vertical] {flex-direction: column;}
partition[middle]{}
partition[accent]{min-height: 250px;}


[accent]{background-color:#fdd65d;}
[dark]{background-color:rgba(0, 0, 0, 0.8);color:rgba(255, 255, 255, 1);}
[dark] h2{color: inherit;}
[dark] text{color: inherit;}
[dark] icon.quote {background-position: -360px 0px;}
[dark] icon.question{background-position:-150px -120px;}
[gray]{background-color:rgba(0, 0, 0, 0.05);}
partition [dark]{min-height: 300px;padding: 50px 0;}






ticket[form] {width:300px;width:100%;flex-shrink:0; padding: 10px 20px;box-sizing: content-box;}
/*partition[grid][form_aside]{ grid-template-columns: 70% 30%;}*/

    @media screen and (max-width: 1200px) {
        partition[grid][form_aside] {grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));}
        ticket[form] {width:100%;flex-shrink:1;padding: 10px 40px;box-sizing: border-box;}}
    @media screen and (max-width: 500px) {
         ticket[form] {padding: 10px;}}






/*--image_wrap--*/
image_wrap {display: flex;align-items: flex-start;justify-content: flex-end; padding:10px 40px;}
ticket ~ image_wrap{justify-content: flex-start;}
partition image_wrap:only-child {width: 100%;}

    @media screen and (max-width:1100px) {
        image_wrap, ticket ~ image_wrap{justify-content: center;grid-row-end: row1-end;}}


partition[middle] image_wrap {align-items: center;}




/*--image_bar--*/
image_bar {display: flex;width:100%;max-width: 520px;margin:0 auto;flex-shrink: 0;flex-grow: 0;display: block;position: relative;}
image_bar img{display: block;width:100%;box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 50px 0px, rgba(0, 0, 0, 0.03) 0px 0px 0px 1px;}

img[src*="empty.png"]{min-height: 250px;position:relative}
img[src*="empty.png"]:after{content:'Test';position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:60px;opacity:0.1}


image_wrap [transparent] {background: transparent;box-shadow: none;}
image_wrap [transparent] img{background: transparent;box-shadow: none;max-width: 520px;}

    @media screen and (max-width:1300px){
        image_bar {}}

partition image_wrap:only-child image_bar{width:100%;}






/*--video_bar--*/
video_bar {width: 100%;max-width: 520px;position: relative;overflow: hidden;cursor: pointer;flex-shrink: 0;flex-grow: 0;flex-basis: auto;display: block;background: #ffffff;box-shadow:5px 1px 15px 0px rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.03) 0px 0px 0px 1px;}
video_bar video,
video_bar iframe{width: 100%;display: block;}

/*partition[center] image_wrap video {max-width: 780px;width: 100%;margin: 0 auto;}
partition[middle]  image_wrap video {width:100%; max-width: 780px;}*/

    @media screen and (max-width:1300px){
        video_bar {}}


/*--zoom--*/
image_wrap.zoom {position: fixed;z-index: 999;width: 100vw;height: 100vh;left: 0;top: 0;display: flex;align-items: center;justify-content: center;}
image_wrap.zoom:after{content:'';position:fixed;width: 100vw;height: 100vh;left: 0;top: 0;background: rgba(0, 0, 0, 0.9);}
image_wrap.zoom video_bar,image_wrap.zoom image_bar {z-index: 9999;}
/*----*/




/*--ticket--*/
h1{text-align: center;padding: 20px 0;font-size: 40px;}
ticket {display: block;padding:10px 40px;}
ticket h2{margin: 0 0 50px 0;font-size:40px;line-height: 1.2;color: rgba(0, 0, 0, 0.6);}
ticket > wrap {display: flex; flex-direction: column;}

    @media screen and (max-width: 1100px) {
        partition ticket > wrap {max-width: 780px;}}

ticket > wrap > text{display:block;margin: 0;text-align: justify;white-space: normal;word-break: break-word;line-height: 36px;color: rgba(0, 0, 0, 0.6);}
ticket > wrap  text span{display: block;margin: 0 auto 20px auto;}
ticket > wrap  text span:only-child,
ticket > wrap  text span:last-child{margin: 0 auto;}

.margin-left { margin-left: 0;}


ticket > wrap  text + h2{}
ticket > wrap .button{margin:50px auto  0px auto;align-self: flex-start;}
ticket > wrap > icon{margin:0px auto 15px auto}
ticket > wrap h2 + icon{margin:-40px auto 15px auto}
/*ticket > wrap text > [list] { margin: 0 0 20px 48px; }*/
ticket > wrap [list] li { list-style: inherit; margin: 0 0 20px 48px; }
ticket > wrap ul[dash] li { list-style-type: '-  '; }
ticket > wrap li li { margin-left: -48px; }

partition[grid] ticket { display: flex; flex-direction: column; }
partition[grid][image] ticket{align-items: flex-end;text-align:right}
partition[grid][image] ticket > wrap{}

partition[grid][image] ticket > wrap .button{align-self: flex-end;margin: 50px 0 0 0;}
partition[grid][image] image_wrap ~ ticket { text-align:left}
partition[grid][image] image_wrap ~ ticket > wrap .button{align-self: flex-start;margin: 50px 0 0 0;}





    @media screen and (max-width: 1100px){       
        partition[grid][image] ticket{align-items:center;}
        partition[grid][image] ticket > wrap{max-width:780px;align-items: center;}
        partition[grid][image] ticket > wrap >  text,
        partition ticket > wrap > text{text-align:left;}        
        ticket h2{text-align:center;}
        partition[grid][image] image_wrap ~ ticket .button,
        partition[grid][image] ticket .button{align-self: center;}}


ticket[center] {text-align:center;}
ticket[center] icon{}
ticket[light] {color:#fff}
ticket[light] h2{color: inherit;}

ticket:only-child{max-width:900px;margin:0 auto;}
ticket[center] > wrap > text{text-align:center;}



.badge { margin-right: 40px; margin-top: 50px; max-width: 150px;}
.badge:last-child{margin-right:0}
.badge img {display: block; width: 100%;}


/*--check_list--*/
[check_list]{margin-bottom: 45px;}
[check_list] h4{font-size: 24px; font-weight: 400; text-align: center;}
[check_list] span{display:flex;align-items:center;margin: 0 auto 10px auto;line-height:30px;}
[check_list] span:before{content: "\e93e";margin-right:15px;color:#fff;}
[check_list] [icon]{}

text:last-child[check_list]{margin-bottom: 0;}
[check_list][green] span:before,[check_list][green] icon{color:#1c8e27;}
[check_list] icon[tip]{margin-left:10px;width: 25px;height: 25px;font-size: 25px;}
[check_list] icon[blue]{margin-left:10px;color: #3169de;}

ticket > wrap > [check_list]{margin-bottom: 45px;}




/*--list--*/
list{display: flex;font-size: inherit;margin-left: 10px;color: rgba(0, 0, 0, 0.6);}
list span{display: flex;align-items: center;line-height: 25px;position: relative;}
list[point] span{ padding-left: 20px;}
list[point] span:before{content:"";display:block;width:5px;height:5px;background:#000;margin: 5px 10px 5px 5px;border-radius: 50%;flex-shrink: 0;position: absolute;top:5px;left: 0;background-color:rgba(0, 0, 0, 0.6);}
list[horizontal]{} 
list[vertical]{flex-direction: column;} 
list[center]{align-items: center;justify-content: center;}
list[left]{text-align:left;}

 @media screen and (max-width: 900px){
     list[horizontal]{flex-direction:column;}
     list[horizontal] separator[vertical]{opacity:0;}
 }


list[bullet] span{align-items: center;padding-left: 20px;}
list[bullet] span:before{content:" ";display:block;width:5px;height:5px;background:#000;margin: 5px 10px 5px 5px;border-radius: 50%;flex-shrink: 0;position: absolute;top:5px;left: 0;background-color:rgba(0, 0, 0, 0.6);}

list[bullet][number] {counter-reset: my-counter;list-style: none;}
list[bullet][number] span{counter-increment: my-counter;line-height: 25px;font-size: 16px;margin: 10px 0;}
list[bullet][number] span:after{position: absolute;left: 0;display:block; content: counter(my-counter) "."; counter-increment: item;top: 0px;font-weight: 600;}
list[bullet][number] span:before{display:none;}


ticket list[bullet]{margin: 20px 0 20px 0;font-size: 18px;}
ticket list[bullet] span{line-height: 35px;}
ticket list[bullet] span:before{top:10px}




/*--toolbar--*/
toolbar{min-height: 40px;width:100%;position:relative;display:flex;align-items:center;box-sizing:border-box;padding: 0 5px;}

toolbar[center]{justify-content: center;}
ticket > wrap toolbar{/*margin-top:50px*/}
ticket > wrap toolbar .button {margin: 50px 50px 0 0;}
ticket > wrap toolbar .button:last-child,ticket > wrap toolbar .button:only-child{margin-right:0px;}

section > wrap article + toolbar{margin-bottom:50px;}

toolbar[compact] .button {margin: 0;}
/*----*/





/*--prices--*/
prices[desktop] {margin: 0 auto;width: 100%;max-width: 1600px;}
prices > wrap {display: flex; align-items: flex-end;padding:0 20px;}
prices points {display: flex;flex-direction: column;flex-shrink: 0;line-height:50px;padding-bottom: 70px;flex-grow: 1;font-size:16px;}
prices points h4{padding: 0px 10px;color: rgba(0, 0, 0, 0.8);}
prices points text{padding: 0px 10px;color: rgba(0, 0, 0, 0.6);display: flex;align-items: center;}
prices points text:nth-child(2n+1){background-color: rgba(0, 0, 0, 0.02);}

prices points text icon{;width:25px;height:25px;font-size:25px;}

points wrap {position: relative; display: flex; margin-left: 10px;}
points wrap:hover tip{display:flex;}
prices tip {padding: 10px; margin: 5px;  background-color: rgba(0, 0, 0, 0.9); display: none; line-height: normal; min-height: 30px; height: auto; white-space: normal; color: #fff; border-radius: 3px; width: 300px; z-index: 10; font-size: 13px; position: absolute; transform: translateX(-50%) translateY(-100%); top: -50%; left: 50%;}
prices tip:after{content:""; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid rgba(0, 0, 0, 0.8); position: absolute;bottom: -5px;transform: translateX(-100%);left: 50%;}
prices item footer{display:none;}



/*item*/
item_wrap {display: flex;flex-grow: 0;flex-shrink: 0;}
item_wrap item {display: flex;flex-direction: column;align-items: center;justify-content: flex-end;margin: 0 5px;padding: 70px 30px;box-shadow: 0 5px 12px -2px rgba(0,0,0,.1), 0 0 0 1px rgba(0,0,0,.03);color: rgba(0, 0, 0, 0.6);cursor: default;min-width:270px;}

item_wrap item[highlight],item_wrap item:hover {background:rgb(253 214 93 / 0.05);}

item_wrap item counter{margin: 0 0 30px 0;color: rgb(0 0 0 / 0.6);}
item_wrap item counter text{font-size:18px;font-weight: 600;color: inherit;}
item_wrap item counter text[middle]{font-size: 14px;}
item_wrap item text[green] {color: #1c8e27;}
item_wrap item  mark{background:none;}
item_wrap item  mark[small]{font-size:16px;}
item_wrap item  mark[large]{font-size: 24px;font-weight: 600;color: inherit;}

item_wrap item > text{margin:40px 0 65px 0;color:rgb(0 0 0 / 0.6);}
item_wrap item > text[medium]{font-size:20px;}
item_wrap item > text[small]{font-size: 16px;}
item_wrap item > text[title]{text-align:center;}


item_wrap item > text[compact]{margin: 0px 0 10px 0;}
item_wrap item .button.accent{color: #000; box-shadow: inset 0 0 0 2px #000000;}
item_wrap item > [check_list]{display: flex;flex-direction: column;margin-bottom: 0;margin: 20px 0 0 0;} 


item_wrap item [check_list] > div{margin:15px 0;display:flex;justify-content:center;}
item_wrap item [check_list] div icon{}
item_wrap item [check_list] > div text{line-height: 20px;font-size: 14px;text-align: center;color: #1c8e27;font-weight: 600;min-width: 20px;display: flex;justify-content: center;white-space: nowrap;}
item_wrap item [check_list] div icon + a {margin-left:10px}
item_wrap item [check_list] div text[disable] {color:inherit;}
item_wrap item:hover .button.accent{background:#fdd65d;box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.02);} 


item_wrap footer{font-size: 14px;overflow: hidden;width: 100%;}

item_wrap footer [check_list]{margin-bottom: 40px;}
item_wrap footer [check_list]{display: flex;flex-direction: column;margin: 0 0 70px 0;} 
item_wrap footer [check_list] > text{display: flex;align-items: center;line-height: normal;color: #000;margin: 10px 0;}
item_wrap footer [check_list] > text > text{margin-right:10px}
item_wrap footer [check_list] text > div{display: flex;align-items: center;}
item_wrap footer [check_list] text > div > text{display:flex;align-items:center;justify-content:center;text-align:center;min-width: 20px;min-height: 20px;line-height: 20px;margin-right: 10px;color: #1c8e27;font-weight: 600;}

/*---*/


/*list_item*/
list_item {margin: 0 auto;width: 100%;max-width: 1600px;}
list_item > wrap {display: flex; align-items: flex-end;padding:0 20px;}
list_item item_wrap {flex-wrap: wrap;width: 100%;}
list_item[center] item_wrap {justify-content: center;}

list_item item {padding: 0;justify-content: flex-start;margin: 5px 5px;}

list_item[flex] item {max-width: 450px;/* width: 25%; */}

list_item item footer{justify-self: flex-end;align-self: end;}
list_item item content {justify-self: flex-start;align-items: self-start;margin: 25px 50px 40px 50px;flex-grow: 1;font-size: 16px;min-height: 165px;overflow: hidden;display: flex;flex-direction: column;justify-content: center;}
list_item item content text{display: block;margin: 20px auto 10px auto;max-height: 70px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
list_item item content text[title]{text-align: center;margin: 0 auto;max-height: 100%;min-height: 45px; -webkit-box-orient: unset;}
list_item item thumb{position: relative; width: 100%; height: 150px;}

list_item[grid] item_wrap{display: grid;grid-template-columns: repeat(auto-fill, minmax(25%, 1fr));grid-template-columns: repeat(auto-fill);grid-auto-rows: 1fr;}
list_item[grid] item {max-width:100%}


@media screen and (max-width: 1200px){
    list_item[grid] item_wrap {grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));}
    list_item[flex] item_wrap item{max-width: 45%;width:100%;min-width: 0;}      
    }
 @media screen and (max-width: 800px){
    list_item[flex] > wrap{padding: 0 5px;}
    list_item item_wrap item content{margin: 25px 20px 40px 20px;}
    }

 @media screen and (max-width: 600px){
    list_item[grid] item_wrap {grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));} 
    list_item[flex] item_wrap item{max-width:100%;width:100%;}   

    list_item item_wrap item content{height:auto;}
    list_item item content text,
    list_item item content text[title]{height:auto;max-height:100%;}
    }

/**/


badge{white-space: nowrap;border-radius: 2px;padding: 2px 5px;font-size:12px;z-index: 2;position: relative;text-align: center;box-shadow: inset 0 0 0 1.5px;font-weight: 700;max-width: 100%;overflow: hidden;text-overflow: ellipsis;flex-shrink: 0;}
badge[fill][green] {background-color: #1c8e27; color: #fff; box-shadow: inset 0 0 0 1.5px #1c8e27;}
badge a {color: inherit; display: flex; align-items: center; justify-content: center;}
badge a text {color: inherit;}


prices item [check_list] > div badge[fill][green] text{color: inherit;}


[check_list] text > badge{margin:0 5px;min-width: 20px;}
[check_list] icon + badge:active {transform: translateY(1px);}
[check_list] text > badge{margin:0 5px;}

prices footer [check_list] div > icon{margin: 0 10px 0 0px;}

prices footer [check_list] > text > wrap {position: relative; display: flex; /*margin-left: 10px;*/}
prices footer [check_list] > text > wrap:hover tip{display:flex;}
prices footer [check_list] > text > wrap tip{width: 200px;transform: translateX(-100%) translateY(-100%);left: calc(50% + 15px);}
prices footer [check_list] > text > wrap tip:after{left: auto;right: 0;}

item_wrap footer toolbar{display: flex;flex-shrink: 0;flex-grow: 0;justify-content: center;box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.05);padding: 30px 0;}

item_wrap footer toolbar .button{font-size: 14px;}
prices item_wrap footer toolbar .button:after{content:'View more'}
prices footer.open toolbar .button:after{content:'View less'}
item_wrap footer toolbar .button:active:after{transform:translateY(1px)}

item_wrap footer toolbar .button:hover{background-image:none;}
item_wrap footer toolbar .button icon{border-radius:50px;margin-right:10px;font-size: 20px;box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 50px 0px, rgba(0, 0, 0, 0.03) 0px 0px 0px 1px;transition:0.125s;}
prices footer.open toolbar .button icon{transform:rotate(180deg);}
prices item_wrap footer toolbar .button:hover icon{transform: rotate(180deg);background-image: linear-gradient(to top, rgba(0,0,0,.01) 0%,rgba(0,0,0,.01) 100%);}

prices footer [check_list]{display:none;opacity:0;visibility:hidden;transition: opacity .5s;}
prices footer.open [check_list]{display:flex;opacity:1;visibility:visible;transition: opacity .5s;}


     @media screen and (max-width: 1200px){
         prices item_wrap{}
         prices item{ min-width: 200px;}
     }


    @media screen and (max-width: 1024px){
        prices points{display:none;}
        prices footer{display:block;margin: 50px 0 0px 0;width: 100%;}
        prices item > [check_list]{display:none;}

        prices item:hover .button.accent {color: #000;box-shadow: inset 0 0 0 2px #000000;background: none;}
        prices item .button.accent:hover {background:#fdd65d;box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.02);}

        prices > wrap{justify-content:center;padding:0;}
        prices item_wrap{flex-wrap: wrap;justify-content: center;flex-grow: 1;align-items:flex-start;width: 100%;max-width: 1050px;}
        prices item{justify-content: flex-start;padding-bottom: 0;flex: 1;padding: 70px 20px 0px 20px;color: rgb(0, 0, 0);}
        prices item counter{}
    }

     @media screen and (max-width: 950px){
        prices item_wrap{flex-direction: column;align-items: center;}
        prices item{max-width: 520px;width: 100%;margin: 10px 0;}
     }

/*----*/



/*--loader--*/

/*.spinner{position:relative;width:100%;height:60px;display:flex;align-items:center;justify-content:center;}
.spinner > div{background:var(--outline);width:150px;height:2px;position:relative;overflow:hidden;}
.spinner > div > div{position:absolute;background:var(--main-color);height:100%;width:100%;animation:loader .95s infinite;}

loader{height:100%;width:100%;z-index:99999;position:absolute;top:0;left:0;background-color:var(--overlay); background-color:rgba(0, 0, 0, 0.5); display:flex;align-items:center;justify-content:center;}
loader > div{background:var(--outline);background: white;width:150px;height:2px;position:relative;overflow:hidden;}
loader > div > div{position:absolute;background:var(--main-color);background: #fdd65d;height:100%;width:100%;animation:loader 1.5s infinite;}
@keyframes loader{from{transform:translateX(-100%)} 50%{transform:translateX(100%)} to{transform:translateX(-100%)}}*/



loader{height:100%;width:100%;z-index:99999;position:absolute;top:0;left:0;background-color:var(--overlay); background-color:rgba(0, 0, 0, 0.5); display:flex;align-items:center;justify-content:center;}
loader div {box-sizing: border-box;display: block;position: absolute;width: 50px;height: 50px;margin: 0px;border: 4px solid #fff;border-radius: 50%;animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;border-color: #fff transparent transparent transparent;}
loader div:nth-child(1) {animation-delay: -0.45s;}
loader div:nth-child(2) {animation-delay: -0.3s;}
loader div:nth-child(3) {animation-delay: -0.15s;}

    @keyframes lds-ring {
      0% {transform: rotate(0deg);}
      100% {transform: rotate(360deg);}
    }


/*----*/




/*--download--*/
.download {display: -webkit-box;display: flex;flex-direction: row;justify-content: center;align-items:  center;margin:  50px auto;}
.download div{padding:0 10px;max-width: 150px;}
.download div a{display:block;width:100%;}
.download div a img{display:block;width:100%;}


/*--Slider--*/
slider{display:flex;width: 100%;white-space: nowrap;width: 100%;padding: 0 10px;}
slider wrap {position: relative;display: flex;overflow: hidden;flex-shrink:0;width:100%;}
slider container{display: grid;grid-template-columns: 25% 25% 25% 25%;padding: 60px 0;width: 100%; max-width: 1120px; margin: 0 auto;}
slider wrap:hover container{}
slider  item {display: flex;align-items: center;justify-content: center;margin:40px 20px;flex-shrink:0;} 
slider  item img{display:block;max-height: 60px;max-width: 120px;filter: grayscale(100%);}
slider  item:hover img{filter: grayscale(0%);}
container[loop]{display:none;background: #fff}

    @media screen and (max-width: 1000px){ 
        slider{overflow:hidden;} 
        slider wrap{width:auto;}    
        slider container{animation: slider 35s infinite linear;display:flex;max-width: 100%;width: auto;}
        /*slider container:hover{animation-play-state:paused;}*/
        container[loop]{display:flex;}}
@keyframes slider{to{transform:translateX(-100%);}}




/*--footer--*/
main > footer {display:-webkit-box;display:flex;align-items:center;flex-direction:column;align-items: center;justify-content: center;font-size: 16px;}
footer > section{padding: 50px 100px; max-width: 1400px;}
footer > section > wrap{display: -webkit-box;display: flex;align-items: center;padding: 50px 0px 30px 0px;}

footer nav_map {display:block;width: 100%;}
footer nav_map > ul {display: flex;}
footer nav_map > ul > li{padding: 0 50px;display: flex;flex-direction: column;}
footer nav_map ul a{display: block;}
footer nav_map  .title{margin: 0 0 25px 0;color: #fff;font-weight: 700}
    footer nav_map > ul ul { padding: 0 0 20px 0; margin-left: 12px; }
footer nav_map > ul ul a{margin: 0px 0 10px 0;}



[developer_bar]{padding-right: 0;}
[developer_bar] wrap{}
[developer_bar] [horizontal] {display: flex;margin: 0 0 40px 40px;}
[developer_bar] [horizontal] .title {margin: 0 50px 0 0;}

[developer_bar] block{display: flex;flex-flow: column;align-items: flex-start;box-shadow: inset 1px 0px 0 0 rgba(255, 255, 255, 0.1);padding: 0 0 0px 40px;}
    [developer_bar] block h4 { font-size: inherit; font-weight: 700; color: inherit; line-height: 1; }
    [developer_bar] block p { max-width: 400px; margin: 25px 0 10px 0; }
[developer_bar] block .button{margin: 30px 0 0 0;}

[developer_bar] info{display: block;margin: 40px 0 0 40px;}
[developer_bar] info a{display:flex;}
[developer_bar] info .mail{color:#fff;}
[developer_bar] info .call{align-items:flex-end;}
[developer_bar] info icon{margin-right:5px;}
[developer_bar] info text{margin-right:20px;display:flex;align-items:center;}
[developer_bar] [number]{font-size: 20px;}
[developer_bar] [number] span:first-child{margin-right:5px}





footer wrap[bottom]{box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1);padding: 50px 0px 20px 50px;}
footer wrap[bottom] info{display:flex;align-items: center;}
footer wrap[bottom] p{margin: 0 50px;}
footer wrap[bottom] info separator{height: 15px;opacity: .6;min-width: 2px;margin: 0 15px;}
footer wrap[bottom] logo span{background:url(/content/images/logo_new_w.png?v=5.6.20210929) no-repeat center;background-size: contain;}



    @media screen and (max-width: 1100px){      
        footer nav_map > ul {flex-wrap:wrap;flex-direction: column;width: 100%;}
        footer nav_map > ul > li{flex-grow:1;padding: 0;}
        footer nav_map > ul ul a, 
        footer nav_map > ul .title {/*text-decoration: underline;*/}
        [developer_bar] info{margin-left: 0;}
        [developer_bar] block{padding-left: 0;box-shadow: none;}
        footer wrap[bottom]{padding-left:0}
        footer > section{padding: 50px 50px;}}

    @media screen and (max-width: 900px){ 
        footer nav_map > ul {}
        footer nav_map > ul > li{width: 100%; max-width: 300px;}  
        footer wrap[bottom]{flex-direction: column;align-items: flex-start;}
        footer wrap[bottom] p{margin: 20px 0;}}

/*----*/






 /*--EXPO--*/
demo {display: flex;position: relative;z-index: 9;}

demo ticket{}
demo ticket{padding: 10px 10px 10px 40px;margin: 0px 0px 40px;}
demo ticket > text {font-size: 24px;}

demo ticket > text{display: block;margin: 10px 0 20px 0;font-size: 16px;color: inherit;}
demo ticket > text span{display:block;margin-bottom:15px}
demo ticket > text span:last-child{margin-bottom:0}
demo ticket > text span b{padding:0 5px}
demo ticket h2{margin:0;}
demo h3 {font-size:30px;font-weight: 400;line-height: 1;margin-bottom: 10px;}
h3[red] {color: red;}
demo ticket .button{color: inherit;}



.message logo {display: flex; justify-content: space-between;}
.message logo span[demo] {background: url(/content/images/logo_demo.png?v=5.6.20210929) no-repeat right center; background-size: contain;margin-left: 10px;}
.message toolbar {padding:0;justify-content: center;} 
.message .sections  toolbar button {width:auto;flex-grow: 0;}
discount {display: block; background: url(/content/images/discount.png?v=5.6.20210929) no-repeat right; background-size: contain; height: 150px;}
    @media screen and (max-width: 400px){
         discount{background-position:center;margin-top:20px;}}




heading demo{margin-bottom:40px;background: rgba(0, 0, 0, 0.5);}

wrap > demo {}
demo[dark]{background-color: rgba(0, 0, 0, 0.5); color: rgba(255, 255, 255, 0.8);}
wrap > demo > ticket:only-child {width: 100%;max-width: 1400px;margin: 0 auto;padding: 15px 100px;color: inherit;display: flex;}
wrap > demo ticket > text{margin:0;display: flex;align-items: flex-start;max-width: 750px;}
wrap > demo ticket > text[small]{font-size: 14px;}
wrap > demo h3{margin: 0 20px 0 0;flex-shrink: 0;}

    @media screen and (max-width:1250px){
        wrap > demo > ticket:only-child{padding: 15px;}}

    @media screen and (max-width:500px){
        wrap > demo ticket > text{flex-direction:column;}
        wrap > demo h3{font-size: 20px;}
        wrap > demo ticket > text[small]{font-size: 12px;}}
/*----*/







partition[list_item]{display: grid; grid-template-columns: 33.33% 33.33% 33.33%;grid-gap: 50px 0px;margin: 0 auto;padding: 0;max-width: 1200px;align-items: flex-start;}

@media screen and (max-width:1000px){
    partition[list_item]{grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));max-width: 400px;grid-gap: 25px 0px;}
}

partition[list_item] ticket > wrap{}
partition[list_item] image_wrap{display: flex; justify-content: center; align-items: flex-end; min-height: 80px;}
partition[list_item] image_wrap img{display: block; width: 100%; max-width: 200px;}

partition[list_item] cont{padding: 10px 25px;min-height: 60px;flex-basis: 100%;width: 100%;margin: 0;display: flex;justify-content: center;align-items: center;}
partition[list_item] cont separator{height: 1px;margin: 0 15px;flex-grow: 1;}
partition[list_item] cont h4 {font-weight: 400;white-space: nowrap;}
partition[list_item] cont text {font-weight: 700; display: block; box-shadow: -1px 0 0 0 rgba(0, 0, 0, 0.1), -2px 0 0 0 rgba(255, 255, 255, 0.1); padding-left: 7px; margin-left: 7px;}






/*----*/















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


        navigation > wrap > action{display:none;}
        nav_wrap{padding: 15px 60px 15px 15px;/*padding:35px 15px 15px 15px;*//*padding:15px;*/}
        nav_wrap > action{display:flex;margin-top:40px;}



        section > wrap article,
        section > wrap[large] article{padding:20px 10px;}
        ticket{padding: 10px 10px;}
        image_wrap{padding: 10px 10px;}
        ticket image_wrap{padding:0;}
        ticket h2{ margin-bottom: 20px;font-size: 30px;}
        ticket > wrap h2 + icon{margin-top:0px}
        ticket > wrap > text{/* line-height: normal; */}
        partition[grid][image] ticket .button,
        partition[grid][image] image_wrap ~ ticket .button{margin-top: 20px;}

        prices{padding:0 10px;}

        slider{padding:0px 10px;}

        main > footer{font-size:14px;}
        footer > section{padding:10px 20px;}
        footer > section > wrap{padding: 20px 0px 30px 0px;}
        footer wrap[bottom]{padding: 30px 0px 20px 0px;}
        footer wrap[bottom] p{margin:10px 0;}}

   
    


    @media screen and (max-width:500px)
    {   
        navigation logo span{height: 25px;width: 150px;}
        footer wrap[bottom] logo span{height: 25px;width: 150px;}
        nav_wrap{/*padding:15px;*/}
        .open .menu {right: 15px;top: 15px;}

         section[top]{padding-top:70px;}
         navigation > wrap{height: 70px;}
         navigation logo {margin-right: 5px;}
         navigation .menu{order:3; padding:10px; right:20px; top:20px;}
         navigation logo span{margin:0;}

        slider container{padding:0;}
        slider item img{max-width:85px;}
        slider item{margin:40px 10px;}}










/*ticket > list{display: flex;flex-direction: column;}
ticket > wrap list{display: block;}*/

/*list ul ul {}
list[bullet] {}
list[bullet] ul li {display: flex;flex-direction: column;align-items:flex-start;}
list[bullet] ul ul {margin: 15px 0 40px 50px;}
list[bullet] > ul > li{ margin: 15px 0;}
list[bullet] item {padding: 5px 10px;background: #fdd65d;margin: 3px;display: inline-block;color: #000;display: flex;align-items: center;}
list[bullet] > ul > li > item{font-size: 16px;text-transform: uppercase;background: #333333;color:#fff;}
list[bullet] separator[vertical]{height:20px}*/

/*partition[bullet]{display: grid; grid-template-columns: 33.33% 33.33% 33.33%;grid-gap: 50px 0px;margin: 0 auto;padding: 0;max-width: 1200px;align-items: flex-start;}

    @media screen and (max-width:1000px){
        partition[bullet]{grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));max-width: 400px;grid-gap: 25px 0px;}}

bullet ul li {display: flex;flex-direction: column;align-items:flex-start;}
bullet {display: flex;flex-wrap: wrap;}
bullet item {padding: 5px 10px;margin: 3px;display: inline-block;color: #000;display: flex;align-items: center;font-size: 12px;}
bullet > item{font-size: 12px;text-transform: uppercase;background: #333333;color:#fff;margin: 15px 0;flex-shrink: 0;flex-grow: 0;flex-basis: 0;}
bullet > ul{margin: 15px 0 40px 50px;flex-basis: 100%;}
bullet item h4{font-weight:400;white-space: nowrap;}
bullet item text{font-weight:700;display:block;box-shadow:-1px 0 0 0 rgba(0, 0, 0, 0.1),-2px 0 0 0 rgba(255, 255, 255, 0.1);padding-left: 7px;margin-left: 7px;}
bullet item icon{margin-bottom:0;margin: 0 0 0 auto;opacity: .5;}

bullet.open item icon{transform:rotate(180deg)}

    @media screen and (max-width:1000px){
        bullet > ul{margin: 15px auto 40px auto;}
        bullet item{margin:3px auto;}}
*/

/*list[wide][bullet] bullet {flex-direction: column;flex-wrap: nowrap;max-height: 60px;overflow: hidden;margin: 15px 0px;transition: max-height .2s;cursor:pointer;}
list[wide][bullet] bullet > item{padding: 10px 25px;min-height: 60px;flex-basis: 100%;width: 100%;margin: 0;}
list[wide][bullet] bullet > ul {padding: 20px 0 20px 20px;margin:0;flex-basis: 100%;box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);background: rgba(0, 0, 0, 0.02);visibility: hidden;opacity: 0;transition: .2s;}
list[wide][bullet] bullet.open{max-height: 1000px;}
list[wide][bullet] bullet.open ul{visibility: visible;opacity: 1;}

partition[point] list[wide][bullet] bullet{max-height:100%;}
partition[point] bullet > item {color:#000;background:transparent;font-size: 16px;}
partition[point] bullet separator {min-height: 1px; margin: 0 15px; flex-grow: 1;}
partition[point] bullet image_wrap{display: flex;justify-content: center;align-items: flex-end;min-height: 80px;}
partition[point] bullet image_wrap img{display: block;width: 100%;max-width: 200px;}
partition[point] list[bullet] bullet {cursor:default;}
*/
/*
list[circle] {}
list[circle] ul li {display: flex;flex-direction: column;align-items:flex-start;}
list[circle] ul ul {margin: 15px 0 15px 50px; }
list[circle] > ul > li{ margin: 15px 0;}
list[circle] item {padding: 5px 10px;margin: 3px;display: inline-block;position: relative;}
list[circle] > ul > li > item{font-size: 16px;text-transform: uppercase;}
list[circle] ul ul item span{padding-left: 5px;}
list[circle] ul ul item span:after{content:'';display:block;width:5px;height:5px;background:#000;border-radius: 50%;position: absolute;left: 5px;top: 50%;transform: translateY(-50%);}

*/
/*----------------*/






/*--Grid--*/
/*grid {display: flex;font-size: 20px;}
grid ticket{max-width: 290px;padding: 10px 5px;margin: 0 20px;flex-shrink: 1;}
grid ticket h3{margin: 0 0 20px 0;font-size: 24px;text-transform: uppercase;}

    @media screen and (max-width: 1200px){
        grid {flex-direction: column;}
        grid ticket{}}*/




/*--badge--*/
/*partition[badge]{display: grid;grid-template-columns: 33.33% 33.33% 33.33%;grid-gap: 50px 0px;margin: 0 auto;padding: 0;max-width: 900px;align-items: flex-start;}

@media screen and (max-width:1000px){
    partition[badge]{grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));max-width: 400px;grid-gap: 25px 0px;}}

partition[badge] ticket{}
partition[badge] ticket > wrap{display: flex;align-items: flex-start;max-width: 100%;}
partition[badge] list{display: flex;flex-direction: column;justify-content: flex-start;width: 100%;}


partition[badge] badge{padding: 30px 20px 20px 20px;margin: 0 0 20px 0px;display: flex;flex-direction: column;flex-wrap: wrap;justify-content: center;font-size: 12px;text-align: center;position:relative;box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 50px 0px, rgba(0, 0, 0, 0.04) 0px 0px 0px 1px;border-radius: 0px;min-height: 150px;}

partition[badge] badge h4{flex-basis: 100%;font-size: 16px;z-index: 1;}
partition[badge] badge count{font-weight: 700;font-size: 24px;display: block;margin: 5px auto;z-index: 1;}
partition[badge] badge ul {z-index:1;margin-top: 30px;}
partition[badge] badge ul item {margin:10px 0;display:block;}

badge[image] {}
badge[image] back{z-index: 0; opacity: .2;}

badge[dark] {color: #fff;}
badge[light] {color: #000;}
badge[red] {background-color: #eb432d;}
badge[yellow] {background-color: #f2e99d;}
badge[blue] {background-color: #2196F3;}*/
/*--------------*/







/*=======START WINDOWS=======*/
 .form_container{height: 100%;overflow: auto;overflow: overlay;-ms-overflow-style: -ms-autohiding-scrollbar;display: block;-moz-overflow-y: scroll;flex: 1;-webkit-overflow-scrolling: touch;position: relative;z-index: 1;font-size: 14px; color: rgba(0, 0, 0, 0.6);}


.window_cont toolbar{margin-top:20px;}

.sections toolbar button{flex-grow:1;margin-right: 10px;}
.sections toolbar button:last-child{margin:0;}


.ovrl_wnd_cont{ }
.ovrl_wnd_cont > div{height:100%;width:100%;position: fixed;z-index:9998;padding:20px;opacity:0;visibility:hidden;/*-webkit-user-select:none;user-select:none;*/display: flex;flex-direction: column;align-items: center;justify-content: center;overflow:auto;background-color: rgba(15,20,25,.55);top: 0;left: 0;}
.ovrl_wnd_cont > div.no_overlay{background:none}
.ovrl_wnd_cont > div.open{opacity:1;visibility:visible;}
.ovrl_wnd_cont > div > div{box-sizing:border-box;position:relative;overflow:hidden;display: flex;flex-direction: column;max-width: 100%;box-shadow:0px 8px 0 -4px rgba(0,0,0,.05), 0 0 0 1px rgba(0,0,0,.05), 0 15px 20px -10px rgba(0,0,0,.3);border-radius:6px;/*width:100%;flex-grow: 1;flex-basis: 100%;*/}
.ovrl_wnd_cont > div > div > header{width:100%;height:50px;min-height: 50px;/*user-select:none;-webkit-user-select:none;*/cursor:default; position:relative; z-index:1}
.ovrl_wnd_cont > div > div > header > p{background:#fff; height:50px;text-align:left;box-sizing:border-box;margin:0;padding:0 60px 0 20px;line-height:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: 16px; color:#2d3e4d;}
.ovrl_wnd_cont > div > div > header > span {height: 30px;width: 30px;position: absolute;right: 10px;top: 10px;cursor: pointer;}
.ovrl_wnd_cont > div > div > header > span:before{content: "\e92d";}
.ovrl_wnd_cont > div > div > header > span:active{transform:translateY(1px);-webkit-transform:translateY(1px)}
.ovrl_wnd_cont > div > div > div{display:-ms-flexbox;-ms-flex-direction:column;display: flex;flex-direction: column;max-height: 100%;overflow: hidden;-ms-flex-negative: 1;flex-basis: 100%;}
.window_cont{position:relative;display: flex;flex-direction: column;max-height: 100%;width: 100%;/*min-height: 100%;*/overflow:hidden;background:#fff;-ms-flex-negative: 1;-ms-flex:1 0 auto;}
.window_cont .form_container {padding:0px 30px 30px 30px;white-space: normal;position: relative;max-height: 100%;width: 100%;}

.form_container form > wrap{width:100%;}

.form_container logo{margin-bottom: 15px;}
.form_container h3{font-size:18px;margin-bottom: 15px;color:inherit;}
.form_container p{font-size: 14px;/* line-height:36px; */margin-bottom: 15px;}
.form_container p text{display:block;margin: 5px 0;}
.form_container p text a  {font-weight: 700;padding: 0 5px;}


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

        .window_cont .form_container{padding: 0px 15px 15px 15px;}}

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

        .window_cont toolbar{flex-wrap:wrap;}
        .window_cont toolbar separator[vertical]{display:none;}   
        .window_cont toolbar .button{flex-grow:1;flex-basis: 100%;margin: 10px 0;}
        .window_cont toolbar #cancel{order:2;}          
        .window_cont toolbar .link{order:2;margin: 15px 0 0 0;flex-grow:1;}}




.form_container .message_box, hint {padding: 20px 20px 20px 15px;min-height: 60px;display: flex;flex-direction:column;margin-bottom: 35px;font-size:14px;    font-size: 14px;  color: rgba(0, 0, 0, 0.6);}
.form_container .message_box.error, hint.error {background: rgba(227, 0, 0, 0.1);color: #ce0000;}

.message_box text, hint text {line-height: normal;}
.message_box text .bold, hint .bold {color:#000;}


.ovrl_wnd_cont > div > div.info_popup {flex-grow: 0;width: auto;height: auto;max-height: fit-content;min-width: 350px;}
.info_popup .form_container .message_box{min-height: 0;margin:0;padding: 0;}
.info_popup .message_box p{margin:0;}
.info_popup toolbar{padding: 0;}


toolbar[right] {justify-content: flex-end;}





holder {display: flex;margin-top: 20px;}
holder wrap {flex-grow: 1;}
holder wrap text{line-height:24px;}
holder wrap img{display: block;padding: 5px 10px 5px 0;max-width: 100%;max-height: 60px;max-width: 200px;}
wrap[image] {display: flex; align-items: center;width: 100%;}
wrap[image]:last-child{ justify-content: flex-end;}

    @media screen and (max-width:400px){
        holder wrap[image] { flex-shrink: 1; flex-grow: 0;}
        holder wrap[image] img{width: 100%;}
        holder wrap[image]:last-child img{max-width:100px}}
    
/*=============END WINDOWS===========*/


/*=============START FORM===========*/
.window_cont  form{display: flex;flex-direction: column;/*justify-content: center;align-items: center;*/max-height: 100%;min-height: 100%;overflow: hidden;font-size: 14px;}
.section_group {max-width: 100%;}
.form_container .section_group {width: 100%;position: relative;display: flex;flex-wrap: wrap;flex: 1 1 100%;}
.form_container .section_group .sections {position: relative;padding: 0px 0 10px 0;width: 100%;max-width: 550px;margin: 0 auto;}




/* input */
input::-ms-clear,input::-ms-reveal{display:none;}
input, button{outline:none;font-size: 14px;-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;border:none;color:inherit;font-family: 'Noto Sans', sans-serif;}
input[type=text], input[type=password],input[type=tel],input[type=email], input[type=url],.k-widget .k-input{float:left;display:flex;height: 40px;line-height:30px;padding: 0 10px;transition:none;-webkit-transition:none;flex:1;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);color:inherit;border-radius: 3px;}
input[type=checkbox]{}

input::placeholder,textarea::placeholder{color:rgba(0, 0, 0, 0.3);}
input:focus::placeholder,textarea:focus::placeholder{color:rgb(0, 0, 0);}

input:focus,
textarea:focus,{background:none;}

input.input-validation-error,div.input-validation-error span.k-dropdown, div.input-validation-error span.k-combobox,
textarea.input-validation-error,.input-validation-error input, .input-validation-error textarea {box-shadow:0 0 0 2px rgba(240, 80, 80, 0.3);}


input:disabled,
textarea:disabled {opacity: .7}

input[disabled] ~ box,
input[disabled] ~ text{opacity:.5;cursor:default}

textarea{min-height:30px;resize:none;height:100px;display:block;box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);color:inherit;padding:10px 20px 10px 10px;font-family: 'Noto Sans', sans-serif;font-size: 14px;overflow:auto;flex:1;border-radius: 3px;}
textarea[compact]{height: 40px;resize:vertical;}

textarea[note]{ resize:vertical;height:120px;background: #FFECB3; line-height:20px;color: #3E2723;}
textarea[resize]{resize:vertical}
textarea[note][compact]{height:90px; resize:none}


textarea:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=tel]:focus, input[type=email]:focus,
input[type=url]:focus,
.form_fields > .k-widget.k-state-border-down{box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.3);}


.form_container .info {font-size:inherit;line-height:inherit;margin-bottom: 0;color:inherit;}
.form_container .info p{font-size: 14px;line-height: 1.6;font-weight: normal;padding: 10px 0;margin: 0;}
.form_container .info a{color: #3169de;}
.form_container .info a:hover{text-decoration:underline;}


.form_container .info ul {padding-left: 30px;margin: 5px 0 15px 0;}
.form_container .info ul li{font-weight: normal;font-size: 14px;line-height: 1.5;}



.form_container .info p:empty {display: none;}


input:-webkit-autofill,
input:-webkit-autofill:hover{border: 0px solid white;-webkit-text-fill-color: black;box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0px 1000px #fff inset!important;transition: background-color 5000s ease-in-out 0s!important;}
input:-webkit-autofill:focus {box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.3), 0 0 0px 1000px #fff inset!important;}

/* ----- */






/* [checkbox] */

.option_bar{display:flex;height: 40px;position:relative;overflow:hidden;min-width:150px;font-weight: 700;}

.option_bar div[title]{flex:2; align-items:center;display:flex;position:relative;overflow:hidden;}
.option_bar div[title] text{white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}

.option_bar label{display:flex;flex:1;position:relative;overflow:hidden;}

.option_bar label wrap{display:flex;flex:1;position:relative;overflow:hidden;cursor:pointer;justify-content: center;align-items:center;padding:0 10px;box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), inset 0 -1px rgba(0, 0, 0, 0.1), inset 1px 0 rgba(0, 0, 0, 0.1);border-radius: 25px 0 0 25px;}
.option_bar label:last-child wrap{box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);border-radius: 0 25px 25px 0;}

.option_bar wrap:hover {background: var(--hover);}

.option_bar wrap:active text,
.option_bar wrap:active icon,
.option_complex wrap:active icon {transform:translateY(1px)}


.option_bar label text{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.option_bar label input, .option_complex label input {display:none}

.option_bar label input:checked ~ wrap{background-color: #fdd65d;}

.option_bar label input:checked:disabled ~ wrap,
.option_complex label input:checked:disabled ~ wrap,
.options label input:disabled ~ wrap {background-color:var(--input-color);color:inherit;}

.option_bar .label_group{display:flex}
.option_bar .label_group label{width:70px;}



.option_bar.mini{ min-width:initial; overflow:initial;}
.option_bar.mini label wrap{padding:0; box-shadow:none}
/* ----- */


/* form_fields */
.form_fields{box-sizing:border-box;display:block;position:relative;padding: 5px 0;width:100%;display:flex;justify-content:flex-start;flex-wrap:wrap;flex:1;color:#000;}
.form_fields.large{flex:2;}
.form_fields.middle{flex:1.5;}
.form_fields .data_label{cursor:default;flex:1 100%;font-weight:700;margin: 0 5px 5px 5px;display: block; color:#000; font-size: 12px;text-transform: uppercase;}
/*.form_fields .data_help{cursor:default;flex:1 100%;    padding: 0 5px 5px; opacity:.7;    overflow: hidden;text-overflow: ellipsis;}
.form_fields .data_help a{font-weight:700;}*/
.form_fields .data_help{cursor:default;flex:1 100%;padding: 0 5px 5px;overflow: hidden;text-overflow: ellipsis;color: rgba(0, 0, 0, 0.6);}
.form_fields .data_help a{font-weight:700;color: #3169de;}
.form_fields .data_help a:hover{text-decoration:underline}

.data_label .link {color: #3169de;}
.data_label .link:hover {text-decoration:underline;}


.form_fields .section_title{display: flex; align-items: center; padding: 0 5px;  } 
.form_fields .section_title > text{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; opacity: .5;}
.form_fields .section_title > [classic] input + text{padding-left:0}
.form_fields .section_title > [classic] separator + text {padding-right:0}
.form_fields .data_label span{font-weight:400;opacity:.5;float:right;}
.form_fields .data_label tip{font-weight:400;opacity:.5;padding: 0 5px;}

.form_fields .data_label em{margin-right:5px;}

.form_fields options{display:flex;flex-direction:column;flex:1;align-items:flex-start;}

.form_fields .form_separator{height:1px;min-height:1px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1);flex:1;margin:15px 5px;}

.form_fields .k-slider.k-widget{margin-top:10px}

.form_fields > [checkbox],.form_fields > [radio]{ margin:0 5px;}

.form_fields > input, .form_fields .input_cont, .form_fields .k-widget, 
.form_fields .data_read, .form_fields textarea, .form_fields .Tokenize, 
.form_fields .option_bar, .form_fields .option_column {flex-grow: 1;margin: 0 5px;}


.field_group{padding:5px 0;display:flex;width: 100%;flex-wrap: wrap;align-items: flex-start;}
.field_group .form_fields{padding:0}
/*---------------------*/


.form_fields {margin: 10px 0;}
.login .option_bar{margin: 20px auto;max-width: 350px;}



@media screen and (max-width:500px){
   .field_group .form_fields{flex: 1 100%;} 
}







/*error tip*/
body > .tip { position: absolute;   background: gray; z-index: 9999; padding: 7px 12px; box-shadow: 0 5px 10px -3px rgba(0, 0, 0,.2), 0 0 0 1px rgba(0,0,0,.05); border-radius:3px; color: #fff; font-size: 13px; max-width: 220px; box-sizing: border-box; opacity: 0; visibility: hidden; transform: translateY(-5px); transition-duration: .125s; transition-property:transform,visibility,opacity; cursor: default; pointer-events:none; margin:5px }
body > .tip.open{opacity:1;visibility:visible;transform:translateY(0); animation: tip_anim .2s}
body > .tip.error{ background: #EF5350;}
@keyframes tip_anim{from{transform:translateY(3px);}}
/**/





/*outside*/

[outside] main { min-height: 100%;}
[outside] navigation{ background: #fdd65d; position: relative;}

@media screen and (max-width: 1400px){
    [outside] navigation > wrap {padding: 0 10px;}}


[outside] navigation logo{margin:auto;}
@media screen and (max-width:700px)
{ [outside] navigation logo span{height: 40px;width: 230px;}}



[outside] main section{ min-height: 100%;}

@media screen and (max-width: 1300px) {
  [outside] partition ticket > wrap {max-width: 500px;}}


[outside] ticket > wrap > text{margin:0;font-size: 16px;line-height: 30px;color: #000;}
[outside] ticket > wrap > text[small]{}
[outside] ticket > wrap > text a{font-weight:600;padding:0 5px;}



[outside] ticket > wrap toolbar {padding:0;margin:30px auto;flex-wrap: wrap;justify-content: center;}
[outside] ticket > wrap .button {margin: 0 10px 0 0;min-width: 150px;}
[outside] ticket > wrap toolbar button:last-child{margin-right:0;}
[outside] ticket > wrap .button:only-child{margin:auto}

[outside] ticket .number .code{margin:0 5px}
/*----*/




/*.window_cont .login_buttons{margin: 10px 0;float: left;width: 100%;display: flex;}
.window_cont  .login_buttons > a,
.window_cont  .input_label{user-select: none;-ms-user-select: none;-webkit-user-select: none;}
.window_cont  .login_buttons > a{line-height:20px;}

.login_buttons{margin: 5px 15px 5px 0;}
.login_buttons > a,.login > .user_name {box-shadow: 1px 0 0 0 #134678;padding-right:15px;margin-right:15px;}
.login_buttons > a:last-child,.user_name:last-child{box-shadow: none;padding-right:0px;margin-right:0px;}
.login_buttons a {font-weight: 700;}*/
/*
    Eduard jan you can delete this
    start section
*/
.development { color:red;z-index:100;position:absolute;top:100px;left:100px; }
/*
    End section
*/

/*START override kendo inputs */


.k-popup{    box-shadow: 0px 8px 0 -4px rgba(0,0,0,.05),0 0 0 1px rgba(0,0,0,.05), 0 15px 20px -10px rgba(0,0,0,.3);}



/* kendo inputs */

.k-widget {position:relative; float:left;}
.k-widget.k-combobox{/*min-width:170px;*/}
.k-widget.k-datepicker{/*width:240px;*/display:inline-block;}
.k-widget.k-timepicker{/*width:75px;*/display:inline-block;}
.k-widget.k-header{min-height:30px;box-sizing:border-box;}
.flex_row .k-widget.k-datetimepicker.k-header{}

.k-picker-wrap{float:left;width:100%;}
.k-dropdown-wrap{width:100%;float:left;}
.k-datetimepicker.k-widget.k-header .k-input{padding:0 60px 0 0;}
.k-widget.k-header input.k-input,.k-widget.k-header span.k-input{padding: 0 10px;min-width:0px;margin:0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;background-color: transparent;box-shadow: none;}
.k-widget.k-header .k-input{height: 40px;line-height: 40px;padding: 0 7px;background: #fff;width:100%;-webkit-transition: none;text-overflow: ellipsis;/* box-shadow:0 0 0 1px rgba(0,0,0,.1); */display:block;}

td .k-widget.k-header input.k-input{font-weight:inherit}

@keyframes highlight {from{ font-weight: 400} to{font-weight: 700}}

td.highlight{animation:highlight linear .5s infinite}

.k-dropdown-wrap.k-state-focused .k-input, .k-picker-wrap.k-state-focused .k-input{box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.3);;}

.k-list-filter input{ height: 30px;line-height:30px;padding: 0 30px 0 7px;background: #fff; width:100%;  -webkit-transition: none; color: #000;  text-overflow: ellipsis;  display:block}
.k-select, .k-list-filter span{width:30px;box-sizing:border-box;position:absolute;top:0;right:0;cursor:pointer;}

.k-widget.k-header .k-select{width:30px;font-size: 0;line-height: 1;}
.k-datetimepicker.k-widget.k-header .k-select{width:60px;z-index:1;}
.k-datetimepicker.k-widget.k-header .k-select:active{padding-top:0px;}
.k-datetimepicker.k-widget.k-header .k-select > span:active{padding-top:1px;}
.k-widget.k-header .k-select:active{padding-top:1px;}
.k-popup.k-list-container{padding:0;border:0;box-sizing:border-box;background:#fff;overflow-x: hidden;overflow-y: auto;}
.k-popup .k-list{  /*margin: 5px;*/ min-height:30px;     -ms-overflow-style: -ms-autohiding-scrollbar;overflow: overlay;}
.k-popup .k-list .k-item{line-height:40px;height:40px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer;padding:0 10px;color:#000;list-style:none;}

.k-popup .k-list .k-item .icon{margin:0 5px 0 -10px;}

.k-list-optionlabel.k-state-focused,.k-popup .k-list .k-item.k-state-focused {   background: rgba(0, 0, 0, 0.1); }
.k-popup .k-list .k-item.k-state-selected.k-item.deleted.k-state-focused {font-style: italic;font-weight: 400;background: transparent;}
.k-popup .k-list .k-item.k-state-selected{font-weight:700;}

.k-popup .k-list .k-item:hover,.k-list-optionlabel:hover{background-color:#fdd65d;}
.k-popup .k-list .k-item:active,.k-list-optionlabel:active{line-height:41px}
.k-list-optionlabel{height: 30px;line-height:30px;padding: 0 10px; font-weight:700; cursor:pointer;background: rgba(0, 0, 0, 0.1);  display: block;position: relative;margin: 5px;}

.k-list-filter,.k-header-item{height: 30px;display: block;position: relative;margin: 5px;}


/*.filter_block .k-widget.k-header .k-input,.filter_block .k-widget.k-multiselect.k-header{background: #283947;color:#fff; box-shadow:none}*/
/*-------------*/


/* .k-desktop .k-popup .k-list{scrollbar-face-color:#fff;scrollbar-arrow-color:#fff;scrollbar-track-color:#fff;scrollbar-3dlight-color:#fff;scrollbar-darkshadow-color:#fff;scrollbar-highlight-color:#fff;scrollbar-shadow-color:#fff;scrollbar-face-color:#233341;}

*/



 /*kendo icons ligature*/
/*.k-icon{height:30px;width:30px;display:flex;font-size:0;}
.k-icon:after{width:30px;height:30px; min-width:30px;font-size: 25px;  display:flex;-moz-font-feature-settings: "liga=1, dlig=1"; -ms-font-feature-settings: "liga", "dlig"; -webkit-font-feature-settings: "liga", "dlig"; -o-font-feature-settings: "liga", "dlig"; font-feature-settings: "liga", "dlig"; font-variant-ligatures: common-ligatures; text-rendering: optimizeLegibility; font-family: icon; display: flex; display: -ms-flexbox; display: -webkit-flex; align-items: center; -ms-flex-align: center; justify-content: center; -ms-flex-pack: center; font-weight: 400; font-style: normal; user-select: none;  text-transform: lowercase; position: relative; z-index: 9; overflow:hidden; }
*/
/*.k-icon.k-delete:after{content:' delete';}
.k-multiselect-wrap .k-icon.k-delete:after{content:'cancel';}

.k-icon.k-i-arrow-s:after{content: 'arrow_s';}
.k-icon.k-i-arrow-w:after{content: 'arrow_w';}
.k-icon.k-i-arrow-e:after{content: 'arrow_e';}
.k-icon.k-i-arrow-n:after{content: 'arrow_n';}

.k-icon.k-i-seek-n:after{}
.k-icon.k-i-seek-s:after{}
.k-icon.k-i-seek-w:after{content: 'chevron_double_w';}
.k-icon.k-i-seek-e:after{content: 'chevron_double_e';}

.k-icon.k-i-clock:after{content:' recent ';}
.k-icon.k-i-calendar:after{content:' date ';}

.k-grid-content tr td.k-hierarchy-cell .k-icon.k-minus:after{content:'arrow_s';}
.k-grid-content tr td.k-hierarchy-cell .k-icon.k-plus:after{content:'arrow_e';}*/






/*td .k-widget {width:100%;}
td .k-widget.disabled {opacity: .2;}*/



.k-widget {position: relative;float: left;}
.k-widget.k-combobox,.k-widget.k-dropdown.k-header {flex: 1;-ms-flex: 1;}


.icon.bottom, .k-icon.k-plus {background-position: -450px -30px;}
.k-icon.k-i-arrow-s {background-position: -30px -90px;}

.k-icon {background-image: url(/Content/images/sprite.svg?v=5.6.20210929);display: inline-block;height: 30px;width: 30px;outline: none;color: transparent;vertical-align: middle;}

.form_fields > .k-widget {overflow: hidden;max-width: 100%;box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);border-radius: 3px;}

.form_fields > .k-widget.k-state-border-down{box-shadow:inset 0 0 0 2px rgba(0, 0, 0, 0.3)}

.k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap { display: flex; overflow: hidden; width: 100%; align-items: center;}

.k-widget .k-input, .k-widget input { background: none; box-shadow: none; text-overflow: ellipsis; overflow: hidden; position: relative;    padding: 0 5px 0 20px;}
.k-widget .k-clear-value { cursor: pointer;}

.k-icon {  height: 30px; width: 30px; display: flex; flex-shrink: 0; text-decoration: none;}
.k-hidden { display: none;}
.k-widget.k-header .k-select {width: 30px;margin-right: 5px;}
.k-select {width: 30px;height: 30px;cursor: pointer;flex-shrink: 0;position: static;}



input:focus, textarea:focus,.form_fields > .k-widget.k-state-focused{box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.3);}






/*END kendo override inputs */