body {
	background:#000;
/* Old browsers */
	background:#221F20 url('../img/asset1.svg');
	background-repeat:no-repeat;
  	background-position:bottom left;
	font-family:"myriad-pro";
	background-size: 30%;
	background-attachment:fixed;
}

.line {
	/*background-image:url(../img/line.png);*/
	background-position-x:50%;
	height:8px;
	border-bottom: 2px solid #ec008b;
}

[class*="column"] + [class*="column"]:last-child {
	float:left;
}

button {
  font-family:"myriad-pro";  
}

.below-images {
	margin: 46px auto;
}

.margin-top-40 {
  margin-top: 40px;
}

.event-lift {
  padding-top: 1.5rem;
}

@media only screen and (min-width: 250px) and (max-width: 768px) {
	body {
		background-position: center left;
		background-size: 50%;
	}

	.fadeInLeft {
		-webkit-animation-name:fadeInLeft;
		animation-name:fadeInLeft;
	}

	.first {
		margin-bottom: 0 !important;
		height: 240px !important;
		padding-bottom: 0 !important;
	}

	.second {
		padding-bottom: 0 !important;
	}

	.bg.first-row {
		padding-bottom: 1rem !important; 
	}

	.headerinfo {
		font-size: 14px !important;
	}

	.headeraudico {
		font-size: 1.8em;
	}

	.bg.even {
		padding: 0 !important;
		padding-bottom: 3rem;
		padding-left: 1rem !important;
		padding-right: 1rem !important;
		padding-top: 1rem !important;
		margin-top: 50px;
	}

	.footer {
		margin-top: 25px !important;
		padding-bottom: 2rem;
	}
}

@media only screen and (min-width: 500px) and (max-width: 764px) and (orientation: landscape) {

	.first {
		margin-bottom: 25px !important;
		height: 350px;
	}

	.second {
		padding-bottom: 0 !important;
	}

	.footer {
		margin-top: 0 !important;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	body {
		background:#221F20 url('../img/asset1.svg') bottom left no-repeat;
		background-size: 50%;
	}

	.first {
		margin-bottom: 0 !important;
	}
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
	body {
		background:#221F20 url('../img/asset1.svg') bottom left no-repeat fixed;
		background-size: 40%;
	}
}

@media only screen and (max-width: 523px) {
	.below-images {

	}
	.below-images img {
		display: block;
		margin: 0px auto;
	}
}


.center {
	text-align: center;
}

h4 {
	font-weight:600;
	font-size:18px;
	padding:0;
	line-height:1em;
}

#button {
	margin-top: 1em;
}

.main {
	/*margin-top:30px;*/
	padding-bottom: 50px;
}



.error {
	position: fixed;
	top: 0px;
	width: 500px;
	box-shadow: 0px 0px 21px 15px rgba(0,0,0,0.2);
	max-width: 100%;
	background-color: #c32d2d;
	font-weight: 600;
	color: #fff;
	padding: 20px;
	left: 50%;
	margin-left: -250px;
}

#kumppanilogot {
	/*margin-top:50px;*/
	/*margin-bottom: 34px;*/
}

#kumppanilogot .columns {
	text-align: center;
}
#kumppanilogot img {
	padding: 15px 0;
}


/**
 *
 * Main image ja logot
 *
 */
#main-image img {
	-webkit-filter:drop-shadow(12px 12px 7px rgba(0,0,0,0.5));
}

#main-image {
	/*padding-left:194px;*/
	height:310px;
	overflow:hidden;
  margin: 0 10px;
  margin-top: 0;
}

.js-cm-submit-button {
	background-color: #ec008b;
  color: #fff;
}

.js-cm-submit-button:hover {
  background-color: #fff;
  color: #ec008b;
}

#event-time, .event-time {
	margin-top: 40px;
	margin-bottom: 40px;
}

#logos {
	padding-left:194px;
	margin-top:30px;
}

@media only screen and (max-width: 1009px) {
	#main-image {
		padding-left:0;
		/*height:380px;*/
    overflow:hidden;
    height: auto;
	}

	#logos {
		padding-left:0;
	}
}

@media only screen and (max-width: 622px) {
	#main-image {
		padding-left:0;
		height:120px;
    overflow:hidden;
    height: auto;
	}
}

@media only screen and (max-width: 523px) {
	#main-image {
		height:auto;
		margin-bottom:20px;
	}
}

