/*
Theme Name: Skeleton Child Theme
Theme URI: http://www.simplethemes.com
Description: A simple WordPress theme based on the Skeleton RWD framework
Version: 1.6
Author: Simple Themes
Template: skeleton
License: GPL
*/
@import url("../skeleton/style.css");

header, nav, section, article, aside, footer {
    display: block;
}

#bg {
    /* Set rules to fill background */
    min-width: 100%;
    min-height: 700px;

    /* Set up proportionate scaling */
    width: 100%;
    height: auto;

    /* Set up positioning */
    position: fixed;
    top: 0;
    left: 0;

    z-index: 1;
}

@media (min-height: 700px) {
  #bg {
    display: block;
    width: 100vw;
    height: 100vh;
    object-fit: cover;
  }
}

body {
    color: #999;
    background: #ef472e;
    font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
    padding: 0;
    margin: 0;
    font-size: 13px;
    line-height: 150%;
}

/* - - - - - - - - - - TYPOGRAPHY - - - - - - - - - - */

h1 {
    margin: 0;
    line-height: 0;
    padding: 0;
    float: left;
}

h2, h3, h4, h5, h6, p {
    font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
    color: #333;
    letter-spacing: 0;
}

p {
    font-size: 16px;
    line-height: 24px !important;
    margin-bottom: 20px;
    font-weight: 300;
    color: #454545;
}

p.ingressi {
    font-size: 15px;
    line-height: 22px;
    color: #666;
    text-align: left;
    font-weight: 700;
}

h2 {
    /* padding-left: 70px; */
    font-weight: 900;
    font-size: 18px;
    display: block;
    color: #555;
    letter-spacing: 3px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 15px
    /* background: transparent url(images/h2_line_fff.png) left center no-repeat; */
}

/*
.content h2 {
	margin-bottom: 50px;
	color: #bbb;
	/* background-image: url(images/h2_line_bbb.png); */
/*}
*/

.center {
    text-align: center;
}

.content .case h2 {
    text-align: left;
    font-size: 35px;
    margin-bottom: 20px;
}

h3 {
    font-weight: 900;
    font-size: 16px;
}

.section h3 {
    font-size: 16px;
}

.section h3 small {
    color: #bbb;
    font-size: 16px;
}

h4 {
    font-weight: 600;
    font-size: 16px;
}

h5 {
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 15px;
    line-height: 18px;
    margin-top: 25px;
}

#top-navi h5 {
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    margin: 12px 10px 0 0;
    line-height: 25px;
    font-weight: 600;
}

h5.first {
    margin-top: 0;
}

h5.contact {
    margin-top: -10px;
}

h6 {
    font-size: 26px;
    font-weight: 300;
    line-height: 30px;
    margin-bottom: 30px;
    color: #666;
    text-transform: none;
    color: #e73b2b;
    font-style: italic;
    max-width: 900px;
}

h6.section-header {
    text-align: center;
    margin-bottom: 60px;
}

#header h6 {
    color: #fff;
    font-weight: 200;
    text-align: center;
}

.dropdown h6, #career1 h6, #career2 h6, #career3 h6, #career4 h6 {
    margin-bottom: 0;
}

.content h2 span.title {
    font-size: 16px;
    color: #999;
    white-space: pre;
    font-weight: 700;
}

a, a:visited, a:link {
    text-decoration: none;
    color: #e73b2b;

    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;

}

a:hover {
    color: #fbb8b4;

}

p a, p a:visited, p a:link {
    text-decoration: none;
    color: #e73b2b;
    font-weight: 400;
}

p a:hover {
    color: #fbb8b4 !important;
    text-decoration: underline;

}

a:active {
    color: #222;
}

strong {
    color: inherit;
}

p strong {
    font-weight: 400;
}

::selection {
    background: #e73b2b;
    color: #fff;
}

::-moz-selection {
    background: #e73b2b;
    color: #fff;
}

.border {
    border-top: 1px solid #666;
    padding-top: 5px;
}

ul.square li {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 5px;
}

.education_link {
    font-size: 15px;
    line-height: 15px;
    margin-bottom: 10px;
}

span.titteli {
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #777;
    font-size: 80%;
}

/*
div.service, #blog div, #career .four.columns {
	zoom: 1;
	filter: alpha(opacity=70);
	opacity: 0.7;
	-webkit-transition:  all 0.2s ease-in-out;
	-moz-transition:  all 0.2s ease-in-out;
	-o-transition:  all 0.2s ease-in-out;
	-ms-transition:  all 0.2s ease-in-out;
	transition:  all 0.2s ease-in-out;
}

.services {

	zoom: 1;
	filter: alpha(opacity=70);
	opacity: 0.7;
	-webkit-transition:  opacity 0.2s ease-in-out, filter 0.2s ease-in-out ;
	-moz-transition:  opacity 0.2s ease-in-out, filter 0.2s ease-in-out;
	-o-transition:  opacity 0.2s ease-in-out, filter 0.2s ease-in-out;
	-ms-transition:  opacity 0.2s ease-in-out, filter 0.2s ease-in-out;
	transition:  opacity 0.2s ease-in-out, filter 0.2s ease-in-out;

}




#career .four.columns {
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

div.service:hover, #blog div:hover, #career .four.columns:hover, .services:hover {
	zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1;
}
*/

body #blog div {
    zoom: 1;
    filter: alpha(opacity=100);
    opacity: 1;
}

.hide{
  display: none;
}

/* - - - - - - - - - - - - - - - STRUCTURE - - - - - - - - - - - - - - - */

#wrapper {
    position: relative;
}

#page {
    background: #fff;
    display: inline-block;
    position: relative;
    z-index: 1000;
  width: 100%;
}

.container {
    z-index: 1;
}

.row {
    margin-bottom: 40px;
}

img.scale {
    max-width: 100%;
    height: auto;
    margin-bottom: 20px
}

#client-logos img {
    width: 100px;
    height: 50px;
    float: left;
    margin: 7px;
}

#client-logos img {
    zoom: 1;
    filter: alpha(opacity=60);
    opacity: 0.5;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#client-logos img:hover {
    filter: alpha(opacity=100);
    opacity: 1.0;

}

.box {
    background: #666;
    padding: 0 20px 15px 20px;
}

.left {
    float: left;
}

.right {
    float: right;
}

/* - - - - - - - - - - Top-navigation - - - - - - - - - - */

#top-navi {

    height: 46px;
    background-color: #000;
    overflow: hidden;
    position: relative;
    z-index: 10000;
}

ul.tab-links {
    height: 46px;
    display: block;
    float: right;
    margin-bottom: 0;
}

ul.tab-links li.active {
    background: #fff;
    float: left;
    font-size: 12px;
    display: inline-block;
    color: white;
    line-height: 46px;
    margin-left: 0px;
    padding: 0 20px 0 20px;
}

ul.tab-links li.passive {
    float: left;
    font-size: 12px;
    display: inline-block;
    color: white;
    line-height: 46px;
    margin-left: 0px;
    padding: 0 20px 0 20px;
}

ul.tab-links li.active a:link,
ul.tab-links li.active a:visited {
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    letter-spacing: 1px;
}

ul.tab-links li.passive a:link,
ul.tab-links li.passive a:visited {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    letter-spacing: 1px;
}

ul.tab-links li.passive a:hover {
    color: #e73b2b;
}

ul.tab-links li {
    padding: 0 7px !important;
}

@media only screen and (min-width: 480px) {
    ul.tab-links li {
        padding: 0 13px !important;
    }
}

@media only screen and (max-width: 414px) {
    .mobile-hide {
        visibility: hidden;
        display: none;
    }

    #top-navi, ul.tab-links {
        height: auto;
    }

    ul.tab-links {
        float: none;
    }

    ul.tab-links li.passive, ul.tab-links li.active {
        display: none;
    }

}

ul.vincit-links {
    height: 25px;
    display: block;
    margin-bottom: 0;
}

ul.vincit-links li {
    float: left;
    color: white;
    line-height: 25px;
    margin-left: 10px;
    font-size: 10px;
    display: inline-block;
}

ul.vincit-links li a {
    color: #ccc;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    letter-spacing: 1px;
}

ul.vincit-links li a:hover {
    color: white;
}

#footer ul.vincit-links li {
    width: 100%;
    margin: 0px;
    text-align: center;
}

#languages {
    float: right;
    /*
height: 22px;
    margin-top: 3px;
    line-height: 22px;
*/
    display: inline-block;
}

#languages ul {

}

#languages ul li {
    padding: 0;
    margin: -15px 0 0 0;
}

#languages ul li.active {
    visibility: hidden;
    display: none;

}

#languages ul li a {
    float: left;
    color: #fff;
    /* background: #00a2cb; */
    /* line-height: 22px; */
    padding: 10px 0 10px 15px;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
    letter-spacing: 1px;
    /*
        -webkit-border-top-left-radius: 5px;
        -moz-border-radius-topleft: 5px;
        border-top-left-radius: 5px;
    */
}

#languages ul li a:hover {
    color: #fff;
}

/*
#languages a.right {
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	border-top-left-radius: 0px;
}
*/

#languages a:hover {
    color: #e73b2b;
}

#languages a.active {
    color: #fff;
    /* background: #f5f5f5; */
}

/* - - - - - - - - - - Main navigation - - - - - - - - - - */

.nav-container {
    width: 100%;
    position: relative;
    background-color: #000;
    z-index: 2;

}

.banner-nav {
    display: none;
    /* background-color: #fff; */
    padding: 25px 0;
    position: absolute;
    width: 98%;
    z-index: 10000;
}

.sticky {
    position: fixed;
    margin-top: 0px;
    top: 0px;
    width: 100%;

    animation: thedrop 1s 1;
    -moz-animation: thedrop 1s 1;
    -webkit-animation: thedrop 1s 1;
}

.sticky .nav-above {
    position: absolute;
    top: -15px;
    left: 1em;
    right: 1em;
    height: 15px;
}

#logoLink {
    display: block;
    height: 50px;
    width: 210px;
    background: transparent url(images/Vincit_tirppa_white.png) left bottom no-repeat;
    background-size: 210px 57px;
    float: left;
    margin-bottom: 20px;
}

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {

    #logoLink {
        background: transparent url(images/Vincit_tirppa_white.png) left bottom no-repeat;
        background-size: 210px 57px;
    }

}

#logo {
    position: absolute;
    top: -100000px;
}

ul#navigation {
    position: absolute;
    display: block;
    top: 10px;
    right: 10px;
    clear: none;
    margin: 0;
}

