html,
body {
  font-family: 'Oswald', sans-serif;
  background: #FFFFFF;
  /* overflow-x: hidden; */
  /* overflow-y: hidden; */
  /* position: relative; */
  background-attachment: fixed;
  background-position: right top;
  /* background-position: 0% 100%; */
   background-image: url('../img/bg_lara_cumkitten_drehidee.jpg');
  background-repeat: no-repeat;
  /* background-size: 100% auto; */
}
@media (min-width: 300px)  {html,body 	{background-position: 0% top; background-size: 500%;}}
@media (min-width: 768px)  {html,body 	{background-position: 0% top; background-size: 250%;}}
@media (min-width: 992px)  {html,body 	{background-position: 55% top; background-size: 150%;}}
@media (min-width: 1200px) {html,body 	{background-position: 55% top; background-size: 150%;}}
@media (min-width: 1400px) {html,body 	{background-position: 55% top; background-size: 150%;}}
@media (min-width: 1600px) {html,body 	{background-position: center top; background-size: 100%;}}



/* @media (min-width: 300px)  {html, body 	{background-size: 100% 730px;}} */
/* @media (min-width: 768px)  {html, body 	{background-size: 100% 830px;}} */
/* @media (min-width: 992px)  {html, body 	{background-size: 100% 730px;}} */
/* @media (min-width: 1200px) {html, body 	{background-size: 100% auto;}} */
/* @media (min-width: 1400px) {html,body 	{background-size: 100% 1080px;}} */
/* @media (min-width: 1600px) {html,body 	{background-size: 100% 1080px;}} */



.mt1{margin-top: 10px;}
.mt2{margin-top: 20px;}




.lost{color:red!important;}
@media (max-width: 767px)  {.losttitle{color:#666!important; font-size:30px!important;}}
@media (min-width: 768px)  {.losttitle{color:#666!important; font-size:50px!important;}}




@media(min-width:300px)  {.mobile{display: block;}}
@media(min-width:768px)  {.mobile{display: none;}}
@media(min-width:300px)  {.desktop{display: none;}}
@media(min-width:768px)  {.desktop{display: block;}}

#vid-overlay {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;

    /* background-color: rgba(204, 50, 250, 0.8); */

	
	 /* background: rgb(0,0,0); */
/* background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(85,109,140,0) 21%, rgba(74,95,122,0) 54%, rgba(0,0,0,1) 80%); */
/* background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(85,109,140,0) 21%, rgba(74,95,122,0) 54%, rgba(0,0,0,1) 80%); */
/* background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(85,109,140,0) 21%, rgba(74,95,122,0) 54%, rgba(0,0,0,1) 80%); */
/* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);  */
	
	
}

.video {
    /* position: absolute; */
    /* width: 100%; */
    /* height: 100%; */
    /* object-fit: fill; */
    /* object-position: center; */
    /* opacity: 0.8; */
	
	position: absolute;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100vh;
  min-height: 600px;
  object-fit: fill;
  /* object-fit: cover; */
}
.gradient{
 background: rgb(0,0,0);
background: -moz-linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 90%);
background: -webkit-linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 90%);
background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 90%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);  
	width: 100%;
	height: 100vh;
	min-height: 600px;
	object-fit: cover;
	position: relative;
	z-index: 1;
} 
.videowrapper {
  position: absolute;
  width: 100%;
}


@media(max-width:768px)  {
.content {
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 20px;
   z-index: 3;
}
.logobox{ position: fixed;
  top: 0;
  width: 100%;
   z-index: 3;
  }

}
/* =========================================================================================== */
/* WIN */
/* =========================================================================================== */

