@import 'https://fonts.googleapis.com/css?family=Exo+2:400,700,900';

body {
	font-family: 'Exo 2', Arial, Helvetica, Trebuchet MS, sans-serif;
	background: url(../images/bg.jpg) repeat center center #181818;
	color: #282828;
	font-weight: 400;
	font-size: 16px;
	margin-top:75px;
}

p { font-size: 16px;}

a {color: #018bd9; font-weight: normal; font-style: normal;}

a:hover {color: #282828;}

header {background-color:#0b0602; padding-bottom:24px; padding-top:20px;}


h1, h2, h3, h4, h5, h6 {
	font-family: 'Exo 2', Arial, Helvetica, Trebuchet MS, sans-serif;
	font-weight: 700;
	color: #018bd9;
}

	h1 { margin-top: 0px;}
	h3 {font-size: 24px; font-weight: 700;}

a.class1 {color: #FFF;}

.copyright {color: #FFF;}

.white {color: #FFF;}

footer {background: url(../images/footer_bg.jpg) repeat center top #940710; color:#fff; }
	 
.img-rounded {border-radius: 9px;}

.content {padding: 24px 32px 24px 33px; margin-top:30px; margin-bottom:30px; background-color: #fff; 
-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.1);}

.content2 {margin-top:20px; margin-bottom:20px; padding-top: 30px; padding-bottom: 30px; padding-right: 30px; padding-left: 30px; background-color: #fff; 
-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.1);}

.ylakuva {
	position:relative;
	height: 600px;
	background: url(../images/header_bg.jpg) no-repeat center center fixed;
}
.teksti {
	height:100px;
	width: 100%;
	position:absolute;
	top:50%;
	margin-top:-5px;
}
.etusivu_yhteystiedot {text-align:center; margin-top:30px; padding:30px 30px 30px 30px; background: url(../images/footer_bg.jpg) repeat left top #940710; color:#fff; }
.etusivu-soitto{margin-bottom:30px; text-align:center; padding:21px 20px 21px 20px; background-color: #130b04; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.etusivu-soitto:hover{padding:21px 20px 21px 20px; background-color: #0072b2;}
.etusivu-soitto p{margin:0px; font-weight:700; font-size:30px;letter-spacing: 0.00em; color:#fff;}

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

/* HEADER/NAVBAR
------------------------------------------------------------------------------------------*/
.navbar {background-color: rgba(1, 139, 217, 0.8);}

.navbar-nav > li > a {padding-top: 13px; padding-bottom: 17px;}

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

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

.navbar-default .navbar-nav > li > a {color: #fff; font-weight: 700; }

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

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

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

.navbar-toggle {margin-top: 8px;}
.navbar-default .navbar-toggle {border: 0px solid #fff; padding: 9px 11px; background-color: #fff;}
.navbar-default .navbar-toggle .icon-bar {background-color: #018bd9;}
.navbar-toggle .icon-bar {
    display: block;
    width: 25px;
    height: 3px;
    border-radius: 1px;
}

/* SLIDE
------------------------------------------------------------------------------------------*/
.slogan {color: #fff;font-family: 'Exo 2', Arial, Helvetica, Trebuchet MS, sans-serif; text-align: center; text-shadow: 1px 1px 0px rgba(155, 94, 72, 0.2); font-weight: 700; padding-right:15px;}

.slide-text-content {
    left: 0px;
    right: 0px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 200;
}

.text-box-text{
    left: 0px;
    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: left;
	background-color: rgba(1, 139, 217, 0.8);
	width: 570px;
	/*! -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5); */ /*! -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5); */ /*! box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5); */
}

.no-margin{ margin-right: 0px; margin-left: 0px;}
.no-padding{padding-left: 0 !important; padding-right: 0 !important;}
.container-fluid {padding-right: 0px; padding-left: 0px;}

/* INGRESSI
------------------------------------------------------------------------------------------*/
.ingressi {font-family: 'Roboto', Arial, Helvetica, Trebuchet MS, sans-serif; color: #282828; font-weight: 400; }
.ingressi-main {background-color: #eeeeef;padding-left:47px;padding-right:47px;padding-top: 39px;padding-bottom: 37px;}

.ingressi-main-box {margin-bottom:30px; background-color: #eeeeef; -webkit-box-shadow: 0px 0px 14px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 14px 3px rgba(0,0,0,0.2);
box-shadow: 0px 0px 14px 3px rgba(0,0,0,0.2);}

.frontpage_contact_conten_table{width: 100%; display: table; background-color: #018bd9;}
.frontpage_contact_content{color: white; text-align:center;display: table-cell;vertical-align: middle;}
.phone_number{color: #282828; font-weight: 700; text-transform:normal;}

/* AJANKOHTAISTA
_____________________________________________ */

.ajankohtaista-main {background-color: #eeeeef; -webkit-box-shadow: 0px 0px 14px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 14px 3px rgba(0,0,0,0.2);
box-shadow: 0px 0px 14px 3px rgba(0,0,0,0.2);}
.ajankohtaista-otsikko {padding: 11px 19px;background-color: #018bd9;}
.ajankohtaista-sisalto {padding: 1.1em 1.3em; background-color: #eeeeef; border-bottom: 1px solid #c1c1c1; border-right: 1px solid #c1c1c1; border-left: 1px solid #c1c1c1;}
.otsikko {font-family: 'Exo 2', Arial, Helvetica, Trebuchet MS, sans-serif; font-size: 23px;color: #282828;font-weight: 900;margin-bottom:0px;text-transform: uppercase;}

/* NO GUTTERS
------------------------------------------------------------------------------------------*/
.row.no-gutters {margin-right: 0; margin-left: 0;}

.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {padding-right: 0; padding-left: 0;}

/* KUVALINKKI
------------------------------------------------------------------------------------------*/

.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:left; 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 .img-content:after {
	content:"";
	top:0;
	right:15px;
	bottom:0;
	left:15px;}

.img-link .text-content {padding-top: 9px; padding-bottom: 2px; padding-right:10px; padding-left:17px; background-color: #018bd9; color:#fff;-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}

.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;
}

/* BUTTON
------------------------------------------------------------------------------------------*/
.btn-primary {background-color:#018bd9; font-size: 17px; color: #fff; border-color: #018bd9; padding-left:17px; padding-right:17px; padding-top:7px; padding-bottom:9px; border-radius: 0px; -webkit-transition: .4s ease-out; transition: .4s ease-out;}
.btn-primary:hover, .btn-primary:focus {background-color: #0072b2; border-color: #0072b2; color: #fff; -webkit-transition: .3s ease-in; transition: .3s ease-in;}


/* btn-info normaali
------------------------------------------------------------------------------------------*/
.btn-default {background-color:#018bd9; font-size: 17px; color: #fff; border-color: #018bd9; padding-left:17px; padding-right:17px; padding-top:7px; padding-bottom:9px; border-radius: 0px; -webkit-transition: .4s ease-out; transition: .4s ease-out;}
.btn-default:hover, .btn-default:focus{background-color: #0072b2; border-color: #0072b23d3c3f; color: #fff; -webkit-transition: .3s ease-in; transition: .3s ease-in;}

/* btn-info normaali nega
------------------------------------------------------------------------------------------*/
.btn-success { background-color:#018bd9; font-size: 18px; color: #fff; border-color: #018bd9; padding-left:17px; padding-right:17px; padding-top:17px; padding-bottom:17px; border-radius: 0px; -webkit-transition: .4s ease-out; transition: .4s ease-out;}
.btn-success:hover, .btn-success:focus{background-color: #0072b2; border-color: #0072b2; color: #fff; -webkit-transition: .3s ease-in; transition: .3s ease-in;}

/* btn-info iso nega painike
------------------------------------------------------------------------------------------*/
.btn-info { background-color:#0b0602; margin-top:16px; border: 0px solid #0b0602; color: #fff; font-weight: 700; font-size: 20px; padding-left:23px; padding-right:23px; padding-bottom:12px; padding-top:9px; border-radius: 0px; -webkit-transition: .4s ease-out; transition: .4s ease-out;}
.btn-info:hover, .btn-info:focus{background-color: #018bd9; border: 0px solid #018bd9; color: #fff; -webkit-transition: .3s ease-in; transition: .3s ease-in;}

.btn {font-family: 'Exo 2', Arial, Helvetica, Trebuchet MS, sans-serif; font-weight: 700; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer;-moz-user-select: none; background-image: none; border: 0px solid transparent;}


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

@media (max-width: 768px) {
.margin {margin-top: 0px;}
.ingressi {font-size: 21px;}
.slogan {font-size: 34px;}

.margin-bottom{margin-bottom: 15px; }
.content {padding: 15px; margin-bottom:15px; margin-top:15px;}
.content2 {margin-top:15px; margin-bottom:15px; padding-top: 15px; padding-bottom: 15px; padding-right: 15px; padding-left: 15px;}
h1 { font-size: 30px; }
.phone_number{font-size: 35px;}
.frontpage_contact_conten_table{padding-top:25px; padding-bottom:25px;}
.ajankohtaista-main {margin-bottom: 15px;}
.ingressi-main-box  {margin-bottom: 15px;}
.ingressi-main {padding-left:28px; padding-right:28px; padding-top:27px; padding-bottom:25px;}
.ajankohtaista-main {margin-bottom: 30px;}
.link-text{font-size: 24px;}
.button-margin{margin-bottom:20px;}
.ylakuva {height: 300px; background-size: 1043px 430px;}
body {margin-top:114px;}
.navbar {background-color: rgba(1, 139, 217, 1);}
.etusivu_yhteystiedot {margin-top: 3px;}
.etusivu-soitto {margin-bottom: 19px;}
}
/* 768
------------------------------------------------------------------------------------------*/
@media (min-width: 768px) {
.fp-sisalto {overflow: hidden; margin-top:0px; margin-bottom:30px; padding-left: 105px; padding-top: 30px; padding-bottom: 30px; background-color:#fff;
-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.1);}
.margin-bottom{margin-bottom: 30px;}
.navbar .navbar-nav {display: inline-block; float: none; vertical-align: top;}
.navbar .navbar-collapse {text-align: center;}
.logo-keskitys {display: inline-block;}
.ingressi {font-size: 22px;}
.slogan {font-size: 39px; line-height: 43px;}
.frontpage_contact_conten_table{padding-top:25px; padding-bottom:25px;}
nav {font-size: 17px;}
.ajankohtaista-main {margin-bottom: 30px;}
.slide-text-content {margin-right: auto; margin-left: auto; max-width: 720px;}
.text-box-text{width: 720px; padding-top: 24px; padding-bottom: 23px; padding-left: 30px;padding-right: 30px;}
.link-text{font-size: 19px;}
.ylakuva {height: 545px;}
.etusivu_yhteystiedot {margin-top: 0px;}
.etusivu-soitto {margin-bottom: 27px;}
}

/* 992
------------------------------------------------------------------------------------------*/
@media (min-width: 992px) {
.fp-sisalto {overflow: hidden; margin-top:30px; margin-bottom:30px; padding-left: 0px; padding-top: 0px; padding-bottom: 0px;}
.frontpage_contact_conten_table{height: 212px;}
.ajankohtaista-sisalto {height: 178px;}
.ingressi {font-size: 22px;}
.slogan {font-size: 34px; line-height: 38px; text-align: left;}
.ajankohtaista-main {margin-bottom: 0px;}
.slide-text-content {max-width: 930px;}
.text-box-text{width: 535px; padding-top: 20px; padding-bottom: 23px; padding-left: 30px;padding-right: 30px;}
.link-text{font-size: 25px;}
.ylakuva {height: 400px;}
.etusivu_yhteystiedot {margin-top: 30px;}
.etusivu-soitto {margin-bottom: 30px;}
}

/* 1200
------------------------------------------------------------------------------------------*/
@media (min-width: 1200px) {
.ingressi {font-size: 23px;}
.slogan {font-size: 41px; line-height: 47px;}
.frontpage_contact_conten_table{height: 185px;}
.ajankohtaista-sisalto {height: 155px;}
.slide-text-content {max-width: 1137px;}
.text-box-text{width: 618px; padding-top: 25px; padding-bottom: 25px; padding-left: 35px;padding-right: 35px;}
.ylakuva {height: 600px;}
}