ul#navigation li {
    float: left;
    margin-left: 10px;
}

ul#navigation a {
    font-size: 13px;
    font-weight: 900;
    font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #fff;
    padding: 15px 0 2px 20px;
    display: block;
    letter-spacing: 1px;
}

ul#navigation a:hover {
    color: #e73b2b;
}

ul#navigation a.selected {
    color: #e73b2b !important;
}

/* - - - - - - sticky elements - - - - - - */

.nav-container .sticky #logoLink {
    width: 107px;
    height: 25px;
    background: transparent url(images/logo_b.png) left bottom no-repeat;
    background-size: 105px 25px;
}

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {

    .nav-container .sticky #logoLink {
        background: transparent url(images/logo_b@2x.png) left bottom no-repeat;
        background-size: 105px 25px;
    }

}

.nav-container nav.sticky {
    padding: 10px 0;
    background: #fff;
}

.nav-container nav.sticky ul#navigation {
    top: -12px;
}

.nav-container nav.sticky ul#navigation li {
    line-height: 20px;
}

.nav-container nav.sticky ul#navigation a {
    font-size: 13px;
    padding: 15px 0 15px 15px;
    color: #aaa;
}

.nav-container nav.sticky ul#navigation a:hover {
    color: #e73b2b;
}

.nav-container nav.sticky #languages a {
    display: none;
    visibility: hidden;
}

/* - - - - - - - - - - Header-content - - - - - - - - - - */

#header-container {
    position: relative;
    z-index: 1000;
    display: block;
    overflow: hidden;
    padding-top: 60px;
}

#header {
    position: relative;
    height: 500px;
    width: 100%;
    background: none;
    padding: 40px 0;
    margin: 0;
    z-index: 10;
}

#header-container .container {
    position: relative;
}

.content {
    padding: 60px 0 70px 0;
    border-bottom: 7px solid #c7c7c7;
}

#header-contact {
    visibility: hidden;
    display: none;
    z-index: 20;
    bottom: 40px;
    margin: 55px auto 0 auto;

}

#header-contact .box {
    background: #444;
    padding-top: 20px;
}

#header-contact .box p {
    font-size: 16px;
    font-weight: 300;
}

a#header-map {
    display: block;
    height: 240px;
}

#header-contact p.vincit-info#location a {
    font-weight: 300;
    color: #fff;
    display: block;
}

#header-contact p.vincit-info#location a:active {
    color: #e73b2b
}

#header-contact p.vincit-info#location {
    background-position: left 4px;
    margin-bottom: 20px;
}

#header-contact p.vincit-info#mail {
    background-color: #e73b2b;
    background-image: url(images/mail@2x.png);
    border: #bb4038 1px solid;
    padding: 10px 0 10px 60px;
    color: #fff;
    font-weight: 300;
    font-size: 16px;
    font-family: proxima-nova, 'Helvetica Neue', Arial, sans-serif;
    text-shadow: none;
    letter-spacing: 1px;
    margin: 0 0 2px 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 10px 0 5px 0;
    background-position: 25px center;
}

#header-contact p.vincit-info#phone {
    background-color: #e73b2b;
    background-image: url(images/phone@2x.png);
    border: #bb4038 1px solid;
    padding: 10px 0 10px 60px;
    color: #fff;
    font-weight: 300;
    font-size: 16px;
    font-family: proxima-nova, 'Helvetica Neue', Arial, sans-serif;
    text-shadow: none;
    letter-spacing: 1px;
    margin: 0 0 2px 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 10px 0 5px 0;
    background-position: 25px center;
}

#header-contact p.vincit-info#phone:active, #header-contact p.vincit-info#mail:active {
    background-color: #ee9993;
    border: #e73b2b 1px solid;
}

#header-container .rslides_container {

}

#header-container .rslides_container .rslides {
}

#header-container .rslides_container ul.rslides {

}

#header-container .rslides_container ul.rslides li h6 {
    bottom: 50px;
    font-size: 42px;
    line-height: 115%;
    color: #fff;
    font-weight: 200;
    width: 85%;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.4);
}

#header-container .rslides_container ul.rslides li h6 a {
    color: #fff;
    font-weight: 400;
}

#header-container .rslides_container ul.rslides li h6 a:hover {
    color: #fff;
    /* border-bottom: 1px solid #fff; */
}

#header-container .rslides_container ul.rslides li h6 small {
    display: block;
    font-size: 18px;
    letter-spacing: 1px;
    font-style: normal;
}

#header-container .rslides_container ul.rslides ul li {

}

#header-container .rslides_container ul.rslides li img {

}

#header-container .rslides_container ul.large-btns_tabs {
    bottom: 20px;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
}

#header-container .rslides_container ul.large-btns_tabs a {
    background: #fff;
}

#header-container .rslides_container ul.large-btns_tabs a {
    background: #fff;
}

#header-container .rslides_container ul.large-btns_tabs li.large-btns_here a {
    background: #e73b2b;
}

h5.mobile {
    display: none;
    position: absolute;
    left: 0;
    visibility: hidden;
}

/* - - - - - - - - - - Palvelut ja asiakkaat - - - - - - - - - - */

.service {
    border-top: 5px solid black;
}

.service h3 {
    display: block;
    padding: 15px 0;
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
    /*
        padding-left: 40px;
        background: transparent url(images/dummy-icon.png) left center no-repeat;
    */
}

.service-testimonial {
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.service-testimonial p {
    font-size: 16px;
    /*font-weight: 400; */
}

.service-testimonial em {
    font-size: 18px;
    color: #777;
    line-height: 150%;
    font-weight: 300;
}

#client-logos {
    margin: 50px 0 20px;
}

section#customers .rslides_container ul.rslides li p.refe {
    display: block;
    color: #666;
    font-size: 16px;
    font-weight: 400;
    margin: 20px auto 10px auto;
    min-height: 50px;
    max-width: 900px;
}

section#customers .rslides_container .rslides img, section#customers .rslides_container .large-btns_nav {
    height: 400px;
}

section#customers .rslides_container ul.rslides li p.refe strong {
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #333;
}

section#customers .rslides_container ul.rslides li p.refe strong a {
    text-decoration: none;
}

.case .row {
    margin-bottom: 20px;
}

#services .row {
    margin-bottom: 0;
}

.case-wrapper {
    position: relative;
    height: 100%;
    overflow: hidden;
    display: block;
}

.case-content {
    position: absolute;
    height: 96%;
    padding: 2% 2% 0 2%;
    background: transparent url(images/50.png) repeat;
    width: 450px;
}

.case-content h5, .case-content p {
    color: #fff;
}

.case-info-container {
    background: #eee;
    height: 100% !important;
}

.case-info {
    padding: 20px;
    height: 100% !important;
}

.case-info .border {
    margin-top: 35px;
    display: block;
}

.case-info h5 {
    margin-top: 0px;
}

.case-numbers {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.case-number {
    /*
        width: 50%;
        float: left;
    */
    font-weight: 400;
    text-align: center;
    padding: 10px 0;
}

.case-number strong {
    display: block;
    font-weight: 700;
    word-break: break-word;
    font-style: normal;
    line-height: 38px;
    font-size: 36px;
}

#sulautetut a.service-title, #verkko a.service-title, #sahkoiset a.service-title, #mobiili a.service-title, #konseptointi a.service-title, #asiantuntijapalvelut a.service-title, #koulutus a.service-title, #laas a.service-title {
    padding-left: 45px;
    background: transparent url(images/sulautetut.png) no-repeat 0px center;
    background-size: 40px 40px;

}

#verkko a.service-title {
    background-image: url(images/verkko.png);
}

#sahkoiset a.service-title {
    background-image: url(images/spalvelut_new.png);
}

#mobiili a.service-title {
    background-image: url(images/mobiili.png);
}

#konseptointi a.service-title {
    background-image: url(images/konseptointi.png);
}

#koulutus a.service-title {
    background-image: url(images/koulutus.png);
}

#laas a.service-title {
    background-image: url(images/laas.png);
}

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {

    #verkko a.service-title {
        background-image: url(images/verkko@2x.png);
    }

    #mobiili a.service-title {
        background-image: url(images/mobiili@2x.png);
    }

    #konseptointi a.service-title {
        background-image: url(images/konseptointi@2x.png);
    }

    #sulautetut a.service-title {
        background-image: url(images/sulautetut@2x.png);
    }

    #koulutus a.service-title {
        background-image: url(images/koulutus@2x.png);
    }

}

#accordion1, #accordion1 ul{
  margin-bottom: 0 !important;
}

#palvelut-laas ul li{
  height: 60px;
  border-bottom: 2px solid #ddd;
  overflow: hidden;
  margin-bottom: 0;
}

#palvelut-laas ul li a{
  font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 14px;
  display: block;
  position: relative;
  line-height: 60px;
  outline: none;
  color: #777;
}

#palvelut-laas ul li a:hover{
  color: #000;
}

/* - - - - - - - - - - career - - - - - - - - - - */

#career, #career li {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#career ul.etabs {
    overflow: hidden;
    background: transparent url(images/etabs_ul_bg.png) center bottom repeat-x;
}

#career ul.etabs li {
    zoom: 1;
    filter: alpha(opacity=40);
    opacity: 0.4;
    margin-bottom: 0;
    padding-bottom: 20px;
    display: block;
    background: transparent url(images/etabs_li_bg.png) center 300px no-repeat;
}

#career ul.etabs li.active, #career ul.etabs li:hover, #career ul.etabs li.active:hover {
    zoom: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    background: transparent url(images/etabs_li_bg.png) center bottom no-repeat;
}

#career ul.etabs li:hover {
    background: transparent url(images/etabs_li_bg.png) center 300px no-repeat;
}

ul.etabs li a {
    display: block;
    text-align: center;
}

ul.etabs li a img {
    width: 100%;
    height: auto;
    max-width: 186px;
}

#career ul.etabs li h5 {
    margin-top: 10px;
}

.miksi_me_img {
    visibility: hidden;
    display: none;
    text-align: center;
    margin-bottom: 20px;
}

.miksi_me_img img {
    width: 100%;
    max-width: 186px;
}

#career .section {
    margin-top: 30px;
}

#career .row {
    position: relative;
    margin-bottom: 0;
}

img#service-bg {
    position: absolute;
    width: 100%;
    height: auto;
    top: 60px;
}

/* - - - - - - - - - - Vincit - - - - - - - - - - */

.hr-contact {
    margin: 25px 0;
    padding: 0;
}

