/*==========================================================*/
/* Main Elements
/*==========================================================*/
body {   
  font-family: "Libre Bodoni", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 1.5em; 
  background-image: url("../images/bg.jpg");
  background-repeat: repeat; 
  background-position: top center; 
  color: #333;
  height: 100%;
}

.landing {
  background-repeat: no-repeat; 
  background-position: top center; 
  background-size: cover;
  position: relative;
} 

/* Background layers */
.bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  transition: opacity 2s ease-in-out;
  z-index: 0;
}

.bg1,
.bg2 {
  opacity: 0;
}

.bg1 {
  opacity: 1; /* first one visible */
}

@media (max-width: 768px) {

    .navbar-collapse {
        position: absolute;
        top:0;
        left:0;
        width:100%;
		background: #000 !important;
    } 	
		
	
}

@media (min-width:768px) {
    
    .d-md-flex {
        display: -webkit-box !important;      /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box !important;         /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox !important;      /* TWEENER - IE 10 */
        display: -webkit-flex !important;     /* NEW - Chrome */
        display: flex !important; 
    }
}

.container {
  max-width: 960px;
}

section {
    padding: 0;
}

.bg-secondary {
	background-color: rgba(0, 0, 0, 0.6) !important;
	padding: 100px;
}

/*==========================================================*/
/* Headings
/*==========================================================*/

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  margin-top: 20px;
  margin-bottom: 10px;
}

h1 {
  font-family: "Libre Bodoni", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 28px;
  color: #fff;
}


h2 {
  font-size: 24px;
  font-weight: 400;
  color: #2075a9;
}

h4 {
  font-size: 28px;
  font-weight: 400;
  color: #fff;
}

h5 {
  font-size: 20px;
  font-weight: 400;
  color: #fff;
}

p {
  font-size: 18px;
  font-weight: 400;
  color: #fff;
}

span {
  font-family: "Libre Bodoni", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

a {
  text-decoration: none;
  color: #fff;
}

a:hover {
  text-decoration: underline;
  color: #fff;
}

A.linkki{
  font-family: "Libre Bodoni", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
		font-size: 18px;
		text-decoration:none;
		color: #2075a9;

}A.linkki:hover{text-decoration:none; color:#4ca7de;}

*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }
 
img {
  max-width: 100%;
}

hr.light {
    border-color: #fff;
}


ul {
list-style:none;
}

a[href^="tel:"]:before {
   font-family: FontAwesome;
   content: "\f095";
   margin-right: 0.5em;
}

a[href^="mailto:"]:before {
   font-family: FontAwesome;
   content: "\f003";
   margin-right: 0.5em;
}

.front {
    color: #fff;
}

.front * {
    color: inherit !important;
}

/*==========================================================*/
/* Navigation menu
/*==========================================================*/  

header a {
    color:#F2EDE9;
  font-family: "Libre Bodoni", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
    border-bottom: 1px solid transparent;
    text-decoration: none;
    transition: all 0.5s ease-in-out;
	text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 5px black;
}


.dropdown-menu {
	font-size:0.875rem;
	color: #212529;
	text-align: left;
	list-style: none;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529 !important;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
        border-bottom-color: currentcolor;
        border-bottom-style: none;
        border-bottom-width: 0px;
	text-shadow: none;
}


.dropdown-item.active, .dropdown-item:active {
	color: #212529;
	text-decoration: none;
	background-color: #F2EDE9;
} 

.nav-link {
	color: #495057;
	background-color: #f6f6f6;
	border: 1px solid #ddd !important;
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem;
	display: block;
}


#header {
    width:100%;
    display:block;
    padding: 0.5rem 0;
    transition: all 0.3s ease-in-out;
    font-size: 0.905rem;
	height:80px;
} 

/* Hide on scroll */ 
#header.nav-up { top: -180px; } 
/* Show on scroll */ 
#header.nav-down { top: 0; }

.scrolled #header {
    padding: 0.1rem;
    font-size:0.875rem;
    background:#000;
}

.overflow-hidden { overflow: hidden; }


.nav-up {
    top: -180px;
}

.navbar-nav {
	margin-top: 50px !important;
}

.scrolled .navbar-nav {
	margin-top: 0px !important;
}
	
.nav-item {
	margin-top: 10px !important;
}
	
.scrolled .nav-item {
	margin-top: 25px !important;
}

nav a:hover {
  border-bottom: 1px solid #F2EDE9;
  text-decoration: none;
    color:#F2EDE9;
}

nav .active a {
  border-bottom: 1px solid #F2EDE9;
  text-decoration: none;
    color:#F2EDE9;
}


.navbar-toggler {
    padding: .25rem;
    border-radius:0;
    position: absolute;
    top:0;
    right:0;
    z-index:9999;
}

