@import 'https://fonts.googleapis.com/css?family=Raleway:400,500,900|Russo+One';

body {
	font-family: 'Raleway', Arial, Helvetica, Trebuchet MS, sans-serif;
	background:#fff;
	color: #393939;
	font-weight: 400;
	font-size: 15px;
}

/* FONTIT
------------------------------------------------------------------------------------------*/
p { font-size: 15px; line-height:23px; letter-spacing: 0.02em;}

b, strong {
    font-weight: 500;
}

a {color: #00ace9; font-weight: normal; font-style: normal;}

a:hover {color: #ffe74b; text-decoration: none;}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Russo One', Arial, Helvetica, Trebuchet MS, sans-serif;

	color: #00ace9;
	letter-spacing: 0.03em;
	}

	h1 { font-size: 40px; margin-top:0px;}
	h2 { font-size: 29px;}
	
.ingressi {font-size: 24px; line-height:32px; /*! text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2); */ letter-spacing: 0.01em; font-family: 'Raleway', Arial, Helvetica, Trebuchet MS, sans-serif; font-weight: 400;color: #393939;}

.copyright {color: #FFF;}

.white {color: #FFF;}

footer {background-color: #f7c729;}
	 
.img-rounded {border-radius: 4px;}

.logo-leveys {width: 510px;}

.lang_main {position: relative; line-height: 105px;}

.varjo{-webkit-box-shadow: 0px 2px 4px -2px rgba(0,0,0,0.34); -moz-box-shadow: 0px 2px 4px -2px rgba(0,0,0,0.34); box-shadow: 0px 2px 4px -2px rgba(0,0,0,0.34);}
.scale{transition: all .2s ease-in-out;}
.scale:hover{transform: scale(1.1);}

.white-box{background-color: #fff; margin-bottom:30px;}
.white-box h3{color: #00ace9; margin-top:0px; margin-bottom:0px; font-size:21px;}

/* SISALTO
------------------------------------------------------------------------------------------*/
.content {padding-top: 30px; padding-bottom: 30px; padding-left: 0px; padding-right: 0px; background-color: #fff;}
.content2 {padding-top: 60px; padding-bottom: 60px; padding-left: 75px; padding-right: 75px; background-color: #fff;}

/* TARJOUSPYYNNÖN LAHETYS
------------------------------------------------------------------------------------------*/
.pyyda-tarjous {background-color: #ebebeb; padding: 40px 0px 40px 0px;}
.tarjous {padding: 35px 20px 35px 20px;}

/* HINTAESIMERKKEJA
------------------------------------------------------------------------------------------*/
.hinnasto {background: url(../images/hinnasto_bg.jpg) no-repeat center top #36aee1; padding: 70px 0px 40px 0px; background-size:cover;}
.hinnasto-tyyli {padding: 30px 30px 30px 30px;}

.table {margin-bottom: 0px;}

/* LINKIT
------------------------------------------------------------------------------------------*/
.palvelu-linkit {background: url(../images/bg.jpg) no-repeat center top #fff;}

/* LINKKI PAINIKKEET
------------------------------------------------------------------------------------------*/
.link-text {background-color: rgba(0, 172, 233, 0.9); padding:10px 14px 10px 14px;
display: inline; color: #fff; font-family: 'Russo One', Arial, Helvetica, Trebuchet MS, sans-serif; text-align: center;}

.no-padding, .collection--intro>h1,.collection--header .collection--intro>h2,.collection--header .collection--intro .collection__feature-image,.collection--header .collection--intro .collection__description {
	padding-left:0 !important;
	padding-right:0 !important
}

.img-link {text-align:center; overflow:hidden; display:block}

.img-link .img-content {overflow:hidden}

.img-link .img-content img {
	-webkit-backface-visibility:hidden; 
	-webkit-transform: scale(1); 
	transform: scale(1);
	-webkit-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}

.img-link:hover .img-content img {
	-webkit-backface-visibility:hidden;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.img-link:hover .img-content:after {
	content:"";
	top:0;
	right:0px;
	bottom:0;
	left:0px;
	position:absolute;
	z-index:100;
	background:rgba(0, 172, 233,0.8);
}

.img-link .text-content {
	left:0;
	right:0;
	padding:20px;
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	color:#fff;
	z-index:200;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.img-link:hover .text-content {
	left:0;
	right:0;
	padding:20px;
	position:absolute;
	top:45%;
	-webkit-transform:translateY(-45%);
	-moz-transform:translateY(-45%);
	-ms-transform:translateY(-45%);
	transform:translateY(-45%);
	color:#fff;
	z-index:200;	
}

.img-link .img-content img {
	max-width:100%;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

/* FOOTER
------------------------------------------------------------------------------------------*/
footer {background-color: #484e51;}

/* KUVAGALLERIA
------------------------------------------------------------------------------------------*/
.carousel {background-color: transparent; border-radius: 0px;}

.carousel-control.left {background-image: none; background-repeat: repeat-x;}

.carousel-control.right {background-image: none; background-repeat: repeat-x;}

.well {background-color: #F5F5F5; border: 0px solid #E3E3E3; border-radius: 4px; box-shadow: none;}

.carousel-control {color: #00ace9; opacity: 1; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.0);}

.carousel-control:focus, .carousel-control:hover {color: #00ace9; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.0);}

.breadcrumb {
    padding: 10px 15px;
    background-color: #1f1f1f;
    border-radius: 1px;
}

.well {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 1px;
	margin-top:20px;
}

/* HEADER/NAVBAR
------------------------------------------------------------------------------------------*/
header {background: #fff;padding-top: 3px;padding-bottom: 3px;}

.navbar {background-color:#00ace9;}

nav {font-size: 15px; font-family: 'Raleway', Arial,sans-serif;}

.navbar-nav > li > a {padding-top: 9px; padding-bottom: 10px;}

.navbar-default .navbar-toggle .icon-bar {background-color: #0d3d91;}

.navbar-default .navbar-nav > li > a {color: #fff; font-weight: 500; letter-spacing: 0.02em;}

.navbar-default .navbar-nav > li > a:hover {background-color: #f3bf2b; color: #fff;}

.navbar-default .navbar-nav > .active > a{background-color: #f3bf2b; color: #fff;}

.navbar-default .navbar-nav > .active > a:hover{background-color: #f3bf2b; color: #fff;}

.navbar-toggle {margin-top: 8px;}
.navbar-default .navbar-toggle {border: 0px solid #fff; padding: 9px 11px; background-color: #ACACAC;}
.navbar-default .navbar-toggle .icon-bar {background-color: #0063f1;}
.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}

.navbar-default .navbar-toggle {background-color: #f3bf2b;}

.navbar-nav > li > .dropdown-menu {
    background-color: #f3bf2b;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #fff;
    background-color: #f3bf2b;
}

.dropdown-menu {

    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 0px 0;
    margin: 0px 0 0;
    font-size: 15px;
    background-color: #fff;

    border: 0px solid #ccc;
    border: 0px solid rgba(0,0,0,.15);
    border-radius: 0px;
    -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.0);
    box-shadow: 0 0px 0px rgba(0,0,0,.0);
}

.dropdown-menu > li > a {
    display: block;
    padding: 11px 14px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #fff;
    white-space: nowrap;
}
.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: 10px 15px 10px 15px;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
            background-image:none !important;
 }
 .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
            background-color:#00ace9;
 }
 
 .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    background-color: #00ace9;
}

/* slide
------------------------------------------------------------------------------------------*/
.no-padding {padding-left: 0px !important; padding-right: 0px !important;}

.slide-text-content {left: 0px; right: 0px; padding-top: 60px; padding-bottom: 70px; position: absolute; top: 50%; -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #FFF;
    z-index: 200;
    text-align: center;
    margin-right: 35%;
    margin-left: 35%;}

.img-content { overflow: hidden; overflow-x: hidden; overflow-y: hidden;}

.img-content img {max-width: 100%; -webkit-backface-visibility: hidden; -webkit-transition: -webkit-transform 1s; -webkit-transform: scale(1, 1); -moz-transition: -moz-transform 1s; -moz-transform: scale(1, 1); transition: transform 1s; transform: scale(1, 1);}

.no-margin{ margin-right: 0px; margin-left: 0px;}
.container-fluid {padding-right: 0px; padding-left: 0px;}
.slogan {font-family: 'Russo One', Verdana, Helvetica, Trebuchet MS, sans-serif; color: #fff; font-weight: 900; text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);}

/* PAINIKKEET
------------------------------------------------------------------------------------------*/
.btn-primary {background-color:#00ace9; font-size: 17px; color: #272c32; border-color: #00ace9; padding-left:17px; padding-right:17px; padding-top:13px; padding-bottom:13px; border-radius: 1px; -webkit-transition: .4s ease-out; transition: .4s ease-out;}
.btn-primary:hover, .btn-primary:focus {background-color: #ebcc00; border-color: #ebcc00; color: #272c32; -webkit-transition: .3s ease-in; transition: .3s ease-in;}

/* btn-default normaali
------------------------------------------------------------------------------------------*/
.btn-default {background-color:#f3bf2b; font-size: 19px; color: #fff; border-color: #f3bf2b; padding-left:17px; padding-right:17px; padding-top:9px; padding-bottom:9px; border-radius: 1px; -webkit-transition: .4s ease-out; transition: .4s ease-out;}
.btn-default:hover, .btn-default:focus{background-color: #ebcc00; border-color: #ebcc00; color: #272c32; -webkit-transition: .3s ease-in; transition: .3s ease-in;}

/* btn-success normaali nega
------------------------------------------------------------------------------------------*/
.btn-success { background-color:#fff; font-size: 16px; color: #272c32; border-color: #00ace9; padding-left:17px; padding-right:17px; padding-top:17px; padding-bottom:17px; border-radius: 1px; -webkit-transition: .4s ease-out; transition: .4s ease-out;}
.btn-success:hover, .btn-success:focus{background-color: #ebcc00; border-color: #ebcc00; color: #272c32; -webkit-transition: .3s ease-in; transition: .3s ease-in;}

/* btn-info iso nega painike
------------------------------------------------------------------------------------------*/
.btn-info { background-color:#fff; font-size: 15px; color: #484e51; border-color: #00ace9; padding-left:13px; padding-right:13px; padding-top:9px; padding-bottom:10px; border-radius: 1px; -webkit-transition: .4s ease-out; transition: .4s ease-out;}
.btn-info:hover, .btn-info:focus{background-color: #ebcc00; border-color: #ebcc00; color: #272c32; -webkit-transition: .3s ease-in; transition: .3s ease-in;}

.btn {font-family: 'Russo One', Verdana, Helvetica, Trebuchet MS, sans-serif; font-weight: 400; text-align: center; border: 0px solid transparent;}

/* @MEDIA
------------------------------------------------------------------------------------------*/

@media (max-width: 768px) {
.margin {margin-top: 0px;}
.slogan {font-size: 18px;}	
.navbar-brand {padding: 24.5px 15px;width: 243px;margin-top:-5px;}
.margin-bottom{margin-bottom: 20px;}
h1 { font-size: 30px; }
.ingressi-box {padding-top: 15px; padding-bottom: 15px; padding-left: 15px; padding-right: 15px;}
.link-text {font-size:21px; line-height: 48px;}
.pyyda-tarjous {padding: 15px 0px 0px 0px;}
.hinnasto {padding: 15px 0px 15px 0px;}
.white-box {margin-bottom: 15px;}
.navbar-nav {margin: 0px -15px;}
.hinnasto-tyyli {padding: 15px 15px 15px 15px;}
}
/* 768
------------------------------------------------------------------------------------------*/
@media (min-width: 768px) {
.navbar .navbar-nav {display: inline-block; float: none; vertical-align: top;}
.navbar .navbar-collapse {text-align: center;}
.logo-keskitys {display: inline-block;}
.slide-text-content {margin-right: 8%; margin-left: 8%;}
.slogan {font-size: 40px; line-height:43px;}
.ingressi-box {padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px;}
.link-text {font-size:25px; line-height: 55px;}

}

/* 992
------------------------------------------------------------------------------------------*/
@media (min-width: 992px) {
.frontpage_contact_content{height: 331px; padding-left: 30px; padding-right: 30px;}
.slogan {font-size: 45px; line-height:47px;}
.slide-text-content {margin-right: 13%; margin-left: 13%;}
.ingressi-box {padding-top: 40px; padding-bottom: 40px; padding-left: 40px; padding-right: 40px;}
.link-text {font-size:21px; line-height: 48px;}
.white-box h3{color: #00ace9; margin-top:0px; margin-bottom:0px; font-size:18px;}

}


/* 1200
------------------------------------------------------------------------------------------*/
@media (min-width: 1200px) {
.frontpage_contact_content{height: 406px;}
.slogan {font-size: 43px; line-height:47px;}
.yhteys-font {font-size: 37px; line-height:50px;}
.slide-text-content {margin-right: 20%; margin-left: 20%;}
.ingressi-box {padding-top: 40px; padding-bottom: 40px; padding-left: 40px; padding-right: 40px;}
.link-text {font-size:24px; line-height: 55px;}
.white-box h3{color: #00ace9; margin-top:0px; margin-bottom:0px; font-size:21px;}

}