p.vincit-info {
    padding-left: 25px;
    background: transparent no-repeat left top;
    margin-bottom: 5px;
    background-size: 18px 18px;
}

p.vincit-info a {
    color: #454545 !important;
    font-weight: 300;
}

p.vincit-info#phone {
    background-image: url(images/phone_red.png);
    font-size: 26px;
    color: #e73b2b;
    padding-bottom: 10px;
    padding-left: 30px;
}

p.vincit-info#mail {
    background-image: url(images/mail_red.png);
    font-size: 26px;
    color: #e73b2b;
    padding-left: 30px;
}

/* CSS for high-resolution devices */
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {

    p.vincit-info#phone {
        background-image: url(images/phone_red@2x.png);
        font-size: 26px;
        color: #e73b2b;
        margin-top: 15px;
    }

    p.vincit-info#mail {
        background-image: url(images/mail_red@2x.png);
        font-size: 26px;
        color: #e73b2b;
    }

}

#about-vincit {
    background: #fff url(images/about_bg.png) center top repeat-y;
}

#opas {
    padding-top: 20px;
    border-top: 1px solid #999;
    margin: 40px 0 0 0;
    overflow: hidden;
    display: block;
}

#opas .row {
    margin-bottom: 20px;
}

#opas p {
    font-size: 14px;
    display: block;
    color: #666;
    font-weight: 400;
    line-height: 150% !important;
}

#opas p em {
    margin-bottom: 10px;
    display: block;
    color: #999;
}

#opas p small {
    margin-bottom: -10px;
    display: block;
    color: #333;

}

/*#opas a {
    color: #555;
}*/

#opas h3 {
    margin-bottom: 15px;
}

#opas a:hover {
    color: #fbb8b4;
}

a#download-button {
    display: block;
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
    height: 30px;
    border: 2px solid #666;
    text-align: center;
    margin-bottom: 5px;
}

#opas-form {
    margin: 0 0 20px 0;
}

#opas-form .st-accordion ul li.dropdown:last-child {
    border-bottom: none;
}

#opas-form .st-content {
    border-top: none;
    border-bottom: none;
    margin-top: 0;
    padding-top: 0;
}

#opas-form p {
}

a#opas-dropdown {

}

#opas-form #download {
    margin-bottom: 30px;
    padding-bottom: 10px;
    border-bottom: 3px solid #eee;
}

#opas-form #order {
}

#opas-form #download br {
    display: none;
}

#opas button, #opas .btn {
    background: none;
    display: inline;
    color: #e73b2b;
    border: 1px solid #e73b2b;
    padding: 7px 28px;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 300;
    text-shadow: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

#opas button:hover, #opas .btn:hover {
    background: #e5e5e5;
}

#opas button:active, #opas .btn:active {
    color: #333;
    border-color: #333;
}

a.front-page-button {
    background: none;
    display: block;
    color: #e73b2b;
    border: 1px solid #e73b2b;
    padding: 7px 28px;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 300;
    text-shadow: none;
}

a.front-page-button:hover {
    background: #e5e5e5;
    color: #e73b2b !important;
    text-decoration: none;
}

a.front-page-button:active {
    color: #333;
    border-color: #333;
}

#some {
    padding: 50px 0;
    color: #ddd;
    display: block;
    background: transparent url(images/some_bg.png) left top repeat-x;
    position: relative;
    z-index: 2;
}

#blog .srr-item {
    display: block;
    overflow: hidden;
    margin-bottom: 10px;
    zoom: 1;
    /*
        filter: alpha(opacity=60);
        opacity: 0.6;
    */

}

#blog .srr-item:hover {
    zoom: 1;
    filter: alpha(opacity=100);
    opacity: 1;
}

#some h5 {
    color: #fff;
    margin-bottom: 30px;
}

#blog .srr-item .srr-title {
    margin-bottom: 0px !important;
    line-height: 20px;
    font-size: 16px;
}

#blog .srr-item .srr-title a {
    color: #fff;
}

#blog .srr-item h4 a:hover {
    color: #fbb8b4;

}

#blog .srr-item .srr-date {
    font-weight: bold;
    color: #bbb;
    letter-spacing: 1px;
    margin-bottom: 10px;
    display: block;
    font-size: 13px;
    font-weight: 400;
}

#blog .srr-item .srr-meta {
    margin-bottom: 0px !important;
}

#facebook-likebox {
    overflow: hidden;
}

#contact.content {
    border: none;
}

#some p {
    color: #ddd;
}

#front-events{
  padding-bottom: 20px;
  border-bottom: 1px solid #999;
  margin: 0 0 40px 0;
  overflow: hidden;
  display: block;
  text-align: center;
}

#front-events h5{
  color: #555;
  margin-top: 0;
  margin-bottom: 3em;
}

#front-events .front-event{
  margin-bottom: 20px;
  border-bottom: 1px solid #e5e5e5;
  padding: 0 0 20px 0;
}

#front-events .front-event:last-child{
  border: none;
  padding-bottom: 0;
}

#front-events a{
  text-transform: none !important;
  letter-spacing: normal !important;
}

#front-events .front-event-description{
  color: #454545;
  margin-top: 0.75em;
  display: block;
}

#trophies {
}

#trophies .row {
    margin-bottom: 20px;
}

#trophies a {
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 15px !important;
    display: block;
}

#big-trophy {
    display: block;
    position: relative;
    overflow: hidden;
}

#big-trophy div {
    background: #fff url(images/trophy.png) center top no-repeat;
    padding-top: 80px;
    background-size: 80px 70px;
    text-align: center;
    margin-bottom: 30px
}

#trophies .big-trophy-grey {
    background: #fff url(images/trophy-grey.png) center top no-repeat;
    padding-top: 160px;
    background-size: 140px 123px;
    text-align: center;
    margin-bottom: 30px
}

#trophies a span.contest {
    display: block;
    margin-top: 5px;
    line-height: 16px !important;
    letter-spacing: 0;
    text-transform: none;
    font-weight: 400;
}

#trophies .small-trophy {
    /*
        float: left;
        margin: 0 33px 40px 30px;
        display: block;
        height: 35px;
    */
    /* padding-left: 50px; */
    /* background-size: 46px 35px; */
    /* margin: 0 33px 30px 30px; */
    margin-bottom: 20px;
    border-top: 1px solid #e5e5e5;
    padding: 20px 0 0 0;
}

#trophies .no-line {
  border-top: none;
}

#trophies .small-trophy a {
}

#trophies a:hover {
    color: #fbb8b4;
}

/*
#trophies .small-trophy span.contest {
	font-weight: 300;
	font-style: italic;
	display: block;
}
*/

/* - - - - - - - - - - ota yhteyttä - - - - - - - - - - */

p#location {
    padding-top: 0;
    margin-top: -13px;
}

#contacts p {
    font-size: 15px;
    text-align: center;
    margin-bottom: 10px;
    font-weight: 400;
    line-height: 120% !important;

}

#contacts p small {
    line-height: 13px;
}

#contacts img {
    width: 70%;
    margin-top: 30px;
    height: auto;
    max-width: 186px;
}

#contact h2 {
    margin-bottom: 50px;
}

#contact p.contactinfo {
    color: #777;
    text-align: center;
    margin-bottom: 30px;
}

#contacts .four.columns {
    text-align: center;
}

/* - - - - - - - - - - Footer - - - - - - - - - - */

#footer {
    background-color: #d03324;
    border: none;
    padding: 50px 0 40px 0 !important;
    display: block;
    z-index: 10000;
    position: relative;
}

ul#footer-navi {
    float: right;
    display: block;
    clear: both;
    margin-bottom: 0;
    line-height: 20px;
    margin: 13px 0;
}

ul#footer-navi li {
    float: left;
    margin-left: 10px;
    font-size: 14px;
    margin-bottom: 0;
}

ul#footer-navi li a {
    font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
    display: inline-block;
    color: #fff;
    margin-left: 10px;
}

ul#footer-navi li a:hover {
    color: white;
}

a#footer-logo {
    height: 20px;
    padding: 20px 0 40px 0;
    width: 100%;
    display: block;
    background: transparent url(images/Vincit_tirppa_white.png) no-repeat center;
    background-size: 165px;
    color: #ccc;
}

#footer p, #footer p strong {
    color: white;
}

#footer p span {
    color: black;
}

#footer p.right {
    font-family: Arial, Helvetica, 'sans-serif';
    font-size: 11px;
}

#footer h5 {
    color: #fff;
}

/* - - - - - - - - - - Yhteydenottopyyntö - - - - - - - - - - */

body #page .wpcf7 .row {
    margin-bottom: 0;
}

body #page .wpcf7 input[type="text"], body #page .wpcf7 input[type="email"], body #page .wpcf7 textarea {
    width: 100%;
    background: #f4f4f4;
    border: none;
    font-family: proxima-nova, 'Helvetica Neue', Arial, sans-serif;
    padding: 5px 10px;
    margin-bottom: 20px;
}

body #page .wpcf7 textarea:focus, body #page .wpcf7 input:focus, body #page .wpcf7 select:focus {
    box-shadow: 0 1px #e73b2b;
}

body #page .wpcf7 select {
  margin-bottom: 20px;
  background-color: #f4f4f4;
  width: 100%;
  padding: 5px 10px;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(images/select_arrow.png);
  background-repeat: no-repeat;
  background-position: right center;
  color: #e73b2b;
  font-style: italic;
}

body #page .wpcf7 ::-webkit-input-placeholder {
    color: #e73b2b;
    font-size: 14px;
    font-style: italic;
  opacity: 1;
}

body #page .wpcf7 :-moz-placeholder { /* Firefox 18- */
    color: #e73b2b;
    font-size: 14px;
    font-style: italic;
  opacity: 1;
}

body #page .wpcf7 ::-moz-placeholder { /* Firefox 19+ */
    color: #e73b2b;
    font-size: 14px;
    font-style: italic;
  opacity: 1;
}

body #page .wpcf7 :-ms-input-placeholder {
    color: #e73b2b;
    font-size: 14px;
    font-style: italic;
  opacity: 1;
}

body #page .wpcf7 em {
    color: #e5918c;
}

body #page .wpcf7 input[type="submit"] {
    background: #e73b2b;
    padding: 10px 40px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 300;
    font-size: 14px;
    font-family: proxima-nova, 'Helvetica Neue', Arial, sans-serif;
    text-shadow: none;
    letter-spacing: 1px;
    margin: 0 0 2px 0;
}

