@font-face {
	font-family:		'asap';
	src: 				url('../fonts/Asap-Regular.ttf') 
						format('truetype');
	font-size:			18px;
}

#kopf_navi_burger,
#kopf_navi_kontakt_m{
	display:			none;	
}

html{
   scroll-behavior:		smooth;
}


* {
	margin:				0;
	padding:			0;	
	color:				#3C3C3B;
	font-family: 		'asap', Arial, sans-serif;
}

a{
	text-decoration:	none;
}

.clear{
	clear:				both;
}

.nextPage{
	position:			absolute;
	right:				0px;
	bottom:				250px;
	width:				250px;	
	transform-origin: 	right bottom;
	transform: 			rotate(-90deg);	
	color:				#a8a7a7;
	font-size:			18px;
	cursor:				pointer;
}
.nextPage:hover{
	color:				#878786;
}

.nextPageArrow{
	height:				14px;
	margin-right:		25px;
	margin-left:		15px;
}

.block{
	position:			relative;
	display:			block;
	width:				100%;
	height:				auto;
	padding-top:		30px;
	padding-bottom:		30px;	
}

.block_weiss{
	background:			#FFFFFF;
}

.block_hellgrau{
	background:			#F1F1F1;
}

.block_grau{
	background:			#E9E9E9;
}

.block_mediumgrau{
	background:			#C6C6C6;
}

.block_dunkelgrau{
	background:			#878786;
}

.block_magenta{
	background:			#9A1F45;
}

.block_schwarz{
	position:			relative;
	width:				100%;
	background:			url("../images/fuss.jpg");
	background-size:	cover;
	background-position:center;	
}

.anzeigebereich {
	position:			relative;
	margin:				auto;
	width:				1200px;
}

#kopf {
	width:				100%;
	background:			#FFFFFF;
	height:				150px;
	padding-top:		25px;
}

#kopf_logo{
	position:			relative;
	float:				left;
	width:				40%;
	z-index:			950;
}

.kopf_navi{
	position:			relative;
	float:				left;
	width:				60%;
	text-align:			right;
	top:				0px;
	padding-top:		25px;
	height:				350px;
	z-index:			970;
}


#logo{
	position:			relative;
	width:				50%;
	z-index:			951;
}

.burger{
	width:				2.5em;
	display:			block;
	float:				right;
	margin-top:			30px;
	margin-right:		24px;
}

#kopf_navi_kontakt_adress_icon{
	vertical-align:		middle;
	height:				24px;
	margin-right:		12px;
}

#kopf_navi_kontakt_phone_icon{
	vertical-align:		middle;
	height:				24px;
	margin-left:		24px;
	margin-right:		12px;
}

#kopf_navi_kontakt_mail_icon{
	vertical-align:		middle;
	height:				20px;
	margin-left:		24px;
	margin-right:		12px;
}

#kopf_navi_kontakt_m{
	text-align:			right;
}



.kopf_navi_show{
	position:			absolute;
	width:				100%;
	height:				1000px;
	float:				left;
	text-align:			right;
	color:				#fff;
	background:			#9a1f45;
	top:				0px;
	padding-top:		25px;
	transition: 		height 1s;
	z-index:			1000;
}



#kopf_navi_kontakt{
	margin-top:			15px;
	margin-bottom:		55px;
}
.kopf_navi_kontakt_eintrag{
	color:				#A8A7A7;
	text-decoration:	none;
	font-size:			14px;
}
.kopf_navi_kontakt_eintrag:hover{
	color:				#878787;
}

#kopf_navi_menue{
	
}

.kopf_navi_menue_eintrag{
	float:				right;
	margin-left:		25px;
	color:				#1D1D1B;
	font-size:			18px;
}
.kopf_navi_menue_eintrag:hover{
	color:				#9A1F45;
}

.burgerMenue{
	display:			none;
	width:				100%;
	color:				#fff;
	text-align:			center;
	margin-top:			140px;
	
}
.burgerMenueEintrag{
	color:				#fff;	
	line-height:		150%;
	font-size:			1.0em;
}

.burgerMenueSub{
	width:				100%;
	color:				#fff;
	text-align:			center;
	font-size:			0.9em;
	margin:				0 25px 0 25px;
}

.burgerFacebook{
	width:				35px;
}















.inhalt {
	position:			relative;
	width:				100%;
}



#inhalt_home{
	position:			relative;
	width:				100%;
	height:				630px;
}

