/* GANTRY5 DEVELOPMENT MODE ENABLED.

   WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!

   For more information on modifying CSS, please read:

   http://docs.gantry.org/gantry5/configure/styles
   http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

@import "typography.scss";
/* line 2, media/gantry5/engines/nucleus/scss/nucleus/mixins/_nav.scss */
/* line 12, media/gantry5/engines/nucleus/scss/nucleus/mixins/_nav.scss */
/* line 2, media/gantry5/engines/nucleus/scss/nucleus/mixins/_utilities.scss */
/* line 9, media/gantry5/engines/nucleus/scss/nucleus/mixins/_utilities.scss */
/* line 2, media/gantry5/engines/nucleus/scss/nucleus/theme/_flex.scss */
.g-content {
  margin: 0.625rem;
  padding: 1.5rem;
}
/* line 6, media/gantry5/engines/nucleus/scss/nucleus/theme/_flex.scss */
.g-flushed .g-content {
  margin: 0;
  padding: 0;
}
/* line 2, media/gantry5/engines/nucleus/scss/nucleus/theme/_typography.scss */
body {
  font-size: 1rem;
  line-height: 1.5;
}
/* line 8, media/gantry5/engines/nucleus/scss/nucleus/theme/_typography.scss */
h1 {
  font-size: 2.2rem;
}
/* line 12, media/gantry5/engines/nucleus/scss/nucleus/theme/_typography.scss */
h2 {
  font-size: 2rem;
}
/* line 16, media/gantry5/engines/nucleus/scss/nucleus/theme/_typography.scss */
h3 {
  font-size: 1.7rem;
}
/* line 20, media/gantry5/engines/nucleus/scss/nucleus/theme/_typography.scss */
h4 {
  font-size: 1.25rem;
}
/* line 24, media/gantry5/engines/nucleus/scss/nucleus/theme/_typography.scss */
h5 {
  font-size: 1.2rem;
}
/* line 28, media/gantry5/engines/nucleus/scss/nucleus/theme/_typography.scss */
h6 {
  font-size: 1rem;
}
/* line 33, media/gantry5/engines/nucleus/scss/nucleus/theme/_typography.scss */
small {
  font-size: 0.875rem;
}
/* line 37, media/gantry5/engines/nucleus/scss/nucleus/theme/_typography.scss */
cite {
  font-size: 0.875rem;
}
/* line 41, media/gantry5/engines/nucleus/scss/nucleus/theme/_typography.scss */
sub, sup {
  font-size: 0.75rem;
}
/* line 46, media/gantry5/engines/nucleus/scss/nucleus/theme/_typography.scss */
code, kbd, pre, samp {
  font-size: 1rem;
  font-family: "Menlo", "Monaco", monospace;
}
/* line 1, media/gantry5/engines/nucleus/scss/nucleus/theme/_forms.scss */
textarea, select[multiple=multiple], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]) {
  border-radius: 0.1875rem;
}
@font-face {
  font-family: 'Conv_Cinzel-Regular';
  src: url('../../../../marco/fonts/Cinzel-Regular.eot');
  src: local('☺'), url('../../../../marco/fonts/Cinzel-Regular.woff') format('woff'), url('../../../../marco/fonts/Cinzel-Regular.ttf') format('truetype'), url('../../../../marco/fonts/Cinzel-Regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Conv_Sabrina Pamella demo';
  src: url('../../../../marco/fonts/Sabrina%20Pamella%20demo.eot');
  src: local('☺'), url('../../../../marco/fonts/Sabrina%20Pamella%20demo.woff') format('woff'), url('../../../../marco/fonts/Sabrina%20Pamella%20demo.ttf') format('truetype'), url('../../../../marco/fonts/Sabrina%20Pamella%20demo.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* line 32, templates/rt_fluent/custom/scss/custom.scss */
body {
  font-family: 'Conv_Cinzel-Regular', 'heebo', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', 'sans-serif';
}
/* line 36, templates/rt_fluent/custom/scss/custom.scss */
a, .g-social a {
  color: #000;
}
/* line 40, templates/rt_fluent/custom/scss/custom.scss */
.g-social {
  text-align: right;
}
/* line 44, templates/rt_fluent/custom/scss/custom.scss */
html body #g-page-surround {
  padding-top: 0px;
  padding-bottom: 0px;
}
/* line 54, templates/rt_fluent/custom/scss/custom.scss */
.capital {
  text-transform: uppercase;
}
/* line 59, templates/rt_fluent/custom/scss/custom.scss */
.kuvacontainer {
  position: relative;
  text-align: center;
  color: white;
}
/* line 65, templates/rt_fluent/custom/scss/custom.scss */
.kuvacontainer .teksti {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.3);
  display: table;
  max-height: 350px;
}
/* line 75, templates/rt_fluent/custom/scss/custom.scss */
.kuvacontainer .contactnappi {
  background-color: rgba(255, 255, 255, 1);
  color: #000;
  padding: 10px 20px 10px 20px;
}
/* line 82, templates/rt_fluent/custom/scss/custom.scss */
.kuvacontainer .kuva img {
  width: 100%;
  max-height: 400px;
}
/* line 87, templates/rt_fluent/custom/scss/custom.scss */
.kuvacontainer .kuvausosa {
  width: 100%;
}
/* line 91, templates/rt_fluent/custom/scss/custom.scss */
.kuvacontainer .vasen {
  display: table-cell;
  width: 50%;
  vertical-align: middle;
  font-size: 40px;
}
/* line 98, templates/rt_fluent/custom/scss/custom.scss */
.kuvacontainer .keski .otsikko {
  font-size: 40px;
}
/*
 .kuvacontainer .vasen-otsikko p {
 position: absolute;
 top: 50%;
 left: 50%;
 }
 */
/* line 112, templates/rt_fluent/custom/scss/custom.scss */
.kuvacontainer .oikea {
  display: table-cell;
  width: 50%;
}
/* line 117, templates/rt_fluent/custom/scss/custom.scss */
.kuvacontainer .alacontact {
  clear: both;
  display: table-row;
}
/* line 122, templates/rt_fluent/custom/scss/custom.scss */
.contactusnappi {
  background-color: rgba(150, 150, 150, 1);
  color: #fff;
  padding: 30px;
}
/* line 128, templates/rt_fluent/custom/scss/custom.scss */
.contactussivu #g-mainbar .g-content {
  background-color: rgba(50, 50, 50, 1);
  color: #fff;
}
/* line 132, templates/rt_fluent/custom/scss/custom.scss */
.contactussivu #g-mainbar .g-content .platform-content {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding-bottom: 20px;
}
/* line 140, templates/rt_fluent/custom/scss/custom.scss */
#g-bottom .g-content {
  padding-left: 6%;
}
/* line 144, templates/rt_fluent/custom/scss/custom.scss */
#g-bottom .g-content a {
  color: #fff;
}
/* line 148, templates/rt_fluent/custom/scss/custom.scss */
#logo {
  padding-left: 3%;
}
/* line 152, templates/rt_fluent/custom/scss/custom.scss */
#social {
  padding-right: 3%;
}
/* line 156, templates/rt_fluent/custom/scss/custom.scss */
#g-navigation {
  padding-bottom: 15px !important;
}
/* line 168, templates/rt_fluent/custom/scss/custom.scss */
.g-main-nav .g-toplevel > li:hover > .g-menu-item-container .g-menu-item-content, .g-main-nav .g-toplevel > li.active > .g-menu-item-container .g-menu-item-content {
  border-bottom: 1px solid #000;
  padding-bottom: 3px;
}
/* line 176, templates/rt_fluent/custom/scss/custom.scss */
.services td {
  vertical-align: top !important;
  border: 0px;
  max-width: 670px;
}
/* line 182, templates/rt_fluent/custom/scss/custom.scss */
#hideme {
  visibility: hidden;
}
/* line 186, templates/rt_fluent/custom/scss/custom.scss */
.etusivukuvaus {
  max-width: 600px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  line-height: 37px;
}
/* line 195, templates/rt_fluent/custom/scss/custom.scss */
#g-slideshow .g-grid:first-child, #g-slideshow .g-grid:nth-child(2) {
  margin-bottom: 20px;
}
/* line 199, templates/rt_fluent/custom/scss/custom.scss */
.leveempi {
  letter-spacing: 8px;
}
/* line 203, templates/rt_fluent/custom/scss/custom.scss */
.kauno {
  font-family: 'Conv_Sabrina Pamella demo';
}
/* line 207, templates/rt_fluent/custom/scss/custom.scss */
.logop {
  margin-bottom: 0.2rem;
}
/* line 211, templates/rt_fluent/custom/scss/custom.scss */
.page-header h2, .contact h1 {
  text-align: center;
}
/* line 216, templates/rt_fluent/custom/scss/custom.scss */
table td {
  border: 0px;
}
/* line 220, templates/rt_fluent/custom/scss/custom.scss */
.btn {
  color: #000 !important;
}
/* line 224, templates/rt_fluent/custom/scss/custom.scss */
#contact-form {
  text-align: left;
}
/* line 229, templates/rt_fluent/custom/scss/custom.scss */
.contact-form {
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
/* line 236, templates/rt_fluent/custom/scss/custom.scss */
.chronoforms {
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 48px;
}
/* line 244, templates/rt_fluent/custom/scss/custom.scss */
.chronoforms .field input, .chronoforms .field textarea {
  width: 80% !important;
}
/*
 .chronoforms .ui.form .field label {
 display: inline-block;
 font-size: 1rem;
 line-height: 1.5;
 text-align: right;
 margin-right: 15px;
 width: 10%;
 }
 */
/* line 262, templates/rt_fluent/custom/scss/custom.scss */
.chronoforms .ui.form .field label::after {
  color: #000 !important;
}
/* line 267, templates/rt_fluent/custom/scss/custom.scss */
.chronoforms .ui.button {
  color: #000 !important;
  text-shadow: none;
  box-shadow: none;
  display: inline-block;
  font-family: "heebo", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
  font-weight: 600;
  color: #fff;
  font-size: 1vw;
  background: #fff;
  margin: 0 0 0.5rem 0;
  padding: 0.8rem 2rem;
  padding-bottom: 0.8rem;
  padding-bottom: 0.85rem;
  border-radius: 2rem;
  vertical-align: middle;
  transition: all 0.2s;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  line-height: 20px;
  text-align: center;
  cursor: pointer;
  border: 1px solid #ccc;
  -webkit-appearance: button;
  white-space: nowrap;
}
/*
 .g-default-top {
 position: fixed;
 width: 100%;
 top: 0;
 overflow: hidden;
 }
 #g-page-surround {
 margin-top: 50px;
 }
 */
/* navigaatio ++ */
/* navigaatio -- */
/*
 .keskiosat .g-block.size-50 {
 height: 850px;
 position: relative;
 }
 .keskiosat .g-block.size-50 .g-content {
 margin: 0;
 position: absolute;
 top: 50%;
 -ms-transform: translateY(-50%);
 transform: translateY(-50%);
 }
 */
/* line 324, templates/rt_fluent/custom/scss/custom.scss */
.texti {
  margin-top: 25%;
}
/* line 329, templates/rt_fluent/custom/scss/custom.scss */
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
  color: #888;
  border-color: #888;
}
/* line 334, templates/rt_fluent/custom/scss/custom.scss */
.hesari .item-pagehesari {
  text-align: left;
}
/* line 338, templates/rt_fluent/custom/scss/custom.scss */
.hesari #g-mainbar .platform-content {
  padding-top: 50px;
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
/* line 356, templates/rt_fluent/custom/scss/custom.scss */
hr {
  border: none;
  height: 1px;
  /* Set the hr color */
  color: #000;
  /* old IE */
  background-color: #000;
  /* Modern Browsers */
  width: 80%;
  text-align: center;
  margin: auto;
}
/* line 367, templates/rt_fluent/custom/scss/custom.scss */
table {
  border: 0px;
}
/* line 371, templates/rt_fluent/custom/scss/custom.scss */
.alaosapuh {
  max-width: 300px;
}
/* line 375, templates/rt_fluent/custom/scss/custom.scss */
.alaosapuh td {
  padding-bottom: 0px;
  padding-top: 0px;
}
/*
 Mobiili alue ++
 */
@media only all and (min-width: 88rem) {
}
@media only all and (min-width: 76rem) and (max-width: 87.99rem) {
}
@media only all and (min-width: 51rem) and (max-width: 75.99rem) {
}
@media only all and (min-width: 30.01rem) and (max-width: 50.99rem) {
  /*
   .etusivukuvaus {
   width: 400px;
   line-height: 37px;
   }
   */
}
@media only all and (max-width: 30rem) {
  /*
   .etusivukuvaus {
   width: 400px;
   line-height: 37px;
   }
   */
}
@media only all and (min-width: 76rem) {
}
@media only all and (min-width: 51rem) {
}
@media only all and (max-width: 50.99rem) {
}
@media only all and (max-width: 75.99rem) {
}
@media only all and (max-width: 51rem) {
  /* line 440, templates/rt_fluent/custom/scss/custom.scss */
  /* ... your css in here ... */
}
/*# sourceMappingURL=custom_232.css.map */