﻿/* ======================================================================================= */
/* INIT  */
html, body {
}
*, *::before, *::after {
	box-sizing: border-box;
}
* {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th, td {
	text-align: left;
	vertical-align: top;
}
h1, h2, h3, h4, h5, h6, th, td, caption {
	font-weight: normal;
}
img {border: 0;}

a {color: #08c;}
a {text-decoration: none;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}

fieldset, img {	border: none;}
caption, th {text-align: left;}
picture img {width: 100%;}
a[href^="tel"] {
	color: inherit;
	text-decoration: none;
}
audio {	display: none;}
button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: transparent;
	border:0;
}

/* ======================================================================================= */
/* BODY */

body {
	width: 100%; 
	height:100%;
	color: rgb(51, 51, 51);
  	text-rendering: optimizeLegibility;
	vertical-align: baseline;

	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
	
	-moz-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
	
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;

}
body:before {
	display: none;
	content: '';
}
body:after {
	display: none;
	content: 'desktop';
}

.no-scroll {
	overflow:hidden;
	height:100%;
}

/* ======================================================================================= */
/* GENERELL  */
.bold {
	font-weight: 700!important;
}
.clear {
	clear: both;
}
.popup {
	box-shadow: 0 17px 50px 0 rgba(0, 0, 0, 0.19), 0 12px 15px 0 rgba(0, 0, 0, 0.24);
}
.maxwidth700 {
	max-width: 700px;
}
.mobile {
	display: none;
}

@media only screen and (orientation:landscape){
	  .portrait {display:block;}
}
@media only screen and (orientation:portrait){
	  .portrait {display:none;}
}

.shadow {
	/*box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.3);*/
    box-shadow: 0 8px 6px -6px #999999;
	margin-bottom: 10px;
}
.dep-dado .shadow {
	box-shadow: 0 8px 6px -6px #444;
}
.prata {
	font-family: 'Prata', serif;
}
.abril {
	font-family: 'Abril Fatface', cursive;
}
.roboto {
	font-family: 'Roboto', sans-serif;
}
.ellipsy {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
*::-moz-selection {
	background: #ffed00 none repeat scroll 0 0;
	color: #000;
	text-shadow: none;
}
span.reverse { unicode-bidi:bidi-override; direction: rtl; }
span.hiddenspace { display:none; }


/* ======================================================================================= */
/* global components  */
.no-margin {
	margin: 0px !important;
}
.no-margin-top {
	margin-top: 0px!important;
}
.no-margin-bottom {
	margin-bottom: 0px!important;
	padding-bottom: 0px!Important;
}
.no-margin-left {
	margin-left: 0px !important;
}
.no-margin-right {
	margin-right: 0px !important;
}
.no-padding {
	padding: 0px!important;
}
.no-padding-top {
	padding-top: 0px!important;
}
.no-padding-bottom {
	padding-bottom: 0px!important;
}
.no-padding-left {
	padding-left: 0px !important;
}
.no-padding-right {
	padding-right: 0px !important;
}
.text-right {
	text-align: right!important;
}
.text-left {
	text-align: left!important;
}
.text-center {
	text-align: center!important;
}
.text-top {
	vertical-align: top!important;
}
.float-right {
	float: right;
}
.float-left {
	float: left;
}
.no-wrap {
	white-space: nowrap;
}
.no-border {
	border: 0!important;
}
.no-bottom-border {
	margin-bottom: 0!important;
	border-bottom: 0px!important;
}
.shadow {
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,.1);
	box-shadow: 0 0 8px rgba(0,0,0,.1);
}
.no-shadow {
	-webkit-box-shadow: none!important;
	box-shadow: none!important;
}
.float-right {
	float: right;
}
.float-left {
	float: left;
}
.hide {
	display: none!important;
}
.center {
	text-align: center;
}
.noselection {
	-ms-user-select: none;
	-moz-user-select: none;
	-khtml-user-select:none;
	-webkit-user-select: none;
	user-select:none;	
	-webkit-touch-callout:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	
}
.not-active {
	pointer-events: none;
	cursor: default;
}
/* ======================================================================================= */
/* h1-h3  */
h1, h2, h3, h4, h5 {
}

/* ======================================================================================= */
/* FONTS  */
.hebreu {
	font-family: 'Secular One', sans-serif;
	font-family: 'Amatic SC', cursive;
}
/* ======================================================================================= */
/* FILTER  */
.grayscaling {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
}
/* ======================================================================================= */
/* CLEAR FIX  */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}