.jahre{
	position:			absolute;
	visibility:			hidden;
	opacity: 			0;
	width:				650px;
	margin-left:		70px;
	margin-top:			70px;
	line-height:		130%;
}
.jahre_load{
	position:			absolute;
	visibility:			display;
	opacity: 			1;
	width:				650px;
	margin-left:		70px;
	margin-top:			70px;
	line-height:		130%;
	transition: 		visibility 0s, opacity 1.5s 1.5s linear;
}

.jahre_pic{
	width:				50%;
}

.inhalt_home_fingerprint{
	position:			absolute;
	visibility:			hidden;
	opacity: 			0 ;
	width:				35%;
	right:				45px;
	bottom:				0px;
	z-index:			900;
}

.inhalt_home_fingerprint_load{
	position:			absolute;
	visibility:			display;
	opacity: 			1;
	width:				35%;
	right:				45px;
	bottom:				0px;
	z-index:			900;
	transition: 		visibility 0s, opacity 1s 1s linear;
}

.inhalt_home_slogan{
	position:			absolute;
	visibility:			hidden;
	opacity: 			0;
	color:				#9A1F45;
	font-size:			50px;
	bottom:				70px;
	margin-left:		70px;
}

.inhalt_home_slogan_load{
	position:			absolute;
	visibility:			display;
	opacity: 			1;
	color:				#9A1F45;
	font-size:			50px;
	bottom:				70px;
	margin-left:		70px;
	transition: 		visibility 0s, opacity 2s 0.5s linear;
}

.inhalt_home_slogan_bold{
	color:				#9A1F45;
	font-size:			50px;
	font-weight:		1000;
}



#inhalt_unternehmen{
	position:			relative;
	width:				100%;
	min-height:			630px;
}

#inhalt_unternehmen_text{
	width:				75%;
	margin-left:		140px;
	padding-top:		100px;
	line-height:		150%;
	font-size:			18px;
}

.inhalt_unternehmen_text_bold{
	line-height:		150%;
	font-size:			18px;
	font-weight:		bold;
}

.inhalt_unternehmen_slogan{
	margin-left:		40%;
	color:				#E9E9E9;
	font-size:			40px;
	margin-top:			100px;
	padding-bottom:		130px;
	font-weight:		bold;
}

.inhalt_unternehmen_slogan_load{
	margin-left:		40%;
	color:				#9A1F45;
	font-size:			40px;
	margin-top:			100px;
	padding-bottom:		130px;
	font-weight:		bold;
	transition:			color 2s;
}

#inhalt_unternehmen{
	position:			relative;
	width:				100%;
	min-height:			600px;
}



#inhalt_magenta{
	position:			relative;
	width:				100%;
	min-height:			200px;
}

#inhalt_magenta_slogan, #inhalt_magenta_slogan2{
	color:				#FFFFFF;
	font-size:			40px;
	margin-top:			50px;
	padding-bottom:		50px;
	text-align:			right;
}

#inhalt_magenta_slogan2{
	padding-top:		25px;
}

.inhalt_magenta_slogan_bold{
	color:				#FFFFFF;
	font-size:			40px;
	font-weight:		bold;
}

#inhalt_magenta_slogan_pic{
	width:				60%;
	
}




#inhalt_leistungen{
	position:			relative;
	width:				100%;
	min-height:			750px;
}
#inhalt_leistungen_m{
	display:			none;
	position:			relative;
	width:				100%;
}

.leistungen_slogan{
	width:				70%;
	font-size:			40px;
	color:				#9a1f45;
}


.picto{
	width:				150px;
	float:				left;
	margin:				25px;
	cursor:				pointer;
}

.bubble{
	position:			absolute;
	visibility:			hidden;
	opacity: 			0;
	top:				-90px;
	width:				250px;	
	height:				440px;
	background:			url('../images/bubble.png') no-repeat left top;
	background-size: 	250px;
	z-index:			1000;
	text-align:			left;
	padding:			35px 0 0 60px; 
	
}

.bubble2{
	position:			absolute;
	visibility:			display;
	opacity: 			1;
	top:				-90px;
	left:				-50px;
	width:				250px;	
	height:				440px;
	background:			url('../images/bubble.png') no-repeat left top;
	background-size: 	250px;
	color:				white;
	transition: 		visibility 0s, opacity 0.5s 0.5s linear;
	text-align:			left;
	z-index:			1000;
	padding:			35px 0 0 60px; 
}

