@font-face{font-family:'icomoon'; src:url('fonts/icomooner/icomoon.eot'); src:url('fonts/icomooner/icomoon.eot?#iefix') format('embedded-opentype'), url('fonts/icomooner/icomoon.woff') format('woff'), url('fonts/icomooner/icomoon.ttf') format('truetype'), url('fonts/icomooner/icomoon.svg?#icomoon') format('svg'); font-weight:normal; font-style:normal; font-display:swap;}
@font-face{font-family:'QanelasLight'; src:url('fonts/qanelas/Qanelas-Light.eot'); src:url('fonts/qanelas/Qanelas-Light.eot?#iefix') format('embedded-opentype'), url('fonts/qanelas/Qanelas-Light.woff2') format('woff2'), url('fonts/qanelas/Qanelas-Light.woff') format('woff'), url('fonts/qanelas/Qanelas-Light.ttf') format('truetype'), url('fonts/qanelas/Qanelas-Light.svg#Qanelas-Light') format('svg'); font-weight:normal; font-style:normal; font-display:swap;}
@font-face{font-family:'QanelasBold'; src:url('fonts/qanelas/Qanelas-Bold.eot'); src:url('fonts/qanelas/Qanelas-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/qanelas/Qanelas-Bold.woff2') format('woff2'), url('fonts/qanelas/Qanelas-Bold.woff') format('woff'), url('fonts/qanelas/Qanelas-Bold.ttf') format('truetype'), url('fonts/qanelas/Qanelas-Bold.svg#Qanelas-Bold') format('svg'); font-weight:normal; font-style:normal; font-display:swap;}
@font-face{font-family:'OpenSansCondensed'; src:url('fonts/opensanscondensed_light/OpenSans-CondLight-webfont.eot'); src:url('fonts/opensanscondensed_light/OpenSans-CondLight-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensanscondensed_light/OpenSans-CondLight-webfont.woff') format('woff'), url('fonts/opensanscondensed_light/OpenSans-CondLight-webfont.ttf') format('truetype'), url('fonts/opensanscondensed_light/OpenSans-CondLight-webfont.svg#OpenSansCondensed') format('svg'); font-weight:normal; font-style:normal; font-display:swap;}
@font-face{font-family:'OpenSansCondensedBold'; src:url('fonts/opensanscondensed_bold/OpenSans-CondBold-webfont.eot'); src:url('fonts/opensanscondensed_bold/OpenSans-CondBold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensanscondensed_bold/OpenSans-CondBold-webfont.woff') format('woff'), url('fonts/opensanscondensed_bold/OpenSans-CondBold-webfont.ttf') format('truetype'), url('fonts/opensanscondensed_bold/OpenSans-CondBold-webfont.svg#OpenSansCondensedBold') format('svg'); font-weight:normal; font-style:normal; font-display:swap;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,input,textarea,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;}
img{max-width:100%;height:auto;vertical-align:top;}
video{width:100%;height:auto;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-webkit-text-size-adjust:100%;text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}
*,*:before,*:after{margin:0;padding:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
button{background:none;border:none;outline:none;padding:0;margin:0;cursor:pointer;display:inline-block;}
ol,ul{list-style:none;}
ol{list-style-type:inherit;}
ol li{margin-left:20px;margin-bottom:10px;}
::-moz-selection{background:#6598ca;color:#fff;}
::selection{background:#6598ca;color:#fff;}
:first-child + html .clearfix{clear:both;display:block;}
:focus{outline:none !important;}
::-moz-focus-inner{border:0 !important;}
select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000;}
html{background:#fff;color:#000;font-size:0.8em;}
body{line-height:1.25;
font-size:18px;
font-family:'QanelasLight',sans-serif;
color:#232323;
overflow-x:hidden;
background:#000 url(img/bodybg.png);
-webkit-font-smoothing:antialiased;}
html,body,.frame-full,.header,.subpage{height:100vh;width:100%;}
iframe{border:none !important;}
iframe:focus,iframe:active{outline:none;}
a{color:#6598ca;outline:0;text-decoration:none;-webkit-transition:color .25s ease-out;-o-transition:color .25s ease-out;transition:color .25s ease-out;}
a:hover{color:#111;}
a:active,a:focus{outline:0;}
b{font-family:'QanelasBold',sans-serif;font-weight:normal;}
i{font-style:italic;}
blockquote,q{quotes:none;color:#222;padding:10px;margin-bottom:10px;background:#fff;border:1px solid #dcdcdc;border-left:3px solid #6598ca;font-style:italic;font-size:18px;font-weight:400;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
table{border-collapse:collapse;border-spacing:0;vertical-align:baseline;}
table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
table.tabler{width:100%;border-spacing:0;border-collapse:collapse;border:1px solid #ccc;padding:0;
-webkit-box-shadow:0 4px 0 rgba(0,0,0,0.04);
-o-box-shadow:0 4px 0 rgba(0,0,0,0.04);
-ms-box-shadow:0 4px 0 rgba(0,0,0,0.04);
box-shadow:0 4px 0 rgba(0,0,0,0.04);}
table.tabler th{background:rgba(0,0,0,0.1);border-top:10px solid #ccc;padding:10px;font-size:16px;color:#333;font-family:'OpenSansCondensedBold',sans-serif;text-align:left;vertical-align:middle;}
table.tabler th a{color:#000;}
table.tabler th a:hover{color:#6598ca;}
table.tabler td{border-top:1px solid #ccc;border-left:1px solid #ccc;min-height:50px;padding:10px;color:#666;text-align:left;vertical-align:middle;background:-webkit-gradient(linear,left top,left bottom,from(#fbfbfb),to(#fafafa));background:-moz-linear-gradient(top,#fbfbfb,#fafafa);background:#fafafa;}
table.tabler td{background:rgba(255,255,255,0.8);}
table.tabler td.tdbg{background:rgba(0,0,0,0.05);}
table.tabler tr.even td{background:-webkit-gradient(linear,left top,left bottom,from(#f6f6f6),to(#f2f2f2));background:-moz-linear-gradient(top,#f6f6f6,#f2f2f2);background:#f2f2f2;}
table.tabler tr:last-child td{border-bottom:1px solid #ccc;}
table.tabler tr:hover td{background:-webkit-gradient(linear,left top,left bottom,from(#e8e8e8),to(#e6e6e6));background:-moz-linear-gradient(top,#e8e8e8,#e6e6e6);background:#e6e6e6;}
table.stater{width:100%;border-spacing:0;border-collapse:collapse;border:1px solid #ccc;padding:0;
-webkit-box-shadow:0 4px 0 rgba(0,0,0,0.04);
-o-box-shadow:0 4px 0 rgba(0,0,0,0.04);
-ms-box-shadow:0 4px 0 rgba(0,0,0,0.04);
box-shadow:0 4px 0 rgba(0,0,0,0.04);}
table.stater th{background:#f7f7f7;border-top:3px solid #ccc;padding:10px;font-size:18px;color:#333;font-family:'OpenSansCondensedBold',sans-serif;text-align:left;vertical-align:middle;}
table.stater th a{color:#000;}
table.stater th a:hover{color:#6598ca;}
table.stater td{border-top:1px solid #ccc;border-right:1px solid #ccc;padding:0;color:#666;font-size:18px;text-align:left;vertical-align:middle;background:-webkit-gradient(linear,left top,left bottom,from(#fbfbfb),to(#fafafa));background:-moz-linear-gradient(top,#fbfbfb,#fafafa);background:#fafafa;}
table.stater tr:last-child td{border-right:0;}
.hidden{display:none !important;}
.disphone{display:block;}
.stat-row{
position:relative;
display:inline-block;
height:100px;
margin:0;
background:#fff;
text-align:center;
border-right:1px solid #ccc;
}
.stat-bg{
background:rgba(0,0,0,0.05);
}
.stat-cube{
border:1px solid #999;
padding:1px 5px 0 5px;
}
.stat-row a{
display:block;
position:absolute;
top:0;bottom:0;left:0;right:0;
background:rgba(0,0,0,0.05);
}
.stat-row a:hover{
background:rgba(0,0,0,0.1);
}
.stat-ratio i{
display:block;
position:absolute;
top:0;left:0;right:0;
color:#666;
}
.stat-ratio,
.stat-counter{
display:block;
position:absolute;
bottom:0;left:0;
min-width:5px;
max-height:100px;
background:rgba(0,0,0,0.3);
color:#333;
transition:all 1s;
}
.stat-counter{
background:rgba(0,0,0,0.1);
}
.stat-counter div{
display:block;
position:absolute;
bottom:0;left:0;right:0;
}
.progresser{width:100%; height:3px;}
.progresser::-webkit-progress-bar{background-color:#6598ca; border-radius:1px;}
.progresser::-webkit-progress-value{background-color:#6598ca; border-radius:1px;}
.progresser::-moz-progress-bar{background-color:#6598ca; border-radius:1px;}
#canvas{border:1px solid red;margin:0 auto;}
.pagination{display:block;width:100%;text-align:center;margin:0 auto;}
.pagination ul{display:inline-block;*display:inline;}
.pagination ul > li,.pagination ul > li.div{display:inline;float:left;}
.pagination ul > li > a,
.pagination ul > li > span{margin-left:1px;float:left;}
.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span{margin-left:0;}
.pagination ul > li > a:hover,
.pagination ul > li > a:focus{
background-color:#6598ca;
}
h1,h2,h3,h4,h5,h6{line-height:1.2;font-family:'OpenSansCondensedBold',sans-serif;font-weight:normal;}
h1{font-size:48px;}
h2{font-size:40px;}
h3{font-size:32px;}
h4{font-size:28px;}
h5{font-size:24px;}
h6{font-size:20px;text-transform:uppercase;font-family:'OpenSansCondensedBold',sans-serif;}
h3 span{font-family:'OpenSansCondensed',sans-serif;font-size:0.75em;line-height:1.2;}
h5 span{font-family:'OpenSansCondensed',sans-serif;font-size:0.75em;line-height:1.2;}
p{clear:left;margin-bottom:20px;}
h1.title{font-size:96px;line-height:1.1;}
#cookieMessageWrapper{position:relative;
background:#fff;
font-size:13px;
font-weight:normal;
color:#333;text-align:
center;padding:0;
display:none;
z-index:900;
border-bottom:1px solid #aaa;
-webkit-box-shadow:0 4px 0 rgba(0,0,0,0.1);
-o-box-shadow:0 4px 0 rgba(0,0,0,0.1);
-ms-box-shadow:0 4px 0 rgba(0,0,0,0.1);
box-shadow:0 4px 0 rgba(0,0,0,0.1);}
#cookieMessage{margin:0 auto;padding:10px 0 20px 0;position:relative;}
#cookieMessage:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.robiyogi{display:block;border:0;width:120px;height:40px;background:url(img/yogi.png) no-repeat;background-position:left top;margin:0 auto;}
.robiyogi:hover{background-position:left bottom;}
.pointer{cursor:pointer;}
.cursor{cursor:default;}
.clear-end{clear:both;display:block;height:1px;visibility:hidden;}
.break,.break-mini,.break-midi,.break-maxi,.break-giga,.break-ultra{clear:both;display:block;height:10px;visibility:hidden;}
.break-mini{height:5px;}
.break-midi{height:20px;}
.break-maxi{height:40px;}
.break-giga{height:60px;}
.break-ultra{height:80px;}
.clear,.clearhide,.columns-fix{clear:both;display:block;height:0;visibility:hidden;}
.clearhide,.columns-fix{display:none;}
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
.fullwidth{width:100%;}
.dis{visibility:hidden;height:0;width:0;}
.hide{display:none;}
.show{display:block;}
.left{float:left;}
.left-mini{float:left;padding-left:10px;}
.right{float:right;}
.right-mini{float:right;padding-right:10px;}
.center{clear:both;position:relative;display:block;margin:0 auto;}
.left-text{text-align:left;}
.right-text{text-align:right;}
.center-text{text-align:center;}
.valign{vertical-align:middle;}
.bfont,.bfont-black{font-family:'OpenSansCondensedBold',sans-serif;text-transform:uppercase;}
.bfont{color:rgba(0,0,0,0.8);}
.condensed{font-family:'OpenSansCondensed',sans-serif;}
.condensed-bold{font-family:'OpenSansCondensedBold',sans-serif;}
.qanelas{font-family:'QanelasBold',sans-serif;}
.qanelas-light{font-family:'QanelasLight',sans-serif;}
.lowercase{text-transform:lowercase;}
.uppercase{text-transform:uppercase;}
.line-through{text-decoration:line-through;}
.notransform{text-transform:none;}
.nobg{background:transparent;}
.nomargin{margin:0;}
.bg-white{background:rgba(255,255,255,0.6);}
.bg{background:#fefefe;}
.color{color:#6598ca;}
.special{color:#0a1015;}
.black{color:#000;}
.white{color:#fff;}
.dark{color:#333;}
.bright{color:#777;}
.gray{color:#999;}
.red{color:#ff0000;}
.green{color:#690;}
.orange{color:#e27000;}
.blue{color:#6598ca;}
.mini{font-size:12px;line-height:1;}
.midi{font-size:14px;line-height:1;}
.maxi{font-size:24px;line-height:1;}
.mega{font-size:32px;line-height:1;}
.ultra{font-size:40px;line-height:1;}
.icon-yt,.icon-movie{font-size:64px;line-height:1;}
.maximus{font-size:64px;line-height:1;}
.giga{font-size:124px;}
.light{font-weight:300;}
.normal{font-weight:400;}
.heavy{font-weight:700;}
.shadow{text-shadow:0 0 2px #000;}
.right-abs{position:absolute;right:5px;bottom:0;top:0;}
.right-bottom{position:absolute;right:0;bottom:5px;}
.left-bottom{position:absolute;left:0;bottom:5px;}
.right-top{position:absolute;right:0;top:5px;}
.left-top{position:absolute;left:0;top:5px;}
.table{border-collapse:collapse;margin:0 auto;width:100%;min-height:100px;}
.table td{clear:left;border-collapse:collapse;padding:0;vertical-align:top;}
.images,.images-green,.images-red{width:100%;max-width:100px;height:auto;display:block;border:1px solid #ccc;padding:1px;}
.images-green{border:1px solid #690;}
.images-red{border:1px solid #ff0000;}
.preloader{position:fixed;z-index:666;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,1);opacity:1;
-webkit-transition:all 1s;-o-transition:all 1s;transition:all 1s;}
.pre-logo{position:absolute;
display:block;
top:50%;
left:50%;
width:96px;
height:96px;
margin-left:-48px;
margin-top:-48px;
background:url(img/logo.png) no-repeat transparent;}
.preloader-loader{position:absolute;
width:140px;
height:140px;
left:50%;
top:50%;
margin-top:-70px;
margin-left:-70px;
background:none;
cursor:default;
pointer-events:none;
opacity:1;
-webkit-transition-delay:1.2s;
transition-delay:1.2s;
-webkit-transform:scale3d(1,1,1);
transform:scale3d(1,1,1);}
.ball{
background-color:rgba(0,0,0,0);
border:5px solid rgba(0,0,0,0.9);
opacity:.9;
border-right:5px solid rgba(0,0,0,0);
border-left:5px solid rgba(0,0,0,0);
border-radius:80px;
width:140px;
height:140px;
margin:0 auto;
-moz-animation:spinPulse 1s infinite ease-in-out;
-webkit-animation:spinPulse 1s infinite linear;
}
.ball1{
background-color:rgba(0,0,0,0);
border:5px solid rgba(0,0,0,0.9);
opacity:.9;
border-left:5px solid rgba(0,0,0,0);
border-right:5px solid rgba(0,0,0,0);
border-radius:80px;
width:120px;
height:120px;
margin:10px auto;
position:relative;
top:-140px;
-moz-animation:spinoffPulse 1s infinite linear;
-webkit-animation:spinoffPulse 1s infinite linear;
}
.glass{
position:relative;
top:-160px;
width:80px;
height:80px;
margin:0 auto;
line-height:80px;
font-size:30px;
text-align:center;
color:rgba(0,0,0,0.9);
text-align:center;
}
.rotate{
-moz-animation:spinoffPulse 1s infinite linear;
-webkit-animation:spinoffPulse 1s infinite linear;
animation:spinoffPulse 1s infinite linear;
}
.pulse{
-moz-animation:blink 1s infinite linear;
-webkit-animation:blink 1s infinite linear;
animation:blink 1s infinite linear;
}
@-moz-keyframes spinPulse{
0% {-moz-transform:rotate(160deg);opacity:0;}
50% {-moz-transform:rotate(145deg);opacity:1;}
100% {-moz-transform:rotate(-320deg);opacity:0;}
}
@-moz-keyframes spinoffPulse{
0% {-moz-transform:rotate(0deg);}
100% {-moz-transform:rotate(360deg);}
}
@-webkit-keyframes spinPulse{
0% {-webkit-transform:rotate(160deg);opacity:0;}
50% {-webkit-transform:rotate(145deg);opacity:1;}
100% {-webkit-transform:rotate(-320deg);opacity:0;}
}
@-webkit-keyframes spinoffPulse{
0% {-webkit-transform:rotate(0deg);}
100% {-webkit-transform:rotate(360deg);}
}
@keyframes spinPulse{
0% {transform:rotate(160deg);opacity:0;}
50% {transform:rotate(145deg);opacity:1;}
100% {transform:rotate(-320deg);opacity:0;}
}
@keyframes spinoffPulse{
0% {transform:rotate(0deg);}
100% {transform:rotate(360deg);}
}
@-webkit-keyframes blink{
0%{opacity:1;}
50%{opacity:0.2;}
100%{opacity:1;}
}
@keyframes blink{
0%{opacity:1;}
50%{opacity:0.2;}
100%{opacity:1;}
}
.preloader .preloader-inner{display:block;margin:0 auto;}
.preloader .preloader-logo svg{width:100px;height:100px;}
.preloader .preloader-logo svg path{fill:#000;}
.preloader .preloader-loader svg path{fill:none;stroke-width:6;}
.preloader .preloader-loader svg path.preloader-loader-circlebg{stroke:#ccc;}
.preloader .preloader-loader svg path.preloader-loader-circle{-webkit-transition:stroke-dashoffset 0.2s;transition:stroke-dashoffset 0.2s;stroke:#000;}
.layout .preloader-logo,.layout .preloader-loader{opacity:1;
-webkit-animation:animInitialHeader 1s cubic-bezier(0.7,0,0.3,1) both;
animation:animInitialHeader 1s cubic-bezier(0.7,0,0.3,1) both;
}
.layout .preloader-loader{-webkit-animation-delay:0.2s;animation-delay:0.2s;}
@-webkit-keyframes animInitialHeader{from{opacity:0;-webkit-transform:translate3d(0,800px,0);}}
@keyframes animInitialHeader{from{opacity:0;-webkit-transform:translate3d(0,800px,0);transform:translate3d(0,800px,0);}}
/* Change layout class for header */
.layout-switch .preloader-logo,.loaded .preloader-loader{opacity:1;}
.layout-switch .preloader-logo{
-webkit-transform-origin:50% 0;
transform-origin:50% 0;
-webkit-animation:animLoadedLogo 1s cubic-bezier(0.7,0,0.3,1) forwards;
animation:animLoadedLogo 1s cubic-bezier(0.7,0,0.3,1) forwards;
}
@-webkit-keyframes animLoadedLogo{to{-webkit-transform:translate3d(0,100%,0) scale3d(1,2,0);}}
@keyframes animLoadedLogo{to{-webkit-transform:translate3d(0,100%,0) scale3d(1,1,0);transform:translate3d(0,100%,0) scale3d(1,2,0);}}
.layout-switch .preloader-loader{
-webkit-animation:animLoadedLoader 0.5s cubic-bezier(0.7,0,0.3,1) forwards;
animation:animLoadedLoader 0.5s cubic-bezier(0.7,0,0.3,1) forwards;
-webkit-transition:-webkit-transform 0.3s, opacity 0.3s;
transition:transform 0.3s, opacity 0.3s;
-webkit-transform:scale3d(1.3,1.3,1);
transform:scale3d(1.3,1.3,1);
}
@-webkit-keyframes animLoadedLoader{to{opacity:0;-webkit-transform:translate3d(0,-100%,0) scale3d(0.3,0.3,1);}}
@keyframes animLoadedLoader{to{opacity:0;-webkit-transform:translate3d(0,-100%,0) scale3d(0.3,0.3,1);transform:translate3d(0,-100%,0) scale3d(0.3,0.3,1);}
}
.layout-switch .preloader-logo svg path{-webkit-transition:all 0.5s ease 0.3s;transition:all 0.5s ease 0.3s;fill:#000;}
.layout-switch .preloader{position:absolute;
-webkit-animation:animLoadedHeader 1s cubic-bezier(0.7,0,0.3,1) forwards;
animation:animLoadedHeader 1s cubic-bezier(0.7,0,0.3,1) forwards;
opacity:0;
}
@-webkit-keyframes animLoadedHeader{to{-webkit-transform:translate3d(0,-100%,0);}}
@keyframes animLoadedHeader{to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}}
.headbreak{clear:both;position:relative;height:60px;display:none;}
.headbreaker{clear:both;display:block;position:relative;height:60px;}
.wrapper{clear:both;width:100%;z-index:2;margin-bottom:180px;position:relative;overflow:hidden;background:#fff;
-webkit-box-shadow:0 3px 3px rgba(0,0,0,0.04);
-o-box-shadow:0 3px 3px rgba(0,0,0,0.04);
-ms-box-shadow:0 3px 3px rgba(0,0,0,0.04);
box-shadow:0 3px 3px rgba(0,0,0,0.04);}
.loaded .header-break h1,
.loaded .header-break h2,
.loaded .header-title h1,
.loaded .header-title h2,
.loaded .header-info,
.loaded .header-info .box{
-webkit-animation:animLoadedContent 1s cubic-bezier(0.7,0,0.3,1) both;
animation:animLoadedContent 1s cubic-bezier(0.7,0,0.3,1) both;
}
.loaded .header-break h1,.loaded .header-title h1{-webkit-animation-delay:1.5s;animation-delay:1.5s;}
.loaded .header-break h2,.loaded .header-title h2{-webkit-animation-delay:1.6s;animation-delay:1.6s;}
.loaded .header-info,.loaded .header-info .box:first-child{-webkit-animation-delay:1.6s;animation-delay:1.6s;}
.loaded .header-info .box:nth-child(2){-webkit-animation-delay:1.8s;animation-delay:1.8s;}
.loaded .header-info .box:nth-child(3){-webkit-animation-delay:2s;animation-delay:2s;}
@-webkit-keyframes animLoadedContent{from{opacity:0;-webkit-transform:translate3d(0,200px,0);}}
@keyframes animLoadedContent{from{opacity:0;-webkit-transform:translate3d(0,200px,0);transform:translate3d(0,200px,0);}}
.no-js .preloader{position:relative;min-height:0px;}
.no-js .preloader .preloader-logo{margin-top:20px;height:180px;opacity:1;-webkit-transform:none;transform:none;}
.no-js .preloader .preloader-logo svg path{fill:#fff;}
.am-wrapper{
float:left;
position:relative;
overflow:hidden;
width:100%;
}
.am-wrapper img{
position:absolute;
outline:0;
}
.recorder-container{position:relative;width:100%;min-height:340px;overflow:hidden;}
.recorder-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.uberslide{position:relative;width:100%;}
.uberplayer,.uberwrapper{clear:both;
float:left;
position:relative;
display:block;
overflow:hidden;
margin:0;
z-index:5;
width:100%;
padding:0;
border-top:1px solid #ccc;
background:#fff;
-webkit-box-shadow:0 4px 0 rgba(0,0,0,0.04) inset;
-o-box-shadow:0 4px 0 rgba(0,0,0,0.04) inset;
-ms-box-shadow:0 4px 0 rgba(0,0,0,0.04) inset;
box-shadow:0 4px 0 rgba(0,0,0,0.04) inset;}
.uberwrapper-first,
.uberplayer-first{clear:both;
float:left;
position:relative;
display:block;
overflow:hidden;
margin:0;
z-index:5;
width:100%;
padding:0;
background:#fff;}
.uberplayer,.uberplayer-first{background:#fafafa;}
.uberbg{clear:both;
float:left;
position:relative;
display:block;
overflow:hidden;
margin:0;
z-index:5;
width:100%;
padding:0;
background:transparent;
z-index:20;}
.ubertoggle{
position:relative;
overflow:hidden;
width:100%;
margin:0;
padding:0;
z-index:5;
-webkit-transition:height 0.35s ease-in-out;
-moz-transition:height 0.35s ease-in-out;
-ms-transition:height 0.35s ease-in-out;
-o-transition:height 0.35s ease-in-out;
transition:height 0.35s ease-in-out;}
.subnavi,
.subnavi, .subfooter, .uberadmin, .subfooter-home{clear:both; display:block; position:relative; z-index:98; width:100%; background:#f2f2f2; border-top:1px solid #cacaca; box-shadow:0 4px 0 rgba(0,0,0,0.04) inset;}
.subfooter-home a{color:#232323;}
.subfooter-home a:hover{color:#000;}
.subnavi{background:#f4f4f4; padding:5px 0;}
.footer{clear:both;display:block;position:relative;z-index:10;width:100%;height:60px;background:#fff;border-top:1px solid #ccc;}
.copyleft{width:100%;text-align:center;margin:0 auto;padding:10px 0;font-family:'OpenSansCondensed',sans-serif;color:#666;font-size:16px;line-height:20px;}
.signature{z-index:0;position:fixed;left:0;bottom:0;width:100%;min-height:180px;font-family:'OpenSansCondensed',sans-serif;color:#ddd;font-size:13px;line-height:20px;text-align:center;background:#000 url(img/bodybg.png);}
.signature a{color:#ddd;}
.signature a:hover{color:#fff;}
.slide{position:relative;z-index:5;overflow:hidden;width:100%;-webkit-box-shadow:0 4px 0 rgba(0,0,0,0.04) inset;-o-box-shadow:0 4px 0 rgba(0,0,0,0.04) inset;-ms-box-shadow:0 4px 0 rgba(0,0,0,0.04) inset;box-shadow:0 4px 0 rgba(0,0,0,0.04) inset;}
.slide{background-position:center top;background-repeat:no-repeat;background-size:cover;}
.slide .slide-bg{height:320px;width:320px;display:none;overflow:hidden;}
.slide.no-bg{color:rgba(0,0,0,0.8);background-color:#d25ae6;background-image:-webkit-radial-gradient(center,circle farthest-corner,#fff,#ff2f00);background-image:-moz-radial-gradient(center,circle farthest-corner,#fff,#ff2f00);background-image:radial-gradient(center,circle farthest-corner,#fff,#ff2f00);}
.layout-gray{background-color:#111;}
.layout-body{background:url(img/bodybg.png) repeat #000;}
.layout-noise{background:url(img/tv-noise.gif) repeat #000;}
.layout-white{background-color:#fff;}
.layout-black{background-color:#000;}
.layout-default{background-color:#fff;background-image:-webkit-radial-gradient(center,circle farthest-corner,#fff,#f3f3f3);background-image:-moz-radial-gradient(center,circle farthest-corner,#fff,#f3f3f3);background-image:radial-gradient(center,circle farthest-corner,#fff,#f3f3f3);}
.layout-full{color:rgba(0,0,0,0.7);background-attachment:fixed;background-position:center;height:100%;}
.layout-diagonal{background:#fff;background:-webkit-linear-gradient(left top,#fff,#f3f3f3);background:-o-linear-gradient(bottom right,#fff,#f3f3f3);background:-moz-linear-gradient(bottom right,#fff,#f3f3f3);background:linear-gradient(to bottom right,#fff,#f3f3f3);}
.cover-noise{width:100%;height:100%;position:absolute;top:0;left:0;cursor:default;background:url(img/tex-noise.png) repeat 0 0;z-index:6;}
.big-box-shadow{box-shadow:inset 0 0 100px 0 #000;}
.flex{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:absolute;z-index:40;top:0;right:0;bottom:0;left:0;margin:10px;}
.slide.layout-image{color:rgba(0,0,0,0.7);background-attachment:fixed;background-position:center;min-height:480px;}
.slide.layout-scroll{color:rgba(0,0,0,0.7);background-attachment:scroll;background-position:center;min-height:480px;}
.parallax-content{position:absolute;display:block;bottom:0;left:0;width:100%;z-index:40;}
.parallax-txt,.video-txt{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:absolute;z-index:40;top:0;right:0;bottom:0;left:0;margin:10px;font-family:"OpenSansCondensedBold",sans-serif;font-weight:400;font-size:24px;color:#1c1f23;line-height:1.1;text-align:center;background:transparent;}
.parallax-txt h1{color:rgba(255,255,255,0.9);font-size:96px;line-height:1.1;text-shadow:0 1px 3px rgba(0,0,0,0.5);}
.parallax-txt h1 span{font-family:'OpenSansCondensedBold',sans-serif;color:rgba(255,255,255,0.9);font-size:0.8em;line-height:1.1;text-shadow:0 1px 3px rgba(0,0,0,0.5);}
.parallax-txt h2{color:rgba(255,255,255,0.9);font-size:64px;text-shadow:0 1px 3px rgba(0,0,0,0.5);}
.parallax-txt h2 span{font-family:'OpenSansCondensedBold',sans-serif;color:rgba(255,255,255,0.9);font-size:0.8em;text-shadow:0 1px 3px rgba(0,0,0,0.5);}
.parallax-txt h3{color:rgba(255,255,255,0.9);font-size:64px;text-shadow:0 1px 3px rgba(0,0,0,0.5);}
.parallax-txt h3 span{font-family:'OpenSansCondensedBold',sans-serif;color:rgba(255,255,255,0.9);font-size:0.8em;text-shadow:0 1px 3px rgba(0,0,0,0.5);}
.parallax-txt p{color:rgba(255,255,255,0.8);font-size:24px;letter-spacing:1px;padding-top:20px;text-shadow:0 1px 3px rgba(0,0,0,0.5);}
.parallax-txt h3 a{color:#6598ca;text-shadow:0 1px 3px rgba(0,0,0,0.5);}
.parallax-txt h3 a:hover{color:rgba(255,255,255,1);}
.video-txt p{color:rgba(0,0,0,1);font-size:20px;padding-bottom:10px;}
.video-max-height{max-height:680px;}
.bg-black{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,1);}
.bg{background:#fff;
background-size:100% !important;
-webkit-filter:grayscale(100%); 
-o-filter:grayscale(100%); 
filter:grayscale(100%);
-webkit-transition:filter .6s ease-in-out; 
-o-transition:filter .6s ease-in-out;
transition:filter .6s ease-in-out;}
.parallax-big:hover .bg,.parallax-auto:hover .bg,.parallax-full:hover .bg{
-webkit-filter:grayscale(0);
-o-filter:grayscale(0);
filter:grayscale(0);
}
.bg-color{
background-size:100% !important;
-webkit-filter:grayscale(0%);
-o-filter:grayscale(0%);
filter:grayscale(0%);
}
.bg-first,.bg-info,.bg0,.bg1,.bg2,.bg3,.bg4,.bg5,.bg-last{
width:100%;
height:100%;
position:absolute;
background-size:100% !important;
-webkit-background-size:cover;
-o-background-size:cover;
background-size:cover;
}
.parallax-full{position:relative;z-index:5;width:100%;height:100%;background-color:#fff;overflow:hidden;}
.parallax-big{position:relative;z-index:5;width:100%;height:480px;background-color:#fff;overflow:hidden;}
.parallax-auto{position:relative;z-index:5;width:100%;height:640px;background-color:#fff;overflow:hidden;}
.parallax-mobile{display:none;margin:0;position:relative;overflow:hidden;width:100%;height:auto;background:#fff;-webkit-box-shadow:0 0 4px rgba(0,0,0,0.2);-o-box-shadow:0 0 4px rgba(0,0,0,0.2);-ms-box-shadow:0 0 4px rgba(0,0,0,0.2);box-shadow:0 0 4px rgba(0,0,0,0.2);}
.parallax-mobile img{width:100%;height:auto;padding:0;}
.uploader{display:block;height:50px;width:50px;margin:10px auto;background:url(img/ajax-loader.gif) no-repeat;}
.zero{padding:0;}
.toper{position:absolute;top:-60px;}
.subwrapper,.zerowrapper,.videowrapper{position:relative;width:100%;max-width:1200px;margin:0 auto;padding:0;z-index:10;display:flow-root;}
.subwrapper-max, .subwrapper-midi, .subwrapper-mini{position:relative; width:100%; margin:0 auto;display:flow-root;}
.subwrapper-max{padding:0 20px;}
.subwrapper-midi{padding:0 20px;}
.subwrapper-mini{padding:0 10px;}
.subwrapper-640{position:relative; width:100%; max-width:680px; margin:0 auto; padding:0 20px;display:flow-root;}
.imgwrapper{width:100%;margin:0 auto;padding:0;}
.boxwrapper{width:100%;margin:0 auto;padding:60px 0;}
.box-maxi{width:100%;margin:0;padding:40px 0;}
.box-midi{width:100%;margin:0;padding:20px 0;}
.box-mini{width:100%;margin:0;padding:10px 0;}
.box-border{border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.max960{max-width:960px;}
.max640{max-width:640px;}
.max480{max-width:480px;}
.max300{max-width:300px;}
.max200{max-width:200px;}
.max100{max-width:100px;}
.max64{max-width:64px;}
.max60{max-width:60px;}
.half{width:50%;}
.half-full{width:50%;}
.three-full{width:33%;}
.quarter{width:25%;}
.dotted,.dotted-top,.dotted-bottom{height:1px;width:100%;border-bottom:1px dotted #bbb;margin:0;}
.solid,.solid-top,.solid-bottom{float:left;height:1px;width:100%;background:#ccc;margin:0;}
.dashed,.dashed-top,.dashed-bottom{height:1px;width:100%;border-bottom:1px dashed #ccc;margin:0;}
.dotted-top,.solid-top,.dashed-top{margin:20px 0 0 0;}
.dotted-bottom,.solid-bottom,.dashed-bottom{margin:0 0 20px 0;}
.dotted-half{height:1px;width:50%;border-bottom:1px dotted rgba(0,0,0,0.2);margin:20px auto;}
.solid-half{height:1px;width:50%;background:#ccc;margin:20px auto;}
.dashed-half{height:1px;width:50%;border-bottom:1px dashed rgba(0,0,0,0.2);margin:20px auto;}
.dotted-half-left{height:1px;width:50%;border-bottom:1px dotted #ccc;}
.solid-half-left{height:1px;width:50%;background:#ccc;}
.dashed-line{height:1px;width:100%;border-bottom:1px dashed #ccc;margin:20px auto;}
.header{
position:relative;
display:block;
margin:0;
z-index:5;
top:0;left:0;
background:#fff;
overflow:hidden;
width:100%;
height:100%;
}
.header-inner{
position:relative;
overflow:hidden;
width:100%;
height:100%;
margin:0 auto;
background:black;
}
.header img{
position:absolute;
top:50%;
min-height:100%;
min-width:100%;
width:auto;
-webkit-transform:translate3d(0,-50%,0);
transform:translate3d(0,-50%,0);
}
.header .trigger,.trigger{
position:absolute;
bottom:80px;
left:50%;
z-index:110;
display:block;
margin-left:-100px;
padding:0;
width:200px;
height:1em;
border:none;
background:transparent;
color:rgba(255,255,255,0.8);
text-align:center;
font-family:'OpenSansCondensed',sans-serif;
font-size:14px;
font-weight:700;
text-shadow:0 0 2px #000;
cursor:pointer;
}
.header .trigger:focus,.trigger:focus{outline:0;}
.header .trigger a,.trigger a{color:rgba(255,255,255,0.8);}
.header .trigger a.black,.trigger a.black{color:rgba(0,0,0,0.8);}
.header .trigger a:hover,.trigger a:hover{color:#fff;}
.header .trigger .arrow-down,.trigger .arrow-down{font-size:40px;
color:#fff;
-moz-animation:floating-arrow 1s infinite ease-in-out;
-webkit-animation:floating-arrow 1s infinite ease-in-out;
}
.header .trigger a:hover .arrow-down,.trigger a:hover .arrow-down{color:#fff;text-shadow:0 0 2px #000;}
@-webkit-keyframes floating-arrow{
from{-webkit-transform:translate(0,0);transform:translate(0,0);}
75%{-webkit-transform:translate(0,10px);transform:translate(0,10px);}
to{-webkit-transform:translate(0,0);transform:translate(0,0);} 
}
@keyframes floating-arrow{
from{-webkit-transform:translate(0,0);transform:translate(0,0);}
75%{-webkit-transform:translate(0,10px);transform:translate(0,10px);}
to{-webkit-transform:translate(0,0);transform:translate(0,0);}
}
.header h1{width:100%;font-size:100px;line-height:1.25;color:rgba(255,255,255,0.8);text-align:center;}
.header h2{width:100%;font-size:60px;line-height:1.25;color:rgba(255,255,255,0.9);text-align:center;text-shadow:0 0 2px #000;}
.header p{font-size:20px;font-weight:700;line-height:1.25;color:#ddd;text-shadow:0 0 1px #000;}
.header-break{
display:block;
overflow:hidden;
margin:0 auto;
padding:100px 10px;
width:100%;
}
.header-info{position:absolute;bottom:150px;left:50%;}
.subpage{
top:0;left:0;
width:100%;
height:100%;
margin:0 auto;
position:absolute;
background-size:110%;
-webkit-background-size:cover;
-o-background-size:cover;
background-size:cover;
z-index:1;
}
.bg-img,.video-img{
position:absolute;
overflow:hidden;
top:0;
left:0;
right:0;
bottom:0;
width:100%;
height:100%;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
}
.bg-img img{
min-width:100%;
max-width:none;
height:auto;min-height:100%;
position:absolute;
left:50%;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
z-index:0;
-webkit-transition:all .25s ease-in-out;
-o-transition:all .25s ease-in-out;
transition:all .25s ease-in-out;
}
.video-img img{
width:100%;
height:auto;
position:relative;
z-index:0;
}
.head-img{
background:#fff;
position:relative;
overflow:hidden;
width:100%;
height:100%;
margin:0;
display:block;
}
.head-img img{
width:100%;
height:auto;
background:#fff;
-webkit-filter:grayscale(100%); 
-o-filter:grayscale(100%); 
filter:grayscale(100%);
-webkit-transition:filter .6s ease-in-out; 
-o-transition:filter .6s ease-in-out;
transition:filter .6s ease-in-out;
}
.head-img:hover img{
-webkit-filter:grayscale(0);
-o-filter:grayscale(0);
filter:grayscale(0);
}
.canvas-preview{
display:block;
width:100% !important;
height:auto !important;
max-width:100%;
margin:0 auto;
border-radius:4px;
}
.canvaser{
display:block;
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}
.canvaswrap{
position:relative;
width:100%;
height:40px;
}
.canvasmp3,.mp3-canvas{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
border-top:1px dotted rgba(0,0,0,0);
border-bottom:1px dotted rgba(0,0,0,0);
}
.slide-content{
float:left;
position:relative;
left:0;
width:100%;
min-height:100vh;
height:100%;
background-color:#232323;
overflow:hidden;
position:relative;
display:flex;
justify-content:center;
align-items:center;
margin:0;
overflow:hidden;
}
.slide-wrapper{
overflow:hidden;
display:none;
}
.scene-nav{
font-size:2em;
position:absolute;
top:50%;
transform:translateY(-50%);
z-index:20;
background:none;
border:0;
right:0;
padding:1.5em;
color:#fff;
}
.scene-nav:focus{
outline:none;
}
.scene-nav--prev{
left:0;
}
.scene{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
pointer-events:none;
z-index:1;
}
.line-cover-vertical{width:100%;height:100%;position:absolute;top:0;left:0;cursor:default;background:url(img/line-cover.png) repeat 0 0;}
.btnleft{position:relative; list-style-type:none; width:100%; margin-top:10px; }
.btnleft li{float:left; display:inline-block; height:40px; width:8.33%; cursor:pointer; text-align:center;border-left:1px solid #ccc;}
.btnleft li:last-child,.btn-list li:last-child{border-right:1px solid #ccc;}
.btn-list{position:relative; list-style-type:none; width:100%; min-height:40px; margin-bottom:20px; }
.btn-list li{float:left; display:inline-block; height:40px; width:40px; cursor:pointer; text-align:center;border-left:1px solid #ccc;}
.buttoner-full{position:relative; display:inline-block; box-sizing:border-box; height:40px; width:100%; padding:0 10px; outline:0; cursor:pointer; border:0; background-color:transparent; color:#0575b4; font:18px/40px 'OpenSansCondensedBold',sans-serif; text-align:center;}
.buttoner{position:relative; display:inline-block; height:40px; width:40px; padding:0 10px; outline:0; cursor:pointer; border:0; background-color:transparent; color:#0575b4; font:18px/40px 'OpenSansCondensedBold',sans-serif; text-align:center;}
.buttoner:hover, .buttoner-full:hover{color:#fff; background-color:#0575b4;}
.button-btn,.button-btn-dis{position:relative;display:inline-block;height:40px;width:40px;outline:0;cursor:pointer;border:0;background-color:transparent;color:#000;font:18px/40px 'OpenSansCondensedBold',sans-serif;text-align:center;}
.button-btn-dis{color:#999;}
.button-btn:hover{color:#fff;background-color:#000;}
.boxtext{display:block;height:40px;margin:0;padding:0 10px;text-align:center;color:#ddd;font:20px/40px 'OpenSansCondensedBold','OpenSansCondensedBold',sans-serif;letter-spacing:1px;text-transform:uppercase;background:transparent;}
.boxtext:hover{background:#6598ca;}
.boxtext a{color:#fff;}
.boxtext a:hover{color:#000;}
.mobile-menu{clear:both;display:none;overflow:hidden;margin:0;width:100%;z-index:5;background:url(img/bgbgbg.png) repeat #fff;border-bottom:1px solid #ccc;-webkit-box-shadow:0 4px 0 rgba(0,0,0,0.04);box-shadow:0 4px 0 rgba(0,0,0,0.04);}
.mobile-menu-list{margin:0 auto;padding:10px 0;font:20px/40px 'OpenSansCondensedBold',sans-serif;}
.mobile-menu-list a{outline:0;display:block;overflow:hidden;margin:3px auto;height:40px;text-align:center;text-decoration:none;font-weight:400;text-transform:uppercase;cursor:pointer;color:#0a1015;border:1px solid #aaa;background:#fff;-webkit-box-shadow:0 0 3px rgba(0,0,0,0.24), 0 0 3px rgba(255,255,255,0.24) inset;box-shadow:0 0 3px rgba(0,0,0,0.24), 0 0 3px rgba(255,255,255,0.24) inset;-webkit-transition:background .2s ease-out, color .2s ease-out;transition:background .2s ease-out, color .2s ease-out;}
.mobile-menu-list a.act,.mobile-menu-list a:hover,.mobile-menu-list a:active{color:#fff;background:#111;}
.mobile-menu-list a.first{-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;}
.mobile-menu-list a.last{-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;}
.mobile-menu-list a.solo{-webkit-border-radius:5px;border-radius:5px;}
.arrow-browse{background:url(img/arrow-browse.png) center right no-repeat;}
.arrow-browse:hover{background:url(img/arrow-browse-hover.png) center right no-repeat;}
#gmap,#panorama,#googlemap{float:left;width:100%;height:300px;margin:0;border:1px solid #ccc;background:#fff;-webkit-box-shadow:0 8px 0 -4px rgba(0,0,0,0.04);-o-box-shadow:0 8px 0 -4px rgba(0,0,0,0.04);-ms-box-shadow:0 8px 0 -4px rgba(0,0,0,0.04);box-shadow:0 8px 0 -4px rgba(0,0,0,0.04);}
.gm-style iframe + div{border:none !important;}
.text-cover{width:100%;padding:0;min-height:40px;position:absolute;bottom:0;left:0;cursor:default;background:rgba(255,255,255,0.5) url(img/bg-header.png);}
.dot-cover{width:100%;height:100%;position:absolute;top:0;left:0;cursor:default;background:url(img/dots.png) repeat 0 0;}
.line-cover{width:100%;height:100%;position:absolute;top:0;left:0;cursor:default;background:url(img/lines.png) repeat 0 0;}
.line-cover-vertical{width:100%;height:100%;position:absolute;top:0;left:0;cursor:default;background:url(img/line-cover.png) repeat 0 0;}
.overlay-popup{
position:fixed;
top:0;
bottom:0;
left:0;
right:0;
background:rgba(0, 0, 0, 0.7);
transition:opacity 500ms;
visibility:hidden;
opacity:0;
z-index:100;
}
.overlay-popup:target{
visibility: visible;
opacity:1;
}
.close{
position:absolute;
top:20px;
right:20px;
transition:all 200ms;
}

.popup .content {
max-height:30%;
overflow: auto;
}
.bg-cover{width:100%;height:100%;position:absolute;top:0;left:0;cursor:default;background:#060a0d;opacity:0.7;}
.container,.container-area{width:100%; margin:0; position:relative;}
.container-area{margin:20px 0;}
.crop-img{width:100%; overflow:hidden; margin:0; position:relative;}
.crop{position:absolute; left:-100%; right:-100%; top:-100%; bottom:-100%; margin:auto; height:auto; width:auto;}
.characteristics,.characteristics-fifty,.characteristics-half{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;margin:10px;padding:10px;font-family:"QanelasLight",sans-serif;font-weight:400;font-size:24px;color:#000;line-height:1.1;text-align:center;background-color:#fff}
.characteristics-fifty{background-color:rgba(255,255,255,0.8);-webkit-transition:background .2s ease-out, color .2s ease-out;transition:background .2s ease-out, color .2s ease-out;}
.characteristics-half{background-color:rgba(0,0,0,0.5);-webkit-transition:background .2s ease-out, color .2s ease-out;transition:background .2s ease-out, color .2s ease-out;}
.characteristics-half:hover{background-color:rgba(255,255,255,0.5);}
.characteristics h6{font-family:"QanelasLight",sans-serif;font-weight:400;font-size:18px;color:#666;letter-spacing:2px;line-height:1;margin:0 auto 1px;}
.characteristics p{font-family:"QanelasBold",sans-serif;font-weight:400;font-size:24px;color:#333;}
.characteristics-half h6{font-family:"OpenSansCondensedBold",sans-serif;font-weight:400;font-size:24px;color:#fff;letter-spacing:1px;line-height:1;margin:0 auto 1px;text-shadow:0 0 5px rgba(0,0,0,1);}
.characteristics-half p{font-family:"QanelasBold",sans-serif;font-weight:400;font-size:18px;color:#fff;letter-spacing:1px;text-shadow:0 0 5px rgba(0,0,0,1);}
.characteristics p:last-child{margin-bottom:0}

.columns-masonry{margin:0 auto;}
.container-audio{z-index:5;margin:0;width:100%;}

.columns{display:flex; flex-wrap:wrap; width:100%; margin:0 auto !important; padding:0; clear:both;}
.columns-mini{display:flex; flex-wrap:wrap; width:calc(100% + 10px) !important; margin:5px -5px !important; padding:0; clear:both;}
.columns-midi{display:flex; flex-wrap:wrap; width:calc(100% + 20px) !important; margin:10px -10px !important; padding:0; clear:both;}
.columns-maxi{display:flex; flex-wrap:wrap; width:calc(100% + 40px) !important; margin:20px -20px !important; padding:0; clear:both;}
.columns > div[class*="-columns"],.columns-mini > div[class*="-columns"],.columns-midi > div[class*="-columns"],.columns-maxi > div[class*="-columns"]{float:none !important; box-sizing:border-box !important; padding:0 !important; display:block;}
.container{position:relative;padding:0 !important; display:block; overflow:hidden;}
.container-mini{position:relative; padding:5px !important; display:block;}
.container-midi{position:relative; padding:10px !important; display:block;}
.container-maxi{position:relative; padding:20px !important; display:block;}
.one-columns,.one-still-columns{flex:0 0 100%;}
.two-columns,.two-columns-big,.two-still-columns{flex:0 0 50%;}
.two-thirds-colums{flex:0 0 66.666%;}
.three-columns,.three-1-columns,.three-2-columns,.three-3-columns,.three-still-columns{flex:0 0 33.333%;}
.four-columns,.four-two-columns,.four-two-columns-sub,.four-columns-widget,.four-still-columns,.quarter-columns{flex:0 0 25%;}
.three-quarters-columns{flex:0 0 75%;}
.five-columns,.five-still-columns{flex:0 0 20%;}
.ten-columns,.ten-still-columns{flex:0 0 10%;}
.six-columns,.sixter-columns,.six-still-columns{flex:0 0 16.666%;}
.seven-columns,.seven-still-columns{flex:0 0 14.2857%;}
.eight-columns,.eight-four-two-columns,.eight-still-columns{flex:0 0 12.5%;}
.sixten-still-columns{flex:0 0 6.25%;}
.gallery-columns{flex:0 0 10%;}

.columns-flex{
display:flex;
flex-wrap:wrap;
margin:10px -10px;
padding:0;
}
.one-flex-columns{
flex-basis:100%;
display:flex;
}
.two-flex-columns{
flex-basis:50%;
display:flex;
flex-direction:column;
}
.container-flex{
flex:1;
display:flex;
flex-direction:column;
padding:10px;
}
.flex-box{
flex:1;
background:#fff;
border:1px solid #ccc;
padding:20px;
position:relative;
width:100%;
font-family:"OpenSansCondensedBold",sans-serif;
line-height:1.1;
text-align:center;
display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;
-webkit-box-shadow:0 8px 0 -4px rgba(0,0,0,0.04);
-o-box-shadow:0 8px 0 -4px rgba(0,0,0,0.04);
box-shadow:0 8px 0 -4px rgba(0,0,0,0.04);
}
.flex-box p:last-child{margin-bottom:0;}

.yt-overlay-black{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,1);z-index:2;}
.magic{position:absolute;width:100%;z-index:10;}
.post-item-full{float:left;margin:0;position:relative;width:100%;height:auto;display:block;}
.my-img img{display:block;margin:0 auto;position:relative;overflow:hidden;width:100%;height:auto;}
.overlay{width:100%;height:100%;position:absolute;top:0;left:0;cursor:default;background:transparent;z-index:100;}
.overlay-black-line{width:100%;height:100%;position:absolute;top:0;left:0;cursor:default;background:url(img/line-cover.png) repeat 0 0 rgba(0,0,0,0.2);}
.overlay-black-bg{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,1);}
.overlay-black{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.8);z-index:5;}
.overlay-black-half{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.2);z-index:5;}
.overlay-white{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(255,255,255,0.8);z-index:5;}
.overlay-white-half{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(255,255,255,0.5);z-index:5;}
.overlay-dis{position:absolute;top:0;bottom:0;left:0;right:0;z-index:10;background:rgba(255,255,255,0.1);}
.border{border:1px solid #bfc4c6;-webkit-box-shadow:0 0 4px rgba(0,0,0,0.2);-o-box-shadow:0 0 4px rgba(0,0,0,0.2);-ms-box-shadow:0 0 4px rgba(0,0,0,0.2);box-shadow:0 0 4px rgba(0,0,0,0.2);}
a:hover .border{border-bottom:1px solid #232323;}
.category{position:relative;overflow:hidden;width:100%;background:rgba(0,0,0,1) none repeat scroll 0 0;}
.category img{
width:100%;
height:auto;
-webkit-transition:-webkit-transform .9s;
transition:transform .9s;
-webkit-transform:scale3d(1,1,1);
transform:scale3d(1,1,1);
display:block;
}
.category:hover img{
-webkit-transform:scale3d(1.1,1.1,1);
transform:scale3d(1.1,1.1,1);
}
.subcategory{position:relative;overflow:hidden;background:rgba(0,0,0,1) none repeat scroll 0 0;}
.subcategory img{
width:100%;
-webkit-transition:-webkit-transform 0.35s;
transition:transform 0.35s;
-webkit-transform:scale3d(1,1,1);
transform:scale3d(1,1,1);
display:block;
}
.subcategory:hover img{
-webkit-transform:scale3d(1.1,1.1,1);
transform:scale3d(1.1,1.1,1);
}
.category-txt,.subcategory-txt{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;margin:0;padding:10px;font-family:"QanelasLight",sans-serif;font-weight:400;font-size:24px;line-height:1.1;text-align:center;background-color:rgba(0,0,0,0.2);color:rgba(255,255,255,1);-webkit-transition:background .3s ease-out,color .3s ease-out;transition:background .3s ease-out,color .3s ease-out;}
.category-txt:hover,.subcategory-txt:hover{background-color:rgba(255,255,255,0.6);color:rgba(0,0,0,1);}
.subcategory-txt h3{font-family:"QanelasBold",sans-serif;font-size:24px;line-height:1.2;margin:0 auto;text-shadow:0 1px 3px rgba(0,0,0,0.5);}
.subcategory-txt p{font-family:"OpenSansCondensedBold",sans-serif;font-size:20px;text-shadow:0 0 5px rgba(0,0,0,1);}
.category-txt h3{font-family:"OpenSansCondensedBold",sans-serif;font-size:40px;line-height:1.2;text-shadow:0 1px 3px rgba(0,0,0,0.5);}
.category-txt p{font-family:"QanelasLight",sans-serif;font-size:18px;letter-spacing:1px;text-shadow:0 1px 3px rgba(0,0,0,0.5);}
.category-txt p:first-child,.subcategory-txt p:first-child{top:50px;}
.category-txt p:last-child{margin-bottom:0}
.iframe-container{position:relative;width:100%;min-height:100px;overflow:hidden;}
.iframe-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;}
.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%;}
.ytv-container{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;}
.ytv-img{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;background-position:center;background-repeat:no-repeat;background-size:cover;
-webkit-filter:grayscale(100%); 
-o-filter:grayscale(100%); 
filter:grayscale(100%);
-webkit-transition:filter .6s ease-in-out; 
-o-transition:filter .6s ease-in-out;
transition:filter .6s ease-in-out;}
.ytv-bg{height:100px;width:100px;display:none;overflow:hidden;}
.ytv-txt{position:absolute;left:15px;top:10px;right:15px;overflow:hidden;white-space:nowrap;font-size:20px;z-index:10;}
.ytv-container:hover .ytv-img{
-webkit-filter:grayscale(0);
-o-filter:grayscale(0);
filter:grayscale(0);
}
.twitter-tweet{width:100%;}
.headleft,.footleft{float:left;list-style-type:none;margin-top:10px;border-right:1px solid #ccc;}
.footleft{border-right:1px solid #cacaca;}
.exitrightmobi,.headright,.footright{float:right;list-style-type:none;margin-top:10px;border-right:1px solid #ccc;}
.exitrightmobi,.footright{border-right:1px solid #cacaca;}
.headleft li,.footleft li{float:left;cursor:pointer;border-left:1px solid #ccc;}
.footleft li{border-left:1px solid #cacaca;}
.white-box{position:relative;
width:100%;
padding:20px;
background:#fff;
border:1px solid #ccc;
-webkit-box-shadow:0 8px 0 -4px rgba(0,0,0,0.04);
-o-box-shadow:0 8px 0 -4px rgba(0,0,0,0.04);
box-shadow:0 8px 0 -4px rgba(0,0,0,0.04);}
.infobox{position:relative;
padding:20px;
background:#fff;
border:1px solid #ccc;
-webkit-box-shadow:0 8px 0 -4px rgba(0,0,0,0.04);
-o-box-shadow:0 8px 0 -4px rgba(0,0,0,0.04);
box-shadow:0 8px 0 -4px rgba(0,0,0,0.04);}
.infobox h2{font-size:22px;line-height:22px;font-weight:400;text-transform:none;}
.blackbox,.graybox,.orangebox,.alertbox,.successbox{display:block;width:100%;min-height:40px;text-align:center;text-transform:uppercase;color:#fff;margin:0;font:20px/40px 'OpenSansCondensedBold',sans-serif;letter-spacing:1px;text-decoration:none;z-index:20;}
.blackbox{background-color:#111;}
.graybox{background-color:#666;}
.subbox{background-color:#6598ca;}
.alertbox{margin-top:10px;background-color:#c00;}
.successbox{margin-top:10px;background-color:#690;}
.orangebox{margin-top:10px;background-color:#e27000;}
.boxtitle{position:relative;
clear:left;
margin:10px 0;
color:#999;
font:20px/24px 'OpenSansCondensedBold',sans-serif;
letter-spacing:0;
text-transform:uppercase;
border-bottom:1px solid #dadada;}
.boxtitle-pro{
color:rgba(0,0,0,0.2);
font:18px/22px 'OpenSansCondensedBold',sans-serif;
text-transform:uppercase;}
.boxtitle-pro-err{
color:#c00;
font:18px/22px 'OpenSansCondensedBold',sans-serif;
text-transform:uppercase;}
.newsletter{margin-top:10px;
border:1px solid rgba(0,0,0,0);
line-height:24px;
padding:5px 0 9px 0;
}
input,select,option,textarea{font-size:18px; font-family:'QanelasLight',sans-serif; font-weight:400; color:#333; outline:0; background:rgba(255,255,255,0.9); box-sizing:border-box; border-radius:0;}
input[type="text"],input[type="password"],input[type="email"],input[type="tel"],input[type="number"],input[type="url"],input[type="file"],select{height:40px; line-height:40px;}
input[type="range"]{background:transparent;}
input[type="text"],input[type="password"],input[type="email"],input[type="tel"],input[type="number"],input[type="url"],input[type="file"],select,textarea{clear:left; width:100%; padding-left:5px; margin:0;}
textarea,textarea.lightinput{display: block; height:100px; min-height:100px; overflow-y:auto; line-height:40px; resize:vertical; box-sizing:border-box;}
textarea.lightinput.expanded{height:500px;}
.is-animating{transition:height 0.4s ease-in-out !important;}
select{height:40px; line-height:40px; overflow:hidden;-webkit-appearance:none; -moz-appearance:none !important; appearance:none; border-radius:0;}
select:focus{outline:0;}
input::placeholder,select::placeholder,textarea::placeholder{color:#777;}
input::-webkit-input-placeholder,select::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#777;}
input[type=file]{display:none; margin:0;}
input[type=file] + label{position:relative; display:block; overflow:hidden; margin:0; height:40px; line-height:38px; min-width:40px; padding:0; text-align:center; text-transform:uppercase; text-decoration:none; font-size:18px; font-family:'OpenSansCondensedBold',sans-serif; cursor:pointer; outline:0; color:#000; border:1px solid #bababa; background-color:#fff; border-radius:2px; box-shadow:0 0 3px rgba(0,0,0,0.24), 0 0 1px rgba(255,255,255,0.24) inset; transition:background .25s, color .25s ease-out;}
input[type=file] + label:hover{color:#fff; background:#000;}
input[type=radio]{display:none; margin:0;}
input[type=radio] + label{margin:0; display:inline-block; overflow:hidden; width:100%; height:40px; line-height:40px; text-align:center; text-transform:uppercase; text-decoration:none; font-size:18px; font-family:'OpenSansCondensedBold',sans-serif; cursor:pointer; outline:0; color:#0575b4; border:1px solid #0575b4; background:#fff; border-radius:2px; box-shadow:0 0 3px rgba(0,0,0,0.24), 0 0 1px rgba(255,255,255,0.24) inset; transition:background .25s ease-out, color .25s ease-out; box-sizing:border-box;}
input[type=radio] + label span{display:block;}
input[type=radio] + label:hover{color:#fff; background:#0575b4;}
input[type=radio]:checked + label{color:#669900; border:1px solid #669900; background:transparent; cursor:auto; box-shadow:0 0 3px rgba(0,0,0,0.24) inset;}
input[type=radio]:checked + label span{display:block;}

input[type=checkbox]{display:none; margin:0;}
input[type=checkbox] + label{position:relative; display:block; width:100%; height:40px; outline:0; cursor:pointer; border:0; background-color:transparent; font:20px/40px 'OpenSansCondensedBold',sans-serif; text-align:center; color:rgba(0,0,0,0.9); border:1px solid rgba(0,0,0,0.2); border-radius:0; border-top:1px solid rgba(0,0,0,0); border-bottom:1px solid rgba(0,0,0,0); z-index:50; transition:background .25s ease-out, color .25s ease-out; box-sizing:border-box;}
input[type=checkbox] + label span{display:inline-block; width:100%; height:40px;}
input[type=checkbox] + label span.icon-switch{color:#c00;}
input[type=checkbox] + label:hover{background:#000; color:#fff;}
input[type=checkbox]:checked + label{color:#fff; cursor:pointer;}
input[type=checkbox]:checked + label span{background:#000; color:#fff;}
input[type=checkbox]:checked + label:hover span{background:#000; color:#fff;}
input[type=checkbox]:checked + label span.icon-switch{background:transparent; color:#690; transform:rotate(180deg);}
.inliner{position:relative;display:inline-block;margin:0;padding:0;width:20px;}
.inline{float:left;position:relative;display:inline-block;margin:0;padding:0;width:40px;}
.inline-one{position:relative;display:inline-block;width:calc(100% - 40px);}
.inline-two{position:relative;display:inline-block;width:calc(100% - 80px);}
.inline-half{float:left;position:relative;display:inline-block;width:50%;}
.inline-quarter{float:left;position:relative;display:inline-block;width:25%;}
.inline-34{float:left;position:relative;display:inline-block;width:75%;}
.inline-34-select{float:left;position:relative;display:inline-block;width:calc(75% - 40px);}
.inline-selecter{float:left;position:relative;display:inline-block;width:calc(25% - 40px);}
.inline-select{float:left;position:relative;display:inline-block;width:calc(50% - 40px);}
.inline-year{float:left;position:relative;display:inline-block;width:80px;}
.inline-month{float:left;position:relative;display:inline-block;width:calc(100% - 120px);}
.inline-logo{float:left;position:relative;display:inline-block;margin:0;padding:0;width:40px;height:40px;line-height:40px;text-align:center;}
.inline-btn{float:right;position:relative;display:inline-block;margin:0;padding:0;width:40px;height:40px;line-height:40px;text-align:center;}
.inline-btn-left{float:left;position:relative;display:inline-block;margin:0;padding:0;width:40px;height:40px;line-height:40px;text-align:center;}
.inline-btn-full{float:right;position:relative;display:inline-block;margin:0;padding:0;width:100%;height:40px;line-height:40px;text-align:center;}
.inline-submit,input[type=submit].inline-submit + label{position:absolute;right:0;top:0;bottom:0;left:0;outline:0;border:0;background:#fff;color:#000;border:1px solid #bababa;border-left:1px solid rgba(0,0,0,0);cursor:pointer;}
.inline-submit:hover,input[type=submit].inline-submit:hover + label{background:#000;color:#fff;border:1px solid #000;}
input[type=submit].inline-submit + label span{color:#000;}
input[type=submit].inline-submit:hover + label span{color:#fff;}
.inlineinput{display:inline-block;margin:0;color:#333;background:#fff;border:1px solid #bababa;border-left:10px solid #bababa;-moz-transition:background .25s, border-color .25s, color .25s ease-out;-webkit-transition:background .25s, border-color .25s, color .25s ease-out;-o-transition:background .25s, border-color .25s, color .25s ease-out;-ms-transition:background .25s, border-color .25s, color .25s ease-out;transition:background .25s, border-color .25s, color .25s ease-out;}
.lightinputdone{color:#333;background:#fff;border:1px solid #bababa;height:40px;line-height:40px;padding-left:5px;border-left:10px solid #bababa;}
a.lightbutton,a.lightbtn{position:relative;display:block;margin:0;height:40px;line-height:40px;min-width:40px;color:#333;background:#fff;border:1px solid #bababa;width:100%;text-align:center;}
a.lightbtn{position:relative;display:inline-block;margin:0;height:40px;line-height:40px;width:40px;color:#333;background:#fff;border:1px solid #bababa;text-align:center;}
a.lightbutton:hover,a.lightbtn:hover{color:#fff;background:#333;}
.lighthumbot{background:#fff;border:1px solid #bababa;border-left:10px solid #bababa;background:url(img/humbot.png) center center no-repeat transparent;width:100%;height:40px;}
.lightcal{margin:0;color:#333;background:#fff;border:0px solid #bababa;text-align:center;-moz-transition:background .25s, border-color .25s, color .25s ease-out;-webkit-transition:background .25s, border-color .25s, color .25s ease-out;-o-transition:background .25s, border-color .25s, color .25s ease-out;-ms-transition:background .25s, border-color .25s, color .25s ease-out;transition:background .25s, border-color .25s, color .25s ease-out;}
input[type=number]{appearance:textfield;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}
.lightinput{margin:0;color:#333;background:#fff;border:1px solid #bababa;border-left:10px solid #bababa;-moz-transition:background .25s, border-color .25s, color .25s ease-out;-webkit-transition:background .25s, border-color .25s, color .25s ease-out;-o-transition:background .25s, border-color .25s, color .25s ease-out;-ms-transition:background .25s, border-color .25s, color .25s ease-out;transition:background .25s, border-color .25s, color .25s ease-out;}
.lightinput:focus{color:#000;background:#eaeaea;border:1px solid #bababa;border-left:10px solid #6598ca;}
.darkinput{margin:0;color:#fafafa;background:#000;border:1px solid rgba(13,194,255,0.6);border-left:10px solid rgba(13,194,255,0.6);-moz-transition:background .25s, border-color .25s, color .25s ease-out;-webkit-transition:background .25s, border-color .25s, color .25s ease-out;-o-transition:background .25s, border-color .25s, color .25s ease-out;-ms-transition:background .25s, border-color .25s, color .25s ease-out;transition:background .25s, border-color .25s, color .25s ease-out;}
.darkinput:focus{color:#fff;background:#232323;border:1px solid rgba(13,194,255,1);border-left:10px solid rgba(13,194,255,1);}
.dark-submit,input[type=submit].dark-submit + label{position:absolute;right:0;top:0;bottom:0;left:0;outline:0;border:0;background:#000;color:rgba(13,194,255,1);border:1px solid rgba(13,194,255,0.6);border-left:1px solid rgba(13,194,255,0);cursor:pointer;}
.dark-submit:hover,input[type=submit].dark-submit:hover + label{background:#000;color:rgba(255,255,255,1);border:1px solid rgba(13,194,255,1);}
#filer,#cookieClose,.submiter,.deleter,div.button,p.button,span.button,.button,.button-full,.button-black,.button-blue,.btn-adm-blue{position:relative;display:block;overflow:hidden;margin:0;height:40px;line-height:40px;min-width:40px;padding:0;text-align:center;text-transform:uppercase;text-decoration:none;font-size:18px;font-family:'OpenSansCondensedBold',sans-serif;cursor:pointer;outline:0;color:#000;border:1px solid #bababa;background-color:#fff;-webkit-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 0 3px rgba(0,0,0,0.24), 0 0 1px rgba(255,255,255,0.24) inset;-o-box-shadow:0 0 3px rgba(0,0,0,0.24), 0 0 1px rgba(255,255,255,0.24) inset;-ms-box-shadow:0 0 3px rgba(0,0,0,0.24), 0 0 1px rgba(255,255,255,0.24) inset;box-shadow:0 0 3px rgba(0,0,0,0.24), 0 0 1px rgba(255,255,255,0.24) inset;-moz-transition:background .25s, color .25s ease-out;-webkit-transition:background .25s, color .25s ease-out;-o-transition:background .25s, color .25s ease-out;-ms-transition:background .25s, color .25s ease-out;transition:background .25s, color .25s ease-out;}
.cube{width:40px;height:40px;}
::-webkit-input-placeholder{line-height:40px;}
:-moz-placeholder{line-height:40px;}
::-moz-placeholder{line-height:40px;}
::-ms-input-placeholder{line-height:40px;}
::placeholder{line-height:40px;}
textarea:focus::-webkit-input-placeholder,textarea:focus::-moz-placeholder,textarea:focus::-ms-input-placeholder,textarea:focus::placeholder{line-height:40px;}
#cookieClose{margin:0 auto;width:300px;color:#000;background:#fff;}
#cookieClose:hover{color:#fff;background:#000;}
.deleter{color:#fff;border:1px solid #fff;background-color:#c00;}
.deleter:hover{color:#000;background-color:#fff;border:1px solid #c00;}
a.button.activate,.submiter:hover,a.button:hover,.button:hover,.button-full:hover{color:#fff;background-color:#000;border:1px solid #bababa;}
.button-full-green{color:#fff;background-color:#690;border:1px solid #bababa;}
.button-full-green:hover{color:#690;background-color:#000;border:1px solid #bababa;}
.button-black{color:#fff;background-color:#111;border:1px solid #111;}
.button-black:hover{color:#fff;background-color:#000;border:1px solid #000;}
.button-blue,.btn-adm-blue{width:100%;color:#6598ca;background-color:#fff;border:1px solid #6598ca;padding:0 10px;}
.btn-adm-blue{margin-top:20px; margin-bottom:20px; min-height:40px;}
.button-blue:hover,.btn-adm-blue:hover{color:#fff;background-color:#6598ca;border:1px solid #6598ca;}
div.button.disactivate,
p.button.disactivate,
a.button.disactivate,
span.button.disactivate,
button.disactivate{color:rgba(51,51,51,0.5);border:1px solid rgba(51,51,51,0.5);background-color:transparent;cursor:auto;-webkit-box-shadow:0 0 3px rgba(0,0,0,0.24) inset;-o-box-shadow:0 0 3px rgba(0,0,0,0.24) inset;box-shadow:0 0 3px rgba(0,0,0,0.24) inset;}
a.button.inactive,button.inactive{color:#fff;background-color:#aaa;border:1px solid #aaa;}
a.button.inactive:hover,button.inactive:hover{color:#fff;}
a.button.green,button.green{background-color:#690;}
a.button.red,button.red{background-color:#c00;}
a.button.auto,button.auto{float:left;}
.button-full,.button-full-green,.button.full-width,button.full-width{width:100%;padding-left:0 !important;padding-right:0 !important;text-align:center;}
#output{
padding:5px;
font-size:12px;
}
#output img{
border:1px solid #DDD;
padding:5px;
}
#crop,#crop2,#crop3{
position:relative;display:inline-block;overflow:hidden;
}
#crop{
display:block;
}
.crop{position:absolute;top:32px;left:0;}
.croper{position:absolute;top:0;left:14px;}
.midi-width{
position:relative;display:inline-block;width:10px;height:40px;
}
#crop img,#crop2 img,#crop3 img{
width:280px;
height:280px;
border:1px solid #DDD;
}
.canvas-cal{
display:block;
position:relative;
width:280px;
height:280px;
min-height:300px;
}
.canvas-img{
background:url(img/tex-wood.png) repeat #fff;
}
.container-cal{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
.range-slider{
position:relative;
margin:0;
}
.rs-range{
position:relative;
margin-top:10px;
width:100%;
-webkit-appearance:none;
z-index:100;
}
.rs-box{
position:absolute;
top:23px;
left:0;
margin:0;
width:100%;
display:flex;
justify-content:space-between;
font-size:12px;
color:#999;
z-index:10;
}
.rs-box span{
width:14px;
}
.rs-val{
position:absolute;
top:0;
left:0;
margin:0;
width:100%;
display:flex;
justify-content:space-between;
font-size:14px;
color:#666;
z-index:10;
}
.rs-ticks{
position:absolute;
top:18px;
left:0;
width:100%;
display:flex;
justify-content:space-between;
z-index:10;
} 
.rs-ticks span{width:1px;height:7px;background:#bababa;}
.rs-range:focus{
outline:none;
}
.rs-range::-webkit-slider-runnable-track{
width:100%;
height:1px;
cursor:pointer;
box-shadow:none;
background:#bababa;
border-radius:0px;
border: 0px solid #010101;
}
.rs-range::-moz-range-track{
width:100%;
height:1px;
cursor:pointer;
box-shadow:none;
background:#bababa;
border-radius:0px;
border:0px solid #010101;
}
.rs-range::-webkit-slider-thumb{
box-shadow:none;
border:0px solid #bababa;
box-shadow:0px 10px 10px rgba(0, 0, 0, 0.25);
height:40px;
width:20px;
border-radius:20px;
background:black;
cursor:pointer;
-webkit-appearance:none;
margin-top:-20px;
}
.rs-range::-moz-range-thumb{
box-shadow:none;
border:0px solid #bababa;
box-shadow:0px 10px 10px rgba(0, 0, 0, 0.25);
height:40px;
width:20px;
border-radius:20px;
background:black;
cursor:pointer;
-webkit-appearance:none;
margin-top:-20px;
}
.rs-range::-moz-focus-outer{
border:0;
}
.rs-label{
position:relative;
transform-origin:center center;
display:block;
width:80px;
height:80px;
background:transparent;
border-radius:50%;
text-align:center;
font-weight:bold;
padding-top:10px;
box-sizing:border-box;
border:1px solid #bababa;
margin-top:10px;
margin-left:-30px;
color: #666;
font-style:normal;
font-weight:normal;
line-height:normal;
font-size:28px;
}
.rs-label::after {
content:"cm";
display:block;
font-size:18px;
letter-spacing:0.07em;
margin-top:-2px;
}
.padding-1{padding:1px;}
.padding-10{padding:10px;}
#progressbox{
padding:1px; 
display:none;
}
#progressupload,.progressupload{
height:38px;
-webkit-border-radius:2px;
border-radius:2px;
background-color:#999;
width:1%;
}
#statustxt,.statustxt{
left:0;
top:0;
width:100%;
position:absolute;
display:inline-block;
color: #000000;
}
.chart{clear:both; display:block; overflow:hidden; margin:0; width:100%; z-index:5;}
.charter, .chart-info{height:20px; line-height:20px; font-size:16px; margin-bottom:5px; width:100%; color:#111;list-style:none;}
.charter{background:rgba(0,0,0,0.1);border-left:1px solid rgba(0,0,0,0.2);border-right:1px solid rgba(0,0,0,0.2);}
.content{margin:0 auto;padding:0;position:relative;}
a.sublink,.sublink,.sublinkquan,.sublinkdis{background:transparent;border:0;display:inline-block;z-index:1;padding-left:10px;font:18px/20px 'OpenSansCondensedBold',sans-serif;text-transform:lowercase;text-decoration:none;cursor:pointer;}
.sublink{color:#333;}
.sublinkquan{color:#666;}
.sublinkdis{color:#999;}
a.sublink{color:#6598ca;}
a:hover.sublink{color:#000;}

.twenty{width:20%;}
.twentyfive{width:25%;}
.thirtythree{width:33%;}
.fifty{width:50%;}
.logo-big{
position:relative;
display:block;
width:160px;
height:160px;
margin:0;
padding:0;
background:url(img/logo-big.png) center center no-repeat;
}
.computer{
position:fixed;
top:0;
left:0;
display:block;
margin:0;
z-index:999;
width:100%;
padding:0;
background:white;
color:#000;
border-bottom:1px solid #ccc;
-webkit-box-shadow:0 4px 0 rgba(0,0,0,0.04);
-o-box-shadow:0 4px 0 rgba(0,0,0,0.04);
-ms-box-shadow:0 4px 0 rgba(0,0,0,0.04);
box-shadow:0 4px 0 rgba(0,0,0,0.04);
}
.mobile{
clear:both;
float:left;
position:relative;
display:block;
margin:0;
z-index:10;
width:100%;
padding:0;
background:white;
color:#000;
border-bottom:1px solid #ccc;
-webkit-box-shadow:0 4px 0 rgba(0,0,0,0.04);
-o-box-shadow:0 4px 0 rgba(0,0,0,0.04);
-ms-box-shadow:0 4px 0 rgba(0,0,0,0.04);
box-shadow:0 4px 0 rgba(0,0,0,0.04);
}
.canal{
margin:0;
position:absolute;
top:0;
left:50%;
margin-left:-115px;
display:block;
width:230px;
height:80px;
z-index:1001;
padding:0;
color:#fff;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
background:#fff url(img/logo-black.png) center center no-repeat;
-webkit-box-shadow:0 0 4px rgba(0,0,0,0.2);-o-box-shadow:0 0 4px rgba(0,0,0,0.2);-ms-box-shadow:0 0 4px rgba(0,0,0,0.2);box-shadow:0 0 4px rgba(0,0,0,0.2);
-webkit-transition:background .25s ease-out;-o-transition:background .25s ease-out;transition:background .25s ease-out;
}
.canal:hover{
background:#111 url(img/logo-white.png) center center no-repeat;
}
.towot{
margin:0;
position:absolute;
top:0;
left:50%;
margin-left:-30px;
display:block;
width:60px;
height:60px;
z-index:1001;
padding:0;
background:#fff url(img/translator-black.png) center center no-repeat;
-webkit-transition:background .25s ease-out;-o-transition:background .25s ease-out;transition:background .25s ease-out;
}
.towot:hover{background:#fff url(img/translator-gray.png) center center no-repeat;}
.menu-main{
position:relative;
margin:0;
padding:0;
width:100%;
height:60px;
background:white;
color:#000;
list-style:none;
text-transform:none;
font-size:18px;
font-weight:300;
font-family:'OpenSansCondensed',sans-serif;
letter-spacing:1px;
line-height:60px;
}
.menu-main div,
.menu-main a{
display:block;
height:100%;
color:#000;
text-decoration:none;
cursor:pointer;
}
.menu-main div:hover,
.menu-main div:focus,
.menu-main div:active,
.menu-main a:hover,
.menu-main a:focus,
.menu-main a:active{
background:#000;
color:white;
}
.menu-main > li{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:block;
float:left;
height:100%;
text-align:center;
}
.menu-main > li:first-child{
border-right:1px solid #ccc;
width:60px;
}
.menu-main > li:nth-child(2){
max-width:200px;
margin:0;
}
.menu-main > li:nth-child(3){
border-right:1px solid #ccc;
width:60px;
}
.menu-main > li:nth-child(4){
float:right;
border-right:none;
border-left:1px solid #ccc;
width:60px;
}
.menu-main > li:last-child{
float:right;
border-right:none;
border-left:1px solid #ccc;
width:60px;
}
.menu-main li.menu-trigger{
position:relative;
width:60px;
cursor:pointer;
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}
.icon-menu-mobile::before{
font-size:30px;
content:'\e949';
color:rgba(0,0,0,1);
background:none;
}
.no-touch .icon-menu-mobile:hover::before,
.no-touch .icon-menu-mobile.menu-selected:hover::before{
background:rgba(0,0,0,1);
color:rgba(255,255,255,1);
}
.icon-menu-mobile:hover::before,
.icon-menu-mobile.menu-selected:hover::before{
background:rgba(0,0,0,1);
color:rgba(255,255,255,1);
}
.icon-menu-mobile.menu-selected::before{
background:#666;
color:rgba(255,255,255,1);
width:60px;
}
.menu-main:after{
display:table;
clear:both;
content:'';
}
.icon-txt{
background:transparent;
letter-spacing:1px;
font-weight:normal;
font-family:'OpenSansCondensedBold',sans-serif;
font-size:20px;
border:0;
height:60px;
line-height:60px;
text-align:center;
text-transform:uppercase;
}
.icon-txt-right{
background:transparent;
letter-spacing:1px;
font-weight:normal;
font-family:'OpenSansCondensedBold',sans-serif;
font-size:20px;
border:0;
width:60px;
height:60px;
line-height:60px;
text-align:center;
text-transform:uppercase;
}
.menu-right .icon-txt{width:100%;}
.menu-main > li > a.logo{font-weight:400;color:#000;font-size:40px;text-align:center;line-height:60px;}
.menu-main > li > a.logo svg path{fill:#000;}
.menu-main > li > a.logo:hover svg path,.menu-main > li > a.logo:focus svg path,.menu-main > li > a.logo:active svg path{fill:#fff;}
.menu-wrapper,
.menu-wrapper-right{
clear:both;
float:left;
position:relative;
display:block;
overflow:hidden;
margin:0;
z-index:5;
width:100%;
height:0;
padding:0;
color:#000;
background:#fff;
border-top:1px solid #ccc;
-webkit-transition:-webkit-transform 0.3s, height 0.3s;
-moz-transition:-moz-transform 0.3s, height 0.3s;
transition:transform 0.3s, height 0.3s;
}
.menu{text-align:left;font-size:18px;}
.menu li:not(:first-child),.menu li li{box-shadow:inset 0 1px #ccc;}
.menu a{font-size:18px;
font-family:'QanelasBold',sans-serif;
text-transform:uppercase;
display:block;
height:100%;
color:#000;
text-decoration:none;
cursor:pointer;
}
.menu-right a:hover,
.menu-right a:focus,
.menu-right a:active,
.right-menu a:hover,
.right-menu a:focus,
.right-menu a:active,
.menu a:hover,
.menu a:focus,
.menu a:active,
.menu li.search-item:hover,
.menu li.search-item:hover a,
.menu li.search-item:focus,
.menu li.search-item:focus a,
.menu li.search-item:active,
.menu li.search-item:active a{
background:#000;
color:white;
}
.menu li a.active-btn,
.right-menu li a.active-btn,
.menu-right li a.active-btn{
background:rgba(0,0,0,1);
color:white;
}
.menu-right,
.right-menu{text-align:left;font-size:18px;}
.menu-right li:not(:first-child),
.menu-right li li,
.right-menu li:not(:first-child),
.right-menu li li{box-shadow:inset 0 1px #ccc;}
.right-menu a,
.menu-right a{font-size:18px;
font-family:'QanelasBold',sans-serif;
text-transform:uppercase;
display:block;
height:100%;
color:#000;
text-decoration:none;
cursor:pointer;
}
.menu-left li{overflow:hidden;height:30px;-webkit-transition:height 0.3s;-moz-transition:height 0.3s;transition:height 0.3s;}
.menu-left li a{padding-left:10px;color:#333}
.submenu li{overflow:hidden;height:60px;-webkit-transition:height 0.3s;-moz-transition:height 0.3s;transition:height 0.3s;}
.submenu li a{padding-left:20px;color:#333}
.submenu li.sub a{padding-left:40px;color:#666}
.search-item{
position:relative;
height:60px;
width:100%;
}
input.search{
position:relative;
padding-left:60px;
height:60px;
line-height:60px;
outline:0;
border:0;
background:transparent;
color:#000;
font-weight:300;
font-family:'QanelasLight',sans-serif;
cursor:pointer;
z-index:1;
}
input.icon-search{
position:absolute;
top:0;
left:0;
height:60px;
width:60px;
color:transparent;
border:0;
outline:0;
z-index:-1;
}
input.icon-search + label::before{
position:absolute;
top:0;
left:0;
height:60px;
width:60px;
text-align:center;
text-transform:none;
font-weight:normal;
font-style:normal;
font-variant:normal;
font-family:'icomoon';
line-height:60px;
speak:none;
z-index:1;
content:'\e946';
cursor:pointer;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
.input-item{
position:relative;
display:block;
height:40px;
width:40px;
}
input.input-cart + label::before,
input.input-trash + label::before,
input.input-download + label::before{
position:absolute;
top:0;
left:0;
height:40px;
width:40px;
text-align:center;
text-transform:none;
font-weight:normal;
font-style:normal;
font-variant:normal;
font-family:'icomoon';
line-height:40px;
speak:none;
z-index:1;
content:'\e90b';
cursor:pointer;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
outline:0;color:#000;border:1px solid #ccc;background-color:#fff;-webkit-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 0 3px rgba(0,0,0,0.24), 0 0 1px rgba(255,255,255,0.24) inset;-o-box-shadow:0 0 3px rgba(0,0,0,0.24), 0 0 1px rgba(255,255,255,0.24) inset;-ms-box-shadow:0 0 3px rgba(0,0,0,0.24), 0 0 1px rgba(255,255,255,0.24) inset;box-shadow:0 0 3px rgba(0,0,0,0.24), 0 0 1px rgba(255,255,255,0.24) inset;-webkit-transition:background .25s, color .25s ease-out;-moz-transition:background .25s, color .25s ease-out;-o-transition:background .25s, color .25s ease-out;-ms-transition:background .25s, color .25s ease-out;transition:background .25s, color .25s ease-out;
}
input.input-cart + label::before{content:'\e95c';}
input.input-trash + label::before{content:'\e912';}
input.input-cart + label:hover::before,
input.input-trash + label:hover::before,
input.input-download + label:hover::before{color:#fff;background:#000;}
.search::-webkit-input-placeholder{line-height:60px;color:#000}
.search:-moz-placeholder{line-height:60px;color:#000}
.search::-moz-placeholder{line-height:60px;color:#000}
.search:-ms-input-placeholder{line-height:60px;color:#000}
.search:focus::-webkit-input-placeholder,
.no-touch .menu li.search-item:hover .search:focus::-webkit-input-placeholder{color:transparent}
input.search:focus{cursor:text}
.no-touch .menu li.search-item:hover input.search{color:#fff}
.no-touch .menu li.search-item:hover .search::-webkit-input-placeholder{color:#fff}
.no-touch .menu li.search-item:hover .search:-moz-placeholder{color:#fff}
.no-touch .menu li.search-item:hover .search::-moz-placeholder{color:#fff}
.no-touch .menu li.search-item:hover .search:-ms-input-placeholder{color:#fff}
.menu li.search-item:hover input.search{color:#fff}
.menu li.search-item:hover .search::-webkit-input-placeholder{color:#fff}
.menu li.search-item:hover .search:-moz-placeholder{color:#fff}
.menu li.search-item:hover .search::-moz-placeholder{color:#fff}
.menu li.search-item:hover .search:-ms-input-placeholder{color:#fff}
.menu-wrapper.menu-open-all,
.menu-wrapper.menu-open-part{
height:100%;
}
.menu-wrapper-right.open-all-right,
.menu-wrapper-right.open-part-right{
height:100%;
}
.basket-mobile{width:100%;height:60px;padding:0;text-align:center;display:none;background:url(img/bgbgbg.png) repeat;
border-bottom:1px solid #ccc;
-webkit-box-shadow:0 4px 0 rgba(0,0,0,0.04);
-o-box-shadow:0 4px 0 rgba(0,0,0,0.04);
-ms-box-shadow:0 4px 0 rgba(0,0,0,0.04);
box-shadow:0 4px 0 rgba(0,0,0,0.04);}
.basket-mobile li{position:relative;display:inline-block;width:16.66%;line-height:60px;height:60px;border-right:1px solid #ccc;padding:0;text-align:center;}
.basket-mobile li .count-menu{width:100%;position:absolute;line-height:1;bottom:5px;left:0;font-size:14px;color:#666;}
.basket-mobile li a{width:100%;position:absolute;top:0;left:0;color:#333;}
.basket-mobile li a:hover{width:100%;position:absolute;top:0;left:0;color:#fff;background:#000;}
.basket-mobile li:last-child{border-right:none;}
.footer-main,
.footer-main ul{
margin:0;
padding:0;
background:#fff;
color:#000;
list-style:none;
text-transform:none;
}
.footer-main{
width:100%;
height:60px;
font-size:18px;
z-index:99;
border-bottom:1px solid #ccc;
-webkit-box-shadow:0 4px 0 rgba(0,0,0,0.1);
-o-box-shadow:0 4px 0 rgba(0,0,0,0.1);
-ms-box-shadow:0 4px 0 rgba(0,0,0,0.1);
box-shadow:0 4px 0 rgba(0,0,0,0.1);
}
.footer-main a{
display:block;
height:100%;
color:#000;
text-decoration:none;
cursor:pointer;
}
.no-touch .canal-menu-main a:hover,
.no-touch .canal-menu a:hover,
.no-touch .canal-menu li.canal-search-item:hover,
.no-touch .canal-menu li.canal-search-item:hover a{
background:#000;
color:white;
}
.footer-main a:hover,
.canal-menu a:hover,
.canal-menu li.canal-search-item:hover,
.canal-menu li.canal-search-item:hover a {
background:#000;
color:white;
}
.footer-main > li{
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:inline-block;
float:left;
height:100%;
text-align:center;
min-width:60px;
}
.footer-main > li:first-child{
float:left;
border-right:1px solid #ccc;
}
.footer-main > li:nth-child(2){
float:none;
position:relative;display:inline-block;margin:0 auto;
width:-webkit-calc(100% - 122px);
width:calc(100% - 122px);
}
.footer-main > li:last-child{
float:right;
border-right:none;
border-left:1px solid #ccc;
}
.footer-main > li > a{
letter-spacing:1px;
font-weight:normal;
font-family:'OpenSansCondensedBold',sans-serif;
font-size:20px;
}
.footer-main:after{
display:table;
clear:both;
content:'';
}
.menu-main > li.basket-menu{
float:right;
border-right:none;
border-left:1px solid #ccc;
margin-top:20px;
line-height:20px;
padding:0 10px;
background:transparent;
height:20px;
color:#999;}
.menu-main > li.basket-menu a{
display:inline;
letter-spacing:1px;
font-weight:normal;
font-family:'OpenSansCondensed',sans-serif;
font-size:16px;
background:transparent;
color:#333;}
.menu-main > li.basket-menu a:hover{
background:transparent;
color:#ff6600;}

.menu-icon-txt{
letter-spacing:1px;
font-weight:normal;
font-family:'OpenSansCondensedBold',sans-serif;
font-size:20px;
border:0;
}
.left-menu-wrapper{
position:fixed;
top:61px;
bottom:0;
left:-1px;
overflow:hidden;
width:0;
border-right:1px solid #ccc;
-webkit-box-shadow:4px 0 0 rgba(0,0,0,0.04);
-o-box-shadow:4px 0 0 rgba(0,0,0,0.04);
-ms-box-shadow:4px 0 0 rgba(0,0,0,0.04);
box-shadow:4px 0 0 rgba(0,0,0,0.04);
color:#000;
background:white;
-webkit-transition:-webkit-transform 0.3s, width 0.3s;
-moz-transition:-moz-transform 0.3s, width 0.3s;
transition:transform 0.3s, width 0.3s;
}
.right-menu-wrapper{
position:fixed;
top:61px;
bottom:0;
right:-1px;
overflow:hidden;
width:0;
border-left:1px solid #ccc;
-webkit-box-shadow:-4px 0 0 0 rgba(0,0,0,0.04);
-o-box-shadow:-4px 0 0 0 rgba(0,0,0,0.04);
-ms-box-shadow:-4px 0 0 0 rgba(0,0,0,0.04);
box-shadow:-4px 0 0 0 rgba(0,0,0,0.04);
color:#000;
background:white;
-webkit-transition:-webkit-transform 0.3s, width 0.3s;
-moz-transition:-moz-transform 0.3s, width 0.3s;
transition:transform 0.3s, width 0.3s;
}
.left-scroller,.right-scroller{position:absolute;overflow-y:scroll;width:360px;height:100%;}
.left-submenu li{overflow:hidden;height:0;-webkit-transition:height 0.3s;-moz-transition:height 0.3s;transition:height 0.3s;}
.left-submenu li a{padding-left:20px;color:#333}
.left-submenu li.sub a{padding-left:40px;color:#666}
.left-menu-wrapper.left-open-all,
.left-menu-wrapper.left-open-part{left:0;width:60px;}
.left-menu-wrapper.left-open-all{left:0;width:340px}
.right-menu-wrapper.right-open-all,
.right-menu-wrapper.right-open-part{right:0;width:60px;}
.right-menu-wrapper.right-open-all{right:0;width:60px}
.left-menu-wrapper.left-open-all .left-submenu li{height:60px}
.menu-icon::before,.icon::before,.icon-blue::before,.icon-big::before,.icon-menu::before,.icon-mini::before,.rate,.rate-show,.icon-sub{
display:inline-block;
text-align:center;
text-transform:none;
font-weight:normal;
font-style:normal;
font-variant:normal;
font-family:'icomoon';
speak:none;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
.menu-icon::before{width:60px;line-height:60px;}
.icon-menu::before{font-size:18px;}
.icon-sub{font-size:20px;vertical-align:middle;}
.icon-big{font-size:30px;}
.icon-mini::before{width:40px;height:40px;line-height:40px;}
.rate{font-size:22px;}
.rate-show{font-size:16px;}
.text-menu{display:inline-block;}

.icon-menu::before{content:'\e949';}
.icon-home::before{content:'\e939';}
.icon-list::before{content:'\e942';}
.icon-cog::before{content:'\e923';}
.icon-edit::before{content:'\e92c';}
.icon-eraser::before{content:'\e930';}
.icon-calendar::before{content:'\e91d';}
.icon-camera::before{content:'\e91e';}
.icon-full::before{content:'\e90e';}
.icon-fulloff::before{content:'\e90d';}
.icon-info::before{content:'\e93d';}
.icon-help::before{content:'\e913';}
.icon-emoji-wink::before{content:'\e90a';}
.icon-emoji-neutral::before{content:'\e92e';}
.icon-emoji-happy::before{content:'\e92d';}
.icon-emoji-sad::before{content:'\e92f';}
.icon-hand::before{content:'\e936';}
.icon-gauge::before{content:'\e934';}
.icon-pin::before{content:'\e953';}
.icon-share::before{content:'\e95a';}
.icon-brush::before{content:'\e91b';}
.icon-ruler::before{content:'\e958';}
.icon-cut::before{content:'\e959';}
.icon-mix::before{transform:rotate(90deg); content:'\e95d';}
.icon-thumbs-down::before{content:'\e962';}
.icon-thumbs-up::before{content:'\e963';}
.icon-repair::before{content:'\e965';}
.icon-colors::before{content:'\e924';}
.icon-drop::before{content:'\e92b';}
.icon-globe::before{content:'\e935';}
.icon-language::before{content:'\e93f';}
.icon-rss::before{content:'\e957';}
.icon-dot::before{content:'\e908';}
.icon-dots::before{content:'\e909';}
.icon-mobile::before{content:'\e94c';}
.icon-tablet::before{content:'\e961';}
.icon-laptop::before{content:'\e940';}
.icon-tv::before{content:'\e968';}
.icon-print::before{content:'\e955';}
.icon-arrow-up::before{content:'\e903';}
.icon-arrow-right::before{content:'\e902';}
.icon-arrow-down::before{content:'\e900';}
.icon-arrow-left::before{content:'\e901';}
.icon-tree::before{content:'\e966';}
.icon-search::before, .icon-searcher::before{content:'\e946';}
.icon-shipping::before{content:'\e956';}
.icon-bag::before{content:'\e95b';}
.icon-cart::before{content:'\e95c';}
.icon-trash::before{content:'\e912';}
.icon-heart::before{content:'\e938';}
.icon-heartline::before{content:'\e937';}
.icon-user::before{content:'\e969';}
.icon-location::before{content:'\e943';}
.icon-layers::before{content:'\e90c';}
.icon-direction::before{content:'\e92a';}
.icon-chat::before{content:'\e920';}
.icon-logout::before{content:'\e945';}
.icon-login::before{content:'\e944';}
.icon-rocket::before{content:'\e956';}
.icon-minus::before{content:'\e94b';}
.icon-plus::before{content:'\e954';}
.icon-refresh::before{content:'\e929';}
.icon-eye::before{content:'\e931';}
.icon-card::before{content:'\e926';}
.icon-close::before{content:'\e927';}
.icon-link::before{content:'\e941';}
.icon-images::before{content:'\e93b';}
.icon-next::before{content:'\e902';}
.icon-prev::before{content:'\e901';}
.icon-audio::before{content:'\e919';}
.icon-video::before{content:'\e96a';}
.icon-radio::before{content:'\e94a';}
.icon-play::before{content:'\e905';}
.icon-pause::before{content:'\e904';}
.icon-record::before{content:'\e906';}
.icon-stop::before{content:'\e907';}
.icon-sound::before{content:'\e911';}
.icon-mute::before{content:'\e910';}
.icon-palette::before{content:'\e950';}
.icon-star::before{content:'\e95f';}
.icon-star2::before{content:'\e95e';}
.icon-news::before{content:'\e932';}
.icon-send::before{content:'\e951';}
.icon-calculator::before{content:'\e91c';}
.icon-download::before{content:'\e90b';}
.icon-phone::before{content:'\e952';}
.icon-oldphone::before{content:'\e94f';}
.icon-megaphone::before{content:'\e948';}
.icon-hourglass::before{content:'\e93a';}
.icon-mail::before{content:'\e947';}
.icon-attach::before{content:'\e918';}
.icon-vcard::before{content:'\e94e';}
.icon-bell::before{content:'\e91a';}
.icon-tools::before{content:'\e964';}
.icon-tag::before{content:'\e94d';}
.icon-pie::before{content:'\e917';}
.icon-key::before{content:'\e93e';}
.icon-switch-on::before{content:'\e960';}
.icon-switch::before{transform:rotate(180deg); content:'\e960';}
.icon-check::before,.icon-checkmark::before{content:'\e921';}
.icon-pinterest::before{content:'\e971';}
.icon-twitter::before{content:'\e972';}
.icon-facebook::before{content:'\e96f';}
.icon-instagram::before{content:'\e970';}
.icon-soundcloud::before{content:'\e96d';}
.icon-spotify::before{content:'\e96e';}
.icon-paypal::before{content:'\e96c';}
.icon-youtube::before, .icon-yt::before{content:'\e974';}
.icon-yt{color:rgba(255,0,0,0.9); transition:all .25s ease-in-out;}
.icon-vimeo::before{content:'\e973';}
.icon-save::before{content:'\e90f';}
.icon-copy::before{content:'\e925';}
.icon-archive::before{content:'\e916';}
.icon-aircraft::before{content:'\e915';}
.icon-cw::before{content:'\e928';}
.icon-ccw::before{content:'\e91f';}
.icon-loop::before{content:'\e93c';}
.icon-award::before{content:'\e967';}
.button-right::before{content:'\e902'; position:absolute; right:5px;}
.button-left::before{content:'\e901'; position:absolute; left:5px;}
.button-download::before{content:'\e90b'; position:absolute; left:5px;}
.button-close::before{content:'\e927'; position:absolute; right:5px;}
.button-search::before{content:'\e946'; position:absolute; left:5px;}
.canal-icon-home::before{content:'\e939'; line-height:60px;}
.canal-icon-login::before, .canal-icon-logout::before{content:'\e938'; line-height:60px;}
.canal-icon span, .menu-icon span{width:0; height:0; display:block; overflow:hidden;}
.rate-btn{width:40px;}
.rate-btn-dis::before{cursor:pointer; content:'\e95e'; color:#999;}
.rate-btn-hover::before{cursor:pointer; content:'\e95f'; color:#999;}
.rate-btn-active::before{cursor:pointer; content:'\e95f'; color:#333;}
.rate-show-dis::before{content:'\e95e'; color:#999;}
.rate-show-gray::before{content:'\e95f'; color:#666;}
.rate-show-active::before{content:'\e95f'; color:#333;}

.icon-cc{width:40px; height:40px; font-size:20px; line-height:39px; text-indent:0; text-align:center; color:rgba(0,0,0,0.8); cursor:pointer; background:url(img/icon-cc-black.png) no-repeat rgba(0,0,0,0); z-index:100;}
.icon-cc:hover, .icon-cc:focus, .icon-cc:active{background:url(img/icon-cc.png) no-repeat rgba(0,0,0,0.8);}
.share{margin-right:10px;}
@keyframes leaves{
 0% {transform:scaleX(1.0);}
 100% {transform:scaleX(1.1);}
}
@keyframes leaves2{
 0% {transform:scaleX(1.0);}
 100% {transform:scaleX(1.1);}
}
@keyframes circle{
 from {transform:rotate(0deg);}
 to {transform:rotate(360deg);}
}
@keyframes inner-circle{
 from {transform:rotate(0deg);}
 to {transform:rotate(-360deg);}
}
.left-wrapper{z-index:50;
position:relative;
display:inline-block;
float:left;
width:50%;
height:100%;
border:20px solid rgba(0,0,0,1);
}
.right-wrapper{position:relative;
display:inline-block;
float:left;
width:50%;
height:100%;
border:20px solid rgba(255,255,255,1);
}
.iner-wrapper{display:-webkit-flex;display:-ms-flexbox;display:flex;
-webkit-flex-direction:column;-ms-flex-direction:column;
flex-direction:column;-webkit-justify-content:center;-ms-flex-pack:center;
justify-content:center;-webkit-align-items:center;-ms-flex-align:center;
align-items:center;
position:absolute;
z-index:2;
top:0;right:0;bottom:0;left:0;
margin:0;padding:10px;
font-family:"QanelasLight",sans-serif;
font-weight:400;font-size:24px;line-height:1.1;text-align:center;
background-color:rgba(0,0,0,0);color:rgba(255,255,255,1);
-webkit-transition:background .3s ease-out,color .3s ease-out;
transition:background .3s ease-out,color .3s ease-out;}

ul.accordion, ul.accordion_sub{display:inline; float:left; width:100%; padding:0; margin:0; margin-bottom:20px; box-shadow:0 8px 0 -4px rgba(0,0,0,0.04);}
ul.accordion li.accordion_item, ul.accordion_sub li.accordion_item_sub{float:left; width:100%; margin:0; padding:0; background:#fff; border:1px solid #ccc; text-transform:uppercase; font:18px/20px 'OpenSansCondensedBold',sans-serif; font-weight:400; margin-bottom:0;}
ul.accordion li.accordion_item.selected{background:#f1f1f1; border:1px solid #ccc;}
ul.accordion_sub li.accordion_item_sub.selected_sub{background:#fff; border:1px solid #ccc;}
ul.accordion li.accordion_item.selected .toggle_switch, ul.accordion_sub li.accordion_item_sub.selected_sub .toggle_switch_sub{color:#6598ca;}
ul.accordion li.accordion_item .toggle_switch, ul.accordion_sub li.accordion_item_sub .toggle_switch_sub{cursor:pointer; margin:0; padding-top:15px; padding-left:15px; padding-right:20px; padding-bottom:14px; color:#000;}
ul.accordion li.accordion_item .toggle_gfx::before, ul.accordion_sub li.accordion_item_sub .toggle_gfx_sub::before{float:left; height:15px; width:15px; display:inline-block; text-align:center; text-transform:none; font-weight:normal; font-style:normal; font-variant:normal; font-family:'icomoon'; content:'\e954'; padding-right:20px; color:#6598ca;}
ul.accordion li.accordion_item.selected .toggle_switch .toggle_gfx::before, ul.accordion_sub li.accordion_item_sub.selected_sub .toggle_switch_sub .toggle_gfx_sub::before{color:#000; content:'\e94b';}
ul.accordion li.accordion_item .toggle_content, ul.accordion li.accordion_item .toggle_contents, ul.accordion_sub li.accordion_item_sub .toggle_content_sub{margin:0; border-top:1px solid #ccc; padding-left:10px; padding-right:10px; padding-bottom:10px; padding-top: 10px; text-transform:none; font-weight:300; font:16px 'QanelasLight',sans-serif; letter-spacing:0; color:#333; box-shadow:0 0 3px rgba(0,0,0,0.24) inset;}

.audio-control-wrapper {
position:relative;
display:flex; 
justify-content:center; 
align-items:center; 
width:44px; 
height:44px; 
z-index:10000;
}
.audio-file { display:none; }
.audio-control-wrapper svg { position:absolute; transform:rotate(-90deg); }
.audio-icon-play {
position:relative !important; 
background:rgba(0,0,0,0.5) !important; 
border-radius:50% !important; 
color:#fff !important; 
cursor:pointer; 
text-align:center; 
font-family:'icomoon' !important; 
text-transform:none; 
user-select:none;
width:34px !important; 
height:34px !important; 
line-height:34px !important; 
font-size:16px;
z-index:2;
}
.audio-icon-play:hover { outline:none; color:#137cde; }
.audio-icon-play::before { content:"\e905"; }
.audio-icon-play.pause::before { content:"\e904"; }
.audio-progress-bg { stroke:rgba(255,255,255,0.2); }
.audio-progress-ring { 
stroke:#137cde; 
stroke-linecap:round; 
transition:stroke-dashoffset 0.1s linear; 
}

.input-error{border:1px solid #ff0000 !important; border-left:10px solid #ff0000 !important; background-color:#fff8f8 !important;}
.icon-abs{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.video-show{position:relative; top:0; left:50%; min-width:100%; width:auto; min-height:100%; transform:translateX(-50%);}
.video-bg{position:relative; top:0; left:0; width:100%; height:auto;}

.main-control-wrapper{position:absolute; right:20px; width:44px; height:44px; display:flex; justify-content:center; align-items:center; z-index:10000; opacity:0; transform:scale(0); pointer-events:none;}
#main-play-wrapper{top:80px;}
#main-mute-wrapper{top:140px;}

.main-icon-play, .main-icon-mute{position:relative !important; background:rgba(0,0,0,0.5) !important; border-radius:50% !important; color:#fff !important; cursor:pointer; text-align:center; font-family:'icomoon' !important; text-transform:none; user-select:none;}
.main-icon-play:hover, .main-icon-mute:focus{outline:none;}
.main-icon-play:hover, .main-icon-mute:hover{color:#6598ca;}
.main-icon-play{width:34px !important; height:34px !important; line-height:34px !important; font-size:16px;}
.main-icon-play::before{content:"\e905";}
.main-icon-play.pause::before{content:"\e904";}
.main-icon-mute{width:44px !important; height:44px !important; line-height:44px !important; font-size:20px;}
.main-icon-mute::before{content:"\e911";}
.main-icon-mute.main-unmuted::before{content:"\e910";}

.show-controls{animation:bounceScale 0.6s cubic-bezier(0.175,0.885,0.32,1.275) forwards; pointer-events:auto !important;}
@keyframes bounceScale{
0%{transform:scale(0); opacity:0;}
60%{transform:scale(1.2); opacity:1;}
100%{transform:scale(1); opacity:1;}
}
#main-mute-wrapper.show-controls{animation-delay:0.15s;}
.main-control-wrapper svg{position:absolute; transform:rotate(-90deg);}
.main-progress-bg{stroke:rgba(255,255,255,0.2);}
#main-progress-ring{stroke:#6598ca; stroke-linecap:round; transition:stroke-dashoffset 0.1s linear;}

.shorts-feed{position:fixed; inset:0; overflow-y:scroll; scroll-behavior:auto; background:#111; z-index:99999; scroll-snap-type:y mandatory; scrollbar-width:none; opacity:0; pointer-events:none; transition:opacity 0.3s ease-in-out; overflow:hidden;}
.shorts-feed::-webkit-scrollbar{display:none;}
.shorts-feed.active{opacity:1; pointer-events:auto;}
.shorts-feed.hidden{display:none;}
#shorts-feed:fullscreen{width:100vw; height:100vh; background:#000;}
#shorts-feed{position:fixed; top:0; left:0; width:100%; height:100vh; background:#000; overflow-y:scroll; scroll-snap-type:y mandatory; scroll-behavior:smooth; z-index:99999; display:none; cursor:grab; user-select:none;}
#shorts-feed.active{display:block;}
#shorts-feed.is-dragging, #shorts-feed.no-snap{scroll-snap-type:none !important; scroll-behavior:auto !important; cursor:grabbing;}
.feed-lock{overflow:hidden !important;}
.global-shorts-loader{position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); z-index:100000; display:none;}

@keyframes bounce{
0%, 20%, 50%, 80%, 100%{transform:translateY(0);}
40%{transform:translateY(-10px);}
60%{transform:translateY(-5px);}
}
video::-webkit-media-controls-fullscreen-button{display:none;}
.shorts-slide{height:100vh; width:100%; display:flex; justify-content:center; align-items:center; background:#000; scroll-snap-align:start; scroll-snap-stop:always; position:relative;}
.video-wrapper{height:calc(100vh - 40px); aspect-ratio:9/16; position:relative; background:#111; border-radius:20px; overflow:hidden; box-shadow:0 10px 30px rgba(0,0,0,0.5);}
.video-wrapper video{width:100%; height:100%; object-fit:cover; border-radius:20px;}
.video-overlay{position:absolute; inset:0; border-radius:20px; background:linear-gradient(to top,rgba(0,0,0,0.6) 0%,transparent 20%); pointer-events:none;}
.video-overlay::after{content:'↓'; position:absolute; bottom:60px; left:50%; transform:translateX(-50%); color:rgba(255,255,255,0.4); font-size:20px; animation:bounce 2s infinite;}
.short-title{position:absolute; bottom:20px; left:20px; right:70px; color:#fff; font-size:18px; font-weight:500; text-shadow:0 1px 3px rgba(0,0,0,0.5); z-index:10;}
.short-loader{position:absolute; top:50%; left:50%; width:48px; height:48px; margin-top:-24px; margin-left:-24px; border-radius:50%; border:4px solid rgba(255,255,255,0.2); border-top-color:rgba(255,255,255,0.9); animation:spin 0.8s linear infinite; opacity:0; transition:opacity 0.2s ease; pointer-events:none;}
@keyframes spin{to{transform:rotate(360deg);}}

.pause, .shorts-play{position:relative; bottom:auto; right:auto; background:rgba(0,0,0,0.6); border-radius:50%; width:34px; height:34px; line-height:34px; font-size:20px; margin:0; z-index:9999; color:#fff; display:inline-block; text-align:center; text-transform:none; font-family:'icomoon'; speak:none; pointer-events:auto; cursor:pointer;}
.shorts-play:focus{outline:none;}
.shorts-play::before{content:'\e905';}
.shorts-play.pause::before{content:'\e904';}
.unmuted, .shorts-mute{position:absolute; bottom:80px; right:17px; width:40px; height:40px; background:rgba(0,0,0,0.6); border-radius:50%; z-index:9999; line-height:40px; font-size:20px; cursor:pointer; color:#fff; display:inline-block; text-align:center; text-transform:none; font-family:'icomoon'; speak:none; pointer-events:auto;}
.shorts-mute:focus{outline:none;}
.shorts-mute:hover{color:#6598ca;}
.shorts-mute::before{content:'\e910';}
.shorts-mute.unmuted::before{content:'\e911';}
.fullscreenoff, .shorts-fullscreen{position:absolute; bottom:140px; right:17px; width:40px; height:40px; background:rgba(0,0,0,0.6); border-radius:50%; z-index:9999; line-height:40px; font-size:20px; cursor:pointer; color:#fff; display:inline-block; text-align:center; text-transform:none; font-family:'icomoon'; speak:none; pointer-events:auto;}
.shorts-fullscreen:focus{outline:none;}
.shorts-fullscreen:hover{color:#6598ca;}
.shorts-fullscreen::before{content:'\e90e';}
.shorts-fullscreen.fullscreenoff::before{content:'\e90d';}
.shorts-close{position:fixed; top:80px; right:20px; color:#fff; cursor:pointer; width:40px; height:40px; line-height:40px; font-size:24px; text-align:center; z-index:9999; background:rgba(0,0,0,0.8); border-radius:50%; padding:0; pointer-events:auto;}
.shorts-close:focus{outline:none;}
.shorts-close:hover{transform:scale(1.1); color:#6598ca;}
#shorts-feed:fullscreen .shorts-close{top:20px;}
.progress-circle-wrapper{position:absolute; bottom:20px; right:15px; width:44px; height:44px; display:flex; justify-content:center; align-items:center; z-index:10; pointer-events:auto;}
.progress-circle-wrapper svg{position:absolute; transform:rotate(-90deg); pointer-events:none;}
.progress-bg{stroke:rgba(19,124,222,0.3);}
.progress-ring{stroke:#6598ca; stroke-linecap:round; transition:stroke-dashoffset 0.1s linear;}
.progress-circle-wrapper .shorts-mute{position:relative; bottom:auto; right:auto; width:30px; height:30px; line-height:30px; background:transparent;}

.short-description-panel{position:absolute; left:0; right:80px; bottom:-80%; height:80%; background:rgba(15,15,15,0.95); backdrop-filter:blur(20px); z-index:1000; transition:bottom 0.4s cubic-bezier(0.25,1,0.5,1); border-radius:15px 15px 0 0; display:flex; flex-direction:column; pointer-events:none; opacity:0;}
.short-description-panel.active{bottom:0; opacity:1; pointer-events:auto;}
.panel-header{height:40px; display:flex; justify-content:center; align-items:center; cursor:pointer; width:100%;}
.panel-content{flex:1; overflow-y:auto; padding:20px; color:#fff; font-size:15px; line-height:1.4; word-wrap:break-word; scrollbar-width:thin; scrollbar-color:rgba(255,255,255,0.2) rgba(255,255,255,0.05);}
.panel-content a{color:#6598ca;font-family:'QanelasBold',sans-serif;}
.panel-content a:hover{color:#fff;}
.panel-handle{width:40px; height:5px; background:rgba(255,255,255,0.3); border-radius:3px;}
.panel-content::-webkit-scrollbar{width:6px;}
.panel-content::-webkit-scrollbar-track{background:rgba(255,255,255,0.05); border-radius:10px;}
.panel-content::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.2); border-radius:10px; transition:background 0.3s ease;}
.panel-content::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.3);}
.shorts-info-btn{position:absolute; bottom:200px; right:17px; width:40px; height:40px; background:rgba(0,0,0,0.6); border-radius:50%; z-index:9999; line-height:40px; font-size:20px; cursor:pointer; color:#fff; display:inline-block; text-align:center; text-transform:none; font-family:'icomoon'; speak:none; pointer-events:auto;}
.shorts-info-btn::before{content:'\e93d';}
.shorts-info-btn:hover{color:#6598ca;}

.mp4-thumb{position:relative; margin:0; display:block; width:100%; overflow:hidden; border-top:1px solid #bfc4c6; height:auto; min-height:1px; aspect-ratio:16/9;}
.mp4-show{position:absolute; top:0; left:0; width:100%; height:100%; pointer-events:none; z-index:5;}
.mp4-thumb img{display:block; width:100%; height:auto; position:relative; z-index:1;}
.mp4-show video{width:100%; height:100%; object-fit:cover; position:absolute; top:0; left:0; opacity:0; transition:opacity 0.25s ease;}
.mp4-preview.show{opacity:1;}

.img-cover{position:absolute; top:0; bottom:0; left:0; right:0; cursor:pointer; z-index:5; background:#000; opacity:0.2; text-align:center;}
.img-title{position:absolute; z-index:20; line-height:1.1; left:20px; right:20px; bottom:40px; color:#000; opacity:0; font-size:28px; text-align:center; text-shadow:0 0 1px rgba(0,0,0,0); transition:all .25s ease-in-out; transition-delay:.1s;}
.img-subtitle{display:block; color:#000; position:absolute; left:10px; right:10px; bottom:10px; z-index:10; text-align:center; opacity:0; font-size:18px; text-shadow:0 0 1px rgba(0,0,0,0); transition:all .25s ease-in-out;}
.img-thumb:hover .img-cover{top:0px; bottom:0px; left:0px; right:0px; background:#0162fa; opacity:0.5;}
.img-thumb:hover .img-title{bottom:60px; color:#fff; text-shadow:0 0 2px #000; opacity:1;}
.img-thumb:hover .img-subtitle{bottom:30px; color:#fff; text-shadow:0 0 2px #000; opacity:1;}
.img-thumb .parallax-txt p, .img-thumb .parallax-txt h3, .img-thumb .parallax-txt h4{color:#fff;}
.img-thumb:hover .parallax-txt p, .img-thumb:hover .parallax-txt h3, .img-thumb:hover .parallax-txt h4{color:#fff;}

.img-thumb{
display:block;
margin:0 auto;
position:relative;
overflow:hidden;
width:100%;
height:480px;
background:#000;
}
.img-thumb .img-img{
width:100%;
height:100%;
object-fit:cover;
opacity:1;
transition:opacity 0.5s ease-in-out;
position:relative;
z-index:1;
}
.img-thumb:hover .img-img{
opacity:0;
}
.img-slides{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
opacity:0;
z-index:2;
transition:opacity 0.5s ease-in-out;
}
.img-thumb:hover .img-slides{
opacity:1;
}
.img-slide{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
opacity:0;
z-index:10;
transition:opacity 0.6s ease-in-out;
background-size:cover;
background-position:center;
}
.img-slide.img-active{
opacity:1;
z-index:20;
}
.img-slide.img-last{
opacity:1;
z-index:15;
}
.img-slide-bg{
display:none;
}
.towotris{
display:flex;
justify-content:center;
align-items:center;
width:100vw;
height:100vh;
margin:0;
z-index:5;
padding:0;
background:#232323 url(img/line-cover.png);
font-family:OpenSansCondensed,sans-serif;
}
.tetris-container{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
.score-level{
display:flex;
justify-content:space-between;
width:100%;
max-width:342px;
margin-bottom:2px;
font-size:18px;
color:#999;
}
.score-level span{
font-size:20px;
color:#bababa;
}
.canvas-container{
width:100%;
height:594px;
margin:0;
position:relative;
overflow:hidden;
border:1px solid #333;
}
#tetris{
background-color:#000;
width:342px;
height:594px;
margin:0;
}
#nextFigure{
position:absolute;
top:3px;
left:3px;
z-index:100;
}
#fullScreen,
#muteButton{
position:absolute;
top:3px;
right:3px;
height:40px;
width:40px;
z-index:100;
color:rgba(255,255,255,1);
border:none;
background-color:transparent;
}
#muteButton{right:45px;}
#muteButton:hover,
#fullScreen:hover{
color:rgba(13,194,255,1);
background-color:transparent;
}
.game-color{
color:rgba(13,194,255,1);
}
.game-menu,.game-over{
width:302px;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
text-align:center;
color:#666;
background-color:rgba(35,35,35,0.9);
padding:10px;
border-radius:3px;
}
.game-menu button,.game-over button{
padding:10px 20px;
font-size:18px;
height:40px;
padding:10px 20px;
font-size:20px;
line-height:10px;
background-color:#000;
color:rgba(13,194,255,1);
border:1px solid rgba(13,194,255,0.6);
}
.game-menu button:hover,
.game-over button:hover,
.game-menu button:active,
.game-over button:active{
color:rgba(255,255,255,1);
border:1px solid rgba(255,255,255,0.6);
}
.game-controls{
display:flex;
padding:2px 0;
margin-left:-1px;
margin-right:-1px;
}
.game-controls button{
flex:1;
margin:1px;
width:calc(25% - 2px) !important;
height:50px;
padding:10px;
font-size:20px;
line-height:15px;
text-align:center;
color:#fff;
background-color:#000;
border:1px solid #333;
}
.game-controls button:hover,
.game-controls button:active{
color:rgba(13,194,255,1);
border:1px solid rgba(13,194,255,0.6);
}
.game-controls button span{
vertical-align:middle;
display:inline-block;
}
.bigfont{
font-size:24px;
}
.hidden{
display:none;
}
.ranking-list{
list-style:none;
width:292px;
padding:0;
margin-left:-15px;
margin-bottom:10px;
color:#999;
}
.ranking-list li{
display:flex;
align-items:center;
margin-bottom:5px;
}
.ranking-list .user{
white-space:nowrap;
}
.ranking-list .dots{
flex-grow:1;
margin:0 5px 0 10px;
border-bottom:1px dotted #666;
}
.ranking-list .value{
white-space:nowrap;
text-align:right;
min-width:30px;
}
.inline-icon{display:inline-block;padding:0 5px;color:rgba(13,194,255,1);cursor:pointer;}
.inline-icon:hover{color:rgba(255,255,255,1);}
#simulation{
position:absolute;
top:0;
left:0;
width:342px;
height:594px;
}
#animationContainer{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
pointer-events:none;
overflow:hidden;
}
.explosion-fragment{
position:absolute;
width:10px;
height:10px;
border:1px solid red;
border-radius:50%;
animation:explode 1s ease-out forwards;
}
@keyframes explode{
0%{
transform:translate(0, 0) rotate(0deg);
opacity:1;
}
100%{
transform:translate(var(--x), var(--y)) rotate(360deg);
opacity:0;
}
}
.container-bg{
width:100%;
height:100%;
color:#fff;
clear:both;
float:left;
position:relative;
overflow:hidden;
margin:0;
z-index:5;
padding:0;
background:#111;
background-size:cover;
}
.container-video{
width:100%;
height:100%;
display:-webkit-flex;
display:flex;
-webkit-flex-direction:column;
flex-direction:column;
-webkit-justify-content:space-around;
justify-content:space-around;
-webkit-align-items:center;
align-items:center;
position:relative;
overflow:hidden;
margin:0;
padding:0;
}
.controls-video{
font-size:20px;
line-height:40px;
text-align:center;
position:absolute;
z-index:1000;
bottom:20px;
left:20px;
right:20px;
height:40px;
background:rgba(0,0,0,0.6);
}
.controls-video > div{
position:absolute;
}
.video-button{
top:0;
left:0;
display:block;
width:40px;
height:39px;
font-size:20px;
line-height:39px;
text-indent:0;
text-align:center;
border-right:1px solid rgba(0,0,0,0.2);
color:rgba(101,152,222,1);
cursor:pointer;
}
.video-button:hover,.video-button:focus,.video-button:active{
border-right:1px solid rgba(0,0,0,0.2);
color:rgba(101,152,222,1);
background:rgba(0,0,0,0.8);
}
.video-timer{
display:inline-block;
top:0;
left:40px;
width:60px;
height:40px;
line-height:40px;
color:rgba(101,152,222,1);
text-align:center;
}
.video-duration{
display:inline-block;
top:0;
right:40px;
width:60px;
height:40px;
line-height:40px;
color:rgba(101,152,222,1);
text-align:center;
}
.video-bar{
top:0;
left:100px;
right:100px;
height:40px;
}
.video-frame{
top:0;
left:100px;
margin-top:15px;
height:10px;
border:1px solid rgba(0,0,0,0.5);
cursor:pointer;
}
#videoprogress{
width:100%;
height:8px;
background:#6598ca;
}
#videoload{
width:100%;
height:8px;
background:rgba(255,255,255,0.2);
}
.video-volume{
top:0;
right:0;
display:block;
width:40px;
height:39px;
border-left:1px solid rgba(0,0,0,0.2);
}
.video-mute{
top:0;
right:0;
display:block;
width:100%;
height:100%;
font-size:20px;
line-height:39px;
text-indent:0;
text-align:center;
color:rgba(101,152,222,1);
cursor:pointer;
}
.video-mute:hover,.video-mute:focus,.video-mute:active{
border-left:1px solid rgba(0,0,0,0.2);
color:rgba(101,152,222,1);
background:rgba(0,0,0,0.8);
}
.video-list{
position:relative;
width:100%;
max-width:960px;
margin:50px auto;
text-align:center;
}
.video-list h2{
width:100%;
margin-top:20px;
text-align:center;
white-space:nowrap;
color:rgba(255,255,255,0.5);
}
.scrollable-content{
overflow-y:auto;
width:100%;
max-width:680px;
height:100%;
}
.video-wrap,.video-full,.frame-full{
position:fixed;
z-index:1000;
top:0;
left:0;
right:0;
bottom:0;
width:100%;
height:100%;
pointer-events:none;
display:-webkit-flex;
display:flex;
-webkit-align-items:center;
align-items:center;
}
.video-close,
.video-full-close{
position:absolute;
top:10px;
right:10px;
width:60px;
height:60px;
color:#fff;
cursor:pointer;
width:60px;
height:60px;
line-height:60px;
text-align:center;
z-index:9999;
background:#000;
}
.video-full-loader{
position:absolute;
top:50%;
left:50%;	
width:60px;
height:60px;
line-height:60px;
text-align:center;
margin-top:-30px;
margin-left:-30px;
}
.video-wrap-show,.video-full-show,.frame-full-show{
pointer-events:auto;
}
.video-inner,.video-full-inner,.frame-inner{
position:relative;
overflow:hidden;
width:100%;
height:100%;
margin:0 auto;
opacity:0;
background:black;
}
.video-wrap-show .video-inner,.video-full-show .video-full-inner,.frame-full-show .frame-inner{
opacity:1;
}
.video-player{
position:absolute;
top:50%;
left:50%;
max-width:100%;
max-height:100%;
transform:translate(-50%,-50%);
object-fit:contain;
transition:transform 1s;
}
.content-video{
z-index:2;
position:absolute;
bottom:100px;
left:50%;
width:100px;
height:100px;
margin:-50px 0 0 -50px;
}
.video-play{
background:none;
line-height:90px;
font-size:64px;
position:absolute;
width:100px;
height:100px;
top:50%;
left:50%;
margin-top:-50px;
margin-left:-50px;
color:rgba(255,255,255,0.5);
border:5px solid rgba(255,255,255,0.5);
border-radius:50px;
-webkit-flex:none;
flex:none;
cursor:pointer;
text-align:center;
-webkit-transition:all .25s ease-out;
-o-transition:all .25s ease-out;
transition:all .25s ease-out;
}
.video-play span{margin-left:9px;}
.vlist:hover .video-play,.video-txt:hover .video-play{
color:rgba(255,255,255,1);
border:5px solid rgba(255,255,255,1);
}
.action{
vertical-align:middle;
line-height:80px;
font-family:'OpenSansCondensedBold',sans-serif;
font-size:50px;
position:relative;
overflow:hidden;
margin:0;
padding:0 20px;
color:rgba(255,255,255,0.5);
border:10px solid rgba(19,124,222,0.5);
width:100px;
height:100px;
border-radius:50px;
background:none;
-webkit-flex:none;
flex:none;
cursor:pointer;
text-align:center;
}
.action:focus{
outline:none;
}
.action:hover{
border:10px solid rgba(19,124,222,0.9);
color:rgba(255,255,255,0.9);
}
.action-label{
display:inline-block;
margin:0 0 0 10px;
}
.action-label-hidden{
position:absolute;
top:200%;
}
.action-play{
position:absolute;
top:0;
left:0;
display:block;
opacity:0;
pointer-events:none;
-webkit-transition:opacity 0.3s 0.1s;
transition:opacity 0.3s 0.1s;
}
.video-loaded .action-play{
opacity:1;
pointer-events:auto;
}
.action-loader{
display:block;
opacity:1;
pointer-events:none;
-webkit-transition:opacity 0.3s 0.1s;
transition:opacity 0.3s 0.1s;
}
.video-loaded .action-loader{
opacity:0;
pointer-events:none;
}
.action-close{
position:absolute;
top:10px;
right:10px;
color:#fff;
cursor:pointer;
width:60px;
height:60px;
line-height:60px;
font-size:40px;
text-align:center;
z-index:9999;
background:#000;
padding:0;
opacity:0;
-webkit-transition:-webkit-transform 0.3s, opacity 0.3s;
transition:transform 0.3s, opacity 0.3s;
-webkit-transform:scale3d(0.7,0.7,1);
transform:scale3d(0.7,0.7,1);
}
.action-close:hover{
color:rgba(19,124,222,1);
}
.video-wrap-show .action-close{
opacity:1;
-webkit-transition-delay:1s;
transition-delay:1s;
-webkit-transform:scale3d(1,1,1);
transform:scale3d(1,1,1);
}
.frame-inner{height:100%;width:100%;table-layout:static;border-collapse:collapse;overflow:hidden;margin:0;z-index:10;padding:0;background:#fff;
border:10px solid #000;
-webkit-transform:scale3d(1,1,1);
transform:scale3d(1,1,1);
}
.frame-box{
height:100%;
width:100%;
}
.frame-inner .frame-box iframe{width:100%;height:calc(100% - 60px) !important;border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;}
.video-full-inner,.frame-inner{
height:100%;
width:100%;
border:10px solid #000;
-webkit-transform:scale3d(1,1,1);
transform:scale3d(1,1,1);
}
.video-inner{
width:10vw;
height:20vw;
border:10px solid #000;
-webkit-transform:scale3d(0.1,0.1,1) rotate3d(0,0,1,-5deg);
transform:scale3d(0.1,0.1,1) rotate3d(0,0,1,-5deg);
}
.video-wrap-show .video-inner{
opacity:0;
-webkit-animation:showVideo-1 1.25s forwards;
animation:showVideo-1 1.25s forwards;
}
.video-wrap-hide .video-inner,.video-full-hide .video-full-inner,.frame-full-hide .frame-inner{
-webkit-animation:hideVideo 1.25s forwards;
animation:hideVideo 1.25s forwards;
}
.video-wrap-dis .video-inner,.video-full-dis .video-full-inner,.frame-full-dis .frame-inner{
-webkit-animation:disVideo 1s forwards;
animation:disVideo 1s forwards;
}
.video-player{
left:50%;
width:auto;
height:100vh;
-webkit-transition:-webkit-transform 1s;
transition:transform 1s;
-webkit-transform:translate3d(-50%,-50%,0) scale3d(0.7,0.7,1) rotate3d(0,0,1,5deg);
transform:translate3d(-50%,-50%,0) scale3d(0.7,0.7,1) rotate3d(0,0,1,5deg);
}
.video-wrap-show .video-player,
.video-wrap-hide .video-player{
-webkit-transform:translate3d(-50%,-50%,0) scale3d(1,1,1);
transform:translate3d(-50%,-50%,0) scale3d(1,1,1);
}
.video-full-show .video-full-inner,.frame-full-show .frame-inner{
-webkit-animation:showVideo-2 1.25s forwards;
animation:showVideo-2 1.25s forwards;
}
@media screen and (min-width:25em) and (min-aspect-ratio:1280/720){
.video-inner{
width:30vw;
height:30vw;
}
.video-wrap-show .video-inner{
-webkit-animation:showVideo-2 1.25s forwards;
animation:showVideo-2 1.25s forwards;
}
.video-player{
max-width:100vw;
max-height:100vh;
height:auto;
width:auto;
}
}
.adm-img-wrapper, .adm-mp3-wrapper, .adm-mp4-wrapper{
position:fixed;
z-index:1000;
top:0;
left:0;
right:0;
bottom:0;
width:100%;
height:100%;
pointer-events:auto; 
display:flex;
align-items:flex-start;
overflow-y:auto; 
background:rgba(0,0,0,0.5);
}
.adm-img-inner, .adm-mp3-inner, .adm-mp4-inner{
position:relative;
width:100%;
min-height:100%; 
margin:0 auto;
opacity:1;
background:white;
padding-bottom:50px; 
}

.adm-img-wrapper.adm-show,.adm-mp3-wrapper.adm-show,.adm-mp4-wrapper.adm-show {display:flex;}
.adm-img-wrapper.adm-dis,.adm-mp3-wrapper.adm-dis,.adm-mp4-wrapper.adm-dis {display:none;}

.adm-show .adm-img-inner,.adm-show .adm-mp3-inner,.adm-show .adm-mp4-inner{opacity:1;pointer-events:auto;}
.adm-dis .adm-img-inner,.adm-dis .adm-mp3-inner,.adm-dis .adm-mp4-inner {animation:disVideo 1s forwards;}
@-webkit-keyframes showVideo-1{
50%{width:50vw;height:50vw;opacity:1;-webkit-transform:scale3d(0.5,0.5,1) rotate3d(0,0,1,-5deg);transform:scale3d(0.5,0.5,1) rotate3d(0,0,1,-5deg);}
100%{width:100vw;height:100vh;opacity:1;-webkit-transform:scale3d(1,1,1) rotate3d(0,0,1,0deg);transform:scale3d(1,1,1) rotate3d(0,0,1,0deg);}
}
@keyframes showVideo-1{
50%{width:50vw;height:50vw;opacity:1;-webkit-transform:scale3d(0.5,0.5,1) rotate3d(0,0,1,-5deg);transform:scale3d(0.5,0.5,1) rotate3d(0,0,1,-5deg);}
100%{width:100vw;height:100vh;opacity:1;-webkit-transform:scale3d(1,1,1) rotate3d(0,0,1,0deg);transform:scale3d(1,1,1) rotate3d(0,0,1,0deg);}
}
@-webkit-keyframes showVideo-2{
50%{width:100vw;height:100vh;opacity:1;-webkit-transform:scale3d(0.5,0.5,1);transform:scale3d(0.5,0.5,1);}
100%{width:100vw;height:100vh;opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
}
@keyframes showVideo-2{
50%{width:100vw;height:100vh;opacity:1;-webkit-transform:scale3d(0.5,0.5,1);transform:scale3d(0.5,0.5,1);}
100%{width:100vw;height:100vh;opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
}
@-webkit-keyframes hideVideo{
0%{width:100vw;height:100vh;opacity:1;-webkit-transform:scale3d(1,1,1) rotate3d(0,0,1,0deg);transform:scale3d(1,1,1) rotate3d(0,0,1,0deg);}
100%{width:100vw;height:100vh;opacity:0;-webkit-transform:scale3d(1,1,1) rotate3d(0,0,1,0deg);transform:scale3d(1,1,1) rotate3d(0,0,1,0deg);}
}
@keyframes hideVideo{
0%{width:100vw;height:100vh;opacity:1;-webkit-transform:scale3d(1,1,1) rotate3d(0,0,1,0deg);transform:scale3d(1,1,1) rotate3d(0,0,1,0deg);}
100%{width:100vw;height:100vh;opacity:0;-webkit-transform:scale3d(1,1,1) rotate3d(0,0,1,0deg);transform:scale3d(1,1,1) rotate3d(0,0,1,0deg);}
}
@-webkit-keyframes disVideo{
0%{width:0;height:0;opacity:0;}
100%{width:0;height:0;opacity:0;}
}
@keyframes disVideo{
0%{width:0;height:0;opacity:0;}
100%{width:0;height:0;opacity:0;}
}
.video-show{
position:relative;
top:0;
left:50%;
min-width:100%;
width:auto;
min-height:100%;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
}
.video-bg{
position:relative;
top:0;
left:0;
width:100%;
height:auto;
}
.action-mute{
position:absolute;
top:70px;
right:10px;
color:#fff;
cursor:pointer;
width:60px;
height:60px;
line-height:60px;
font-size:40px;
text-align:center;
z-index:9999;
background:#000;
padding:0;
-webkit-transition:-webkit-transform 0.3s, opacity 0.3s;
transition:transform 0.3s, opacity 0.3s;
-webkit-transform:scale3d(0.7,0.7,1);
transform:scale3d(0.7,0.7,1);
}
.action-mute:focus{
outline:none;
}
.action-mute:hover{
color:rgba(19,124,222,1);
}
.stack-img{
display:inline-block;
position:relative;
width:100%;
max-width:300px;
height:auto;
margin:50px 0 30px 0;
border:10px solid #fff;
box-shadow:0 0 20px rgba(0,0,0,0.8);
background:#fff;
text-align:center;
font-size:60px;
}
.stack-img span{
width:40px;
height:40px;
line-height:40px;
position:absolute;
top:50%;
left:50%;
margin-left:-30px;
margin-top:-25px;
}
.stack-img img{
width:100%;
max-width:280px;
height:auto;
}
a .stack-img{
color:#fff;
}
 a:hover .stack-img{
color:#6598ca;
}
.stack-rotation-1{
-webkit-transform:rotate3d(0,0,1,-9deg);
transform:rotate3d(0,0,1,-9deg);
}
.stack-rotation-2{
-webkit-transform:rotate3d(0,0,1,-1deg);
transform:rotate3d(0,0,1,-1deg);
}
.stack-rotation-3{
-webkit-transform:rotate3d(0,0,1,9deg);
transform:rotate3d(0,0,1,9deg);
}
.mp3-canvas{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
border-bottom:1px solid rgba(0,0,0,0);
}
.mp3player,
.mp3-player{
position:relative;
width:100%;
height:40px;
display:block;
background:rgba(0,0,0,0);
color:rgba(0,0,0,0.8);
font-size:16px;
font-family:'OpenSansCondensedBold',sans-serif;
font-weight:400;
z-index:100;
margin:0;
padding:0;
-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;
}
.mp3player,
.mp3-player > div{
position:absolute;
}
.mp3abs{
width:340px;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
.mp3-btn-left,
.mp3-button,
.mp3-btn{
top:0;
left:0;
display:block;
width:40px;
height:40px;
font-size:20px;
line-height:39px;
text-indent:0;
text-align:center;
color:rgba(0,0,0,0.8);
cursor:pointer;
border:1px solid rgba(0,0,0,0.2);
border-top:1px solid rgba(0,0,0,0);
border-bottom:1px solid rgba(0,0,0,0);
border-radius:0;
}
.mp3-btn-right{
top:0;
right:0;
display:block;
width:40px;
height:40px;
font-size:20px;
line-height:39px;
text-indent:0;
text-align:center;
color:rgba(0,0,0,0.8);
cursor:pointer;
border:1px solid rgba(0,0,0,0.2);
border-top:1px solid rgba(0,0,0,0);
border-bottom:1px solid rgba(0,0,0,0);
border-radius:0;
}
.mp3-btn-top:hover,.mp3-btn-top:focus,.mp3-btn-top:active,
.mp3-btn-left:hover,.mp3-btn-left:focus,.mp3-btn-left:active,
.mp3-btn-right:hover,.mp3-btn-right:focus,.mp3-btn-right:active,
.mp3-button:hover,.mp3-button:focus,.mp3-button:active,
.mp3-btn:hover,.mp3-btn:focus,.mp3-btn:active{
color:#fff;
background:rgba(0,0,0,0.8);
}
.mp3-left{position:absolute;top:20px;left:40px;width:10px;height:1px;background:rgba(0,0,0,0.2);}
.mp3-right{position:absolute;top:20px;right:40px;width:10px;height:1px;background:rgba(0,0,0,0.2);}
.mp3-sub-left{position:absolute;top:20px;left:110px;width:10px;height:1px;background:rgba(0,0,0,0.2);}
.mp3-sub-right{position:absolute;top:20px;right:110px;width:10px;height:1px;background:rgba(0,0,0,0.2);}
.mp3-timer{
display:inline-block;
top:0;
left:50px;
width:60px;
height:40px;
line-height:40px;
color:rgba(0,0,0,0.6);
text-align:center;
border:1px solid rgba(0,0,0,0.2);
border-top:1px solid rgba(0,0,0,0);
border-bottom:1px solid rgba(0,0,0,0);
border-radius:0;
}
.mp3-duration{
display:inline-block;
top:0;
right:50px;
width:60px;
height:40px;
line-height:40px;
color:rgba(0,0,0,0.6);
text-align:center;
border:1px solid rgba(0,0,0,0.2);
border-top:1px solid rgba(0,0,0,0);
border-bottom:1px solid rgba(0,0,0,0);
border-radius:0;
}
.mp3-bar{
top:0;
left:120px;
right:120px;
height:40px;
cursor:pointer;
overflow:hidden;
border:1px solid rgba(0,0,0,0.2);
border-radius:0;
}
.mp3-frame{
top:0;
left:100px;
height:40px;
cursor:pointer;
overflow:hidden;
border:1px solid rgba(0,0,0,0);
border-radius:0;
}
#mp3progress,
.mp3-progress{
width:100%;
height:38px;
background:rgba(0,0,0,0.2);
}
#mp3load,
.mp3-load{
width:100%;
height:38px;
background:rgba(0,0,0,0.2);
}
#mp3status,
.mp3-status{
right:0;
left:0;
top:0;
position:absolute;
display:inline-block;
color:#000000;
line-height:40px;
text-align:center;
}
.mp3-volume{
top:0;
right:0;
display:block;
width:40px;
height:40px;
border:1px solid rgba(0,0,0,0.2);
border-top:1px solid rgba(0,0,0,0);
border-bottom:1px solid rgba(0,0,0,0);
border-radius:0;
}
.mp3-mute{
top:0;
right:0;
display:block;
width:100%;
height:100%;
font-size:20px;
line-height:39px;
text-indent:0;
text-align:center;
color:rgba(0,0,0,0.8);
cursor:pointer;
}
.mp3-mute:hover,.mp3-mute:focus,.mp3-mute:active{
color:#fff;
background:rgba(0,0,0,0.8);
}
.mp3-volume-adjust{
width:0;
height:0;
cursor:default;
position:absolute;
top:0;
right:38px;
border:1px solid #bfc4c6;
background:#fff;
}
.mp3-volumer{
width:65px;
height:34px;
background-color:rgba(0,0,0,0.2);
position:relative;
top:2px;
left:2px;
overflow:hidden;
}
.mp3-volume:not(:hover) .mp3-volume-adjust{
opacity:0;
}
.mp3-volume:hover .mp3-volume-adjust{
top:-1px;
height:40px;
width:71px;
bottom:100%;
}
.mp3-volume-adjust .mp3-volume-slide{
width:65px;
height:34px;
background-color:transparent;
cursor:pointer;
position:absolute;
line-height:32px;
text-align:center;
font-size:12px;
z-index:1;
top:2px;
left:2px;
border:1px solid rgba(0,0,0,0.2);
}
#volumeprogress,
.mp3-volume-progress{
width:100%;
height:100%;
position:absolute;
bottom:0;
left:0;
background:rgba(0,0,0,0.2);
}
.playlist,
.mp3-playlist{
position:relative;
display:block;
width:100%;
background:rgba(0,0,0,0.02);
padding:10px;
font-size:18px;
font-family:'OpenSansCondensed',sans-serif;
border:1px solid rgba(0,0,0,0.2);
padding:10px;
-webkit-box-shadow:0 8px 0 -4px rgba(0,0,0,0.04);
-o-box-shadow:0 8px 0 -4px rgba(0,0,0,0.04);
box-shadow:0 8px 0 -4px rgba(0,0,0,0.04);
}
.playlist .activer a,
.playlist .activer .inline-one a,
.playlist .activer .inline-two a,
.mp3-playlist .activer a,
.mp3-playlist .activer .inline-one a,
.mp3-playlist .activer .inline-two a{background:rgba(0,0,0,0.9);color:#fff;}
.playlist li,
.playlist li a,
.mp3-playlist li a{color:rgba(0,0,0,1);background:rgba(0,0,0,0.1);padding:0 10px;height:40px;line-height:40px;display:block;text-align:left;margin-bottom:1px;overflow:hidden;}
.playlist li.adm-list a,
.mp3-playlist li.adm-list a{color:rgba(0,0,0,1);background:rgba(0,0,0,0.1);padding:0 10px;height:40px;line-height:40px;text-align:left;margin-bottom:1px;overflow:hidden;}
.playlist li a:hover,
.mp3-playlist li a:hover{color:#fff;background:rgba(0,0,0,0.9);}

.adm-mp4-playlist{position:relative; display:block; width:100%; background:rgba(0,0,0,0.02); padding:10px; font-size:18px; font-family:'OpenSansCondensed',sans-serif; border:1px solid rgba(0,0,0,0.2); box-shadow:0 8px 0 -4px rgba(0,0,0,0.04);}
.adm-mp4-playlist li{color:#000; display:block; text-align:left; overflow:hidden; margin-bottom:1px;}
a.adm-mp4-item{display:flex; justify-content:space-between; align-items:center; text-decoration:none; width:100%; color:#000; background:#fff; padding:0 10px; height:40px; line-height:40px; text-decoration:none; border:1px solid #bababa; transition:all 0.2s ease;}
a.adm-mp4-item:hover{color:#fff; background:rgba(0,0,0,1);}
a.adm-mp4-item.active-item{background:rgba(0,0,0,0.8); color:#fff;}
.adm-mp4-item-left{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; flex-shrink:1; min-width:0;}
.adm-mp4-item-right{white-space:nowrap; flex-shrink:0; margin-left:10px;}

.ultra-swipe{
width:100%;
}
.ultra-swipe-item{
position:relative;
overflow:hidden;
cursor:pointer;
-webkit-transition:-webkit-transform .9s;
transition:transform .9s;
-webkit-transform:scale3d(1,1,1);
transform:scale3d(1,1,1);
}
.ultra-swipe-item:hover .ultra-swipe-content{
-webkit-transform:scale3d(1.1,1.1,1);
transform:scale3d(1.1,1.1,1);
}
.ultra-swipe-content{
width:100%;
height:100%;
object-fit:cover;
display:block;
transition:transform 0.3s;
user-select:none;
-webkit-user-drag:none;
}
.hidden-source{
opacity:0;
}
.lightbox{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.98);
z-index:1000;
display:flex;
flex-direction:column;
visibility:hidden;
opacity:0;
pointer-events:none;
font-family:'OpenSansCondensedBold',sans-serif;
transition:opacity 0.3s ease, visibility 0s linear 0.3s;
}
.lightbox.open{
visibility:visible;
opacity:1;
pointer-events:all;
transition:opacity 0.3s ease, visibility 0s linear 0s;
}
.lightbox-stage{
flex:1;
position:relative;
width:100%;
overflow:hidden;
touch-action:none;
cursor:grab;
transform:scale(0.92);
opacity:0;
transition:transform 0.35s cubic-bezier(0.34,1.56,0.64,1),opacity 0.35s ease;
}
.lightbox-stage:active{
cursor:grabbing;
}
.lightbox-stage.is-single{
cursor:default;
}
.lightbox-stage.is-single:active{
cursor:default;
}
.lightbox.open .lightbox-stage{
transform:scale(1);
opacity:1;
}
.stage-track{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:flex;
align-items:center;
will-change:transform;
}
.slide-slot{
position:absolute;
top:0;
width:100%;
height:100%;
display:flex;
justify-content:center;
align-items:center;
overflow:hidden;
}
.slot-prev{
left:-100%;
}
.slot-curr{
left:0;
}
.slot-next{
left:100%;
}
.lightbox-img{
max-width:100%;
max-height:100%;
object-fit:contain;
user-select:none;
-webkit-user-drag:none;
transform-origin:center center;
will-change:transform;
}
.animating{
transition:transform 0.3s cubic-bezier(0.2,0,0.2,1);
}
.ui-bar{
height:60px;
width:100%;
display:flex;
align-items:center;
background:linear-gradient(to bottom, rgba(0,0,0,0.8), transparent);
padding:0 20px;
box-sizing:border-box;
color:white;
z-index:1010;
position:absolute;
left:0;
pointer-events:none;
transition:opacity 0.3s;
}
.ui-bar-left,
.ui-bar-right{
display:flex; 
align-items:center;
}
.ui-bar > *{
pointer-events:auto;
}
.ui-bar-top{
top:0;
justify-content:space-between;
}
.ui-bar-bottom{
bottom:0;
top:auto;
flex-direction:column;
justify-content:center;
background:linear-gradient(to top, rgba(0,0,0,0.9), transparent);
height:auto;
padding:10px 20px;
text-align:center;
}
.ui-counter{
font-variant-numeric:tabular-nums;
margin-right:15px;
}
.ui-spinner{
width:20px;
height:20px;
border:2px solid rgba(255,255,255,0.3);
border-top-color:#fff;
border-radius:50%;
animation:spin 0.8s linear infinite;
opacity:0;
transition:opacity 0.2s;
}
.ui-spinner.visible{
opacity:1;
}
.ui-icon-btn{
background:transparent;
border:none;
color:white;
font-size:24px;
cursor:pointer;
padding:10px;
display:flex;
align-items:center;
justify-content:center;
transition:color 0.2s;
margin-right:5px;
}
#btn-close{
font-size:36px;
margin-top:5px;
margin-right:-5px;
}
#btn-zoom{
padding:10px 20px;
}
.ui-icon-btn:hover{
color:#6598ca;
}
.ui-title{
font-size:1.1rem;
color:#efefef;
margin-bottom:5px;
text-shadow:0 1px 3px rgba(0,0,0,0.5);
}
.ui-subtitle{
font-size:0.9rem;
color:#fff;
font-family:'OpenSansCondensed',sans-serif;
text-shadow:0 1px 3px rgba(0,0,0,0.5);
}
.ui-nav-arrow{
position:absolute;
top:50%;
transform:translateY(-50%);
background:rgba(0,0,0,0.3);
border:none;
color:white;
padding:20px 10px;
cursor:pointer;
z-index:1005;
font-size:2rem;
transition:color 0.2s;
}
.ui-nav-arrow:hover{
color:#6598ca;
}
.ui-nav-prev{
left:0;
border-radius:0 8px 8px 0;
}
.ui-nav-next{
right:0;
border-radius:8px 0 0 8px;
}
@media (max-width:768px){
.ui-nav-arrow{
display:none;
}
.ui-bar-top{
padding:010px;
}
}
::view-transition-group(hero-image){
animation-duration:0.4s;
animation-timing-function:cubic-bezier(0.2,0,0.2,1);
}
::view-transition-old(root),
::view-transition-new(root){
animation:none;
}
.ultra-masonry-wrapper{position:relative; width:100%; display:flex; justify-content:center;}
.ultra-masonry{position:relative; width:100%; margin:0 auto; background-color:transparent; transition-duration:0.35s;}
.ultra-masonry-item, a.ultra-masonry-item{display:block; width:300px; position:absolute; z-index:10; line-height:0; transition-property:left,right,top;}
.ultra-masonry-content{margin:10px; background-color:white; border:1px solid #bfc4c6; box-shadow:0 4px 0 rgba(0,0,0,0.04);}
.ultra-masonry-content-radius{margin:10px; background-color:white; border:1px solid #bfc4c6; border-radius:10px; box-shadow:0 4px 0 rgba(0,0,0,0.04); cursor:pointer;}
.ultra-masonry-content-radius img{border-radius:10px;}
.ultra-masonry-title-radius h3{position:absolute; bottom:10px; left:10px; right:50px; color:#fff; font-weight:400; font-family:'OpenSansCondensedBold',sans-serif; font-size:18px; line-height:1.1; text-align:left; text-shadow:0 1px 3px rgba(0,0,0,0.5); z-index:10;}
.ultra-masonry-content > a{display:block; width:100%; height:100%; position:relative;}
.ultra-img{width:100%; height:auto; padding:0;}
.ultra-img-overlay{position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%); pointer-events:none;}
.ultra-thumb{position:relative; display:inline-block;}
.ultra-thumb img.ungrayscale{display:block; width:100%; height:auto; transition:all .25s ease-in-out;}
.ultra-thumb .ultra-img{opacity:0.8;}
.ultra-thumb:hover .ultra-img{opacity:1;}
.ultra-masonry-thumb{position:relative; overflow:hidden; width:100%;}
.ultra-masonry-thumb img{width:100%; height:auto; transition:all .3s ease-in-out;}
.ultra-masonry-thumb-radius{position:relative; overflow:hidden; width:100%; border-radius:10px;}
.ultra-masonry-thumb-radius img{width:100%; height:auto; border-radius:10px; transition:all .3s ease-in-out;}
.ultra-masonry-thumb .ultra-masonry-img{display:block; width:100%; height:auto; opacity:1; transition:opacity 0.3s ease-in-out;}
.ultra-masonry-thumb .ultra-masonry-slides{position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; z-index:2; transition:opacity 0.3s ease-in-out; pointer-events:none; backface-visibility:hidden; perspective:1000px; display:none;}
.ultra-masonry-item:hover .ultra-masonry-slides{display:block; opacity:1;}
.ultra-masonry-slide{position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; z-index:10; transition:opacity 0.6s ease-in-out; background-size:cover; background-position:center center; background-repeat:no-repeat; will-change:opacity; contain:paint; backface-visibility:hidden; transform:translateZ(0);}
.ultra-masonry-slide.img-active{opacity:1; z-index:20;}
.ultra-masonry-slide.img-last{opacity:1; z-index:15;}
.ultra-thumb:hover .icon-blue{color:#6598ca;}
.ultra-masonry-thumb:hover .icon-blue{color:#6598ca;}
.ultra-cover-dis{position:absolute; top:0; bottom:0; left:0; right:0; cursor:default; z-index:7; opacity:1; text-align:center; transition:all .25s ease-in-out;}
.ultra-cover-dis span{position:absolute; top:50%; left:50%; text-align:center; width:40px; margin-top:-20px; margin-left:-20px; font-size:40px; line-height:40px; color:#ddd; text-shadow:0 0 1px #0a1015;}
.ultra-cover-dis span::before{content:'\e93b';}
.ultra-masonry-title{display:block;margin:0;position:relative;overflow:visible;width:100%;padding:10px;background:#fff;font-family:'OpenSansCondensed',sans-serif;font-size:18px;line-height:1.2;transition:all .25s ease-in-out;}
.ultra-masonry-title h3{width:100%; color:#232323; font-weight:400; font-family:'OpenSansCondensedBold',sans-serif; font-size:20px; line-height:1.2; text-align:left;}
.ultra-masonry-title p{width:100%; color:#232323; font-weight:400; font-family:'OpenSansCondensed',sans-serif; font-size:16px; line-height:1.2; text-align:left; margin:0;}
a:hover .ultra-masonry-title{background:#232323;}
a:hover .ultra-masonry-title h3, a:hover .ultra-masonry-title p{color:#eee;}
a:hover .mp4-thumb{border-bottom:1px solid #232323;}
a:hover .icon-blue{color:#0575b4;}
.ultra-masonry-btn-rb{position:absolute; right:10px; bottom:10px; z-index:20; color:#fff; text-shadow:0 0 2px #000; font:16px/20px 'OpenSansCondensedBold',sans-serif;}
.ultra-masonry-btn-lb{position:absolute; left:10px; bottom:10px; z-index:20; color:#fff; text-shadow:0 0 2px #000; font:16px/20px 'OpenSansCondensedBold',sans-serif;}
.ultra-montage-wrapper{
width:100%;
margin:0;
padding:5px;
background:#fff;
}
.ultra-montage{
margin:0;
padding:0;
width:100%;
display:flex;
flex-wrap:wrap;
background:#fff;
}
.ultra-montage-item{
box-sizing:border-box;
margin:5px;
padding:0;
opacity:0.8;
display:block; 
flex-shrink:0;
}
:root{
--width:0;
--margin:0;
}
.mp4-player-ultra{
position:relative;
width:100%;
background:#000;
overflow:hidden;
line-height:0;
display:flex;
flex-direction:column;
container-type:inline-size;
}
.mp4-wrapper{
position:relative;
width:100%;
aspect-ratio:16/9;
background:#000;
}
.mp4-player-ultra.is-vertical .mp4-wrapper{
aspect-ratio:9/16;
margin:0 auto;
}
.mp4-video{
position:absolute;
top:0;
left:0;
width:100% !important;
height:100% !important;
object-fit:cover;
max-width:none;
max-height:none;
display:block;
}
.mp4-container{
width:100%;
height:100%;
display:flex;
align-items:center;
justify-content:center;
}
@keyframes spin{to{transform:rotate(360deg);}}
.mp4-loader{position:absolute;
top:50%;
left:50%;
width:48px;
height:48px;
margin-top:-24px;
margin-left:-24px;
border-radius:50%;
border:4px solid rgba(255,255,255,0.2);
border-top-color:rgba(255,255,255,0.9);
animation:spin 0.8s linear infinite;
opacity:0;
transition:opacity 0.2s ease;
pointer-events:none;
}
iframe[id^="yt-player-"]{
pointer-events:none;
}
div[id^="yt-player-"],iframe[id^="yt-player-"]{
width:100% !important;
height:100% !important;
top:0 !important;
left:0 !important;
}
iframe[src*="vimeo.com"]{
pointer-events:none;
}
div[id^="vimeo-player-"], 
div[id^="vimeo-player-"] iframe{
width:100% !important;
height:100% !important;
position:absolute;
top:0;
left:0;
}
.mp4-player-ultra.audio-mode{
height:50px !important;
background:transparent;
overflow:visible;
margin-bottom:20px;
}
.mp4-player-ultra.audio-mode .mp4-wrapper{
position:absolute;
width:1px !important;
height:1px !important;
top:-9999px;
left:-9999px;
opacity:0;
}
.mp4-player-ultra.audio-mode .mp4-controls{
position:relative;
background:#111;
opacity:1 !important;
transform:none !important;
border-radius:5px;
z-index:100;
}
.mp4-player-ultra.audio-mode .mp4-big-play,
.mp4-player-ultra.audio-mode .mp4-fullscreen{
display:none !important;
}
.mp4-player-ultra.is-live-mode .mp4-duration{
color:#ff0000;
font-family:'OpenSansCondensedBold',sans-serif;
font-size:18px;
text-shadow:0 0 5px rgba(255,0,0,0.5);
}
.mp4-big-play{
position:absolute;
top:50%;
left:50%;
width:120px;
height:120px;
margin-top:-60px;
margin-left:-60px;
background:rgba(255,255,255,0.6);
border-radius:50%;
border:1px dashed rgba(0,0,0,0.6);
color:#6598ca;
cursor:pointer;
text-align:center;
font-family:'icomoon';
font-size:50px;
line-height:80px;
transition:all .25s ease-out;
z-index:10;
}
.mp4-big-play:before{
position:absolute;
top:50%;
left:50%;
width:80px;
height:80px;
margin-top:-40px;
margin-left:-40px;
background:#000;
border-radius:50%;
border:1px solid rgba(0,0,0,0.6);
content:"\e905";
display:flex;
align-items:center;
justify-content:center;
padding-left:5px;
}
.mp4-player-ultra.is-playing .mp4-big-play{
opacity:0;
pointer-events:none;
}
.mp4-player-ultra.no-big-play .mp4-big-play{
display:none !important;
}
.mp4-controls{
position:absolute;
bottom:0;
left:0;
right:0;
height:50px;
background:linear-gradient(transparent,rgba(0,0,0,0.8));
display:flex;
align-items:center;
padding:0 10px;
z-index:100;
transition:all 0.3s ease;
opacity:1;
overflow:visible !important;
pointer-events:auto;
}
.mp4-player-ultra.controls-hidden .mp4-controls{
opacity:0;
transform:translateY(100%);
pointer-events:none;
}
.mp4-controls div[class^="mp4-"]{
color:#fff;
font-size:20px;
display:flex;
align-items:center;
justify-content:center;
transition:color 0.2s ease;
line-height:1;
}
.mp4-controls .is-hidden{display:none !important;}
.mp4-play, 
.mp4-mute, 
.mp4-fullscreen, 
.mp4-list,
.mp4-cc, 
.mp4-narrator, 
.mp4-timer, 
.mp4-duration{
padding:0 10px;
font-size:20px;
cursor:pointer;
}
.mp4-timer, 
.mp4-duration{
cursor:auto;
}
.mp4-controls div[class^="mp4-"]:hover{
color:#6598ca;
}
.mp4-timer,.mp4-duration{
font-family:'OpenSansCondensed',sans-serif;
font-size:18px !important;
color:#fff !important;
padding:0 5px !important;
white-space:nowrap;
}
.mp4-timer::after{
content:"|";
margin-left:10px;
color:rgba(255,255,255,0.3);
}
.mp4-duration{
margin-right:15px;	
}
.mp4-bar{
position:relative;
flex-grow:1;
height:100%;
display:flex;
align-items:center;
z-index:110;
cursor:pointer;
overflow:visible !important; 
margin:0 15px;	
}
.mp4-slider{
width:100%;
height:4px;
background:rgba(255,255,255,0.2);
position:relative;
border-radius:2px;
transition:height 0.2s ease;
}
.mp4-bar:hover .mp4-slider{
height:12px;
border-radius:6px;
}
.mp4-progress{
position:absolute;
top:0;
left:0;
height:100%;
background:#6598ca;
width:0;
border-radius:2px;
}
.mp4-progress::after{
content:"";
position:absolute;
right:-6px;
top:50%;
transform:translateY(-50%);
width:12px;
height:12px;
background:#fff;
border-radius:50%;
box-shadow:0 0 5px rgba(0,0,0,0.5);
opacity:0;
transition:opacity 0.2s ease;
}
.mp4-bar:hover .mp4-progress::after{
opacity:1;
}
.mp4-play{order:1;}
.mp4-timer{order:2;}
.mp4-duration{order:3;}
.mp4-bar{order:4;}
.mp4-list{order:5;}
.mp4-cc{order:6;}
.mp4-narrator{order:7;}
.mp4-mute{order:8;}
.mp4-fullscreen{order:9;}
.mp4-player-ultra:fullscreen{
width:100vw;
height:100vh;
display:flex;
align-items:center;
background:#000;
}
.mp4-player-ultra:fullscreen .mp4-wrapper{
height:100%;
aspect-ratio:auto;
}
.mp4-subtitles-display{
position:absolute;
bottom:60px;
left:20px;
right:20px;
text-align:center;
pointer-events:none;
z-index:50;
min-height:40px;
pointer-events:none;
}
.mp4-subtitles-display span{
background:rgba(0,0,0,0.75);
color:#fff;
font-size:clamp(16px,2.5cqw,32px); 
padding:0.2em 0.4em;
border-radius:4px;
font-family:'QanelasBold',sans-serif;
line-height:1.4;
text-shadow:1px 1px 2px rgba(0,0,0,0.5);
display:inline-block;
max-width:90%;
}
.mp4-cc{
position:relative;
top:-3px;
font-family:'OpenSansCondensedBold',sans-serif;
font-size:18px;
color:#fff;
}
.mp4-controls .mp4-cc.active-blue span{
color:#6598ca !important;
}
.mp4-menu-popup{
display:none !important;
position:absolute;
bottom:45px;
left:50%;
transform:translateX(-50%);
background:#111;
border:1px solid #333;
padding:5px 0;
border-radius:4px;
z-index:1000;
}
.mp4-menu-popup::after{
content:"";
position:absolute;
top:100%;
left:50%;
margin-left:-6px;
border:6px solid transparent;
border-top-color:#111;
}
.mp4-track-list{ 
list-style:none; 
margin:0; 
padding:0; 
}
.mp4-track-list li{
padding:8px 20px;
color:#fff;
font-size:14px;
cursor:pointer;
white-space:nowrap;
transition:background 0.2s ease;
}
.mp4-track-list li.is-active{
background:#6598ca !important;
color:#fff !important;
}
.mp4-controls .mp4-narrator.active-blue span{
color:#6598ca !important;
}
.mp4-controls div.is-hidden{
display:none !important;
}
.mp4-preview-time{
width:60px;
height:20px;
line-height:20px;
font-size:14px;
background:#000;
color:#fff;
font-family:'OpenSansCondensedBold',sans-serif;
text-align:center;
position:absolute;
bottom:0;
z-index:20; 
}
.mp4-preview{
position:absolute;
bottom:45px;
left:0;
transform:translateX(-50%);
width:160px;
height:110px;
display:none; 
opacity:0;
transition:opacity 0.2s;
flex-direction:column;
pointer-events:none;
z-index:2000;
background:#000;
border:1px solid #333;
}
.mp4-preview::before{
content:"";
position:absolute;
top:100%;
left:50%;
margin-left:-7px;
border:7px solid transparent;
border-top-color:#333;
z-index:-1;
}
.mp4-preview::after{
content:"";
position:absolute;
top:100%;
left:50%;
margin-left:-6px;
border:6px solid transparent;
border-top-color:#111;
}
.mp4-preview-canvas{
position:absolute;
top:0;
left:0;
display:block;
width:100%;
height:90px;
background:#000;
}
.mp4-preview.no-preview{
width:auto;   
height:auto; 
padding:0;
border:none; 
background:transparent; 
}
.mp4-preview.no-preview .mp4-preview-canvas{
display:none; 
}
.mp4-txt{position:absolute; left:15px; top:10px; right:15px; white-space:nowrap; font-size:20px; z-index:10;}
.mp4-panel{
position:absolute; 
left:100%; 
right:0; 
bottom:50px; 
top:0; 
background:rgba(15,15,15,0.90); 
backdrop-filter:blur(20px); 
z-index:10; 
border-radius:15px 0 0 15px; 
pointer-events:none; 
opacity:0; 
transition:left 0.4s cubic-bezier(0.25,1,0.5,1),opacity 0.4s cubic-bezier(0.25,1,0.5,1);
display:flex;
flex-direction:row; 
overflow:hidden;
font-weight:normal;
font-family:'OpenSansCondensed',sans-serif;
}
.mp4-panel.is-show{
left:50%; 
opacity:1; 
pointer-events:auto;
}
.mp4-panel-close{
width:30px;
height:100%;
display:flex;
justify-content:center;
align-items:center;
cursor:pointer;
background:rgba(255,255,255,0.05);
border-right:1px solid rgba(255,255,255,0.1);
flex-shrink:0; 
transition:background 0.2s;
}
.mp4-panel-close:hover{
background:rgba(255,255,255,0.1);
}
.mp4-panel-handle{
width:4px;
height:40px;
background:rgba(255,255,255,0.5);
border-radius:2px;
}
.mp4-panel-content{
flex:1;
height:100%;
margin:0;
padding:10px;
list-style:none;
overflow-y:auto;
color:#fff;
font-size:14px;
line-height:1.4;
box-sizing:border-box;
scrollbar-width:thin; 
scrollbar-color:rgba(255,255,255,0.2) rgba(255,255,255,0.05);
}
.mp4-panel-content::-webkit-scrollbar{
width:6px;
}
.mp4-panel-content::-webkit-scrollbar-track{
background:rgba(255,255,255,0.05);
}
.mp4-panel-content::-webkit-scrollbar-thumb{
background:rgba(255,255,255,0.2);
border-radius:3px;
}
.mp4-playlist-item{
display:flex;
align-items:flex-start;
text-align:left; 
padding:10px;
cursor:pointer;
background:rgba(255,255,255,0.05);
border:1px solid rgba(255,255,255,0.1);
transition:background 0.3s;
border-radius:5px;
margin-bottom:10px;
}
.mp4-playlist-item:last-child{
margin-bottom:0;
}
.mp4-playlist-item:hover{
background:rgba(255,255,255,0.1);
}
.mp4-playlist-item.mp4-current{
background:rgba(255,255,255,0.15);
border-color:transparent;
}
.mp4-list-thumb{
width:25%;
flex-shrink:0;
margin-right:10px;
}
.mp4-list-thumb img{
width:100%;
height:auto;
display:block;
border-radius:4px;
object-fit:cover;
aspect-ratio:16/9;
background:#000;
}
.mp4-list-info{
flex:1;
display:flex;
flex-direction:column;
justify-content:flex-start;
}
.mp4-list-info h6{
margin:0 0 5px 0;
font-weight:normal;
font-family:'OpenSansCondensedBold',sans-serif;
font-size:16px;
color:#fff;
}
.mp4-list-info span{
font-size:16px;
color:rgba(255, 255, 255, 0.6);
display:block;
word-wrap:break-word;
}
.mp4-youtube-overlay, 
.mp4-vimeo-overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:transparent;
z-index:10;
cursor:pointer;
}

.thumb-mp4{
position:relative;
margin:0;
display:block;
width:100%;
overflow:hidden;
border-top:1px solid #bfc4c6;
height:auto; 
min-height:1px; 
aspect-ratio:16/9;
}
.thumb-mp4-show{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
pointer-events:none;
z-index:5;
}
.thumb-mp4 img{
display:block;
width:100%;
height:auto;
position:relative;
z-index:1;
}
.thumb-mp4-show video,
.thumb-mp4-preview{
width:100%;
height:100%;
object-fit:cover;
position:absolute;
top:0;
left:0;
opacity:0;
transition:opacity 0.25s ease;
}
.thumb-mp4-preview.thumb-mp4-show{
opacity:1;
}
.own-carousel-container{
position:relative;
width:100%;
overflow:hidden;
}
.own-carousel-outer{
position:relative;
overflow:hidden;
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}
.own-carousel{
display:flex;
}
.own-carousel-item{
flex-shrink:0;
overflow:hidden;
flex-basis:var(--width);
}
.own-carousel-item:not(:first-child){
margin-left:var(--margin);
}
.own-carousel-item img{
width:100%;
height:auto;
pointer-events:none;
}
.own-carousel-item .own-item{
position:relative;
width:100%;
}
.own-carousel-control{
position:absolute;
width:100%;
height:60px;
left:0;
top:50%;
margin-top:-30px;
text-align:center;
background:transparent;
}
.own-carousel-control div{
display:block;
outline:0;
color:#fff;
position:absolute;
top:0;
width:60px;
height:60px;
text-align:left;
z-index:1000;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
font-family:'icomoon';
font-size:32px;
text-align:center;
line-height:60px;
}
.own-carousel-control2-prev{left:0;cursor:pointer;}
.own-carousel-control2-prev::before{content:"\e901";}
.own-carousel-control2-next{right:0;cursor:pointer;}
.own-carousel-control2-next::before{content:"\e902";}
.own-carousel-control-prev{
position:absolute;
display:block;
top:50%;
left:0;
width:60px;
height:60px;
outline:0;
color:#fff;
text-align:center;
z-index:1000;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
font-family:'icomoon';
font-size:32px;
text-align:center;
line-height:60px;
background:rgba(0,0,0,0);
}
.own-carousel-control-next{
position:absolute;
display:block;
top:50%;
right:0;
width:60px;
height:60px;
outline:0;
color:#fff;
text-align:center;
z-index:1000;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
font-family:'icomoon';
font-size:32px;
text-align:center;
line-height:60px;
}
.own-carousel-control-prev::before{content:"\e901";}
.own-carousel-control-next::before{content:"\e902";}
.own-carousel-control-prev:hover,.own-carousel-control-prev:focus,.own-carousel-control-next:hover,.own-carousel-control-next:focus{
cursor:pointer;
color:#6598ca;
}
.own-carousel-content{position:absolute;
width:100%;
z-index:40;
top:0;right:0;bottom:0;left:0;
margin:10px 0;
padding:0 10px;
font-family:"OpenSansCondensedBold",sans-serif;
font-size:24px;
line-height:1.1;
text-align:center;
background:transparent;
border-top:1px solid rgba(0,0,0,0);
color:rgba(0,0,0,0.2);
display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.own-carousel-content h2{position:relative;color:rgba(255,255,255,1);font-size:48px;line-height:1.2;font-family:"OpenSansCondensedBold",sans-serif;}
.own-carousel-content h2 span{color:rgba(255,255,255,0.8);font-size:48px;font-family:"OpenSansCondensed",sans-serif;}
.own-carousel-content p{font-family:"OpenSansCondensed",sans-serif;letter-spacing:1px;}
.own-carousel-content a{color:#333;}
.own-carousel-content a:hover{color:#524414;}
.own-carousel-content a:hover .own-content a h2{color:#524414;}
.miniature{
padding:1px;
width:80px;
height:80px;
border-right:1px solid #ccc;
}
.miniature img{
cursor:pointer;
}
.switch {
margin: 50px auto;
position: relative;
width: 150px;
height: 150px;
}
.switch .plastic{
position:absolute;
left:-20px;
right:-20px;
top:-20px;
bottom:-20px;
width: 100%;
height: 100%;
opacity:0;
z-index:100;
cursor:pointer;
}
.switch div{
width:100%;
height:100%;
position:relative;
display:block;
}
.switch div{
border-radius:50%;
background:#b2ac9e;
background:-moz-linear-gradient(#f7f2f6, #b2ac9e);
background:-ms-linear-gradient(#f7f2f6, #b2ac9e);
background:-o-linear-gradient(#f7f2f6, #b2ac9e);
background:-webkit-gradient(linear, 0 0, 0 100%, from(#f7f2f6), to(#b2ac9e));
background:-webkit-linear-gradient(#f7f2f6, #b2ac9e);
background:linear-gradient(#f7f2f6, #b2ac9e);
position:relative;
color:#a5a39d;
font-size:70px;
text-align:center;
line-height:150px;
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
-ms-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
text-shadow:0 2px 1px rgba(0,0,0,0.25);
box-shadow:inset 0 2px 3px rgba(255,255,255,0.13),0 5px 8px rgba(0,0,0,0.3),0 10px 10px 4px rgba(0,0,0,0.3);
z-index:-1;
}
.switch div:after{
content:""; 
position:absolute;
left:-20px;
right:-20px;
top:-20px;
bottom:-20px;
z-index:-2;
border-radius:inherit;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 2px rgba(0,0,0,0.3),0 0 10px rgba(0,0,0,0.15);
}
.switch div:before{
cursor:pointer;
content:""; 
position:absolute;
left:-10px;
right:-10px;
top:-10px;
bottom:-10px;
z-index:-1;
border-radius:inherit;
box-shadow:inset 0 10px 10px rgba(0,0,0,0.13); 
-webkit-filter:blur(1px);
-ms-filter:blur(1px);
-o-filter:blur(1px);
filter:blur(1px); 
}
.switch .plastic:active .switch div{color:#000;} 
.switch .plastic:active .switch div:after{color: #9abb82;box-shadow:inset 0 2px 3px rgba(255,255,255,0.13),0 5px 8px rgba(0,0,0,0.35),0 3px 10px 4px rgba(0,0,0,0.2);} 
.switch .icon-off:after{
font-family:'icomoon';
font-size:60px;
font-style:normal;
font-weight:normal;
font-variant:normal;
text-transform:none;
line-height:100px;
content:'\e954';
display:block;
position:absolute;
width:70%;
height:70%;
left:50%;
top:50%;
z-index:-1;
margin:-35% 0 0 -35%;
border-radius:50%;
background:#d2cbc3;
background:-moz-linear-gradient(#cbc7bc,#d2cbc3);
background:-ms-linear-gradient(#cbc7bc,#d2cbc3);
background:-o-linear-gradient(#cbc7bc,#d2cbc3);
background:-webkit-gradient(linear,0 0, 0 100%,from(#cbc7bc),to(#d2cbc3));
background:-webkit-linear-gradient(#cbc7bc,#d2cbc3);
background:linear-gradient(#cbc7bc,#d2cbc3);
box-shadow:0 -2px 5px rgba(255,255,255,0.05),0 2px 5px rgba(255,255,255,0.1);
}
.btn{
position:relative;
cursor:pointer;
width:120px;
height:120px;
line-height:120px;
background:#fff;
margin:0 auto;
text-align:center;
border-radius:50%;
color:#6598ca;
font-size:5em;
font-family:sans-serif;
box-shadow:inset 1px 1px 2px rgba(255,255,255,0.3), 
inset 3px 15px 45px rgba(255,255,255,0.1),
inset -1px -1px 2px rgba(0,0,0,0.5), 
inset -3px -15px 45px rgba(0,0,0,0.2),
1px 5px 30px -4px rgba(0,0,0,1);
-webkit-transition:0.1s ease-out;
-moz-transition:0.1s ease-out;
-o-transition:0.1s ease-out;
transition:0.1s ease-out;
}
.btn-maxi{
width:100px;
height:100px;
line-height:100px;
font-size:50px;
}
.btn-midi{
width:50px;
height:50px;
line-height:50px;
font-size:20px;
}
.btn-maxi:before{
content:"";
background:#1a1a1a;
width:120px;
height:120px;
position:absolute;
top:-10px;
left:-10px;
z-index:-1;
border-radius:50%;
border:1px solid rgba(0,0,0,0.1);
-webkit-box-shadow:0 0 4px 4px rgba(0,0,0,0.1);
-o-box-shadow:0 0 4px 4px rgba(0,0,0,0.1);
box-shadow:0 0 4px 4px rgba(0,0,0,0.1);
}
.btn-midi:before{
content:"";
background:#1a1a1a;
width:70px;
height:70px;
position:absolute;
top:-10px;
left:-10px;
z-index:-1;
border-radius:50%;
border:1px solid rgba(0,0,0,0.1);
-webkit-box-shadow:0 0 4px 4px rgba(0,0,0,0.1);
-o-box-shadow:0 0 4px 4px rgba(0,0,0,0.1);
box-shadow:0 0 4px 4px rgba(0,0,0,0.1);
}
.btn:active{
color:rgba(0,0,0,0.7);
text-shadow:1px 1px 0px rgba(255,255,255,0.15);
box-shadow:inset 1px 1px 2px rgba(255,255,255,0.3), 
inset 3px 15px 45px rgba(0,0,0,0.2),
inset -1px -1px 2px rgba(0,0,0,0.5), 
inset -3px -15px 45px rgba(255,255,255,0.1),
1px 5px 10px -4px rgba(0,0,0,1);
}
.bar{position:relative;width:230px;
text-align:left;
max-width:230px;
margin:0 auto 20px auto;
height:20px;
background:#fff;
border-radius:10px;
color:rgba(155,155,155,1);
box-shadow:inset 1px 1px 2px rgba(255,255,255,0.3), 
inset 3px 15px 45px rgba(255,255,255,0.1),
inset -1px -1px 2px rgba(0,0,0,0.5), 
inset -3px -15px 45px rgba(0,0,0,0.2),
1px 5px 30px -4px rgba(0,0,0,1);
-webkit-transition:0.1s ease-out;
-moz-transition:0.1s ease-out;
-o-transition:0.1s ease-out;
transition:0.1s ease-out;
}
.bar:before{
content:"";
background:#1a1a1a;
width:240px;
height:30px;
position:absolute;
top:-5px;
left:-5px;
z-index:-1;
border-radius:15px;
border:1px solid rgba(0,0,0,0.1);
-webkit-box-shadow:0 0 4px 4px rgba(0,0,0,0.1);
-o-box-shadow:0 0 4px 4px rgba(0,0,0,0.1);
box-shadow:0 0 4px 4px rgba(0,0,0,0.1);
}
.radioplayer{position:relative;z-index:20;border:0;margin:0 auto;padding:0;max-width:480px;min-width:300px;text-align:center;}
.spectrum{
margin:0 auto;
width:100%;
position:relative;
overflow:hidden;
background:transparent;
margin-bottom:-10px;
z-index:7;
}
.player-spectrum{
-webkit-filter:url('css/filters.svg#goo-no-comp');
-ms-filter:url('#goo-no-comp');
filter:url('css/filters.svg#goo-no-comp');
transform:translateZ(0);
position:relative;
height:100px;
z-index:2;
white-space:nowrap;
}
.player-spectrum-bars{
width:100%;
font-size:0;
position:absolute;
bottom:0;
-webkit-backface-visibility:hidden;
}
.player-spectrum-floor{
width:100%;
height:20px;
position:absolute;
bottom:-10px;
z-index:3;
}
.player-spectrum-bar{
display:inline-block;
width:5%;
height:90px;
-webkit-transform-origin:50% 100%;
transform-origin:50% 100%;
-webkit-transition:height .25s ease-out;
-o-transition:height .25s ease-out;
transition:height .25s ease-out;
}
.player-spectrum-floor,
.player-spectrum-bar{
background:#fff;
background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, #fff),color-stop(1, #fff));
background-image:-o-linear-gradient(bottom, #fff 0%, #fff 100%);
background-image:-moz-linear-gradient(bottom, #fff 0%, #fff 100%);
background-image:-webkit-linear-gradient(bottom, #fff 0%, #fff 100%);
background-image:-ms-linear-gradient(bottom, #fff 0%, #fff 100%);
background-image:linear-gradient(to bottom, #fff 0%, #fff 100%);
}
#pauseplay,#ppause,#pnext,#pprev{border:0;display:block;cursor:pointer;}
#progressbar{cursor:pointer;}
#progress{background-color:#6598ca;height:10px;display:inline-block;max-width:220px;vertical-align:top;-webkit-border-radius:5px;border-radius:5px;}
#loadbar{margin-left:5px;margin-top:5px;background-color:#1a1a1a;height:10px;display:inline-block;max-width:220px;vertical-align:top;-webkit-border-radius:5px;border-radius:5px;}
.media-wrapper{position:relative;max-width:100%;padding-bottom:56.25%;height:0;margin:0 auto;overflow-x:hidden;}
.media-wrapper .player,.media-wrapper .ytvplayer,.media-wrapper iframe{position:absolute;top:0;left:0;max-width:100%;max-height:100%;bottom:0;right:0;}

.audio{width:100%;}
.pin{
display:block;
max-width:280px;
margin:10px;
background-color:white;
}
.masonry,.masonry .masonry-brick{
-webkit-transition-duration:0.7s;
-moz-transition-duration:0.7s;
-ms-transition-duration:0.7s;
-o-transition-duration:0.7s;
transition-duration:0.7s;
}
.masonry{
-webkit-transition-property:height,width;
-moz-transition-property:height,width;
-ms-transition-property:height,width;
-o-transition-property:height,width;
transition-property:height,width;
}
.masonry .masonry-brick{
-webkit-transition-property:left,right,top;
-moz-transition-property:left,right,top;
-ms-transition-property:left,right,top;
-o-transition-property:left,right,top;
transition-property:left,right,top;
}
.grid{
overflow:hidden;
width:100%;
list-style:none;
text-align:center;
}
.grid figure{
position:relative;
z-index:1;
display:inline-block;
overflow:hidden;
margin:0;
width:100%;
height:140px;
background:#000;
text-align:left;
cursor:pointer;
-webkit-box-shadow:0 4px 0 rgba(0,0,0,0.04);
-o-box-shadow:0 4px 0 rgba(0,0,0,0.04);
-ms-box-shadow:0 4px 0 rgba(0,0,0,0.04);
box-shadow:0 4px 0 rgba(0,0,0,0.04);
}
.grid figure img{
position:relative;
display:block;
min-height:100%;
opacity:0.25;
-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;
transition:opacity 0.35s,transform 0.35s;
-webkit-transform:scale(1.15);
transform:scale(1.15);
}
.grid figure:hover img{
opacity:0.9;
-webkit-transform:scale(1);
transform:scale(1);
}
.grid figure figcaption{
padding:20px;
color:#fff;
text-transform:uppercase;
font-size:1em;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
}
.grid figure figcaption::before,
.grid figure figcaption::after{
pointer-events:none;
}
.grid figure figcaption,
.grid figure a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.grid figure a{
z-index:1000;
text-indent:200%;
white-space:nowrap;
font-size:0;
opacity:0;
}
.grid figure h2{
position:absolute;
top:0;
left:0;
width:100%;
padding:5px 10px;
font-size:36px;
line-height:36px;
font-weight:400;
color:#fff;
background:rgba(0,0,0,0.6);
}
.grid figure h2 span{
color:#aaa;
float:right;
font-size:18px;
font-weight:300;
}
.grid figure h2,
.grid figure p{
margin:0;
}
.grid figure p{
position:absolute;
bottom:0;
left:0;
padding:5px 10px;
width:100%;
text-align:right;
letter-spacing:1px;
font-size:68.5%;
color:#ccc;
}
.ultra-grid-wrapper{
display:flex;
justify-content:center;
align-items:center;
margin:0;
}
.ultra-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
grid-template-rows:repeat(3,1fr);
gap:20px;
margin-top:20px;
width:100%;
max-width:100%;
}
.ultra-grid-item{
background-color:#ccc;
border:1px solid #999;
}
.ultra-grid-large{
grid-column:span 2;
grid-row:span 2;
background-color:#000;
}
.ultra-grid-small:nth-child(2){
grid-column:3;
grid-row:1;
}
.ultra-grid-small:nth-child(3){
grid-column:3;
grid-row:2;
}
.ultra-grid-small:nth-child(4){
grid-column:1;
grid-row:3;
}
.ultra-grid-small:nth-child(5){
grid-column:2;
grid-row:3;
}
.ultra-grid-small:nth-child(6){
grid-column:3;
grid-row:3;
}
@media(max-width:960px){
.ultra-grid{
grid-template-columns:repeat(2,1fr);
grid-template-rows:repeat(6,1fr);
}
.ultra-grid-large,.ultra-grid-small:nth-child(4){
grid-column:span 2;
grid-row:span 2;
}
.ultra-grid-small:nth-child(2),
.ultra-grid-small:nth-child(3),
.ultra-grid-small:nth-child(5),
.ultra-grid-small:nth-child(6){
grid-column:span 1;
grid-row:span 1;
}
}
.chat-box{
background-color:#fff;
border:1px solid #ccc;
border-radius:5px;
overflow:hidden;
}
.chat-logo{
margin:0 auto;
width:40px;
height:40px;
}
.chat-messages{
max-height:500px;
overflow-y:auto;
}
.chat-message{
display:flex;
align-items:flex-end;
margin-bottom:10px;
padding:10px;
border-radius:10px;
}
.chat-message.received{
flex-direction:row;
}
.chat-message.sent{
flex-direction:row-reverse;
}
.chat-avatar-system,
.chat-avatar-user{
width:40px;
height:40px;
overflow:hidden;
border-radius:50%;
margin-right:10px;
background-color:#f2f2f2;
}
.chat-avatar-user{
margin-left:10px;
background-color:#137cde;
}
.chat-avatar-system img,
.chat-avatar-user img{
width:100%;
height:100%;
}
.chat-img{
width:100%;
height:auto;
}
.chat-copy-system,
.chat-copy-user{
color:rgba(0,0,0,0.6);
float:left;
cursor:pointer;
width:20px:;
height:20px;
margin-right:10px;
}
.chat-copy-user{
color:rgba(255,255,255,0.6);
}
.chat-copy-system:hover{
color:rgba(0,0,0,1);
}
.chat-copy-user:hover{
color:rgba(255,255,255,1);
}
.chat-text-system,
.chat-text-user{
background-color:#f2f2f2;
padding:10px;
border-radius:10px;
max-width:70%;
}
.chat-text-user{
color:rgba(255,255,255,1);
background-color:#137cde;
}
.chat-system,
.chat-user{
margin-bottom:10px;
}
.chat-time-system,
.chat-time-user{
width:100%;
font-size:12px;
margin-left:10px;
color:#666;
text-align:right;
padding:5px 10px 0 10px;
}
.chat-time-user{
color:rgba(255,255,255,0.6);
}
.chat-input-box{
width:100%;
position:relative;
padding:10px;
background-color:#eee;
border-top:1px solid #ccc;
}
.chat-top-box{
width:100%;
position:relative;
padding:10px;
background-color:#eee;
border-bottom:1px solid #ccc;
}
.chat-input{
position:relative;
display:inline-block;
width:100%;
}
.chat-message-input{
position:relative;
display:inline-block;
width:100%;
height:40px;
padding:10px;
border:1px solid #bababa;border-left:10px solid #bababa;
outline:none;
font-size:18px;
background:#fff;
}
.chat-message-input:focus{color:#000;background:#eaeaea;border:1px solid #bababa;border-left:10px solid #137cde;}
.chat-check{
float:left;
position:relative;
display:inline-block;
width:40px;
margin-right:10px;
}
a.chat-send-btn,
.chat-send-btn{position:absolute;right:0;top:0;width:40px;height:40px;outline:0;
border-left:1px solid #ccc;
font-size:20px;
line-height:40px;
text-align:center;
color:#fff;
background-color:#137cde;
z-index:50;
cursor:pointer;
}
.chat-video-box,.chat-audio-box{position:relative;width:100%;height:auto;margin-bottom:10px;z-index:5;}
.chat-video-box video{width:100%;}
.chat-audio{
margin:0;
width:100%;
outline:none;
}
.tile{
margin:0;
border-radius:3px;
background-color:#999;
color:#fff;
transition:all 0.5s;
}
.tile:hover{
opacity:0.95;
}
.tile a{
color:#fff;
}
.tile-heading{
padding:5px 10px;
text-transform:uppercase;
background-color:#666;
color:#fff;
}
.tile .tile-heading .pull-right{
transition:all 1s;
opacity:0.7;
}
.tile:hover .tile-heading .pull-right{
opacity:1;
}
.tile-body{
padding:10px;
color:#fff;
}
.tile .tile-body span{
font-size:50px;
line-height:60px;
opacity:0.3;
transition:all 1s;
}
.tile:hover .tile-body span{
color:#fff;
opacity:1;
}
.tile .tile-body h2{
font-size:42px;
line-height:60px;
}
.tile-footer{
padding:5px 10px;
background-color:#ccc;
}
.vmap{
width:100%;
height:300px;
}
.jqvmap-label{
position:absolute;
z-index:10;
display:none;
-webkit-border-radius:3px;
border-radius:3px;
background:#292929;
color:white;
font-family:'OpenSansCondensed',sans-serif;
font-size:14px;
padding:3px 5px;
}
.jqvmap-zoomin,.jqvmap-zoomout{
position:absolute;
left:10px;
border:solid 1px #ccc;
background:#fff;
height:40px;
width:40px;
font-size:20px;
cursor: pointer;
text-align:center;
text-transform:none;
line-height:36px;
font-weight:900;
font-style:normal;
font-variant:normal;
font-family:'icomoon';
color:#333;
}
.jqvmap-zoomin{
top: 10px;
content:'\e949';
}
.jqvmap-zoomout{
top:49px;
content:'\e941';
}
.jqvmap-region{
cursor:pointer;
}
.jqvmap-ajax_response{
width:100%;
height:300px;
}
img.grayscale,.grayscale{
-webkit-filter:grayscale(100%);
-webkit-transition:.3s ease-in-out;
-moz-transition:.3s ease-in-out;
-o-filter:grayscale(100%); 
-o-transition:.3s ease-in-out;
filter:grayscale(100%);
transition:.3s ease-in-out;
}
img.grayscale:hover,
.grayscale:hover,
a:hover img.grayscale,
.post-thumb:hover img.grayscale,
.category:hover img.grayscale,
.subcategory:hover img.grayscale{
-webkit-filter:grayscale(0);
-o-filter:grayscale(0);
filter:grayscale(0);
}
img.ungrayscale{
-webkit-filter:grayscale(0);
-webkit-transition:.3s ease-in-out;
-moz-transition:.3s ease-in-out;
-o-filter:grayscale(0); 
-o-transition:.3s ease-in-out;
filter:grayscale(0);
transition:.3s ease-in-out;
}
img.ungrayscale:hover{
-webkit-filter:grayscale(100%);
-o-filter:grayscale(100%);
filter:grayscale(100%);
}
.max960{max-width:960px;}
.max640{max-width:640px;}
.max480{max-width:480px;}
.max360{max-width:360px;}
.max300{max-width:300px;}
.max200{max-width:200px;}
.max100{max-width:100px;}
.max64{max-width:64px;}
.max60{max-width:60px;}

.submit-inline{position:relative; display:inline-block;}
a.submit-btn-right, .submit-btn-right{position:absolute; right:0; top:0; width:40px; height:40px; outline:0; cursor:pointer; border:0; background:transparent; font:18px/40px 'OpenSansCondensedBold',sans-serif; text-align:center; color:rgba(0,0,0,0.9); z-index:50;}
a.submit-btn-speach, .submit-btn-speach,a.submit-btn-undo, .submit-btn-undo{position:absolute; right:0; top:0; width:40px; height:40px; outline:0; cursor:pointer; border:0; background:transparent; font:18px/40px 'OpenSansCondensedBold',sans-serif; text-align:center; color:rgba(0,0,0,0.9); z-index:50;}
a.submit-btn-undo, .submit-btn-undo{top:40px;display:none;}
a:hover .submit-btn-speach, .submit-btn-speach:hover,a:hover .submit-btn-undo, .submit-btn-undo:hover{color:rgba(5,117,180,1);background:rgba(0,0,0,0.3);}
a.submit-btn,.submit-btn, a.submit-btn-full,.submit-btn-full,.submit-btn-full-act{position:relative; display:inline-block; width:40px; height:40px; outline:0; cursor:pointer; font:18px/40px 'OpenSansCondensedBold',sans-serif; text-align:center; color:rgba(0,0,0,0.9); background:transparent; border:1px solid rgba(0,0,0,0.2); border-radius:0; border-top:1px solid transparent; border-bottom:1px solid transparent; z-index:50; box-sizing:border-box !important;}
.submit-btn-full-act{color:#fff;background:rgba(0,0,0,0.9);}
a.submit-btn-full,.submit-btn-full,.submit-btn-full-dis,.submit-btn-full-act{width:100%;}
a:hover.submit-btn, .submit-btn:hover, a:hover.submit-btn-full, .submit-btn-full:hover,.submit-btn-full-act:hover{color:#fff; background:#000;}
.submit-btn-dis, .submit-btn-full-dis{position:relative; display:inline-block; width:40px; height:40px; outline:0; cursor:default; border:0; font:18px/40px 'OpenSansCondensedBold',sans-serif; text-align:center; color:rgba(0,0,0,0.2); background:transparent; border:1px solid rgba(0,0,0,0.2); border-radius:4px; border-top:1px solid transparent; border-bottom:1px solid transparent; z-index:50;}
a.submit-btn-full, .submit-btn-full, .submit-btn-full-dis{width:100%;}
.submit-btn-line-left{position:absolute; top:29px; left:-5px; width:10px; height:1px; background:rgba(5,117,180,1);}
.submit-btn-line-left-dis{position:absolute; top:24px; left:-5px; width:10px; height:1px; background:rgba(0,0,0,0.2);}
.submit-btn-line{position:absolute; top:30px; left:-10px; width:20px; height:1px; background:rgba(0,0,0,0.2);}
.submit-line{position:absolute; top:24px; left:-5px; width:10px; height:1px; background:rgba(0,0,0,0.2);}
a.sublink-btn,.sublink-btn, a.sublink-btn-full,.sublink-btn-full,.sublink-act{position:relative; display:inline-block; width:40px; height:40px; outline:0; cursor:pointer; font:18px/40px 'OpenSansCondensedBold',sans-serif; text-align:center; color:rgba(0,0,0,0.9); background:transparent; border:1px solid rgba(0,0,0,0.2); border-radius:0; border-top:1px solid transparent; border-bottom:1px solid transparent; z-index:50; box-sizing:border-box !important;}
a.sublink-btn.sublink-act,.sublink-act{color:#fff;background:rgba(0,0,0,0.9);}
a.sublink-btn-full,.sublink-btn-full,.sublink-btn-full-dis,.sublink-btn-full-act{width:100%;}
a:hover.sublink-btn, a.sublink-btn:hover, .sublink-btn:hover, a:hover.sublink-btn-full, .sublink-btn-full:hover,.sublink-btn-full-act:hover{color:#fff; background:#000;}
.sublink-btn-dis, .sublink-btn-full-dis{position:relative; display:inline-block; width:40px; height:40px; outline:0; cursor:default; border:0; font:18px/40px 'OpenSansCondensedBold',sans-serif; text-align:center; color:rgba(0,0,0,0.2); background:transparent; border:1px solid rgba(0,0,0,0.2); border-radius:4px; border-top:1px solid transparent; border-bottom:1px solid transparent; z-index:50;}
a.sublink-btn-full, .sublink-btn-full, .sublink-btn-full-dis{width:100%;}
.sublink-btn-line{position:absolute; top:20px; left:-10px; width:10px; height:1px; background:rgba(0,0,0,0.2);}

.up{z-index:200;}
.subup{z-index:20;position:relative;}

a.navi-img, .navi-img, a.navi-link, .navi-link, a.navi-link-dis, .navi-link-dis, a.navi-link-black, .navi-link-black{padding:0; margin:0; position:absolute; display:inline-block; top:0; left:0; width:40px; height:40px; line-height:40px; font-size:22px; text-align:center; color:rgba(0,0,0,0.9); background:transparent; border:1px solid rgba(0,0,0,0.2); border-radius:0; border-top:1px solid transparent; border-bottom:1px solid transparent;}
a.navi-link-black, .navi-link-black{border:1px solid rgba(0,0,0,0.2); border-top:1px solid transparent; border-bottom:1px solid transparent;}
a:hover.navi-link, a:hover.navi-img, a:hover.navi-link-black{color:#fff; background:rgba(0,0,0,0.9);}
a.navi-link-dis, .navi-link-dis{color:rgba(0,0,0,0.3); pointer-events:none; cursor:not-allowed;}

.towot-btn-logo{
top:0;
left:0;
display:block;
width:40px;
height:40px;
background:url(img/towot-btn-logo-black.png) no-repeat rgba(0,0,0,0);
}
.towot-btn-logo:hover,.towot-btn-logo:focus,.towot-btn-logo:active{background:url(img/towot-btn-logo-white.png) no-repeat rgba(0,0,0,0.8);}
.navi-sub{clear:left;margin-top:0;margin-bottom:20px;z-index:20;position:relative;display:block;}
.navi-box{clear:left;margin-top:30px;margin-bottom:20px;z-index:20;position:relative;display:block;}
.navi-box-top{clear:left;margin-top:20px;margin-bottom:20px;z-index:20;position:relative;display:block;}
.navi-logo{position:absolute;top:-10px;left:50%;width:64px;height:64px;margin-left:-32px;opacity:0.8;}
.navi-left{position:absolute;top:40px;left:40px;right:65%;height:1px;background:rgba(0,0,0,0.2);}
.navi-left-full{position:absolute;top:40px;left:0;right:65%;height:1px;background:rgba(0,0,0,0.2);}
.navi-right{position:absolute;top:40px;left:65%;right:40px;height:1px;background:rgba(0,0,0,0.2);}
.navi-right-full{position:absolute;top:40px;left:65%;right:0;height:1px;background:rgba(0,0,0,0.2);}
.navi-btn-left{position:absolute;top:20px;left:0;width:40px;height:40px;}
.navi-btn-right{position:absolute;top:20px;right:0;width:40px;height:40px;}
.navi-quan{position:absolute;top:0;right:35%;left:35%;height:40px;line-height:40px;font-size:20px;text-align:center;color:rgba(255,255,255,0.4);
padding:0;
margin:0;
background-color:rgba(0,0,0,0);
border:1px solid rgba(0,0,0,0.2);
border-top:1px solid rgba(0,0,0,0);
border-bottom:1px solid rgba(0,0,0,0);
border-radius:0;
}
.navi-title{color:rgba(0,0,0,0.8);position:relative;display:block;margin:0 40px;padding-top:40px;z-index:20;font-family:'OpenSansCondensedBold',sans-serif;font-size:26px;line-height:40px;text-transform:uppercase;text-align:center;}
.navi-subtitle{color:rgba(0,0,0,0.6);position:relative;display:block;margin:0 40px;z-index:20;font-family:'OpenSansCondensedBold',sans-serif;font-size:20px;line-height:1.2;text-align:center;}
.navi-box-black{clear:left;z-index:20;position:relative;display:block;height:80px;}
.navi-left-black{position:absolute;top:40px;left:40px;right:65%;height:1px;background:rgba(0,0,0,0.2);}
.navi-right-black{position:absolute;top:40px;left:65%;right:40px;height:1px;background:rgba(0,0,0,0.2);}
.navi-left-black-full{position:absolute;top:40px;left:0;right:65%;height:1px;background:rgba(0,0,0,0.2);}
.navi-right-black-full{position:absolute;top:40px;left:65%;right:0;height:1px;background:rgba(0,0,0,0.2);}
.navi-btn-left-black{position:absolute;top:20px;left:0;width:40px;height:40px;}
.navi-btn-right-black{position:absolute;top:20px;right:0;width:40px;height:40px;}
.navi-quan-black{position:absolute;top:20px;right:35%;left:35%;height:40px;line-height:40px;font-size:20px;text-align:center;color:rgba(0,0,0,0.2);
padding:0;
margin:0;
background-color:rgba(0,0,0,0);
border:1px solid rgba(0,0,0,0.2);
border-top:1px solid rgba(0,0,0,0);
border-bottom:1px solid rgba(0,0,0,0);
border-radius:0;
}
.submit-adm{cursor:pointer;display:block;margin:0;padding:0;width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;}
.navi-link:hover{color:#fff;background:rgba(0,0,0,0.9);}
.navi-adm{clear:left;margin-top:20px;margin-bottom:20px;z-index:20;position:relative;display:block;min-height:40px;}
.navi-adm-top{clear:left; position:relative; z-index:20; display:block; margin-top:-20px; min-height:80px;}
.navi-adm-solo{clear:left; position:relative; z-index:20; display:block; min-height:80px;}
.navi-adm-logo{clear:left;margin-top:0;z-index:20;position:relative;display:block;min-height:40px;text-transform:uppercase;}
.navi-adm-box{clear:left; position:relative; z-index:20; display:block; margin-top:20px; margin-bottom:20px; min-height:80px;}
.navi-adm-title{color:rgba(0,0,0,0.8);position:relative;display:block;margin:0 40px;padding:0 10px;z-index:20;font-family:'OpenSansCondensedBold',sans-serif;font-size:26px;line-height:40px;text-transform:uppercase;text-align:center;}
.navi-adm-subtitle{color:rgba(0,0,0,0.6);position:relative;display:block;margin:0 40px;z-index:20;font-family:'OpenSansCondensedBold',sans-serif;font-size:20px;line-height:1.3;text-align:center;}
.navi-adm-left{position:absolute;top:40px;left:40px;right:65%;height:1px;background:rgba(0,0,0,0.2);}
.navi-adm-right{position:absolute;top:40px;left:65%;right:40px;height:1px;background:rgba(0,0,0,0.2);}
.navi-adm-left-full{position:absolute;top:40px;left:0;right:65%;height:1px;background:rgba(0,0,0,0.2);}
.navi-adm-right-full{position:absolute;top:40px;left:65%;right:0;height:1px;background:rgba(0,0,0,0.2);}
.navi-adm-btn-left{position:absolute;top:20px;left:0;width:40px;height:40px;}
.navi-adm-btn-right{position:absolute;top:20px;right:0;width:40px;height:40px;}
.navi-adm-quan{position:absolute;top:20px;right:35%;left:35%;height:40px;line-height:40px;font-size:20px;text-align:center;color:rgba(0,0,0,0.2);
padding:0;
margin:0;
background-color:rgba(0,0,0,0);
border:1px solid rgba(0,0,0,0.2);
border-top:1px solid rgba(0,0,0,0);
border-bottom:1px solid rgba(0,0,0,0);
border-radius:20px;
}
.navi-btn-left a:hover.navi-img,.navi-adm-btn-left a:hover.navi-img{color:#fff;background:rgba(0,0,0,0.9);}
.navi-btn-right a:hover.navi-img,.navi-adm-btn-right a:hover.navi-img{color:#fff;background:rgba(0,0,0,0.9);}
.navi-btn-left a.navi-link img, .navi-btn-right a.navi-link img, .navi-adm-btn-left a.navi-link img, .navi-adm-btn-right a.navi-link img{width:100px; height:100px; background:rgba(255,255,255,0.5); position:absolute; left:0; top:-30px; opacity:0; box-shadow:0px 3px 6px rgba(0,0,0,0.3); transform:scale(0.4); transition:all 0.3s ease-in-out;}
.navi-btn-right a.navi-link img, .navi-adm-btn-right a.navi-link img{left:0; top:-30px;}
.navi-btn-left a:hover.navi-link img, .navi-adm-btn-left a:hover.navi-link img{opacity:1; left:70px; top:-30px; transform:scale(1,1);}
.navi-btn-right a:hover.navi-link img, .navi-adm-btn-right a:hover.navi-link img{opacity:1; left:-70px; top:-30px; transform:scale(1,1);}

.navi-adm-btn-left a.navi-img img{opacity:0; transform-style:preserve-3d; position:absolute; top:0; left:0; height:40px; width:40px; backface-visibility:visible; transform-origin:right center; transform:translateX(0) rotateY(180deg) scale(1); transition:all 0.5s ease-in-out;}
.navi-adm-btn-right a.navi-img img{opacity:0; transform-style:preserve-3d; position:absolute; top:0; right:0; height:40px; width:40px; backface-visibility:visible; transform-origin:left center; transform:translateX(0) rotateY(-180deg) scale(1); transition:all 0.5s ease-in-out;}
.navi-adm-btn-left a:hover.navi-img img{opacity:1; transform:translateX(100px) rotateY(0) scale(2.5); box-shadow:0px 3px 6px rgba(0,0,0,0.3);}
.navi-adm-btn-right a:hover.navi-img img{opacity:1; transform:translateX(-100px) rotateY(0) scale(2.5); box-shadow:0px 3px 6px rgba(0,0,0,0.3);}
.maper{height:360px;width:100%;} 
#mapid,#mymap,.mymap{height:100%;width:100%;}
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer{
position:absolute;
left:0;
top:0;
}
.leaflet-container{
overflow:hidden;
}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow{
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
-webkit-user-drag:none;
}
.leaflet-safari .leaflet-tile{
image-rendering:-webkit-optimize-contrast;
}
.leaflet-safari .leaflet-tile-container{
width:1600px;
height:1600px;
-webkit-transform-origin:0 0;
}
.leaflet-marker-icon,
.leaflet-marker-shadow{
display:block;
}
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer{
max-width:none !important;
max-height:none !important;
}
.leaflet-container.leaflet-touch-zoom{
-ms-touch-action:pan-x pan-y;
touch-action:pan-x pan-y;
}
.leaflet-container.leaflet-touch-drag{
-ms-touch-action:pinch-zoom;
touch-action:none;
touch-action:pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{
-ms-touch-action: none;
touch-action: none;
}
.leaflet-container{
-webkit-tap-highlight-color:transparent;
}
.leaflet-container a{
-webkit-tap-highlight-color:rgba(51,181,229,0.4);
}
.leaflet-tile{
filter:inherit;
visibility:hidden;
}
.leaflet-tile-loaded{
visibility: inherit;
}
.leaflet-zoom-box{
width: 0;
height: 0;
-moz-box-sizing:border-box;
box-sizing:border-box;
z-index:800;
}
.leaflet-overlay-pane svg{
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}
.leaflet-pane{z-index:400;}
.leaflet-tile-pane{z-index:200;}
.leaflet-overlay-pane{z-index:400;}
.leaflet-shadow-pane{z-index:500;}
.leaflet-marker-pane{z-index:600;}
.leaflet-tooltip-pane{z-index:650;}
.leaflet-popup-pane{z-index:700;}
.leaflet-map-pane canvas{z-index:100;}
.leaflet-map-pane svg{z-index:200;}
.leaflet-vml-shape{
width:1px;
height:1px;
}
.lvml{
behavior:url(#default#VML);
display:inline-block;
position:absolute;
}
.leaflet-control{
position:relative;
z-index:800;
pointer-events:visiblePainted;
pointer-events:auto;
}
.leaflet-top,
.leaflet-bottom{
position:absolute;
z-index:1000;
pointer-events:none;
}
.leaflet-top{
top:0;
}
.leaflet-right{
right:0;
}
.leaflet-bottom{
bottom:0;
}
.leaflet-left{
left:0;
}
.leaflet-control{
float:left;
clear:both;
}
.leaflet-right .leaflet-control{
float:right;
}
.leaflet-top .leaflet-control{
margin-top:10px;
}
.leaflet-bottom .leaflet-control{
margin-bottom:10px;
}
.leaflet-left .leaflet-control{
margin-left:10px;
}
.leaflet-right .leaflet-control{
margin-right:10px;
}
.leaflet-fade-anim .leaflet-tile{
will-change:opacity;
}
.leaflet-fade-anim .leaflet-popup{
opacity:0;
-webkit-transition:opacity 0.2s linear;
-moz-transition:opacity 0.2s linear;
-o-transition:opacity 0.2s linear;
transition:opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{
opacity:1;
}
.leaflet-zoom-animated{
-webkit-transform-origin:0 0;
-ms-transform-origin:0 0;
transform-origin:0 0;
}
.leaflet-zoom-anim .leaflet-zoom-animated{
will-change:transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated{
-webkit-transition:-webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
-moz-transition:-moz-transform 0.25s cubic-bezier(0,0,0.25,1);
-o-transition:-o-transform 0.25s cubic-bezier(0,0,0.25,1);
transition:transform 0.25s cubic-bezier(0,0,0.25,1);
}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile{
-webkit-transition:none;
-moz-transition:none;
-o-transition:none;
transition:none;
}
.leaflet-zoom-anim .leaflet-zoom-hide{
visibility:hidden;
}
.leaflet-interactive{
cursor:pointer;
}
.leaflet-grab{
cursor:-webkit-grab;
cursor:-moz-grab;
cursor:grab;
}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive{
cursor:crosshair;
}
.leaflet-popup-pane,
.leaflet-control{
cursor:auto;
}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable{
cursor:-webkit-grabbing;
cursor:-moz-grabbing;
cursor:move;
}
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container{
pointer-events:none;
}
.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive{
pointer-events:visiblePainted;
pointer-events:auto;
}
.leaflet-container{
background:#ddd;
outline:0;
}
.leaflet-container a{
color:#0078A8;
}
.leaflet-container a.leaflet-active{
outline:2px solid orange;
}
.leaflet-zoom-box{
border:2px dotted #38f;
background:rgba(255,255,255,0.5);
}
.leaflet-container{
font:13px/1.4 'OpenSansCondensed',sans-serif;
}
.leaflet-bar{
box-shadow:0 1px 5px rgba(0,0,0,0.65);
border-radius:4px;
}
.leaflet-bar a,
.leaflet-bar a:hover{
background-color:#fff;
border-bottom:1px solid #ccc;
width:40px;
height:40px;
line-height:40px;
display:block;
text-align:center;
text-decoration:none;
color:black;
}
.leaflet-bar a,
.leaflet-control-layers-toggle{
background-position:50% 50%;
background-repeat:no-repeat;
display:block;
}
.leaflet-bar a:hover{
background-color:#f4f4f4;
}
.leaflet-bar a:first-child{
border-top-left-radius:4px;
border-top-right-radius:4px;
}
.leaflet-bar a:last-child{
border-bottom-left-radius:4px;
border-bottom-right-radius:4px;
border-bottom:none;
}
.leaflet-bar a.leaflet-disabled{
cursor:default;
background-color:#f4f4f4;
color:#bbb;
}
.leaflet-touch .leaflet-bar a{
width:40px;
height:40px;
line-height:40px;
}
.leaflet-touch .leaflet-bar a:first-child{
border-top-left-radius:2px;
border-top-right-radius:2px;
}
.leaflet-touch .leaflet-bar a:last-child{
border-bottom-left-radius:2px;
border-bottom-right-radius:2px;
}
.leaflet-control-zoom-in,
.leaflet-control-zoom-out{
font:bold 18px 'Lucida Console',Monaco,monospace;
text-indent:1px;
}
.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out{
font-size:22px;
}
.leaflet-control-layers{
box-shadow:0 1px 5px rgba(0,0,0,0.2);
background:#fff;
border-radius:5px;
}
.leaflet-control-layers-toggle{
background-image:url(img/layers.png);
width:36px;
height:36px;
}
.leaflet-retina .leaflet-control-layers-toggle{
background-image:url(img/layers-2x.png);
background-size:26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle{
width:44px;
height:44px;
}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle{
display:none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list{
display:block;
position:relative;
}
.leaflet-control-layers-expanded{
padding:6px 10px 6px 6px;
color:#333;
background:#fff;
}
.leaflet-control-layers-scrollbar{
overflow-y:scroll;
overflow-x:hidden;
padding-right:5px;
}
.leaflet-control-layers-selector{
margin-top:2px;
position:relative;
top:1px;
}
.leaflet-control-layers label{
display:block;
}
.leaflet-control-layers-separator{
height:0;
border-top:1px solid #ddd;
margin:5px -10px 5px -6px;
}
.leaflet-default-icon-path{
background-image:url(img/marker-icon.png);
}
.leaflet-container .leaflet-control-attribution{
background:#fff;
background:rgba(255,255,255,0.7);
margin:0;
}
.leaflet-control-attribution,
.leaflet-control-scale-line{
padding:0 5px;
color:#333;
}
.leaflet-control-attribution a{
text-decoration:none;
}
.leaflet-control-attribution a:hover{
text-decoration:underline;
}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale{
font-size:11px;
}
.leaflet-left .leaflet-control-scale{
margin-left:5px;
}
.leaflet-bottom .leaflet-control-scale{
margin-bottom:5px;
}
.leaflet-control-scale-line{
border:2px solid #777;
border-top:none;
line-height:1.1;
padding:2px 5px 1px;
font-size:11px;
white-space:nowrap;
overflow:hidden;
-moz-box-sizing:border-box;
box-sizing:border-box;
background:#fff;
background:rgba(255,255,255,0.5);
}
.leaflet-control-scale-line:not(:first-child){
border-top:2px solid #777;
border-bottom:none;
margin-top:-2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child){
border-bottom:2px solid #777;
}
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar{
box-shadow:none;
}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar{
border:2px solid rgba(0,0,0,0.2);
background-clip:padding-box;
}
.leaflet-popup{
position:absolute;
text-align:center;
margin-bottom:20px;
}
.leaflet-popup-content-wrapper{
padding:1px;
text-align:left;
border-radius:12px;
}
.leaflet-popup-content{
margin:13px 19px;
font-size:13px;
line-height:1.4;
}
.leaflet-popup-content p{
margin:18px 0;
}
.leaflet-popup-tip-container{
width:40px;
height:20px;
position:absolute;
left:50%;
margin-left:-20px;
overflow:hidden;
pointer-events:none;
}
.leaflet-popup-tip{
width:17px;
height:17px;
padding:1px;
margin:-10px auto 0;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip{
background:white;
color:#333;
box-shadow:0 3px 14px rgba(0,0,0,0.2);
}
.leaflet-container a.leaflet-popup-close-button{
position:absolute;
top:0;
right:0;
padding:5px 5px 0 0;
border:none;
text-align:center;
width:18px;
height:18px;
font:16px/14px Tahoma, Verdana, sans-serif;
color:#c3c3c3;
text-decoration:none;
font-weight:bold;
background:transparent;
}
.leaflet-container a.leaflet-popup-close-button:hover{
color:#999;
}
.leaflet-popup-scrolled{
overflow:auto;
border-bottom:1px solid #ddd;
border-top:1px solid #ddd;
}
.leaflet-oldie .leaflet-popup-content-wrapper{
transform:scale(1);transform-origin:0 0;
}
.leaflet-oldie .leaflet-popup-tip{
width:24px;
margin:0 auto;
-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678)";
filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678);
}
.leaflet-oldie .leaflet-popup-tip-container{
margin-top:-1px;
}
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip{
border:1px solid #999;
}
.leaflet-div-icon{
background:#fff;
border:1px solid #666;
}
.leaflet-tooltip{
position:absolute;
padding:6px;
background-color:#fff;
border:1px solid #fff;
border-radius:3px;
color:#222;
white-space:nowrap;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
pointer-events:none;
box-shadow:0 1px 3px rgba(0,0,0,0.2);
}
.leaflet-tooltip.leaflet-clickable{
cursor:pointer;
pointer-events:auto;
}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before{
position:absolute;
pointer-events:none;
border:6px solid transparent;
background:transparent;
content:"";
}
.leaflet-tooltip-bottom{
margin-top:6px;
}
.leaflet-tooltip-top{
margin-top:-6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before{
left:50%;
margin-left:-6px;
}
.leaflet-tooltip-top:before{
bottom:0;
margin-bottom:-12px;
border-top-color:#fff;
}
.leaflet-tooltip-bottom:before{
top:0;
margin-top:-12px;
margin-left:-6px;
border-bottom-color:#fff;
}
.leaflet-tooltip-left{
margin-left:-6px;
}
.leaflet-tooltip-right{
margin-left:6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before{
top:50%;
margin-top:-6px;
}
.leaflet-tooltip-left:before{
right:0;
margin-right:-12px;
border-left-color:#fff;
}
.leaflet-tooltip-right:before{
left:0;
margin-left:-12px;
border-right-color:#fff;
}
.leaflet-control-fullscreen a,
.leaflet-touch .leaflet-control-fullscreen a{
font-size:20px;
font-family:'icomoon';
color:#000;
background:#fff;
background-size:26px 26px;
}
.leaflet-control-fullscreen a:before,
.leaflet-touch .leaflet-control-fullscreen a:before{
content:"\e90e";
}
.leaflet-fullscreen-on .leaflet-control-fullscreen a,
.leaflet-touch.leaflet-fullscreen-on .leaflet-control-fullscreen a{
font-size:20px;
font-family:'icomoon';
color:#000;
background:#fff;
background-size:26px 26px;
}
.leaflet-fullscreen-on .leaflet-control-fullscreen a:before,
.leaflet-touch.leaflet-fullscreen-on .leaflet-control-fullscreen a:before{
content:"\e90d";
}
.leaflet-container:-webkit-full-screen{
width:100%!important;
height:100%!important;
}
.leaflet-container.leaflet-fullscreen-on{
width:100%!important;
height:100%!important;
}
.leaflet-pseudo-fullscreen{
position:fixed!important;
width:100%!important;
height:100%!important;
top:0!important;
left:0!important;
z-index:99999;
}

@-webkit-keyframes progress-bar-stripes{
from{background-position:40px 0}
to{background-position:0 0}
}
@-o-keyframes progress-bar-stripes{
from{background-position:40px 0}
to{background-position:0 0}
}
@keyframes progress-bar-stripes{
from{background-position:40px 0}
to{background-position:0 0}
}
.progress{overflow:hidden;height:20px;margin-bottom:20px;background-color:#fff;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}
.progress-bar{float:left;width:0%;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#999;-webkit-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);-webkit-transition:width 0.6s ease;-o-transition:width 0.6s ease;transition:width 0.6s ease}
.progress-striped .progress-bar,.progress-bar-striped{background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);-webkit-background-size:40px 40px;background-size:40px 40px}
.progress.active .progress-bar,.progress-bar.active{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}
.progress-bar-success{background-color:#5cb85c}
.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%,transparent)}
.progress-bar-info{background-color:#5bc0de}
.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%,transparent)}
.progress-bar-warning{background-color:#f0ad4e}
.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%,transparent)}
.progress-bar-danger{background-color:#d9534f}
.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%,transparent)} 
.weather-item p{
padding-top:10px;
border-top:1px dotted #ccc;
}
.box-item li{padding:5px 0;border-bottom:1px dotted #ccc;}
.box-item li:last-child{border-bottom:0}
#grid[data-columns]::before{
content:'3 .column.size-1of3';
}
@media screen and (max-width: 480px){
#grid[data-columns]::before{
content:'1 .column.size-1of1';
}
}
@media screen and (min-width: 481px) and (max-width: 768px){
#grid[data-columns]::before{
content:'2 .column.size-1of2';
}
}
@media screen and (min-width: 769px){
#grid[data-columns]::before{
content:'3 .column.size-1of3';
}
}
.column{float:left;}
.size-1of1{width:100%;}
.size-1of2{width:50%;}
.size-1of3{width:33.333%;}
.size-1of4{width:25%;}
@media only screen and (max-width:1800px){
.circle-container{transform:scale(1.9);}
.parallax-txt h1{font-size:88px;}
.parallax-txt h1 span{font-size:112px;}
.parallax-txt h2{font-size:72px;}
}
@media only screen and (max-width:1600px){
.parallax-big{height:360px;}
.circle-container{transform:scale(1.8);}
.menu-main > li.basket-menu{padding:0 10px;}
.gallery-columns{flex:0 0 12.50%;}
.parallax-txt h1{font-size:80px;}
.parallax-txt h1 span{font-size:104px;}
.parallax-txt h2{font-size:64px;}
.navi-title,.navi-adm-title{font-size:28px;}
.category-txt h3{font-size:36px;}
.cbp-pggrid > li{width:18%;}
.bg-first{background-size:110% !important;}
.parallax-big{height:400px;}
.ultra-masonry-item{width:280px;}
}
@media only screen and (max-width:1440px){
.circle-container{transform:scale(1.6);}
.parallax-txt h1{font-size:72px;}
.parallax-txt h1 span{font-size:96px;}
.bg-first{background-size:120% !important;}
.parallax-big{height:360px;}
.sixter-columns{flex:0 0 25%;}
}
@media only screen and (max-width:1280px){
.parallax-big{height:320px;}
.circle-container{transform:scale(1.4);}
.subwrapper,.zerowrapper{width:100%;padding:0 40px;}
.videowrapper{width:100%;}
h1{font-size:48px;}
h2{font-size:40px;}
h3{font-size:34px;}
h4{font-size:30px;}
h5{font-size:26px;}
.header h1{font-size:80px;}
.header h2{font-size:50px;}
.navi-title,.navi-adm-title{font-size:26px;}
.parallax-txt h1{font-size:64px;}
.parallax-txt h2{font-size:56px;}
.parallax-txt h3{font-size:48px;}
.parallax-txt p{font-size:48px;}
.parallax-auto{height:480px;}
.category-txt h3{font-size:32px;}
.subcategory-txt h3{font-size:22px;}
.cbp-pggrid > li{width:23%;}
.menu-main > li.basket-menu{display:none;}
.canal-menu-main > li.basket-menu{display:none;}
.menu-main > li.menu-icon{display:block;} 
#gmap,#panorama,#googlemap{height:320px;}
.bg-first{background-size:130% !important;}
.parallax-big,.maper{height:320px;}
.ultra-btn{line-height:100px;font-size:30px;width:100px;height:100px;}
.ultra-btn:before{width:60px;height:60px;}
.icon-yt,.icon-movie{font-size:56px;}
}
@media screen and (max-width:1080px){
.menu-main > li.menu-icon{display:none;}
.circle-container{transform:scale(1.1);}
.pswp__preloader{position:relative;
left:auto;
top:auto;
margin:0;
float:right;}
.bg-info,.bg0,.bg1,.bg2,.bg3,.bg4,.bg5,.bg-last{
background-attachment:scroll;background-position:center;background-size:cover;
position:relative;
width:100%;
height:auto;
margin-bottom:0;
display:block;}
.bg-first{
position:relative;
height:100%;
background-attachment:fixed;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
}
.parallax-full,.parallax-big,.parallax-auto{position:relative;
width:100%;
height:auto;
margin-bottom:0;
display:block;
}
.img-mobile{width:100%;height:auto;}
.parallax-mobile{
display:block;
margin:0;
position:relative;
overflow:hidden;
width:100%;
background:#fff;
box-shadow:0 0 4px rgba(0,0,0,0.2);
}
.parallax-mobile img{
width:100%;
min-height:320px;
object-fit:cover; 
object-position:center;
display:block;
padding:0;
}
h1{font-size:40px;}
h2{font-size:36px;}
h3{font-size:32px;}
h4{font-size:28px;}
h5{font-size:24px;}
.navi-title,.navi-adm-title{font-size:24px;}
.parallax-content{position:absolute;bottom:0;left:0;}
.parallax-txt h1{font-size:56px;}
.parallax-txt h2{font-size:48px;}
.parallax-txt h3{font-size:40px;}
.parallax-txt p{font-size:40px;}
.category-txt h3{font-size:28px;}
.subcategory-txt h3{font-size:20px;}
.owl-content h2{font-size:36px;margin:0;}
.owl-content h2 span{font-size:36px;letter-spacing:2px;}
.six-columns{flex:0 0 33.333%;}
.gallery-columns{flex:0 0 20%;}
.boxwrapper{padding:20px 0;}
.wrapper{margin-bottom:0;}
.signature{position:relative;}
#cookieMessageWrapper{margin-top:0;}
.post-cover,
.post-cover-link,
.post-cover-audio,
.post-cover-video{display:none;}
.basket-mobile{display:block;}
.vmap{width:100%;height:300px;}
.menu-shop{display:none;}
.category-txt h3{font-size:28px;}
.subcategory-txt h3{font-size:20px;}
.four-columns,.four-two-columns,.four-columns-widget{flex:0 0 50%;}
.eight-columns,.eight-four-two-columns{flex:0 0 25%;}
.cbp-pggrid > li{width:29%;}
}
@media all and (max-width:960px){
.three-columns:first-child{flex:0 0 100%;}
.three-columns:nth-child(2){flex:0 0 50%;}
.three-columns:last-child{flex:0 0 50%;}
.ultra-btn{line-height:80px;font-size:30px;width:80px;height:80px;}
.ultra-btn:before{width:60px;height:60px;}
.ultra-masonry-item{width:240px;}
.icon-yt,.icon-movie{font-size:48px;}
.sixter-columns{flex:0 0 50%;}
.ultra-masonry-title h3{font-size:18px;}
.five-columns{flex:0 0 33.333%;}
.five-columns:nth-child(4n){flex:0 0 50%;}
.five-columns:nth-child(5n){flex:0 0 50%;}
}
@media all and (max-width:800px){
.circle-container{transform:scale(1);}
.six-columns{flex:0 0 50%;}
.columns-fix{display:block;}
.parallax-txt h1{font-size:48px;}
.parallax-txt h2{font-size:40px;}
.parallax-txt h3{font-size:32px;}
.parallax-txt p{font-size:32px;}
.cbp-pggrid > li{width:31%;}
.category-txt h3{font-size:24px;}
.two-columns-big{flex:0 0 100%;}
.four-two-columns-sub{flex:0 0 50%;}
}
@media all and (max-width:720px){
.two-columns{flex:0 0 100%;}
.columns-flex{flex-direction:column;}
.two-flex-columns{width:100%;}
}
@media all and (max-width:640px){
.subwrapper,.zerowrapper{width:100%;padding:0 10px;}
.subwrapper-midi,.subwrapper-640{padding:0 10px;}
.infobox,.white-box{padding:10px;}
.columns-midi{width:calc(100% + 10px) !important; margin:5px -5px !important;}
.columns-maxi{width:calc(100% + 20px) !important; margin:10px -10px !important;}
.container-midi{padding:5px !important;}
.container-maxi{padding:10px !important;}
.circle-container{transform:scale(0.8);}
.break-maxi{height:20px;}
.mobile-menu-list{padding:10px;}
.navi-title,.navi-adm-title{font-size:22px;}
.sliderspacefix{margin-bottom:40px;}
.quarter-columns{flex:0 0 100%;}
.three-quarters-columns{flex:0 0 100%;}
.three-columns{width:100%;}
.three-columns:first-child{flex:0 0 100%;}
.three-columns:nth-child(2){flex:0 0 100%;}
.three-columns:last-child{flex:0 0 100%;}
.five-columns{flex:0 0 50%;}
.five-columns:nth-child(3n){flex:0 0 100%;}
.five-columns:nth-child(4n){flex:0 0 50%;}
.five-columns:nth-child(5n){flex:0 0 50%;}
.eight-four-two-columns{flex:0 0 50%;}
.separator{margin:0;}
.post-thumb-title h5{font-size:18px;}
.separator{margin:0 10px;}
.button .icon-text{display:none;}
.owl-theme .owl-controls .owl-buttons div{display:none;}
.text-menu{display:none;}
.vmap{height:200px;}
.owl-content h2{font-size:24px;margin:0;}
.owl-content h2 span{font-size:24px;letter-spacing:1px;}
.owl-content p{font-size:14px;margin:0;}
.parallax-txt h1{font-size:44px;}
.parallax-txt h2{font-size:36px;}
.parallax-txt h3{font-size:28px;}
.parallax-txt p{font-size:24px;}
.category-txt h3{font-size:24px;}
.cbp-pggrid > li{width:48%;}
.pin{max-width:160px;}
.gallery-columns{flex:0 0 25%;}
.menu-main > li.menu-icon-compare{display:none;}
.maximum{font-size:48px;}
.icon-yt,.icon-movie{font-size:40px;}
}
@media all and (max-width:540px){
.circle-container{transform:scale(0.6);}
.disphone{display:none;}
.left-menu-wrapper.left-open-all{width:100%;
-webkit-transform:translateX(0px);
-moz-transform:translateX(0px);
transform:translateX(0px);}
.left-menu-wrapper.left-open-all .left-scroller{width:130%}
.zerowrapper{width:100%;padding:0;}
.basket-mobile li{padding:0;}
#header .navigation li{margin-right:7px;}
#header .navigation li:nth-child(5n){margin-right:0;}
#headerel .navigation{display:none;}
h1{font-size:36px;}
h2{font-size:32px;}
h3{font-size:28px;}
h4{font-size:24px;}
h5{font-size:20px;}
.four-columns,.four-columns-widget{flex:0 0 100%;}
.eight-columns{flex:0 0 50%;}
table.tabler td{padding:5px;}
.vmap{height:150px;}
.owl-content h2{font-size:16px;margin:0;}
.owl-content p{font-size:12px;margin:0;}
.parallax-txt h1{font-size:40px;}
.parallax-txt h2{font-size:32px;}
.parallax-txt h3{font-size:24px;}
.ultra{font-size:20px;}
.category-txt h3{font-size:24px;}
.category-txt p{font-size:16px;}
.subcategory-txt h3{font-size:18px;}
.menu-main > li.searcher-box{display:none;}
.ultra-grid{gap:10px;margin-top:10px;}
.ultra-masonry-content{margin:5px;}
.ultra-masonry-item{width:180px;}
.subwrapper-max{padding:0 10px;}
.break-midi{height:10px;}
.half-full{width:80%;}
.three-full{width:80%;}
}
@media all and (max-width:420px){
.menu-main > li.menu-icon-account{display:none;}
.circle-container{transform:scale(0.7);}
.parallax-txt h1{font-size:36px;}
.parallax-txt h2{font-size:28px;}
.parallax-txt h3{font-size:24px;}
.cbp-pggrid > li{width:46%;}
.pin{max-width:150px;margin:5px;}
.ultra-masonry-item{width:170px;}
.ultra-btn{line-height:60px;font-size:20px;width:60px;height:60px;}
.ultra-btn:before{width:40px;height:40px;}
.trigger-horizontal{display:none;}
.sixter-columns{flex:0 0 100%;}
}
@media print{
*{background:none !important;color:black !important;box-shadow:none !important;text-shadow:none !important;filter:Gray();filter:url('desaturate.svg#grayscale');-webkit-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);}
a{text-decoration:underline;}
a[href]:after{content: "(" attr(href) ")";}
a[href="#"],a[href="javascript:"]{content:"";}
}