/*

Theme Name: Web Tech Design Starter Theme

Author: Web Tech Design/ Ari Vapola

Description: Starter teeman paalle rakennetaan asiakkaiden teemat
Version: 01.0

Tags: bootstrap

*/


/*

 * Globals

 */
input.wpcf7-form-control.wpcf7-file.wpcf7-validates-as-required{
	background-color:#f2f1f1 !important;
	border:0px !important;
}
label.cv-hakemus {
  position:relative;
	/*width:180px*/
}
label.cv-hakemus:before {
	content:"Lataa tiedosto";
	position:absolute;
	left:0;
	margin-top:32px;
	padding:6px 10px 6px 10px;
	background-color: #73b84c;
	font-size: 15px;
	color:#fff;
	text-transform:uppercase;
	font-weight: 300;
	text-align:center;
	border-radius:0px;
	cursor:pointer;
	z-index:2;
	transition: all 0.7s ease;
}
label.cv-hakemus:hover:before{
	background-color: #add496 !important;
}
label.cv-hakemus input {
	z-index:1;
}
@media only screen and (min-width: 992px)  {
	  div.col-sm-6.ohjelma_oikea_solu{
		  padding-top:45px !important;
	  }
}
@media only screen and (max-width: 991px)  {
	  div.col-sm-6.ohjelma_oikea_solu{
		  padding-top:75px !important;
	  }
}


/*fontit*/
@font-face {
font-family: 'Roboto Condensed', sans-serif;
src: url('fonts/RobotoCondensed-Bold.woff') format('woff');
font-weight: 700;
}
/*fontit end*/

body {
	font-family: 'Roboto Condensed', sans-serif;
	color: #3f3f40;
	font-size:18px;
	line-height: 1.5;
	font-weight: 400;
	background-color:#005ca8;
}
p {
	margin: 0px;
}
li {
}

/*otsikot*/
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6{
 	margin-top: 0px;
  	margin-bottom:40px;
  	font-family: 'Roboto Condensed', sans-serif!important;
  	font-weight: 700 !important;
  	color: #73b84c;
	text-transform:uppercase;
}
h1, .h1 {
	font-size: 40px;
}
@media only screen and (max-width: 767px){
	h1, .h1{
		font-size:7vw;
		margin-bottom:15px;
	}
}
/* iPad 3, 4 and Pro 9.7" - Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px)
	and (-webkit-min-device-pixel-ratio: 2) {
	h1, .h1{
		font-size:5vw;
		margin-bottom:15px;
	}
}
h2, .h2 {
	font-size: 36px;
	margin-bottom:30px;
}
@media only screen and (max-width: 767px){
	h2, .h2{
		font-size:6vw;
		margin-bottom:13px;
	}
}
/* iPad 3, 4 and Pro 9.7" - Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px)
	and (-webkit-min-device-pixel-ratio: 2) {
	h2, .h2{
		font-size:4vw;
		margin-bottom:13px;
	}
}
h3, .h3 {
	font-size: 24px;
	margin-bottom:20px;
}
@media only screen and (max-width: 767px){
	h3, .h3{
		font-size:5vw;
		margin-bottom:12px;
	}
}
/* iPad 3, 4 and Pro 9.7" - Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px)
	and (-webkit-min-device-pixel-ratio: 2) {
	h3, .h3{
		font-size:3vw;
		margin-bottom:12px;
	}
}
h4 {
	font-size: 18px;
	margin-bottom:10px;
}
h5 {
	font-size: 15px;
	margin-bottom:10px;
}
/*otsikot end*/

/*Linkit*/
a {
	color: #3f3f40;
	transition: 0.5s;
	text-decoration:underline;
}
a:hover{
	opacity:0.5;
	color: #3f3f40;
	text-decoration:none;
}
a:active{
	color: #3f3f40;
}
a:focus{
	color: #3f3f40;
}
.button{
	transition: 0.5s;
}
a.button, .button {
    font-size: 18px;
    text-transform: uppercase;
    text-decoration: none !important;
    background-color: #73b84c;
	color:#fff;
    border: none;
	border-radius:0px !important;
    display: inline-block;
    line-height: normal !important;
    cursor: pointer;
	margin-top: 30px;
    margin-bottom: 0px;
	padding: 25px 9px;
    max-width: 330px;
    width: 85%;
    text-shadow: none !important;
	text-align: center;
	font-weight: 300;
}
@media only screen and (min-width: 768px) and (max-width: 991px){
	a.button, .button, ul#menu-menu-2.menu-widget li a {
		font-size: 13px !important;
	}
}
@media only screen and (max-width: 767px) {
		a.button, .button, ul#menu-menu-2.menu-widget li a {
		font-size: 15px !important;
	}
}
a.button:hover, .button:hover {
	opacity:0.7;
}
a.button:active, a.button:visited, .button:active, .button:visited {
	color:#fff;
}
a.button::after, .button::after {
	display: inline-block;
	content: ' ';
  	background-image: url('images/nuoli.svg');
  	background-size: 9px 14px;
  	height: 14px;
  	width: 9px;
	margin-left:23px;
}

/* button sivupalkki */
a.button_sivupalkki {
    font-size: 18px;
    text-transform: uppercase;
    text-decoration: none !important;
    background-color: #73b84c;
	color:#fff;
    border: none;
    display: inline-block;
    line-height: normal !important;
    cursor: pointer;
	margin-top: 30px;
    margin-bottom: 40px;
	padding: 25px 9px;
    width: 100%;
    text-shadow: none !important;
	text-align: center;
	font-weight: 300;
}
@media only screen and (min-width: 768px) and (max-width: 991px){
	a.button_sivupalkki {
		font-size: 13px !important;
	}
}
@media only screen and (max-width: 767px) {
		a.button_sivupalkki {
		font-size: 15px !important;
	}
}
a.button_sivupalkki:hover {
	opacity:0.7;
}
a.button_sivupalkki:active, a.button_sivupalkki:visited {
	color:#fff;
}
a.button_sivupalkki::after {
	display: inline-block;
	content: ' ';
  	background-image: url('images/nuoli.svg');
  	background-size: 9px 14px;
  	height: 14px;
  	width: 9px;
	margin-left:23px;
}
/*Linkit end*/

/* valmiiksi muotoiltu */
pre {
	font-family: 'Roboto Condensed', sans-serif;
    display: block;
	width:100%;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #000;
	overflow: hidden !important;
    word-break: normal !important;
   word-wrap: break-word;
    background-color: #f0f2f3;
    border-top: 5px solid #005ca8;
	border-left:0px;
	border-right:0px;
	border-bottom:0px;
    border-radius: 0px;
}

input[type=text], input[type=email], textarea {
	border:1px solid #73b84d !important;
}

input[type=text]:focus, input[type=email]:focus, textarea:focus {
  box-shadow: 0 0 5px rgba(115, 184, 77, 0.3) !important;
}
/* valmiiksi muotoiltu END */