/* ======================================================================================= */
/*Pageload Overlay */
#pageload-overlay {
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	padding: 80px;
	background-color:rgba(33,33,24, 1.0);
	opacity: 1;
	pointer-events: none;
	transition: opacity .4s ease-in .5s;
	z-index: 1000000;
	width:100%;
	height: 100vh;
	overflow:hidden;
}
.dep-lap #pageload-overlay {background-color: rgb(38,32,23);}
.dep-lap.body-light #pageload-overlay {background-color: rgb(189,179,166)}
.dep-lou #pageload-overlay {background-color: rgb(215,213,207);}
.dep-dad #pageload-overlay {background-color: rgb(18,14,9);}
.dep-nav #pageload-overlay {background-color: rgb(131,140,122);}
.dep-lir #pageload-overlay {background-color: rgb(0,84,121);}
.dep-mad #pageload-overlay {background-color: rgb(188, 188, 188);}
.dep-slp #pageload-overlay {background-color: rgb(38,32,23);}
.dep-slp.body-light #pageload-overlay {background-color: rgb(189,179,166)}
.dep-sls #pageload-overlay {background-color: rgb(38,32,23);}
.dep-sls.body-light #pageload-overlay {background-color: rgb(189,179,166)}

#pageload-overlay.hidden {
	opacity: 0;
}
#pageload-overlay .content {
	position: absolute;
	margin: 0 auto;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	padding: 40px 40px 80px;
	width: 100%;
	max-width: 400px;
	display: inline-block;
	background-color: transparent;
	text-align: center;
}
#pageload-overlay .content h1 {
	margin: 0 0 20px;
	display: none;
	font-size: 20px;
	line-height: 1.3;
	font-weight: 300;
	color: #222;
}
#pageload-overlay .logo {
	position: relative;
	margin: 10px 50px 0px 0px;
	margin: 10px auto 30px;
	padding: 0;
	background-image: url('/media/logo/agt/icon-crevettes.png');
	background-repeat: no-repeat;
	background-size: cover;
	height: 58px;
	width: 50px;
	color: #fff;
	text-indent: -9999px;
	opacity: 1.0!important;
	display: block;
	animation: moving-logo 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite alternate;
}
.dep-lap #pageload-overlay .logo {
	background-image: url('/media/logo/lap/logo-lapins.svg');
	height: 100px;
	width: 100px;
}
.dep-lou #pageload-overlay .logo {
	background-image: url('/media/logo/lou/logo-lepetitloup.png');
	height: 100px;
	width: 100px;
}
.dep-dad #pageload-overlay .logo {
	background-image: url('/media/logo/dad/icon-dado.png');
	height: 100px;
	width: 100px;
}
.dep-nav #pageload-overlay .logo {
	background-image: url('/media/logo/nav/icon-navarro-small.png');
	height: 100px;
	width: 100px;
}

.dep-lir #pageload-overlay .logo {
	background-image: url('/media/logo/lir/logo-liron.png');
	height: 100px;
	width: 100px;
}
.dep-mad #pageload-overlay .logo {
	background-image: url('/media/logo/mad/logo-madoka.svg');
	height: 100px;
	width: 100px;
}
.dep-slp #pageload-overlay .logo {
	background-image:url('/media/logo/slp/icon-saint-lapin.png'); /*358 354*/
	height: 100px;
	width: 100px;
	opacity:.6;
}
.dep-sls #pageload-overlay .logo {
	background-image:url('/media/logo/slp/icon-saint-lapin.png'); /*358 354*/
	height: 100px;
	width: 100px;
	opacity:.6;
}
#pageload-overlay .content p {
	margin: 0 0 8px;
	display: none;
	font-size: 16px;
	line-height: 1.3;
	font-weight: 300;
	color: #222;
}
/*#pageload-overlay .content::after {
	
	color: inherit;
	position: relative;
	font-size: 20px;
	text-align:center;
	margin-top: 20px;
	margin-left: 50%;
	content: '';
	display: inline-block;
	border: 1px solid #666;
	width: 1em;
	height: 1em;
	border-radius: 1em;
	-webkit-animation: load-spin-rotate 1s linear infinite;
	animation: load-spin-rotate 1s linear infinite;
}*/
.animation {
	display: block;
	margin: 0 auto;
	margin-top: 30px;
}
.lds-ring {
	display: inline-block;
	position: relative;
	width: 88px;
	height: 88px;
}
.lds-ring div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 75px;
	height: 75px;
	margin: 6px;
	border: 6px solid #CA5832;
	border-radius: 50%;
	animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	/*border-color: #ccc transparent transparent transparent;*/
	border-color: #CA5832 transparent transparent transparent;
}
.dep-lap .lds-ring div {
	border-color:rgba(182,171,157,1) transparent transparent transparent;
}
.dep-lap.body-light .lds-ring div {
	border-color:rgba(77,64,46,1) transparent transparent transparent;
}
.dep-lou .lds-ring div {
	border-color:rgba(120,104,88,1) transparent transparent transparent;
}
.dep-dad .lds-ring div {
	border-color:rgba(82,69,62,1) transparent transparent transparent;
}
.dep-nav .lds-ring div {
	border-color:rgba(212,185,140,0.6) transparent transparent transparent;
}
.dep-lir .lds-ring div {
	border-color:rgba(180,180,180,1) transparent transparent transparent;
}
.dep-mad .lds-ring div {
	border-color:rgba(128,128,128,1) transparent transparent transparent;
}
.dep-slp .lds-ring div {
	border-color:rgba(182,171,157,1) transparent transparent transparent;
}
.dep-slp.body-light .lds-ring div {
	border-color:rgba(77,64,46,1) transparent transparent transparent;
}
.dep-sls .lds-ring div {
	border-color:rgba(182,171,157,1) transparent transparent transparent;
}
.dep-sls.body-light .lds-ring div {
	border-color:rgba(77,64,46,1) transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {transform: rotate(0deg); }
  100% {transform: rotate(360deg); }
}
@media only screen and (max-width: 800px) {
	#pageload-overlay {
		padding: 40px;
	}
	.dep-lap #pageload-overlay .logo {width:75px;height:75px;}
	.dep-lou #pageload-overlay .logo {width:75px;height:75px;}
	.dep-lir #pageload-overlay .logo {width:75px;height:75px;}
	.dep-slp #pageload-overlay .logo {width:75px;height:75px;}
	

}
@media only screen and (max-width: 600px) {
	#pageload-overlay {padding: 27px;}
	#pageload-overlay .content h1 {font-size: 18px;}
	#pageload-overlay .content p {font-size: 14px;}
	
	.tlap #pageload-overlay .logo {width:50px;height:50px;}
	.tlou #pageload-overlay .logo {width:50px;height:50px;}
	.tslp #pageload-overlay .logo {width:50px;height:50px;}

}
@keyframes moving-logo {
	25% {transform: translate3d(-10px,10px,0);}
	50% {transform: translate3d(10px,-10px,0);}
	75% {transform: translate3d(-10px,10px,0);}
	100% {transform: translate3d(-10px,-10px,0);}
}

