@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900');

body {
	font-family: 'Lato', Arial, Helvetica, Trebuchet MS, sans-serif;
	background:#f9f4ec;
	color: #393939;
	font-weight: 400;
	font-size: 15px;
	margin-top: 93px;
}

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

.ylakuva {
	position:relative;
	height: 535px;
	background: url(../images/header_bg.jpg) no-repeat center center fixed;
}

a {color: #4c2818; font-weight: 700; font-style: normal;}

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

h1, h2, h3, h4, h5, h6 {
	font-family: 'Lato', Arial, Helvetica, Trebuchet MS, sans-serif;
	color: #4c2818;
	letter-spacing: 0.0em;
	font-weight:900;
	}

	h1 { font-size: 37px; 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: url(../images/bg.jpg) no-repeat center top #575757;}
	 
.img-rounded {border-radius: 4px;}

.logo-leveys {width: 510px;}

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

.white-box{background-color: #fff; margin-bottom:30px;}
.white-box h3{color: #4c2818; margin-top:0px; margin-bottom:0px; font-size:24px;}

/* SISALTO
------------------------------------------------------------------------------------------*/
.content {padding-top: 45px; padding-bottom: 45px; padding-left: 0px; padding-right: 0px; background-color:transparent;}
.content2 {padding-top: 45px; padding-bottom: 45px; padding-left: 0px; padding-right: 0px; background-color: transparent;}

/* TARJOUSPYYNNÖN LAHETYS
------------------------------------------------------------------------------------------*/
.linkit-main {background: url(../images/linkit_main_bg.jpg) no-repeat center top #4c2818; padding: 65px 0px 55px 0px; -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
.tarjous {padding: 35px 30px 35px 30px;}

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

/* KUVALINKKI
------------------------------------------------------------------------------------------*/
.link-text {
    color: #ffffff;
    font-family: 'Lato', Arial, sans-serif;
    font-weight: 900;
	font-size: 36px;
}
.img-link {
    display: block;
    overflow: hidden;
    text-align: center;
}
.img-link .img-content {
    overflow: hidden;
}
.img-link .img-content img {
    transform: scale(1.01);
    transition: all 0.6s ease-in-out 0s;
}
.img-link:hover .img-content img {
    transform: scale(1.09);
}
.img-link:hover .img-content::after {
    bottom: 0;
    content: "";
    left: 15px;
    position: absolute;
    right: 15px;
    top: 0;
    z-index: 100;
}
.img-link .text-content {
    background-color: #4c2818;
    color: #fff;
    left: 15;
    padding: 14px 26px 5px;
    position: absolute;
    bottom: 0;
    transition: all 0.3s ease-in-out 0s;
}
.img-link:hover .text-content {
    background-color: #753d25;
    color: #fff;
    left: 15;
    padding: 14px 26px 5px 36px;
    position: absolute;
    bottom: 0;
    transition: all 0.3s ease-in-out 0s;
}
.img-link .img-content img {
    max-width: 100%;
    transform: scale(1.01);
    transition: all 0.3s ease-in-out 0s;
}

/* FOOTER
------------------------------------------------------------------------------------------*/
footer {background-color: #4c2818;}

/* 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: #4c2818; border: 0px solid #E3E3E3; border-radius: 4px; box-shadow: none;}
label {
    color: #fff;
}

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

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

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

.navbar {background: url(../images/bg.jpg) no-repeat center top #4c2818;}

nav {font-size: 15px; font-family: 'Lato', 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: #753d25; color: #fff;}

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

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

.navbar-toggle {margin-top: 20px; margin-bottom: 20px;}
.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: #4c2818;}

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

.navbar-nav {margin-top: 25px;}

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

.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:#4c2818;
 }
 
 .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    background-color: #4c2818;
}

/* 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: 'Lato', 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:#753d25; font-size: 16px; color: #fff; border-color: #753d25; 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-primary:hover, .btn-primary:focus {background-color: #371b0e; border-color: #371b0e; color: #fff; -webkit-transition: .3s ease-in; transition: .3s ease-in;}

/* btn-default normaali
------------------------------------------------------------------------------------------*/
.btn-default {background-color:#753d25; font-size: 16px; color: #fff; border-color: #753d25; 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: #371b0e; border-color: #371b0e; color: #fff; -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: #4c2818; 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: #371b0e; border-color: #371b0e; color: #fff; -webkit-transition: .3s ease-in; transition: .3s ease-in;}

/* btn-info iso nega painike
------------------------------------------------------------------------------------------*/
.btn-info { background-color:#613b2a; font-size: 15px; color: #613b2a; border-color: #4c2818; 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: #371b0e; border-color: #371b0e; color: #fff; -webkit-transition: .3s ease-in; transition: .3s ease-in;}

.btn {font-family: 'Lato', 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: 0px 15px; width: 208px; margin-top: 15px;}	
.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;}
body {margin-top: 72px;}
.content2 {padding-top: 15px; padding-bottom: 15px; padding-left: 15px; padding-right: 15px; background-color: #fff;}
.ylakuva {height: 220px;}
.linkit-main {
    padding: 19px 0px 2px 0px;
}
}
/* 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: 38px; line-height:41px;}
.ingressi-box {padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px;}
.link-text {font-size:25px;}
.margin-bottom {margin-bottom: 30px;}
.navbar-brand {padding: 0px 15px; width: 240px; margin-top: 25px;}
.ylakuva {height: 400px;}
}

/* 992
------------------------------------------------------------------------------------------*/
@media (min-width: 992px) {
.frontpage_contact_content{height: 331px; padding-left: 30px; padding-right: 30px;}
.slogan {font-size: 41px; line-height:41px;}
.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;}
.margin-bottom {margin-bottom: 15px;}
.navbar-brand {padding: 0px 15px; width: 292px; margin-top: 21px;}	
.ylakuva {height: 400px;}
}

/* 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;}
.ingressi-box {padding-top: 40px; padding-bottom: 40px; padding-left: 40px; padding-right: 40px;}
.link-text {font-size:24px;}	
.ylakuva {height: 500px;}
}