body {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: left top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-image: url(/uploads/website/tausta_srcset-large.jpg?1423034744);
}

#identity {
    left: 0px;
}

#identityContact {
    padding-top: 0;
    padding-bottom: 0;
    background-image: url(/uploads/website/logo20_srcset-large.png);
    height: 188px;
}

.footer-content {background:none repeat scroll 0% 0% rgba(8, 27, 65, 0.73); border-top: 5px solid #87cdff;}
.module .btn, .btn-large, .formbuilder .btn {
	background: #8bb93d;
	background:linear-gradient(180deg, #006cb9, #025a99);
    border:1px solid #025a99;
    }
.btn:hover, #actionLine {background: #006cb9;}

#footer a, .nav-primary a:hover, .nav-primary .active > a {color:#87cdff;}


/* DISPLAY MODULE */
.module.display {
    padding:15px;
    background:#77233B;
    border:2px ridge #441422;
    text-align:center;
    border-radius:2px;
}


/* ---------------------------  RAKENNE --------------------------- */

/* MAIN STRUCTURE */
body{min-width:100%;}
.module{margin:20px 0 0;}

.header, .main, .footer-content, .nav-primary ul
{width:100%;max-width:960px;margin:0 auto;}

.top-container, .header-container, .header-content,
.nav-primary, .main-container, .footer-container
{width:100%;margin:0;padding:0;}

.contentArea {padding:1.5em 2%;}
.contentAreaC {padding:0 0 1em;}

.main{
    position:relative;
    padding:0 2%;
    background:#fff;
    box-shadow:0 0 7px 0 rgba(0,0,0,0.15);
}

/* HEADER */

a.logo{ display:inline-block; width:auto;padding:1em 0;}
a.logo img{ height:auto;width:422px; }

/* IDENTITY AND CONTACT */
#identity{left:0;top:60px;margin-bottom:9px;}
#contact {right:0;top:0;}
#companyName, #companyTagline {
    height:auto;
    float:none;
    margin:0;
    font-size:17px;
    color:white !important;
    text-shadow:0 0 3px rgba(0,0,0,.2);
}

#identityContact {
    background-image: url('http://subdomain225199.routacms.fi/uploads/website/logo20_srcset-large.png');
    padding-top: 0px;
    padding-bottom: 0px;
    height: 188px;
    margin-bottom: 10px;
}

#actionLine, #phoneNumber {
height: auto;
float: none;
margin: 0;
color: #FFF;
width: 100%;
padding: 8px 16px;
text-align: center;
margin-bottom: 0 !important;
font-weight: 300;
}

#phoneNumber {background: #444;}

#companyName {margin-bottom:0 !important;}
#companyTagline, #actionLine, #phoneNumber{font-size:20px;font-style:normal;}

#phoneNumber{border-bottom:0;}
#phoneNumber a{color:#fff;}