/* ======================================================================================= */
/* Cockie Box 
*/
.cockie-wrapper {
    position: fixed;
    left: 0;
    top: 0;
    bottom:0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 100000;
}
.cockie-wrapper::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgb(38,32,23); /*rgb(18,14,9);*/
    opacity: .95;
}
.cockie-wrapper.open {
    display: block;
}
.cockie-wrapper .inner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin:0 auto;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.cockie-wrapper .inner .content {
	position:relative;
	margin:0 auto;
	padding:0;
    font-size: 18px;
    line-height: 1.3;
    font-weight: 400;
    text-align: center;
    color: rgba(255, 255, 255, .6);
    width: 100%;
    text-align: center;
    max-width: 600px;
}

.cockie-wrapper .inner .content::after {
    clear: both;
    content: "";
    display: table;
}
#link-privacy {
    color:#e37500 ;
    text-decoration: none;
    cursor:pointer;
}
	
#link-privacy:hover,
#link-privacy:focus {
	color:inherit;
	text-decoration: underline;
	}


/* ======================================================================================= */
/* Take care to hold your Smartphone right 
*/


#orientation {
    position: absolute;
    margin:auto;
    bottom:150px;
    left:50px;
    text-align:center;
    height:50px;
    color:#ccc;
    font-size:24px;
	line-height:1;
	z-index:9900;
}

#orientation .mobile-rotate {
	background-image: url('/media/icons/mobile-rotate.svg');
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size: cover;
    height: 100px; /*600*/
    width: 100.5px; /*603*/
 	text-indent: -9999px;
	display:inline-block;
 	z-index:9910;
 	opacity:0.6;
}
#orientation .mobile-rotate.transp {
	background-image: url('/media/icons/mobile-rotate-transp.svg');
}
@media only screen and (orientation:landscape){
	  #orientation {display:none;}
}
@media only screen and (orientation:portrait){
	  #orientation  {display:block;}
}

.cinema #orientation {
	display:none;
}

/* ======================================================================================= */
/* Info-Box 
*/


.info-wrapper  {
   	position: absolute;
	margin:0 auto;
	top:50%;
	left:50%;
	transform: translate3d(-50%,-50%,0);
	z-index:2001;
	overflow:hidden;

}
.info-wrapper::after  {
	clear: both;
    content: "";
    display: table;
}
.info-wrapper .content { 
	margin:0 auto;
	padding:0;
    background: rgba(255, 255, 255, 0.8);
	text-align:center;
  	display: block;
  	width:100%;
  	max-width:480px;
  	height:auto;
}
.dep-tlx .info-wrapper .content {
    font-size: 18px;
    line-height: 1.3;
    font-weight: 400;
    text-align: center;
    color: #A96C16;
    text-align: center;
    background: transparent;
}
.info-wrapper .content h1 {
    margin: 0 0 20px 0;
    padding: 0;
    font-weight: 700;
}
.info-wrapper .content.index {
    text-align: left;
}
.info-wrapper .logo {
	position:relative;
    margin:10px auto 30px;
 	padding:0;
	background-repeat:no-repeat;
	background-size:cover;
    height: 100px;
    width: 135px;
   	color:#fff;
 	text-indent: -9999px;
 	opacity:1.0!important;
 	display:block;
}
.dep-agt .info-wrapper .logo {background-image:url('/media/logo/agt/icon-crevettes-small.png');}
.dep-lap .info-wrapper .logo {background-image:url('/media/logo/lap/logo-lapins.svg');}
.dep-lou .info-wrapper .logo {background-image:url('/media/logo/lou/logo-lepetitloup.png');}
.dep-dad .info-wrapper .logo {background-image:url('/media/logo/dad/logo-dado.png');}
.dep-nav .info-wrapper .logo {background-image:url('/media/logo/nav/logo-navarro.svg');}
.dep-lir .info-wrapper .logo {background-image:url('/media/logo/lir/logo-liron.png');}
.dep-slp .info-wrapper .logo {background-image:url('/media/logo/slp/icon-saint-lapin.png');}


