/*css*/
@import '../css/grid.css'; /* grid system bootstrap like... */
@import '../css/superfish.css'; /* menu desktop and mobile style */
/* @import "../css/touchTouch.css"; */
@import '../css/form.css';
@import '../css/stuck.css';

/**
 *
 *
 *
 */
@font-face {
      font-family: 'Raleway';
      src: url('../fonts/raleway.woff2') format('woff2');
      font-display: fallback;
      font-style: normal;
      font-weight: 400;
}



input::-ms-clear {
  display: none;
}

html,
body {
}

a[href^='tel:'] {
  color: inherit;
  text-decoration: none;
}
* {
  -webkit-text-size-adjust: none;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: '';
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.fleft {
  float: left;
}
.fright {
  float: right;
}
.clear {
  clear: both;
  width: 100%;
  font-size: 0;
  line-height: 0;
}
.wrapper,
.wrapper-extra,
.extra-wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.wrap {
  position: relative;
  /*text-align: center;*/
}
.wrapper-after:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: '.';
}
.dis-block {
  display: block;
}
.dis-inblock {
  display: inline-block;
}

.txt_left {
  text-align: left;
}
.txt_right {
  text-align: right;
}
.txt_cntr {
  text-align: center;
}
.txt_ital {
  font-style: italic;
}
.txt_line_through {
  text-decoration: line-through;
}

.lh24 {
  line-height: 24px;
}

.marall {
  margin: 20px !important;
}
.marg-left-0 {
  margin-left: 0 !important;
}
.marg-right-0 {
  margin-right: 0 !important;
}
.marg-left-right-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.last-mbot {
  margin-bottom: 0 !important;
}
.last-pbot {
  padding-bottom: 0 !important;
}
.last-mpbot {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.marrigtop {
  margin-right: 12px;
  margin-top: 0px;
}
.marLeft1 {
  margin-left: 10px;
}
.marLefbott {
  margin-left: 5px;
  margin-bottom: 12px;
}
.marRight1 {
  margin-right: 13px;
}
.marRight2 {
  margin-right: 69px;
}
.box_dbg2 {
  margin-top: 15px;
  background-color: #ffd0e8 !important;
}
.marleflt {
  margin-left: 30px;
}
.padTop1 {
  padding-top: 20px;
}
.pad20 {
  padding: 20px;
}
.padBot1 {
  padding-bottom: 60px;
}
.padBot2 {
  padding-bottom: 41px;
}
.padlef {
  padding-left: 30px;
}
.padall {
  padding: 20px !important;
}
.mar1 {
  margin-right: 18px;
}
.mar12 {
  margin: 20px;
}
.marlef12 {
  margin-left: 19px;
}
.marlef60 {
  margin-left: 60px;
}
.marlef50 {
  margin-left: 50px;
}
.marlef500 {
  margin-left: 430px;
}
.marlef5 {
  margin-left: 1px;
}
.marTop0 {
  margin-top: 0px;
}
.marTop1 {
  margin-top: 16px;
}
.marTop2 {
  margin-top: 4px;
}
.marTop3 {
  margin-top: 64px;
}
.marTop4 {
  margin-top: 14px;
  margin-bottom: -3px;
}
.marTop5 {
  margin-top: 7px;
}

.marTop6 {
  margin-top: 10px;
}

.marTop20 {
  margin-top: 20px;
}
.marTop30 {
  margin-top: 30px;
}
.martople {
  margin-top: 20px !important;
}
.mtopmin {
  margin-top: -30px !important;
}
.mtopmin2 {
  margin-top: -45px !important;
}
.mtopmin3 {
  margin-top: -55px !important;
}
.mtopmin4 {
  margin-top: -10px !important;
}

.indent1 {
  width: 100%;
  margin-top: 30px;
}
.indent2 {
  width: 100%;
  margin-top: 55px;
}

.pos_rel {
  position: relative;
}

.marBot1 {
  margin-bottom: -12px;
}
.marBot2 {
  margin-bottom: 12px;
}
.marBot3 {
  margin-bottom: 32px;
}
.hline2 {
  position: relative;
  width: 100%;
  padding-bottom: 36px;
  border-bottom: 1px solid #ccc;
  margin-top: 30px;
}
.hline2.v2 {
  padding-bottom: 29px;
  margin-top: 0px;
}
.hline2.v3 {
  padding-bottom: 59px;
  margin-top: 0px;
  margin-bottom: 52px;
}
.hline2.v4 {
  padding-bottom: 59px;
  margin-top: 0px;
  margin-bottom: 52px;
}

.box,
.box2,
.box3 {
  overflow: hidden;
}
.bold {
  font-weight: bold;
}
.fw400 {
  font-weight: 400;
}
.fw600 {
  font-weight: 600;
}

.color1 {
  color: #b40432 !important;
}
.color2 {
  color: #fff !important;
}
.color3 {
  color: #0da7cd !important;
}
.color4 {
  color: #b40432 !important;
}
.color5 {
  color: #459e18 !important;
}
.color6 {
  color: #424242 !important;
}
.color7 {
  color: #6c8ca8 !important;
}
.color8 {
  color: #cf5f7c !important;
}
.color9 {
  color: #d8d8d8 !important;
}
.color10 {
  color: #ffffff !important;
}

/* Global properties ======================================================== */
html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
}

