@font-face {
    font-family: 'Pluto';
    src: url('fonts/plutobold-webfont.woff2') format('woff2'),
         url('fonts/plutobold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Pluto';
    src: url('fonts/plutoheavy-webfont.woff2') format('woff2'),
         url('fonts/plutoheavy-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;

}

html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0;}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[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-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}

.container{width:100%!important; max-width:80%;}


.errorMsg{display:none;}
.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}
.text-white{color:#fff;}
.text-black{color:#000;}
.float-left{float:left;}
.float-right{float:right;}

html, body{ background: -webkit-linear-gradient(top, rgba(241,244,246,1) 0%,rgba(228,235,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(241,244,246,1) 0%,rgba(228,235,238,1) 100%); color:#F38E00; height:100%; font-size:1.4vw; font-family:'Pluto';}
#login{width:400px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:#fff; padding:40px; }

#debug{position:fixed; top:50px; left:15px; background:rgba(0,0,0,0.8); color:#fff; padding:40px;z-index:99999;}

#mouseCatcher{height:50px; position:fixed; top:0; left:0; width:100%; z-index:9999!important; display:none;}
#header-menu{width:100%; background:#000; color:#fff; padding:0 15px; display:none;}
#header-menu ul{list-style:none; margin:0; padding:0; float:right;}
#header-menu ul li{display:inline-block; padding:10px 5px;}
#header-menu ul li a{color:#fff; }

.logo{position:fixed; bottom:2%; right:2%; z-index:9999;}

.bx-wrapper{position:absolute; top:0; left:0; width:100%; height:100%;}
.bx-viewport, .bx-viewport li{height:100%!important;}
.bx-wrapper img, video, .video-js{width:100%; height:100%; pointer-events: none;}
.bx-wrapper img.no-scale{width:100%; height:auto;}
.bx-controls{display:none; position:fixed; top:50%;}
.bx-controls .bx-prev, .bx-controls .bx-next{position:fixed;}
.bx-controls .bx-prev{left:2%;}
.bx-controls .bx-next{right:2%;}

/* Template Block */
.template-block .title{position:relative; font-size:4vw; font-weight: 300}
.template-block h2{margin:0 15px; padding:0; font-size:2vw; font-weight: 300}
.template-block .content{margin-top:5%;}

/* Horoscope */
.horoscope .title{position:relative; font-size:4vw; padding-left:9%; font-weight: 300}
.horoscope .title::before{position:absolute; margin-left:8%; left:-8%; display:block; width:8%; height:auto; content:url(../imgs/icons/horoscope-icons.svg);}
.horoscope img{width:60px; height: auto;}

/* News */
.news .title{position:relative; font-size:4vw; padding-left:9%; font-weight: 300}
.news .title::before{position:absolute; margin-left:8%; left:-8%;  display:block; width:8%; height:auto; content:url(../imgs/icons/news-icons.svg);}
.news h4{margin:30px 0 20px; text-transform: uppercase;}
.news img{width:60px; height: auto;}

/* Sports */
.sports .title{position:relative; font-size:4vw; padding-left:9%; font-weight: 300}
.sports .title::before{position:absolute; margin-left:8%; left:-8%; display:block; width:8%; height:auto; content:url(../imgs/icons/news-icons.svg);}
.sports h4{margin:30px 0 20px; text-transform: uppercase;}
.sports img{width:60px; height: auto;}


/* Weather */
.weather .title{position:relative; font-size:4vw; padding-left:9%; font-weight: 300}
.weather .title::before{position:absolute; margin-left:8%; left:-8%; display:block; width:8%; height:auto; content:url(../imgs/icons/weather-icon.svg);}
.weather .icon{width:80%; height:auto;}
.weather .day{font-size:bold;}
.weather .actual .temp{font-size:4.5vw; color:#0689d2; font-weight: bold;}
.weather .tempMin, .weather .tempMax{float:left; margin-right:20px;}
.weather .description{clear:both; margin-top:20px;}
.weather .where{font-weight: bold; font-size:1.5vw; position:absolute; margin-top:7%; margin-left:7.5%; text-transform:uppercase;}
.weather time{display:block;}
.weather date{display:block; font-size:1vw;}
.weather .box{background:#fff; overflow:hidden; box-shadow:8px 8px 8px #ddd; padding:4%; margin-bottom:15px; height:35%;}
.weather .box .left-content{float:left; width:50%;}
.weather .box .right-content{float:right; width:50%;}
.weather .box .day{font-weight: bold; font-size:1.5vw;}
.weather .box .date{ font-size:1vw;}
.weather .box.tomorrow .temp, .weather .box.day2 .temp{font-size:3vw; color:#0689d2; font-weight: bold;}
.weather .box .description{font-size:1vw;}