@media (max-width: 768px) {

    .navbar-collapse {
        position: absolute;
        top:0;
        left:0;
        width:100%;
        background:#171c1ad6;
		padding-bottom: 1em;
    }
    .navbar-collapse a {
        color: #fff;
    }
    .navbar-collapse a:hover {
        color: #fff;
    }
    
    .navbar-collapse .active a {
        color: #fff;
    }
   
    .nav-item {
	width:100%;
    padding-top: .5rem!important;
    padding-bottom: .5rem!important;
	margin-left: auto;
	margin-right: auto;
    }
	
	.navbar-nav {
	margin-top: 0px !important;
	text-align: center;
	}

	}
}
 


/*==========================================================*/
/* Footer
/*==========================================================*/
.footer p{
  font-family: "Libre Bodoni", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
		font-size: 18px;
		text-decoration:none;
		color: #a2a2a9;
		text-transform:uppercase;
		}  
	
A.footer_linkki{
  font-family: "Libre Bodoni", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
		font-size: 18px;
		text-decoration: none;
		color: #a2a2a9;

}A.footer_linkki:hover{text-decoration:none;color:#4ca7de;} 


.social {
    list-style: none;
    display: inline-block;
	  margin: 0px;
	  margin-top:15px;
	  padding: 0px;
}

.social li {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
}

.editable_field  {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(81, 203, 238, 1);
}
.editable_field:hover  {
  color: rgba(81, 203, 238, 1);
  /* background: rgba(81, 203, 238, 1); */
  opacity: 0.9;
}


.text-block { 
  margin-top:10%;
  margin-left:10%;
  margin-right:10%;
  margin-bottom:10%;  
}

.modal-body p { 
  color: #333;
}

.modal-button { 
  color: #333;
}

.modal-button:hover { 
  color: #333;
  text-decoration: underline;
}

.btn-primary.red {
    background:#dc3545;
    color:#fff;
    transition: all 0.35s ease-in;
    border:1px solid transparent;
}

.btn-primary.red:hover {
    background:transparent;
    color:#fff;
    background: #c82333;
}

/*==========================================================*/
/* Grid system
/*==========================================================*/
.container-fluid {
  margin-right: auto;
  margin-left: auto; 
  padding: 0px;
}

.row {
  margin-left: 20px;
  margin-right: 20px;
}

.eas_info {
	margin: 0px;
	padding-top: 0px;
	font-size: 9px;
	color: #595959;
	text-transform:none;
	float: right;
}

.small{
  font-family: "Libre Bodoni", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
		font-size:9px;
		text-decoration:none;
		color: #58585a;
} 



.panel-default {
    border-color: #222;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #222;
  border-top: 1px solid #222;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

		
/*==========================================================*/
/* Tabs
/*==========================================================*/


/* Base tab styling */
.nav-tabs {
  border-bottom: 2px solid #0080FF;
}

.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}

.nav-tabs > li > a {
  color: #0080FF;
  background-color: #FFF;
  border: 1px solid #dee2e6;
  border-radius: 4px 4px 0 0;
  padding: 10px 20px;
  font-weight: 400;
  transition: all 0.3s ease;
}

/* Hover effect */
.nav-tabs > li > a:hover {
  background-color: #e9f2ff;
  border-color: #0080FF;
  color: #004C99;
}

/* Active tab */
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #FFF;
  background-color: #0080FF;
  border: 1px solid #0080FF;
  border-bottom-color: transparent;
}

/* Tab content area */
.tab-content {
  border: 1px solid #dee2e6;
  border-top: none;
  padding: 15px;
  background-color: #FFF;
  border-radius: 0 0 4px 4px;
}


/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

/* Large desktops and laptops */
@media (min-width: 1200px) {

}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  .text-block {
    margin-top:10%;
    margin-left:0 !important;
    margin-right:0 !important;
    margin-bottom:10%;
  }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
    .dropdown:hover .dropdown-menu {
        display: block;
    }
    
  .text-block {
    margin-top:10%;
    margin-left:0 !important;
    margin-right:0 !important;
    margin-bottom:10%;
  }
  .bg-secondary {
      padding: 20px;
  }
  
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
  .text-block {
    margin-top:10%;
    margin-left:0 !important;
    margin-right:0 !important;
    margin-bottom:10%;
  }
  .bg-secondary {
      padding: 20px;
  }
}

/* Portrait phones and smaller */
@media (max-width: 480px) {

  .bg-secondary {
      padding: 20px;
  }
  .text-block {
    margin-top:10%;
    margin-left:0 !important;
    margin-right:0 !important;
    margin-bottom:10%;
  }
    
}