/*!* Start Bootstrap - Business Frontpage HTML Template (http://startbootstrap.com)* Code licensed under the Apache License v2.0.* For details, see http://www.apache.org/licenses/LICENSE-2.0.*/
@import url(https://fonts.googleapis.com/css?family=Roboto|Raleway:400,800,900);

body
{	padding-top: 97px;    font-family: 'Roboto', Arial, Helvetica, Trebuchet MS, sans-serif;
font-size: 16px;line-height: 25px;color: #333;
background-color: #fff; /*! background-image: url(../images/bg2.jpg); */
background-position: center top; background-repeat: repeat;}a {color: #BC0C1D;}ol, ul {/*! margin-bottom: 15px; *//*! margin-left: -11px; */}
/* OTSIKKO------------------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{	font-family: 'Raleway', Arial, Helvetica, Trebuchet MS, sans-serif;
font-weight: 800;	color: #BC0C1D;	line-height: normal;
padding: 0;	margin: 0;}
.content {/*! box-shadow: 0px 0px 15px -5px rgba(0, 0, 10, 0.17); */ background-color: #fff; padding-top: 65px; padding-bottom: 45px; padding-left: 0px; padding-right: 0px;}
ol, ul {margin-top: 0; margin-bottom: 10px; margin-left: -10px; line-height: 28px;}

/* KIELILIPUT------------------------------------------------------------------------------------------*/
.kieli-main {position: relative;}
.kieli {position: absolute; top: 13px; right: 17px;}

/* FOOTER------------------------------------------------------------------------------------------*/
footer {background: url('../images/nav_b.jpg') top repeat-x scroll #333; border-top: 1px solid #9C9C9C;}
.footer-main {padding: 50px 0;}
.link-margin {padding-bottom: 30px;}
.no-padding {padding-right: 0px; padding-left: 0px;}
.no-margin {margin-right: 0px; margin-left: 0px;}

/* NAVIGAATIO------------------------------------------------------------------------------------------*/
.nav_bg {box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); background-color: #fff; height: 100px; padding:20px;}
.navbar-brand {margin-top: -2px; padding: 15px; padding-left: 9px;}
.navbar .navbar-nav {padding-top: 45px; padding-bottom: 10px;}
.navbar-inverse {background: url('../images/nav_bg.jpg') top repeat-x scroll #C31F26; border-color: transparent; height: 97px; box-shadow: 0px 0px 20px -5px rgba(0, 0, 10, 0.2); border-bottom: 1px solid #D42A2A;}
.navbar-inverse .navbar-nav > li > a {color: #fff;}
.navbar-nav > li > a {padding-top: 10px; padding-bottom: 10px;}
.navbar-inverse .navbar-nav > li > a {}.navbar-inverse .navbar-toggle {border-color: #fff;}

/* NAVIGAATIO MOBIILI------------------------------------------------------------------------------------------*/
.navbar-inverse .navbar-toggle {border-color: transparent;}
.navbar-toggle {padding: 6px6px; margin-top: 50px; margin-right: 10px; margin-bottom: 12px; background-image: none;border: 1px solid transparent; border-radius: 4px;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {border-color: transparent; background: url('../images/nav_bg.jpg') top repeat-x scroll #C31F26;}
.navbar-inverse .navbar-toggle .icon-bar {background-color: #fff;}
.margin {margin-bottom: 20px;}
.mainarea {padding-top: 35px;}
.keskitys {text-align: center; display: table-cell; vertical-align: middle; padding-top: 10px; padding-bottom: 0px; color: #FFF; font-size: 40px;}
.modal-lg {width: 500px;}

/* BUTTON------------------------------------------------------------------------------------------*/
.btn-default {border-color: #FFF;}
.btn {padding: 8px 24px;font-size: 16px; border: 0px solid transparent; border-radius: 30px;}

/* HEADERKUVA------------------------------------------------------------------------------------------*/
.yhteistyo_main {background-color: #fff; padding-top: 40px; padding-bottom: 40px; box-shadow: 0px 0px 20px -8px rgba(0, 0, 0, 0.2);}
.yhteistyo_padding {padding-left: 70px; padding-right: 70px;}
.kaasupullot_main {background: url('../images/nav_bg.jpg') top repeat-x scroll #C31F26; padding-top: 25px;  box-shadow: 0px 0px 20px -8px rgba(0, 0, 0, 0.2);}

/* HEADERKUVA------------------------------------------------------------------------------------------*/
.header-kuva {background: url('../images/bg.jpg') center center repeat-x scroll #970917; padding-top: 60px; padding-bottom: 60px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.header-kuva-alasivut{margin-bottom: 20px; height:300px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.palvelut{background: url('../images/palvelut_header.jpg') center center repeat-x scroll #970917;}
.huolto{background: url('../images/huolto_header.jpg') center center repeat-x scroll #970917;}
.yhteystiedot{background: url('../images/yhteys_header.jpg') center center repeat-x scroll #970917;}
.header-kuva-content-table{width: 100%; display: table;/*background: url('../images/footer_bg.png') top center repeat-x scroll #9e1c1f;*/}
.header-kuva-content {background-color: #9dcd39; background: url(images/slogan_bg.jpg) no-repeat center top; color: #fff; text-align: center; display: table-cell; vertical-align: middle; padding-top: 100px; padding-bottom: 35px;}
.text-content {left: 0; right: 0; padding: 20px; position: absolute; top: 47%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #fff; z-index: 200; text-align: center;}
.slogan {text-shadow: 0px 0px 80px rgba(0, 0, 0, 0.15);}

/* @MEDIA------------------------------------------------------------------------------------------*/
@media (max-width: 768px) {
.margin {margin-top: 0px;}
.slogan {font-size: 31px; color:#fff; font-weight: 900;}
.navbar-brand {padding: 24.5px 15px; width: 243px; margin-top:-5px;}
.margin-bottom{margin-bottom: 20px;}
.content {padding-top: 15px;padding-bottom: 15px;padding-left: 15px;padding-right: 15px;}	h1 { font-size: 30px; }
.navbar-brand {width:259px; padding: 0px 12px; margin-top: 34px;}
.text-margin-top{padding-top:15px;}
.navbar .navbar-nav {padding-top: 0px; padding-bottom: 10px;}
.header-kuva-alasivut{margin-bottom: 20px; height:250px;-webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.header-kuva-content {padding-top: 78px;}}

/* 768------------------------------------------------------------------------------------------*/
@media (min-width: 768px) {	nav {color: white; font-size: 15px;}
.nav > li > a {padding-left:15px; padding-right:15px;}
.navbar-brand {width:310px; padding: 0px 15px; margin-top: 22px;}
.huolto-margin{margin-bottom:30px;}
.slogan {font-size: 40px; color:#fff;}
.slogan-en {font-size: 38px; color:#fff; font-weight: 900; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.56);}
.text-margin-top{padding-top:20px;}}

/* 992------------------------------------------------------------------------------------------*/
@media (min-width: 992px) {
.navbar-brand {float: left; width:350px; padding: 0px 15px; padding-top:17px; margin-top: 0px;}	nav {color: white; font-size: 16px;}
.nav > li > a {padding-left:18px; padding-right:18px;}	.slogan {font-size: 40px; color:#fff; font-weight: 900; }
.otsikko-en {font-size: 23px; color:#fff; font-weight: 800; }
.slogan-en {font-size: 48px;}	.huolto-margin{margin-bottom:30px;}
.text-margin-top{padding-top:11px;}}

/* 1200------------------------------------------------------------------------------------------*/
@media (min-width: 1200px) {
.slogan {font-size: 55px; color:#fff; line-height: 63px;letter-spacing: 1.6px;}
.navbar-brand {float: left; width:350px; padding: 0px 15px; padding-top:18px;}
.huolto-margin{margin-bottom:30px;}
.margin-left{padding-left:0px; padding-right:55px;}
.text-margin-top{padding-top:41px;}
.otsikko-en {font-size: 30px; }}