/* NAVIGATION */
.nav-primary a#pull { display:none; }
.nav-primary{
    background:#333;
    background:linear-gradient(180deg, #131313, #131313);
}
.nav-primary ul{ padding:1em 0; }
.nav-primary ul li{
    float:none;
    display:inline-block;
    margin-left:0;
    border-right:1px solid #111;
}
.nav-primary ul li:last-child{border-right:none;}
.nav-primary a {
    text-transform:uppercase;
    font-size:16px;
    font-weight:700;
    color:#fff;
    display:inline-block;
    padding:0.3em 1em;
}
.nav-primary a:hover, .nav-primary .active > a {
    font-weight:700 !important;
}

.nav-primary ul ul a {
    font-size: 13px;
    font-weight: 500;
}

.nav-primary ul ul a:hover, .nav-primary ul ul .active > a {
    font-weight: 500 !important;
}

/* FOOTER */
.footer-container{background:none;}
.footer-content{padding:0 2%;}
.footer-social{text-align:left;}
#footer .footer-content .columns{margin-top:0;}
#footer .footer-content .column{padding:15px;margin-top:0;}
.footer-content .column > *, .footer-content address{font-size:14px;}
.footer-content .footer-social{display:none;}
.footer-content .column-25{width:33.33%;}
.columns .column{padding:1em;}

/* ---------------------------  RAKENNE LOPPUU --------------------------- */

/* ----------- FONTIT ----------- */
body, input, textarea, select, button, .contentArea, .columns .column, .btn{
    
}
p{  
    font-size:15px;
    line-height:1.4em;
    color:#535353;
}
.preamble{padding:0.6em 0 0;}
.preamble p{
    color:#535353;
    font-size:17px;
    line-height:1.2em;
    margin-bottom:15px;
    font-style:italic;
}
.module.h1, .h1, .module.image-text-large .h2 {
    text-transform: uppercase;
    color: #006cb9;
    font-size: 35px;
    font-weight: 500;
    line-height: 1.2em;
    margin: 20px 0 0;
    font-family: 'Fjalla One', sans-serif;
    }
    
.module.h1.aligncenter {
    margin-top:60px;
}
.module.h2, .h2{
    line-height:1em;
    font-size:23px;
    font-weight:400;
    color:#444 !important;
    font-family: 'Fjalla One', sans-serif;
}
.text a, a{
    text-decoration:none;
    color:#EAB24B;
}

a:hover {
text-decoration: none;
}

/* LISTS */
.text ul, .text ol { 
    padding-left: 30px;
}
.text li { 
    list-style:none; 
    font-size: 15px;
    text-indent:-23px;
    padding-bottom:10px;
    color:#535353;
}
.text li:before {
    content: "\0076"; 
    font-family: "Fontello";
    color:#76BE2F; 
    padding-right:10px;
}

.usp .columns li {
padding: .5em 2em;
}

/* ----------- FONTIT LOPPUU ----------- */

/* BUTTONS */
.module .btn, .btn-large, .formbuilder .btn {
    white-space: nowrap;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    padding: 14px 26px;
    color: #FFF;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    }

.call a{width:100%;text-align:center;}

/* ICONS AFTER MAILTO AND TEL */
a[href^="tel:"]:before, a[href^="mailto:"]:before, .box a:before, .footer-content a:before {
    padding-right:6px;
    font-family:'Fontello';
}
.box a:before, .footer-content a:before{content:'a';}
a[href^="tel:"]:before{content: '\E80C';}
a[href^="mailto:"]:before { content: '\E810'; }

/* ---------------------------  MUUT MODUULIT --------------------------- */

/* IMAGES */
img.module{border-radius:4px;}

/* IMAGE TEXT */
.image-text .small{display:none;}
.image-text img{margin-bottom:0;padding:0;margin-right:20px;}
.image-text .readmore .btn, .image-text-columns .readmore .btn{margin:0;}
.image-text .h2{margin:5px 0 15px;}

/* HOURS */
.hours {padding: 0 0 0 2em;}

/* CONTACT COMBINED */
.contentArea .module.contact-combined{background:none;}
.contentArea .module.contact-combined .columns {margin-top:0 ;}
.contact-combined .h2{font-size:2em;}
.contact-combined .column-40{padding:0;}
.contact-combined .contact-combined-contact{width:100%;padding:3%;}
.contentArea .contact-combined .contact-combined-opening-hours{display:none;}

/* FOCUS SPOTBOX / KOROSTETTU LAATIKKO */
.spotbox{background:#f9f9f9;border:1px solid #ddd;}
.image-text-columns img, .spotbox img{margin-bottom:0;}
.spotbox .h2{
    display:block;
    background:#21272B;
    border-bottom:5px solid #131719;
    font-style:italic;
    color:#fff !important;
    padding:10px;
    margin-bottom:0 !important;
}
.spotbox a{padding:0 10px 15px;display:inline-block;}
.spotbox .h1{ display:none;}
.spotbox ul{margin-bottom:30px;}

/* TEXT BOX / TEKSTILAATIKKO */
.contentArea .box {padding:0;color:#515151; background:#f8f8f8;border:1px solid #e2e2e2; }
.box p, .box ul, .box ol{font-size:14px;}
.box .h2{
    background:#f1f1f1;
    border-bottom:4px solid #ddd;
    margin:0 !important;
    padding:10px 10px;
    font-size:1.2em;
    color:#555 !important;
}
.box p{
    margin:10px 10px;
    color:#8E8E8E !important;
}
.box a{
    white-space: nowrap;
    padding:4px 0;
    font-size:16px;
    display:inline-block;
    color:#666;
    text-decoration:none;
}

/* FORMBUILDER / LOMAKE */
.formbuilder textarea {min-height:100px;}
input, button, select, textarea{font-size:14px;}
.formbuilder .button-container .btn{ margin-top:1em; }
input:focus, select:focus, textarea:focus {  outline:none;box-shadow:0 0 4px 0 #EDA363;}

.contentArea .formbuilder {
    padding: 15px;
    background: #FFF;
    border-left: 2px dotted #D6D6D6;
    }
.contentArea .formbuilder .h2{
    color:#555 !important;
    padding-bottom:5px;
    font-size:25px;
}
.formbuilder .preamble, .formbuilder p{
    color:#777 !important;
    font-size:17px;
    padding-bottom:0;
}
.formbuilder label, .formbuilder label.legend, .formbuilder .preamble{
    padding:15px 0 8px;
    font-size:14px;
    margin:0 !important;
    color:#999 !important;
}
input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], textarea{
    padding:5px;
    border:1px solid #ddd;
}

/* DIVIDER */
.module.divider-divider{ height:1px; background:#ddd; margin:20px 0; }

/*  THREE IMAGE COLUMN */
.contentArea .three-column .h2{ display:none; }
.contentArea .three-column .column.last{margin-right:0;}
.contentArea .three-column .btn{width:100%;}
.contentArea .three-column{margin-top:1em !important;}
.contentArea p.readmore{
    margin:0;
}
.contentArea .three-column .column{
    width:31.333%;
    margin-left:2%;
    padding:0;
    position:relative;
}
.contentArea .three-column .column:hover{ box-shadow:0 0 6px 0 #444; }
.contentArea .three-column .btn:after {
    content:'w';
    font-family:'Fontello';
    float:right;
    font-size:18px;
}

/* SPOTCALL TEXTBOX / CALL TO ACTION / PUHEKUPLANOSTO */
.spotcall .textbox{margin-bottom:30px;padding:18px;background:#30241F;text-align:center;border-radius:5px;}
.spotcall .textbox p{color:white;font-size:15px;}
.spotcall .textbox:after{border-top-color:#30241F;}
.spotcall .btn{display:none;}

/* JUMBOTRON */
.contentAreaC:first-child .jumbotron:first-child{margin-top:0;}
.jumbotron {margin-bottom:10px;}
.contentAreaC .jumbotron .slideshow{min-width:100%;}
.display > *{
    line-height:1.7em;
    text-align:center;
}

/* IMAGE GALLERIES */
.gallery-1 .slider ul, .gallery-2 .slider ul{width:100% !important;}
.gallery-1 .slider, .gallery-2 .slider{ width:auto;overflow:visible; }
.gallery-2 .slider .thumb img{margin:0;}

.contentArea .gallery-2 .slider li{
    margin-right:1%;
    width:13%;
    padding:4px;
    background:#fbfbfb;
    box-shadow:0 0 4px 0 rgba(0,0,0,0.2);
}

/* ------------------------  MUUT MODUULIT LOPPUUU ------------------------ */


/* ----------------------- RESPONSIVE MEDIA QUERIES ------------------------- */

/* SMALL LAPTOP / TABLET  */
@media (max-width:1100px) {

/* RAKENNE MOBIILI */
.main {width:95%;}

/* HEADER TABLET */
.header{padding:15px;}
a.logo {float:left;}
#identity, #actionLine{display:none;}

/* NAVIGATION TABLET */
.nav-primary ul li{
    float:left;
}

max 1100px
.nav-primary ul ul {
    margin-bottom: 0;
    padding: 0;
    position: static;
    top: 2.60714em;
}



/* FONTIT TABLET & MOBILE */
.module.h1, .h1         {font-size:28px;}
.module.h2, .h2         {font-size:18px;}
p                       { font-size:14px;}
.box a                  {width:100%;}
.module.display h2{font-size:17px !important;}

/* JUMBOTRON TABLET */
.jumbotron .slideshow img{height:auto !important;width:100%;}

}/* ------------------ query end ----------------------- */

/* MOBILE  */
@media (max-width:600px) {

/* RAKENNE MOBIILI */
.main{width:100%;padding:0 14px 14px;}
.contentArea, .column {width:100% !important;padding:0;}
.page_etusivu .jumbotron {display:none;}

/* HEADER MOBILE */
.header .header-container{width:100%;}
a.logo {float:none;padding:0;}
a.logo img{ width:300px;height:auto;}
#contact{position:relative;top:0;right:0;}
#phoneNumber{font-size:19px;padding:10px;background:#444;margin-bottom:5px !important;}

/* NAVIGATION MOBILE */
.nav-primary { margin:0; width:100%; float:left; padding:0;}
.nav-primary ul{float:left; width:100%; display:none; margin:0; }
.nav-primary ul li{ border:none;border-bottom:1px solid #3A3A3A;margin:0; text-align:left; width:100%; float:left; } 
.nav-primary a {width:100%; padding:10px 15px; }

.nav-primary ul .active > ul {
    display: block;
    margin-left: 20px;
    padding: 0;
    position: static;
}

#topNav a#pull {  
    text-transform:none;
    width:auto;
    font-family:'Fontello', 'Oxygen', sans-serif;
    display: block;
    color:#fff;
    font-size:16px;
    text-align:right;
    padding:15px 20px;
}  
#topNav a#pull:before {
    font-family:'Arial';
    content:'Menu';
    float:left;
}


/* SECONDARY NAVIGATION MOBILE */
.nav-secondary > ul{display:none;}

/* IMAGE TEXT  */
.image-text img{clear:both;float:none;}
.contentArea .three-column .column{margin:0 0 15px;}

/* BUTTONS */
.btn{display:block;width:auto;} 
.footer-content .footer-social a.btn{display:inline-block;}

.module .btn, .btn-large, .formbuilder .btn {
font-size: 12px;
padding: 14px 18px;
}

/* IMAGE GALLERIES */
.contentArea .gallery-2 .slider li{
    width:45%;
    margin:0 0 0 2.5%;
}

}/* ------------------ query end ----------------------- */


/* DISABLE MONO IDIOSYNCRASIES */
#breadcrumbWrapper, .footer-branding{display:none;}
.main { text-rendering: auto; }
.contentArea .columns, .module .columns{margin:10px 0 0;}
.h1, .contentAreaC .carousel figcaption, .contentAreaD .carousel figcaption, .h2, .cart-container .headline, .carousel figcaption, .formbuilder .legend, .product-units .price, .image-text .price, .checkoutArea .h1, .h2.module .h1.module
{margin-bottom:15px !important;}
.contentArea .columns, .module .columns, .module > .columns:first-child, .footer-content .columns
{margin:0; margin-top:15px;}

/* CHANGE DEFAULT MONO LOCATION OF ICONS */
.btn-call:before, 
.btn-email:before, 
.btn-arrow:before, 
.formbuilder .btn:before, 
.checkoutArea .btn:before,
.usp li:before,
button {
    top:0 !important;
    left:0 !important;
    position:relative;
    text-align:left;
    font-size:1em;
    display:inline;
    padding:0 10px 0 0;
    border:none;
}

/* DOUBLE CHECK FOR BOX SIZING */
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}