.wpcf7#wpcf7-f1189-t1-o1 input[type="submit"]:hover {
    background: #ee9993;
    border: #e73b2b 1px solid;
}

.wpcf7#wpcf7-f1189-t1-o1 input[type="submit"]:active {
    margin: 2px 0 0 0;
    box-shadow: none;
}

.wpcf7#wpcf7-f1189-t1-o1 span.wpcf7-not-valid-tip-no-ajax {
    color: #aaa;
}

.wpcf7 div.wpcf7-validation-errors {
    border: 2px solid #F79E00;
    color: #F79E00;
    text-align: center;
}

.wpcf7 span.wpcf7-not-valid-tip {
    position: absolute;
    top: 20%;
    left: 20%;
    z-index: 100;
    background: #ff0000;
    border: 1px solid #ff0000;
    font-size: 10pt;
    width: 280px;
    padding: 2px;
    color: #fff;
}

.wpcf7 div.wpcf7-mail-sent-ok {
    border: 2px solid #398f14;
    background: #398f14;
    color: #fff;
    text-align: center;
}

#wpm_download_2 {
    display: none;
    visibility: hidden;
}

/* - - - - - - - - - - accordion - - - - - - - - - - */
.st-accordion {
    width: 100%;
    min-width: 270px;
    margin: 20px auto 40px auto;
    padding-top: 10px;
    position: relative;
}

.st-accordion ul li.dropdown {
    height: 60px;
    border-top: 2px solid #ddd;
    overflow: hidden;
    margin-bottom: 0;
}

.st-accordion ul li.dropdown:last-child {
    border-bottom: 2px solid #ddd;
}

.st-accordion ul li.dropdown > a {
    font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 14px;
    display: block;
    position: relative;
    line-height: 60px;
    outline: none;
    color: #777;
}

.st-accordion ul li.dropdown > a span.st-arrow {
    background: transparent url(images/down.png) no-repeat center center;
    text-indent: -9000px;
    width: 20px;
    height: 20px;
    opacity: 0.3;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.st-accordion ul li.dropdown > a:hover {
    color: #000;
}

.st-accordion ul li.dropdown > a:hover span {
    opacity: 1;
    right: 10px;
}

.st-accordion ul li.dropdown.st-open > a {
    color: #000;
}

.st-accordion ul li.dropdown.st-open > a span {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(135deg);
    opacity: 1;
}

.st-content {
    padding: 25px 0px 30px 0px;
    border-top: 1px solid #ddd;
}

/* - - - - - - - - - - slides - - - - - - - - - - */

.rslides_container {
    position: relative;
    width: 100%;
}

.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}

.rslides li {
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
    margin-bottom: 0;
    /* background: #ccc url('images/70.png') repeat; */
}

.rslides li:first-child {
    position: relative;
    display: block;
    float: left;
}

.rslides img {
    display: block !important;
    height: auto;
    /* float: left; */
    /* width: 100%; */
    margin: 0 auto !important;
    border: 0;
    height: auto;
}

.centered-btns_nav {
    position: absolute;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    top: 50%;
    left: 0;
    opacity: 0.7;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    height: 61px;
    width: 38px;
    background: transparent url("images/slider-handle") no-repeat left top;
    margin-top: -45px;
}

.large-btns_nav {
    position: absolute;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    opacity: 0.5;
    text-indent: -9999px;
    overflow: hidden;
    top: 0;
    bottom: 0;
    left: 0;
    background: transparent url("images/left-handle.png") no-repeat 5px 50%;
    width: 200px;
    z-index: 20;
    height: 500px;
}

.large-btns_nav:hover {
    opacity: 1.0;
}

.large-btns_nav:active {
    opacity: 0.4;
}

.large-btns_nav.next {
    left: auto;
    background: transparent url("images/right-handle.png") no-repeat 173px 50%;
    right: 0;
}

.centered-btns_nav:focus,
.transparent-btns_nav:focus,
.large-btns_nav:focus {
    outline: none;
}

.centered-btns_tabs,
.transparent-btns_tabs,
.large-btns_tabs {
    margin-top: 10px;
    text-align: center;
}

.centered-btns_tabs li,
.transparent-btns_tabs li,
.large-btns_tabs li {
    display: inline;
    float: none;
    _float: left;
    margin-right: 5px;
}

.centered-btns_tabs a,
.transparent-btns_tabs a,
.large-btns_tabs a {
    text-indent: -9999px;
    overflow: hidden;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background: #bbb;
    display: inline-block;
    _display: block;
    display: block;
    width: 13px;
    height: 13px;
}

.centered-btns_here a,
.transparent-btns_here a,
.large-btns_here a {
    background: #e73b2b;
}

.slider-text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 482px;
    height: 100%;
    background: transparent url('images/70.png') repeat;
    z-index: 1;
}

.p-container {
    position: absolute;
    bottom: 5px;
    left: 40px;
    width: 415px;
}

.slider-text p {
    color: #fff;
}

h3.slider-header {
    position: absolute;
    top: 25px;
    left: 40px;
    color: #fff;
    z-index: 10;
    font-size: 18px;
    max-width: 400px;
    line-height: 22px;
}

h3.slider-header em {
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
}

.slider-case-info {
    float: left;
    margin-top: 120px;
    width: 200px;
    margin-right: 70px;
}

.slider-case-info.left {
    margin-left: 100px;

}

/*
.rslides p, .rslides h5, .rslides .case-numbers, .rslides a {
	color: #fff !important;
}

.rslides .case-number {
	text-align: left !important;
}
*/

.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}

.rslides li {
    /*
      position: absolute;
      display: none;
    */
    width: 100%;
    left: 0;
    top: 0;
    text-align: center;
    position: relative;
}

.rslides li:first-child {
    position: relative;
    display: block;
    float: left;
}

.rslides img {
    display: block;
    width: auto;
    border: 0;
    text-align: center;
}

#wrapper-404 {
    position: absolute;
    width: 100%;
    z-index: 10000;
    top: 200px;
}

#wrapper-404 h2, #wrapper-404 h6 {
    color: #fff;
    text-align: center;
}

.full-width, #credits {
    display: none !important;
    visibility: hidden !important;
}

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {

    .rslides img {
        height: 675px;
    }

    #header-container .rslides_container ul.rslides li h6 {
        font-size: 36px;
    }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

    ul#navigation li a {
        font-size: 12px;
    }

    ul#navigation li {
        margin-left: 5px;
    }

    .rslides img {
        height: 500px;
    }

    #header-container .rslides_container ul.rslides li h6 {
        font-size: 30px;
    }

    .wpcf7-form .column.omega, .wpcf7-form .columns.omega {
        margin-left: 0 !important;
    }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    h5.left {
        display: none;
        position: absolute;
        left: 0;
        visibility: hidden;
    }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

    .tab-container .section {
        visibility: visible !important;
        display: block !important;
    }

    ul#navigation li a {
        font-size: 12px;
    }

    ul#navigation li {
        margin-left: 5px;
    }

    .rslides img, .large-btns_nav, .large-btns_nav.next {
        height: 450px;
    }

    #header-container .rslides_container ul.rslides li h6 {
        font-size: 22px;
    }

    #header-container .rslides_container ul.rslides li h6 small {
        font-size: 13px;
        margin-top: 10px;
    }

    #header-container .rslides_container {
        margin-top: 100px;
    }

    ul.tab-links li.passive,
    ul.tab-links li.active {
        font-size: 11px;
        float: none;
    }

    h5.left {
        display: none;
        position: absolute;
        left: 0;
        visibility: hidden;
    }

    h5.mobile {
        display: block;
        position: absolute;
        left: 0;
        visibility: visible;
    }

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

    h5.mobile {
        display: block;
        position: absolute;
        left: 0;
        visibility: visible;
    }

    .rslides img, .large-btns_nav, .large-btns_nav.next, section#customers .rslides_container .rslides img, section#customers .rslides_container .large-btns_nav {
        height: 336px;
    }

    /*
.case-content {
    position: relative;
    display: block;
    height: auto;
    padding: 20px;
    background: none;
    width: auto;
    }

    .rslides img {
    margin-bottom: 20px;
      }
*/
    img#service-bg {
        display: none;
        visibility: hidden;
    }

    img.scale {
        width: 50%;
        height: auto;
        margin: 0 auto 10px auto;
        display: block;
    }

    #contact img.scale {
        width: 100%;
        margin: 0 auto 0 auto;
        padding-bottom: 20px;
    }

    .mobile-contact > .row {
        padding: 20px !important;
        background: #fff;
    }

    p.vincit-info#phone {
        background-image: url(images/phone_red.png);
    }

    p.vincit-info#mail {
        background-image: url(images/mail_red.png);
    }

    #client-logos, #facebook-likebox, li.tab, #header-container .rslides_container {
        visibility: hidden;
        display: none;
    }

    /*
#contacts .four.columns {
        width: 190px;
        position: relative;
        display: inline;
    }

    #contacts .four.columns.alpha {
        margin-right: 10px;
    }

    #contacts .four.columns.omega {
        margin-left: 10px;
    }

*/
    .tab-container .section {
        visibility: visible !important;
        display: block !important;
    }

    #career ul.etabs {
        visibility: hidden;
        display: none;
    }

    ul#navigation {
        top: 70px;
    }

    ul#navigation li {
        margin: 0;
    }

    ul#navigation li a {
        padding: 0 22px 15px 0px;
        margin: 0;
        font-size: 12px;
    }

    nav.sticky {
        height: 35px;
    }

    nav.sticky a#logoLink {
        display: none;
        visibility: hidden;
    }

    .nav-container nav.sticky ul#navigation {
        top: 0;
    }

    nav.sticky ul#navigation li {

    }

    nav.sticky ul#navigation li a {
        padding: 0px 20px 2px 0px !important;
        font-size: 11px !important;

    }

    #about-vincit {
        background: none;
    }

    .miksi_me_img {
        display: block;
        visibility: visible;
    }

    img#bg {
        width: auto;
        height: 600px;
        margin: 0 auto;

    }
  
  #frontpage-main-slider{
    margin-bottom: 50px;
  }
  
  .opacity-bg{
    background-color: transparent !important;
  }

    #header-contact {
        visibility: visible;
        display: block;
        position: absolute;

    }

    a#header-map {
        overflow: hidden;
        display: block;
        position: relative;
    }

    a#header-map img {
        display: block;
        text-align: center;
        position: absolute;
        right: 0;
    }

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {




    img#service-bg {
        display: none;
        visibility: hidden;
    }

    img.scale {
        width: 50%;
        height: auto;
        margin: 0 auto 10px auto;
        display: block;
    }

    #contact img.scale {
        width: 100%;
        margin: 0 auto 30px auto;
    }

    #client-logos, #facebook-likebox, #image-target, #header-links, li.tab, #contact-kartta, #header-container .rslides_container {
        visibility: hidden !important;
        display: none !important;
    }

    #customers {
        border-bottom: none;
    }

    .tab-container .section {
        visibility: visible !important;
        display: block !important;
    }

    ul#navigation {
        top: 70px;
    }

    ul#navigation li {
        margin: 0;
    }

    ul#navigation li a {
        padding: 0 22px 15px 0px;
        margin: 0;
        font-size: 12px;
    }

    #header-contact {
        visibility: visible;
        display: block;
        position: absolute;
    }

    .mobile-contact > .row {
        padding: 20px !important;
        background: #fff;
    }

    p.vincit-info#phone {
        background-image: url(images/phone_red@2x.png);
    }

    p.vincit-info#mail {
        background-image: url(images/mail_red@2x.png);
    }

    nav.sticky {
        height: 35px;
    }

    nav.sticky a#logoLink {
        display: none;
        visibility: hidden;
    }

    .nav-container nav.sticky ul#navigation {
        top: 0;
    }

    nav.sticky ul#navigation li {

    }

    nav.sticky ul#navigation li a {
        padding: 0px 20px 2px 0px !important;
        font-size: 11px !important;

    }

    .miksi_me_img {
        display: block;
        visibility: visible;
    }

    .rslides img, .large-btns_nav, .large-btns_nav.next, section#customers .rslides_container .rslides img, section#customers .rslides_container .large-btns_nav {
        height: 240px;
        background: none;
    }

    #about-vincit {
        background: none;
    }

    #top-navi h5 {
        font-size: 10px;
    }

    img#bg {
        width: 200%;
        height: auto;
        margin: 0 auto;

    }

    #opas {
        margin-bottom: 40px;
    }

    a#header-map {
        overflow: hidden;
        display: block;
        position: relative;
    }

    a#header-map img {
        display: block;
        text-align: center;
        position: absolute;
        right: -80px;
    }

    #sulautetut a.service-title, #verkko a.service-title, #mobiili a.service-title, #konseptointi a.service-title, #asiantuntijapalvelut a.service-title, #koulutus a.service-title, #basic-services a.service-title, #cloud a.service-title,#vincit-sign a.service-title, #vincit-esb a.service-title, #vincit-eam a.service-title , #vincit-attorney a.service-title, #sahkoiset a.service-title{
        padding-left: 0 !important;
        background: none !important;
        font-size: 14px;
    }

    li#konseptointi {
    }

    li#konseptointi a.service-title {
    }

    .hide-on-mb {
        display: none;
    }
  
  #frontpage-main-slider{
    margin-bottom: 50px;
  }
  
  .opacity-bg{
    background-color: transparent !important;
  }

}