/* ======================================================================================= */
/*Container MAIN */
#container {
	position: relative;
	overflow: hidden;
	margin: 0;
	padding:0;
	transition: opacity .7s ease 0s;
	/*transition: all 0.5s ease 0s, height 0.7s ease 0s, opacity .7s ease 0s;*/
	visibility: hidden;
	height: 0;
	opacity:0;
	overflow-y:auto;
}
#container::after {
	content: "";
	display: table;
	clear: both;
}
#container {/*padding-top: 140px;*/}	
.head-transp #container {padding-top: 0px;}	
.head-transp-dark #container {padding-top: 0px;}	

#container.hiding2 {
	height: 0;
	display: none;
}
#container.is-visible {
	visibility: visible;
	height: 100%;
	min-height:100vh;
	opacity:1;
}
@media screen and (max-width: 800px) {
	#tcontainer {padding-top: 85px;}
	.thead-transp #container {padding-top: 0px;}	
	.thead-transp-dark #container {padding-top: 0px;}	
	.tchange #container {padding-top: 85px;}

}
@media screen and (max-width: 600px) {
	#tcontainer {padding-top: 75px;}
	.thead-transp #container {padding-top: 0px;}	
	.thead-transp-dark #container {padding-top: 0px;}	
	.tchange #container {padding-top: 75px;}
}

#container.dar16to9 {
	max-width: 177.7778vh;
}

/************************************************************************
Snackmenu
*/
#snackmenu {
	position: absolute;
	margin: 0 auto;
	padding: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	display: block;
	background-color: rgba(0, 0, 0, 0.35);
	z-index: 990;
}
#snackmenu.transparent {
	background-color: transparent;
}
#snackmenu .content {
	position: relative;
	margin: 0 auto;
	padding: 0px 47px;
	width: 100%;
	/*max-width: 1279px;*/
	text-align:center;
}
#snackmenu .content ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}
#snackmenu .content ul li {
	margin: 0;
	padding: 20px 0 0 0;
	height: 75px;
	width: 90px;
	overflow: hidden;
	opacity: .6;
	color: #fff;
	font-size: 28px;
	line-height: 1;
	text-align: center;
	display: inline-block;
	-webkit-transition: opacity 200ms;
	-moz-transition: opacity 200ms;
	transition: opacity 200ms;
	float: left;
	border-right: 1px solid rgba(255,255,255,0.1);
	cursor: pointer;
	-ms-user-select: None;
	-moz-user-select: None;
	-webkit-user-select: None;
}
#snackmenu .content ul.right {
	float: right;
}
#snackmenu .content ul li.active {
	background-color: rgba(110,116,117,0.2);
	opacity: 1;
}
#snackmenu .content ul li span {
	color: #fff;
	font-size: 28px;
	line-height: 1;
}
#snackmenu .pulldown {
	position: relative;
	margin: 0 auto 30px;
	padding:0;
	/*
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	*/
	display: inline-block;
	color: rgba(255, 255, 255, 0.7);
	background-color: rgba(34, 34, 34, 0.0);
	opacity: 0.8;
	background-image: url('/media/icons/icon-scroll.svg'); /*492 x 143*/
	background-position: center center;
	background-size:cover;
	background-repeat: no-repeat;
	width: 35px;
	height:20px;
	animation: btnScroll 1.5s 0s infinite cubic-bezier(.645,.045,.355,1) both;
}
@keyframes btnScroll {
 0% {
  opacity:1;
  -webkit-transform:translateY(0);
  transform:translateY(0)
 }
 49% {
  opacity:0;
  -webkit-transform:translateY(10px);
  transform:translateY(10px)
 }
 50% {
  opacity:0;
  -webkit-transform:translateY(-10px);
  transform:translateY(-10px)
 }
 to {
  opacity:1;
  -webkit-transform:translateY(0);
  transform:translateY(0)
 }
}