@media only screen and (max-width: 587px) {
	#logos img {
		width:32%;
	}

	input[type=submit], .activate {
		width:100% !important;
	}
}

.bg {
	background-color: transparent;
	position:relative;
	padding:1px;
	/*padding-bottom: 30px;*/

	background: transparent; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
/*
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzE5MTkxOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #191919 1%, #000000 100%);*/ /* FF3.6+ */
/*	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#191919), color-stop(100%,#000000)); /* Chrome,Safari4+ */
/*	background: -webkit-linear-gradient(top,  #191919 1%,#000000 100%); /* Chrome10+,Safari5.1+ */
/*	background: -o-linear-gradient(top,  #191919 1%,#000000 100%); /* Opera 11.10+ */
/*	background: -ms-linear-gradient(top,  #191919 1%,#000000 100%); /* IE10+ */
/*	background: linear-gradient(to bottom,  #191919 1%,#000000 100%); /* W3C */
/*	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#191919', endColorstr='#000000',GradientType=0 ); /* IE6-8 */
}
.bg.odd {
	padding: 60px 0;
	background-color:#191919;
	background: #191919; /* Old browsers */
}
.bg.even {
  padding: 60px 0;
  margin-top: 50px;
	background-color: #000;
	background: #000; /* Old browsers */
}

.main {
  background: rgba(0, 0, 0, 0.7);
  padding-left: 2rem;
  padding-right: 2rem;
}

.row {
  margin-bottom: 2rem;
}

.bg.first-row {
  margin-top: 0;
  padding: 0;
  background-color: transparent;
  background: transparent;
}
.bg.kumppanilogot {
	background-color: #fff;
	color: #fff;
}

.description {
	font-size: 0.9em;
	padding: 0px 0px 0px 0px;
	margin: -10px 0px 0px 0px;
	color: #f0f0f0;
	font-style: italic;
}

section {
	overflow:hidden;
	display:block;
}

.divider {
	width:100%;
	height:8px;
	background-color:#489932;
	margin:30px 0;
}

/**
 *
 * Lomake
 *
 */

input[type="checkbox"] + label, input[type="radio"] + label {
margin-left: 0.2rem;
}

.full {
	opacity: 0.6;
}

.full input[type="checkbox"] {
	display: none;
}


 .hidden {
	 visibility: hidden;
 }

 .error-field {
	border: 1px solid rgb(168, 46, 46) !important;
 }
input[type=submit]:hover, .activate:hover {
	background-color:#bf0371;
}

input[type=submit], .activate {
	transition:.4s all;
	border:none;
	margin: 30px auto;
	width: 50%;
	display:block;
	font-size:1em;
	line-height:15px;
	outline-width:2px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:30px;
	padding-right:30px;
	text-align:center;
	text-decoration:none!important;
	transition:all .2s;
	color:#fff!important;
	background-color:#ec008b;
	outline-color:#53b237;
	text-shadow:0 1px 0 rgba(0,0,0,0.3);
}

.activate {
	padding-bottom: 12px;
}

.activate.big {
  font-weight: 300;
  font-size: 20px;
  line-height: 21px;
  margin: 2.5rem auto;
}


.form-item {
	padding:10px 0;
}

.form-item label {
	margin-bottom:.5em;
	color:#fff;
}

input[type=text],input[type=email], textarea {
	background-color:#404040;
	border:none;
	font-size:1em;
	color:#fff;
	transition:.5s all;
}

input[type=text]:focus,input[type=email]:focus, textarea:focus {
	background-color:#5E5E5E;
	outline:none!important;
	outline-style:none;
	box-shadow:0 0 0 #000;
}

input[type="text"][disabled] {
	background-color:#141414;
}

input[type=checkbox] {
	margin-bottom:0;
}

label {
	font-weight:4500;
	color:#ec008b;
	font-size:16px;
	line-height:1em;
	padding:0;
	margin:0;
}
.schedule-item label {
	font-size:.7rem;
	font-weight: normal;
	line-height:1em;
	padding:0;
	margin:0;
	margin-left: 0;
}

.schedule-item label{
  color: #fff;
  font-size: 14px;
}

/**
 *
 * Lukujärjestys
 *
 */
.schedule-data.row {
	overflow:hidden;
	margin-bottom:30px;
}

.schedule-cabinet-title {
	margin-top: 10px;
}

