.hficon {
    width: 160px !important;
    float: left;
}

.form-check-label
{
    cursor: pointer;
}


.alert-rosacea {
    color: #C21554;
    background-color: #EDE9F3;
    border-color: #EDE9F3;
}

/* Create three equal columns that floats next to each other */
.column {
  float: left;
  width: 33.33%;
  display: none; /* Hide columns by default */
}


@media (max-width: 768px){
        
.column {
  float: left;
  width: 100%;
  display: none; /* Hide columns by default */
    }
    
  #backToTop {
    visibility:hidden;
    bottom:30px !important;
    right:  0px;
    position:fixed;
    color:red;
    z-index: 1500 !important;
}

.hficon {
    width: 90px !important;
    float: left;
}

 .section_stadium {

	 padding: 1em !important;
}

  
}

.card-text {color: black !important}

/* The "show" class is added to the filtered elements */
.show {
  display: block;
}

.btn-rosaceal.active {
  background-color: #E2DBEB !important;
   color: white;
}


.accordion .card {
    
    background: #EEEAF3 !important;
}

.md-accordion .card, .md-accordion .card:first-of-type, .md-accordion .card:not(:first-of-type):not(:last-of-type) {
    border-bottom: none;
}


.view video.video-intro {
     top: 0% !important; 
    left: 0% !important; 
    width: 100% !important;

     transform: none; 
}

#backToTop {
    visibility:hidden;
    bottom:100px;
    right:  0px;
    position:fixed;
    color:red;
    z-index: 1000;
}

.quote-wrapper {

  position: relative;
  border: 1px solid white;
  padding: 50px;
  height: 300px;
  width: 300px;
}

.quote-wrapper-inner {
  font-size: 17px;

}


.quote-wrapper .blckq{
    color: white;

}

.quote-wrapper::before {
    box-sizing: border-box;
  content: "\201C";
  font-size: 200px;
  height: 82px;
  line-height: 1;
  position: absolute;
  top: -48px;
  left: 25px;
  z-index: 1;
  font-family: sans-serif, serif;
  color: #755195;
  opacity: 1;
  background: #C4B6D7;
}

.quote-wrapper::after {
    box-sizing: border-box;
  content: "\201C";
  font-size: 200px;
  height: 82px;
  line-height: 0.78;
  line-height: 1;
  position: absolute;
  bottom: -28px;
  right: 10px;
  z-index: 1;
  font-family: sans-serif, serif;
  color: #755195;
  opacity: 1;
  background: #C4B6D7;
}


/****white*****/



.quote-wrapperw {

  position: relative;
  border: 1px solid #755195;
  padding: 50px;
  height: 100%;
  width: 100%;


}

.quote-wrapperw-inner {
  font-size: 17px;

}


.quote-wrapperw .blckq{
    color: #755195;

}

.quote-wrapperw::before {
    box-sizing: border-box;
  content: "\201C";
  font-size: 200px;
  height: 82px;
  line-height: 1;
  position: absolute;
  top: -48px;
  left: 25px;
  z-index: 1;
  font-family: sans-serif, serif;
  color: #755195;
  opacity: 1;
  background: white;
}

.quote-wrapperw::after {
    box-sizing: border-box;
  content: "\201C";
  font-size: 200px;
  height: 82px;
  line-height: 0.78;
  line-height: 1;
  position: absolute;
  bottom: -28px;
  right: 10px;
  z-index: 1;
  font-family: sans-serif, serif;
  color: #755195;
  opacity: 1;
  background: white;
}


/*********/


/****lila*****/



.quote-wrapperl {

  position: relative;
  border: 1px solid #755195;
  padding: 50px;
  width: 100%;


}

.quote-wrapperl-inner {
  font-size: 17px;

}


.quote-wrapperl .blckq{
    color: #755195;

}

.quote-wrapperl::before {
    box-sizing: border-box;
  content: "\201C";
  font-size: 200px;
  height: 82px;
  line-height: 1;
  position: absolute;
  top: -48px;
  left: 25px;
  z-index: 1;
  font-family: sans-serif, serif;
  color: #755195;
  opacity: 1;
  background: #ede9f3;
}

.quote-wrapperl::after {
    box-sizing: border-box;
  content: "\201C";
  font-size: 200px;
  height: 82px;
  line-height: 0.78;
  line-height: 1;
  position: absolute;
  bottom: -28px;
  right: 10px;
  z-index: 1;
  font-family: sans-serif, serif;
  color: #755195;
  opacity: 1;
  background: #ede9f3;
}



