
@font-face {
    font-family: 'BebasNeueRegular', cursive, sans-serif;
    src: url('https://cdn.xn--b1aga8b.com/fonts/BebasNeue-webfont.eot');
    src: url('https://cdn.xn--b1aga8b.com/fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
    src: url('https://cdn.xn--b1aga8b.com/fonts/BebasNeue-webfont.woff') format('woff'),
    src: url('https://cdn.xn--b1aga8b.com/fonts/BebasNeue-webfont.ttf') format('truetype'),
    src: url('https://cdn.xn--b1aga8b.com/fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
	src: url('https://cdn.xn--b1aga8b.com/fonts/BebasNeueBold.otf') format('otf'),
    src: url('https://cdn.xn--b1aga8b.com/fonts/BebasNeueBook.otf') format('otf'),
    src: url('https://cdn.xn--b1aga8b.com/fonts/BebasNeueLight.otf') format('otf');
	src: url('https://cdn.xn--b1aga8b.com/fonts/BebasNeueRegular.otf') format('otf'),
    src: url('https://cdn.xn--b1aga8b.com/fonts/BebasNeueThin.otf') format('otf'),
    src: url('https://cdn.xn--b1aga8b.com/fonts/TTF/BebasNeueBold.ttf') format('ttf');
	src: url('https://cdn.xn--b1aga8b.com/fonts/TTF/BebasNeueBook.ttf') format('ttf');
	src: url('https://cdn.xn--b1aga8b.com/fonts/TTF/BebasNeueLight.ttf') format('ttf');
	src: url('https://cdn.xn--b1aga8b.com/fonts/TTF/BebasNeueRegular.ttf') format('ttf');
	src: url('https://cdn.xn--b1aga8b.com/fonts/TTF/BebasNeueThin.ttf') format('ttf');
font-size: 13px;
letter-spacing: 0.8px;
word-spacing: 4.8px;
color: #000000;
font-weight: normal;
text-decoration: overline;
font-style: oblique;
font-variant: normal;
text-transform: capitalize;
}
@font-face {
    font-family: 'WebSymbolsRegular';
    src: url('https://cdn.xn--b1aga8b.com/websymbols/websymbols-regular-webfont.eot');
    src: url('https://cdn.xn--b1aga8b.com/websymbols/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.xn--b1aga8b.com/websymbols/websymbols-regular-webfont.woff') format('woff'),
        url('https://cdn.xn--b1aga8b.com/websymbols/websymbols-regular-webfont.ttf') format('truetype'),
        url('https://cdn.xn--b1aga8b.com/websymbols/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
	font-family: 'YanoneKaffeesatz';
	src: url('https://cdn.xn--b1aga8b.com/fonts/YanoneKaffeesatz/YanoneKaffeesatz-Thin.eot');
	src: local('Yanone Kaffeesatz-Thin'), local('fonts/YanoneKaffeesatz/YanoneKaffeesatz-Thin'),
		url('https://cdn.xn--b1aga8b.com/fonts/YanoneKaffeesatz/YanoneKaffeesatz-Thin.eot?#iefix') format('embedded-opentype'),
		url('https://cdn.xn--b1aga8b.com/fonts/YanoneKaffeesatz/YanoneKaffeesatz-Thin.woff') format('woff'),
		url('https://cdn.xn--b1aga8b.com/fonts/YanoneKaffeesatz/YanoneKaffeesatz-Thin.ttf') format('truetype');
	font-size: 13px;
letter-spacing: 0.8px;
word-spacing: 4.8px;
color: #000000;
font-weight: normal;
text-decoration: overline;
font-style: oblique;
font-variant: normal;
text-transform: capitalize;
}

@font-face {
	font-family: 'YanoneKaffeesatz';
	src: url('https://cdn.xn--b1aga8b.com/fonts/YanoneKaffeesatz/YanoneKaffeesatz-Light.eot');
	src: local('Yanone Kaffeesatz-Light'), local('fonts/YanoneKaffeesatz/YanoneKaffeesatz-Light'),
		url('https://cdn.xn--b1aga8b.com/fonts/YanoneKaffeesatz/YanoneKaffeesatz-Light.eot?#iefix') format('embedded-opentype'),
		url('https://cdn.xn--b1aga8b.com/fonts/YanoneKaffeesatz/YanoneKaffeesatz-Light.woff') format('woff'),
		url('https://cdn.xn--b1aga8b.com/fonts/YanoneKaffeesatz/YanoneKaffeesatz-Light.ttf') format('truetype');
	font-size: 13px;
letter-spacing: 0.8px;
word-spacing: 4.8px;
color: #000000;
font-weight: normal;
text-decoration: overline;
font-style: oblique;
font-variant: normal;
text-transform: capitalize;
}

@font-face {
	font-family: 'YanoneKaffeesatz';
	src: url('https://cdn.xn--b1aga8b.com/fonts/YanoneKaffeesatz/YanoneKaffeesatz-Regular.eot');
	src: local('Yanone Kaffeesatz-Regular'), local('fonts/YanoneKaffeesatz/YanoneKaffeesatz-Regular'),
		url('https://cdn.xn--b1aga8b.com/fonts/YanoneKaffeesatz/YanoneKaffeesatz-Regular.eot?#iefix') format('embedded-opentype'),
		url('https://cdn.xn--b1aga8b.com/fonts/YanoneKaffeesatz/YanoneKaffeesatz-Regular.woff') format('woff'),
		url('https://cdn.xn--b1aga8b.com/fonts/YanoneKaffeesatz/YanoneKaffeesatz-Regular.ttf') format('truetype');
	font-size: 13px;
letter-spacing: 0.8px;
word-spacing: 4.8px;
color: #000000;
font-weight: normal;
text-decoration: overline;
font-style: oblique;
font-variant: normal;
text-transform: capitalize;
}

@font-face {
	font-family: 'YanoneKaffeesatz';
	src: url('https://cdn.xn--b1aga8b.com/fonts/YanoneKaffeesatz/YanoneKaffeesatz-Bold.eot');
	src: local('Yanone Kaffeesatz-Bold'), local('fonts/YanoneKaffeesatz/YanoneKaffeesatz-Bold'),
		url('https://cdn.xn--b1aga8b.com/fonts/YanoneKaffeesatz/YanoneKaffeesatz-Bold.eot?#iefix') format('embedded-opentype'),
		url('https://cdn.xn--b1aga8b.com/fonts/YanoneKaffeesatz/YanoneKaffeesatz-Bold.woff') format('woff'),
		url('https://cdn.xn--b1aga8b.com/fonts/YanoneKaffeesatz/YanoneKaffeesatz-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
    font-family: 'WebSymbolsRegular';
    src: url('https://cdn.xn--b1aga8b.com/websymbols/websymbols-regular-webfont.eot');
    src: url('https://cdn.xn--b1aga8b.com/websymbols/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.xn--b1aga8b.com/websymbols/websymbols-regular-webfont.woff') format('woff'),
        url('https://cdn.xn--b1aga8b.com/websymbols/websymbols-regular-webfont.ttf') format('truetype'),
        url('https://cdn.xn--b1aga8b.com/websymbols/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
  
   
   table.frame {
	width:97%;
    margin-left:1.5%;
    margin-right:1.5%;
	padding: 5px 5px;
	position: relative;
	
	display: block;
	/*color: #fff;*/
	text-shadow: 5px 4px 3px rgba(3,15,25,0.8);
	line-height: 16px;

	background: transparent no-repeat center;
	background: -moz-linear-gradient(top, #ffffff 1%, rgba(230,230,230,0.35) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(230,230,230,0.35)), color-stop(100%,rgba(230,230,230,0.35)));
	background: -webkit-linear-gradient(top, rgba(230,230,230,0.35) 1%,rgba(230,230,230,0.35) 100%);
	background: -o-linear-gradient(top, #ffffff 1%,rgba(230,230,230,0.35) 100%);
	background: -ms-linear-gradient(top, #ffffff 1%,rgba(230,230,230,0.35) 100%);
	background: linear-gradient(top, #ffffff 1%,rgba(230,230,230,0.35) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
	box-shadow:
		0px 0px 0px 1px rgba(155,155,155,0.3),
		0px 0px 0px 0px rgba(255,255,255,0.9) inset,
		0px 2px 2px rgba(0,0,0,0.1);
   }


table.frame p {
	font:thin 12px 'Yanone Kaffeesatz', sans-serif; /*normal 13px 'BebasNeueRegular', sans-serif;*/
	text-transform:none; /*font-family: 'WebSymbolsRegular', 'Arial Narrow', Arial, sans-serif;*/
	padding: 5px 10px;
	position: relative;	
	display: block;
	color: #000000;
	text-shadow: 1px 1px 1px rgba(200,195,190,0.8);
	line-height: 15px;
	background: transparent no-repeat center;
	background: -moz-linear-gradient(top, #ffffff 1%, rgba(250,250,250,0.35) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(250,250,250,0.35)), color-stop(100%,rgba(250,250,250,0.35)));
	background: -webkit-linear-gradient(top, rgba(250,250,250,0.35) 1%,rgba(250,250,250,0.35) 100%);
	background: -o-linear-gradient(top, #000000 1%,rgba(250,250,250,0.35) 100%);
	background: -ms-linear-gradient(top, #ffffff 1%,rgba(250,250,250,0.35) 100%);
	background: linear-gradient(top, #ffffff 1%,rgba(250,250,250,0.35) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
	box-shadow:
		0px 0px 0px 1px rgba(155,155,155,0.3),
		1px 0px 0px 0px rgba(125,125,125,0.2) inset,
		0px 2px 2px rgba(0,0,0,0.1);
}
   
table.advoverlay {
width:99%;
margin-left:1%;
    margin-right:1%;
	font:thin 10px 'BebasNeueRegular', sans-serif;
	text-transform:none;
	padding: 5px 5px;
	position: relative;	
	display: block;
	color: #fff;
	text-shadow: 5px 4px 3px rgba(3,15,25,0.8);
	line-height: 15px;
	background: transparent no-repeat center;
	background: -moz-linear-gradient(top, #ffffff 1%, rgba(10,10,10,0.35) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(10,10,10,0.35)), color-stop(100%,rgba(10,10,10,0.35)));
	background: -webkit-linear-gradient(top, rgba(10,10,10,0.35) 1%,rgba(10,10,10,0.35) 100%);
	background: -o-linear-gradient(top, #ffffff 1%,rgba(10,10,10,0.35) 100%);
	background: -ms-linear-gradient(top, #ffffff 1%,rgba(10,10,10,0.35) 100%);
	background: linear-gradient(top, #ffffff 1%,rgba(10,10,10,0.35) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
	box-shadow:
		0px 0px 0px 1px rgba(155,155,155,0.3),
		1px 0px 0px 0px rgba(255,255,255,0.9) inset,
		0px 2px 2px rgba(0,0,0,0.1);
}
   
/* .advoverlay thead td
{
  -moz-border-radius-topright: 30px;
  -moz-border-radius-topleft: 30px;
  border-top-right-radius: 30px;
  border-top-left-radius: 30px;
  border-top: 1px solid #eaeaea;
} */


table.advoverlay td.whitetranspt {
	border-right: 0px solid #C1DAD7;
	border-left: 0px solid #C1DAD7;
	border-bottom: 0px solid #C1DAD7;
	border-top: 0px solid #C1DAD7;
	padding: 5px 10px;
	position: relative;
	background: -moz-linear-gradient(top, #cafaca 9%, rgba(15,15,15,0.05) 80%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(9%,rgba(105,105,105,0.05)), color-stop(80%,rgba(25,25,25,0.95)));
	background: -webkit-linear-gradient(top, rgba(145,145,145,0.25) 1%,rgba(254,253,255,0.95) 100%);
	background: -o-linear-gradient(top, #ffffff 1%,rgba(105,105,105,0.15) 100%);
	background: -ms-linear-gradient(top, #ffff00 1%,rgba(105,105,105,0.95) 100%);
	background: linear-gradient(top, #ffff00 1%,rgba(105,105,105,0.95) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff00', endColorstr='#eaeaea',GradientType=0 );
	box-shadow:
		0px 0px 0px 1px rgba(155,155,155,0.3),
		1px 0px 0px 0px rgba(255,255,255,0.9) inset,
		0px 2px 2px rgba(0,0,0,0.1);
}

table.advoverlay td.whitetranspb {
	border-right: 0px solid #C1DAD7;
	border-left: 0px solid #C1DAD7;
	border-bottom: 0px solid #C1DAD7;
	border-top: 0px solid #C1DAD7;
	padding: 5px 10px;
	position: relative;
	background: -moz-linear-gradient(top, #cafaca 9%, rgba(15,15,15,0.05) 80%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(9%,rgba(105,105,105,0.05)), color-stop(80%,rgba(25,25,25,0.95)));
	background: -webkit-linear-gradient(bottom, rgba(145,145,145,0.25) 1%,rgba(254,253,255,0.95) 100%);
	background: -o-linear-gradient(top, #ffffff 1%,rgba(105,105,105,0.15) 100%);
	background: -ms-linear-gradient(top, #ffff00 1%,rgba(105,105,105,0.95) 100%);
	background: linear-gradient(top, #ffff00 1%,rgba(105,105,105,0.95) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff00', endColorstr='#eaeaea',GradientType=0 );
	box-shadow:
		0px 0px 0px 1px rgba(155,155,155,0.3),
		1px 0px 0px 0px rgba(255,255,255,0.9) inset,
		0px 2px 2px rgba(0,0,0,0.1);
}



table.advoverlay th {
	font: normal 13px 'Yanone Kaffeesatz', sans-serif;  
	color: #fff;
	border-left: 0px solid #C1DAD7;
	border-right: 0px solid #C1DAD7;
	border-bottom: 0px solid #C1DAD7;
	border-top: 0px solid #C1DAD7;
	letter-spacing: 2px;
	line-height: 37px;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: background: transparent no-repeat center;
}

body {background-image: linear-gradient(85deg, #EDEFDF 25%, #EDEFDF 25%, #EDEFDF 50%, #EDEFDF 50%, #EDEFDF 55%, #EDEFDF 65%, #EDEFDF 95%);background-size: 100%;}

.media {
    display: inline-block;
    position: relative;
    vertical-align: top;
}

.media__image { display: block; }

.media__body {
  
  background: rgba(1, 1, 1, 0.1);
  bottom: 0;
  color: white;
  font-size: 1em;
  left: 0;
  opacity: 0;
  overflow: hidden;
  padding: 3.75em 3em;
  position: absolute;
  text-align: left;
  top: 0;
  right: 0;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

.media__body:hover { opacity: 1; }

.media__body:after,
.media__body:before {
  border: 1px solid rgba(255, 255, 255, 0.7);
  bottom: 1em;
  content: '';
  left: 1em;
  opacity: 0;
  position: absolute;
  right: 1em;
  top: 1em;
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition: 0.6s 0.2s;
  transition: 0.6s 0.2s;
}

.media__body:before {
  border-bottom: none;
  border-top: none;
  left: 2em;
  right: 2em;
}

.media__body:after {
  border-left: none;
  border-right: none;
  bottom: 2em;
  top: 2em;
}

.media__body:hover:after,
.media__body:hover:before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.media__body h2 { margin-top: 0; }

.media__body p { margin-bottom: 1.5em; }

.media__body a[href^="mailto:"] {
	color:#ffffff;
	font:normal 12px 'Yanone Kaffeesatz', sans-serif;
    font-weight: bold;
	text-transform:capitalize;
	display:inline-block;
	position:relative;
}


* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.image-container{
  width:500px;
  position:relative;
  overflow: hidden;
  
}
  
.image-container img {
  max-width: 100%; 
  height: auto;
  display: block;
  
}

.image-container a {
	font: normal 12px 'Yanone Kaffeesatz', sans-serif;
	color: #fff;
	border-left: 0px solid #C1DAD7;
	border-right: 0px solid #C1DAD7;
	border-bottom: 0px solid #C1DAD7;
	border-top: 0px solid #C1DAD7;
	letter-spacing: 2px;
	text-align: left;
	line-height: 17px;
	padding: 2px 2px 2px 6px;
	background: background: transparent no-repeat center;
  position:absolute;
  width: 100%;
  height: 100%;
  top: 3px;
  bottom: 10px;
  left: 5px;
  z-index:2;
  
}

.image-container .image-overlay{
  opacity:0;
  position:absolute;
  color: #fff;
  background: rgba(41,40,37, 0.17);
  width: 100%;
  height: 100%;
  top: 20px;
  left: 3px;
  padding: 5px;  
  -webkit-transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -ms-transition: opacity .5s ease-in-out;
  -o-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out;
  z-index:1;
}
.image-container:hover .image-overlay{
  opacity:1;
}
