/*!
* Start Bootstrap - Scrolling Nav (https://startbootstrap.com/template-overviews/scrolling-nav)
* Copyright 2013-2017 Start Bootstrap
* Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-scrolling-nav/blob/master/LICENSE)
*/

* {
  font-family: "Lato", sans;
  line-height: 1.4 !important;
}

body,html {
  width: 100%;
  height: 100%;
}


.collapse:not(.show) {
    display: block;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.tx-powermail {
    margin-top: 50px;
    margin-left: -15px;
    margin-right: -15px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

form {
  display: block;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 800px;
    max-width: 100%;
    position: relative;
    left: 500px;
}

.tx-powermail h3 {
  display: none;
}

iframe {
  position: relative;
    left: 250px;
}


h1 {
  font-size: 30px;
  font-weight: 400;
  color: #2F005F;
  letter-spacing: 1px;
  padding-bottom: 20px;
  margin: 0;
  text-align: center;
}

h2 {
  font-size: 30px;
  font-weight: 400;
  color: #2F005F;
  letter-spacing: 1px;
  margin-top: 50px;
  text-align: center;
}

h3 {
  color: #252525 !important;
  font-size: 20px !important;
  line-height: 31px !important;
  padding-bottom: 10px;
}
p {
  font-size: 1.2em;
}


.menubar {
  position: relative;
  z-index: 1000;
}
.menu-shadow {
  position: absolute;
  width:100%;
  z-index: 1000;
  margin-bottom: -50px;
  height: 50px;
  top: 180px;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+100 */
  background: -moz-linear-gradient(top,  rgba(0,0,0,.5) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(0,0,0,.5) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(0,0,0,.5) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

}


#banner {
  /*
  position: relative;
  z-index: 1;
  top: -180px;  */
  /* to counter the height of the menubar */
  position: relative;
  z-index: 1;
  top: -5px;
}


#banner p {
  text-shadow: 2px 2px 8px black;
}

.contentpage #banner {
  min-height: 800px;
}

.contentpage #banner h2 {
  position: relative;
  top: 170px;
  float: right;
  text-align: right;
  margin-right: 19%;
}

.contentpage  #banner .ce-bodytext {
  position: relative;
  float: right;
  top: 190px;
  color: white !important;
  font-size: 1.0em;
  text-align: right;
  min-height: 200px;
  margin-right: 19%;
}

/* Globally apply to content and home pages */
#banner h2, #banner h1 {
  font-size: 30px;
  font-weight:400;
  color: #a9a9a9;
  letter-spacing: 1px;
  color: white;
}

.center iframe, .center div, .center span {
  display:block;
  margin-left:auto;
  margin-right:auto;
  max-width:100%;
}




div[class*="backgroundimage-"] {
  position: relative;
  background-repeat: no-repeat;
  background-position: bottom  center;
  background-color: transparent;
  /*    background-size: cover;*/
  padding-top: 75px;
}

#banner div[class*="backgroundimage-"] {
  z-index: 1;
}

.col-md-4 div[class*="backgroundimage-"] {
  margin-top: 30px;
}

div[class*="backgroundimage-"] h3 {
  width: 220px;
  color: white !important;
  position: absolute;
  /*right: 20px;*/
  bottom: 0px;
  text-align: right;
}

img {
  height: auto;
  max-width: 100%;
}


#content {
  position: relative;
  z-index: 100;
  top: -20%;
  /*margin-bottom: -500px;*/
}

.powermail_captchaimage {
  margin-top:10px;
}


/* TYPO3-SPECIFIC ------------------------------------------------------- */

.ce-textpic {
  overflow: visible;
}


/* ---------------------------------------------------------------------- */


/* Sticky footer styles-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  margin: 0px;
  /* Margin bottom by footer height */
  margin-bottom: 130px;

}
footer {
  color: white;

  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,37175f+100 */
  background: rgb(0,0,0); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(55,23,95,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(55,23,95,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(55,23,95,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#37175f',GradientType=0 ); /* IE6-9 */

  /*  padding-top: 3rem !important;
  padding-bottom: 3rem !important;*/
}
.footer {
  /*position: absolute;*/
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 130px;
  text-align: center;
  padding-top: 20px;
}
/* End Sticky footer -------------------------------------------------- */


/* MENU */
.menu-wrapper {
  height:100%;
}

.slicknav_menu {
  background: linear-gradient(45deg, rgb(55, 23, 95) 0%,rgb(0, 0, 0) 100%);
  display: block;
  position: relative !important;
  
}
@media (max-width: 1534px) {
fieldset {
    left: initial;
}

}


@media (max-width: 990px) {

  iframe {
    position: relative;
    left: initial;
}

  .slicknav_menu {
    background-color: #130C1F!important;
  }

  .fa-bars {
    display: none;
  }

.menubar, .menu-shadow {
  /*display: none;*/
  position: absolute;
top: 20px;
}

#banner {
  top: -110px;
}

.contentpage #banner h1, #banner h2 {
  top: 30px !important;
  margin-right: 5% !important;
}
.contentpage #banner .ce-bodytext {
  top: 30px  !important;
  margin-right: 5% !important;
}

p {
  font-size: 1.0em;
}

div[class*="backgroundimage-"] h3 {
  position: relative;
  top: 200px;
  margin: 0px auto;
  text-align: center;
}

#content {
  top: -50%;
}

#testimonial {
  position: relative;
  top: 100px;
  margin-bottom: 100px /* to counter the top: */
}

#banner div[class*="backgroundimage-"] {
  background-position:top center;
}

.slicknav_menu {
  background: linear-gradient(45deg,  rgb(55, 23, 95) 0%,rgb(0, 0, 0) 100%);
}



}



@media (min-width: 991px) {

  .menu-shadow {
    top: -12px;

  }

#logo {
  padding: 50px 0px 37px 50px;
  display: block;
  margin-left: auto;
  margin-right: auto;

}

/* Thanks to https://codepen.io/willpaige/pen/zeqHd for the fade-in menubar */
.menubar {

  width: 100%;
  height: 175px;

  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#37175f+0,000000+100&0.8+0,1+100 */
  background: -moz-linear-gradient(45deg,  rgba(55,23,95,0.5) 0%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg,  rgba(55,23,95,0.5) 0%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg,  rgba(55,23,95,0.5) 0%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc37175f', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


  -webkit-backface-visibility: hidden;
  -webkit-transition: all 250ms ease-in;
  -moz-transition: all 250ms ease-in;
  -ms-transition: all 250ms ease-in;
  -o-transition: all 250ms ease-in;
  transition: all 250ms ease-in;
}

.show {
  opacity: 1;
}




}

@media screen and (min-width: 220px) and (max-width: 990px), screen and (min-device-width: 480px) and (max-device-width: 990px), only screen and (max-device-width: 480px) and (orientation: portrait), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio : 1.5)
.slicknav_menu {
    background: -moz-linear-gradient(45deg, rgba(55,23,95,0.5) 0%, rgba(0,0,0,0.8) 100%);
    background: -webkit-linear-gradient(45deg, rgba(55,23,95,0.5) 0%,rgba(0,0,0,0.8) 100%);
    background: linear-gradient(45deg, rgba(55,23,95,0.5) 0%,rgba(0,0,0,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc37175f', endColorstr='#000000',GradientType=1 );
    padding: 11px;
    margin-top: -13px;
}