#cn-accept-cookie {
    background-color: #D03324 !important;
    background-image: none !important;
}

.wpcf7-not-valid-tip {
    top: 95% !important;
    left: 0 !important;
    width: 215px !important;
}

.main-banner {
    position: relative;
}

.main-banner img.main-banner-image {
    width: 100%;
}

.main-banner-text {
    margin: auto;

    height: 200px;
    width: 320px;
    text-align: center;

}

.main-banner-text img {
    width: 305px;
}

.main-banner-text a, .main-banner-text h6 {
    color: #ffffff;
    font-size: 22px;
}

.main-banner-text h6:hover {
    color: red;
}

#header-container {
    padding-top: 0;
}

@media only screen and (min-width: 480px) {
    .main-banner-text {
        margin: auto;
        position: absolute;
        left: 0;
        bottom: 10%;
        right: 0;
        height: 200px;
        width: 600px;
        text-align: center;

    }
}

@media only screen and (min-width: 768px) {
    .main-banner-text h6 {
        font-size: 36px;
    }

}

.rekry-event p {
    margin: 0
}

.rekry-event p img.scale {
    width: 100% !important;
}

/* references */

.refe-preview:hover .refe-preview-image {
    opacity: 0.5;
}

.refe-preview:hover .refe-preview-text {
    background-color: #C72406;
}

#front-page-references {
    padding-top: 0;
}

.refe-preview-container {
    position: relative;
    background: #000000 url(css/images/logo-tirppa-red-smaller.png) no-repeat center 16%;
    background-size: 140px 135px;
}

.refe-preview-image {
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}

.refe-preview-image:hover {
    opacity: 0.7;
}

.refe-preview-image img.scale {
    width: auto;
}

.refe-preview-text {
    background: #f04e30;
    color: #ffffff;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding-top: 16px;
    padding-bottom: 16px;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}

.refe-name, .refe-description {

    position: relative;
}

.refe-description {
    font-size: 15px;
}

.refe-name {
    letter-spacing: 0.5px;
}

.refe-preview-text span {
    color: #ffffff;
}

.refe-preview-text span.refe-name {
    text-transform: uppercase;
    font-weight: bold;
    margin: 0;
    font-size: 18px;
}

.refe-tags p {
    color: #555555;
}

.refe-tags p > span.hashtag {
    color: #f04e30;
    font-weight: bold;
    font-size: 20px;
}

span.references-title {
    text-align: center;
    display: block;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
}

@media (min-width: 768px) {
    .refe-preview-container {
        height: 278px;
        background-position: center 15%;
    }

    .refe-preview-text {
        height: 70px;
    }

    .refe-preview-text p {

        padding: 0 5px;
    }
}

@media (min-width: 960px) {

    .refe-name:before, .refe-description:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 2px;
        bottom: 0;
        left: 0;
        background-color: #fff;
        transform: scaleX(0);
        transition: all 0.3s
    }

    .refe-preview-container {
        height: auto;
    }

    .refe-preview-text {
        height: auto;
    }

    .refe-preview:hover .refe-name:before {
        visibility: visible;
        -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
        transform: scaleX(1);
    }

    .refe-preview:hover .refe-description:before {
        visibility: visible;
        -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
        transform: scaleX(1);
    }
}

/*! responsive-nav.js 1.0.39 by @viljamis */

.nav-collapse ul {
    margin: 0;
    padding: 0;
    width: 100%;
    display: block;
    list-style: none;
}

.nav-collapse li {
    width: 100%;
    display: block;
}

.js .nav-collapse {
    clip: rect(0 0 0 0);
    max-height: 0;
    position: absolute;
    display: block;
    overflow: hidden;
    zoom: 1;
}

.nav-collapse.opened {
    max-height: 9999px;
}

.nav-toggle {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    text-transform: uppercase;
    font-weight: bold;

}

.mobile-navigation ul li a {
    padding: 10px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 300;
    text-transform: uppercase;
    font-weight: bold;
}

.mobile-navigation ul li {
    border-bottom: 1px solid #231F1F;
    padding: 0px 0 10px 0;
}

.mobile-navigation ul li a:hover {
    color: #e73b2b;
}

.mobile-logo {
    padding: 10px;
    text-align: center;
    padding-top: 15px;
}

.mobile-logo p {
    color: #ffffff;
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 5px;
}

div.nav-container {
    padding-bottom: 10px;
}

@media (min-width: 768px) {
    .mobile-logo {
        display: none;
    }

    div.nav-container {
        padding-bottom: 0;
    }
}

@media screen and (min-width: 768px) {
    .js .nav-collapse {
        position: relative;
    }

    .js .nav-collapse.closed {
        max-height: none;
    }

    .nav-toggle {
        display: none;
    }
}

@media (max-width: 768px) {
    #top-navi {
        display: none;
    }

    div.nav-container {
        padding-top: 10px;
    }
}

@media (min-width: 768px) {
    #top-navi, .banner-nav {
        display: block;
    }

    .js .nav-collapse {
        display: none;
    }

    div.nav-container {
        padding-top: 0;
    }
}

a.nav-toggle {
    font-size: 18px;
    color: #ffffff;
    padding: 10px;
    margin-bottom: 20px;

}

a.nav-toggle.active {
    color: #e73b2b;
}

.nav-collapse {
    display: none;
    background-color: #000000;
}

.privacy-links {
    width: 145px;
    margin: 0 auto;
}

.privacy-links a, .privacy-links span {
    color: #ccc;
}

.contact.california {
}

#front-page-references {
    border-bottom: none;
    padding-bottom: 0;
}

#basic-services a.service-title {
    background-image: url(images/icons/icon-screen.png);
    padding-left: 45px;
    background-size: 35px;
    background-repeat: no-repeat;
    background-position: left center;

}

#cloud a.service-title {
    background-image: url(images/icons/icon-cloud.png);
    padding-left: 45px;
    background-size: 35px;
    background-repeat: no-repeat;
    background-position: left center;
}

#solutions a.service-title {
    background-image: url(images/icons/icon-application.png);
    padding-left: 45px;
    background-size: 35px;
    background-repeat: no-repeat;
    background-position: left center;

}

#vincit-sign a.service-title {
    background-image: url(images/icons/sign.png);
    padding-left: 45px;
    background-size: 35px;
    background-repeat: no-repeat;
    background-position: left center;

}

#vincit-esb a.service-title {
    background-image: url(images/icons/esb.png);
    padding-left: 45px;
    background-size: 35px;
    background-repeat: no-repeat;
    background-position: left center;

}

#vincit-eam a.service-title {
    background-image: url(images/icons/eam.png);
    padding-left: 45px;
    background-size: 35px;
    background-repeat: no-repeat;
    background-position: left center;

}

#vincit-attorney a.service-title {
    background-image: url(images/icons/attorney.png);
    padding-left: 45px;
    background-size: 35px;
    background-repeat: no-repeat;
    background-position: left center;

}

#basic-services .service-bg {
    background: url(images/icons/bg-screen.jpg) no-repeat center center;
}

#cloud .service-bg {
    background: url(images/icons/bg-cloud.jpg) no-repeat center center;
}

#solutions .service-bg {
    background: url(images/icons/bg-application.jpg) no-repeat center center;
}

#basic-services .service-bg, #cloud .service-bg, #solutions .service-bg {
    height: 200px;
    background-size: contain;
    opacity: 0.6;
}

#contact {
    padding-bottom: 0;
}

.service-testimonial {
    border-top: none;
}

/* frontpage persons list
 *
 *
 */
.vincit-people {
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: 2px solid #ddd;
    margin-bottom: 25px;
}

