* {
	box-sizing: border-box;
	margin: 0px;
	padding: 0px;
}

body, input, textarea, select, button, .countdown {
	font-family: "Lato";
	font-size: 17px;
}

input, textarea, select {
	border: solid 2px #e1e1e1;
	padding: 15px;
}

a {
	text-decoration: none;
}

h1 {
	margin-bottom: 30px;
	font-size: 28px;
	font-weight: 900;
	text-transform: uppercase;
}

.disabled {
	background: #b3afaf !important;
	pointer-events: none;
}

.grid {
	display: grid;
}

.gridCentered {
	margin: auto;
}

.fileUpload {
	background: #179b66;
	overflow: hidden;
    position: relative;
}

.fileUpload input {
	cursor: pointer;
	filter: alpha(opacity=0);
	height: 100%;
	margin: 0;
	opacity: 0;
    padding: 0;
    position: absolute;
	right: 0;
    top: 0;    
}

.txtLight, .countdown .flip-clock-label {
	color: #ffffff;
}

.txtDark {
	color: #747474;
}

.txtGreen {
	color: #04b19d;
}

.txtViolet {
	color: #6b5bb4;
}

.txtBlue {
	color: #242959;
}

.txtRed {
	color: #cc2036;
}

.txtCentered {
	text-align: center;
}

.txtRight {
	text-align: right;
}

.txtJustified {
	text-align: justify;
}

.txtUnderlined {
	text-decoration: underline;
}

.txtUppered {
	text-transform: uppercase;
}

.noPaddingT {
	padding-top: 0px !important;
}

.extraPadding {
	padding: 15px;
}

.noBorder {
	border: 0px;
}

.noBottomSpacing {
	padding-bottom: 0px !important;
}

.bottomLine  {
	border-bottom: solid 2px #e6e7e7;
	padding-bottom: 20px;
}

.width50 {
	width: 50%;
}

.width100 {
	width: 100%;
}

.bckgLight {
	background: #ffffff;
}

.bckgDark {
	background: #42328a;
}

.bckgGreen {
	background: #04b19d;
}

.bckgBlue {
	background: #242959;
}