#snackmenu .pulldown2 {
    position: relative;
	margin: 0 auto 30px;
	padding:0;
	/*
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin-left: -15px;
	*/
	display: inline-block;
    width: 30px;
    height: 50px;
    
    border: 2px solid  #fff;
    border-radius: 50px;
    box-sizing: border-box;
}
#snackmenu .pulldown2:before {
    position: absolute;
    top: 10px;
    left: 50%;
    content: '';
    width: 6px;
    height: 6px;
    margin-left: -3px;
    background-color: #fff;
    border-radius: 100%;
    -webkit-animation: sdb10 2s infinite;
    animation: sdb10 2s infinite;
    box-sizing: border-box;
}
@-webkit-keyframes sdb10 {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb10 {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@media screen and (max-width: 1023px) {
#snackmenu .content {
	padding: 0px 27px;
}
}
@media only screen and (max-width: 870px) {
#snackmenu .content ul li {
	padding: 20px 0 0 0;
	height: 65px;
	width: 80px;
}
#snackmenu .content ul li span {
	font-size: 22px;
}
}
/* ======================================================================================= */
/*Container WRAPPER */
.container-wrapper {
	clear: both;
	position: relative;
	margin: 0px auto;
	padding: 1px 0 0 0;
	display: block;
	height: auto;
}
.container-wrapper::after {
	clear: both;
	content: " ";
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}
.container-wrapper.border {
	background-color: #fff;
	margin-bottom: 60px;
}
.container-wrapper.background {
	background-image: url('/media/images/60000417-66111430.jpg');
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: cover;
}
.container-wrapper .margin-top {
	margin-top: 30px;
}
/* ======================================================================================= */
/*Container INNER */
.container-inner {
	position: relative;
	margin: 0px auto;
	padding: 0 47px;
	display: block;
	/*max-width: 1279px;*/
 	width:100%;
 	max-width:1920px;
}
div.container-inner:after {
	clear: both;
	content: " ";
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}
.container-inner.poster {
	position: relative;
	margin: 0px auto;
	padding: 0;
	display: block;
	max-width: 100%;
 	width:100%;
}



/* FRAME */
.container-inner.frame {
	margin: 50px auto;
	/*max-width: 1279px;*/
	background-color: #fff;
	padding: 50px 47px;
}
/* FRAMY */
.container-inner.framy {
	margin: 50px auto;
	/*max-width: 1279px;*/
	background-color: #fff;
	padding: 50px 47px;
}
/* LARGE*/
.container-inner.maxy {
	/*max-width: 1530px;*/
}
/* GRID */
.container-inner.gridy {
	padding-right: 20px;
	padding-left: 47px;
}
/* FRAME */
.container-inner.formy {
	margin: 0px auto 100px;
	/*max-width: 1279px;*/
}
/* NO LEFT/RIGHT PADDING */
.container-inner.paddy {
	padding-left: 0;
	padding-right: 0;
	/*max-width: 1185px;*/
}
.dep-agt .container-inner, .dep-agt .container-inner.framy, .dep-agt .container-inner.formy {
	/*max-width: 1530px;*/
}
@media screen and (max-width: 900px) {
.container-inner {
	padding-right: 27px;
	padding-left: 27px;
}
.container-inner.gridy {
	padding-right: 0px;
	padding-left: 27px;
}
.container-inner.frame, .container-inner.framy {
	padding-left: 27px;
	padding-right: 27px;
}
.container-inner.formy {
	padding-left: 27px;
	padding-right: 27px;
}
}
@media only screen and (max-width: 600px) {
	.container-inner.frame, .container-inner.framy {
		padding-left: 27px;
		padding-right: 27px;
	}
	.container-inner.gridy {
		padding-left: 15px;
	}

}
@media only screen and (max-width: 600px) {
.container-inner.framy, .container-inner.frame {
	margin: 0;
}
}

/***********************************************************************
/*Container INNER H E A D E R*/
.container-inner .header {
	margin: 80px 0 40px;
	padding: 0;
	display: block;
}
.container-inner .header:after {
	clear: both;
	content: "";
	display: table;
}
.heb .container-inner .header {
	text-align:right;
}
.container-inner.center .header {
	margin: 20px auto;
	padding: 40px 0;
	display: block;
	text-align: center;
}
.dep-agt .container-inner.center .header {
	margin: 0px auto;
	padding: 100px 0;
}

.dep-lir .container-inner.center .header {
	margin: 0px auto;
	padding: 100px 0;
}