/*Header ja valikko*/
.ylapalkki {
	background: url(images/vihr.svg);
	height: 35px;
	z-index:999;
	position: relative;
	color:#fff;
}
@media only screen and (max-width: 767px){
	.ylapalkki {
		display:none;
	}
}
.ylapalkki a {
	color: #fff;
}
.ylapalkki a{
	text-decoration:none;
}
.ylapalkki img {
	height: 25px;
}
@media only screen and (max-width: 873px){
	.ylapalkki p {
		font-size:80% !important;
	}
	.ylapalkki img {
		height: 15px !important;
	}
}
.top_div_left{
	padding-top:9px;
	text-align: left;
	margin-bottom:10px;
}
.top_div_left span {
	transition: .5s;
}
.top_div_left span:hover {
	opacity:0.5;
}
.top_div_left img{	
	margin-left:12px;
	margin:-5px 0px 0px 0px;
}
.top_div_left, .top_div_left a{	
	font-size:13px;
	line-height:14px;
}
.top_div_left a{	
	margin-left:10px;
	margin-right:10px;
}
.top_div_right{
	padding-top:9px;
	text-align: right;
	margin-bottom:10px;
}
.top_div_right img{	
	margin-left:12px;
	margin:-5px 0px 0px 0px;
}
.top_div_right, .top_div_right a{	
	font-size:13px;
	line-height:14px;
}
.top_div_right a{	
	margin-left:10px;
	margin-right:10px;
	transition: .5s;
}
.top_div_right a:hover {
	opacity:0.5;
}
.ylapalkki_curl{
	background: url(images/vihr_curl.svg);
	background-repeat: no-repeat;
	background-position:top !important;
	background-size: 105% !important;
	z-index:999;
	position: relative;
	height:45px;
}
@media only screen and (max-width: 767px){
	.ylapalkki_curl {
		display:none;
	}
}
@media only screen and (min-width: 1933px)  {
	.ylapalkki_curl{
		height:55px;
	}
}
@media only screen and (min-width: 2380px)  {
	.ylapalkki_curl{
		display:none;
	}
}

/*
 * Masthead for nav */
.navbar-brand {
	width:115px;
	height:auto;
    float: left;
    font-size: 18px;
    line-height: 20px;
	padding-bottom:10px;
	margin-top:10px;
	margin-left:0px !important;
}
@media only screen and (min-width: 992px) and (max-width: 1133px){
	.navbar-brand {
			width:115px;
	height:auto;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.navbar-brand {
		width:115px;
		height:auto;
	}
}
.navbar-logo{
	margin-left:0px;
	width:115px;
	height:auto;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
}
.navbar-logo:hover{
	opacity:0.7;
}
.navbar-nav{
	margin-top:14px;
	margin-right:15px !important;
}
@media only screen and (max-width: 767px){
	.navbar-nav{
		margin-top: 1px;
		padding-right:0px;
		margin-right:-15px !important;
	}
}
@media only screen and (max-width: 767px){
	.navbar-logo {
		margin-top:-20px;
	}
	body.scrolled .navbar-toggle {
		margin-top: 30px !important;
	}
}
@media only screen and (min-width: 768px) and (max-width: 873px){
	.navbar-logo {
		margin-top:-15px;
		width:80px !important;
		height:auto;
	}
	.navbar-toggle {
		margin-top: 5px !important;
	}
	.navbar-nav {
		margin-top: 0px;
	}
}
@media only screen and (min-width: 874px) and (max-width: 991px){
	.navbar-logo {
		margin-top:-15px;
		width:80px !important;
		height:auto;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1133px){
	.navbar-logo {
		margin-top:-15px;
		width:80px !important;
		height:auto;
	}
}

 /*header fade*/
@media only screen and (max-width: 767px){
	#main-menu {
		margin-top:-30px;
		height:126px;
		background-color: rgba(0,92,168,0.8);
	}
		body.scrolled #main-menu {
		margin-top:0px;
		height:96px;
		background-color: rgba(0,92,168,0.8);
	}
}
@media only screen and (min-width: 768px) and (max-width: 873px){
	body.scrolled #main-menu{
		transition: all 0.7s ease;
		height:64px !important;
	}
	body.scrolled #main-menu:hover{
		transition: all 0.7s ease;
		height:64px !important;
	}
	#main-menu{
		transition: all 0.7s ease;
		height:100px;
	}
	#main-menu:hover{
		background-color: rgba(0,92,168,0.3);
		overflow:hidden;
		height:100px;
	}
}
@media only screen and (min-width: 874px) and (max-width: 1024px){
	body.scrolled #main-menu{
		transition: all 0.7s ease;
		height:78px !important;
	}
	body.scrolled #main-menu:hover{
		transition: all 0.7s ease;
		height:78px !important;
	}
	#main-menu{
		transition: all 0.7s ease;
		height:113px;
	}
	#main-menu:hover{
		background-color: rgba(0,92,168,0.3);
		overflow:hidden;
		height:113px;
	}
}
@media only screen and (min-width: 1025px) and (max-width: 1133px){
	body.scrolled #main-menu{
		transition: all 0.7s ease;
		height:69px !important;
	}
	body.scrolled #main-menu:hover{
		transition: all 0.7s ease;
		height:70px !important;
	}
	#main-menu{
		transition: all 0.7s ease;
		height:106px;
	}
	#main-menu:hover{
		background-color: rgba(0,92,168,0.3);
		overflow:hidden;
		height:106px;
	}
}
@media only screen and (min-width: 1134px){
	#main-menu{
		transition: all 0.7s ease;
		height:134px;
	}
	#main-menu:hover{
		background-color: rgba(0,92,168,0.3);
		overflow:hidden;
		height:134px;
	}
}
body.scrolled #main-menu {
 	transition: .5s;
	z-index:99999;
	padding-top:0px;
	background-color: rgba(0,92,168,0.3);
}
@media only screen and (max-width: 767px){
	body.scrolled .navbar-brand {
		margin-top: 16px !important;
	}
}
@media only screen and (min-width: 1025px){
	body.scrolled #main-menu {
		height:98px;
	}
	.navbar-nav {
		margin-top:7px!important;
	}
}
body.scrolled #main-menu:hover {
  transition: .5s;
}
/*header fade end*/