a.leistungen_kontakt{
	font-size:			1.5em;
	color:				#9a1f45;
	font-weight:		bold;
}
a.leistungen_kontakt:hover{
	color:				#7c7b7b;
}

#inhalt_leistungen_head{
	display:			none;
	width:				100%;
	color:				#9A1F45;
	font-size:			30px;
	margin:				50px 0 70px 0;
	text-align:			center;
	font-weight:		bold;
}


#inhalt_leistungen_text{
	margin-left:		17%;
	width:				66%;
	color:				#9A1F45;
	font-size:			18px;
	margin-top:			100px;
	padding-bottom:		70px;
	text-align:			center;
	line-height:		150%;
}

.inhalt_leistungen_text_bold{
	color:				#9A1F45;
	font-size:			18px;
	font-weight:		bold;
	line-height:		150%;
}


#inhalt_leistungen_trenner{
	display:			inline;
	width:				40%;
	height:				1px;
	margin-top:			40px;
}


.inhalt_leistungen_menue{
	position:			relative;
	width:				100%;
	padding-bottom:		50px;
	height:				550px;
	text-align:			center;
	font-size:			24px;
}

.inhalt_leistungen_menue_center{
	position:			relative;
	margin:				auto;
	width:				800px;
	padding-bottom:		50px;
	height:				550px;
	font-size:			24px;
	text-align:			center;
}


.inhalt_leistungen_menue2{
	width:				100%;
	padding-bottom:		50px;
	height:				550px;
	text-align:			left;
	font-size:			24px;
}

#subBack{
	display:			none;
	position:			absolute;
	left:				150px;
	top:				394px;
	transform-origin: 	right bottom;
	transform: 			rotate(-90deg);	
	color:				#878787;
	font-size:			24px;
	cursor:				pointer;
}

#subMenueHead{
	position:			relative;
	left:				280px;
	top:				60px;
	font-size:			30px;
	color:				#991f45;
	font-weight:		bold;
}

#subMenueText{
	position:			relative;
	left:				280px;
	top:				110px;
	font-size:			18px;
	color:				#991f45;
	line-height:		140%;
	width:				70%;
}

#subMenueGallery{
	position:			absolute;
	left:				320px;
	bottom:				0px;
	width:				750px;
	height:				260px;
}
.subMenueArrow{
	width:				16px;
	margin-left:		-22px;	
	margin-right:		6px;
}



.subMenueTextBold{
	font-weight:		bold;
	font-size:			18px;
	color:				#991f45;
	line-height:		140%;
}
.subMenueTextBold2{
	font-weight:		bold;
	font-size:			18px;
	color:				#991f45;
	line-height:		140%;
}
.subMenueTextBold3{
	font-weight:		bold;
	font-size:			24px;
	color:				#991f45;
	line-height:		140%;
}

#subMenueClose{
	position:			absolute;
	top:				20px;
	right:				20px;
	cursor:				pointer;
}

#iconClose{
	width:				32px;
}


.subMenue{
	color:				#fff;
	cursor:				pointer;
	line-height:		180%;
	font-size:			18px;
}

.subMenue:hover{
	font-weight:		bold;
}

.subMenueFrame{
	position:			absolute;
	top:				-50px;
	right:				0px;
	background:			#ddd;
	height:				800px;
	width:				0px;
	transition:			width 0.5s;
}

.subMenueFrame2{
	position:			absolute;
	top:				-50px;
	right:				0px;
	background:			#ddd;
	height:				800px;
	width:				1200px;
	transition:			width 0.5s;
}

.subMenueFrameWrapper{
	position:			relative;
	display:			none;
	height:				100%;
}




#inhalt_preise{
	position:			relative;
	width:				100%;
	min-height:			560px;
}

#inhalt_preiseM{
	display:			none;
	position:			relative;
	width:				100%;
	min-height:			560px;
}

#inhalt_preise_head{
	width:				100%;
	color:				#FFFFFF;
	font-size:			40px;
	margin:				50px 0 70px 0;
	text-align:			center;
	font-weight:		bold;
}

.inhalt_preise_pic_frame{
	width:				33%;
	float:				left;
	text-align:			center;
}
.inhalt_preise_pic_frameM{
	position:			relative;
	margin:				auto;
	width:				70%;
	text-align:			center;
}

.inhalt_preise_pic{
	width:				0%;
}

.inhalt_preise_pic_load{
	transition:			width .5s;
	width:				50%;
}
.inhalt_preise_picM{
	width:				50%;
}