.vincit-person {
    text-align: center;
}

.vincit-person img {
    max-width: 100%;
    border-radius: 50%;
    margin-bottom: 20px;
}

.person-name {
    color: #000000;
    font-weight: bold;
    font-size: 15px;
}

.person-phone, .person-email {
    color: #e73b2b;

}

.person-title {
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #777;
    font-size: 80%;
}

/* contact */

.main-contact {
    text-align: center;
}

.main-contact h2 {
    margin-bottom: 20px;
}

.main-contact p {
    display: inline-block;
}

p#phone, p#mail {
    padding: 0 40px 0 25px;
}

#contact {
    padding-bottom: 0;
}

#contact .one_half, #contact .one_fifth {
    margin-bottom: 0;
}

.person-info .titteli {
    display: block;
    height: 40px;
}

.person-info strong {
    font-weight: 600;
}

.border {
    border-top: 1px solid #ddd;
    padding-top: 5px;
}

a.nav-logo {
    display: inline-block;
    margin-top: 9px;
}

@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2) {
    .vincit-person img {
        display: none;
    }

    #header-contact {
        margin-top: 36px;
    }

    .person-info .titteli {

        height: auto;
    }

    .name-and-title {
        margin-bottom: 0;
    }
}

.container .four.columns {
    width: 217px !important;
}

/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/

/* Get the bourbon mixin from http://bourbon.io */
/* Reset */
.flip-clock-wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-clock-wrapper a {
    cursor: pointer;
    text-decoration: none;
    color: #ccc;
}

.flip-clock-wrapper a:hover {
    color: #fff;
}

.flip-clock-wrapper ul {
    list-style: none;
}

.flip-clock-wrapper.clearfix:before,
.flip-clock-wrapper.clearfix:after {
    content: " ";
    display: table;
}

.flip-clock-wrapper.clearfix:after {
    clear: both;
}

.flip-clock-wrapper.clearfix {
    *zoom: 1;
}

/* Main */
.flip-clock-wrapper {
    font: normal 11px "Helvetica Neue", Helvetica, sans-serif;
    -webkit-user-select: none;
}

.flip-clock-meridium {
    background: none !important;
    box-shadow: 0 0 0 !important;
    font-size: 36px !important;
}

.flip-clock-meridium a {
    color: #313333;
}

.flip-clock-wrapper {
    text-align: center;
    position: relative;
    width: 100%;
    margin: 1em;
}

.flip-clock-wrapper:before,
.flip-clock-wrapper:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.flip-clock-wrapper:after {
    clear: both;
}

/* Skeleton */
.flip-clock-wrapper ul {
    position: relative;
    float: left;
    margin: 5px;
    width: 60px;
    height: 90px;
    font-size: 80px;
    font-weight: bold;
    line-height: 87px;
    border-radius: 6px;
    background: #000;
}

.flip-clock-wrapper ul li {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    line-height: 87px;
    text-decoration: none !important;
}

.flip-clock-wrapper ul li:first-child {
    z-index: 2;
}

.flip-clock-wrapper ul li a {
    display: block;
    height: 100%;
    -webkit-perspective: 200px;
    -moz-perspective: 200px;
    perspective: 200px;
    margin: 0 !important;
    overflow: visible !important;
    cursor: default !important;
}

.flip-clock-wrapper ul li a div {
    z-index: 1;
    position: absolute;
    left: 0;
    width: 100%;
    height: 50%;
    font-size: 80px;
    overflow: hidden;
    outline: 1px solid transparent;
}

.flip-clock-wrapper ul li a div .shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.flip-clock-wrapper ul li a div.up {
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    top: 0;
}

.flip-clock-wrapper ul li a div.up:after {
    content: "";
    position: absolute;
    top: 44px;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 3px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.4);
}

.flip-clock-wrapper ul li a div.down {
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    bottom: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.flip-clock-wrapper ul li a div div.inn {
    position: absolute;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 200%;
    color: #ccc;
    text-shadow: 0 1px 2px #000;
    text-align: center;
    background-color: #333;
    border-radius: 6px;
    font-size: 70px;
}

.flip-clock-wrapper ul li a div.up div.inn {
    top: 0;
}

.flip-clock-wrapper ul li a div.down div.inn {
    bottom: 0;
}

/* PLAY */
.flip-clock-wrapper ul.play li.flip-clock-before {
    z-index: 3;
}

.flip-clock-wrapper .flip {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7);
}

.flip-clock-wrapper ul.play li.flip-clock-active {
    -webkit-animation: asd 0.5s 0.5s linear both;
    -moz-animation: asd 0.5s 0.5s linear both;
    animation: asd 0.5s 0.5s linear both;
    z-index: 5;
}

.flip-clock-divider {
    float: left;
    display: inline-block;
    position: relative;
    width: 20px;
    height: 100px;
}

.flip-clock-divider:first-child {
    width: 0;
}

.flip-clock-dot {
    display: block;
    background: #323434;
    width: 10px;
    height: 10px;
    position: absolute;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    left: 5px;
}

.flip-clock-divider .flip-clock-label {
    position: absolute;
    top: -1.5em;
    right: -86px;
    color: black;
    text-shadow: none;
}

.flip-clock-divider.minutes .flip-clock-label {
    right: -88px;
}

.flip-clock-divider.seconds .flip-clock-label {
    right: -91px;
}

.flip-clock-dot.top {
    top: 30px;
}

.flip-clock-dot.bottom {
    bottom: 30px;
}

@-webkit-keyframes asd {
    0% {
        z-index: 2;
    }

    20% {
        z-index: 4;
    }

    100% {
        z-index: 4;
    }
}

@-moz-keyframes asd {
    0% {
        z-index: 2;
    }

    20% {
        z-index: 4;
    }

    100% {
        z-index: 4;
    }
}

@-o-keyframes asd {
    0% {
        z-index: 2;
    }

    20% {
        z-index: 4;
    }

    100% {
        z-index: 4;
    }
}

@keyframes asd {
    0% {
        z-index: 2;
    }

    20% {
        z-index: 4;
    }

    100% {
        z-index: 4;
    }
}

.flip-clock-wrapper ul.play li.flip-clock-active .down {
    z-index: 2;
    -webkit-animation: turn 0.5s 0.5s linear both;
    -moz-animation: turn 0.5s 0.5s linear both;
    animation: turn 0.5s 0.5s linear both;
}

@-webkit-keyframes turn {
    0% {
        -webkit-transform: rotateX(90deg);
    }

    100% {
        -webkit-transform: rotateX(0deg);
    }
}

@-moz-keyframes turn {
    0% {
        -moz-transform: rotateX(90deg);
    }

    100% {
        -moz-transform: rotateX(0deg);
    }
}

@-o-keyframes turn {
    0% {
        -o-transform: rotateX(90deg);
    }

    100% {
        -o-transform: rotateX(0deg);
    }
}

@keyframes turn {
    0% {
        transform: rotateX(90deg);
    }

    100% {
        transform: rotateX(0deg);
    }
}

.flip-clock-wrapper ul.play li.flip-clock-before .up {
    z-index: 2;
    -webkit-animation: turn2 0.5s linear both;
    -moz-animation: turn2 0.5s linear both;
    animation: turn2 0.5s linear both;
}

@-webkit-keyframes turn2 {
    0% {
        -webkit-transform: rotateX(0deg);
    }

    100% {
        -webkit-transform: rotateX(-90deg);
    }
}

@-moz-keyframes turn2 {
    0% {
        -moz-transform: rotateX(0deg);
    }

    100% {
        -moz-transform: rotateX(-90deg);
    }
}

@-o-keyframes turn2 {
    0% {
        -o-transform: rotateX(0deg);
    }

    100% {
        -o-transform: rotateX(-90deg);
    }
}

@keyframes turn2 {
    0% {
        transform: rotateX(0deg);
    }

    100% {
        transform: rotateX(-90deg);
    }
}

.flip-clock-wrapper ul li.flip-clock-active {
    z-index: 3;
}

/* SHADOW */
.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
    background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
    -webkit-animation: show 0.5s linear both;
    -moz-animation: show 0.5s linear both;
    animation: show 0.5s linear both;
}

.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
    background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
    -webkit-animation: hide 0.5s 0.3s linear both;
    -moz-animation: hide 0.5s 0.3s linear both;
    animation: hide 0.5s 0.3s linear both;
}

/*DOWN*/
.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
    background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
    background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
    background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
    -webkit-animation: show 0.5s linear both;
    -moz-animation: show 0.5s linear both;
    animation: show 0.5s linear both;
}

.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
    background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
    background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
    background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
    -webkit-animation: hide 0.5s 0.3s linear both;
    -moz-animation: hide 0.5s 0.3s linear both;
    animation: hide 0.5s 0.2s linear both;
}