.navbar{
	border-top:0px;
	border-left:0px;
	border-right:0px;
	transition: .5s;
}
@media only screen and (max-width: 767px){
	#navbar{
		margin-top:7px !important;
	}
}
#navbar a{
	text-decoration:none;
	text-transform:uppercase;
	font-size: 16px;
}
@media only screen 
  and (min-width: 768px){
	  .navbar-nav {
    	float: right;
	}
}
.navbar-default{
	border-radius:0px !important;
	background-image:none !important;
	background-color:transparent;
	padding-top: 36px;
	height: 90px;
	border-color: transparent !important;
	box-shadow: none;
	z-index:99;
}
.navbar-brand, .navbar-nav>li>a {
     text-shadow: none !important;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .focus > a, .navbar-default .navbar-nav > .visited > a{
	background-position:center bottom;
	background-repeat:no-repeat;
	background-color:transparent !important;
	color:#fff;
	border-bottom: 2px solid #73b84c;
	background-image: linear-gradient(to bottom,transparent 0,transparent 100%);
	box-shadow: none;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: #fff !important;
}
@media only screen and (max-width: 767px){
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .open > a{
		background-image: none;
		background-color: rgba(0,92,168,1) !important;
		color:#fff;
	}
}
.navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .open > a:hover {
	background-color:transparent !important;
	color:#fff;
}
@media only screen and (max-width: 767px){
	.navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .open > a:hover{
		background-image: none;
		background-color: rgba(0,92,168,0.8) !important;
		color:#fff;
	}
}
.open .dropdown-toggle{
	background-image:none !important;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{
	color:#000 !important;
}
.navbar-default .navbar-nav > li > a {
	color:#fff;
	font-weight: 600;
}
.navbar-default .navbar-nav > li > a:hover {
	opacity:0.7;
	color: #fff;
}
.navbar-default .navbar-nav > li > a:active, .navbar-default .navbar-nav > li > a:visited, .navbar-default .navbar-nav > li > a:focus {
	color: #fff;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
	color: #092c52!important;
}
@media only screen and (max-width: 767px){
	.navbar-default .navbar-nav > li > a:hover {
		background-color:#005ca8 !important;
		opacity: 1;
	}
	.navbar-default .navbar-nav > li > a {
		background-color: rgba(0,92,168,0.8);
	}
	.navbar-nav .open .dropdown-menu {
		background-color: #5b7c8f !important;
		opacity:1;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: #fff;
	}
	.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {
		padding: 9px 15px 9px 25px;
	}
}
.navbar-toggle {
	padding: 10px 10px;
	margin-top: 25px;
}
.navbar-default .navbar-toggle {
    border-color: transparent;
	background-color:transparent !important;
	border-radius: 0px !important;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.nav{
	font-weight: 400;
}
.navbar-nav > li > a{
    padding-top: 34px !important;
    padding-bottom: 34px !important;
}
@media only screen and (max-width: 1133px) {
	.navbar-nav > li > a{
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}
}
/* Portrait iPad Pro 12.9"*/
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
	.navbar-nav > li > a{
		padding-top: 10px !important;
		padding-bottom: 11px !important;
	}
}
/* Portrait iPads 3,4, 9.x*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
	.navbar-nav > li > a{
		padding-top: 15px !important;
		padding-bottom: 11px !important;
	}
}
/* Portrait Android tabletit*/
@media (max-device-width: 1600px) and (orientation: portrait) { 
	.navbar-nav > li > a{
		padding-top: 20px !important;
		padding-bottom: 21px !important;
	}
	.navbar-default {
		height: 62px;
	}
}
@media (max-device-width: 1600px) and (orientation: landscape) { 
		.navbar-default {
		height: 62px;
	}
}
.dropdown-menu {
	margin-top:0px !important;
    background-color: #114666;
    border: 0px !important;
    border-radius: 0px !important;
	opacity:0.9;
}
.dropdown-menu > li > a {
    color: #fff;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
	background-color:#5b7c8f!important;
	background-image: none !important;
}
.dropdown-menu li a:hover {
	background-color:#5b7c8f!important;
	background-image:none !important;
    color: #fff;
}
.dropdown-menu>li>a {
	padding: 6px 20px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color:#005ca8 !important;
}
.navbar-collapse {
    border-top: 0px solid transparent!important;

}
/* navi mobile*/
/*Header ja valikko end*/

/* bannerikuva ja teksti */
.bannerikuva{
	position:relative;
	width:100%;
	height:850px;
	margin-top:-97px;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}
/* iPad 3, 4 and Pro 9.7" - Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
	.bannerikuva{
		height:840px;
	}
}
/* iPhone 6, 6S, 7 and 8 - Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
	.bannerikuva{
		height:650px;
	}
}
/* iPhone 6, 6S, 7 and 8 - Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
	.bannerikuva{
		height:442px;
	}
}
.caption_wrap{
margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
    text-align: center;
}
/* iPhone 6, 6S, 7 and 8 - Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
	.caption_wrap{
		padding-top:200px;
	}
}
/* iPhone 6, 6S, 7 and 8 - Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
	.caption_wrap{
		padding-top:160px;
	}
}
/* iPhone 6+, 7+ and 8+ Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
	.caption_wrap{
		padding-top:230px;
	}
}
/* iPhone 6+, 7+ and 8+ landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
	.caption_wrap{
		padding-top:170px;
	}
}
.caption-title {
    color: #FFF;
	font-size:60px;
    font-weight: bold;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.7);
    text-transform: uppercase;
}
h1.caption-title a.otsikko_txt_etusivu{
	color:#ffffff !important;
	text-decoration:none !important;
}
@media only screen and (max-width: 767px) {
	.caption-title {
		font-size:9vw;
	}
}
/* iPhone 6, 6S, 7 and 8 - Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
	.caption-title {
		font-size:30px !important;
	}
}
/* iPhone 6, 6S, 7 and 8 - Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
	.caption-title {
		font-size:25px !important;
	}
}
/* iPhone 6+, 7+ and 8+ Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
	.caption-title {
		font-size:27px !important;
	}
}
.caption-txt {
    color: #FFF;
	font-size:24px;
    font-weight: 400;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.7);
    font-style: italic;
}
/* iPhone 6, 6S, 7 and 8 - Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
	.caption-txt {
		font-size:15px !important;
	}
}
/* iPhone 6, 6S, 7 and 8 - Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
	.caption-txt {
		font-size:15px !important;
	}
}
/* iPhone 6+, 7+ and 8+ Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
	.caption-txt {
		font-size:15px !important;
	}
}
/* iPhone 6+, 7+ and 8+ Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
	.caption-txt {
		font-size:15px !important;
	}
}
@media only screen and (max-width: 1650px)  {
	.caption-txt {
		font-size:21px;
	}
}
.banneri_vino_alareuna{
	width:100%;
	height:190px;
	background-image: url(images/curl_banneri_alareuna.svg);
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size: 101% !important;
	margin-top: 0px;
		margin-bottom:-1px !important;
	position:absolute;
	bottom:0;
}
@media only screen and (min-width: 2135px){
	.banneri_vino_alareuna{
		height:230px;
		margin-top: -180px !important;
		background-position:center bottom;
	}
}
@media only screen and (min-width: 2130px){
	.banneri_vino_alareuna{
		height:270px;
		margin-top: -269px !important;
		background-position:center bottom;
	}
}
@media only screen and (min-width: 2379px){
	.banneri_vino_alareuna{
		display:none!important;
	}
}
@media only screen and (max-width: 812px){
	.banneri_vino_alareuna{
		height:100px;
	}
}
/* bannerikuva ja teksti END */


/*
 * Etusivu*/

/* tekstiosa */
.tekstisisalto{
	width:100%;
	overflow:hidden;
	background-color:#fff;
	padding-top:95px;
	padding-bottom:95px;
}

/* Palvelut etusivulla */
.palvelut_wrap {
	position:relative;
    background-color: #d7e0e6;
	background-image:url(images/palvelut_tausta5.jpg);
	background-position:center bottom;
	background-repeat: no-repeat;
	background-size: cover !important;
}
.palvelulaatikot_vino_ylareuna{
	width:100%;
	height:160px;
	background-image: url(images/curl_banneri_alareuna.svg);
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size: 101% !important;
	margin-top: -1px;
	margin-bottom:-1px !important;
	position:absolute;
	top:0;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
@media only screen and (min-width: 2135px){
	.palvelulaatikot_vino_ylareuna{
		height:180px;
		background-position:center bottom;
	}
}
@media only screen and (min-width: 2130px){
	.palvelulaatikot_vino_ylareuna{
		height:220px;
		background-position:center bottom;
	}
}
@media only screen and (min-width: 2379px){
	.palvelulaatikot_vino_ylareuna{
		display:none!important;
	}
}
.palvelulaatikot {
    padding-top: 150px;
    padding-bottom: 150px;
}
.palvelulaatikot h2{
	text-align: center;
	color: #005ca5;
}
@media only screen and (max-width: 767px){
	.palvelulaatikot h2{
		font-size: 7.5vw !important;
	}
}
.palvelu {
    text-align: center;
    margin: 25px 0px;
}
.palvelukuvake{
	width:100%;
	min-height:68px;
	height:auto;
	text-align:center;
	vertical-align:middle !important;
	padding-bottom:1px;
	margin-bottom:42px;
	transition: all 0.5s ease;
}
.palvelukuvake:hover{
	opacity:0.7;
}
.palvelukuvake img{
	min-height:68px;
	height:auto;
}
@media only screen and (max-width: 767px){
	.palvelukuvake{
		margin-bottom:22px;
	}
}
.palvelukuvake img{
}
.palvelu_otsikkoteksti h3{
    font-size: 24px;
    color: #1d5ca2;
	min-height:46px;
	padding-bottom:1px;
	transition: all 0.5s ease;
	text-decoration:none;
	margin-bottom: 10px !important;
}
@media only screen and (min-width: 768px) and (max-width: 1199px){
	.palvelu_otsikkoteksti h3{
		min-height:55px;
		margin-bottom: 0px !important;
	}
}
/* iPad 3, 4 and Pro 9.7" - Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
	.palvelu_otsikkoteksti h3{
		font-size:2.5vw !important;	
	}
}
/*Galaxy Tab Portrait  */
@media 
  (max-device-width: 800px) 
  and (orientation: portrait)
  and (-webkit-device-pixel-ratio: 1) { 
	.palvelu_otsikkoteksti h3{
		font-size:2.3vw !important;	
	}
}
/*Laptops  */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px)  {
	  	.palvelu_otsikkoteksti h3{
		font-size:1.4vw !important;	
	}
}
a.palvelu_otsikkoteksti, a.palvelu_otsikkoteksti:hover, a.palvelu_otsikkoteksti:active, a.palvelu_otsikkoteksti:focus, a.palvelu_otsikkoteksti:visited{
	color: #1d5ca2;
	text-decoration:none !important;
}
.palvelu_otsikkoteksti:hover, .palvelu_otsikkoteksti:active, .palvelu_otsikkoteksti:visited {
		opacity:0.5;
}
.palvelut_kuvausteksti{
	color: #1d5ca2 !important;
	font-size:14px;
	padding-bottom:10px;
}
@media only screen and (max-width: 991px) {
	.palvelut_kuvausteksti{
	}
}
@media only screen and (max-width: 767px) {
	.palvelut_kuvausteksti{
		padding-bottom:30px;
	}
}
.palvelut_kuvausteksti div{
	min-height: 90px!important;
}
@media only screen and (max-width: 991px) {
	.palvelut_kuvausteksti div{
		min-height: 110px!important;
	}
}
.palvelut_kuvausteksti div:after{
   /*content: " \00BB";*/
	content: " →";
}
 a.palvelut_kuvausteksti{
	text-decoration:none !important;
}
 a.palvelut_kuvausteksti:hover{
	text-decoration:underline !important;
}
.palvelut_kuvausteksti li, .palvelut_kuvausteksti p{
	font-size:14px;
	color: #1d5ca2 !important;
}
.palvelut_kuvausteksti ul{
	margin:0px !important;
	padding:0px !important;
	text-align: center;
	list-style: inside;
}
.palvelulaatikot_vino_alareuna{
	width:100%;
	height:160px;
	background-image: url(images/curl_banneri_alareuna_sin.svg);
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size: 101% !important;
	margin-top: -1px;
	margin-bottom:-1px !important;
	position:absolute;
	bottom:0;
}
@media only screen and (min-width: 2135px){
	.palvelulaatikot_vino_alareuna{
		height:180px;
		background-position:center bottom;
	}
}
@media only screen and (min-width: 2130px){
	.palvelulaatikot_vino_alareuna{
		height:220px;
		background-position:center bottom;
	}
}
@media only screen and (min-width: 2379px){
	.palvelulaatikot_vino_alareuna{
		display:none!important;
	}
}
/* Palvelut etusivulla END */

/*
 * Asiakaskokemukset ja Soita */
.asiakaskokemukset_ja_soita{
	padding-top:95px;
	padding-bottom:95px;
	background-color:#005ca8;
}
/* Asiakaskokemukset */
.asiakaskokemukset{
	text-align:center;
}
.asiakaskokemukset h1{
	color:#fff;
	font-size:33px;
	text-transform:none;
}
.thumbnail {
    background-color: transparent !important;
    border: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}
.carousel-inner {
	min-height:150px;
}
.item{
	color:#fff;
	font-size:16px;
	font-style:italic;
	text-align:center;
}
.item p{
	width:60%;
	margin-left:auto!important;
	margin-right:auto!important;
}
.page-id-8 .carousel-indicators {
    bottom: 0px !important;
}
.page-id-8 .carousel-control.left, .page-id-8 .carousel-control.right {
    background-image: none !important;
	top:-50px !important;
}
.carousel-control {
    filter: alpha(opacity=100);
    opacity: 1 !important;
}
.carousel-control:hover {
    filter: alpha(opacity=50);
    opacity: .5 !important;
}
/* Asiakaskokemukset END */

/* Soita */
.soita{
	color:#fff;
	font-style: italic;
	font-size:14px;
	text-align:center;
	margin-bottom:-80px;
}
@media only screen and (max-width: 767px){
	.soita{
		margin-bottom:0px;
	}
}
.soita a{
	color:#fff !important;
}
.soita img{
	margin-top:-120px;
	width:100%;
	max-width:394px;
	height:auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.soita img{
		margin-top:-90px;
	}
}
@media only screen and (max-width: 767px){
	.soita img{
		margin-top:0px;
	}
}
/* Soita END */

/* Asiakaskokemukset ja Soita END */
/* facebookissa */
.asiakaskokemukset_ja_soita_vino_alareuna{
	width:100%;
	height:160px;
	background-image: url(images/curl_banneri_alareuna_sin.svg);
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size: 101% !important;
	margin-top: -1px;
	margin-bottom:-1px !important;
	position:absolute;
	top:0;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
@media only screen and (min-width: 2135px){
	.asiakaskokemukset_ja_soita_vino_alareuna{
		height:180px;
		background-position:center bottom;
	}
}
@media only screen and (min-width: 2130px){
	.asiakaskokemukset_ja_soita_vino_alareuna{
		height:220px;
		background-position:center bottom;
	}
}
@media only screen and (min-width: 2379px){
	.asiakaskokemukset_ja_soita_vino_alareuna{
		display:none!important;
	}
}
.facebookissa{
	position:relative;
	padding-top:150px;
	padding-bottom:150px;
	background-color:#fff;
}
.pienempi_buttonteksti{
	font-size: 16px !important;
	margin-top:-10px !important;
}
.insta_vino_ylareuna{
	width:100%;
	height:160px;
	background-image: url(images/curl_harmaa.svg);
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size: 101% !important;
	margin-top: -1px;
	margin-bottom:-1px !important;
	position:absolute;
	bottom:0;
}
@media only screen and (min-width: 2135px){
	.insta_vino_ylareuna{
		height:180px;
		background-position:center bottom;
	}
}
@media only screen and (min-width: 2130px){
	.insta_vino_ylareuna{
		height:220px;
		background-position:center bottom;
	}
}
@media only screen and (min-width: 2379px){
	.insta_vino_ylareuna{
		display:none!important;
	}
}
/* facebookissa END */

/* insta */
.insta{
	position:relative;
	padding-top:150px;
	padding-bottom:150px;
	background-color:#d9e0e7;
	text-align:center;
}
.insta h1{
	color:#005ca5 !important;
}
.eapps-instagram-feed-title {	
	display:none !important;
}
.eapps-instagram-feed-posts-grid-load-more {
	margin-top:45px!important;
    height: 60px!important;
    line-height: 60px!important;
    border-radius: 0px !important;
    border: none;
	text-transform:uppercase;
}
.eapps-instagram-feed-posts-grid-load-more:hover {
	opacity:0.6;
}

/* insta End */

/* Blog name and description */

.blog-header {
  padding-top: 20px;
  padding-bottom: 20px;
}
.blog-title {
  margin-top: 30px;
  margin-bottom: 0;
  font-size: 60px;
  font-weight: normal;
}
.blog-description {
  font-size: 20px;
  color: #999;
}
/* Blog name and description end */

/* Main column and sidebar layout */
.blog-main {
  font-size: 18px;
  line-height: 1.5;
}

/* Alasivut */
/* Isokuva */
.bannerikuva_alasivut{
	position:relative;
	width:100%;
	height:500px;
	margin-top:-97px;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}
/* Isokuva END */

.sisalto{
	background-color:#fff;
	padding-top:95px;
	padding-bottom:150px;
}

/* breadcrubs */
.breadcrubs{
	margin-top:0px !important;
	margin-bottom:30px !important;
	padding-left:0px;
	padding-bottom:10px;
	color:#afafaf;
	border-bottom:1px solid #afafaf;
	font-size:12px;
	font-style:italic;
	width:100%;
}
@media only screen and (max-width: 767px) {
	.breadcrubs{
		overflow:hidden;
	}
}
.breadcrubs a{
	color:#afafaf;
}

/* curl alhaalla muilla sivuilla kuin etu- ja palvelut */
.palvelulaatikot_vino_alareuna_muilla_sivuilla{
	position:relative;
	width:100%;
	height:160px;
	background-image: url(images/curl_banneri_alareuna_sin.svg);
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size: 101% !important;
	margin-top:-160px !important;
	margin-bottom:-1px;
}
@media only screen and (min-width: 2135px){
	.palvelulaatikot_vino_alareuna_muilla_sivuilla{
		height:180px;
		background-position:center bottom;
	}
}
@media only screen and (min-width: 2130px){
	.palvelulaatikot_vino_alareuna_muilla_sivuilla{
		height:220px;
		background-position:center bottom;
	}
}
@media only screen and (min-width: 2379px){
	.palvelulaatikot_vino_alareuna_muilla_sivuilla{
		display:none!important;
	}
}
/* curl alhaalla muilla sivuilla kuin etu- ja palvelut end */

/* Alasivujen valikkopalkki oikealla */
/* alasivujen valikko */
ul.child-sidebar-menu{
	margin:0px;
	padding-left:0px;
	padding-right:0px;
	list-style:none;
	font-size:20px;
}
ul.child-sidebar-menu li{
}
ul.child-sidebar-menu li:last-child{
}
ul.child-sidebar-menu li a{
	color:#000 !important;
	text-decoration:none;
	text-transform:uppercase;
	display:block;
	padding-top:15px;
	padding-left:23px;
	padding-right:10px;
	padding-bottom:15px;
	margin-bottom:3px;
	background-color:#e5e5e5;
	border-left:8px solid #ccc;
	font-size:18px;
}
@media only screen and (min-width: 768px) and (max-width: 991px){
	ul.child-sidebar-menu li a {
		font-size: 13px !important;
	}
}
@media only screen and (max-width: 767px) {
		ul.child-sidebar-menu li a {
		font-size: 15px !important;
	}
}
ul.child-sidebar-menu li a:hover{
	text-decoration:none;
	background-color:#dcdada;
	border-left:4px solid #73b84c;
}
ul.child-sidebar-menu .current_page_item a{
	background-color:#dcdada !important;
	border-left:8px solid #73b84c !important;
}
ul.child-sidebar-menu .current_page_item a:hover {
	text-decoration:none;
	background-color:#dcdada;
	border-left:4px solid #73b84c !important;
}

/* Hakusivu */
.haku_alert_ilmoitus{
	margin-top:30px;
	margin-bottom:100px;
}
.hakutulokset_h1{
	margin-top:20px;
}
.alert-info {
	color:#fff;
    background-image: -webkit-linear-gradient(top,#65aed7 0,#4d92b9 100%);
    background-image: -o-linear-gradient(top,#65aed7 0,#4d92b9 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#65aed7),to(#4d92b9));
    background-image: linear-gradient(to bottom,#65aed7 0,#4d92b9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#65aed7', endColorstr='#4d92b9', GradientType=0);
    background-repeat: repeat-x;
    border-color: #4d92b9;
}
.alert {
    text-shadow: none !important;
    -webkit-box-shadow:  none !important;
    box-shadow:  none !important;
}

/* Sidebar modules for boxing content */
.sidebar-module {
}
.sidebar-module-inset {
  padding: 0px;
	margin-bottom: 100px;
}
.sidebar-module-inset p:last-child,
.sidebar-module-inset ul:last-child,
.sidebar-module-inset ol:last-child {
  margin-bottom: 0;
}

/* Blog posts */
.blog-post {
  margin-bottom: 60px;
}
.blog-post-title {
  margin-bottom: 5px;
  font-size: 40px;
}
.blog-post-meta {
  margin-bottom: 20px;
  color: #999;
}
/* Footer */
.footer_wrap{
	float:left;
	width:100%;
	background-color: #005ca8;
    background-image: radial-gradient(#0098e1, #0071bc 40%, #005ca8 70%);
}
.blog-footer {
	margin-left: auto;
	margin-right: auto;
	padding: 80px 0;
	color:#fff;
	font-size:14px;
	font-weight:300;
	z-index:99;
	position:relative;
}
.blog-footer a {
	color:#fff;
}
.footer-col{
	padding-top:10px;
	min-height:160px;
}
@media only screen and (max-width: 767px) {
	.footer-col{
		min-height:200px !important;
		padding-bottom:30px;
		text-align:center;
	}
	.footerinfo {
		margin-left:0px;
	}
	.eka {
		padding-left:0px;
	}
	.navbar-default {
		height: 50px;
	}
}
.blog-footer p:last-child {
  margin-bottom: 0;
}
.footer_keskiosa{
}
@media only screen and (max-width: 767px) {
	.footer_keskiosa{
		border-left:0px;
		border-right:0px;
	}
}
.footer_keski h4{
	font-size:24px;
	margin-bottom:40px;
	text-transform:none;
	color:#fff;
}
.footer_oikea h4{
	font-size:24px;
	margin-bottom:30px;
	text-transform:none;
	color:#fff;
}
.social img {
	width:30px;
	height:30px;
	margin-bottom:20px;
	margin-left: 5px;
}
.footer_bottom{
	width:100%;
	overflow:hidden;
}
@media only screen and (max-width: 767px) {
	.footer_bottom{
		padding-top:20px !important;
	}
}
.copyright_wtd{
	border-top:1px solid #fff;
}
.copyright{
	padding-top:35px;
	padding-bottom:22px;
	font-size:12px;
	font-weight:600;
	color:#fff;
	text-align:center;
}
@media only screen and (max-width: 767px) {
	.copyright{
		text-align:center !important;
		padding-top:20px !important;
		padding-bottom:10px;
	}
	.copyright p{
		margin-left:0px !important;
	}
}
.copyright p{
	margin-left:-15px;
	color: #fff;
	font-weight:400;
}
.copyright a {
	color:#66b7ec;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:600;
	opacity:0.5;
}
.copyright a:hover{
	opacity:1;
}



/* uudet muokkaukset */

/*yhteyssisvulla */
.yht_solu{
	padding-bottom:45px;
}

.yhteyslomake {
	text-align: left;
}
.yhteyslomake h2 {
	font-size: 1.625rem;
	margin-bottom: 35px;
}

.yhteyslomake label {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	color: #3f3f40;
	float: left;
	display: inline-block;
    margin-bottom: 5px;
    font-weight: 700;
	width:100%;
	text-align: left;
	padding-bottom: 10px;
	width:100%;
}
.yhteyslomake span.req {
	color: #ee0000;
}

.yhteyslomake input, .yhteyslomake textarea {
	width: 100%;
    height: 34px;
    padding: 6px 12px;
    background-color: #fff !important;
    border: 1px solid #73b84d !important;
	border-radius: 2px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px
    rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	color: #555;
	margin-top: 5px;
	font-size: 14px;
	font-weight: 400;
}
.yhteyslomake textarea {
	min-height: 155px;
	width:100%;
}

.yhteyslomake input:focus, .yhteyslomake textarea:focus  {
    border-color: #0077B3;
    outline: 0;
}

.yhteyslomake input[type="submit"] {
	font-size: 18px;
    text-transform: uppercase;
    text-decoration: none !important;
    background-color: #73b84c !important;
    color: #fff;
    border: none;
    border-radius: 0px !important;
    display: inline-block;
    line-height: normal !important;
    cursor: pointer;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 25px 9px;
    max-width: 270px;
    width: 85%;
    text-shadow: none !important;
    text-align: center;
    font-weight: 300;
	height: 74px;
	transition: 0.5s;
}
.yhteyslomake input[type="submit"]:hover {
    opacity: 0.7;
}



/**
 * Tapahtumasivu **/

/* tapahtuman bannerikuva */
.tapahtumabannerikuva{
	position:relative;
	width:100%;
	height:850px;
	margin-top:-97px;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}
/* iPad 3, 4 and Pro 9.7" - Landscape */
@media only screen 
  and (min-width: 768px) 
  and (max-width: 1024px) 
  and (orientation: landscape) 
  /*and (-webkit-min-device-pixel-ratio: 2)*/ {
	.tapahtumabannerikuva{
		height:840px;
	}
}
/* iPhone 6, 6S, 7 and 8 - Portrait */
@media only screen 
  and (min-width: 375px) 
  and (max-width: 667px) 
  /*and (-webkit-min-device-pixel-ratio: 2)*/
  and (orientation: portrait) { 
	.tapahtumabannerikuva{
		height:1100px;
	}
}
/* iPhone 6, 6S, 7 and 8 - Landscape */
@media only screen 
  and (min-width: 375px) 
  and (max-width: 667px) 
  /*and (-webkit-min-device-pixel-ratio: 2)*/
  and (orientation: landscape) { 
	.tapahtumabannerikuva{
		height:1050px;
	}
}
/* tapahtuman bannerikuva end */

.tapahtuma-caption_wrap{
	margin: 0;
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	-ms-transform: translate(-50%, -50%);
  	transform: translate(-50%, -50%);
    text-align: left;
}
/* iPhone 6, 6S, 7 and 8 - Portrait */
@media only screen 
  and (min-width: 375px) 
  and (max-width: 667px) 
  /*and (-webkit-min-device-pixel-ratio: 2)*/
  and (orientation: portrait) { 
	.tapahtuma-caption_wrap{
		padding-top:100px;
	}
}
/* iPhone 6, 6S, 7 and 8 - Landscape */
@media only screen 
  and (min-width: 375px) 
  and (max-width: 667px) 
  /*and (-webkit-min-device-pixel-ratio: 2)*/
  and (orientation: landscape) { 
	.tapahtuma-caption_wrap{
		padding-top:0px;
		width:550px !important;
	}
}
/* iPhone 6+, 7+ and 8+ Portrait */
@media only screen 
  and (min-width: 414px) 
  and (max-width: 736px) 
  /*and (-webkit-min-device-pixel-ratio: 3)*/
  and (orientation: portrait) { 
	.tapahtuma-caption_wrap{
		padding-top:230px;
	}
}
/* iPhone 6+, 7+ and 8+ landscape */
@media only screen 
  and (min-width: 414px) 
  and (max-width: 736px) 
  /*and (-webkit-min-device-pixel-ratio: 3)*/
  and (orientation: landscape) { 
	.tapahtuma-caption_wrap{
		padding-top:160px !important;
	}
}
.tapahtuma_vas{
	text-align:center;
}
@media only screen and (max-width: 767px) {
	.tapahtuma_vas{
		text-align:center;
	}
}
.tapahtuma-logo{
	width:70%;
	max-width:290px;
	height:auto;
	margin-right:auto;
	margin-bottom:30px;
}
@media only screen and (max-width: 767px) {
	.tapahtuma-logo{
		display:none;
	}
}
.tapahtuma-caption-title {
    color: #FFF;
	font-size:40px;
    font-weight: bold;
	margin-bottom:20px !important;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
    text-transform: uppercase;
	display:inline-block !important;
	word-break: break-word;
}
@media only screen and (max-width: 767px) {
	.tapahtuma-caption-title {
		font-size:4vw;
	}
}
/* iPhone 6, 6S, 7 and 8 - Portrait */
@media only screen 
  and (min-width: 375px) 
  and (max-width: 667px) 
 /* and (-webkit-min-device-pixel-ratio: 2)*/
  and (orientation: portrait) { 
	.tapahtuma-caption-title {
		font-size:25px !important;
	}
}
/* iPhone 6, 6S, 7 and 8 - Landscape */
@media only screen 
  and (min-width: 375px) 
  and (max-width: 667px) 
  /*and (-webkit-min-device-pixel-ratio: 2)*/
  and (orientation: landscape) { 
	.tapahtuma-caption-title {
		font-size:25px !important;
		margin-top:-500px!important;
	}
}
/* iPhone 6+, 7+ and 8+ Landscape */
@media only screen 
  and (min-width: 414px) 
  and (max-width: 736px) 
  /*and (-webkit-min-device-pixel-ratio: 3)*/
  and (orientation: landscape) { 
	.tapahtuma-caption-title {
		font-size:22px !important;
	}
}
.tapahtumacaption-txt {
    color: #FFF;
	font-size:24px;
    font-weight: 400;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.7);
    font-style: italic;
}
/* iPhone 6, 6S, 7 and 8 - Portrait */
@media only screen 
  and (min-width: 375px) 
  and (max-width: 667px) 
  /*and (-webkit-min-device-pixel-ratio: 2)*/
  and (orientation: portrait) { 
	.tapahtumacaption-txt {
		font-size:15px !important;
	}
}
/* iPhone 6, 6S, 7 and 8 - Landscape */
@media only screen 
  and (min-width: 375px) 
  and (max-width: 667px) 
  /*and (-webkit-min-device-pixel-ratio: 2)*/
  and (orientation: landscape) { 
	.tapahtumacaption-txt {
		font-size:15px !important;
	}
}
/* iPhone 6+, 7+ and 8+ Portrait */
@media only screen 
  and (min-width: 414px) 
  and (max-width: 736px) 
  /*and (-webkit-min-device-pixel-ratio: 3)*/
  and (orientation: portrait) { 
	.tapahtumacaption-txt{
		font-size:15px !important;
	}
}
/* iPhone 6+, 7+ and 8+ Landscape */
@media only screen 
  and (min-width: 414px) 
  and (max-width: 736px) 
 /* and (-webkit-min-device-pixel-ratio: 3)*/
  and (orientation: landscape) { 
	.tapahtumacaption-txt {
		font-size:15px !important;
	}
}
@media only screen and (max-width: 1650px)  {
	.tapahtumacaption-txt {
		font-size:21px;
	}
}

/* tapahtuman formi */
.tausta_formille{
	background-color:rgb(255,255,255, 0.9);
}
#CF5d8899d751db3_1{ /*lomake*/
	margin-top:10px;
	margin-left:15px;
}
.form-group {
    margin-bottom: 0px !important;
}
#CF5d8899d751db3_1 label{
	margin-top: 10px !important;
	color:#73b84c;
	font-size:12px;
	text-transform:uppercase;
}
@media only screen and (min-width: 768px) and (max-width: 1100px) {
	#CF5d8899d751db3_1 label{
		font-size:10px;
	}
}
#CF5d8899d751db3_1 .checkbox, #CF5d8899d751db3_1 .radio {
   margin-top: 0px !important;
    margin-bottom: 0px !important;
}
#CF5d8899d751db3_1-row-4 p{
	color:#73b84c;
	font-size:12px;
}
#CF5d8899d751db3_1-row-4 p a{
	color:#73b84c !important;
}
#CF5d8899d751db3_1 span.field_required{
	color:#000 !important;
}
.button_tapahtuma{
	transition: 0.5s;
}
.button_tapahtuma {
    font-size: 17px;
	display:inline-block !important;
	word-break: break-word !important;
    text-transform: uppercase;
    text-decoration: none !important;
    background-color: #73b84c;
	color:#fff;
    border: none;
	border-radius:0px !important;
    line-height: normal !important;
    cursor: pointer;
	margin-top: 10px!important;
    margin-bottom: 0px !important;
	margin-left:10% !important;
	padding: 20px 9px;
    width: 80%;
    text-shadow: none !important;
	text-align: center;
	font-weight: 300;
}
@media only screen and (min-width: 992px) and (max-width: 1430px) {
	.button_tapahtuma{
		font-size: 14px !important;
		width: 100%;
		margin-left:0% !important;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.button_tapahtuma{
		font-size: 1.3vw !important;
		width: 100%;
		margin-left:0% !important;
	}
}
@media only screen and (max-width: 767px) {
		.button_tapahtuma{
		font-size: 15px !important;
			width: 100%;
		margin-left:0% !important;
	}
}
.button_tapahtuma:hover {
	opacity:0.7;
}
.button_tapahtuma:active, .button:visited {
	color:#fff;
}
.button_tapahtuma::after {
	display: inline-block !important;
	content: ' '!important;
  	background-image: url('images/nuoli.svg')!important;
  	background-size: 9px 14px!important;
  	height: 14px!important;
  	width: 9px!important;
	margin-left:23px!important;
} 
#CF5d8899d751db3_1-row-6 p {
	width:100%;
	text-align:center;
	color:#73b84c;
	font-size:12px;
	font-weight:600;
	margin-top:10px;
	margin-bottom:20px;
}
@media only screen and (max-width: 767px) {
	#CF5d8899d751db3_1-row-6 p {
		width:100%;
		text-align:center;
		color:#73b84c;
		font-size:12px;
		font-weight:600;
		margin-top:20px;
		margin-bottom:20px;
	}
}
#CF5d8899d751db3_1-row-6 p a{
	color:#73b84c;
}
#CF5d8899d751db3_1 .parsley-required{
	font-size:14px;
	line-height:14px;
}
@media only screen and (max-width: 767px) {
	#CF5d8899d751db3_1 .parsley-required{
		font-size:12px;
		line-height:12px !important;
	}
}
/* tapahtuman formi end */