.inhalt_preise_text{
	width:				33%;
	color:				#FFFFFF;
	float:				left;
	text-align:			center;
	margin-top:			30px;
	font-size:			18px;
}

#inhalt_preise_slider{
	width:				calc(100% - 140px);
	margin-left:		70px;
}
.inhalt_preise_slider_box{
	position:			relative;
	width:				calc(100% - 140px);
	text-align:			center;
}

#inhalt_referenzen_head{
	display:			none;
	font-size:			40px;	
	width:				100%;
	color:				#9A1F45;
	margin:				0 0 50px 0;
	text-align:			center;
	font-weight:		bold;
}

#inhalt_referenzen_picsM{
	display:			none;
	width:				100%;
}

#inhalt_referenzen{
	position:			relative;
	width:				100%;
	min-height:			400px;
	padding:			50px 0 50px 0;
}

.inhalt_referenzen_pic_frame{
	width:				33%;
	float:				left;
	text-align:			center;
	margin-bottom:		30px;
	font-size:			18px;
	min-height:			380px;
}

.inhalt_referenzen_pic_frame2{
	width:				90%;
	text-align:			left;
	margin-left:		7%;
	font-size:			14px;
	min-height:			270px;
}

.inhalt_referenzen_text_frame{
	width:				90%;
	text-align:			left;
	margin-left:		7%;
	margin-tOP:			5px;
	font-size:			14px;
	min-height:			50px;
	line-height:		130%
}

.inhalt_referenzen_pic{
	width:				100%;	
}

.inhalt_referenzen_text_klammer{
	font-size:			.8em;
}

#inhalt_referenzen_mehr{
	width:				100%;
	text-align:			center;
	font-size:			18px;
	margin-top:			150px;
	cursor:				pointer
}

#inhalt_referenzen_mehrM{
	display:			none;
	width:				100%;
	text-align:			center;
	font-size:			18px;
	margin-top:			150px;
	cursor:				pointer
}

#inhalt_referenzen_mehr_icon{
	width:				36px;
	margin-top:			10px;
}


#inhalt_logo{
	position:			relative;
	width:				100%;
	min-height:			500px;
}

#inhalt_logo_head{
	width:				100%;
	color:				#9A1F45;
	font-size:			40px;
	margin:				100px 0 120px 0;
	text-align:			center;
	font-weight:		bold;
}

.inhalt_logo_pic_frame{
	width:				33%;
	height:				200px;
	float:				left;
	display:			flex !important;
	align-items:		center;
	justify-content:	center;
}
.inhalt_logo_pic_frame2{
	width:				50%;
	height:				240px;
	float:				left;
	display:			flex !important;
	align-items:		center;
	justify-content:	center;
	margin:				auto;
}

.inhalt_logo_pic{
	width:				0%;
}

.inhalt_logo_pic_load{
	width:				50%;
	transition:			width 0.5s;
}

.inhalt_logo_pic_zoom{
	transform:			scale(1);
	transition:			transform .2s;
}
.inhalt_logo_pic_zoom:hover{
	transform:			scale(1.1);
	transition:			transform .2s;
}







.inhalt_kontakt{
	position:			relative;
	width:				calc(100% - 30px);
	margin-left:		30px;
	min-height:			600px;
}

#inhalt_kontakt_head{
	width:				100%;
	color:				#9A1F45;
	font-size:			40px;
	margin:				50px 0 70px 0;
	text-align:			left;
	font-weight:		bold;
}
#inhalt_kontakt_head2{
	display:			none;
	width:				100%;
	color:				#878786;
	font-size:			23px;
	margin:				0 0 70px 0;
	text-align:			left;
	font-weight:		bold;
}

#inhalt_kontakt_slogan{
	width:				75%;
	color:				#9A1F45;
	font-size:			40px;
	margin:				50px 0 70px 0;
	text-align:			left;
	float:				left;
}

input{
	width:				100%;
	height:				40px;
	border:				none;
	border-bottom:		solid 1px;
	border-color:		#C6C6C6;
	background-color:	#F6F6F6;
	margin:				5px 0 20px 0;
	padding-left:		10px;
	font-size:			18px;
	outline: none;
}

input:focus{
	border:				none;
	border-bottom:		solid 1px;
	border-color:		#C6C6C6;
	background-color:	#C6C6C6;
	outline: 			none;
}

