a{ cursor: pointer; }  

 

/* morris.css */
.morris-hover{position:absolute;z-index:1000}.morris-hover.morris-default-style{border-radius:10px;padding:6px;color:#666;background:rgba(255,255,255,.8);border:2px solid rgba(230,230,230,.8);font-family:arial;font-size:12px;text-align:center}.morris-hover.morris-default-style .morris-hover-row-label{font-weight:700;margin:.25em 0}.morris-hover.morris-default-style .morris-hover-point{white-space:nowrap;margin:.1em 0}/*//////////////////*/

/* all */
img,legend{border:0}pre,textarea{overflow:auto}.loading,.loading:before{left:0;top:0;position:fixed}.cities .item,.countries .item,.nowrap,.nowrap li{text-overflow:ellipsis;white-space:nowrap}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent;color:#1EAEDB}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}body,h6{line-height:1.6}button{overflow:visible}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}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-moz-box-sizing:content-box;-webkit-box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px}legend{padding:0}table{border-collapse:collapse;border-spacing:0}.container{position:relative;width:100%;max-width:/*960*/1120px;margin:0 auto;padding:0 20px;box-sizing:border-box}ol,p,ul{margin-top:0}.column,.columns,.non-responsive-column{width:100%;float:left;box-sizing:border-box}.non-responsive-column{margin-left:4%}.non-responsive-column:first-child{margin-left:0}.one-fourth.non-responsive-column{width:22%}.one-third.non-responsive-column{width:30.6666666667%}.two-thirds.non-responsive-column{width:65.3333333333%}.one-half.non-responsive-column{width:48%}@media (min-width:400px){.container{width:85%;padding:0}}@media (min-width:550px){.container{width:80%}.column,.columns{margin-right:4%}.column:last-child,.columns:last-child,.twelve.columns{margin-right:0}.one.column,.one.columns{width:4.66666666667%}.two.columns{width:13.3333333333%}.three.columns{width:22%}.four.columns{width:30.6666666667%}.five.columns{width:39.3333333333%}.six.columns{width:48%}.seven.columns{width:56.6666666667%}.eight.columns{width:65.3333333333%}.nine.columns{width:74%}.ten.columns{width:82.6666666667%}.eleven.columns{width:91.3333333333%}.one-third.column{width:30.6666666667%}.two-thirds.column{width:65.3333333333%}.one-half.column{width:48%}.offset-by-one.column,.offset-by-one.columns{margin-left:8.66666666667%}.offset-by-two.column,.offset-by-two.columns{margin-left:17.3333333333%}.offset-by-three.column,.offset-by-three.columns{margin-left:26%}.offset-by-four.column,.offset-by-four.columns{margin-left:34.6666666667%}.offset-by-five.column,.offset-by-five.columns{margin-left:43.3333333333%}.offset-by-six.column,.offset-by-six.columns{margin-left:52%}.offset-by-seven.column,.offset-by-seven.columns{margin-left:60.6666666667%}.offset-by-eight.column,.offset-by-eight.columns{margin-left:69.3333333333%}.offset-by-nine.column,.offset-by-nine.columns{margin-left:78%}.offset-by-ten.column,.offset-by-ten.columns{margin-left:86.6666666667%}.offset-by-eleven.column,.offset-by-eleven.columns{margin-left:95.3333333333%}.offset-by-one-third.column,.offset-by-one-third.columns{margin-left:34.6666666667%}.offset-by-two-thirds.column,.offset-by-two-thirds.columns{margin-left:69.3333333333%}.offset-by-one-half.column,.offset-by-one-half.columns{margin-left:52%}}nav,nav a{width:100%}html{font-size:62.5%}body{font-size:1.5em;font-weight:400;font-family:'Nunito Sans','Roboto',HelveticaNeue,"Helvetica Neue",Helvetica,Arial,sans-serif;color:#222}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:2rem;font-weight:400 }h1{line-height:1.2;letter-spacing:-.1rem}h2{line-height:1.25;letter-spacing:-.1rem}h3{line-height:1.3;letter-spacing:-.1rem}h4{font-size:2.4rem;line-height:1.35;letter-spacing:-.08rem}h5{font-size:1.8rem;line-height:1.5;letter-spacing:-.05rem}h6{font-size:1.5rem;letter-spacing:0}@media (min-width:550px){h1{font-size:3rem}h2{font-size:4.2rem}h3{font-size:3.6rem}h4{font-size:3rem}h5{font-size:2.4rem}h6{font-size:1.5rem}}a:hover{color:#0FA0CE}.button,button,input[type=button],input[type=reset],input[type=submit]{display:inline-block;height:38px;padding:0 30px;color:#555;text-align:center;font-size:11px;font-weight:600;line-height:38px;letter-spacing:.1rem;text-transform:uppercase;text-decoration:none;white-space:nowrap;background-color:transparent;border-radius:4px;border:1px solid #bbb;cursor:pointer;box-sizing:border-box}.t-left,td,th{text-align:left}.button:focus,.button:hover,button:focus,button:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:focus,input[type=submit]:hover{color:#333;border-color:#888;outline:0}.button:active,button:active,input[type=button]:active,input[type=reset]:active,input[type=submit]:active{color:#222;border-color:#222}.button:disabled{border:1px solid #E3E3E3;color:#888;cursor:not-allowed}.button.button-primary,button.button-primary,input[type=button].button-primary,input[type=reset].button-primary,input[type=submit].button-primary{color:#FFF;background-color:#33C3F0;border-color:#33C3F0}.button.button-primary:focus,.button.button-primary:hover,button.button-primary:focus,button.button-primary:hover,input[type=button].button-primary:focus,input[type=button].button-primary:hover,input[type=reset].button-primary:focus,input[type=reset].button-primary:hover,input[type=submit].button-primary:focus,input[type=submit].button-primary:hover{color:#FFF;background-color:#1EAEDB;border-color:#1EAEDB}.button.button-primary:disabled,button.button-primary:disabled,input[type=button].button-primary:disabled,input[type=reset].button-primary:disabled,input[type=submit].button-primary:disabled{color:#FFF;cursor:not-allowed;background-color:#7CD9F8;border-color:#7CD9F8}#competitor,.hotels .item,.sharebtn,header label{cursor:pointer}.button.button-primary:active,button.button-primary:active,input[type=button].button-primary:active,input[type=reset].button-primary:active,input[type=submit].button-primary:active{color:#FFF;background-color:#157b9b;border-color:#157b9b}input[type=text],input[type=tel],input[type=url],input[type=password],input[type=date],input[type=month],input[type=number],input[type=search],input[type=email],select,textarea{padding:6px 10px;background-color:#fff;border:1px solid rgba(0,0,0,.125);border-radius:4px;box-shadow:none;box-sizing:border-box}input[type=text],input[type=tel],input[type=url],input[type=password],input[type=number],input[type=search],input[type=email],select:not([size]),textarea:not([rows]){height:38px}input[type=button],input[type=text],input[type=tel],input[type=url],input[type=password],input[type=date],input[type=month],input[type=submit],input[type=number],input[type=search],input[type=email],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}textarea{min-height:65px;padding-top:6px;padding-bottom:6px}input[type=text]:focus,input[type=tel]:focus,input[type=url]:focus,input[type=password]:focus,input[type=date]:focus,input[type=month]:focus,input[type=number]:focus,input[type=search]:focus,input[type=email]:focus,select:focus,textarea:focus{border:1px solid #33C3F0;outline:0}label,legend{display:block;margin-bottom:.5rem;font-weight:600}fieldset{padding:0;border-width:0}input[type=checkbox],input[type=radio]{display:inline}label>.label-body{display:inline-block;margin-left:.5rem;font-weight:400}ul{list-style:circle inside}ol{list-style:decimal inside}ol,ul{padding-left:0}ol ol,ol ul,ul ol,ul ul{margin:1.5rem 0 1.5rem 3rem;font-size:90%}.button,button,li{margin-bottom:1rem}code{padding:.2rem .5rem;margin:0 .2rem;font-size:90%;white-space:nowrap;background:#F1F1F1;border:1px solid #E1E1E1;border-radius:4px}pre>code{display:block;padding:1rem 1.5rem;white-space:pre;overflow:scroll}td,th{padding:12px 15px;border-bottom:1px solid #E1E1E1}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}fieldset,input,select,textarea{margin-bottom:1.5rem}blockquote,dl,figure,form,ol,p,pre,table,ul{margin-bottom:2.5rem}.u-full-width{width:100%;box-sizing:border-box}.u-max-full-width{max-width:100%;box-sizing:border-box}.u-pull-right{float:right}.u-pull-left{float:left}.t-center{text-align:center}.t-right{text-align:right}hr{margin-top:3rem;margin-bottom:3.5rem;border-width:0;border-top:1px solid #E1E1E1}.container:after,.row-original:after,.u-cf{content:"";display:table;clear:both}header{overflow:hidden;background:#333;margin-bottom:3rem;}header a,header label{font-weight:400;display:block;padding:20px;color:#fff !important;text-decoration:none;line-height:20px}header a:hover,header label:hover{color:#fff}header a:hover{text-decoration:underline}header label{float:right;padding:20px 0 5px}header label:after{content:"\2261";font-size:3em}.logo{float:left;font-size:1.5em;padding-left:0}.logo:hover{text-decoration:none}nav{float:right;max-height:0;-webkit-transition:max-height .3s;-moz-transition:max-height .3s;-o-transition:max-height .3s;transition:max-height .3s}nav ul{margin:0;padding:0 0 10px}nav li{display:block;text-align:center}nav a{padding:10px}#nav{display:none}#nav:checked~nav{max-height:200px}@media only screen and (min-width:700px){header nav a,nav li{display:inline-block}header label{display:none}nav{width:auto;position:absolute;right:0}nav ul{padding:0 10px 0 0}nav li{text-align:left;}header nav a{padding:20px 5px;width:auto;white-space:nowrap}}.loading:before,.loading:not(:required):after{content:'';display:block}@media only screen and (min-width:1000px){header nav a{padding:20px 10px}}.loading{z-index:999;height:2em;width:2em;margin:auto;bottom:0;right:0}.loading:before{width:100%;height:100%;background-color:rgba(255,255,255,.6)}.loading:not(:required){font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hotels .item .title,.sharebtn .title,.surged{font-weight:700}.loading:not(:required):after{font-size:10px;width:1em;height:1em;margin-top:-.5em;-webkit-animation:spinner 1.5s infinite linear;-moz-animation:spinner 1.5s infinite linear;-ms-animation:spinner 1.5s infinite linear;-o-animation:spinner 1.5s infinite linear;animation:spinner 1.5s infinite linear;border-radius:.5em;-webkit-box-shadow:rgba(0,0,0,.75) 1.5em 0 0 0,rgba(0,0,0,.75) 1.1em 1.1em 0 0,rgba(0,0,0,.75) 0 1.5em 0 0,rgba(0,0,0,.75) -1.1em 1.1em 0 0,rgba(0,0,0,.5) -1.5em 0 0 0,rgba(0,0,0,.5) -1.1em -1.1em 0 0,rgba(0,0,0,.75) 0 -1.5em 0 0,rgba(0,0,0,.75) 1.1em -1.1em 0 0;box-shadow:rgba(0,0,0,.75) 1.5em 0 0 0,rgba(0,0,0,.75) 1.1em 1.1em 0 0,rgba(0,0,0,.75) 0 1.5em 0 0,rgba(0,0,0,.75) -1.1em 1.1em 0 0,rgba(0,0,0,.75) -1.5em 0 0 0,rgba(0,0,0,.75) -1.1em -1.1em 0 0,rgba(0,0,0,.75) 0 -1.5em 0 0,rgba(0,0,0,.75) 1.1em -1.1em 0 0}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes spinner{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes spinner{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:2rem}table{overflow-x:auto;-webkit-overflow-scrolling:touch;display:table}#citymap,.cities,.cities .item,.countries,.countries .item,.nowrap,.nowrap li,.sharebox{overflow:hidden}.center{text-align:center}.right{text-align:right}#competitor,.countries,.flex,.hotels,.products,.products .item p,.sharebox,.sharebtn,.swag{text-align:center}.surged{color:#da121a}.netto{color:#000;background-color:#ff0;padding:2px}.swag,.time{padding:10px;color:#fff}img{opacity:1;transition:opacity .3s}img[data-src]{opacity:0}.map{height:260px}.time{background-color:#F0BE00}.fineprint{display:block;margin-bottom:20px;font-style:italic}.swag{display:block;background-color:#5DADE2;margin:20px 0 0}.countries .item,.products .item,.sharebox ul,.sharebtn .count,.sharebtn .title,footer .l,footer .r{display:inline-block}.swag:hover{background-color:#85C1E9;color:#fff}footer{margin:30px 0;padding:10px 0}footer .l{float:left}footer .r{float:right}.sharebox{margin-bottom:16px}.sharebox ul{list-style:none;margin:0}.sharebox ul li{float:left;margin:0 5px}.sharebtn .title{font-size:.75em;color:#fff;border-radius:2px;padding:6px 8px}.sharebtn.facebook .title{background-color:#3b5998}.sharebtn.google .title{background-color:#dd4b39}.sharebtn.twitter .title{background-color:#00aced}.cities .item,.countries .item,.products .item{border: 1px solid #ddd; border-radius: 5px; box-shadow:0 0.125rem 0.25rem rgba(0,0,0,.075)!important}.sharebtn .count{padding:5px 10px;border:1px solid #ccc;border-radius:2px;margin-right:5px;font-size:.75em}.flex{margin:30px auto;padding:10px 0;border-top:1px solid #E1E1E1;border-bottom:1px solid #E1E1E1}#citymap{height:220px;margin-bottom:20px}.products{margin-bottom:3rem}.products .item{width:150px;margin:7px 5px}.products .item h3{color:#1fbad6;white-space:wrap;margin:.6em 0}.products .item p{font-size:1.2rem}.products .item .img{height:50px;overflow:hidden;margin-bottom:10px}.countries .item{width:150px;padding:10px 0;margin:4px 6px}.cities .item{padding:10px;margin-bottom:10px}.cities .item p{margin:0;font-size:1rem;color:#878787}.cities .item small{display:block}.hotels .item{background-color:#fffcf3;margin:0 0 20px;padding:10px}#competitor{position:fixed;bottom:-100px;z-index:99;overflow-y:hidden;width:100%;height:65px;color:#fff;background-color:#e92a81;transition-property:all;transition-duration:.6s;transition-timing-function:cubic-bezier(0,1,.5,1)}#competitor .close{position:absolute;top:5px;right:10px;padding:10px 14px}#competitor .title{display:block;font-size:2rem;font-weight:700;padding-top:10px}@media (min-width:400px){.flex{margin:30px auto}.countries .item,.products .item{width:155px}.hotels .item{display:inline-block;width:200px;margin:10px}}@media (min-width:700px){.flex.left,.flex.right{width:380px;min-height:200px;border:none;padding:0}.flex.left{float:left;margin:0 25px 25px 0}.flex.right{float:right;margin:0}}@media (min-width:1000px){.sharebox{text-align:left}}



header a.logo {
    color:#fff !important;  
}

@media screen and (min-width: 550px) {  
  /* USE THESE CLASSES TO HIDE CONTENT ON MOBILE */
 .desktop-hide {
    display: none !important;
 }
}      

blockquote {   
    border-left: .3rem solid #d1d1d1;
    margin-left: 0;
    margin-right: 0;
    padding: 1rem 1.5rem;
}

.rating{
    unicode-bidi:bidi-override;
    direction:rtl;
    font-size:30px;
    text-align:center
}
.rating p{
    direction:ltr;
    font-size:14px
}
#rating .spinner{
    margin-left:auto;
    margin-right:auto;
    display:block
}
.rating>span{
    display:inline-block;
    position:relative;
    width:1.1em;
    cursor:pointer
}
.rating>span a{
    text-decoration:none;
    color:#08c
}
.rating>span:hover:before,.rating>span:hover~span:before, span.active:before, span.active~span:before{
    content:"\2605";
    position:absolute;
    color:#08c
}