@-webkit-keyframes show {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes show {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes show {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes show {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes hide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes hide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-o-keyframes hide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes hide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.flip-clock-wrapper {
    text-align: center;
    position: relative;
    width: 640px;
    margin: 0 auto;
}

.flip-clock-label {
    display: none;
}

.flip-clock-dot {
    box-shadow: none;

}

.flip-clock-wrapper .flip {
    box-shadow: none;
}

div#counter {
    padding-top: 10px;
    padding-bottom: 10px;

}

.counter-wrap {
    background-color: #f04e30;
    position: relative;
}

a.close-counter {
    color: #ffffff;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: 900;
    font-size: 18px;
    border: 2px solid #fff;
    border-radius: 18px;
    width: 30px;
    text-align: center;

    position: absolute;
    right: 19px;
    top: 19px;
}

a.close-counter:hover {
    color: #000000;
    border-color: #000000;
}

.flip-clock-wrapper {
    width: 380px;
}

.flip-clock-wrapper ul li a div div.inn {
    font-size: 35px;
}

.flip-clock-wrapper ul {
    width: 30px;
    height: 45px;
}

.flip-clock-wrapper ul li {
    line-height: 43px;
}

.flip-clock-divider {

    height: 55px;
    width: 17px;
}

@media (max-width: 640px) {

    div#counter {
        padding-bottom: 0;
        padding-top: 20px;
    }

    .flip-clock-wrapper {
        width: 295px;
    }

    .flip-clock-wrapper ul li a div div.inn {
        font-size: 20px;
    }

    .flip-clock-wrapper ul {
        width: 20px;
        height: 29px;
    }

    .flip-clock-wrapper ul li {
        line-height: 29px;
    }

    a.close-counter {
        color: #ffffff;
        padding-top: 0px;
        padding-bottom: 0px;
        font-weight: 900;
        font-size: 16px;
        border: none;
        border-radius: 0px;
        width: inherit;
        text-align: center;
        position: absolute;
        right: 3px;
        top: 3px;
    }

    .flip-clock-divider {

        height: 59px;
        width: 17px;
    }

    .flip-clock-dot {
        width: 5px;
        height: 5px;
    }

    .flip-clock-dot.bottom {
        bottom: 40px;
    }

    .flip-clock-dot.top {
        top: 20px;
    }
}

.headroom {
    will-change: transform;
    transition: transform 200ms linear;
}

.headroom--pinned {
    /*position: fixed;*/
    transform: translateY(0%);
}

.headroom--unpinned {
    transform: translateY(-100%);
    /*position: relative;*/
}

/* slick slider */
/* Slider */
.slick-slider {
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;

    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;

    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;

    height: auto;

    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

/* end slick */

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list {
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face {
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}

/* Arrows */
.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25;
}

.slick-prev:before,
.slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: -25px;
}

[dir='rtl'] .slick-prev {
    right: -25px;
    left: auto;
}

.slick-prev:before {
    content: '←';
}

[dir='rtl'] .slick-prev:before {
    content: '→';
}

.slick-next {
    right: -25px;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -25px;
}

.slick-next:before {
    content: '→';
}

[dir='rtl'] .slick-next:before {
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider {
    margin-bottom: 0px;
}

.slick-dots {
    position: absolute;
    bottom: 75px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}

.slick-dots li {
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li button:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: #ffffff;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: none;

}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #ffffff;
}

.video-wrap {
    width: 80%;
    max-width: 3000px;
}

.video-content {
    position: relative;
    padding-bottom: 45.25%; /* 16:9 */
    padding-top: 75%;
    height: 0;
}

.video-content iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-title {
    position: absolute;
    bottom: 80px;
    z-index: 2;
    width: 40%;
    max-width: 320px;
    min-width: 300px;
    height: 120px;
    overflow: hidden;
    margin: 0 auto;
    left: 0;
    right: 0;

}

.video-title h2 {
    color: #ffffff;
    font-size: 22px;
}

.counter-wrap.stripe {
    padding: 10px;
    text-align: center;

}

.counter-wrap.stripe a {
    color: #ffffff;
}

.counter-wrap.stripe p {
    max-width: 420px;
    margin: auto;
}

.header-intro h1 {
    float: none;
    line-height: normal;
    margin-bottom: 16px;
    font-family: 'Proxima Nova', sans-serif !important;
}

.header-intro h1, .header-intro h2, .header-intro p {
    color: #fff;
    text-align: center;
}

.header-intro h2 {
    font-weight: 800;
    letter-spacing: 8px;
    line-height: 41px;
    font-size: 37px;

}

.header-intro p {
    font-weight: 900;
    font-size: 19px;
    line-height: 29px !important;
}

/*.main-banner-text.ipo {
    margin-top: 30px;
    height: 325px;
}*/

.main-banner.ipo {

    padding-bottom: 74px;
}

.main-banner-text.ipo {
    position: relative;
    margin: auto;

    height: auto;
    width: auto;
    text-align: center;
    padding-top: 80px;
    padding-bottom: 80px;

}

.main-banner-image.ipo {
    display: none;
}

.main-banner-text.ipo h2 a {
    font-size: 26px;
}

.frame {
    width: 300px;
    margin: auto;
}

.frame img {
    min-width: 100%;
    height: auto;
}

.vincit-person.columns {
    float: none;
}

.header-intro.thank-you h3 {
    color: #ffffff !important;
    font-size: 18px;
    text-transform: uppercase;
    margin-top: 60px;
    margin-bottom: 30px;
    letter-spacing: 3px;
    font-weight: 900;
}

.header-intro.thank-you p a {
    font-size: 26px;
    font-weight: 300;
    line-height: 30px;
    font-style: italic;
}

.vincit-person img {
    display: block;
    width: 150px;
    margin: 10px auto 20px auto;
}

span.bold {
    font-weight: 700;
}

nav.mobile-navigation.nav-collapse.nav-collapse.nav-collapse-0.opened {
    margin-top: 20px;
}

body {
    background-color: #ffffff;
}

.banner-recruitment {
    padding-top: 20px;
    padding-bottom: 100px;
}

.banner-recruitment h2 {
    color: #ffffff;
    text-transform: none;
    font-size: 26px;
    letter-spacing: normal;
}

.emblem h3 a {
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 3px;
    font-size: 14px;
}

.emblem h3 a:hover {
    text-decoration: underline;
    opacity:  0.8;
}

.emblem {
    width: 100px;
    text-align: center;
    margin: auto;
}

.emblem img {
    width: 100%;
}


@media (min-width: 480px) {

    .vincit-person.columns {
        float: left;
    }

    /*#bg {
        display: none;
    }*/
    .main-banner-text.ipo h2 a {
        font-size: 37px;
    }

    .main-banner-image.ipo {
        display: block;
    }

    .video-title {
        height: 77px;
    }

    .video-content {
        padding-top: 30%;
    }

    .frame {
        width: 60%;
        max-width: 690px;
    }

    .slick-dots {
        bottom: 40px;
    }

    .frame.thank-you {
        width: 250px;
        max-width: inherit;
    }

    .frame.thank-you img {
        width: 250px;
    }
}

@media (min-width: 640px) {

    .banner-recruitment {
        padding-top: 150px;
        padding-bottom: 40px;
    }

    .banner-recruitment h2 {

        font-size: 36px;
    }

    .emblems {
        width: 600px;
        margin:auto;
    }

    .emblem {
        width: 200px;
        float: left;
        text-align: center;
    }

    .emblem h3 a {

        letter-spacing: 3px;
        font-size: 20px;
    }
}


@media (min-width: 480px) and (max-width: 768px) {

}

@media (min-width: 768px) {

    .video-content {
        padding-top: 40%;
    }

    .main-banner.ipo {

    }

    .header-intro {
        margin-top: 60px;
    }
}

@media (min-width: 769px) {

    .video-content {
        padding-top: 120px;
    }

    .header-intro {
        margin-top: 30px;
    }

    .main-banner-text.ipo {
        height: 325px;
    }

    .video-title {
        height: 125px;
    }

    .video-title h2 {
        color: #ffffff;
        font-size: 30px;
    }

    .slick-dots {
        bottom: 17px;
    }
}

.main-banner-text.ipo a {
    color: #ffffff;
}

#frontpage-main-slider.en .main-banner .main-banner-text img {
    margin: auto;
}

@media (min-width: 1200px) {
    .main-banner-text.ipo {
        height: 420px;
    }

    .header-intro {
        margin-top: 80px;
    }

    /*#frontpage-main-slider {
        max-height: 700px;
    }*/

    #frontpage-main-slider.en {
        max-height: 900px;
    }

}

@media (min-width: 1500px) {
    #frontpage-main-slider.en {
        max-height: 1100px;
    }
}

@media (min-width: 1850px) {
    #frontpage-main-slider.en {
        max-height: 1400px;
    }
}

@media (min-width: 767px) {
    .refe-preview.special {
        margin-bottom: 10px;
    }
}

.special .refe-preview-image {
    height: 250px;
    text-align: center;
}

.special .refe-preview-container {
    background: none;
}

.front-page-button {
    background: none;
    display: block;
    color: #e73b2b;
    border: 1px solid #e73b2b;
    padding: 7px 28px;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 300;
    text-shadow: none;
    border-radius: 4px;
    max-width: 120px;
}

.row.with-top-border {
    border-top: 7px solid #c7c7c7;
    padding-top: 60px;
    margin-bottom: 0;
    margin-top: 70px;
}

.embed-container-front {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    margin-bottom: 15px;
}

.embed-container-front iframe, .embed-container-front object, .embed-container-front embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#trophies .embed-container-front + .small-trophy {
    border-top: 1px solid #999;
    margin-top: 40px;
    padding-top: 40px;
}

.text38{
    font-size: 38px;
    line-height: 1.1em;
}

.text50{
    font-size: 50px;
    line-height: 1.1em;
}

.fontweight300{
    font-weight: 300;
}

.fontweight800{
    font-weight: 800;
}

@media (max-width: 600px){
    .text38{
        font-size: 25px;
        line-height: 1.1em;
    }

    .text50{
        font-size: 30px;
        line-height: 1.1em;
    }
}

@media (max-width: 400px){
    .text38{
        font-size: 22px;
        line-height: 1.1em;
    }

    .text50{
        font-size: 22px;
        line-height: 1.1em;
    }
}

/* 2016 etusivun banneri */

.banner-recruitment {
 padding-top: 0;
 padding-bottom: 0;
}

.link2016, .laas-image{
  margin-left: auto;
  margin-right: auto;
}

.banner-recruitment .opacity-bg{
  background-color: rgba(68,57,56,0.2);
  position: relative;
  z-index: 10;
}

#frontpage-main-slider h2{
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 4px;
    font-weight: 600;
    line-height: 1.8em;
  margin-bottom: 0;
}
#frontpage-main-slider h3{
    color: #fff;
    font-style: italic;
    font-weight: 100;
    font-size: 22px;
}
.emblems{
    width: 100%;
}
.link2016{
    float: none;
    font-family: "proxima-nova", sans-serif;
    font-weight: 900;
    color: #f04e30 !important;
    font-size: 75px;
    line-height: 1em;
    text-align: center;
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    max-width: 600px;
    max-height: 200px;
}

.link2016 span{
    margin-top: 30px;
    margin-bottom: 30px;
    display: block;
}

.link2016 .bg2016{
    background-image: url("images/2016_banner-bg.png");
    background-repeat: no-repeat;
    background-size: contain;
    max-width: 600px;
    max-height: 200px;
    position: absolute;
    z-index: -1;
    opacity: 0.3;
    width: 100%;
    height: 100%;
    background-position: center center;
}
.turkubtn{
    text-transform: uppercase;
    padding: 0.55em 2.3em 0.45em 2.3em;
    font-size: 18px;
    color: #fff !important;
    border: 1px solid #fff;
    border-radius: 5px;
    font-weight: 100;
    /*margin-top: 1em;*/
    display: inline-block;
}
.turkubtn:hover, .turkulink:hover + br + .turkubtn {
    color: #e73c2b !important;
    border: 1px solid #e73c2b;
    background-color: #fff;
}
.banner-recruitment{
    text-align: center;
}
.banner-recruitment a{
    color: #fff;
}