.win{
	border: 0px solid red;
	text-align: center;
}
.win h1{
	font-size: 75px;
	color: #28a745;
	text-transform: uppercase;
	font-weight: 900;
}
@media (max-width: 767px)  {.win h1{font-size: 50px;}}
.win h2{
	padding: 20px 0px 40px 0px;
	text-transform: uppercase;
	font-size: 30px;
}
@media (max-width: 767px)  {.win h2{font-size: 20px;padding: 20px 0px 20px 0px;}}
.win .winbutton{
	background: linear-gradient(#15C534, #2B900C);
	padding: 20px 50px;
	color: #fff;
	font-size: 20px;
}
@media (max-width: 767px)  {.win .winbutton{display: block; margin-bottom: 20px; padding: 20px 20px;}}


.win .winbutton:hover{background: #000;}




/* =========================================================================================== */
/* Logo */
/* =========================================================================================== */

	.logo{
		margin: 35px auto;
		text-align: center;
	}
	@media (max-width: 767px)  {
		.logo{margin: 5px auto 80px auto;}
		.logo img{width: 60%}
	}
	
/* =========================================================================================== */
/* Mobile image */
/* =========================================================================================== */
	
	
	
	@media (min-width: 768px)  {.mobileimage{display: none;}}
	
	@media (max-width: 767px)  {
		.mobileimage{
			width: 50%;
			border-radius: 50%;
			border: 2px solid #fff;
			margin: -20% auto 20px auto;
			display: block;
		}
	}
	
	
	@media (min-width: 768px)  {.mobileimagegift{display: none;}}
	
	@media (max-width: 767px)  {
		.mobileimagegift{
			width: 50%;
			border-radius: 0%;
			border: 0px solid #fff;
			margin: -20% auto 20px auto;
			display: block;
		}
	}
	
	
	
	
	
	
/* =========================================================================================== */
/* Wrapper */
/* =========================================================================================== */
	
	.wrapper {
		margin: 0 auto;
		height: 630px;
		/* width: 1107px; */
	}
	.wrapper-2 {
		margin: 0 auto;
		height: 458px;
		/* width: 1067px; */
	}
	
	
/* =========================================================================================== */
/* SIDE BOX */
/* =========================================================================================== */
	
	

.aside {
  /* width: 521px; */
  /* width: 630px; */
   /* width: 600px; */
   -webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
@media all and (max-width: 767px) {
  .aside {
    margin: 0px 0px 0px 0px;
	display: block;
    margin: 0px auto;
    float: none;
	width:100%;
   
  }
  }



/********************/




.a-right {
  height: 400px;
  width: 400px; 
  float:left;
 
}
@media(max-width:767px)   {.a-right {margin: 0px 0px!important;}}
    
@media(min-width:768px)   {.a-right {margin-left: -120px;}}
@media(min-width:992px)   {.a-right {margin-left: -120px;}}
@media(min-width:1200px)  {.a-right {margin-left: -100px;}}




.a-left {

	background-color: rgba(255, 255, 255, 0.75); 
	padding: 30px 50px 50px 50px;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25); 
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
	}
@media(max-width:767px)   {
	.a-left {padding: 20px 20px 30px 20px;}
}
	
@media(max-width:767px)   {	
	#page1 	.a-left {
		background-color: rgba(255, 255, 255, 0); 
		padding: 30px 0px 5px 0px;
		-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0); 
		box-shadow: 0px 0px 15px 0px rgba(0,0,0,0);	
	}
}	
	
	
	
	
	
	
	
	
	
	
	

.a-left {
  /* height: 588px; */
  height: 620px;
}
	
.a-left {
  /* margin-right: 25px; */
  position: relative;
}
.a-right {
  padding: 10px;
  /* background-color: #fff; */
}	
	
	
	
	

/* =========================================================================================== */
/* Headline */
/* =========================================================================================== */


