/* Themify Customize Styling */
body {	
	padding-top: 0px; 
}
#content {	
	padding-top: 0px; 
}
#headerwrap {	
	padding-top: 1%;
	padding-bottom: 1%; 
}
#header {		text-align:left; 
}
#headerwrap a:hover {	
	color: #fff204; 
}
body[class*="themify"] #site-logo a img {		width: 200px; 
}
#site-logo {		position:fixed;

	left: 50px;
	margin-top: -15px; 
}
#main-nav a {		font-size:16px;
 
}
#main-nav-wrap #main-nav a:hover, #main-nav-wrap #main-nav > li > a:hover {	
	color: #cf8d15; 
}
.post {	
	padding-top: 4%; 
}
#footerwrap {	background: none;
	background-color: #009EED; 
}
#footer {	
	color: #ffffff; 
}
#footer a {	
	color: #ffffff; 
}
#pagewrap .back-top.back-top-float, .full-section-scrolling #footerwrap .back-top .arrow-up a, .footer-horizontal-left #footerwrap .back-top .arrow-up a, .footer-horizontal-right #footerwrap .back-top .arrow-up a, .footer-left-col #footerwrap .back-top .arrow-up a, .footer-right-col #footerwrap .back-top .arrow-up a, #footer .back-top .arrow-up a {	background: none;
	background-color: #009eed; 
}
@media screen and (max-width: 1280px) { /* Themify Customize Styling */
body[class*="themify"] #site-logo a img {		width: 200px; 
}
 }@media screen and (max-width: 768px) { /* Themify Customize Styling */
body[class*="themify"] #site-logo a img {		width: 200px; 
}
 }@media screen and (max-width: 680px) { /* Themify Customize Styling */
#headerwrap a:hover {	
	color: #fff204; 
}
#main-nav-wrap #main-nav a:hover, #main-nav-wrap #main-nav > li > a:hover {	
	color: #cf8d15; 
}
#footerwrap {	background: none;
	background-color: #009eed; 
}
#footer {	
	color: #ffffff; 
}
#footer a {	
	color: #ffffff; 
}
 }