#results {
    margin-bottom: 10px;
}

input[type=submit] {
    background-color: #57ac57;
    border-color: #57ac57;
}


.button, button, input[type=button], input[type=reset], input[type=submit] {    
    border-radius: .4rem;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 1.1rem;
    font-weight: 700;
    height: 3.8rem;
    letter-spacing: .1rem;
    line-height: 3.8rem;
    padding: 0 3rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}

#counter {
    width: 100%;
    height: 195px;
    padding: 10px;
    overflow: hidden;
    border: 1px solid #e2e2e2;
    resize: none;
    /*border-radius: 0rem;*/
    font: 400 13.3333px Arial;
    cursor: pointer!important;
    /*background: transparent;*/
    border: 0px;
}


#check_res {    
    margin: 0 auto 20px;
    text-align: center; 
}

#curr_status {   
    border-width: 1px;  
    background-image: linear-gradient(to top, rgba(255,255,255,0), rgba(255,255,255,0)), url(/img/status.svg);
   
}


#resp_time {     
 
    border-width: 1px; 
    background-image: linear-gradient(to top, rgba(255,255,255,0), rgba(255,255,255,0)), url(/img/time.svg);  
   
}

#resp_code {  
    border-width: 1px;   
    background-image: linear-gradient(to top, rgba(255,255,255,0), rgba(255,255,255,0)), url(/img/code.svg);

   
} 