.headline0{font-weight: 900;text-align: center;}
@media (min-width: 300px)  {.headline0{font-size: 50px; line-height: 59px; margin: 0px 0px 0px 0px; color: #fff; text-shadow: 0px 0px 5px #000000;}}
@media (min-width: 768px)  {.headline0{font-size: 70px; line-height: 70px; color: #000; text-transform:uppercase; text-shadow: 0px 0px 0px #fff;}}


.headline1{font-weight: 900;text-align: center;}
@media (min-width: 300px)  {.headline1{font-size: 26px; line-height: 40px; margin: 0px 0px 20px 0px; color: #fff; text-shadow: 0px 0px 5px #000000;}}
@media (min-width: 768px)  {.headline1{font-size: 34px; line-height: 55px; color: #000; text-transform:uppercase; text-shadow: 0px 0px 0px #fff;}}
.headline1 span{color: #fe7201;}






.headline2{
	font-weight: 900;
	text-align: center;
}


@media (min-width: 300px)  {.headline2{font-size: 18px; color: #fff; text-shadow: 0px 0px 5px #000000;}}
@media (min-width: 768px)  {.headline2{font-size: 36px; color: #4d0a99; text-transform:uppercase; text-shadow: 0px 0px 0px #fff;}} 




.headline3{
	color: #333;
	text-align: center;
	text-transform:uppercase;
	font-weight: 900;
}
@media (min-width: 300px)  {.headline3{font-size: 26px;}}
@media (min-width: 768px)  {.headline3{font-size: 28px;}}



.headline3danke1, .headline3danke2, .headline3danke3{
	color: #333;
	font-weight:700;
	text-align: center;
	text-transform:uppercase;
	
}


@media (min-width: 300px)  {.headline3danke1{font-size: 26px; margin:0px;}}
@media (min-width: 768px)  {.headline3danke1{font-size: 26px;}}
@media (min-width: 1600px) {.headline3danke1{font-size: 30px;}}

@media (min-width: 300px)  {.headline3danke2{font-size: 34px; line-height: 40px;margin:0px;}}

@media (min-width: 360px)  {.headline3danke2{font-size: 44px; line-height: 60px;margin:0px;}}


@media (min-width: 768px)  {.headline3danke2{font-size: 28px;}}
@media (min-width: 1600px) {.headline3danke2{font-size: 52px;}}

@media (min-width: 300px)  {.headline3danke3{font-size: 26px;margin:0px 0px 10px 0px;}}
@media (min-width: 768px)  {.headline3danke3{font-size: 26px;}}
@media (min-width: 1600px) {.headline3danke3{font-size: 30px;}}










.introtext{
	
	color: #333;
	text-align: center;
	padding-bottom:20px;
}


@media (min-width: 300px)  {.introtext{font-size: 16px; line-height: 20px;}}
@media (min-width: 768px)  {.introtext{font-size: 17px; line-height: 30px;}}




.useitnote1{text-align: center; padding-top: 20px; font-size: 12px;}
.useitnote2{text-align: center;font-size: 12px;}


/* =========================================================================================== */
/* FORM FIELDS / Buttons */
/* =========================================================================================== */

	.btngo{
		display: block;
		width: 100%;
		background: linear-gradient(#15C534, #2B900C);
		padding: 10px 20px;
		border: 0px;
		color: #000;
		font-size: 24px;
		margin-top: 20px;
		text-align: center;
	}
	.btngo:hover{background: #000; color: #fff;}

@media(max-width:767px){.btngo{font-size: 17px;padding: 20px 20px;}}
	
	
	
	
	.textfields{
		width: 100%;
		padding: 10px;
		font-size: 17px;
		
	}
	.checkbox{margin-top: 3px; margin-bottom: 3px;}
	.checkbox label{font-size: 16px;}
	
	@media(max-width:767px)   {
	.checkbox label{font-size: 14px;}
	}

/* =========================================================================================== */
/* NOTE and footerline */
/* =========================================================================================== */



.footertextline {margin-left: 20px; color: #fff;text-align: center;}




.footertextline a{ color: #fff;}
@media all and (max-width: 767px) {.footertextline {text-align: center;margin-left: 0px; margin-top: 10px;}}


.note{font-size: 12px; margin-left: 20px; color: #fff;}
@media all and (max-width: 767px) {.note{display: block;margin-left: 0px;}}
































h1 {
  font-size: 44px;
  margin-top: 0;
}
.ui-effects-wrapper {
  height: 588px !important;
}
.container-fluid {
  overflow: hidden;
}
.head {
  /* background: linear-gradient(#CDCBCC, #EDEDED, #CDCBCC); */
  /* height: 70px; */
}
.lena .head {
  text-align: center;
  font-size: 3em;
}
.lena .head .logo {
  height: 100%;
  vertical-align: text-bottom;
}
@media (max-width: 767px) {
  .lena .head {
    font-size: 1.5em;
    padding-top: 20px;
  }
  .lena .head .logo {
    height: 70%;
  }
}


.footer {
  width: 100%;
  padding-left: 15px;
  padding-top: 15px;
  font-size: 11px;
  height: 50px;
  text-align: center;
}
.footer a {
  color: #000000;
  font-size: 11px;
}
/* .aside { */
  /* float: left; */
  /* margin: 10px 0; */
/* } */






















.btnlena  {
	/* margin: 10px 30px 10px 0; */
	max-width: 208px;
	font-size: 20px;
	 text-align: center;
	 float: right;
}

.btnlena:hover, .btnlena:active
{
	/* margin: 10px 30px 10px 0; */
	max-width: 208px;
	
	 transition: border-radius 0.1s ease;
	 border-radius: 20px;
	 text-align: center;
	 text-decoration: none;
}
@media all and (max-width: 767px) {.btnlena:hover, .btnlena:active{font-size: 14px;}}
@media all and (min-width: 768px) {.btnlena:hover, .btnlena:active{font-size: 20px;}}

/* @media all and (max-width: 536px) {.btnlena  {margin: 10px 30px 10px 30px;}} */

@media all and (max-width: 767px) {
	
	#form1 input[type='submit'], .btnlena {
	width: 250px;
	font-size: 18px;
	/* margin-left: -25px; */
	padding: 15px 15px;
	}
	#form2 input[type='submit'], #form2 .btnlena {
	width: 250px;
	font-size: 14px;
	/* margin-left: -25px; */
	}
	
	
	
	
}

/* MARGIN BUTTONS*/


@media all and (max-width: 767px) {.btnmargin{margin: 5px 0px;}}

@media(min-width:768px) {.btnmargin{margin: 5px 15px 5px 0;}}
@media(min-width:768px) {.btnmargin{margin: 10px 15px 5px 0;}}
@media(min-width:992px) {.btnmargin{margin: 10px 15px 5px 0;}}
@media(min-width:1200px){.btnmargin{margin: 10px 15px 5px 0;}}
@media(min-width:1600px){.btnmargin{margin: 10px 15px 5px 0;}}



/* .mm{margin-right: 0px !important;} */
@media all and (max-width: 767px) {
  .mm {  margin-right: 0 !important;}}


@media(min-width:768px) {.mm{margin: 10px 80px 5px 0;}}
@media(min-width:992px) {.mm{margin: 10px 80px 5px 0;}}
@media(min-width:1200px){.mm{margin: 10px 80px 5px 0;}}
@media(min-width:1600px){.mm{margin: 10px 80px 5px 0;}}








@media(max-width:767px) {
hr {
    margin-top: 3px;
    margin-bottom: 3px;
    border: 0;
    border-top: 1px solid #eee;
}
}





/*QUIZIMAGE*/

.quizimage{
	
	
	z-index:1;
}

@media(min-width:300px)  {.quizimage{width: 40%;height: auto; aspect-ratio: 1 / 1; border: 4px solid #fff;}}
@media(min-width:500px)  {.quizimage{width: 70%;height: auto; aspect-ratio: 1 / 1; border: 8px solid #fff;}}
@media(min-width:768px)  {.quizimage{width: 70%;height: auto; aspect-ratio: 1 / 1; border: 15px solid #fff;}}
@media(min-width:992px)  {.quizimage{width: 70%;height: auto;}}
@media(min-width:1200px) {.quizimage{width: 90%;height: auto; aspect-ratio: 1 / 1;}}


@media(min-width:300px)  {.quizimagemobile{display: block;}}
@media(min-width:768px)  {.quizimagemobile{display: none;}}
@media(min-width:300px)  {.quizimagedesktop{display: none;}}
@media(min-width:768px)  {.quizimagedesktop{display: block;}}


@media(min-width:300px) {.quizimagemobilecontainerposition{position: absolute; border: 0px solid green; width: 300px; top: -70px; right: -190px; display: block;}	} 
@media(min-width:500px) {.quizimagemobilecontainerposition{position: absolute; border: 0px solid green; width: 300px; top: -70px; right: -120px; display: block;}	} 
/* @media(min-width:300px) {.quizimagemobilecontainerposition img{width: 250px;}} */










.bg-row {

  /* background: url('../img/lenanitro-quiz-bg.jpg'); */
  /* background-repeat: no-repeat; */
  /* background-size: 100% auto; */
  position: relative;
  /* border-bottom: 2px solid black; */
  /* padding: 150px 0px 280px 0px; */
}


/* @media all and (max-width: 768px) {.bg-row {padding: 0px 0px;}} */

/* @media(min-width:300px) {.bg-row  { padding: 00px 0px 10px 0px;}} */
/* @media(min-width:500px) {.bg-row  { padding: 40px 0px 50px 0px;}} */
/* @media(min-width:768px) {.bg-row  { padding: 40px 0px 50px 0px;}} */
/* @media(min-width:992px) {.bg-row { padding: 80px 0px 10px 0px;}} */
/* @media(min-width:1200px){.bg-row { padding: 150px 0px 80px 0px;}} */
/* @media(min-width:1600px){.bg-row { padding: 150px 0px 80px 0px;}} */



/* LOGO */

@media(min-width:300px) {.addon2containerposition{position: absolute; border: 0px solid green; width: 200px; top: -60px; left: 0px; display: block;}	} 
@media(min-width:500px) {.addon2containerposition{position: absolute; border: 0px solid green; width: 250px; top: -50px; left: 0px; display: block;}	} 
@media(min-width:768px) {.addon2containerposition{position: absolute; border: 0px solid green; width: 250px; top: -30px; left: 0px; display: block;}	} 
@media(min-width:992px) {.addon2containerposition{position: absolute; border: 0px solid green; width: 337px; top: -80px; left: 0px; display: block;}	}
@media(min-width:1200px){.addon2containerposition{position: absolute; border: 0px solid green; width: 437px; top: -120px; left: -120px; z-index:2;}	}
@media(min-width:1600px){.addon2containerposition{position: absolute; border: 0px solid green; width: 561px; top: -140px; left: -220px; z-index:2;}	}

@media(min-width:300px) {.addon2containerposition img{width: 250px;}}
@media(min-width:500px) {.addon2containerposition img{width: 250px;}}
@media(min-width:768px) {.addon2containerposition img{width: 250px;}}
@media(min-width:992px) {.addon2containerposition img{width: 337px;}}
@media(min-width:1200px){.addon2containerposition img{width: 437px;}}
@media(min-width:1600px){.addon2containerposition img{width: 561px;}}



/* LENA */
@media(min-width:768px) {.addon3container{min-height: 0px; position: relative; float: left; border: 0px solid yellow; width: 100%;}}


@media(min-width:300px) {.addon3containerposition{position: absolute; border: 0px solid green; width: 200px; top: 0px; right: 0px; display: none;}	} 
@media(min-width:768px) {.addon3containerposition{position: absolute; border: 0px solid green; width: 400px; top: 160px; right: -20px; z-index:2; display: block;}	} 
@media(min-width:992px) {.addon3containerposition{position: absolute; border: 0px solid green; width: 400px; top: -50px;  right: -150px; z-index:2; display: block;}	}
@media(min-width:1200px){.addon3containerposition{position: absolute; border: 0px solid green; width: 500px; top: -100px; right: -320px;z-index:2;}	}
@media(min-width:1600px){.addon3containerposition{position: absolute; border: 0px solid green; width: 581px; top: -100px; right: -450px;z-index:2;}	}



@media(min-width:768px) {.addon3containerposition img{width: 437px;}}

@media(min-width:992px) {.addon3containerposition img{width: 500px;}}
@media(min-width:1200px){.addon3containerposition img{width: 500px;}}
@media(min-width:1600px){.addon3containerposition img{width: 581px; }}

















.cb {
  clear: both;
}
.alert-danger {
  padding: 0;
}
input[type='submit']:hover {
  border-radius: 20px;
}
.text > img {
  cursor: pointer;
}
.pic2 {
  cursor: pointer;
}
.img-wrapper {
  position: relative;
}





.img-wrapper .pic1 {
  width: 100%;
  /* bottom: -86px; */
   bottom: -150px;
   right: -200px;
  position: absolute;
  pointer-events: none;
}





.img-wrapper .pic2 {
  top: -15px;
  right: 0;
  width: 15%;
  position: absolute;
}
.img-wrapper .pic3,
.img-wrapper .pic4 {
  display: none;
  position: absolute;
}

.berger .img-wrapper .pic1 {
  max-width: none;
  width: 120%;
  bottom: -82px;
  left: -30px;
}
.berger .img-wrapper .pic3 {
  display: block;
  top: -17px;
  left: 5px;
  width: 30%;
}
@media (max-width: 1023px), (min-device-width : 768px) and (max-device-width : 1024px) {
  .berger .img-wrapper .pic2,
  .berger .img-wrapper .pic3 {
    display: none;
  }
  .berger .img-wrapper .pic1 {
    display: block;
    width: 110%;
    bottom: -51px;
    left: -20px;
  }
}
.lena .img-wrapper .pic1 {
  bottom: -82px;
}
.lena .img-wrapper .pic3 {
  background-image: url('../../img/lp24/lena_karte_mobile.png');
  background-repeat: no-repeat;
  background-size: cover;
  width: 200px;
  height: 425px;
  bottom: 0;
  right: 0;
  pointer-events: none;
}
@media (max-width: 767px) {
  .lena .img-wrapper .pic3 {
    width: 100px;
    height: 225px;
  }
}
@media (max-width: 1023px), (min-device-width : 768px) and (max-device-width : 1024px) {
  .lena .img-wrapper .pic1 {
    display: none;
  }
  .lena .img-wrapper .pic3 {
    display: block;
  }
}
.lana .img-wrapper .pic1 {
  bottom: -82px;
}
.lana .img-wrapper .pic3 {
  bottom: -19px;
  right: -11px;
  width: 35%;
}
@media (max-width: 1023px), (min-device-width : 768px) and (max-device-width : 1024px) {
  .lana .img-wrapper .pic1,
  .lana .img-wrapper .pic2 {
    display: none;
  }
  .lana .img-wrapper .pic3 {
    display: block;
  }
}
@media (max-width: 767px) {
  .lana .img-wrapper .pic3 {
    bottom: -12px;
    width: 25%;
  }
}




.btn-wrapper {
  /* width: 100%; */
}
header input[type='submit'],
header input[type='submit']:hover {
  margin: 0px 1vw 15px 0;
  max-width: 100px;
}




/*************/

#form .t1 {
  
  margin-bottom: 10px;
  
  color: #666;
}
@media all and (min-width: 300px) {#form .t1 {margin-top: 0px; padding-top: 50px; font-size: 20px;}}
@media all and (min-width: 768px) {#form .t1 {margin-top: 80px;padding-top: 0px; font-size: 40px;}}
@media all and (min-width: 992px) {#form .t1 {margin-top: 80px;}}


#form .t2 {
  font-size: 100px;
  font-weight: 600;
  letter-spacing: 0px;
  color: #096c90;
}

#form .t3 {
  font-size: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media all and (max-width: 767px) {#form .t3 {font-size: 14px; margin-top: 12px; margin-bottom: 12px;}}
#form .t4 {
  font-size: 24px;
}


/***************/

#form2 .t3 {
  /* font-size: 36px; */
  /* padding: 0 10px; */
}
#form2 .btn-wrapper input[type='submit'] {
  /* float: left; */
  /* max-width: 210px; */
}







#form1 .t3 {
  font-size: 48px !important;
}

/* #form p { */
  /* text-align: center; */
  /* font-size: 45px; */
/* } */
#form .line {
  line-height: 1.1;
}










#form4 label .t3 {
  padding: 0 10px;
  text-align: center;
}
#form4 input[type='text'],
#form4 input[type='email'] {
  width: 60%;
  margin-left: 20%;
  border-radius: 0;
  height: 60px;
  margin-top: 20px;
  font-size: 20px;
}
#form4 input[type='submit'] {
  margin-left: 10%;
  width: 60%;
  float: none;
  max-width: none;
}
#form4 {
  /* position: absolute; */
  /* background: #FFFFFF; */
  /* top: 150px; */
  /* left: 60px; */
  /* padding: 15px; */
  /* border: 2px solid #000000; */
  /* max-width: 400px; */
}
#form4 input[type="submit"] {
  float: none;
  display: block;
  margin: 10px auto;
}
#form4 .close-btn {
  position: absolute;
  top: -10px;
  right: -10px;
  font-size: 33px;
  border-radius: 3em;
  color: #000000;
  border: 2px solid;
  padding: 0 2px;
  background-color: #FFFFFF;
  width: 20px;
  height: 20px;
  line-height: 0.4;
  cursor: pointer;
}
#form4 .close-btn:hover {
  color: #FFFFFF;
  background-color: #000000;
}









#map {
  height: 528px;
}
.text {
  background-color: #FFFFFF;
  padding: 25px 0;
  margin-bottom: 75px;
  font-size: 16px;
}



.upper_text img {
  float: left;
}
.lower_text img {
  float: right;
}
.row .text {
  margin-bottom: 55px;
}

.text > img {
  width: 290px;
  margin: 0 20px 0 0;
}
.lower_text > img {
  margin: 0 0 0 20px;
}



















#form3 form label {
  width: 100%;
}
#form3 form label p {
  text-align: center;
}

.aside .berger {
  position: absolute;
  width: 110px;
  top: -75px;
}
@media all and (min-width: 768px) {
  .aside {
    display: inline-block;
  }
}
/* @media all and (max-width: 1075px) { */
@media all and (max-width: 767px) {
  .text,
  .wrapper-2 {
    display: none;
  }
  .wrapper {
    height: auto;
    width: auto;
  }
  /* .aside { */
    /* display: block; */
    /* margin: 35px auto; */
    /* float: none; */
  /* } */
  body .img-wrapper .pic2,
  body .img-wrapper .pic1 {
    display: none;
  }
  body  .img-wrapper .pic3 {
    display: block;
    position: absolute;
    width: 25%;
    right: -11px;
    bottom: -10px;
  }
  .aside .scout69,
  .aside .berger {
    top: -100px;
  }
}
p.t2 {
  line-height: 1;
}
.btn-wrapper {
  /* margin-left: 4%; */
}
.btn-wrapper .input[type='submit'] {
  width: 46%;
  margin-left: 2%;
  max-width: none;
}

  
  
  
  
  
  
  /* .mm { */
    /* margin-right: 0 !important; */
  /* } */
  .ui-effects-wrapper {
    height: 337px !important;
    margin: 35px 20px !important;
  }
  #form1 .t3 {
    font-size: 22px !important;
  }
  .a-left,
  .aside {
    height: auto;
    width: auto;
  }
  .submit-wrapper {
    width: 250px;
    margin: 0 auto;
  }
  .btn-wrapper {
    width: 250px;
    margin: 0 auto;
  }
/* .fix{margin: 10px 5px 10px 30px;} */
  
  
  .t1 {
    font-size: 30px !important;
  }
  .t2 {
    font-size: 55px !important;
  }
  #form1 .t3 {
    font-size: 20px !important;
  }
  /* #form1 input[type='submit'] { */
    /* width: 94px; */
    /* font-size: 20px; */
    /* margin-left: -25px; */
  /* } */
  #map {
    height: 280px;
  }
  /* #form p { */
    /* font-size: 17px; */
  /* } */
  #form2 .t3 {
    font-size: 15px;
  }
  #form2 input[type='submit'] {
    /* width: 80%; */
    /* margin-left: 10%; */
    /* max-width: none; */
  }
  #form3 label .t3 {
    font-size: 17px;
  }
  #form3 form {
    padding-bottom: 10px;
  }
  /* .a-left { */
    /* padding-bottom: 20px; */
  /* } */
  h1 {
    font-size: 44px;
  }
  #form2 input[type='submit'] {
    /* width: 96%; */
    /* max-width: none; */
    /* float: none !important; */
  /* } */
  /* #form2 .btn-wrapper { */
    /* margin: 0 2% 15px 2%; */
  /* } */
  /* #form2 .btn-wrapper input[type='submit'] { */
    /* margin: 10px 0; */
  /* } */
}