.quote-wrapper-double::before {
    box-sizing: border-box;
  content: "\00AB";
  font-size: 100px;
  height: 82px;
  line-height: 1;
  position: absolute;
  top: -48px;
  left: 25px;
  z-index: 1;
  font-family: sans-serif, serif;
  color: #755195;
  opacity: 1;
  background: #ede9f3;
}

.quote-wrapper-double::after {
    box-sizing: border-box;
  content: "\00AB";
  font-size: 100px;
  height: 82px;
  line-height: 0.78;
  line-height: 1;
  position: absolute;
  bottom: -28px;
  right: 10px;
  z-index: 1;
  font-family: sans-serif, serif;
  color: #755195;
  opacity: 1;
  background: #ede9f3;
}


/*********/



/****lila*****/



.quote-wrapper-double {

  position: relative;
  border: 1px solid #755195;
  padding: 50px;
  width: 100%;


}

.quote-wrapper-double-inner {
  font-size: 17px;

}


.quote-wrapper-double .blckq{
    color: #755195;

}

.quote-wrapper-double::before {
    box-sizing: border-box;
  content: "\00BB";
  font-size: 100px;
  height: 82px;
  line-height: 1;
  position: absolute;
  top: -48px;
  left: 25px;
  z-index: 1;
  font-family: sans-serif, serif;
  color: #755195;
  opacity: 1;
  background: #ede9f3;
}

.quote-wrapper-double::after {
    box-sizing: border-box;
  content: "\00AB";
  font-size: 100px;
  height: 82px;
  line-height: 0.78;
  line-height: 1;
  position: absolute;
  bottom: -28px;
  right: 10px;
  z-index: 1;
  font-family: sans-serif, serif;
  color: #755195;
  opacity: 1;
  background: #ede9f3;
}


/*********/



.counter {
    background-color:#f5f5f5;
    padding: 20px 0;
    border-radius: 5px;
}

.count-title {
    font-size: 40px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
}

.count-text {
    font-size: 13px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
}