body {
  min-width: 300px;
  background: #f2f2f2;
  color: #666666;
  /* font: 13px/18px; */
  font-size: 0.9rem;
  font-family: 'Raleway', Arial, Helvetica, sans-serif;
  position: relative;
  font-display: fallback;
  line-height: 1.6rem;
}

@media only screen and (max-width: 767px) {
  body {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

.grid_3 {
  font-family: 'Raleway', sans-serif;
  font-display: fallback;
  font-size: 0.9rem;
}

@media only screen and (max-width: 767px) {
  .grid_3 {
    font-size: 1rem;
    line-height: 1.8rem;
  }
}

.fs_14 {
  font-family: 'Raleway', sans-serif;
  font-display: fallback;
  font-size: 14px;
}
#back-top {
  position: fixed;
  bottom: 40px;
  left: 51%;
  z-index: 1000;
  display: none;
  margin-left: 620px;
  width: 26px;
  height: 26px;
  color: #54b00a;
  text-align: center;
  cursor: pointer;
  border-radius: 500px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#back-top i {
  line-height: 38px;
  font-size: 38px; /*display: none*/
}
#back-top:hover {
  color: #000;
  /*background: url(../images/up-arrow.png) 50% 50% no-repeat #b5fa9c;*/
}
.main {
  height: auto;
  margin: 0 auto;
  padding: 0;
  position: relative;
  width: 100%;
}
.div-content {
  margin: 0 auto;
  padding-top: 0px;
  padding-bottom: 0px;
  width: 100%;
  background: #fff;
  overflow: hidden;
}
.div-content.content_page {
  padding-bottom: 30px;
}

/***********************************************************************/
/*===============================>H-logo-properties=========================*/
/* h1 {
  position: relative;
  display: inline-block;
  margin: 0;
  margin-top: 0px;
  float: left;
}

h1 img {
  max-width: inherit;
}
 */

h1 {
  color: #4d5467;
  font-size: 1.5rem;
  margin-bottom: 30px;
  text-transform: inherit;
  font-family: 'Raleway', sans-serif;
  font-display: fallback;
}

.left-rob-banner-area h1 {
  color: #4d5467;
  font-size: 1.5rem;
  margin-bottom: 30px;
  text-transform: inherit;
  font-family: 'Raleway', sans-serif;
  font-display: fallback;
}

h2 {
  font: 500 24px/24px 'Raleway', sans-serif;
  font-display: fallback;
  color: #010101;
  margin-top: 43px;
  margin-left: -3px;
}

h2.v2 {
  margin-top: 0;
  margin-bottom: 11px;
}

h3 {
  font: 500 22px/30px 'Raleway', sans-serif;
  font-display: fallback;
  color: #2d2d2d;
  margin-top: 33px;
  margin-bottom: -2px;
}

h4 {
  font: 300 20px/25px 'Raleway', sans-serif;
  font-display: fallback;
  color: #f25f43;
  margin-top: 37px;
  text-transform: uppercase;
}
#search-results h4 {
  color: #000;
  padding-bottom: 12px;
}
span.search {
  color: #3e9e08 !important;
}
#search-results h4 a:hover {
  color: #3e9e08;
}
h5 {
  margin-top: 10px;
  margin-bottom: 0;
  color: #222;
  text-transform: uppercase;
  font: 14px/22px 'Raleway', sans-serif;
  font-display: fallback;
}

.txt1 {
  font: 14px/20px 'Raleway', sans-serif;
  font-display: fallback;
  margin-top: 6px;
  color: #777;
  text-align: right;
}

.txt2 {
  font-family: 'Raleway', sans-serif;
  font-size: 1.8rem;
  font-display: fallback;
  margin-top: 16px;
  color: #222;
  text-align: right;
}

.txt3 {
  font: bold 20px/34px 'Raleway', sans-serif;
  font-display: fallback;
  margin-top: 4px;
  color: #a4a4a4;
  display: inline-block;
  margin-right: -5px;
}
.txt4 {
  /* font:500 40px/40px 'Raleway', sans-serif; */
  font-size: 1.8rem;
  line-height: 2rem;
  font-family: 'Raleway', sans-serif;
  font-display: fallback;
  margin-top: 6px;
  color: #fff;
}
.txt5 {
  font: 500 40px/40px 'Raleway', sans-serif;
  font-display: fallback;
  margin-top: 24px;
  color: #000;
  margin-bottom: -5px;
}
.txt6 {
  font: 15px/20px 'Raleway', sans-serif;
  font-display: fallback;
  margin-top: 10px;
  color: #888;
}
.txt7 {
  font: 500 17px/24px 'Raleway', sans-serif;
  font-display: fallback;
  margin-top: 2px;
  color: #2d2d2d;
}
.txt8 {
  font: 14px/20px 'Raleway', sans-serif;
  font-display: fallback;
  margin-top: 4px;
  color: #459e18;
}
.txt9 {
  font: 500 22px/24px 'Raleway', sans-serif;
  font-display: fallback;
  color: #fff;
  margin-top: 20px;
  margin-bottom: 9px;
}
.txt10 {
  font: 500 22px/24px 'Raleway', sans-serif;
  font-display: fallback;
  color: #fff;
  margin-top: 0px;
  margin-bottom: 9px;
}
.txt11 {
  font: 500 17px/24px 'Raleway', sans-serif;
  font-display: fallback;
  margin-top: 8px;
  margin-bottom: -9px;
  color: #459e18;
}
.txt11a {
  font: 500 16px/22px 'Raleway', Arial, sans-serif !important;
  font-display: fallback;
  margin-top: 8px;
  margin-bottom: -9px;
  color: #848484 !important;
}
.txt11a2 {
  font: 500 16px/22px 'Raleway', Arial, sans-serif !important;
  font-display: fallback;
  color: #848484 !important;
}