/* Themify Custom CSS */
html, body{
overflow-x:hidden!important;}
input[type=reset], input[type=submit], button {
background-color: transparent;
border: 2px solid #ffffff;}	

.footer-text{
	text-align: center}
#menu-header-englanti li:after{content:"/";color:#ffffff;}
#menu-header-englanti li:nth-last-child(1):after{content:"";}
#menu-header-ruotsi li:after{content:"/";color:#ffffff;}
#menu-header-ruotsi li:nth-last-child(1):after{content:"";}
#menu-header-perinteinen li:after{content:"/";color:#ffffff;}
.kuvarivi .image-wrap img{height:150px!important;}
.kuvarivi h2{padding-top:10px;}
#menu-header-perinteinen li:nth-last-child(1):after{content:"";}
.uutiskirje input[type=text]{color:#000000!important;}
.uutiskirje input[type=email]{color:#000000!important;}
input[type=submit]:hover{background-color:#ffffff;color:#009EED;}
.nuoli img{width:40%;margin:auto!important;}
.sivulogo{position:absolute!important;top:-3px;z-index:555!important;width:80%;}
.kuvatekstikehys{min-height:500px;padding-top:2%;}
.naviyhteys{white-space:nowrap;}
.navisomeikonit{white-space:nowrap;}
/* KURSSIN RAKENNE CSS */
.yksityislaatikko{min-height:560px}
#aikajana{width:100%;padding-bottom:30px;margin-bottom:-20px;}
.kolmasosa{width:33.3333%;float:left;}
.laatikot{height:180px;position:relative;margin-right:-3px;border-right:3px solid #c2c2c2;}
.kielidesktop .ui.nav ul {left:-8px;}
.kielidesktop .ui.nav ul, .kielidesktop .ui.nav ul > li{width:65px!important;}
.vaalea{background-color:#009eed;}
.harmaa{background-color:#3f3f3f;}
#aikajana{font-family:inherit;color:#ffffff;}
.laatikko{height:100%;float:left;position:relative;padding:6px 6px;box-sizing:border-box;-webkit-box-sizing:border-box;border:3px solid #c2c2c2;border-right-width:0px;}
#aikajana .ylempi{height:50%;border-bottom-width:2px;}
#aikajana .alempi{height:50%;border-top-width:3px;}
.laatikko1{width:100%;}
.laatikko1-4{width:25%;}
.laatikko3-4{width:75%;}
.laatikko1-2{width:50%;}
.laatikko1-6{width:16.66667%}
.borderala{border-top-width:1px!important;}
.laatikot .laatikko > .laatikko {position:absolute;}
.laatikot .laatikko > .laatikko.alempi{bottom:-3px;}
.laatikot .laatikko > .laatikko.oikea{right:-3px;padding-right:3px;}
.aikateksti{border-left:0px solid #c2c2c2;height:30px;position:relative;width:100%;}
.aikateksti p{float:left;width:50%;margin-left:3px;left:3px;height:100%;text-align:right;padding:4px 6px 0 0;border-right:3px solid #c2c2c2;box-sizing:border-box;-webkit-box-sizing:border-box;margin-right:-3px;}
.ekateksti{border-left:3px solid #c2c2c2;margin-left:0px!important;margin-right:-0px!important;}
.yritysmenu a{min-width:300px;}

/*#main-nav{padding-right:4%!important;}
#header{width:100%!important;}
@media only screen and (max-width: 1480px){
	#main-nav a{font-size:16px!important;}
}

.themify_builder_content-184 .tb_i4zu888.module_row {
    padding-top: 0px;
    padding-bottom: 0px;
}*/

/*CF7 CSS*/ 
.yhteyslahetys{width:33%;}
.yhteyslahetys{background-color:#009eed!important;border:2px solid #009eed!important;}
.yhteyslahetys:hover{background-color:#ffffff!important;}
.two2 {text-align:center;}

.yhteys input[type=text]:focus-within{box-shadow:1px 1px 7px #009eed;transition: all 200ms;}
.yhteys textarea:focus-within{box-shadow:1px 1px 7px #009eed;transition: all 200ms;}

.rowform{padding-bottom:50px;
margin-left:-15px;
margin-right:-15px;
}
.yhteys .rowform{margin:0px;}

span.wpcf7-list-item{margin:0px;display:block;}
.menu-module-burger-inner{color:#ffffff;}
.third2{margin:0px;
padding:0px 0px 5px 5px;
width:50%;
display:block;
float:left!important;
position:relative;
box-sizing:border-box;	
}
.third2 input{width:100%;}
.full {
	  margin: 0px;
    padding: 0px 0px 5px 5px;
    display: block;
    width: 100%;
    float: left;
    position: relative;
    box-sizing: border-box;
    font-size: 1em;}
.tayskentta {width:100%!important;}
.wpcf7-free-text{display:block;}
h2.yhteysotsikko{color:#161a38}

/*HINNASTO CSS*/


.hintalaatikko{vertical-align:baseline;border-top:solid 2px #161a38;border-top-width:2px;padding:10px 10px;border-left:5px solid #161a38;background-color:#009eed;color:#ffffff;border-right:2px solid #161a38;}
.hintalaatikko p {margin:0px!important;}

.laatikkocontainer{}

.laatikkootsikko{font-size:18px;padding-right:95px;}

.uloinlaatikko:nth-child(1){border-bottom:2px solid #161a38;}

span.vasen{min-width:100px!important;display:inline-block;}

.hinnastoteksti{margin-left:105px;font-size:14px;}

.hinta{position:absolute;top:11px;right:0px;margin-right:20px;display:inline-block!important;}

.uloinlaatikko a:hover{text-decoration:none;background-color:#161a38!important;}

.uloinlaatikko a:hover .hintalaatikko{background-color:#161a38!important;color:#ffffff!important;border-right:2px solid #009eed;border-left:5px solid #009eed;}

.laatikkolinkki {color:inherit!important;font-family:inherit;background-color:#161a38!important;}
	#menu-header-perinteinen li{font-size:0.90vw;}
	#menu-header-englanti li {font-size:0.90vw;}
	#menu-header-ruotsi li {font-size:0.86vw;}

@media only screen and (max-width: 1620px) {
	navisaato{font-size:1em!important;}
	.navihakemus a{font-size:14px!important;}
}
.module.module-icon.tb_my80540.normal.circle.icon_horizontal{white-space:nowrap;}

@media only screen and (max-width: 1280px){
	#aikajana{overflow-x:scroll;overflow-y:hidden;}
	#aikajanasisempi{width:1180px;}
	.kuvarivi .image-wrap img{height:200px!important;width:100%;}
}
@media only screen and (max-width: 1024px){
	.footer-widgets{display:flex;}
	.mobikielimenu{margin-top:5px;}
	.sivulogo{display:block;}
	.mobinavi{padding-top:5px;padding-bottom:0px}
	.mobinavicontainer{margin:10px auto!important;}
	.mobimenu{margin-top:auto!important;}
	.sivulogomobi /**.image-wrap**/{margin:auto!important;width:35%;top:5px;}
	span.vasen{min-width:15px!important;}
	.hinnastoteksti{margin-left:15px;}
	.hinnastomenu .module-buttons .module-buttons-item{display:block!important;}
	.hinnastomenu a{display:block!important;}
	.yritysmenu .module-buttons .module-buttons-item{display:block!important;}
	.yritysmenu a{display:block!important;width:100%!important;}
	.yksityislaatikko{min-height:unset;}
}
@media only screen and (max-width:800px){
	.kalustorivi{display:none!important;}
	.mobiikonit{white-space:nowrap;}
	.sivulogomobi{width:150px;}	
	}

@media only screen and (max-width:680px){
	.footer-widgets .col4-1 {width: 100%;
    margin-left: 0px!important;
    text-align: center;}
	.footer-widgets {display:block;}
	.sivulogomobi{
		position: absolute!important;
    z-index: 1;
    width: 135px;
    top: -5px;
    }
	.ppl-title{width:35%!important;}
	.kuvarivi .image-wrap img {height:auto!important;}

	.mobinavi{padding-top:15px;padding-bottom:15px;}
}