.content-wrapper {padding-top: 176px;}

/*
/******************************** DAS HEADER *****************************
*/

.das-header-bg {height: 100%; width: 100%; position: absolute; top: 0; left: 0; background-color: transparent; background-image: url(header-bg_14146289286263203965.jpg); background-position: center top; background-size: 100%;}

@media all and (max-width: 1000px) {

  .das-header-bg {height: 100%; background-image: url(header-bg-small_14146289286263203965.jpg);}
  
}

#das-header {width: 100%; height: 95px; overflow: hidden; background-color: #0096eb; padding-bottom: 0; position: relative; }
#das-header .header-wrapper {position: relative; height: auto;}
#das-header .logo-das {float: left; text-align: left; margin-left: -5px;}
#das-header .logo-das img {max-width: 80px; margin: 8px 0; display: block; }

#das-header .bar {position: relative; color: rgba(255,255,255,0.7); font-weight: 300; font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase;}
#das-header .bar .wrap {border-top: 1px solid rgba(255,255,255,0.3); padding-top: 14px;}

#das-header .menu-container {float: right; margin-top: 38px;}
#das-header .menu-container ul li {display: inline-block; text-transform: uppercase; font-family: "Roboto", sans-serif; font-weight: 400; font-size: 12px; letter-spacing: 0.05em; color: #fff; margin-right: 35px;}
#das-header .menu-container ul li i {margin-right: 7px;}
#das-header .menu-container ul li.last {margin-right: 0 !important;}
.no-touch #das-header .menu-container ul li:hover a {color: #28348a;}
#das-header .menu-container ul li.social-desktop {margin-right: 12px }
#das-header .menu-container ul li.social-desktop i {margin-right: 0;}

#das-footer {width: 100%; margin: 0; background-color: #009af0; background-image: url(header-bg_14146289286263203965.jpg); background-position: center top; background-size: cover;}

#das-footer .footer-wrapper {max-width: 1100px; margin: auto; padding: 30px 20px; color: white;}

#das-footer .signup {width: 73%; box-sizing: border-box; float: left; border-right: 1px solid white; padding-right: 3%;}
#das-footer .signup p {color: #fff; line-height: 1.8em; font-size: 11px; letter-spacing: 0.06em; font-weight: 300; }
#das-footer .signup p.note {margin-bottom: 10px;}
#das-footer .signup p.note.last {margin-bottom: 0;}

#das-footer .simplistic {background: #333; color: #aaa; font-size: 9px; letter-spacing: 0.1em; text-align: center; padding: 7px 0; }

#das-footer .help {width: 260px; float: right; text-align: right;}
#das-footer .help span {display: block; line-height: 1em; text-align: center; letter-spacing: 0;}
#das-footer .help a:hover {color: inherit;}
#das-footer .need {font-size: 45px; font-weight: 500; margin-top: -6px;}
#das-footer .contact {font-size: 12px; padding: 4px 0; margin: 7px auto; margin-bottom: 10px; max-width: 256px; text-transform: uppercase; font-weight: 500; color: #0093ed; background: rgba(255,255,255,0.7); letter-spacing: 0.05em !important;}
#das-footer .copy {font-size: 10px; letter-spacing: 0.1em !important; font-weight: 300; }
.no-touch #das-footer .help a:hover {color: #fff !important;}


#dl-menu-das {position: absolute; top: 0; left: 0; display: none; z-index: 9999;}
#dl-menu-das.dl-menuwrapper.das button {color: #fff; border-radius: 0 !important; border-right: none !important; border-bottom: none !important; background: #28348a;}
.no-touch #dl-menu-das.dl-menuwrapper.das button:hover, .dl-menuwrapper button.dl-active,  {background: #28348a;}
#dl-menu-das.dl-menuwrapper ul { background: #28348a;}
#dl-menu-das.dl-menuwrapper.das li.dl-back:after {color: rgba(255,255,255,0.5) !important;}
.no-touch #dl-menu-das.dl-menuwrapper.das ul li:hover {background-color: #28348a !important}


#dl-menu {top: auto; left: auto;}


@media all and (max-width: 1100px) {

  #das-footer .signup {width: 68%; border: 0; padding: 0;}
  
}



@media all and (min-width: 640px) and (max-width: 900px) {
  #das-footer .footer-wrapper {text-align: center;}
  #das-footer .help {float: none; width: 100%; text-align: center; margin-bottom: 0;}
  #das-footer .signup {float: none; width: 100%; margin: 0 0 20px 0; }
}


@media all and (min-width: 640px) and (max-width: 800px) {

  #das-header .menu-container ul li.social-desktop {display: none;}
  #das-header .menu-container ul li.last-tablet {margin-right: 0;}


}


/* #### Mobile Phones Portrait #### */

@media all and (max-width: 639px) {

  /*
  /******************************** ABC SIMPLISTIC HEADER *****************************
  */
  #dl-menu-das {display: block;}

  #das-header {position: relative; height: 83px; }
  #das-header .menu-container {display: none;}

  #das-header .logo-das {float: none; text-align: center;}
  #das-header .logo-das img {max-width: 70px; margin: 7px auto;}
  #das-header .bar {text-align: center;}
  
  #das-header.drop {display: none !important;}
  
  #das-footer .footer-wrapper {text-align: center;}
  #das-footer .help {float: none; width: 100%; text-align: center; margin-bottom: 0;}
  #das-footer .signup {float: none; width: 100%; margin: 0 0 20px 0; }



}