.txt12 {
  font: 500 22px/24px 'Raleway', sans-serif;
  font-display: fallback;
  color: #2d2d2d;
  margin-top: 20px;
  margin-bottom: 9px;
}
.txt13 {
  font: 500 17px/22px 'Raleway', sans-serif;
  font-display: fallback;
  color: #2d2d2d;
  margin-top: 17px;
  margin-bottom: -2px;
}
.txt14 {
  font: 13px/22px 'Raleway', sans-serif;
  font-display: fallback;
  color: #888;
  margin-top: 17px;
  float: left;
}

p {
  margin-top: 7px;
}

/* Nick was here */
img {
  /* margin-bottom: 0px; */
  /* max-width: 100%; */
  /* height: auto; */
}

.img1 {
  margin-top: 30px;
  float: left;
  margin-right: 15px;
}
.img2 {
  margin-top: 25px;
}
.img3 {
  margin-top: 25px;
  float: left;
  margin-right: 29px;
}
.img4 {
  margin-top: 25px;
}
.img5 {
  margin-top: 25px;
}
.img6 {
  margin-top: 25px;
  float: left;
  margin-right: 29px;
}
.img7 {
  margin-top: 25px;
  float: left;
  margin-right: 29px;
}

a {
  text-decoration: none;
  cursor: pointer;
  color: inherit;
}

a.link1 {
  color: #459e18;
}

a.link1:hover {
  color: #000;
}

a.link2 {
  text-decoration: underline;
}
a.link2:hover {
  color: #000;
  text-decoration: underline;
}

footer a.link2 {
  text-decoration: none;
}

a:hover {
  color: #346da5;
  text-decoration: none;
}
a {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.num_section {
  position: relative;
  width: 70px;
  height: 70px;
  background-color: #d8d8d8;
  float: left;
  margin-right: 16px;
  text-align: center;
  margin-top: 11px;
  color: #fff;
  /* text-transform: uppercase; */
  font-size: 2.3rem;
  font-family: 'Raleway', sans-serif;
  font-display: fallback;
  border-radius: 500px;
  line-height: 62px;
}


.day {
  font: 30px/30px 'Raleway', sans-serif;
  font-display: fallback;
  margin-top: 9px;
  display: inline-block;
}
.month {
  font: 18px/18px 'Raleway', sans-serif;
  font-display: fallback;
  margin-top: 0;
}

/************Header************/
header {
  position: relative;
  z-index: 11;
  padding: 0;
  padding-top: 10px;
}

header.content_header {
  margin-bottom: 40px;
}

.gall_holder {
  background: url(../images/slide1_hintergrund9.jpg);
  margin-top: 4px;
}
.gall_holder2 {
  background: url(../images/slide1_hintergrund_ueber_uns5.jpg);
  margin-top: 6px;
  min-height: 80px;
}
.gall_holder3 {
  background: url(../images/slide1_hintergrund6gg2.jpg);
  margin-top: 6px;
  min-height: 80px;
}

#stuck_container {
  position: relative;
  z-index: 100;
}