.emblems, h2{
    position: relative;
    z-index: 5;
}

.tv {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;

    width: 100%;
    height: 100%;

    overflow: hidden;
}

.tv .screen {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;

    margin: auto;

    opacity: 1;
    transition: opacity .5s;

}

@media (max-width: 600px){
  
  .tv{
    display: none;
  }
}

@media (max-width: 400px){
    .link2016{
        font-size: 55px;
    }

    link2016 span {
        margin-top: 0;
        margin-bottom: 0;
    }
}

.opacity-bg {
  padding-top: 60px;
  padding-bottom: 40px;
}

@media (min-width: 640px) {

    .opacity-bg {
        padding-top: 130px;
        padding-bottom: 60px;
    }
}

/* END 2016 etusivun banneri */

/* Front banner carousel EN */

#frontpage-main-slider #header-container, #frontpage-main-slider .slick-track{
    width: 100% !important;
}

/*.header-container-front{
    background-color: #f04e30;
}*/

.header-container-front h6{
    font-size: 35px !important;
}

#header-container.header-container-front .rslides_container ul.rslides li h6{
    bottom: 55px;
    text-shadow: none;
    line-height: 140%;
}

.header-container-front h6.small{
    font-size: 35px;
}

.header-container-front .container, .header-container-front .container .sixteen.columns, .header-container-front .rslides_container {
    width: 100%;
    margin: 0;
}

.header-container-front .rslides li{
    height: 570px;
}

.header-container-front .header-slider-filter{
    /*background-color: rgba(198,42,34,0.8);*/
    height: 100%;
    width: 100%;
}

.header-slider-logo{
    position: absolute;
    top: 19%;
    width: 100%;
}

.header-slider-logo img{
    max-height: 260px;
}

.header-container-front-text{
    font-size: 18px;
    font-style: normal;
    margin-top: -1em;
    display: block;
}

.header-container-front .large-btns_nav{
    height: 100%;
}

.header-container-front .large-btns_nav.prev{
    left: 6px;
}

.header-container-front .large-btns_nav.next{
    right: 10px;
}




.header-container-front h6, .header-container-front .header-slider-logo {
    position: absolute;
    width: 100%;
    max-width: none;
    left: 0;
    -webkit-animation: move 9s forwards;
    -webkit-animation-delay: 0s;
    animation: move 9s forwards;
    animation-delay: 0s;
    display: block;
}

.header-container-front .large-btns1_on h6, .header-container-front .large-btns1_on .header-slider-logo {
    transition: 1s;
    transition-timing-function: ease;
    /*left: 0;*/
}

.header-container-front .header-container-front-text{
    font-size: 24px;
}

.header-container-front .copyright{
    position: absolute;
    bottom: 3px;
    right: 3px;
    font-size: 8px;
    color: #fff;
}

.header-container-front .header-slider-btn{
    position: absolute;
    bottom: 25px;
    border: 2px solid #fff;
    padding: 12px 0;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    left: 50%;
    margin-left: -131px;
    border-radius: 3px;
    font-size: 13px;
    font-weight: 900;
    font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
    width: 262px;
    text-align: center;
    letter-spacing: 1px;
}

.header-container-front .header-slider-btn:hover {
    color: #e73c2b !important;
    border: 2px solid #e73c2b;
    background-color: #fff;
}

@keyframes move {
    0% {
        left: 200%;
    }

    15% {
        left: 0;
    }

    85% {
        left: 0;
    }

    100% {
        left: -200%;
    }
}

@media (min-width: 1400px) {
    .header-container-front .rslides li{
        height: 700px;
    }

    .header-slider-logo img{
        max-height: 320px;
    }

    .header-slider-logo{
        top: 19%;
    }

    #header-container.header-container-front .rslides_container ul.rslides li h6{
        bottom: 95px;
    }

    .header-container-front .header-slider-btn{
        bottom: 75px;
    }
}


.linkPlay{
  background-image: url(images/play_btn-350.png);
  background-size:  auto 100%;
  width: 175px;
  height: 175px;
  background-repeat: no-repeat;
  display: inline-block;
  background-position: right;
  -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    -ms-transition: none !important;
    transition: none !important;
  margin-top: 20px;
}

.linkPlay:hover{
  background-position: left;
}

/* END Front banner carousel EN */

/* Front videobanner EN */

#frontpage-main-banner-en .header-container-front .header-slider-btn{
  bottom: 32px;
}

.mute {
    font-size: 0;
    position: absolute;
    left: 33px;
    bottom: 32px;
    cursor: pointer;
    padding: 22px;
    padding-bottom: 0;
}
    .mute:hover {
        /*background: rgba(255, 255, 255, .05);*/
    }
    .mute__bar {
        width: 2px;
        height: 11px;
        background: white;
        display: inline-block;
        margin: 2px;
        animation: playing 600ms ease infinite;
        transform-origin: bottom
}
        .mute__bar.-two {
            animation: playing 600ms ease 200ms infinite;
        }
        .mute__bar.-three {
            animation: playing 600ms ease 400ms infinite;
        }
  
    .mute__bubble {
        position: absolute;
        left: 50%;
        top: -11px;
        transform: translateX(-50%);
		opacity: 0;
    }
    .mute.-muted .mute__bar {
        animation-play-state: paused;
    }
    .mute.-muted .mute__bubble {
		opacity: 1;
    }

@keyframes playing {
    0%,
    100% {
        transform: scaleY(1);
    }
    50% {
        transform: scaleY(1.5);
    }
}

.start .mute__bar.-one{
  height: 12px;
}

.start .mute__bar.-two{
  height: 17px;
}

#frontpage-main-banner-en .header-container-front{
  /*background-color: #000;*/
  background-color: transparent;
}

#frontpage-main-banner-en #header-banner-container .tv iframe{
  padding: 0;
}

#frontpage-main-banner-en .header-slider-more{
  display: none;
  font-size: 13px;
  font-weight: 900;
  font-family: 'proxima-nova', Arial, Helvetica, sans-serif;
  color: #fff;
  position: absolute;
  bottom: 0;
  text-align: center;
  width: 100px;
  left: 50%;
}

#frontpage-main-banner-en .header-slider-more .text{
  position: relative;
  left: -50%;
  bottom: 50px;
}

#frontpage-main-banner-en .header-slider-more .vertical-line{
  border-left: 2px solid #fff;
  display: block;
  height: 38px;
  position: absolute;
  bottom: 0;
}

#frontpage-main-banner-en #header-banner-container .tv .screen{
  width: 100%;
}

#frontpage-main-banner-en{
  position: relative;
  margin-bottom: -6px;
}


#frontpage-main-banner-en #header-banner-container {
  width: 100%;
  /* whatever width you want */
  display: inline-block;
  position: relative;
}
#frontpage-main-banner-en #header-banner-container:after {
  padding-top: 56.25%;
  /* 16:9 ratio */
  display: block;
  content: '';
}
#frontpage-main-banner-en .tv {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  /* fill parent */
  background-color: #000;
  /* let's see it! */
  color: white;
}

#frontpage-main-banner-en #header-banner-container .container{
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}

@media (min-width: 1200px) {
  #frontpage-main-banner-en .header-container-front .header-slider-btn{
    bottom: 100px;
  }
  
  #frontpage-main-banner-en .header-slider-more{
    display: block;
  }
}

@media (max-width: 1024px) {
  #languages ul li a{
    color: #776a69;
  }
  
  #frontpage-main-banner-en #header-banner-container .tv .screen{
    width: 126%;
  }
  
  /*#frontpage-main-banner-en{
    padding-top: 100px;
  }*/
}
@media (min-width: 767px) {
  #header-container{
    background-color: #000;
  }
}

@media (max-width: 767px) {
  
  #frontpage-main-banner-en #header-banner-container{
    display: none;
  }
}

/* END Front videobanner EN */

/* Tiedote 11/2017 */

.banner-recruitment .opacity-bg{
  background-color: rgba(68, 57, 56, 0.6);
  min-height: 600px;
  padding-left: 15px;
  padding-right: 15px;
}

#header-container{
  background-color: transparent;
}

.inline-block{
  display: inline-block;
}

/* END Tiedote 11/2017 */

/* Itsenaisyyspaiva 2017 */
#header-container h3{
  font-size:40px; 
  font-weight:800; 
  color:#fff; 
  font-style:normal;
  line-height: normal;
}

#header-container h3 a{
  border-bottom:3px solid #fff;
}

#header-container h3 a:hover{
  border-bottom:3px solid transparent;
}

@media (max-width: 400px) {
    #header-container h3{
      font-size:30px;
    }
  
  .header-container .opacity-bg{
    padding-left: 5px;
    padding-right: 5px;
  }
}

#frontpage-main-banner-en h2 {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 4px;
    font-weight: 600;
    line-height: 2.4em;
    margin-bottom: 0;
}

/* END Itsenaisyyspaiva 2017 */

/* Mohlimattomyystakuu */

.mohlimattomyystakuu .header-container-front{
  max-height: 600px;
}

.mohlimattomyystakuu .header-container-front h3{
  position: absolute; 
  bottom: 230px; 
  width:100%; 
  text-align:center;
}

.mohlimattomyystakuu .header-container-front svg{
  max-width: 50px;
}

.mohlimattomyystakuu .header-container-front .opacity-bg{
  background-color: rgba(198,42,34,0.2); 
  position: relative; 
  z-index: 10;
  height:100%
}

@media (max-width: 970px) {
  .mohlimattomyystakuu .header-container-front h3{
    bottom: 130px; 
  }
}

/* END Mohlimattomyystakuu */

#frontpage-main-slider h2{
  color: #fff;
}

@media (max-width: 1300px) {
    .cookie-notice-container{
        padding-right: 220px !important;
    }
}

@media (max-width: 450px) {
    .cookie-notice-container{
        padding-right: 10px !important;
        padding-bottom: 60px !important;
    }
}

ul.tab-links li a{
  position: relative;
}

.nav-nro{
  position: absolute;
  top: 3px;
  background-color: #f04e30;
  border-radius: 10px;
  height: 18px;
  min-width: 18px;
  font-size: 10px;
  display: block;
  line-height: 20px;
  text-align: center;
  right: -19px;
  padding: 0 2px;
  color: #fff !important;
}


.wrapper.red{
  background-color: #d03324 !important;
}

.banner-recruitment img{
  max-width: 100%;
}

.page-template-template-terms-and-privacy .nav-container{
  padding-top: 1.5em;
}