.container-inner.center .header.small {
	max-width:800px;
}
.container-inner .header.accommodation {
	padding-top: 80px;
	padding-bottom: 80px;
}
.container-inner .header.account {
	padding-top: 80px;
	padding-bottom: 20px;
}
.container-inner .header.guide {
	padding-top: 80px;
	padding-bottom: 80px;
}
.container-inner .header.service {
	padding-top: 80px;
	padding-bottom: 20px;
}
.container-inner .header.border-top {
	border-top: 5px solid #ebebeb;
	border-top: 3px solid rgba(0,0,0,.7);
	border-top-width: 1px;
	border-top-color: #e5e2db;
	border-top-style: solid;
}
.container-inner .header h1 {
	position: relative;
	margin: 0 0 20px;
	padding: 0;
	overflow: hidden;
	font-size: 48px;
	font-weight: 700;
	line-height: 60px;
}
.container-inner .header2 h1.big {
	font-size: 42px;
	line-height: 1.25;
}
.container-inner .header h2 {
	margin: 0;
	padding: 0;
/*text-align: center;*/font-size: 32px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.3;
	color: rgba(0,0,0,.7);
	color: rgba(0, 0, 0, 0.6);
	color: #999;
}
.dep-agt .container-inner .header h2 {
	color: rgb(182,171,157);
	font-family: 'Waiting for the Sunrise', cursive;
}

.dep-lir .container-inner .header h2 {
	color: rgb(182,171,157)
}
.dep-lap .container-inner .header h2 {
	color: #b6ab9d
}	
.container-inner .header h2.biggest {
	font-size:70px;
}
.dep-lir .container-inner .header h2.biggest {
	font-size:66px;
}

.container-inner .header.accommodation h2, .container-inner .header.guide h2, .container-inner .header.service h2 {
	font-family: 'Abril Fatface', cursive;
	text-transform: none;
	font-size: 36px;
	font-weight: 400;
	letter-spacing: 0;
}
.container-inner .header h3.pagination {
	margin: 0;
	padding: 0 0 20px;
	text-align: center;
	font-size: 20px;
	font-weight: 300;
	letter-spacing: 0;
	line-height: 24px;
	color: rgba(0, 0, 0, 0.9);
	color: rgb(169, 108, 22);
    /*
    font-family: 'Prata', serif;
    */
}
.container-inner .header h5 {
	margin: 0;
	padding: 5px 0 0;
	color: #a96c16;
	font-size: 18px;
	line-height: 1.3;
	font-weight: 300;
	text-align: center;
}

.container-inner .header p {
	margin: 20px 0 0;
	padding: 0;
	font-size: 32px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.3;
	color: #999;
}
.dep-agt .container-inner .header p {
	color:rgba(182,171,157,0.8);
	font-size: 24px;
	line-height: 1.6;
}
.dep-lir .container-inner .header p {
	color: rgb(182,171,157);
	font-size: 26px;
	line-height: 1.6;
}
.container-inner .header .submit {
	margin: 50px 0 0;
	padding: 0;
}

.dep-agt .container-inner.light {
	background-color: rgba(30,25,18,1);
}

.dep-lir .container-wrapper.light {
	background-color: rgb(15,16,20);
}

@media screen and (max-width: 800px) {
	.dep-agt .container-inner.center .header {
		padding: 80px 0;
	}
	.dep-agt .container-inner .header h2.biggest {
	font-size:50px;
	}
	.dep-agt .container-inner .header p {
	font-size:16px;
	}
	.dep-agt .container-inner .header h2 {	
		font-size:26px;
	}
	.dep-lir .container-inner.center .header {
		padding: 80px 0;
	}
	.dep-lir .container-inner .header h2.biggest {
	font-size:50px;
	}
	.dep-lir .container-inner .header p {
	font-size:26px;
	}
	.dep-lir .container-inner .header h2 {	
		font-size:26px;
	}
}
@media only screen and (max-width: 600px) {
	.dep-agt .container-inner.center .header {
		padding: 60px 0;
	}
	.dep-agt .container-inner .header h2.biggest {
	font-size:30px;
	}
	.dep-agt .container-inner .header p {
	font-size:16px;
	}
	.dep-agt .container-inner .header h2 {	
		font-size:20px;
	}

	.dep-lir .container-inner.center .header {
		padding: 60px 0;
	}
	.dep-lir .container-inner .header h2.biggest {
	font-size:30px;
	}
	.dep-lir .container-inner .header p {
	font-size:16px;
	}
	.dep-lir .container-inner .header h2 {	
		font-size:20px;
	}

}
@media screen and (max-width: 1023px) {
#ac-showcase .innercontent .content {
}
}
@media only screen and (max-width: 767px) {
.container-inner .header h2 {
	font-size: 32px;
}
.container-inner .header h31 {
	font-size: 18px;
}
.container-inner .header h41 {
	font-size: 18px;
}
.container-inner .header h5 {
	font-size: 16px;
}
}
@media only screen and (max-width: 480px) {
.container-inner .header {
	padding-top: 40px;
	padding-bottom: 40px;
	}
	.container-inner .header.accommodation {
	padding-top: 40px;
	padding-bottom: 40px;
	}
	.container-inner .header.guide {
	padding-top: 40px;
	padding-bottom: 40px;
	}
	.container-inner .header h1 {
	font-size: 29px;
	}
	.container-inner .header h2 {
	font-size: 29px;
	}
	.container-inner .header h31 {
	font-size: 32px;
	}
	.container-inner .header h41 {
	font-size: 16px;
	}
	.container-inner .header h51 {
	font-size: 14px;
	}
}
.w-p66 {
	width:66.6666%
}	
@media all and (max-width: 800px) {
	.w-p66 {
		width:80%
	}	
}

