@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Lato:300,700');

body {
	width: 100%;
	color: #000;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	background-image: url(../assets/bg-sakura-v1.jpg);
	background-attachment: fixed;
	background-size: cover !important;
	background-position: center top !important;
	font: 1.55em/1.61em Lato;
	font-weight: 300;
}
section.main {
	margin-top:80px;
}
@media (min-width: 769px) {
section.main {
	margin-top:180px;
}
}


p {
	color: #333;
	letter-spacing: .01em;
	margin-bottom: 12px
}
p.intro {
	margin-bottom: 1em;
	color: #777;
	font: 2em/1.5em "Lato";
	font-weight: 400
}
h1 {
	font-family: 'Lato', sans-serif;
	font-weight:400;
	font-size: 38px;
	color:#990000;
	margin:20px 0 20px 0;
}
#footer {
	margin-top:15px;
	background: rgba(169,216,253,0.80);
	padding:15px;
}


/* GENERAL */

.bg-white {
    background: rgba(255,255,255,0.80);
}
.bg-mauve {
    background: rgba(215,206,225,0.80);
}
.main-outer {
	padding: 0;
}
.main-inner  {
	padding: 20px 50px;
}

.feature-outer {
	padding-top: 20px;
}
img.full-bleed {margin:0 -15px}

/* NAVIGATOIN */

.navbar {
	background-color: #ffffff;
	height: 82.5px;
	margin: 0;
	-webkit-box-shadow: 0 4px 5px -1px #999 !important;
	-moz-box-shadow: 0 4px 5px -1px #999 !important;
	box-shadow: 0 4px 5px -1px #999 !important;
	border: 0 none
}

@media (min-width: 992px) {
.navbar {
	height: 155px;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important
}
}
.navbar .navbar-header {
	height: 82.5px
}

@media (min-width: 992px) {
.navbar .navbar-header {
	height: 155px
}
}
.navbar .navbar-header .navbar-brand {
	margin-top: 15px;
	margin-left: 15px;
	padding: 0
}
.navbar .navbar-header .navbar-toggle .icon-bar {
    background-color: #515252;
	height: 4px;
	width: 30px
}
@media (min-width: 992px) {
.navbar .navbar-header .navbar-brand {
	margin-top: 30px;
	margin-left: 0;
	height: auto
}
}
.navbar .navbar-header .navbar-brand > img {
	object-fit: contain;
	max-height: 100%;
	height: 100%;
	width: 250px;
}
@media (min-width: 768px) {
.navbar .navbar-header .navbar-brand > img {
	width: auto
}
}
.navbar .navbar-header .navbar-toggle {
	border: 0 none;
	border-radius: 0;
	margin: 27px 15px 0 0;
	padding: 0
}
.navbar .navbar-header .navbar-toggle:active, .navbar .navbar-header .navbar-toggle:hover, .navbar .navbar-header .navbar-toggle:focus {
	background-color: transparent
}

.navbar .navbar-header .navbar-toggle .icon-bar + .icon-bar {
	margin-top: 3px
}
.navbar .navbar-collapse {
	background-color: #ffffff;
	-webkit-box-shadow: 0 4px 5px -1px #999 !important;
	-moz-box-shadow: 0 4px 5px -1px #999 !important;
	box-shadow: 0 4px 5px -1px #999 !important;
	border-color: transparent;
	padding: 0
}

@media (min-width: 768px) {
.navbar .navbar-collapse {
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important
}
}
@media (min-width: 768px) and (max-width: 991px) {
nav.main-nav {
	display: inline-block
}
nav.main-nav.navbar-right {
	margin-right: 10px;
	position: relative;
	top: 35px
}
}
@media (min-width: 992px) {
nav.main-nav {
	display: inline-block
}
nav.main-nav.navbar-right {
	margin-right: 10px;
	position: relative;
	top: 89px
}
}
nav.main-nav ul {
	list-style-image: none;
	margin: 0px;
	padding: 0px;
}

@media (min-width: 768px) {
nav.main-nav ul li {
	display: inline-block;
	padding-bottom: 43px;
	padding-left: 14px
}
}
@media (max-width: 767px) {
nav.main-nav ul li {
	border-bottom: 1px solid #515252;
}
.main-inner  {
	padding: 20px 15px;
}
}
nav.main-nav ul li a, nav.main-nav ul li span {
	display: block;
	border-bottom: none;
	padding-top: .6em;
	padding-bottom: .6em;
	padding-left: 15px;
	font-size: 1.5em
}

@media (min-width: 768px) {
nav.main-nav ul li a, nav.main-nav ul li span {
	padding: 0;
	text-indent: 0;
	font: 18px Lato;
	font-style: normal;
	font-weight: 300
}
}


@media (min-width: 768px) {
nav.main-nav ul.level_1 li .submenu {
	background-color: transparent;
	color: #515252;
	padding-right:5px;
	padding-left:5px;
}
nav.main-nav ul.level_1 li .submenu:hover, nav.main-nav ul.level_1 li .submenu:active, nav.main-nav ul.level_1 li .submenu:focus, nav.main-nav ul.level_1 li .submenu.acitve, nav.main-nav ul.level_1 li .submenu.trail {
	color: #e3001b
}
}

@media (min-width: 768px) {
nav.main-nav ul.level_1 li:hover .level_2 {
	display: block
}
nav.main-nav ul.level_1 li.first {
	padding-left: 0
}
nav.main-nav ul.level_1 li.first:hover .level_2 {
	display: none
}
}