.menu_holder {
  margin-top: 22px;
  background: #b40432;
}
.gradient1 {
  background: #fcfcfc; /* for old browsers */
  background: -moz-linear-gradient(top, #fcfcfc, #dfdfe1); /* Firefox 3.6+ */
  /* Chrome 1-9, Safari 4-5 */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #fcfcfc),
    color-stop(100%, #dfdfe1)
  );
  /* Chrome 10+, Safari 5.1+ */
  background: -webkit-linear-gradient(top, #fcfcfc, #dfdfe1);
  background: -o-linear-gradient(top, #fcfcfc, #dfdfe1); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fcfcfc, #dfdfe1); /* IE10 */
  background: linear-gradient(top, #fcfcfc, #dfdfe1); /* CSS3 */
}

/************Content***********/

blockquote {
  position: relative;
  margin-top: 21px;
  display: block;
  padding-left: 45px;
  background: url(../images/quote_sign.png) 2px 5px no-repeat;
}

.magnifier2:hover .img_section_txt2 {
  top: 0;
}

.banner1 {
  width: 50%;
  position: relative;
  background: #989797;
  float: left;
  margin: 0;
  -webkit-box-sizing: border-box; /* Safari */
  -moz-box-sizing: border-box; /*Firefox 1-3*/
  box-sizing: border-box;
  padding: 20px 30px 36px 27px;
}
.banner1 + .banner1 {
  background: #adacac;
}
.banner1 .more_btn {
  float: right;
  margin-left: 52px;
  margin-top: 13px;
}

.banner2 {
  position: relative;
  background: #2d2d2d;
  margin: 0;
  -webkit-box-sizing: border-box; /* Safari */
  -moz-box-sizing: border-box; /*Firefox 1-3*/
  box-sizing: border-box;
  padding: 25px 30px 31px 29px;
  margin-top: 24px;
}
.banner2.v2 {
  background: #383838;
}
.banner2.v3 {
  background: #424242;
}

.boxhg {
  background: #bdbdbd;
}
.boxhg2 {
  background: #f3e0e0 !important;
}
.boxhg3 {
  background: #cae2cd !important;
}
.boxhg4 {
  background: #d8d8d8 !important;
}
.boxhg5 {
  background: #e0ecf8 !important;
}
.boxhg6 {
  background: #f8f6f6 !important;
}
.boxhg7 {
  background: url(../images/balken.png) !important;
}
.boxhg8 {
  background: #ffffff !important;
}
.boxhggr {
  background: #bbffbb !important;
}
.boxhgyel {
  background: #ffffbd !important;
}
.boxhgre {
  background: #ffcaca !important;
}

.Stil6 {
  color: #333;
}

.Stil10 {
  color: #54b00a;
}

.box-1 {
  -webkit-box-sizing: border-box; /* Safari */
  -moz-box-sizing: border-box; /*Firefox 1-3*/
  box-sizing: border-box;
  padding: 10px 0px 57px;
  background: #fff;
  margin-top: 6px;
  margin-bottom: 11px;
}
.box-1.v2 {
  padding-bottom: 52px;
}
.box-1.v3 {
  padding-bottom: 47px;
}

.box-2 {
  -webkit-box-sizing: border-box; /* Safari */
  -moz-box-sizing: border-box; /*Firefox 1-3*/
  box-sizing: border-box;
  padding: 25px 10px 26px 30px;
  background: #ffffff;
  margin: 0;
  width: 100%;
}

.link-box:hover .box-1 {
  background: #54b00a;
}
.link-box:hover .color1 {
  color: #000 !important;
}

/* ============================= lists ====================== */
.listWithMarker {
  margin: 0;
  margin-top: 10px;
}
.listWithMarker li {
  display: block;
  margin-bottom: 7px;
}
.listWithMarker li a {
  color: #459e18;
  text-decoration: none;
  font: 500 17px/20px 'Raleway', sans-serif;
  font-display: fallback;
}
.listWithMarker li a:hover,
.listWithMarker li.current a {
  color: #000;
}

.list2 {
  margin: 0;
  margin-top: 19px;
}
.list2 li {
  display: block;
  margin-bottom: 10px;
  padding-left: 16px;
  background: url(../images/list_marker.png) 0 4px no-repeat;
}
.list2 li a {
  color: #888;
  text-decoration: none;
  font: 13px/20px 'Raleway', sans-serif;
  font-display: fallback;
}
.list2 li a:hover,
.list2 li.current a {
  color: #459e18;
}

.list_footer {
  margin: 0;
  margin-left: 32px;
}
.list_footer li {
  display: block;
  float: left;
  margin-right: 25px;
}
.list_footer li a {
  color: #2d2d2d;
  text-decoration: none;
  font: bold 20px/20px 'Raleway', sans-serif;
  font-display: fallback;
}
.list_footer li a:hover,
.list_footer li.current a {
  color: #459e18;
}

/* ============================= end lists ====================== */
.more_btn_gall {
  position: relative;
  display: inline-block;
  margin-top: 35px;
  padding: 14px 18px;
  background: #459e18;
  color: #fff;
  text-decoration: none;
  font: bold 20px/24px 'Raleway', sans-serif;
  font-display: fallback;
}
.more_btn_gall:hover {
  color: #fff;
  background: #54b00a !important;
}

.more_btn {
  position: relative;
  display: inline-block;
  /* margin-top: 35px; */
  /* padding: 16px 30px 21px; */
  padding: 10px;
  background: #4782bc;
  color: #fff;
  text-decoration: none;
  font-family: 'Raleway', sans-serif;
  font-size: 1.2rem;
  font-display: fallback;
  /* opacity: 0.8; */
}

.more_btn:hover {
  color: #fff;
  background: #b40432 !important;
}


.more_btn2 {
  position: relative;
  display: inline-block;
  margin-top: 28px;
  padding: 14px 31px 17px;
  background: #bfbcbd;
  color: #fff;
  text-decoration: none;
  font: 500 17px/20px 'Raleway', sans-serif;
  font-display: fallback;
}
.more_btn2:hover {
  color: #fff;
  background: #5b5b5b;
}

.more_btn3 {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../images/header_search_icon.png) 0 0 no-repeat;
  margin-left: -28px;
  margin-top: 11px;
}
.more_btn3:hover {
  background: url(../images/header_search_icon.png) 0 bottom no-repeat;
}

figure {
  display: block;
  margin-top: 7px;
  margin-bottom: 20px;
}
.figure_video {
  margin-bottom: 10px;
  margin-top: 17px;
}
figure.img_inner {
  display: block;
  overflow: hidden;
  height: auto;
  line-height: 0;
  margin: 0;
  margin-top: 25px;
  margin-bottom: 12px;
}
figure.img_inner.v2 {
  margin-top: 24px;
  margin-bottom: 22px;
}
figure.img_inner.v2 iframe {
  height: 461px;
}
figure iframe {
  width: 100%;
  height: 373px;
}
address {
  display: block;
  margin-top: 20px;
  font-style: normal;
}
address dl dt {
  margin-bottom: 0px;
  display: inline-block;
  /*color: #454545;*/
  margin-bottom: 9px;
  font-weight: bold;
  font: 500 22px/24px 'Raleway', sans-serif;
  font-display: fallback;
  color: #2d2d2d;
}
address dd span {
  position: relative;
  display: inline-block;
  width: 105px;
}

/*********************************start magnifier2*************************************/
.magnifier2 {
  position: relative;
  /* display:block; */
  display: inline-block;
  width: 100%;
  overflow: hidden;
}
.magnifier2 img {
}
.zoom {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box; /* Safari */
  -moz-box-sizing: border-box; /*Firefox 1-3*/

  box-sizing: border-box;
  width: 100%;
  height: 100%;
  background: url(../images/magnifier2.png) 50% 50% no-repeat;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
a.magnifier2:hover .zoom {
  opacity: 1;
}
a.magnifier2 .zoom {
  opacity: 0;
}

/******* Simelka page By Robel ********/

.rob-banner-area {
  background: rgba(0, 0, 0, 0) url('../images/banner-background.png') no-repeat
    fixed center center / cover;
  overflow: hidden;
  padding: 50px 0;
  position: relative;
}




.ro-home-links li a {
  color: #494b4c;
  display: inline-block;
  font-weight: 800;
}
.ro-home-links li {
  display: inline;
  margin-bottom: 0px;
  padding: 0 2px;
}
.ro-home-links ul {
  margin-bottom: 0px;
}
.ro-home-links p {
  margin-bottom: 0px;
  color: #aeafaf;
}
.ro-home-patner {
}
.ro-home-patner ul {
  margin-bottom: 0;
}
.ro-home-patner ul li {
  display: inline-block;
  margin-bottom: 0;
  width: 32%;
}
.ro-home-patner ul li a {
  display: inline-block;
}
.ro-home-patner {
  width: 70%;
}
.ro-home-links {
  width: 30%;
}

.rob-banner-area {
  background: rgba(0, 0, 0, 0) url('../images/banner-background.png') no-repeat center center / cover;
  overflow: hidden;
  padding: 50px 0;
  position: relative;
  font-family: 'Raleway', sans-serif;
  font-display: fallback;
}
.left-rob-banner-area {
  background: rgba(0, 0, 0, 0);
  color: #4d5467;
  padding: 15px;
  margin-top: 60px;
  width: 50%;
}
.left-rob-banner-area h2 {
  color: #4d5467;
  font-size: 25px;
  margin-bottom: 30px;
  text-transform: inherit;
  font-family: 'Raleway', sans-serif;
  font-display: fallback;
}
.left-rob-banner-area li {
  font-size: 18px;
  list-style: outside none none;
  padding-left: 15px;
  line-height: 18px;
  margin-bottom: 12px;
}
.left-rob-banner-area li i {
  color: #4782bc;
  padding-right: 11px;
}

.rob-border {
  background: #ffffff none repeat scroll 0 0 padding-box;
  border: 15px solid rgba(0, 0, 0, 0.3);
  padding: 15px 20px;
  z-index: 2;
  position: relative;
}

.right-rob-banner {
  width: 35%;
}

.rob-icons-area {
  margin-top: 10px;
  padding-bottom: 40px;
  text-align: center;
}
.border-area {
  border-top: 2px dotted #686868;
}
.rob-icons-area h2 {
  color: #4d5467;
  font-size: 25px;
  margin-bottom: 50px;
  text-transform: inherit;
  font-family: 'Raleway', sans-serif;
  font-display: fallback;
}
.left-rob-banner-area {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #4d5467;
  margin-top: 50px;
  padding: 15px;
  width: 52%;
}

.rob-border {
  background: #ffffff none repeat scroll 0 0 padding-box;
  border: 15px solid rgba(0, 0, 0, 0.3);
  padding: 15px 20px;
  position: relative;
  z-index: 1001;
}

.border-top-area {
  border-top: 1px solid #b5b1b1;
  border-bottom: 1px solid #b5b1b1;
  padding-top: 20px;
  padding-bottom: 20px;
}

.border-top-area p {
  margin: 0px;
}

a.video-link {
  background: #b40432 none repeat scroll 0 0;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  font-size: 20px;
  margin-top: 10px;
  padding: 10px;
  text-align: center;
  width: 150px;
  margin-left: 25px;
}

.right-rob-banner {
  width: 35%;
}
.floatleft {
  float: left;
}
.floatright {
  float: right;
}
.right-coner-area {
  background: #4782bc none repeat scroll 0 0;
  color: #ffffff;
  font-size: 18px;
  font-weight: 800;
  min-width: 440px;
  padding: 29px 14px;
  position: absolute;
  right: -80px;
  text-align: center;
  top: 80px;
  transform: rotate(40deg);
  -webkit-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
  -o-transform: rotate(40deg);
  z-index: 4;
}
.cont-single::before {
  background: rgba(0, 0, 0, 0) url('../images/ro-7.png') no-repeat scroll 0 0;
  content: '';
  height: 53px;
  position: absolute;
  right: -75px;
  top: 30px;
  width: 130px;
}
.cont-single {
  float: left;
  margin-bottom: 30px;
  position: relative;
  width: 33.33%;
}
#before-none::before {
  display: none;
}
.cont-single p {
  color: #6d99a4;
  font-size: 15px;
  font-weight: 700;
  margin-top: 40px;
}
div.yallow {
  background: #b40432 none repeat scroll 0 0;
  border: 0 none;
  border-radius: 8px;
  display: inline-block;
  font-size: 15px;
  overflow: hidden;
}
div.yallow a {
  cursor: pointer;
  display: inline-block;
  padding: 14px 25px;
}
.rob-border-feedback {
  padding: 40px 0;
}
.rob-feedback-area h3 {
  color: #8b8c8c;
  font-size: 18px;
  font-weight: 700;
  margin-top: 0;
  text-transform: inherit;
}
.ro-left-text-area {
  color: #363535;
  width: 55%;
}
.ro-left-image-area {
  width: 45%;
}
.cu-form-conner {
  position: absolute;
  right: -28px;
  top: -23px;
  z-index: 99;
}
.ro-left-text-area p {
  color: #8b8c8c;
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 0;
  padding-left: 14px;
  margin-top: 8px;
}
.border-top-bottom {
  border-bottom: 2px dotted #878296;
  border-top: 2px dotted #878296;
  color: #8f8c8c;
  font-size: 16px;
  font-weight: 400;
  padding: 80px 0;
}
.border-top {
  border-top: 2px dotted #878296;
  color: #8f8c8c;
}
.ref-image {
  float: left;
  position: relative;
  text-align: center;
  width: 45%;
}
.ref-text {
  float: right;
  margin-top: 0;
  position: relative;
  width: 45%;
}
.ref-text > h3 {
  color: #109395;
  font-size: 18px;
  margin-bottom: 20px;
  text-align: left;
  text-transform: none;
  font-family: 'Raleway', sans-serif;
  font-display: fallback;
}
.ref-text > p {
  font-family: 'Raleway', sans-serif;
  font-display: fallback;
  color: #3c3c3c;
  font-size: 14px;
}
.ro-text-area {
  font-family: 'Raleway', sans-serif;
  font-display: fallback;
}
.ref-text a {
  color: #0350c6;
}
.ref-text a :hover {
  color: #89aeee;
}
.ro-left-area-carousel {
  padding: 15px 0;
}
.max-width-area {
  margin: 0 auto;
  max-width: 960px;
}
.custom-grid {
  border-right: 1px dashed #5d5d5d;
  box-sizing: border-box;
  float: left;
  min-height: 260px;
  padding: 10px;
  width: 33.33%;
}
#inline p {
  color: #8b8c8c;
  font-family: 'Raleway', sans-serif;
  font-display: fallback;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 20px;
}
#mapId {
  border-right: 0px dashed #5d5d5d;
}
.ro-right-map-area li {
  font-weight: 500;
  list-style: outside none none;
  margin: 5px 0;
}
.ro-right-map-area li i {
  list-style: outside none none;
  margin: 5px 0 5px 8px;
}
.banner-bottom-text {
  padding-bottom: 30px;
}
.banner-bottom-text h3 {
  color: #434031;
}
.ro-carousel-area {
  padding: 25px 0 50px;
}
.ro-right-area-carousel {
  border-left: 2px dotted #5f5f5f;
  box-sizing: border-box;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  padding-bottom: 30px;
  padding-left: 10px;
  padding-top: 10px;
  width: 40%;
  color: #a9a9a9;
}
.ro-right-area-carousel h3 {
  color: #a9a9a9;
  font-size: 20px;
  margin-bottom: 20px;
  margin-top: 0;
  text-transform: uppercase;
}
.ro-left-area-carousel h1 {
  color: #181818;
  float: none;
  font-size: 22px;
  margin-bottom: 50px;
  text-align: center;
  text-transform: none;
  width: 100%;
}
#refDemo.owl-theme .owl-controls .owl-buttons div {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border-radius: 30px;
  color: #ffffff;
  display: inline-block;
  font-size: 12px;
  margin: 5px;
  opacity: 1;
  padding: 0;
}
#refDemo.owl-theme .owl-controls .owl-buttons div.owl-prev {
  left: 2%;
  position: absolute;
  top: 25%;
}
#refDemo.owl-theme .owl-controls .owl-buttons div.owl-next {
  left: 35%;
  position: absolute;
  top: 25%;
}
.ro-left-map-area {
  margin-top: 15px;
  width: 44%;
}
.ro-right-map-area {
  box-sizing: border-box;
  padding-left: 10px;
  width: 50%;
}
.ro-display {
  display: none;
}
.ro-display.ro-show {
  display: block;
}

