@font-face {
  font-family: "DINNext";
  src:url(../fonts/DIN_Next_Light.otf) format("opentype");
}
  
@font-face {
  font-family: "DINNextBold";
  src:url(../fonts/DIN_Next_Regular.otf) format("opentype");
} 

body {
  background: url("../img/body_bg.png") repeat-x #fefefe;
}

.main .row {
  background: url("../img/content_bg.jpg") no-repeat scroll 285px 0 rgba(0, 0, 0, 0);
}

.main .content {
  background: 0 none;
  margin-top: 0;
  height: 547px;
  min-height: 547px;
  padding: 18px;
}

.main .row .boxen {
  margin-top: 30px;
  margin-bottom: 15px;
}

.main .boxen {
  background: url("../img/boxen_bg.jpg") repeat-y;
}

.tp-banner-container ul li {
  height: 547px !important;
}

.tp-banner-container .top-label {
  color: white;
  font-family:'DINNext';
  font-size: 33pt !important;
  letter-spacing: 1px !important;
}

.tp-banner-container .sub-label {
  color: white;
  font-family:'DINNextBold';
  font-size: 32pt !important;
  letter-spacing: 1px !important;
  line-height: 100% !important;
}

.tp-banner-container .label {
  color: white;
  font-family:'DINNext';
  font-size: 14pt !important;
  line-height: 140% !important;
  text-align: left;
}

.tp-banner-container img {
  height: 100% !important;
  width: 100% !important;
}

.tp-banner-container .tp-bullets {
  bottom: auto !important;
  margin-top: 145px;
}

.tp-banner-container .tp-leftarrow, .tp-banner-container .tp-rightarrow {
  top: 285px !important; 
}

.responsive {
  display: none; 
}

.buttoncontainer {
  margin-top: 15px;
  text-align: center; 
}  

@media only screen and (min-width: 768px) and (max-width : 1214px)  { 
.main .row {
  background: url("../img/content_bg.jpg") no-repeat scroll 237px 0 rgba(0, 0, 0, 0);
}
.tp-banner-container .top-label {
	font-size:24pt !important;  
}
.tp-banner-container .sub-label {
  font-size: 25pt !important;
}

.tp-banner-container .label {
  font-size: 12pt !important;
}

.tp-banner-container img {
	width:70%;
}

}

.content_bottom {
	padding: 20px;
	margin: 10px 0;
	background: white;
}

@media only screen and (max-width: 767px) { 
.tp-banner-container {
  display: none;
}
.body .main .row .content {
  /*background: url("../img/slide.jpg") no-repeat scroll 0 221px #FFFFFF;
  height: 180px;*/
  min-height: 447px;
  padding: 0;
}

.responsive {
  display: inline;
  height: 226px;
  margin-top: 223px;
  width: 360px;
}  

img {
  max-width: 360px; 
}

.sub-container {
  left: 166px !important;
}
}