.schedule-item {
	border:1px solid #2C2C2C;
	box-sizing:border-box;
	background-color:#414141;
	padding:10px;
	transition:.5s all;
}

.schedule-item.empty {
	background-color: transparent;
	border: none;
}

.schedule-item.empty .schedule-time {
	display: none;
}

.schedule-item.lunch {
	background-color:#77bf43;
	border:1px solid #77bf43;
	height: 82px;
}

.schedule-item.lunch.selected {
	border:1px solid #333;
}

.schedule-item.lunch.col-4,.schedule-item.break.col-4 {
	border-top:none;
	border-bottom:none;
	border-right:1px solid #080808;
}



.schedule-item.selected {
	background-color:#333;
}

.schedule-item.break {
	background-color:#5E6351;
	border:1px solid #5E6351;
}

.thin {
	font-weight:300;
}

.over {
	background-color:#4f4f4f;
}

.duration-30 {
	height:81px;
}

.duration-60 {
	height:175px;
}

.duration-120 {
	height:324px;
}

.schedule-header {
	margin-top:50px;
}

.schedule-header p {
	padding:0;
	line-height:1em;
	font-size:12px;
}

.schedule-item span {
	font-size:.7rem;
}

.schedule-item span span.red {
	color: red;
	font-size: 1rem;
}

.schedule-item .schedule-description {
	font-size: 0.9em;
	line-height: 1.3em;
	display: block;
	margin-top: 1.7em !important;
	float: none;
	clear: both;
}

.schedule-item.lunch .schedule-description {
  margin-top: 0.7rem !important;
}

.schedule-item .schedule-talker {
	font-size: 0.8em;
	font-style: italic;
	color: #A3A3A3;
	line-height: 1.2em;
	display: block;
	margin-top: 0.4em;
}

.schedule-item  .lesson-full {
	color: #ec008b;
	font-size: 1rem;
	margin-right: 10px;
	float: right;
	margin-top: -5px;
}
.schedule-time {
	float:left;
}

.schedule-description {
	clear:both;
	display:block;
}

.additional-schedule {
	display: flex;
}
.additional-schedule .additional-schedule-inner {
	margin-left: 10%;
}
.additional-schedule .additional-schedule-row {
	padding: 15px;
}

.schedule-item.after-work label, .schedule-item.after-work input
 {
	float: none;
}
.after-work {
	text-align: center;
}
.after-work .time {
	display: block;
}
.after-work span {
	font-size: 0.9rem;
}
.after-work label {
	font-size: 1.2rem;
}


@media only screen and (max-width: 73em) {
	.row {
		max-width:90%;
  }
}

@media only screen and (max-width: 40em) {

	#event-time {
		font-size: 0.9em;
	}
	.duration-30,.duration-60,.duration-120 {
		height:auto;
	}

	.schedule-item label {
		font-size: 0.7rem;
	}

	.schedule-item .schedule-description {
		font-size: 1.1em;
	}

	.row {
		max-width:95%;
  }
}

.schedule-item input {
	margin-right:5px;
}

.schedule-item label {
	/*margin-bottom:5px;
	line-height:.8em;*/
}

.schedule-item input,.schedule-item label {
	float:left;
}

@media only screen and (min-width: 64.063em) {
	.schedule-item.lunch:not(.show-first) > * {
		display:none;
	}
}




/**
 *
 * Animaatiot
 *
 */
.animated {
	-webkit-animation-duration:.6s;
	animation-duration:.6s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}

.animated-slow {
	-webkit-animation-duration:.6s;
	animation-duration:.6s;
	-webkit-animation-fill-mode:both;
	-webkit-animation-delay:1s;
/* Chrome, Safari, Opera */
	animation-delay:1s;
	animation-fill-mode:both;
}

.fadeInDown {
	-webkit-animation-name:fadeInDown;
	animation-name:fadeInDown;
}

#main-image {
	height: auto;
	overflow: hidden;
  margin: 0 10px;
  margin-top: 100px;
}

#adtoplogo {
  width: 300px;
  height: 50px;
}

.first {
  height: 400px;
}

.second {
  padding-bottom: 0;
}

.headerinfo {
	line-height: 26px;
	font-size: 18px;
}

#Audicomain {
  width: 98%;
  max-width: 100%
}

.headeraudico {
  color: #fff;
  text-align: center;
}

.subscribe {
	color: #fff;
}

input[type="radio"] {
	margin-right: 5px;
}