.beam {
	background: radial-gradient(circle at center, #1CD48E 0%, #252959 100%);
	padding: 15px;
	margin-bottom: 0px;
}

.content {
	padding: 30px 0px 30px 0px;
}

.box {
	padding: 30px !important;
}

.boxShadow {
	-webkit-box-shadow: 0px 50px 9px -45px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0px 50px 9px -45px rgba(0, 0, 0, 0.75);
	box-shadow: 0px 50px 9px -45px rgba(0, 0, 0, 0.75);
}

[class*="col-"] {
	float: left;
    padding: 15px;
	width: 100%;
}

.row::after {
    clear: both;
    content: "";
    display: table;
}

.btn {
	border: none;
	cursor: pointer;
	display: inline-block;
	font-weight: 900;
	padding: 15px 50px;
	text-align: center;
	text-transform: uppercase;
}

.btnGreen {
	background: #22b89b;
	border-bottom: solid 5px #16818f;
}

.btnGreen:hover {
	background: #1eca8d;
}

.btnGreen2 {
	background: #1eca8d;
}

.btnViolet {
	background: #42328a;
}

.noticeWarning, .noticeError, .noticeSuccess {
	margin-bottom: 25px;
	padding: 15px;
	text-align: center;
}

.noticeWarning {
	border: solid 2px #1eca8d;
	color: #1eca8d;
}

.noticeError {
	border: solid 2px #cc2036;
	color: #cc2036;
}

.noticeSuccess {
	border: solid 2px #1c9b67;
	color: #1c9b67;
}

.error {
	border: solid 2px #cc2036;
}

.error + label {
	color: #cc2036;
}

.headerGuest.parallax-window {
    height: 550px;	
}

.headerUser.parallax-window {
    height: 500px;
}

.headerGuest .row {
	background: url('../img/layout/bckgHeaderBottomGuest.png') bottom center no-repeat;
	height: 550px;
	position: relative;
}

.headerGuest .btn {
	bottom: 60px;
	font-size: 25px;	
	position: absolute;
}

.navTop {
	position: absolute;
	width: 100%;
	z-index: 99;
}

.navTop li {
	list-style-type: none;
}

.navTop a {
	color: #454546;
	display: block;
	font-weight: 700;
	margin-bottom: 2px;
	padding: 10px 20px;	
	text-transform: uppercase;
}

.navTop .dropdown ul {
	display: none;
}

.navTop .active.dropdown ul {
		display: block;
	}

.navTop .active > a, .navTop li:hover > a {
	border: solid 2px #22b89b;
	padding: 8px 18px;
}

.navTop .icoHome:after {
	background-image: url('../img/layout/icoHomeDark.png');
	content: "\00a0";
	display: inline-block;
	height: 20px;
	width: 20px;
}

.navTopUser nav {
	background: url('../img/layout/logoDark.png') top center no-repeat;
	padding-top: 90px;
}

.numbers div:first-line {
	font-size: 64px;
	font-weight: 900;
}

footer .sponsor {
	background-position: center center;
	background-repeat: no-repeat;
	border-bottom-style: solid;
	border-bottom-width: 10px;
	height: 260px;
}

footer .links {
	background: #e6e7e7;
}

footer a {
	color: inherit;
}

.gradientLine {
	background-image: linear-gradient(to right, #1dce8e, #00aca0, #00889f, #006488, #234161);
	height: 10px; 
	width: 100%;
}

.gradientRadial {
	background: radial-gradient(55% 100% at center, #8681be 0%, #6b5bb4 100%);
}

.gradientLineBottom {
	border-bottom: none;
}

.gradientLineBottom::after {
	background-image: linear-gradient(to right, #1dce8e, #00aca0, #00889f, #006488, #234161);
	bottom: 0px;
	content: '';
	display: block;
	height: 5px;
	left: 0px;
	position: absolute;
	width: 100%;
}

.registration {
	color: #6d6d6d;
}

.navMonths li {
	background: #1eb586;
	line-height: 30px;
	list-style-type: none;
	margin-bottom: 4px;
}

.navMonths .selected {
	border-bottom: solid 5px #1c7d8d;
}

.navDays li {
	display: inline-block;
	list-style-type: none;
	width: 34px;
}

.navDays .selected {
	border-bottom: solid 2px #1c7d8d;
}

.event div {
	background: #e9eaeb;
}

.event .btn {
	padding: 15px 0px;
	margin: 7px 0px 7px 0px;
}

.eventMaterial div {
	background: #e9eaeb;
}

.barChart {
	overflow: hidden;
	height: 350px;
	position: relative;
}

.barChart .data {
	height: 300px;
	position: relative;
}

.barChart .bar {
	cursor: pointer;
	display: inline-block;
	height: 100%;
	margin: 0px 0px 50px 60px; 
	position: relative;
	width: 70px;
}

.barChart .content {
	bottom: 0px;
	font-size: 10px;
	position: absolute;
	width: 100%; 
}

.barChart .bar:hover {
	opacity: 0.95;
}

.barChart .numbers, .downloadsChart .numbers {
	background: #eaeaea;
	border-radius: 50%;
	font-size: 20px;
	font-weight: 900;
	height: 50px;
	left: 50%;
	margin-left: -25px;
	opacity: 0.8;
	position: absolute;
	width: 50px;
}

.barChart .numbers.top {
	top: -25px;
}

.barChart .numbers.bottom {
	bottom: 20px;
}

.barChart .scrollChart {
	cursor: pointer;
	height: 26px;
	position: absolute;
	bottom: 0px;
	width: 18px;
}

.barChart .scrollChart:hover {
	opacity: 0.6;
}

.barChart .scrollChart.left {
	background: #ffffff url('../img/layout/icoScrollChartLeft.png');
	right: 0px;
}

.barChart .scrollChart.right {
	background: #ffffff url('../img/layout/icoScrollChartRight.png');
	left: 0px;
}

.barChart .axisX {
	bottom: -50px; 
	font-size: 20px;
	font-weight: 600;
	position: absolute;
	width: 70px; 
}

.barChart .axisY {	
	background: #ffffff;
	color: #cccaca;
	font-size: 14px;	
	height: 300px;
	left: 0px;  
	position: absolute;
	top: 0px;
	width: 30px;
	z-index: 1;
}

.barChart .axisY .value {
	display: block;
	left: 0px;
	position: absolute;   
}

.barChart .line {
	border: solid 2px #ce1a56;
	position: absolute; 
	width: 100%;
}

.chartLegend .avgReceivers {
	background: #ce1a56;
	font-size: 48px;
	font-weight: 600;
	margin: 0px auto;
	height: 100px;
	width: 100px;
}

.chartLegend .sign {
	color: #414143;
}

.chartLegend .sign:before {
	content: "";
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-right: 5px;
}

.chartLegend .signDarkGreen:before, .bckgDarkGreen {
	background: #42328a;
}

.chartLegend .signLightGreen:before, .bckgLightGreen {
	background: #6b5bb4;
}

.chartLegend .signDarkBlue:before, .bckgDarkBlue {
	background: #22b89b;
}

.chartLegend .signLightBlue:before, .bckgLightBlue {
	background: #01b3ef;
}

.chartLegend .sign strong {
	font-size: 20px;
	font-weight: 900;
}

.donutChart {
	border-radius: 100%;
	height: 200px;
	position: relative;
	width: 200px;
}

.donutChart .slice {
  border-radius: 100%;
  clip: rect(0px, 100px, 200px, 0px);
  height: 100%;
  position: absolute;
  width: 100%;
}

.donutChart .clip {
  border-radius: 100%;
  clip: rect(0px, 200px, 200px, 100px);
  height: 100%;
  position: absolute;
  width: 100%;
}

.donutChart .center {
	background: #ffffff;
	border-radius: 100%;
	height: 130px;
	left: 35px;  
	position: absolute;
	top: 35px; 
	width: 130px;  
}

.timeChart {
	background: url('../img/layout/bckgTimeChart.png') top center no-repeat;
}

.timeChart .center {
	border: solid 20px #42328a;
	height: 150px;
	left: 25px;  
	top: 25px; 
	width: 150px;
}

.downloadsChart .data {
	border-bottom: solid 2px #b3afb0;
	height: 200px;
	min-width: 290px;
}

.downloadsChart .bar {
	display: inline-block;
	height: 100%;
	margin: 0px 20px;
	position: relative;
	width: 100px;
}

.downloadsChart .content {
	bottom: 0px;
	position: absolute;
	width: 100%;
}

.downloadsChart .numbers.top {
	top: -65px;
}

.downloadsChart .axisX {
	display: inline-block;
	width: 140px;
}

.downloadsChart .axisY {
	bottom: 0px;
	font-size: 12px;
	font-weight: 600;
	height: 100%;
	position: absolute;  
	width: 20px;
}

.downloadsChart .axisY .value {
	line-height: 50%;
	position: absolute;
	width: 100%; 
}

.downloadsChart .axisY.listeners {
	left: -25px;
}

.downloadsChart .axisY.nonListeners {
	right: -25px;
}

.listenersChart, .downloadsChart, .timeChart {
	height: 300px;
	padding-top: 35px;
}

.countdown {
	margin: 0px auto;
	position: relative;
	width: 400px;
}

.countdown ul {
	height: 60px;
	width: 50px;
}

.countdown ul li a div div.inn {
	background: #242959;
	border: none;
	border-radius: 0; 
	color: #ffffff;
	font-size: 42px;
	line-height: 60px;
}

.countdown ul li a div.down {
	border-radius: 0;
}

.countdown .flip-clock-label {
	top: auto;
	bottom: 0px;
}

.countdown .flip-clock-dot {
	display: none;
}

.countdown .flip-clock-divider {
	height: 70px;
}

.myAccount h1, .myAccount h2, .test h1 {
	text-align: center;
}

.myAccount h2 {
	border-bottom: solid 1px #747474;
	font-size: 22px;
	padding-bottom: 10px;
}

.banner img {
	width: 100%;
}

.manageTests ul {
	counter-reset: c;
}

.manageTests ul li {
	list-style-type: none;
	position: relative;
}

.manageTests ul li:before {
	content: counter(c, lower-alpha) ")";
	counter-increment: c;
	left: 30px;
	position: absolute;
	top: 32px;
}

.manageTests ul [type="text"] {
	padding-left: 30px;
	padding-right: 30px;
}

.manageTests ul [type="radio"] {
	position: absolute;
	right:30px;
	top: 35px;
}

.manageTests .add {
	cursor: pointer;
	float: right;
	margin-left: 10px;
}

.test .intro ul {
	margin: 20px auto;
	width: 80%; 
}

.test .intro li {
	list-style-type: none;
	margin-bottom: 20px;
}

.test .question .row:first-child {
	margin-bottom: 35px;
}

.test .question ul {
	counter-reset: c;
}

.test .question ul li {
	list-style-type: none;
}

.test .question ul li:before {
	content: counter(c, lower-alpha) ")";
	counter-increment: c;
}

.test .question ul [type="radio"] {
	margin-left: -40px;
}

.test .question ul label {
	margin-left: 25px;
}

.test .summary h1 {
	margin-bottom: auto;
}

.test .countdown {
	width: 260px;
}

.test .txtGreen input[type="radio"]:checked + label, .test .txtRed input[type="radio"]:checked + label {
	text-decoration: underline;
}

@media only screen and (min-width: 600px) {
    .col-m-1 {
		width: 8.33%;
	}
	
    .col-m-2 {
		width: 16.66%;
	}
	
    .col-m-3 {
		width: 25%;
	}
	
    .col-m-4 {
		width: 33.33%;
	}
	
    .col-m-5 {
		width: 41.66%;
	}
	
    .col-m-6 {
		width: 50%;
	}
	
    .col-m-7 {
		width: 58.33%;
	}
	
    .col-m-8 {
		width: 66.66%;
	}
	
    .col-m-9 {
		width: 75%;
	}
	
    .col-m-10 {
		width: 83.33%;
	}
	
    .col-m-11 {
		width: 91.66%;
	}
	
    .col-m-12 {
		width: 100%;
	}
	
	.boxCentered {
		float: none;
		margin: 0px auto;
		width: 500px; 
	}
	
	.navTop {
		position: fixed;
	}
	
	.navTop ul {
		padding: 14px 0px;
		text-align: right;
	}
	
	.navTop ul li {
		display: inline-block;
	}	
	
	.navTop .dropdown {
		position: relative;
	}
	
	.navTop .dropdown li {
		background: #22b89b;
		width: 100%;
		margin-bottom: 2px;
	}
	
	.navTop .dropdown ul {
		padding: 0px;
		position: absolute;
		width: 100%;
	}
	
	.navTop .active.dropdown ul {
		display: none;
	}
	
	.navTop .dropdown:hover ul {
		display: block;
	}
	
	.navTopUser nav {
		background-position: center left;
		padding: 0px;
	}
	
	.navTopGuest.navTopScrolled {
		background: #ffffff;
	}
	
	.navTopGuest.navTopScrolled a {
		color: #000000;
	}
	
	/*.navTopGuest.navTopScrolled .icoHome:after {
		background: url('../img/layout/icoHomeDark.png') center center no-repeat;
	}*/

	/*.navTopUser.navTopScrolled {
		background: #ffffff;
	}*/
	
	.navTopUser {
		background: #ffffff;
	}
	
	.navTopUser.navTopScrolled nav {
		background-image: url('../img/layout/logoDark.png');
	}
	
	/*.navTopUser.navTopScrolled a {
		color: #747474;
	}*/
	
	.navTopUser .dropdown ul a {
		color: #ffffff;
	}

	/*.navTopUser.navTopScrolled .icoHome:after {
		background: url('../img/layout/icoHomeDark.png') center center no-repeat;
	}*/

	.headerUser.parallax-window {
		height: 325px;
	}
	
	.headerGuest .btn {
		width: 345px;
	}
	
	.navMonths li {
		display: inline-block;
		width: 94px;
	}
	
	.event div {
		min-height: 160px;
	}
	
	.eventMaterial div:nth-child(2) {
		border-left: solid 10px #ffffff;
		border-right: solid 10px #ffffff;
	}
	
	.eventMaterial div:last-child {
		background: none;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	
	.myAccount h1, .myAccount h2 {
		text-align: left;
	}
	
	.test .intro ul {
		width: 40%; 
	}
}

@media only screen and (min-width: 1280px) {
    .col-1 {
		width: 8.33%;
	}
		
    .col-2 {
		width: 16.66%;
	}
		
    .col-3 {
		width: 25%;
	}
		
    .col-4 {
		width: 33.33%;
	}
		
    .col-5 {
		width: 41.66%;
	}
		
    .col-6 {
		width: 50%;
	}
		
    .col-7 {
		width: 58.33%;
	}
	
    .col-8 {
		width: 66.66%;
	}
		
    .col-9 {
		width: 75%;
	}
		
    .col-10 {
		width: 83.33%;
	}
	
    .col-11 {
		width: 91.66%;
	}
		
    .col-12 {
		width: 100%;
	}
	
	.wrapper {
		margin: 0px auto;
		width: 1200px;
	}	
}