.body-overlay {
  opacity: 0;
  visibility: hidden;
  transition: all 2s ease 0s;
  -moz-transition: all 2s ease 0s;
  -webkit-transition: all 2s ease 0s;
  -o-transition: all 2s ease 0s;
}


.body-overlay-color {
  z-index: 1000;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 500%;
  background: #000000;
  opacity: 0.6;
  visibility: visible;
  transition: all 2s ease 0s;
  -moz-transition: all 2s ease 0s;
  -webkit-transition: all 2s ease 0s;
  -o-transition: all 2s ease 0s;
}








@media only screen and (max-width: 767px) {
  body {
    overflow-x: hidden;
    overflow-y: scroll;
  }
  .left-rob-banner-area {
    float: none;
    width: 100%;
    margin-top: 0px;
    padding: 0px;
  }
  .left-rob-banner-area h2 {
    margin-top: 0px;
  }

  .right-rob-banner {
    float: none;
    width: 90%;
    padding: 0px;
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .cont-single {
    width: 100%;
  }
  .cont-single::before {
    display: none;
  }
  .custom-grid {
    border-right: 0 dashed #5d5d5d;
    float: none;
    margin: 0 auto;
    padding: 10px;
    width: 95%;
  }
  .ro-left-area-carousel {
    float: none;
    margin: 0 auto;
    width: 95%;
  }
  .ro-right-area-carousel {
    border-left: 0px dotted #5f5f5f;
    float: none;
    margin: 0 auto;
    width: 95%;
  }
  .right-coner-area {
    min-width: 350px;
    padding: 18px 14px;
    right: -105px;
    top: 50px;
  }
  .ref-text {
    width: 100%;
    float: none;
  }
  .ref-image {
    float: none;
    width: 100%;
  }
  #refDemo.owl-theme .owl-controls .owl-buttons div.owl-next {
    left: auto;
    right: 0;
  }

  .rob-banner-area {
    background: rgba(0, 0, 0, 0) url(../images/mobilebg.jpg) no-repeat center center / cover;
    padding: 30px 0;
  }

  a.video-link {
    background: rgba(0, 0, 0, 0) url(../images/vidmob.png) no-repeat center center;
    width: 100%;
    text-indent: -99999px;
    height: 150px;
    margin-top: 25px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

}
/******* Simelka page By Robel ********/

/*********************************end magnifier2*************************************/
/************Footer************/
footer {
  display: block;
  width: 100%;
  font-family: 'Raleway', Helvetica, sans-serif;
  font-display: fallback;
}
.footer_priv {
  padding: 17px 0 30px;
}
footer h1 {
  margin-top: 1px;
  float: none;
}
p.txt_priv {
  color: #777;
  font: 12px/20px 'Raleway', sans-serif;
  margin-top: 11px;
  font-display: fallback;
}

/*----------- start social icons ----------------*/

.soc_icons {
  position: relative;
  display: inline-block;
  margin-top: -7px;
  white-space: nowrap;
  text-align: left;
  float: right;
}
.soc_icons > li {
  position: relative;
  display: inline-block;
  margin-left: 14px;
}
.soc_icons > li > a {
  position: relative;
  color: #5061c6;
  line-height: 1em;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  display: inline-block;
  text-align: center;
}
.soc_icons > li + li > a {
  color: #42ceec;
}
.soc_icons > li i {
  font: normal normal 38px/38px 'FontAwesome';
  font-display: fallback;
}
.soc_icons > li > a:hover {
  color: #54b00a !important;
  text-decoration: none;
}

/*----------- end social icons ----------------*/

.lightbox-video {
  position: relative;
  display: inline-block;
  margin-top: 13px;
}
.lightbox-video span.video_icon {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../images/video_sign.png) no-repeat 50% 50%;
  z-index: 1;
  opacity: 0;
}
.opacity1 {
  opacity: 1;
}
.lightbox-video span.video_title {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: #474747;
  color: #fff;
  padding: 4px 10px;
  font: bold 12px/20px 'Raleway', Helvetica, sans-serif;
  font-display: fallback;
}