textarea{
	width:				100%;
	height:				100px;
	border:				none;
	border-bottom:		solid 1px;
	border-color:		#C6C6C6;
	background-color:	#F6F6F6;
	margin:				5px 0 20px 0;	
	padding-left:		10px;
	padding-top:		5px;
	font-size:			18px;
}

textarea:focus{
	border:				none;
	border-bottom:		solid 1px;
	border-color:		#C6C6C6;
	background-color:	#C6C6C6;
	outline: 			none;
}


#submit{
	width:				100%;
	height:				50px;
	border:				none;
	background-color:	#9A1F45;
	color:				#FFFFFF;
	margin:				5px 0 20px 0;
	font-size:			18px;
	font-weight:		bold;
	cursor:				pointer;
}
#submit:hover{
	background-color:	#878786;
	color:				#FFFFFF;
}

#input_name, #input_mess{
	width:				100%;
}

#input_mail,#input_tel{
	width:				49%;
	float:				left;
}

#input_space{
	width:				2%;
	float:				left;
}

#inhalt_kontakt_senden{
	width:				25%;
	float:				left;
	text-align:			right;
	margin:				50px 0 70px 0;
}

#checkbox_divM{
	display:			none;
}







#inhalt_repertoire{
	position:			relative;
	width:				100%;
	min-height:			80px;
	color:				#9A1F45;
	text-align:			center;
	margin:				20px 0 0 0;
	line-height:		150%;
	font-size:			18px;
}


.fuss {
	

}

#inhalt_fuss{
	position:			relative;
	width:				100%;
	color:				#A6A7A6;
	text-align:			center;
	line-height:		150%;
}
#inhalt_fussM{
	display:			none;
	position:			relative;
	width:				100%;
	color:				#A6A7A6;
	text-align:			center;
	line-height:		130%;
}

#inhalt_fuss_box_wrapper{
	width:				45%; 
	margin: 			auto;
	padding-top:		60px;
}	


#inhalt_kontakt_pfeil_div{
	display:			none;
	text-align:			center;
	width:				100%;
	margin-bottom:		20px;
}

#inhalt_kontakt_pfeil{
	position:			relative;
	width:				36px;
	top:				-20px;
	margin-left:		-36px;
	margin-left:		-36px;
}


#inhalt_fuss_kontakt_adress_icon{
	vertical-align:		middle;
	height:				36px;
	margin-right:		12px;
	padding-bottom:		5px;
}

#inhalt_fuss_kontakt_phone_icon{
	vertical-align:		middle;
	height:				36px;
	margin-left:		24px;
	margin-right:		12px;
	padding-bottom:		5px;
}

#inhalt_fuss_kontakt_mail_icon{
	vertical-align:		middle;
	height:				36px;
	margin-left:		24px;
	margin-right:		12px;
	padding-bottom:		5px;
}
#inhalt_fuss_box{
	float:				left;
	padding:			5%;
	color:				#a8a7a7;
}
#inhalt_fuss_box:hover{
	 color:				#fff
}
#inhalt_fuss_box_impressum, #inhalt_fuss_box_datenschutz{
	position:			absolute;
	right:				80px;
	color:				#a8a7a7;
	text-align:			right;
	cursor:				pointer;
}
#inhalt_fuss_box_impressum{
	top:				90px;
}
#inhalt_fuss_box_datenschutz{
	top:				125px;
}

#inhalt_fuss_box_impressumM, #inhalt_fuss_box_datenschutzM{
	position:			relative;
	width:				50%;
	display:			block;
	color:				#fff;
	text-align:			center;
	float:				left;
}


#inhalt_fuss_box_impressum:hover, #inhalt_fuss_box_datenschutz:hover{
	color:				#fff;
}

#inhalt_fuss_box_fb{
	position:			absolute;
	left:				80px;
	bottom:				50px;
	color:				#a8a7a7;
	text-align:			left;
}
	
#inhalt_fuss_facebook_icon{
	vertical-align:		middle;
	height:				24px;
}

#inhalt_fuss_box_cr{
	padding-top:		90px;
	color:				#a8a7a7;
}
.inhalt_fuss_link{
	padding-top:		0px;
}

#impressumDiv{
	position:			relative;
	color:				#fff;
}

.inhalt_impressum{
	position:			relative;
	width:				calc(100% - 60px);
	margin-left:		30px;
	margin-right:		30px;
	line-height:		120%;
}


#inhalt_impressum_head, #inhalt_ds_head{
	width:				100%;
	color:				#9A1F45;
	font-size:			40px;
	margin:				100px 0 120px 0;
	text-align:			center;
	font-weight:		bold;
}





