@charset "UTF-8";
/* sty.CSS 2.82 by Jan Egil and Borge Refsnes */
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
a{background-color:transparent;-webkit-text-decoration-skip:objects}
a:active,a:hover{outline-width:0}
a:link {text-decoration:none;}a:visited {text-decoration: none;}a:hover { text-decoration: none;}a:active { text-decoration: none;}

abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
dfn{font-style:italic}mark{background:#ff0;color:#000}
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}
svg:not(:root){overflow:hidden}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}
button,input{overflow:visible}button,select{text-transform:none}
button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-input-placeholder{color:inherit;opacity:0.54}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
/* End extract */

html,body{font-family:Verdana,sans-serif;font-size:15px;line-height:1.5}html{overflow-x:hidden}
h1,h2,h3,h4,h5,h6,.sty-slim,.sty-wide{font-family:"Segoe UI",Arial,sans-serif}
h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}
.sty-serif{font-family:"Times New Roman",Times,serif}
h1,h2,h3,h4,h5,h6{font-weight:400;margin:10px 0}.sty-wide{letter-spacing:4px}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}
hr{border:0;border-top:1px solid #eee;margin:20px 0}
img{margin-bottom:-5px}a{color:inherit}
.sty-image{max-width:100%;height:auto}
.sty-table,.sty-table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table}
.sty-table-all{border:1px solid #ccc}
.sty-bordered tr,.sty-table-all tr{border-bottom:1px solid #ddd}
.sty-striped tbody tr:nth-child(even){background-color:#f1f1f1}
.sty-table-all tr:nth-child(odd){background-color:#fff}
.sty-table-all tr:nth-child(even){background-color:#f1f1f1}
.sty-hoverable tbody tr:hover,.sty-ul.sty-hoverable li:hover{background-color:#ccc}
.sty-centered tr th,.sty-centered tr td{text-align:center}
.sty-table td,.sty-table th,.sty-table-all td,.sty-table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}
.sty-table th:first-child,.sty-table td:first-child,.sty-table-all th:first-child,.sty-table-all td:first-child{padding-left:16px}
.sty-btn,.sty-btn-block{border:none;display:inline-block;outline:0;padding:6px 16px;vertical-align:middle;overflow:hidden;text-decoration:none!important;color:#fff;background-color:#000;text-align:center;cursor:pointer;white-space:nowrap}
.sty-btn:hover,.sty-btn-block:hover,.sty-btn-floating:hover,.sty-btn-floating-large:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.sty-btn,.sty-btn-floating,.sty-btn-floating-large,.sty-closenav,.sty-opennav{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.sty-btn-floating,.sty-btn-floating-large{display:inline-block;text-align:center;color:#fff;background-color:#000;position:relative;overflow:hidden;z-index:1;padding:0;border-radius:50%;cursor:pointer;font-size:24px}
.sty-btn-floating{width:40px;height:40px;line-height:40px}.sty-btn-floating-large{width:56px;height:56px;line-height:56px}
.sty-disabled,.sty-btn:disabled,.sty-btn-floating:disabled,.sty-btn-floating-large:disabled{cursor:not-allowed;opacity:0.3}
.sty-btn.sty-disabled *,.sty-btn-block.sty-disabled,.sty-btn-floating.sty-disabled *,.sty-btn:disabled *,.sty-btn-floating:disabled *{pointer-events:none}
.sty-btn.sty-disabled:hover,.sty-btn-block.sty-disabled:hover,.sty-btn:disabled:hover,.sty-btn-floating.sty-disabled:hover,.sty-btn-floating:disabled:hover,
.sty-btn-floating-large.sty-disabled:hover,.sty-btn-floating-large:disabled:hover{box-shadow:none}
.sty-btn-group .sty-btn{float:left}.sty-btn-block{width:100%}
.sty-btn-bar .sty-btn{box-shadow:none;background-color:inherit;color:inherit;float:left}.sty-btn-bar .sty-btn:hover{background-color:#ccc}
.sty-badge,.sty-tag,.sty-sign{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}
.sty-badge{border-radius:50%}
ul.sty-ul{list-style-type:none;padding:0;margin:0}ul.sty-ul li{padding:6px 2px 6px 16px;border-bottom:1px solid #ddd}ul.sty-ul li:last-child{border-bottom:none}
.sty-tooltip,.sty-display-container{position:relative}.sty-tooltip .sty-text{display:none}.sty-tooltip:hover .sty-text{display:inline-block}
.sty-navbar{list-style-type:none;margin:0;padding:0;overflow:hidden}
.sty-navbar li{float:left}.sty-navbar li a,.sty-navitem{display:block;padding:8px 16px}.sty-navbar li a:hover{color:#000;background-color:#ccc}
.sty-navbar .sty-dropdown-hover,.sty-navbar .sty-dropdown-click{position:static}
.sty-navbar .sty-dropdown-hover:hover,.sty-navbar .sty-dropdown-hover:first-child,.sty-navbar .sty-dropdown-click:hover{background-color:#ccc;color:#000}
.sty-navbar a,.sty-topnav a,.sty-sidenav a,.sty-dropdown-content a,.sty-accordion-content a,.sty-dropnav a{text-decoration:none!important}
.sty-navbar .sty-opennav.sty-right{float:right!important}.sty-topnav{padding:8px 8px}
.sty-topnav a{padding:0 8px;border-bottom:3px solid transparent;-webkit-transition:border-bottom .3s;transition:border-bottom .3s}
.sty-topnav a:hover{border-bottom:3px solid #fff}.sty-topnav .sty-dropdown-hover a{border-bottom:0}
.sty-opennav,.sty-closenav{color:inherit}.sty-opennav:hover,.sty-closenav:hover{cursor:pointer;opacity:0.8}
.sty-btn,.sty-btn-floating,.sty-dropnav a,.sty-btn-floating-large,.sty-btn-block,.sty-hover-shadow,.sty-hover-opacity,.sty-hover-opacity-off,.sty-hover-sepia,.sty-hover-grayscale,.sty-hover-greyscale,
.sty-navbar a,.sty-sidenav a,.sty-pagination li a,.sty-hoverable tbody tr,.sty-hoverable li,.sty-accordion-content a,.sty-dropdown-content a,.sty-dropdown-click:hover,.sty-dropdown-hover:hover,.sty-opennav,.sty-closenav,.sty-closebtn,
.sty-hover-amber,.sty-hover-aqua,.sty-hover-blue,.sty-hover-light-blue,.sty-hover-brown,.sty-hover-cyan,.sty-hover-blue-grey,.sty-hover-green,.sty-hover-light-green,.sty-hover-indigo,.sty-hover-khaki,.sty-hover-lime,.sty-hover-orange,.sty-hover-deep-orange,.sty-hover-pink,
.sty-hover-purple,.sty-hover-deep-purple,.sty-hover-red,.sty-hover-sand,.sty-hover-teal,.sty-hover-yellow,.sty-hover-white,.sty-hover-black,.sty-hover-grey,.sty-hover-light-grey,.sty-hover-dark-grey,.sty-hover-text-amber,.sty-hover-text-aqua,.sty-hover-text-blue,.sty-hover-text-light-blue,
.sty-hover-text-brown,.sty-hover-text-cyan,.sty-hover-text-blue-grey,.sty-hover-text-green,.sty-hover-text-light-green,.sty-hover-text-indigo,.sty-hover-text-khaki,.sty-hover-text-lime,.sty-hover-text-orange,.sty-hover-text-deep-orange,.sty-hover-text-pink,.sty-hover-text-purple,
.sty-hover-text-deep-purple,.sty-hover-text-red,.sty-hover-text-sand,.sty-hover-text-teal,.sty-hover-text-yellow,.sty-hover-text-white,.sty-hover-text-black,.sty-hover-text-grey,.sty-hover-text-light-grey,.sty-hover-text-dark-grey
{-webkit-transition:background-color .3s,color .15s,box-shadow .3s,opacity 0.3s,filter 0.3s;transition:background-color .3s,color .15s,box-shadow .3s,opacity 0.3s,filter 0.3s}
.sty-ripple:active{opacity:0.5}.sty-ripple{-webkit-transition:opacity 0s;transition:opacity 0s}
.sty-sidenav{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}
.sty-sidenav a{padding:4px 2px 4px 16px}.sty-sidenav a:hover{background-color:#ccc}.sty-sidenav a,.sty-dropnav a{display:block}
.sty-sidenav .sty-dropdown-hover:hover,.sty-sidenav .sty-dropdown-hover:first-child,.sty-sidenav .sty-dropdown-click:hover,.sty-dropnav a:hover{background-color:#ccc;color:#000}
.sty-sidenav .sty-dropdown-hover,.sty-sidenav .sty-dropdown-click {width:100%}.sty-sidenav .sty-dropdown-hover .sty-dropdown-content,.sty-sidenav .sty-dropdown-click .sty-dropdown-content{min-width:100%}
.sty-main,#main{transition:margin-left .4s}
.sty-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.sty-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}.sty-closebtn{text-decoration:none;float:right;font-size:24px;font-weight:bold;color:inherit}
.sty-closebtn:hover,.sty-closebtn:focus{color:#000;text-decoration:none;cursor:pointer}
.sty-pagination{display:inline-block;padding:0;margin:0}.sty-pagination li{display:inline}
.sty-pagination li a{text-decoration:none;color:#000;float:left;padding:8px 16px}
.sty-pagination li a:hover{background-color:#ccc}
.sty-input-group,.sty-group{margin-top:24px;margin-bottom:24px}
.sty-input{padding:8px;display:block;border:none;border-bottom:1px solid #808080;width:100%}
.sty-label{color:#009688}.sty-input:not(:valid)~.sty-validate{color:#f44336}
.sty-select{padding:9px 0;width:100%;color:#000;border:1px solid transparent;border-bottom:1px solid #009688}
.sty-select select:focus{color:#000;border:1px solid #009688}.sty-select option[disabled]{color:#009688}
.sty-dropdown-click,.sty-dropdown-hover{position:relative;display:inline-block;cursor:pointer}
.sty-dropdown-hover:hover .sty-dropdown-content{display:block;z-index:1}
.sty-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0}
.sty-dropdown-content a{padding:6px 16px;display:block}
.sty-dropdown-content a:hover{background-color:#ccc}
.sty-accordion {width:100%;cursor:pointer}
.sty-accordion-content{cursor:auto;display:none;position:relative;width:100%;margin:0;padding:0}
.sty-accordion-content a{padding:6px 16px;display:block}.sty-accordion-content a:hover{background-color:#ccc}
.sty-progress-container{width:100%;height:1.5em;position:relative;background-color:#f1f1f1}
.sty-progressbar{background-color:#757575;height:100%;position:absolute;line-height:inherit}
input[type=checkbox].sty-check,input[type=radio].sty-radio{width:24px;height:24px;position:relative;top:6px}
input[type=checkbox].sty-check:checked+.sty-validate,input[type=radio].sty-radio:checked+.sty-validate{color:#009688} 
input[type=checkbox].sty-check:disabled+.sty-validate,input[type=radio].sty-radio:disabled+.sty-validate{color:#aaa}
.sty-responsive{overflow-x:auto}
.sty-container:after,.sty-panel:after,.sty-row:after,.sty-row-padding:after,.sty-topnav:after,.sty-clear:after,.sty-btn-group:before,.sty-btn-group:after,.sty-btn-bar:before,.sty-btn-bar:after
{content:"";display:table;clear:both}
.sty-col,.sty-half,.sty-third,.sty-twothird,.sty-threequarter,.sty-quarter{float:left;width:100%}
.sty-col.s1{width:8.33333%}
.sty-col.s2{width:16.66666%}
.sty-col.s3{width:24.99999%}
.sty-col.s4{width:33.33333%}
.sty-col.s5{width:41.66666%}
.sty-col.s6{width:49.99999%}
.sty-col.s7{width:58.33333%}
.sty-col.s8{width:66.66666%}
.sty-col.s9{width:74.99999%}
.sty-col.s10{width:83.33333%}
.sty-col.s11{width:91.66666%}
.sty-col.s12,.sty-half,.sty-third,.sty-twothird,.sty-threequarter,.sty-quarter{width:99.99999%}
@media only screen and (min-width:601px){
.sty-col.m1{width:8.33333%}
.sty-col.m2{width:16.66666%}
.sty-col.m3,.sty-quarter{width:24.99999%}
.sty-col.m4,.sty-third{width:33.33333%}
.sty-col.m5{width:41.66666%}
.sty-col.m6,.sty-half{width:49.99999%}
.sty-col.m7{width:58.33333%}
.sty-col.m8,.sty-twothird{width:66.66666%}
.sty-col.m9,.sty-threequarter{width:74.99999%}
.sty-col.m10{width:83.33333%}
.sty-col.m11{width:91.66666%}
.sty-col.m12{width:99.99999%}}
@media only screen and (min-width:993px){
.sty-col.l1{width:8.33333%}
.sty-col.l2{width:16.66666%}
.sty-col.l3,.sty-quarter{width:24.99999%}
.sty-col.l4,.sty-third{width:33.33333%}
.sty-col.l5{width:41.66666%}
.sty-col.l6,.sty-half{width:49.99999%}
.sty-col.l7{width:58.33333%}
.sty-col.l8,.sty-twothird{width:66.66666%}
.sty-col.l9,.sty-threequarter{width:74.99999%}
.sty-col.l10{width:83.33333%}
.sty-col.l11{width:91.66666%}
.sty-col.l12{width:99.99999%}}
.sty-content{max-width:980px;margin:auto}
.sty-rest{overflow:hidden}
.sty-hide{display:none!important}.sty-show-block,.sty-show{display:block!important}.sty-show-inline-block{display:inline-block!important}
@media (max-width:600px){.sty-modal-content{margin:0 10px;width:auto!important}.sty-modal{padding-top:30px}}
@media (max-width:768px){.sty-modal-content{width:500px}.sty-modal{padding-top:50px}}
@media (min-width:993px){.sty-modal-content{width:900px}}
@media screen and (max-width:600px){.sty-topnav a{display:block}.sty-navbar li:not(.sty-opennav){float:none;width:100%!important}.sty-navbar li.sty-right{float:none!important}}	
@media screen and (max-width:600px){.sty-topnav .sty-dropdown-hover .sty-dropdown-content,.sty-navbar .sty-dropdown-click .sty-dropdown-content,.sty-navbar .sty-dropdown-hover .sty-dropdown-content{position:relative}}	
@media screen and (max-width:600px){.sty-topnav,.sty-navbar{text-align:center}}
@media (max-width:600px){.sty-hide-small{display:none!important}}
@media (max-width:992px) and (min-width:601px){.sty-hide-medium{display:none!important}}
@media (min-width:993px){.sty-hide-large{display:none!important}}
@media screen and (max-width:992px){.sty-sidenav.sty-collapse{display:none}.sty-main{margin-left:0!important;margin-right:0!important}}
@media screen and (min-width:993px){.sty-sidenav.sty-collapse{display:none}}
.sty-top,.sty-bottom{position:fixed;width:100%;z-index:1}.sty-top{top:0}.sty-bottom{bottom:0}
.sty-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}
.sty-left{float:left!important}.sty-right{float:right!important}
.sty-tiny{font-size:10px!important}.sty-small{font-size:12px!important}
.sty-medium{font-size:15px!important}.sty-large{font-size:18px!important}
.sty-xlarge{font-size:24px!important}.sty-xxlarge{font-size:36px!important}
.sty-xxxlarge{font-size:48px!important}.sty-jumbo{font-size:64px!important}
.sty-vertical{word-break:break-all;line-height:1;text-align:center;width:0.6em}
.sty-left-align{text-align:left!important}.sty-right-align{text-align:right!important}
.sty-justify{text-align:justify!important}.sty-center{text-align:center!important}
.sty-display-topleft{position:absolute;left:0;top:0}.sty-display-topright{position:absolute;right:0;top:0}
.sty-display-bottomleft{position:absolute;left:0;bottom:0}.sty-display-bottomright{position:absolute;right:0;bottom:0}
.sty-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.sty-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.sty-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.sty-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.sty-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.sty-circle{border-radius:50%!important}
.sty-round-small{border-radius:2px!important}.sty-round,.sty-round-medium{border-radius:4px!important}
.sty-round-large{border-radius:8px!important}.sty-round-xlarge{border-radius:16px!important}
.sty-round-xxlarge{border-radius:32px!important}.sty-round-jumbo{border-radius:64px!important}
.sty-border-0{border:0!important}.sty-border{border:1px solid #ccc!important}
.sty-border-top{border-top:1px solid #ccc!important}.sty-border-bottom{border-bottom:1px solid #ccc!important}
.sty-border-left{border-left:1px solid #ccc!important}.sty-border-right{border-right:1px solid #ccc!important}
.sty-margin{margin:16px!important}.sty-margin-0{margin:0!important}
.sty-margin-top{margin-top:16px!important}.sty-margin-bottom{margin-bottom:16px!important}
.sty-margin-left{margin-left:16px!important}.sty-margin-right{margin-right:16px!important}
.sty-section{margin-top:16px!important;margin-bottom:16px!important}
.sty-padding-tiny{padding:2px 4px!important}.sty-padding-small{padding:4px 8px!important}
.sty-padding-medium,.sty-padding,.sty-form{padding:8px 16px!important}
.sty-padding-large{padding:12px 24px!important}.sty-padding-xlarge{padding:16px 32px!important}
.sty-padding-xxlarge{padding:24px 48px!important}.sty-padding-jumbo{padding:32px 64px!important}
.sty-padding-4{padding-top:4px!important;padding-bottom:4px!important}
.sty-padding-8{padding-top:8px!important;padding-bottom:8px!important}
.sty-padding-12{padding-top:12px!important;padding-bottom:12px!important}
.sty-padding-16{padding-top:16px!important;padding-bottom:16px!important}
.sty-padding-24{padding-top:24px!important;padding-bottom:24px!important}
.sty-padding-32{padding-top:32px!important;padding-bottom:32px!important}
.sty-padding-48{padding-top:48px!important;padding-bottom:48px!important}
.sty-padding-64{padding-top:64px!important;padding-bottom:64px!important}
.sty-padding-128{padding-top:128px!important;padding-bottom:128px!important}
.sty-padding-0{padding:0!important}
.sty-padding-top{padding-top:8px!important}.sty-padding-bottom{padding-bottom:8px!important}
.sty-padding-left{padding-left:16px!important}.sty-padding-right{padding-right:16px!important}
.sty-topbar{border-top:6px solid #ccc!important}.sty-bottombar{border-bottom:6px solid #ccc!important}
.sty-leftbar{border-left:6px solid #ccc!important}.sty-rightbar{border-right:6px solid #ccc!important}
.sty-row-padding,.sty-row-padding>.sty-half,.sty-row-padding>.sty-third,.sty-row-padding>.sty-twothird,.sty-row-padding>.sty-threequarter,.sty-row-padding>.sty-quarter,.sty-row-padding>.sty-col{padding:0 8px}
.sty-spin{animation:sty-spin 2s infinite linear;-webkit-animation:sty-spin 2s infinite linear}
@-webkit-keyframes sty-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
@keyframes sty-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
.sty-container{padding:0.01em 16px}
.sty-panel{padding:0.01em 16px;margin-top:16px!important;margin-bottom:16px!important}
.sty-example{background-color:#f1f1f1;padding:0.01em 16px}
.sty-code,.sty-codespan{font-family:Consolas,"courier new";font-size:16px}
.sty-code{line-height:1.4;width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4CAF50;word-wrap:break-word}
.sty-codespan{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%}
.sty-example,.sty-code{margin:20px 0}.sty-card{border:1px solid #ccc}
.sty-card-2,.sty-example{box-shadow:0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important}
.sty-card-4,.sty-hover-shadow:hover{box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)!important}
.sty-card-8{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)!important}
.sty-card-12{box-shadow:0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19)!important}
.sty-card-16{box-shadow:0 16px 24px 0 rgba(0,0,0,0.22),0 25px 55px 0 rgba(0,0,0,0.21)!important}
.sty-card-24{box-shadow:0 24px 24px 0 rgba(0,0,0,0.2),0 40px 77px 0 rgba(0,0,0,0.22)!important}
.sty-animate-fading{-webkit-animation:fading 10s infinite;animation:fading 10s infinite}
@-webkit-keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.sty-animate-opacity{-webkit-animation:opac 0.8s;animation:opac 0.8s}
@-webkit-keyframes opac{from{opacity:0} to{opacity:1}}
@keyframes opac{from{opacity:0} to{opacity:1}}
.sty-animate-top{position:relative;-webkit-animation:animatetop 0.4s;animation:animatetop 0.4s}
@-webkit-keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.sty-animate-left{position:relative;-webkit-animation:animateleft 0.4s;animation:animateleft 0.4s}
@-webkit-keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.sty-animate-right{position:relative;-webkit-animation:animateright 0.4s;animation:animateright 0.4s}
@-webkit-keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.sty-animate-bottom{position:relative;-webkit-animation:animatebottom 0.4s;animation:animatebottom 0.4s}
@-webkit-keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0px;opacity:1}}
@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.sty-animate-zoom {-webkit-animation:animatezoom 0.6s;animation:animatezoom 0.6s}
@-webkit-keyframes animatezoom{from{-webkit-transform:scale(0)} to{-webkit-transform:scale(1)}}
@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.sty-animate-input{-webkit-transition:width 0.4s ease-in-out;transition:width 0.4s ease-in-out}.sty-animate-input:focus{width:100%!important}
.sty-opacity,.sty-hover-opacity:hover{opacity:0.60;filter:alpha(opacity=60);-webkit-backface-visibility:hidden}
.sty-opacity-off,.sty-hover-opacity-off:hover{opacity:1;filter:alpha(opacity=100);-webkit-backface-visibility:hidden}
.sty-opacity-max{opacity:0.25;filter:alpha(opacity=25);-webkit-backface-visibility:hidden}
.sty-opacity-min{opacity:0.75;filter:alpha(opacity=75);-webkit-backface-visibility:hidden}
.sty-greyscale-max,.sty-grayscale-max,.sty-hover-greyscale:hover,.sty-hover-grayscale:hover{-webkit-filter:grayscale(100%);filter:grayscale(100%)}
.sty-greyscale,.sty-grayscale{-webkit-filter:grayscale(75%);filter:grayscale(75%)}
.sty-greyscale-min,.sty-grayscale-min{-webkit-filter:grayscale(50%);filter:grayscale(50%)}
.sty-sepia{-webkit-filter:sepia(75%);filter:sepia(75%)}
.sty-sepia-max,.sty-hover-sepia:hover{-webkit-filter:sepia(100%);filter:sepia(100%)}
.sty-sepia-min{-webkit-filter:sepia(50%);filter:sepia(50%)}
.sty-text-shadow{text-shadow:1px 1px 0 #444}.sty-text-shadow-white{text-shadow:1px 1px 0 #ddd}
.sty-transparent{background-color:transparent!important}
.sty-hover-none:hover{box-shadow:none!important;background-color:transparent!important}
/* Colors */
.sty-amber,.sty-hover-amber:hover{color:#000!important;background-color:#ffc107!important}
.sty-aqua,.sty-hover-aqua:hover{color:#000!important;background-color:#00ffff!important}
.sty-blue,.sty-hover-blue:hover{color:#fff!important;background-color:#2196F3!important}
.sty-light-blue,.sty-hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important}
.sty-brown,.sty-hover-brown:hover{color:#fff!important;background-color:#795548!important}
.sty-cyan,.sty-hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}
.sty-blue-grey,.sty-hover-blue-grey:hover,.sty-blue-gray,.sty-hover-blue-gray:hover{color:#fff!important;background-color:#607d8b!important}
.sty-green,.sty-hover-green:hover{color:#fff!important;background-color:#4CAF50!important}
.sty-light-green,.sty-hover-light-green:hover{color:#000!important;background-color:#8bc34a!important}
.sty-indigo,.sty-hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important}
.sty-khaki,.sty-hover-khaki:hover{color:#000!important;background-color:#f0e68c!important}
.sty-lime,.sty-hover-lime:hover{color:#000!important;background-color:#cddc39!important}
.sty-orange,.sty-hover-orange:hover{color:#000!important;background-color:#ff9800!important}
.sty-deep-orange,.sty-hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}
.sty-pink,.sty-hover-pink:hover{color:#fff!important;background-color:#e91e63!important}
.sty-purple,.sty-hover-purple:hover{color:#fff!important;background-color:#9c27b0!important}
.sty-deep-purple,.sty-hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}
.sty-red,.sty-hover-red:hover{color:#fff!important;background-color:#f44336!important}
.sty-sand,.sty-hover-sand:hover{color:#000!important;background-color:#fdf5e6!important}
.sty-teal,.sty-hover-teal:hover{color:#fff!important;background-color:#009688!important}
.sty-yellow,.sty-hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important}
.sty-white,.sty-hover-1d1d1d:hover{color:#000!important;background-color:#fff!important}
.sty-1d1d1d,.sty-hover-white:hover{color:#000!important;background-color:#1d1d1d!important}
.sty-black,.sty-hover-black:hover{color:#fff!important;background-color:#000!important}
.sty-grey,.sty-hover-grey:hover,.sty-gray,.sty-hover-gray:hover{color:#000!important;background-color:#9e9e9e!important}
.sty-light-grey,.sty-hover-light-grey:hover,.sty-light-gray,.sty-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important}
.sty-dark-grey,.sty-hover-dark-grey:hover,.sty-dark-gray,.sty-hover-dark-gray:hover{color:#fff!important;background-color:#616161!important}
.sty-pale-red,.sty-hover-pale-red:hover{color:#000!important;background-color:#ffdddd!important}
.sty-pale-green,.sty-hover-pale-green:hover{color:#000!important;background-color:#ddffdd!important}
.sty-pale-yellow,.sty-hover-pale-yellow:hover{color:#000!important;background-color:#ffffcc!important}
.sty-pale-blue,.sty-hover-pale-blue:hover{color:#000!important;background-color:#ddffff!important}
.sty-text-amber,.sty-hover-text-amber:hover{color:#ffc107!important}
.sty-text-aqua,.sty-hover-text-aqua:hover{color:#00ffff!important}
.sty-text-blue,.sty-hover-text-blue:hover{color:#2196F3!important}
.sty-text-light-blue,.sty-hover-text-light-blue:hover{color:#87CEEB!important}
.sty-text-brown,.sty-hover-text-brown:hover{color:#795548!important}
.sty-text-cyan,.sty-hover-text-cyan:hover{color:#00bcd4!important}
.sty-text-blue-grey,.sty-hover-text-blue-grey:hover,.sty-text-blue-gray,.sty-hover-text-blue-gray:hover{color:#607d8b!important}
.sty-text-green,.sty-hover-text-green:hover{color:#4CAF50!important}
.sty-text-light-green,.sty-hover-text-light-green:hover{color:#8bc34a!important}
.sty-text-indigo,.sty-hover-text-indigo:hover{color:#3f51b5!important}
.sty-text-khaki,.sty-hover-text-khaki:hover{color:#b4aa50!important}
.sty-text-lime,.sty-hover-text-lime:hover{color:#cddc39!important}
.sty-text-orange,.sty-hover-text-orange:hover{color:#ff9800!important}
.sty-text-deep-orange,.sty-hover-text-deep-orange:hover{color:#ff5722!important}
.sty-text-pink,.sty-hover-text-pink:hover{color:#e91e63!important}
.sty-text-purple,.sty-hover-text-purple:hover{color:#9c27b0!important}
.sty-text-deep-purple,.sty-hover-text-deep-purple:hover{color:#673ab7!important}
.sty-text-red,.sty-hover-text-red:hover{color:#f44336!important}
.sty-text-sand,.sty-hover-text-sand:hover{color:#fdf5e6!important}
.sty-text-teal,.sty-hover-text-teal:hover{color:#009688!important}
.sty-text-yellow,.sty-hover-text-yellow:hover{color:#d2be0e!important}
.sty-text-white,.sty-hover-text-white:hover{color:#fff!important}
.sty-text-black,.sty-hover-text-black:hover{color:#000!important}
.sty-text-grey,.sty-hover-text-grey:hover,.sty-text-gray,.sty-hover-text-gray:hover{color:#757575!important}
.sty-text-light-grey,.sty-hover-text-light-grey:hover,.sty-text-light-gray,.sty-hover-text-light-gray:hover{color:#f1f1f1!important}
.sty-text-dark-grey,.sty-hover-text-dark-grey:hover,.sty-text-dark-gray,.sty-hover-text-dark-gray:hover{color:#3a3a3a!important}
.sty-border-amber,.sty-hover-border-amber:hover{border-color:#ffc107!important}
.sty-border-aqua,.sty-hover-border-aqua:hover{border-color:#00ffff!important}
.sty-border-blue,.sty-hover-border-blue:hover{border-color:#2196F3!important}
.sty-border-light-blue,.sty-hover-border-light-blue:hover{border-color:#87CEEB!important}
.sty-border-brown,.sty-hover-border-brown:hover{border-color:#795548!important}
.sty-border-cyan,.sty-hover-border-cyan:hover{border-color:#00bcd4!important}
.sty-border-blue-grey,.sty-hover-blue-grey:hover,.sty-border-blue-gray,.sty-hover-blue-gray:hover{border-color:#607d8b!important}
.sty-border-green,.sty-hover-border-green:hover{border-color:#4CAF50!important}
.sty-border-light-green,.sty-hover-border-light-green:hover{border-color:#8bc34a!important}
.sty-border-indigo,.sty-hover-border-indigo:hover{border-color:#3f51b5!important}
.sty-border-khaki,.sty-hover-border-khaki:hover{border-color:#f0e68c!important}
.sty-border-lime,.sty-hover-border-lime:hover{border-color:#cddc39!important}
.sty-border-orange,.sty-hover-border-orange:hover{border-color:#ff9800!important}
.sty-border-deep-orange,.sty-hover-border-deep-orange:hover{border-color:#ff5722!important}
.sty-border-pink,.sty-hover-border-pink:hover{border-color:#e91e63!important}
.sty-border-purple,.sty-hover-border-purple:hover{border-color:#9c27b0!important}
.sty-border-deep-purple,.sty-hover-border-deep-purple:hover{border-color:#673ab7!important}
.sty-border-red,.sty-hover-border-red:hover{border-color:#f44336!important}
.sty-border-sand,.sty-hover-border-sand:hover{border-color:#fdf5e6!important}
.sty-border-teal,.sty-hover-border-teal:hover{border-color:#009688!important}
.sty-border-yellow,.sty-hover-border-yellow:hover{border-color:#ffeb3b!important}
.sty-border-white,.sty-hover-border-white:hover{border-color:#fff!important}
.sty-border-black,.sty-hover-border-black:hover{border-color:#000!important}
.sty-border-grey,.sty-hover-border-grey:hover,.sty-border-gray,.sty-hover-border-gray:hover{border-color:#9e9e9e!important}
.sty-border-light-grey,.sty-hover-border-light-grey:hover,.sty-border-light-gray,.sty-hover-border-light-gray:hover{border-color:#f1f1f1!important}
.sty-border-dark-grey,.sty-hover-border-dark-grey:hover,.sty-border-dark-gray,.sty-hover-border-dark-gray:hover{border-color:#616161!important}
.sty-border-pale-red,.sty-hover-border-pale-red:hover{border-color:#ffe7e7!important}.sty-border-pale-green,.sty-hover-border-pale-green:hover{border-color:#e7ffe7!important}
.sty-border-pale-yellow,.sty-hover-border-pale-yellow:hover{border-color:#ffffcc!important}.sty-border-pale-blue,.sty-hover-border-pale-blue:hover{border-color:#e7ffff!important}








/* Image   kai   Im */


img {
}

	.image {
		border-radius: 0;
		border: 0;
		display: inline-block;
		position: relative;
            max-width: 100%;
    height: auto;
        
	}

		.image img {
			border-radius: 0;
			display: block;
		}

		.image.left, .image.right {
			max-width: 40%;
		}

			.image.left img, .image.right img {
				width: 100%;
			}

		.image.round img {
			border-radius: 100%;
		}

		.image.left {
			float: left;
			padding: 0 1.5em 1em 0;
			top: 0.25em;
		}

		.image.right {
			float: right;
			padding: 0 0 1em 1.5em;
			top: 0.25em;
		}

		.image.fit {
			display: block;
			margin: 0 0 2em 0;
			width: 100%;
		}

			.image.fit img {
				width: 100%;
			}

		.image.main {
			display: block;
			margin: 0 0 3em 0;
			width: 100%;
		}

			.image.main img {
				width: 100%;
			}

            

.noselect {
     -moz-user-select: none; /* Firefox */
      -ms-user-select: none; /* Internet Explorer */
   -khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */
  -webkit-user-select: none; /* Chrome, Safari, and Opera */
  -webkit-touch-callout: none; /* Disable Android and iOS callouts*/
}

.city {display:none;}

p.palatin {
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif
}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 68%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    padding: 2px 16px;
    background-color: #2196f3;
    color: white;
}

.modal-body {padding: 2px 16px;}

.modal-footer {
    padding: 2px 16px;
    background-color: #2196f3;
    color: white;
}


/*style eikonas slideshow*/
* {box-sizing:border-box}
body {font-family: Verdana,sans-serif;}
.mySlidestria {display:none}

/* Slideshow container */
.slideshow-container {
  max-width: 100%;
  position: relative;
  margin: auto;
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* The dots/bullets/indicators */
.dot {
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
  
}

.active {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}


.mySlides {display:none}
.demo {cursor:pointer}
.text {
  
}




.mySlidesdyo {display:none;}




.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}


.button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}

.button1 {width: 250px;}
.button2 {width: 50%;}
.button3 {width: 100%;}



table, td, th {
    border: 0px solid black;
        text-align: center;
}

table {
    border-collapse: collapse;
    width: 100%;
}

th {
    height: 100px;
}

@media screen and (min-width: 600px) {
      th {
    height: 351px;
}
}


input[type=text] {
    width: 80%;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    padding: 12px 20px 12px 40px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}
input[type=email] {
    width: 80%;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    padding: 12px 20px 12px 40px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}

input[type=text]:focus {
    width: 100%;
}


input[type=email]:focus {
    width: 100%;
}
textarea {
    width: 100%;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    padding: 12px 20px 12px 40px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}

textarea:focus {
    width: 100%;
}