/* ======================================================================================= */
/*Flexbox Default */
.flexy {
	display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */;
	display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */;
	display: -ms-flexbox; /* TWEENER - IE 10 */;
	display: -webkit-flex; /* NEW - Chrome */;
	display: flex; /* NEW -, Spec - Opera 12.1, Firefox 20+ */;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
}
.flexy.align-center {
	justify-content: center;
}
.flexy.stretched {
	align-items: stretch;
}
.flexy.nowrap {
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}
.flexy .fix2 {
	-webkit-flex: 0;
	-ms-flex: 0;
	flex: 0;
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: auto;
	text-align: left;
	width: 50%;
}
.flexy .fix3 {
	-webkit-flex: 0;
	-ms-flex: 0;
	flex: 0;
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: auto;
	text-align: left;
	width: 33.333333%;
}
.flexy .fix4 {
	-webkit-flex: 0;
	-ms-flex: 0;
	flex: 0;
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: auto;
	text-align: left;
	width: 25%;
}
.flexy .stretch {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: auto;
	text-align: left;
}
.flexy .fixw {
	-webkit-flex: 0;
	-ms-flex: 0;
	flex: 0;
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: auto;
	text-align: left;
}
.flexy .contw {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	text-align: left;
}


@media screen and (max-width: 1279px) {
.flexy .fix3 {
	width: 50%;
}
}
@media screen and (max-width: 1023px) {
.flexy .fix4 {
	width: 50%;
}
}
@media all and (max-width: 840px) {
.flexy .fix3 {
	width: 100%;
}
.flexy .fix4 {
	width: 50%;
}
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 480px) {
.flexy .fix2 {
	width: 100%;
}
.flexy .fix3 {
	width: 100%;
}
.flexy .fix4 {
	width: 100%;
}
}
.container-inner.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
}
.container-inner.flex .column {
	-moz-box-flex: 1;
	flex: 1;
	flex: 0 0 50%;
}
.container-inner-large {
	position: relative;
	margin: 0px auto;
	color: #333;
	max-width: 1530px;
	width: 100%;
	box-sizing: border-box;
	padding: 0;
}
div.container-inner-large:after {
	clear: both;
	content: " ";
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}
.container-inner-max {
	position: relative;
	margin: 50px 80px;
	margin: 50px auto;
	max-width: 1530px;
	padding: 0;
	display: block;
}
div.container-inner-max:after {
	clear: both;
	content: " ";
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}
.container-inner-max.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
}
.container-inner-max.flex .column {
	-moz-box-flex: 1;
	flex: 1;
	flex: 0 0 50%;
}
@media only screen and (max-width: 928px) {
.container-inner-max.flex {
	display: block;
	margin: 50px 27px;
}
}
.container-inner .submit {
	position: relative;
	margin: 0;
	padding: 25px 0 30px;
	overflow: hidden;
	min-height: 0;
	display: block;
}
.container-inner .submit::after {
	clear: both;
	content: "";
	display: table;
}
.container-inner.center .submit {
	text-align: center;
}
.container-inner .end {
	position: relative;
	margin: 0;
	padding: 0 0 80px;
	overflow: hidden;
	min-height: 1px;
	display: block;
}
.container-inner .end::after {
	clear: both;
	content: "";
	display: table;
}