.checkbox-wrapper-19 {
	    box-sizing: border-box;
    --background-color: #f6f6f6;
    --checkbox-height: 25px;
  }

  @-moz-keyframes dothabottomcheck-19 {
    0% {
      height: 0;
    }
    100% {
      height: calc(var(--checkbox-height) / 2);
    }
  }

  @-webkit-keyframes dothabottomcheck-19 {
    0% {
      height: 0;
    }
    100% {
      height: calc(var(--checkbox-height) / 2);
    }
  }

  @keyframes dothabottomcheck-19 {
    0% {
      height: 0;
    }
    100% {
      height: calc(var(--checkbox-height) / 2);
    }
  }

  @keyframes dothatopcheck-19 {
    0% {
      height: 0;
    }
    50% {
      height: 0;
    }
    100% {
      height: calc(var(--checkbox-height) * 1.2);
    }
  }

  @-webkit-keyframes dothatopcheck-19 {
    0% {
      height: 0;
    }
    50% {
      height: 0;
    }
    100% {
      height: calc(var(--checkbox-height) * 1.2);
    }
  }

  @-moz-keyframes dothatopcheck-19 {
    0% {
      height: 0;
    }
    50% {
      height: 0;
    }
    100% {
      height: calc(var(--checkbox-height) * 1.2);
    }
  }

  .checkbox-wrapper-19 input[type=checkbox] {
    display: none;
  }

  .checkbox-wrapper-19 .check-box {
    height: var(--checkbox-height);
    width: var(--checkbox-height);
    background-color: transparent;
    border: calc(var(--checkbox-height) * .1) solid #c6c6c6;
    border-radius: 5px;
    position: relative;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: border-color ease 0.2s;
    -o-transition: border-color ease 0.2s;
    -webkit-transition: border-color ease 0.2s;
    transition: border-color ease 0.2s;
    cursor: pointer;
  }
  .checkbox-wrapper-19 .check-box::before,
  .checkbox-wrapper-19 .check-box::after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    height: 0;
    width: calc(var(--checkbox-height) * .2);
    background-color: #9a1f45;
    display: inline-block;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    border-radius: 5px;
    content: " ";
    -webkit-transition: opacity ease 0.5;
    -moz-transition: opacity ease 0.5;
    transition: opacity ease 0.5;
  }
  .checkbox-wrapper-19 .check-box::before {
    top: calc(var(--checkbox-height) * .72);
    left: calc(var(--checkbox-height) * .41);
    box-shadow: 0 0 0 calc(var(--checkbox-height) * .05) var(--background-color);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }
  .checkbox-wrapper-19 .check-box::after {
    top: calc(var(--checkbox-height) * .37);
    left: calc(var(--checkbox-height) * .05);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  .checkbox-wrapper-19 input[type=checkbox]:checked + .check-box,
  .checkbox-wrapper-19 .check-box.checked {
    border-color: #c6c6c6;
  }
  .checkbox-wrapper-19 input[type=checkbox]:checked + .check-box::after,
  .checkbox-wrapper-19 .check-box.checked::after {
    height: calc(var(--checkbox-height) / 2);
    -moz-animation: dothabottomcheck-19 0.2s ease 0s forwards;
    -o-animation: dothabottomcheck-19 0.2s ease 0s forwards;
    -webkit-animation: dothabottomcheck-19 0.2s ease 0s forwards;
    animation: dothabottomcheck-19 0.2s ease 0s forwards;
  }
  .checkbox-wrapper-19 input[type=checkbox]:checked + .check-box::before,
  .checkbox-wrapper-19 .check-box.checked::before {
    height: calc(var(--checkbox-height) * 1.2);
    -moz-animation: dothatopcheck-19 0.4s ease 0s forwards;
    -o-animation: dothatopcheck-19 0.4s ease 0s forwards;
    -webkit-animation: dothatopcheck-19 0.4s ease 0s forwards;
    animation: dothatopcheck-19 0.4s ease 0s forwards;
  }


* {
	box-sizing: border-box;
}
.slider {
	width: 100%;
	margin: 0px auto;
}
.slick-slide {
	margin: 0px 2px;
}
.slick-slide img {
	width: 210px;
}
.slick-prev:before,	.slick-next:before {
	color: black;
}
.slick-slide {
	transition: all ease-in-out .3s;
	opacity: 1;
}			
.slick-active {
	opacity: 1;
}
.slick-current {
	opacity: 1;
}