.muotoiltu_div{
	line-height:20px;
	background-color:#ebeaea;
	padding-top:15px;
	padding-left:20px;
	padding-right:15px;
	padding-bottom:15px;
	margin-bottom:5px;
	border-left:6px solid #76b94f;
}
@media only screen and (max-width: 767px) {
	.tapahtuma_txt_columns_vali{
		margin-top:40px;
	}
}

/* Luennoitsijat */
.tapahtuman_luennoitsijat_wrap {
	position:relative;
    background-color: #d7e0e6;
	background-image:url(images/luennoitsijat_tausta.jpg);
	background-position:center bottom;
	background-repeat: no-repeat;
	background-size: cover !important;
}
.page-id-334 .item p, .page-id-334 .item p a{
	color:#005ca8;
}
.page-id-334 .carousel-control.left, .page-id-334 .carousel-control.right {
    background-image: none !important;
	top:0px !important;
}
.page-id-334 .carousel-indicators {
    bottom: -70px !important;
}
.page-id-334 .carousel-indicators li{
	border: 1px solid #005ca8;
}
.carousel-indicators .active {
    background-color: #005ca8;
}
/* Luennoitsijat end */

 /* Näytteilleasettajat */
.naytteilleasettajat{
	padding-top:95px;
	padding-bottom:95px;
	background-color:#005ca8;
	text-align:center;
}
@media only screen and (max-width: 767px) {
	.nakyy_tabletti_ja_suurempi{
		display:none;
	}
	.nakyy_puh{
		display:block;
	}
}
@media only screen and (min-width: 768px) {
	.nakyy_tabletti_ja_suurempi{
		display:block;
	}
	.nakyy_puh{
		display:none;
	}
}
.naytteilleasettajat h1, .naytteilleasettajat h2, .naytteilleasettajat h3{
	color:#fff;
}
.asettajat_vas, .asettajat_oik{
	text-align:left;
}
.asettajat_vas{
	color:#fff;
}
@media only screen and (max-width: 767px) {
	.item div{
		margin-top:40px;
	}
}
.asettajat_oik{
	background-color:#fff;
	padding-bottom:20px;
}
@media only screen and (max-width: 767px) {
	.asettajat_oik{
		margin-top:40px;
	}
}
.muotoiltu_div2{
	line-height:20px;
	color:#5a5a5c;
	background-color:#fff;
	padding-top:15px;
	padding-left:20px;
	padding-right:15px;
	padding-bottom:15px;
	margin-bottom:5px;
	border-left:6px solid #6ba0cd;
}