@media (min-width: 768px) {
nav.main-nav ul.level_2 {
	display: none;
	padding: 0 10px 10px 10px;
	position: absolute;
	margin-top: 43px;
	background-color: #fff;
	-webkit-box-shadow: 0 4px 3px 0 rgba(158,144,100,0.7) !important;
	-moz-box-shadow: 0 4px 3px 0 rgba(158,144,100,0.7) !important;
	box-shadow: 0 4px 3px 0 rgba(158,144,100,0.7) !important
}
}

@media (min-width: 768px) {
nav.main-nav ul.level_2 li {
	display: block;
	font-weight: 300;
	padding: 0
}
nav.main-nav ul.level_2 li a, nav.main-nav ul.level_2 li span {
	border-bottom: 0 none
}
}

@media (min-width: 768px) and (min-width: 992px) {
nav.main-nav ul.level_2 li a, nav.main-nav ul.level_2 li span {
	font-size: 1.4em;
	line-height: 1.7em;
	font-weight: 300
}
}
nav.main-nav ul.level_2 li .last {
	border-bottom: 0 none
}
nav.main-nav ul.level_2 li .active {
	color: #e3001b
}

@media (min-width: 768px) {
nav.addition-nav {
	display: inline-block;
	position: relative;
	top: -56px;
	left: 419px
}
}
nav.addition-nav ul {
	margin-bottom: 0
}

@media (min-width: 768px) {
nav.addition-nav ul li {
	display: inline-block;
	margin-left: 14px
}
nav.addition-nav ul li.first {
	margin-left: 0
}
}
nav.addition-nav ul li a, nav.addition-nav ul li span {
	display: block;
	padding-top: .6em;
	padding-bottom: .6em;
	padding-left: 15px;
	border-bottom: 1px solid #9e905e;
	font-size: 1.5em
}

@media (min-width: 768px) {
nav.addition-nav ul li a, nav.addition-nav ul li span {
	display: block;
	border-bottom: 0 none;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	color: #888888;
	text-indent: 0;
	font: 1.1em/1.5em Lato;
	font-style: normal;
	font-weight: 400
}
}
nav.addition-nav ul li .active {
	color: #e3001b
}
nav.addition-nav ul:before {
	content: "Service";
	color: #ffffff;
	background-color: #9e905e;
	display: block;
	padding-top: .6em;
	padding-bottom: .6em;
	padding-left: 15px;
	font-size: 1.5em
}

@media (min-width: 768px) {
nav.addition-nav ul:before {
	display: none
}
}

@media (min-width: 768px) {
nav.language-nav {
	display: inline-block;
	position: relative;
	top: -56px;
	left: 440px
}
}
nav.language-nav ul {
	border-bottom: 1px solid #9e905e;
	margin-bottom: 0
}

@media (min-width: 768px) {
nav.language-nav ul {
	border-bottom: 0 none
}
}
nav.language-nav ul li {
	display: inline-block;
	padding-top: .6em;
	padding-bottom: .6em
}

@media (min-width: 768px) {
nav.language-nav ul li {
	padding-top: 0;
	padding-bottom: 0
}
}
nav.language-nav ul li.first {
	margin-left: 15px
}

@media (min-width: 768px) {
nav.language-nav ul li.first {
	margin-left: 0
}
}
nav.language-nav ul li.first:after {
	content: " / ";
	color: #9e905e;
	font-size: 1.5em
}

@media (min-width: 768px) {
nav.language-nav ul li.first:after {
	text-indent: 0;
	font: 1.1em/1.5em Lato;
	font-style: normal;
	font-weight: 400;
	color: #888888
}
}
nav.language-nav ul li a, nav.language-nav ul li span {
	color: #9e905e;
	display: inline-block;
	font-size: 1.5em
}

@media (min-width: 768px	) {
nav.language-nav ul li a, nav.language-nav ul li span {
	text-indent: 0;
	font: 1.1em/1.5em Lato;
	font-style: normal;
	font-weight: 400;
	color: #888888
}
}
.social-icons {
	display: inline-block;
	position: relative;
	top: -54px;
	left: 456px
}
.social-icons ul {
	margin-bottom: 0
}
.social-icons ul li {
	display: inline-block
}
.social-icons ul li a i {
	height: 22px;
	width: 22px;
	color: #ffffff;
	background-color: #e4e4e4;
	border-radius: 6px !important;
	text-align: center;
	line-height: 22px;
	font-size: 17px
}
.social-icons ul li.first {
	margin-right: 3px
}
.posters .row {
	margin-bottom:15px;
	}
.posters p {line-height:normal;}
#wrapper {
	margin-top: 100px
}
/*
   Spezific styling for salvattore
   Feel free to edit it as you like
   More info at http://salvattore.com
 */

/* Base styles */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

img,object,embed {
    display: block;
    max-width: 100%;
}

.hp-posters {
	text-align: center;
}
 
.item { margin: 0 10px 20px; }

.column {
    float: left;
}
.size-1of4 {
    width: 25%;
}
.size-1of3 {
    width: 33.333%;
}
.size-1of2 {
    width: 50%;
}

/* Configurate salvattore with media queries */
@media screen and (max-width: 450px) {
    #timeline[data-columns]::before {
        content: '1 .column';
    }
}

@media screen and (min-width: 451px) and (max-width: 700px) {
    #timeline[data-columns]::before {
        content: '2 .column.size-1of2';
    }
}

@media screen and (min-width: 701px) and (max-width: 850px) {
    #timeline[data-columns]::before {
        content: '3 .column.size-1of3';
    }
}

@media screen and (min-width: 851px) {
    #timeline[data-columns]::before {
        content: '4 .column.size-1of4';
    }
}