/*
    Theme Name: Standaard Template
    Theme URI: http://www.kroengroup.eu
    Description: Standaard template versie 1.8
    Version: 1.8
    Author: Kroen Group C.V.
    Author URI: http://www.kroengroup.eu
*/
    
    .head_panel.diagonal-bgcolor-trans + .main > section:first-child {
  padding-top: 128px !important;
}

.head_panel {
  -webkit-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  -webkit-overflow-scrolling: touch;
  position: relative;
}

.head_panel .owl-carousel .item {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.head_panel .owl-carousel .item:before {
  -webkit-backface-visibility: hidden;
}
.head_panel .owl-carousel .item .container {
  height: 100%;
  position: relative;
  min-height: inherit;
}
.head_panel .owl-carousel .owl-nav {
  height: 0px;
  top: 50%;
  width: 100%;
  position: absolute;
  margin: 0;
}
.head_panel .owl-carousel .owl-prev,
.head_panel .owl-carousel .owl-next {
  position: absolute;
  width: 44px;
  height: 50px;
  display: block;
  -o-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background-image: url(https://www.digiklant.com/zorg/wp-content/themes/standaard/assets/less/../images/slider-arrows.png);
  background-repeat: no-repeat;
  background-color: transparent;
  margin: 0;
  opacity: .3;
}
.head_panel .owl-carousel .owl-prev:hover,
.head_panel .owl-carousel .owl-next:hover {
  opacity: 1;
  background-image: url(https://www.digiklant.com/zorg/wp-content/themes/standaard/assets/less/../images/slider-arrows.png);
  background-repeat: no-repeat;
  background-color: transparent;
}
.head_panel .owl-carousel .owl-prev {
  background-position: 0 0;
  left: 0;
  top: 0;
  text-indent: -2000px;
}
.head_panel .owl-carousel .owl-next {
  background-position: -44px 0;
  top: 0;
  right: 0;
  text-indent: 2000px;
}
.head_panel .owl-carousel .owl-next:hover {
  background-position: -44px 0;
}
.head_panel .owl-carousel .owl-dots {
  position: absolute;
  bottom: 20px;
  width: 100%;
}
.head_panel .slider_wrapper .caption {
  position: absolute;
  left: 25%;
  top: 50%;
  -o-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 50%;
}
.head_panel .slider_wrapper .caption.caption-full {
  width: 80%;
  left: 10%;
}
.head_panel .slider_wrapper .caption.caption_left {
  left: 0px;
  right: inherit;
  text-align: left;
}
.head_panel .slider_wrapper .caption.caption_right {
  right: 0;
  left: inherit;
  text-align: left;
}

/*** Head Panel's Heading group ***/
.head_panel .hgroup {
  font-family: Raleway, "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  box-sizing: inherit;
  z-index: 0;
}
.head_panel .hgroup .title {
  position: relative;
}
.head_panel .hgroup .title h1 {
  font-weight: 900;
  margin: 0;
  padding: 15px 0 4px 0;
}
.head_panel .hgroup .title.transparent_film h1 {
  padding: 16px 0 13px 0;
}
.head_panel .hgroup .title.diagonal-bgcolor-trans {
  margin: 30px 0 0 0;
  background: #F7F7F7;
  background: linear-gradient(to right, #F7F7F7 0%, #F7F7F7 15%, rgba(255, 255, 255, 0) 15%, rgba(255, 255, 255, 0) 100%);
}
@media only screen and (min-width: 1200px) {
  .head_panel .hgroup .title.diagonal-bgcolor-trans {
    background: linear-gradient(to right, #F7F7F7 15%, #F7F7F7 15%, rgba(255, 255, 255, 0) 15%, rgba(255, 255, 255, 0) 100%);
  }
}
@media only screen and (min-width: 1600px) {
  .head_panel .hgroup .title.diagonal-bgcolor-trans {
    background: linear-gradient(to right, #F7F7F7 25%, #F7F7F7 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 100%);
  }
}
@media only screen and (min-width: 2250px) {
  .head_panel .hgroup .title.diagonal-bgcolor-trans {
    background: linear-gradient(to right, #F7F7F7 0%, #F7F7F7 33%, rgba(255, 255, 255, 0) 33%, rgba(255, 255, 255, 0) 100%);
  }
}
.head_panel .hgroup .title.diagonal-bgcolor-trans h1 {
  left:70px;
  //padding: 19px 30px 0px 0;
  display: inline-block;
  position: relative;
  background-color: #F7F7F7;
  color: #234865;
  min-width: 125px;
  z-index: 2;
}
.head_panel .hgroup .title.diagonal-bgcolor-trans h1:after {
  background: #F7F7F7;
  background: linear-gradient(to top right, #F7F7F7 0%, #F7F7F7 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
  content: '';
  width: 72px;
  height: 100%;
  position: absolute;
  top: 0;
  right: -72px;
}
.head_panel .hgroup .subtitle {
  position: relative;
  z-index: 1;
  padding: 0px 0 0px 0;
}
.head_panel .hgroup .subtitle p {
  font-size: 18px;
  margin: 0;
  line-height: 1.1em;
}
.head_panel .hgroup .subtitle.body-bg_section {
  background: #F7F7F7;
  color: #323232;
}
@media only screen and (min-width: 480px) {
  .head_panel .hgroup .subtitle.body-bg_section:after {
   background-color: #E5E5E5;
   background-image:
   linear-gradient(
   #E5E5E5, #fff
   );
    content: '';
    width: 0;
    height: 0;
border-style: solid;
border-color: #F7F7F7;
    border-width: 30px 0 0 100vw;
    bottom: -20px;
    //border-left-color: transparent;
    border-right-color: transparent;
    left: 0;
    position: absolute;
    z-index: 9;
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);


  }
}


.head_panel .hgroup.fancy.vcenter {
  bottom: inherit;
  top: 50%;
  -o-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.head_panel .hgroup.fancy .title h1 {
  font-size: 50px;
  line-height: 1em;
}
.head_panel .hgroup.fancy .subtitle p {
  font-size: 30px;
  font-weight: 300;
  line-height: 1em;
}

.head_panel.diagonal-bgcolor-trans + .main > section:first-child {
  padding-top: 128px !important;
}

.teaser_box .content .hgroup {
  position: relative;
  margin: 0;
}
.teaser_box .content .hgroup h4 {
  font-size: 15px;
  font-weight: 900;
  margin: 0;
}
.teaser_box .content .hgroup p {
  font-family: Raleway, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  margin: 0;
}

@media only screen and (max-width: 991px) {
  /*** HEAD PANEL ***/
  .head_panel .slider_wrapper .caption {
    left: 5%;
    width: 90%;
  }
  .head_panel .slider_wrapper .caption.caption_left {
    left: 5%;
  }
  .head_panel .slider_wrapper .caption.caption_right {
    right: 5%;
  }
  .full_width_photo {
    min-height: 280px;
  }
  /*** MAP ***/
  .map {
    height: 280px !important;
  }
  /* TWITTER FEED */
  .twitter_feed_wrapper blockquote p {
    font-size: 15px;
  }
  /* NEWSLETTER FORMS */
  .newsletter_form .newsletter_input {
    width: 50%;
    display: inline-block;
  }
  .elevate {
    margin-top: 0px;
  }
  .svg_newsletter .newsletter_input {
    margin: 0;
  }
  .svg_newsletter .right_area {
    -o-transform: translate(0, 0px);
    -webkit-transform: translate(0, 0px);
    -ms-transform: translate(0, 0px);
    transform: translate(0, 0px);
  }
  footer.vbottom .widget.boxed {
    -o-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .close-handle {
    padding: 20px;
    right: 10px;
    top: 10px;
  }
  .close-handle:after,
  .close-handle:before {
    left: 10px;
    top: 19px;
    width: 20px;
  }
}
/* =Responsive: Extra small devices (XS) Phones
-------------------------------------------------------------- */
@media only screen and (max-width: 767px) {
  /*** HEAD PANEL ***/
  .full_width_photo {
    min-height: 180px;
  }
  .map {
    height: 180px !important;
  }
  .newsletter_form .newsletter_input {
    width: 69%;
    display: inline-block;
  }
  .newsletter_form button.form-control {
    display: inline-block;
    width: auto;
  }
  .pricing_plan {
    margin-bottom: 10px;
  }
  .owl-nav {
    visibility: hidden;
  }
  .copyright div {
    text-align: center;
  }
}

.full_width_photo {
  position: relative;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 380px;
  width: 100%;
}

.bg_vtop {
  background-position: center top !important;
}