.priv_section1 {
  float: left;
}
.priv_section2 {
  float: right;
}

/*tauseef's css*/
.visible-xs {
  display: none;
}
/*tauseef's css*/

/* CUSTOMIZED ON 12 MAY 2016 MUBASHER */
.slider_wrapper,
.container.custom-seal-may {
  position: relative;
}
img.c_seal_kont {
  height: inherit;
}
a.sseal_wrap {
  position: absolute;
  top: 100px;
  z-index: 999;
  right: 90px;
  width: 50px;
  display: none;
}
a.sseal_wrap_kont {
  position: absolute;
  top: 158px;
  height: 50px;
  left: 52px;
}

@media only screen and (max-width: 1199px) and (min-width: 980px) {
  a.sseal_wrap {
    top: 80px;
    right: 68px;
    width: 45px;
  }
  a.sseal_wrap_kont {
    top: 128px;
    height: 38px;
    left: 41px;
  }
}
@media only screen and (max-width: 979px) and (min-width: 768px) {
  a.sseal_wrap {
    top: 70px;
    right: 55px;
    width: 36px;
  }
  a.sseal_wrap_kont {
    top: 100px;
    height: 34px;
    left: 34px;
  }
}

@media only screen and (max-width: 768px) {
  a.sseal_wrap {
    top: 38px;
    right: 26px;
    width: 26px;
  }
  .camera_wrap img {
    max-width: none !important;
    max-width: 100% !important;
    margin-left: 1px !important;
    height: auto !important;
  }
  div#camera_wrap {
    height: 179px !important;
  }
  a.sseal_wrap_kont {
    top: 54px;
    height: 24px;
    left: 22px;
  }
  .caption span.slider_txt22 {
    visibility: hidden;
  }
}
@media only screen and (max-width: 479px) {
  .slider_wrapper {
    position: relative;
    margin-top: 2px;
  }
  a.sseal_wrap {
    top: 24px;
    right: 16px;
    width: 18px;
  }
  .camera_wrap img {
    max-width: none !important;
    max-width: 100% !important;
    margin-left: 1px !important;
    height: auto !important;
  }
  div#camera_wrap {
    height: 114px !important;
  }
  .cameraContents .caption {
    top: -20px !important;
  }
  .caption_bg > a.fancybox-media.more_btn_gall {
    font-size: 11px;
    width: 130px;
    padding: 3px;
  }
  a.sseal_wrap_kont {
    top: 34px;
    height: 16px;
    left: 28px;
  }
  .caption span.slider_txt22 {
    visibility: hidden;
  }
}
/* CUSTOMIZED ON 12 MAY 2016 MUBASHER */