/* tapahtuman näytteilleasettajat formi */

#CF5d933e4b37161_2{ /*lomake*/
	margin-top:10px;
	margin-left:15px;
}
#CF5d933e4b37161_2 input[type="text"], #CF5d933e4b37161_2 input[type="email"], #CF5d933e4b37161_2 textarea{
	border:1px solid #005ca8 !important;
}
#CF5d933e4b37161_2 input[type="text"]:focus, #CF5d933e4b37161_2 input[type="email"]:focus, #CF5d933e4b37161_2 textarea:focus {
    box-shadow: 0 0 5px rgba(0, 92, 168, 0.3) !important;
}
#CF5d933e4b37161_2 .form-group {
    margin-bottom: 0px !important;
}
#CF5d933e4b37161_2 label{
	margin-top: 10px !important;
	color:#005ca8;
	font-size:12px;
	text-transform:uppercase;
}
@media only screen and (min-width: 768px) and (max-width: 1100px) {
	#CF5d933e4b37161_2 label{
		font-size:10px;
	}
}
#CF5d933e4b37161_2 .checkbox, #CF5d933e4b37161_2 .radio {
   margin-top: 0px !important;
    margin-bottom: 0px !important;
}
#CF5d933e4b37161_2-row-4 p{
	color:#005ca8;
	font-size:12px;
}
#CF5d933e4b37161_2-row-4 p a{
	color:#005ca8 !important;
}
#CF5d933e4b37161_2 span.field_required{
	color:#000 !important;
}
#CF5d933e4b37161_2 .button_tapahtuma{
	transition: 0.5s;
}
#CF5d933e4b37161_2 .button_tapahtuma {
    font-size: 17px;
	display:inline-block !important;
	word-break: break-word !important;
    text-transform: uppercase;
    text-decoration: none !important;
    background-color: #005ca8;
	color:#fff;
    border: none;
	border-radius:0px !important;
    line-height: normal !important;
    cursor: pointer;
	margin-top: 10px!important;
    margin-bottom: 0px !important;
	margin-left:10% !important;
	padding: 20px 9px;
    width: 80%;
    text-shadow: none !important;
	text-align: center;
	font-weight: 300;
}
@media only screen and (min-width: 992px) and (max-width: 1430px) {
	#CF5d933e4b37161_2 .button_tapahtuma{
		font-size: 14px !important;
		width: 100%;
		margin-left:0% !important;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
	#CF5d933e4b37161_2 .button_tapahtuma{
		font-size: 1.3vw !important;
		width: 100%;
		margin-left:0% !important;
	}
}
@media only screen and (max-width: 767px) {
		#CF5d933e4b37161_2 .button_tapahtuma{
		font-size: 15px !important;
			width: 100%;
		margin-left:0% !important;
	}
}
#CF5d933e4b37161_2 .button_tapahtuma:hover {
	opacity:0.7;
}
#CF5d933e4b37161_2 .button_tapahtuma:active, #CF5d933e4b37161_2 .button:visited {
	color:#fff;
}
.button_tapahtuma::after {
	display: inline-block !important;
	content: ' '!important;
  	background-image: url('images/nuoli.svg')!important;
  	background-size: 9px 14px!important;
  	height: 14px!important;
  	width: 9px!important;
	margin-left:23px!important;
} 
#CF5d933e4b37161_2-row-6 p {
	width:100%;
	text-align:center;
	color:#005ca8;
	font-size:12px;
	font-weight:600;
	margin-top:10px;
	margin-bottom:20px;
}
@media only screen and (max-width: 767px) {
	#CF5d933e4b37161_2-row-6 p {
		width:100%;
		text-align:center;
		color:#005ca8;
		font-size:12px;
		font-weight:600;
		margin-top:20px;
		margin-bottom:20px;
	}
}
#CF5d933e4b37161_2-row-6 p a{
	color:#005ca8;
}
#CF5d933e4b37161_2 .parsley-required{
	font-size:14px;
	line-height:14px;
}
@media only screen and (max-width: 767px) {
	#CF5d933e4b37161_2 .parsley-required{
		font-size:12px;
		line-height:12px !important;
	}
}
/* tapahtuman näytteilleasettajat  formi end */

.kumppani{
	text-align:center;
}
.kumppani h1, .kumppani h2, .kumppani h3  {
	color:#005ca8;
}
.kumppani .img-responsive {
    display: inline !important;
    max-width: 100%;
    height: auto;
}
/* Näytteilleasettajat end */




/* tapahtumasivu end */