.status_info {
    min-height: 90px;
    overflow: hidden;
    border: solid #e2e2e2;
    background-repeat: no-repeat;
    background-position: bottom left;
}

.status_info h4 {
    padding: 5px 0;
    margin: 0 auto 10px;
    font-weight: 500;
    font-size: 18px;
    color: #334d78;
    background-color: #f4f8fa;
    
}

.up {
    background-color: #5cb85c;
}
.sp {
    border-radius: 3px;
    padding: 3px 6px;
    font-size: 12px;
    color: #fff;
}
.timing {
    background-color: #4169E1;
}

.button.is-small {
    border-radius: 2px;
    font-size: .75rem;
}
.button.is-link {
    background-color: #3273dc;
    border-color: transparent;
    color: #fff;
}




/* vietnamese */
@font-face {
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local('Nunito Sans Italic'), local('NunitoSans-Italic'), url(https://fonts.gstatic.com/s/nunitosans/v6/pe0oMImSLYBIv1o4X1M8cce4E9ZKdmwp.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local('Nunito Sans Italic'), local('NunitoSans-Italic'), url(https://fonts.gstatic.com/s/nunitosans/v6/pe0oMImSLYBIv1o4X1M8cce4E9dKdmwp.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local('Nunito Sans Italic'), local('NunitoSans-Italic'), url(https://fonts.gstatic.com/s/nunitosans/v6/pe0oMImSLYBIv1o4X1M8cce4E9lKdg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Nunito Sans Light'), local('NunitoSans-Light'), url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8WAc5iU1EQVg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Nunito Sans Light'), local('NunitoSans-Light'), url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8WAc5jU1EQVg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Nunito Sans Light'), local('NunitoSans-Light'), url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8WAc5tU1E.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Nunito Sans Regular'), local('NunitoSans-Regular'), url(https://fonts.gstatic.com/s/nunitosans/v6/pe0qMImSLYBIv1o4X1M8cceyI9tScg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Nunito Sans Regular'), local('NunitoSans-Regular'), url(https://fonts.gstatic.com/s/nunitosans/v6/pe0qMImSLYBIv1o4X1M8ccezI9tScg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Nunito Sans Regular'), local('NunitoSans-Regular'), url(https://fonts.gstatic.com/s/nunitosans/v6/pe0qMImSLYBIv1o4X1M8cce9I9s.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Nunito Sans SemiBold'), local('NunitoSans-SemiBold'), url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc9iB85iU1EQVg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Nunito Sans SemiBold'), local('NunitoSans-SemiBold'), url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc9iB85jU1EQVg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Nunito Sans SemiBold'), local('NunitoSans-SemiBold'), url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc9iB85tU1E.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Nunito Sans Bold'), local('NunitoSans-Bold'), url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8GBs5iU1EQVg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Nunito Sans Bold'), local('NunitoSans-Bold'), url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8GBs5jU1EQVg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Nunito Sans Bold'), local('NunitoSans-Bold'), url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8GBs5tU1E.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: local('Nunito Sans ExtraBold'), local('NunitoSans-ExtraBold'), url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8aBc5iU1EQVg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: local('Nunito Sans ExtraBold'), local('NunitoSans-ExtraBold'), url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8aBc5jU1EQVg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: local('Nunito Sans ExtraBold'), local('NunitoSans-ExtraBold'), url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8aBc5tU1E.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('Nunito Sans Black'), local('NunitoSans-Black'), url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8-BM5iU1EQVg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('Nunito Sans Black'), local('NunitoSans-Black'), url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8-BM5jU1EQVg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local('Nunito Sans Black'), local('NunitoSans-Black'), url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8-BM5tU1E.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

p.select {
    font-size: 16px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #ccd8ea;
    line-height: 24px;
    padding: 1.5rem;
}



/*https://codepen.io/Wendy-Ho/pen/MWWBvmd */

.warpper{
  display:flex;
  flex-direction: column;
  align-items: center;
}
.tab{
  cursor: pointer;
  padding:10px 20px;
  margin:0px 2px;
  background:#333;
  display:inline-block;
  color:#fff;
  border-radius:3px 3px 0px 0px;
  box-shadow: 0 0.5rem 0.8rem #00000080;
}

#three-tab {
    color: #a94442;
    background: wheat;
}
.panels{
  background:#fffffff6;
  box-shadow: 0 2rem 2rem #00000080;
  min-height:200px;
  width:100%;
  max-width:auto;
  border-radius:3px;
  overflow:hidden;
  padding:20px;  
}
.panel{
  display:none;
  animation: fadein .8s;
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
.panel-title{
  font-size:1.5em;
  font-weight:bold
}
.radio{
  display:none;
}
#one:checked ~ .panels #one-panel,
#two:checked ~ .panels #two-panel,
#three:checked ~ .panels #three-panel{
  display:block
}
#one:checked ~ .tabs #one-tab,
#two:checked ~ .tabs #two-tab,
#three:checked ~ .tabs #three-tab{
  background:#fffffff6;
  color:#333;
  border-top: 3px solid #000;
}


a.vote-up, a.vote-down  {
    font-weight: bold;  padding-left: 3px;  padding-right: 3px;  
}
span.voting-score {
    color: #a9a9a9;
    
}

.voting-score-green {
    color: green;
    font-weight: bold; 
}

.voting-score-red {
    color: red;
    font-weight: bold; 
}

.sparkline {
    stroke: #1EAEDB; 
    fill: none;
    margin-top: 10px;
    margin-bottom: 10px;  
}

.w-full {
    width: 100%;
}

.h-full {
    height: 100%;
}
.aspect-video {
    aspect-ratio: 16 / 9;
}