/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 1199px) {
  .div-content {
    width: 100%;
  }
  address dd span {
    width: 85px;
  }

  figure.img_inner {
    float: none;
    margin-right: 0;
  }
  figure iframe {
    width: 100%;
  }

  .caption {
    top: 20px;
    right: 20px;
  }
  h2 {
    margin-left: 0;
  }

  .list_footer {
    margin-left: 0;
  }
  .list_footer li {
    margin-right: 15px;
  }
  .list_footer li a {
    font: bold 18px/20px 'Raleway', sans-serif;
    font-display: fallback;
  }
}

@media only screen and (max-width: 979px) {
  .address figure iframe {
    max-width: 100%;
    width: 100%;
  }

  figure iframe {
    width: 100%;
  }
  .magnifier2 {
    width: 100%;
  }

  .caption {
    width: auto;
    right: 22px;
    top: 10px;
  }
  .caption span.slider_txt1,
  .caption span.slider_txt2 {
    display: none;
  }
  .more_btn_gall {
    margin-top: 10px;
  }

  .more_btn {
    padding: 16px 14px;
  }
  .banner1 .more_btn {
    margin-left: 12px;
  }
  .soc_icons {
    margin-top: 20px;
  }
  footer h1 img {
    width: 100%;
  }
  .marTop3 {
    margin-top: 44px;
  }

  .camera_next {
    right: 0px;
  }
  .camera_prev {
    left: 0px;
  }

  .img3 {
    margin-bottom: 10px;
    width: auto;
  }
  .img7 {
    margin-bottom: 10px;
    width: auto;
  }
}

