/* CSS Document */
@import url("https://fonts.googleapis.com/css?family=Raleway:300,400,700");
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,400i,700,900");
html { position: relative; min-height: 100%; height: 100%; font-size: 10px; }

body { color: #1e1e21; font-family: "Roboto", Helvetica, sans-serif; font-size: 1.6rem; min-height: 100%; height: 100%; background-repeat: no-repeat; background-position: center right; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-color: #fff; }

.yritys-page header { background-image: url(../images/background2.jpg); background-position: top right; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

/* HEADER */
header { z-index: 2; width: 100%; height: auto; }
header p { font-size: 1.5rem; margin: 5px 0 10px; }
header .logo { margin: 50px auto 30px; }

ul.languagenav { position: absolute; top: 0; right: 0; font-size: 1.4rem; float: right; line-height: 30px; margin-bottom: 0; padding-right: 25px; }
ul.languagenav li { float: left; list-style: none; margin: 5px; }
ul.languagenav li a { color: #f1f1f1; padding: 5px; }
ul.languagenav li:hover { background-color: rgba(255, 255, 255, 0.6); cursor: pointer; }
ul.languagenav li:hover a { color: #fff; }

#top { text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8); font-size: 1.3rem; position: relative; max-width: 60%; }
#top h1 { font-style: italic; font-weight: 400; font-size: 6rem; line-height: 7rem; margin-bottom: 20px; }
#top .mobile-header { font-size: 5rem; margin: 60px auto; }
#top small { max-width: 380px; color: white; font-size: 2.2rem; font-weight: 400; font-style: italic; padding-bottom: 80px; display: inline-block; }

/*NAVIGATION*/
nav { background-color: transparent; color: #fff; font: 300 2.2rem "Roboto", Helvetica, sans-serif; text-shadow: 1px 1px 5px black; }

.navbar { background-color: #676769; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.navbar .navbar-collapse { text-align: center; border: none; }
.navbar .navbar-collapse .navbar-right { float: none !important; margin: auto; display: inline-block; }

.navbar-brand { padding-top: 0; display: none; }

#menu { width: 100%; border: none; }
#menu .navbar-nav li { margin: 10px 5px; }
#menu .navbar-nav li .nav-link { color: #fff; }
#menu .navbar-nav .active > span { width: 100%; }
#menu .navbar-nav li > span { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; height: 2px; margin: 0 auto; background-color: rgba(255, 255, 255, 0.9); width: 0%; display: block; position: relative; bottom: 0; -webkit-box-shadow: 0px 0px 15px 0px black; -moz-box-shadow: 0px 0px 15px 0px black; box-shadow: 0px 0px 15px 0px black; }
#menu .navbar-nav li > a:hover, #menu .navbar-nav li > a:focus { color: white; }
#menu .navbar-toggle:hover, #menu .navbar-default .navbar-toggle:focus { background-color: transparent; }

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background-color: transparent; color: white; }

.navbar-nav > li:hover span { width: 90%; }

.navbar-brand { height: auto; }
.navbar-brand img { height: auto; }

nav.navbar-fixed-top { background-color: #13553a; border-bottom: 1px solid white; top: -60px; -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.8); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.8); }
nav.navbar-fixed-top .navbar { margin: 10px 0 0; }
nav.navbar-fixed-top .navbar-brand { display: block; padding: 0 15px; max-width: 50px; }
nav.navbar-fixed-top .navbar-nav li { font-size: 1.8rem; margin: 5px; }
nav.navbar-fixed-top .navbar-nav li a { text-shadow: 1px 1px 1px rgba(255, 255, 255, 0); font-weight: 400; padding: 0 8px; margin-bottom: 5px; }
nav.navbar-fixed-top .navbar-nav li span { -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0); height: 1px; }

.subnav { background-color: #e6e6e6; padding-top: 25px; padding-bottom: 25px; }
.subnav a { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; padding: 8px 20px; background-color: white; color: #fff; font-size: 1.6rem; margin: 5px 10px; }
.subnav a:hover { text-decoration: none; color: white; background-color: #fff; }

/* HEADER*/
.header-icon { position: absolute; max-height: 70%; }

/* CONTENT AREA */
section.green { background-color: #13553a; color: white; }

section.white { background-color: white; color: #3c3c3c; }

section.bg-image { min-height: 400px; background-repeat: no-repeat; background-position: center right; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
section.bg-image .row { display: flex; align-items: center; min-height: 400px; height: auto; margin-bottom: 0; }
section.bg-image .quote { background-color: rgba(0, 0, 0, 0.6); margin: 40px; padding: 20px 40px; color: white; min-height: 100%; }
section.bg-image .quote h3 { margin: 0 auto 8px; max-width: 500px; }

.logo { max-width: 70%; display: block; }

.row { margin-bottom: 40px; }

.main-text p { margin: auto; max-width: 700px; font-size: 1.7rem; }

section.content { margin: 0 auto 40px; position: relative; }

img.bordered { border: 3px solid black; -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.7); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.7); }

.black-bar { margin-bottom: 0px; border: none; -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.4); border-top: 2px solid white; border-bottom: 2px solid white; }

.mobile-button-bar { background-color: rgba(0, 0, 0, 0.8); position: absolute; width: 100%; z-index: 99; margin-left: -25px; bottom: 0; }

a.mobile-link { margin: 10px 25px; display: inline-block; }
a.mobile-link img { float: none; }

#whatsapp { display: none; margin: 0 30px; text-align: center; }
#whatsapp img { float: none; max-width: 40px; margin: 15px; }
#whatsapp span { display: inline-block; line-height: normal; }

#instafeed { margin-left: -10px; display: inline-block; }
#instafeed a { display: table; }

/* CONTENT AREA END */
/* FOOTER */
footer { color: #1e1e21; background-color: #777777; text-align: center; font-size: 1.4rem; position: relative; width: 100%; bottom: 0; height: auto; min-height: 120px; border-top: 2px #1e1e21 solid; -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.8); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.8); padding-top: 20px; }
footer .row { margin-bottom: 5px; }
footer .logot img { float: left; margin: 8px; }
footer .logot h4 { text-align: left; }
footer .pageinfo { margin: auto; height: auto; padding: 5px; text-align: center; }
footer .copy { padding-bottom: 10px; font-size: 1.2rem; color: #1e1e21; }
footer .copy a { color: #1e1e21; line-height: normal; }

/* FOOTER END */
/* COLUMNS */
/* COLUMNS END */
.img-small { height: 250px; background-size: cover, cover; background-position: center; margin: 20px 0; }

/*TEXT STYLES*/
main { font-size: 1.6rem; font-weight: 300; }

body a { line-height: normal; color: orange; }
body a img { float: left; margin: 0 10px  10px; }

.icolink { height: auto; display: block; }

.icolink > img { margin-top: 0px; float: left; display: inline-block; }

.red { color: #777777; }

.header { font-family: 400 2rem "Roboto", Helvetica, sans-serif; display: table; width: 100%; margin-top: 0; }

h1, h2, h3 { font: 400 2rem "Roboto", "Raleway", Helvetica, sans-serif; }

h1 { margin-bottom: 35px; font-size: 5rem; text-align: center; }

h2 { font-size: 3.6rem; }
h2 small { font-size: 1.6rem; line-height: normal; display: inline-block; }
h2 a { color: #3c3c3c; }
h2 a:hover { color: #3c3c3c; }

h3 { font-size: 3rem; }

h4, h5, h6 { font: 400 2rem "Roboto", Helvetica, sans-serif; }

article { text-align: left; margin: 35px 0; }
article h2, article h3 { margin: 20px auto 20px; }
article h4 { margin: 20px auto 8px; }
article ul { list-style: none; }

.btn { font-size: 1.3rem; }

th { font-size: 1.4rem; }

td { font-size: 1.3rem; }

label { font-size: 1.4rem; }

.form-control { font-size: 1.3rem; }

/*FORMS*/
.form-holder { max-width: 800px; margin: 15px auto; }

fieldset { margin: 8px auto; }

.form-loader { text-align: center; padding: 15px; }

.form-error { text-align: center; border-bottom: 1px solid #e6e6e6; padding: 15px; font-size: 1.6rem; }

form { margin: 10px 15px; position: relative; }
form textarea.form-control { height: 135px; }

.submitForm { color: #fff; background-color: black; border-radius: 0; border-bottom: solid 3px transparent; }
.submitForm:hover { color: #fff; background-color: #060606; }

.has-error { position: relative; }
.has-error:after { content: '*'; position: absolute; left: 0; top: -5px; margin-left: -15px; font-size: 2.8rem; }

#login input { max-width: 250px; font-size: 1.2rem; }

.btn-login { background-color: lightgreen; }

@media (max-width: 965px) { .navbar-header { float: none; text-align: center; }
  .navbar > .container .navbar-brand { float: none; display: inline-block; margin: auto; } }
#to-top { position: fixed; right: 20px; bottom: -60px; background-color: #777777; border: 2px solid white; border-radius: 50%; height: 40px; width: 40px; color: white; text-align: center; -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
#to-top:hover { height: 50px; width: 50px; bottom: 15px; right: 15px; -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5); }
#to-top:hover img { margin: 8px auto; height: 26px; }
#to-top img { margin: 12px auto 7px; height: 12px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

#admin-menu { height: 30px; background-color: #112026; -webkit-box-shadow: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.5); -moz-box-shadow: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.5); box-shadow: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.5); }
#admin-menu a.nav-link { color: #ebebeb; font-size: 1.6rem; cursor: pointer; }

.jobs-content { background-color: white; }

.jobs-sidebar { position: fixed; top: 0; bottom: 0; left: 0; z-index: 100; padding: 45px 0 0; background-color: #425059; -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3); }
.jobs-sidebar .sidebar-sticky { position: sticky; top: 0; height: calc(100vh - 35px); padding-top: .5rem; overflow-x: hidden; overflow-y: auto; }
.jobs-sidebar .header { position: relative; padding: 5px 15px; margin: 0; font-size: 1.8rem; color: white; text-transform: uppercase; font-weight: 300; }
.jobs-sidebar .header::after { content: ""; background: #5a6871; position: absolute; bottom: 0; left: 5%; height: 1px; width: 90%; }
.jobs-sidebar .side-list { color: white; }
.jobs-sidebar .side-list .element { position: relative; min-height: 35px; padding: 5px 10px; cursor: pointer; }
.jobs-sidebar .side-list .element:hover { background-color: #b3b3b3; }
.jobs-sidebar .side-list .element .list-name { font-size: 1.4rem; color: white; }
.jobs-sidebar .side-list .element .due-day { font-size: 1.6rem; color: white; font-weight: 900; line-height: 1.4rem; text-align: center; }
.jobs-sidebar .side-list .element .due-day span { float: left; clear: both; }
.jobs-sidebar .side-list .element::after { content: ""; background: #5a6871; position: absolute; bottom: 0; left: 5%; height: 1px; width: 90%; }
.jobs-sidebar .side-list .element.past { background-color: #f26d7d; }
.jobs-sidebar .side-list .element.past .list-name { color: white; font-weight: 700; }

.content-list .element { border-bottom: 1px solid #ebebeb; }
.content-list .element:hover { background-color: #ebebeb; }

.admin-content { padding-top: 48px; background-color: #ebebeb; }
.admin-content .row { padding-top: 2rem; }
.admin-content .inner-col { background-color: white; margin: 10px 0; padding: 10px; border-radius: 8px; }

.todo-page { background-color: #ebebeb; }

#editForm .row { padding-top: 0; margin-bottom: 8px; }

.fas { margin-left: 8px; }

/*# sourceMappingURL=style.css.map */