/* ======================================================================================= */
/*Standard H1, H2, H3  */
/*H1*/
.standard h1 {
	position: relative;
	margin: 0 0 20px;
	padding: 0;
	color: rgba(0, 0, 0, 0.7);
	font-size: 40px;
	line-height: 50px;
	font-weight: 700;
	word-wrap: break-word;
	letter-spacing: 0px;
	overflow: hidden;
	color: rgb(75, 76, 81);
	font-size: 48px;
	line-height: 60px;
	font-weight: 300;
	letter-spacing: 0;
	font-size: 48px;
	font-weight: 700; /*letter-spacing: 1.43333px;*/;
	line-height: 60px; /*text-transform: uppercase;*/;
	font-size: 42px;
	line-height: 1.25;
}
.standard h1.big {
	font-size: 48px;
	line-height: 1.25;
	line-height: 60px;
}
.standard.nasty h1 {
	letter-spacing: -1.43333px;
	color: rgba(0, 0, 0, 0.35);
}
.standard.white h1.big, .standard.white h1 {
	color: rgba(255, 255, 255, 0.7);
}
.standard h1 h1x.big::before {
	background-color: #00f9cf;
	background-color: #cccccc;
	background-color: #9e9890;
	content: " ";
	display: block;
	height: 20px;
	margin-top: 5px;
	text-align: left;
	width: 48px;
	margin-right: 10px;
}
.standard h1.medium {
	position: relative;
	margin: 0;
	padding: 0;
	color: #e6003c;
	color: #232323;
	font-size: 32px;
	line-height: 38px;
	font-weight: 700;
	word-wrap: break-word;
	overflow: hidden;
   	/*font-family: "TexGyreHeros","Helvetica Neue",Verdana,Arial,sans-serif;*/
}
.standard h1x::after {
	background-color: #232323;
	content: " ";
	display: block;
	height: 25px;
	margin: 5px 0;
	text-align: left;
	width: 40px;
}
.standard h1.start {
	/*text-transform:uppercase;*/
	letter-spacing: 1px;
	line-height: 135%;
	font-weight: 700;
	text-align: center; /*font-size:80px;*/ /*color:#00bdff;*/;
	margin-top: 50px;
	margin-bottom: 30px;
}
.dark .standard h1 {
	color:rgba(250, 251, 237, .8);
	color:#5a5550;
}	
/*H2*/
.standard h2 {
	position: relative;
	margin: 0;
	margin-top: 5px;
	margin-bottom: 20px;
	padding: 0;
	font-size: 22px;
	line-height: 1.5;
	font-weight: 700;
	color: #222;
	word-wrap: break-word;
	overflow: hidden;
}
div.content-box .content h2 {
	margin: 0 0 20;
	padding: 0;
	color: #222;
	color: #333E47;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3;
}
/*H3*/
.standard h3 {
	margin: 0 0 10px;
	padding: 0;
	color: rgba(0, 0, 0, 0.7);
	color: #232323;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.1;
}
/*H4*/
.standard h4 {
	margin-bottom: 1em;
	margin-top: 1em;
	color: rgb(169,108,22);
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1;
}
/*H5*/
/*P*/
.standard p {
	margin: 0 0 20px;
	padding: 0;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.8;
	color: rgba(0, 0, 0, .7);
}
/*Speziell*/
.standard .header .subtitle {
	margin: 0;
	padding: 0;
	color: #222;
	color: #4A443F;
	color: #9e9890;
	font-size : 20px;
	line-height: 150%;
	font-weight : 500;
    /*letter-spacing:2px;*/
}
.standard .header .subtitle.big {
	margin: 25px 0 30px;
	padding: 0;
	color: #222;
	color: #9e9890;
	font-size : 32px;
	line-height: 38px;
	font-weight : 300;
}
.standard .subtitle.grey {
	color: #000;
}
/*UL*/
.standard ul, .standard ol {
	margin: 0 0 20px;
	padding: 0 0 0 20px;
}
.standard ul {
	list-style: disc outside none;
}
.standard ol {
	list-style: decimal outside none;
}
.standard ol li > ul {
	margin: 20px 0 20px;
	padding: 0;
	list-style: disc outside none;
}
.standard ul li, .standard ol li {
	margin: 0 0 10px;
	padding: 0 0 0 20x;
	font-size: 18px;
	line-height: 1.5;
	font-weight: 300;
}
.white .standard h1, .white .standard h1.big {
	color: rgba(255, 255, 255, 0.9);
}
.white .standard h2, .white .standard h3, .white .standard h4 {
	color: rgba(255, 255, 255, 0.7);
}
.white .standard p {
	color: rgba(255, 255, 255, 0.9);
}
.standard.big p {
	font-size: 22px;
	line-height: 1.1;
}
@media screen and (max-width: 1023px) {
}
@media only screen and (max-width: 768px) {
.standard h1 {
	font-size: 28px;
}
.standard h1.big {
	font-size: 35px;
}
.standard h1x.big::before {
	width: 42px;
	display: inline-block;
}
.standard h1.start {
	font-size: 35px;
}
.standard h2 {
	font-size: 20px;
	line-height: 1.25;
}
.standard h3 {
	font-size: 18px;
}
.standard p {
	font-size: 16px;
}
.standard ul li, .standard ol li, .standard ul li ul li, .standard ol li ol li, .standard ul li ul li {
	font-size: 16px;
}
}
@media screen and (max-width: 640px) {
}
@media only screen and (max-width: 480px) {
.standard h1 {
	font-size: 28px;
}
.standard h1.start {
	font-size: 24px;
}
.standard h2 {
	font-size: 20px;
}
.standard h2 {
	font-size: 17px;
	line-height: 1.3;
}
.standard h2 {
	font-size: 20px;
}
.standard h3 {
	font-size: 16px;
}
.standard p {
	font-size: 14px;
}
.standard ul li, .standard ol li, .standard ul li ul li, .standard ol li ol li, .standard ul li ul li {
	font-size: 14px;
}
}

@media print {
	.print-hide {
		display: none !important;
	}
}