@media only screen and (max-width: 767px) {
  img.no_resize {
    width: auto;
  }
  .box {
    overflow: visible;
  }
  .mobile_txt_cntr {
    text-align: center;
  }
  figure.img_inner {
    margin-bottom: 10px;
  }
  .marTopMobile1 {
    margin-top: 30px;
  }
  .banner1 {
    width: 100%;
  }
  .img6 {
    margin-bottom: 10px;
  }
  .txt3 {
    display: block;
    margin: 0;
  }

  .caption span.slider_txt4 {
    font: 500 22px/23px 'Raleway', Arial, Helvetica, sans-serif;
    font-display: fallback;
  }
  .caption {
    width: auto;
    right: auto;
    top: 20px;
    padding: 20px 20px 30px;
    position: relative;
    display: inline-block;
  }
  .cameraContent {
    text-align: center;
    width: 20%;
  }

  /*tauseef's css*/

  body .visible-xs {
    display: block;
  }

  /*tauseef's css*/
}

@media only screen and (max-width: 479px) {
  .banner1 .more_btn {
    float: none;
    margin-left: 0;
    margin-top: 13px;
  }
  .banner1 .box2 p {
    display: none;
  }

  .list_footer li a {
    font: 14px/20px 'Raleway', sans-serif;
    font-display: fallback;
  }
  .list_footer li {
    margin-right: 9px;
  }
  /*.main{width: 300px;}*/
  /*h1 img{width: 100%;}*/
}
@media only screen and (max-width: 320px) {
}
div.hline2.v2 ~ div.wrapper > img.img7 {
  width: auto;
}

/******************************************************************************************************************
 FANCYBOX
 *****************************************************************************************************************/
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.fancybox-opened {
  z-index: 8030;
}

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer,
.fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  font: 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

.fancybox-image,
.fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
  background-image: url('fancybox_sprite.png');
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url('fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url('blank.gif'); /* helps IE */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 8040;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
  overflow: hidden !important;
  width: auto;
}

.fancybox-lock body {
  overflow: hidden !important;
}

.fancybox-lock-test {
  overflow-y: hidden !important;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url('fancybox_overlay.png');
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent; /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #fff;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  padding-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min--moz-device-pixel-ratio: 1.5),
  only screen and (min-device-pixel-ratio: 1.5) {
  #fancybox-loading,
  .fancybox-close,
  .fancybox-prev span,
  .fancybox-next span {
    background-image: url('fancybox_sprite@2x.png');
    background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
  }

  #fancybox-loading div {
    background-image: url('fancybox_loading@2x.gif');
    background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
  }
}






/* BitWorker stuff */
.bildkreis {
  width: 200px;
  float: left;
  margin-top: 25px;
  margin-right: 25px;

}

.hpbild001 {
 margin-bottom: 4rem;
}


@media (max-width: 767px) {

  .bildkreis {
    overflow: hidden;
    width: 95%;
  }

  .hpbild001 {
    margin-bottom: 0;
   }

  .bildmobile {
    width: 100%;
  }

}