.btn-rosacea {background: #c21554 !important; font-weight: 900; color: white}
.btn-rosacea:hover {background: #c21554 !important; font-weight: 900; color: white}

.btn-rosaceal {background: #C4B6D7 !important; font-weight: 900; color: white}
.btn-rosaceal:hover {background: #E2DBEB !important; font-weight: 900; color: white}

.text-rosacea {color: #c21554 !important}

.text-kuehl-klar {color: #744E94 !important}

.text-rosaceal {color: #744E94 !important}

.text-greydark { color:  #676768;}

.agency .navbar {
    background-color: #C5B6D8;
}

 .section_stadium {
	 position: relative;
	 text-align: center;
	 padding: 3em 10em 3em 10em;
	 margin: 0;
}
 .s1 {
	 background: #EDE9F3;
}
 .s2 {
	 background: #F6E3E6;
}
 .s3 {
	 background: #9c886b;
}
 .s4 {
	 background: #475660;
}
 .s5 {
	 background: #fff;
}
 .section_stadium::before, .section_stadium::after {
	 position: absolute;
	 content: '';
	 pointer-events: none;
}
/*Down pointing triangle*/
 .separator-triangle-down::after {
	 left: 50%;
	 width: 50px;
	 height: 50px;
	 -webkit-transform: translateX(-50%) rotate(45deg);
	 transform: translateX(-50%) rotate(45deg);
}
 .separator-triangle-down::before {
	 top: -25px;
	 background: #bdc0ca;
}
 .separator-triangle-down::after {
	 bottom: -25px;
	 z-index: 10;
	 background: inherit;
}
/*up pointing triangle*/
 .separator-triangle-up::before, .separator-triangle-up::after {
	 left: 50%;
	 width: 100px;
	 height: 100px;
	 -webkit-transform: translateX(-50%) rotate(45deg);
	 transform: translateX(-50%) rotate(45deg);
}
 .separator-triangle-up::before {
	 bottom: -50px;
	 background: #bdc0ca;
}
 .separator-triangle-up::after {
	 top: -50px;
	 z-index: 10;
	 background: inherit;
}
 .separator-triangle-up-down::before, .separator-triangle-up-down::after {
	 left: 50%;
	 width: 100px;
	 height: 100px;
	 -webkit-transform: translateX(-50%) rotate(45deg);
	 transform: translateX(-50%) rotate(45deg);
	 background: inherit;
	 z-index: 10;
}
 .separator-triangle-up-down::before {
	 bottom: -50px;
}
 .separator-triangle-up-down::after {
	 top: -50px;
}
/*double diagonal lines placed at the top of the row/section*/
 .separator-diagonal-lines {
	 z-index: 1;
	 padding-top: 6em;
	 background: #7c6b53;
}
 .separator-diagonal-lines::before, .separator-diagonal-lines::after {
	 top: 0;
	 left: -25%;
	 z-index: -1;
	 width: 124%;
	 height: 75%;
	 background: inherit;
	 -webkit-transform: rotate(-2deg);
	 transform: rotate(-2deg);
	 -webkit-transform-origin: 0 0;
	 transform-origin: 0 0;
}
 .separator-diagonal-lines::before {
	 height: 50%;
	 background: #70614b;
	 -webkit-transform: rotate(-3deg);
	 transform: rotate(-3deg);
	 -webkit-transform-origin: 3% 0;
	 transform-origin: 3% 0;
}
/* Half Circles on section's top and bottom */
 .separator-halfcircle::before, .separator-halfcircle::after {
	 left: 50%;
	 z-index: 10;
	 width: 100px;
	 height: 100px;
	 border-radius: 50%;
	 background: inherit;
	 -webkit-transform: translateX(-50%);
	 transform: translateX(-50%);
}
 .separator-halfcircle::before {
	 top: -50px;
}
 .separator-halfcircle::after {
	 bottom: -50px;
}
/* Big Triangle */
 svg#bigTriangleColor {
	 pointer-events: none;
}
 #bigTriangleColor path {
	 fill: #bdc0ca;
	 stroke: #bdc0ca;
	 stroke-width: 2;
}
 #clouds path {
	 fill: #fff;
	 stroke: #fff;
}
 


/*img scroll*/

.outer-container {
  max-width: 700px;
  margin: auto;
  width: 90%;
  padding: 0px 0px;
  position: relative;
}

.image-container {
  padding-bottom: 100%;
  background: white;
  position: relative;
  overflow: hidden;
  z-index: 2;
  background-size: cover;
  background-position: center;
}

.scroll-title {
  color: #D67A8F;
  margin: 0;
  font-size: 20px;
  width: 100%;
  text-align: left;
  position: absolute;
  top: 50%;
  left: -30%;
  transform: translateY(-50%);
  z-index: 1;
  white-space: nowrap;
}
.scroll-title.on-dark {
      color: #BC004F;
  
}
.scroll-title span {
  position: relative;
  display: block;
}
 


/*img scroll end*/


.container_produkt {
  position: relative;
  width: 50%;
 /* height: 600px*/
}


.overlay_produkt {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: white !important;
  z-index: 1010 !important;
  
}

.overlay_produkt:hover {
display:  inline-block !important;
  height: 100%;
  width: 100%;
    background: white !important;
    min-height: 900px;
    -webkit-box-shadow: 9px 8px 33px -14px rgba(117,116,117,1);
-moz-box-shadow: 9px 8px 33px -14px rgba(117,116,117,1);
box-shadow: 9px 8px 33px -14px rgba(117,116,117,1);
  z-index: 1010 !important;

}

.overlay_jobs {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: white !important;
  z-index: 1010 !important;
  
}

.overlay_jobs:hover {
display:  inline-block !important;
  height: 100%;
  width: 100%;
    background: white !important;
    min-height: 300px;
    -webkit-box-shadow: 9px 8px 33px -14px rgba(117,116,117,1);
-moz-box-shadow: 9px 8px 33px -14px rgba(117,116,117,1);
box-shadow: 9px 8px 33px -14px rgba(117,116,117,1);
  z-index: 1010 !important;

}

.container_produkt:hover .overlay_produkt {
  opacity: 1;
  height: 100%;
  width: 100%;
  background: white;

}

.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.hvrbox,
.hvrbox * {
	box-sizing: border-box;
}
.hvrbox {
	position: relative;
	display: inline-block;
	overflow: hidden;
	max-width: 100%;
	height: auto;
}
.hvrbox img {
	max-width: 100%;
}
.hvrbox .hvrbox-layer_bottom {
	display: block;
}
.hvrbox .hvrbox-layer_top {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(333, 333, 333, 1);
	color: #0067B9;
	padding: 15px;
	-moz-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;

}
.hvrbox:hover .hvrbox-layer_top,
.hvrbox.active .hvrbox-layer_top {
	opacity: 1;
}
.hvrbox .hvrbox-text {
	text-align: center;
	font-size: 14px;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.hvrbox .hvrbox-text_mobile {
	font-size: 15px;
	border-top: 1px solid rgb(179, 179, 179); /* for old browsers */
	border-top: 1px solid rgba(179, 179, 179, 0.7);
	margin-top: 5px;
	padding-top: 2px;
	display: none;
}
.hvrbox.active .hvrbox-text_mobile {
	display: block;
}


.hide {
  display: none;
}

.agency .mask.rgba-rosacea {
    color: #c21554;
    background-image:url('/style_kuehlklar/img/images/kk5.jpg'); background-position: -1000px -1000px !important;
   }


@font-face {
    font-family: 'Urbandale';
    src: url('../font/urbandale/urbandale-thin-webfont.eot');
    src: url('../font/urbandale/urbandale-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/urbandale/urbandale-thin-webfont.woff2') format('woff2'),
         url('../font/urbandale/urbandale-thin-webfont.woff') format('woff'),
         url('../font/urbandale/urbandale-thin-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Urbandale';
    src: url('../font/urbandale/urbandale-thinitalic-webfont.eot');
    src: url('../font/urbandale/urbandale-thinitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/urbandale/urbandale-thinitalic-webfont.woff2') format('woff2'),
         url('../font/urbandale/urbandale-thinitalic-webfont.woff') format('woff'),
         url('../font/urbandale/urbandale-thinitalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Urbandale';
    src: url('../font/urbandale/urbandale-light-webfont.eot');
    src: url('../font/urbandale/urbandale-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/urbandale/urbandale-light-webfont.woff2') format('woff2'),
         url('../font/urbandale/urbandale-light-webfont.woff') format('woff'),
         url('../font/urbandale/urbandale-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Urbandale';
    src: url('../font/urbandale/urbandale-lightitalic-webfont.eot');
    src: url('../font/urbandale/urbandale-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/urbandale/urbandale-lightitalic-webfont.woff2') format('woff2'),
         url('../font/urbandale/urbandale-lightitalic-webfont.woff') format('woff'),
         url('../font/urbandale/urbandale-lightitalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Urbandale';
    src: url('../font/urbandale/urbandale-italic-webfont.eot');
    src: url('../font/urbandale/urbandale-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/urbandale/urbandale-italic-webfont.woff2') format('woff2'),
         url('../font/urbandale/urbandale-italic-webfont.woff') format('woff'),
         url('../font/urbandale/urbandale-italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Urbandale';
    src: url('../font/urbandale/urbandale-medium-webfont.eot');
    src: url('../font/urbandale/urbandale-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/urbandale/urbandale-medium-webfont.woff2') format('woff2'),
         url('../font/urbandale/urbandale-medium-webfont.woff') format('woff'),
         url('../font/urbandale/urbandale-medium-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Urbandale';
    src: url('../font/urbandale/urbandale-mediumitalic-webfont.eot');
    src: url('../font/urbandale/urbandale-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/urbandale/urbandale-mediumitalic-webfont.woff2') format('woff2'),
         url('../font/urbandale/urbandale-mediumitalic-webfont.woff') format('woff'),
         url('../font/urbandale/urbandale-mediumitalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Urbandale-Bold';
    src: url('../font/urbandale/urbandale-bold-webfont.eot');
    src: url('../font/urbandale/urbandale-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/urbandale/urbandale-bold-webfont.woff2') format('woff2'),
         url('../font/urbandale/urbandale-bold-webfont.woff') format('woff'),
         url('../font/urbandale/urbandale-bold-webfont.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;

}

@font-face {
    font-family: 'Urbandale';
    src: url('../font/urbandale/urbandale-bolditalic-webfont.eot');
    src: url('../font/urbandale/urbandale-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/urbandale/urbandale-bolditalic-webfont.woff2') format('woff2'),
         url('../font/urbandale/urbandale-bolditalic-webfont.woff') format('woff'),
         url('../font/urbandale/urbandale-bolditalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Urbandale';
    src: url('../font/urbandale/urbandale-black-webfont.eot');
    src: url('../font/urbandale/urbandale-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/urbandale/urbandale-black-webfont.woff2') format('woff2'),
         url('../font/urbandale/urbandale-black-webfont.woff') format('woff'),
         url('../font/urbandale/urbandale-black-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Urbandale';
    src: url('../font/urbandale/urbandale-blackitalic-webfont.eot');
    src: url('../font/urbandale/urbandale-blackitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/urbandale/urbandale-blackitalic-webfont.woff2') format('woff2'),
         url('../font/urbandale/urbandale-blackitalic-webfont.woff') format('woff'),
         url('../font/urbandale/urbandale-blackitalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Urbandale';
    src: url('../font/urbandale/urbandale-thin-webfont.eot');
    src: url('../font/urbandale/urbandale-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/urbandale/urbandale-thin-webfont.woff2') format('woff2'),
         url('../font/urbandale/urbandale-thin-webfont.woff') format('woff'),
         url('../font/urbandale/urbandale-thin-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Urbandale';
    src: url('../font/urbandale/urbandale-thinitalic-webfont.eot');
    src: url('../font/urbandale/urbandale-thinitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/urbandale/urbandale-thinitalic-webfont.woff2') format('woff2'),
         url('../font/urbandale/urbandale-thinitalic-webfont.woff') format('woff'),
         url('../font/urbandale/urbandale-thinitalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Urbandale';
    src: url('../font/urbandale/urbandale-light-webfont.eot');
    src: url('../font/urbandale/urbandale-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/urbandale/urbandale-light-webfont.woff2') format('woff2'),
         url('../font/urbandale/urbandale-light-webfont.woff') format('woff'),
         url('../font/urbandale/urbandale-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Urbandale';
    src: url('../font/urbandale/urbandale-lightitalic-webfont.eot');
    src: url('../font/urbandale/urbandale-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/urbandale/urbandale-lightitalic-webfont.woff2') format('woff2'),
         url('../font/urbandale/urbandale-lightitalic-webfont.woff') format('woff'),
         url('../font/urbandale/urbandale-lightitalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Urbandale';
    src: url('../font/urbandale/urbandale-regular-webfont.eot');
    src: url('../font/urbandale/urbandale-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/urbandale/urbandale-regular-webfont.woff2') format('woff2'),
         url('../font/urbandale/urbandale-regular-webfont.woff') format('woff'),
         url('../font/urbandale/urbandale-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Urbandale';
    src: url('../font/urbandale/urbandale-italic-webfont.eot');
    src: url('../font/urbandale/urbandale-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/urbandale/urbandale-italic-webfont.woff2') format('woff2'),
         url('../font/urbandale/urbandale-italic-webfont.woff') format('woff'),
         url('../font/urbandale/urbandale-italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Urbandale-Medium';
    src: url('../font/urbandale/urbandale-medium-webfont.eot');
    src: url('../font/urbandale/urbandale-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/urbandale/urbandale-medium-webfont.woff2') format('woff2'),
         url('../font/urbandale/urbandale-medium-webfont.woff') format('woff'),
         url('../font/urbandale/urbandale-medium-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Urbandale';
    src: url('../font/urbandale/urbandale-mediumitalic-webfont.eot');
    src: url('../font/urbandale/urbandale-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/urbandale/urbandale-mediumitalic-webfont.woff2') format('woff2'),
         url('../font/urbandale/urbandale-mediumitalic-webfont.woff') format('woff'),
         url('../font/urbandale/urbandale-mediumitalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Urbandale';
    src: url('../font/urbandale/urbandale-regular-webfont.eot');
    src: url('../font/urbandale/urbandale-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/urbandale/urbandale-regular-webfont.woff2') format('woff2'),
         url('../font/urbandale/urbandale-regular-webfont.woff') format('woff'),
         url('../font/urbandale/urbandale-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
  

body {
  font-family: "Urbandale", sans-serif !important;
  font-weight: 300;
  }

.strong {
  font-family: "Urbandale-Bold", sans-serif !important;

  }
  
  .medium {
  font-family: "Urbandale-Medium", sans-serif !important;

  }
  
  
  
  /* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card {
  background-color: transparent;
  width: 100%;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
  background-color: #bbb;
  color: black;
}

/* Style the back side */
.flip-card-back {
  background-color: dodgerblue;
  color: white;
  transform: rotateY(180deg);
}