@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300&display=swap');

.h1{color:#333;font-size:30px;text-shadow:1px 1px 0px #FFF;font-weight:bold;}
.h2{color:#333;font-size:23px;font-weight:bold;}
.h2s{color:#999;font-size:15px;font-weight:bold}
.h2-month{color:#333;font-size:18px;font-weight:bold;}
.h3{color:#666;font-size:11px;font-weight:bold;text-shadow:2px 2px 0px #FFF;}
.h4{color:#666;font-size:14px;text-shadow:2px 2px 0px #FFF;}
.h4-list{color:#666;font-size:10px;font-weight:bold;text-shadow:2px 2px 0px #FFF;}
.h4-error{color:#666;font-size:11px;font-weight:bold;}
.h4-order{color:#666;font-size:11px;font-weight:100;}
.h5{color:#666;font-size:11px;font-weight:400;}
.h6{color:#06F;font-size:10px;font-weight:100;text-shadow:2px 2px 0px #FFF;}
.h6-select{color:#06F;font-size:11px;font-weight:bold;text-shadow:2px 2px 0px #FFF;border-bottom: 1px solid #06F;}
.h6:hover{border-bottom:1px solid #06F;}
.h6-nb{color:#06F;font-size:10px;font-weight:100;text-shadow:2px 2px 0px #FFF;}
.h6-nb:hover{border-bottom:1px solid #06F;}
.h7{color:#666;font-size:12px;font-weight:bold;}
.h7-empty{color:#666;font-size:12px;font-weight:bold;opacity:0.5;}
.h7-clean {color:#bbb;font-size:11px;text-shadow:1px 1px 0px #fff;}
.h7-1 {color:#fff;text-shadow:1px 1px 0px #999;background:#bbb;border-radius:10px;min-height:15px;min-width:15px;float:left;font-size:11px;text-align:center;margin-left:3px;}
.h7-2 {float:left;margin-left:3px;color:#666;font-size:12px;}
.h8{color:#666;font-size:10px;font-weight:100;}
.h8-msg{color:#666;font-size:9px;font-weight:100;text-shadow:2px 2px 0px #FFF;}
.h9{color:#666;font-size:11px;font-weight:bold;}
.h9-client{color:#333;font-size:11px;font-weight:bold;}
.h9-d{color:#093;font-size:11px;font-weight:bold;text-shadow:2px 2px 0px #FFF;}
/* .h10{color:#F00;font-size:10px;font-weight:bold;} */
.h11{color:#06F;font-weight:bold;font-size:21px;border-bottom:3px solid #06F;}
.h12{color:#666;font-size:11px;font-weight:100;}
.h12:hover{color:#666;font-size:11px;font-weight:100;}
.h13{font-size:11px;color:#333;}
.h14{font-size:10px;color:#333;}

.h-welcome{ font-family: 'Open Sans Condensed', sans-serif; color:#999;font-weight:bold;text-shadow:1px 1px 0px #FFF; }
.h10, .h15, .h20, .h25, .h30, .h35, .h40, .h50, .h60, .h70, .h80, .h100 { font-family: 'Open Sans Condensed', sans-serif; color:#fff;font-weight:100;opacity: 0.9;}
.h-underlined { text-decoration: overline; }
.h-regular { font-weight: 400; }
.h-bold { font-weight: bold; }
.h-italic { font-style: italic; }
.h-shadow { text-shadow: 0.1vmax 0.1vmax 0px #000; }
.h-smooth { opacity: 0.6; }

/* .h15 { font-size:0.95vmax; } */
/* .h20 { font-size:1.05vmax; } */
/* .h25 { font-size:1.3vmax; } */
/* .h30 { font-size:1.6vmax; } */
/* .h40 { font-size:2vmax; } */
/* .h50 { font-size:2.5vmax; } */
/* .h60 { font-size:3vmax; } */
/* .h70 { font-size:4vmax; } */
/* .h80 { font-size:5vmax; } */
/* .h100 { font-size:7vmax; } */


/* If the screen size is 601px wide or more */
@media screen and (min-width: 600px) {
	.h10 { font-size:1vmax; }
	.h15 { font-size:1.15vmax; }
	.h20 { font-size:1.25vmax; }
	.h25 { font-size:1.5vmax; }
	.h30 { font-size:1.8vmax; }
	.h35 { font-size:2vmax; }
	.h40 { font-size:2.5vmax; }
	.h50 { font-size:3vmax; }
	.h60 { font-size:3.5vmax; }
	.h70 { font-size:4.25vmax; }
	.h80 { font-size:5vmax; }
	.h100 { font-size:7vmax; }
}

/* If the screen size is 600px wide or less */
@media screen and (max-width: 600px) {
	.h10 { font-size:1.5vmax; }
	.h15 { font-size:1.9vmax; }
	.h20 { font-size:2.05vmax; }
	.h25 { font-size:2.2vmax; }
	.h30 { font-size:2.6vmax; }
	.h35 { font-size:2.8vmax; }
	.h40 { font-size:3vmax; }
	.h50 { font-size:3.5vmax; }
	.h60 { font-size:4.2vmax; }
	.h70 { font-size:5vmax; }
	.h80 { font-size:6vmax; }
	.h100 { font-size:7vmax; }
}

/* If the screen size is 601px wide or more */
@media screen and (max-aspect-ratio: 10/16) {
	.h10 { font-size:1.5vmax; }
	.h15 { font-size:1.8vmax; }
	.h20 { font-size:2vmax; }
	.h25 { font-size:2.2vmax; }
	.h30 { font-size:2.6vmax; }
	.h35 { font-size:2.8vmax; }
	.h40 { font-size:3vmax; }
	.h50 { font-size:3.5vmax; }
	.h60 { font-size:4.2vmax; }
	.h70 { font-size:5vmax; }
	.h80 { font-size:6vmax; }
	.h100 { font-size:7vmax; }
}



/* ERRORS */

.h-green {color:#18cc48;}
.h-dgreen {color:#0b7026;}
.h-blue {color:#0497d6;}
.h-red {color:#db2a0b;}
.h-light-red {color:#f24b67ee;}
.h-orange {color:#d67804;}
.h-yellow {color:#ffcc00;}