.gdpr a:hover {
	text-decoration: underline;
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity:0;
		-webkit-transform:translateY(-20px);
	}

	100% {
		opacity:1;
		-webkit-transform:translateY(0);
	}
}

@keyframes fadeInDown {
	0% {
		opacity:0;
		transform:translateY(-20px);
	}

	100% {
		opacity:1;
		transform:translateY(0);
	}
}

@-webkit-keyframes fadeIn {
	0% {
		opacity:0;
	}

	100% {
		opacity:1;
	}
}

@keyframes fadeIn {
	0% {
		opacity:0;
	}

	100% {
		opacity:1;
	}
}

.fadeIn {
	-webkit-animation-name:fadeIn;
	animation-name:fadeIn;
}

@-webkit-keyframes fadeInLeft {
	0% {
		opacity:0;
		-webkit-transform:translateX(-20px);
	}

	100% {
		opacity:1;
		-webkit-transform:translateX(0);
	}
}

@keyframes fadeInLeft {
	0% {
		opacity:0;
		transform:translateX(-20px);
	}

	100% {
		opacity:1;
		transform:translateX(0);
	}
}

.fadeInLeft {
	-webkit-animation-name:fadeInLeft;
	animation-name:fadeInLeft;
}
.bganimation {
	animation: animatedBackground 2s ease-in;
	-webkit-animation: animatedBackground 2s ease-in ;
}

#training {
  margin-top: 40px;
}




/**
 *
 * survey
 *
 */

 #survey p label {
	 display: block;
	 float: left;
 }

 #survey p, #survey .events {
	 clear: both;


	 overflow: hidden;
 }

 #survey p input[type=checkbox] {
	float: left;
	clear: both;
	width: auto;
	margin-bottom: 0.5rem;
	position: relative;
	top: 2px;
	margin-right: 5px;
	min-width: 0px;
 }

 #survey p label:first-child{
 	font-size: 1.1em;

 	float: none;
	 padding-bottom: 0.4em;
	 padding-top: 0.6em;
 }

 #survey select {
	width: auto;
	min-width: 100px;

 }

 #survey .events label:first-child {
	 width: 420px;
	 max-width: 100%;
	 color: #fff;
	 font-size: 1rem;
 }

 #survey .events label:first-child {
	 float: left;
	 padding-top: 0.4em;
 }

  #survey .events select {
	float: right;
	margin-top: 1rem;
	margin-right: 0.8rem;
	margin-bottom: 0.8rem;  
}

  #survey .events label span {
	  font-size: 0.8rem;
	  color: #ccc;
	  display: block;
  }

   #survey .events p  {
   	   min-height: 70px;
	   border-bottom: none;
	   padding: 0px 0px 0px 0px;
 	   margin: 0px 0px 0px 0px;
	   padding-left: 1.3rem;
	   transition: 0.5s all;
   }

   #survey .events p {
	   background-color: #252525;
	   margin-bottom: 7px;
   }

   #survey .events p:hover {
	   background-color: #373737;

   }

   .footer {
   	margin-top: 50px;
   }



/**
 *
 * Surveyform
 *
 */

 .survey-form {
	 max-width: 100%;
	 overflow: hidden;


 }

 .survey-form div{

 	margin-top: 20px;
/* border-top: 1px solid #4d4d4d; */
padding-top: 30px;
overflow: hidden;
background-color: #3d3d3d;
padding: 20px
}

 
 .survey-form label {
	 padding-bottom: 10px;
	 color: #fff;
 }

.survey-form p {
	overflow: hidden;
}

.survey-form .hide {
	display: none;
}


.survey-form .small {
	font-size: 0.8em;
	color: #ccc;
	font-style: italic
}


.survey-form p.select {
	border-bottom: 1px solid #434343;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.survey-form p.select label {
	width: 600px;
	max-width: 100%;
}

 .survey-form p.select label{
	 float: left;
 }
 .survey-form p.select select {
	 float: right;
 }


 
 .survey-form select,
 .survey-form input {
	 width: auto;
	 min-width: 500px;
 	display: inline;
 }

 .survey-form .select select {
	 width: auto;
	 min-width: 80px;
 }


 .survey-form input[type="text"],
  .survey-form input[type="email"],
 .survey-form textarea
  {
	 background-color: #fff;
	 color: #000;
 }
 
  .survey-form input:focus {
	  background-color: #ccc;
  }