body.front {
  background-color:#000000;
}

h1#front-vid-header{
  margin-bottom:0px;
}

#bottom-nav-border {
  margin-top:-3px !important;
  top: 0px !important;
}

#desktop-menu-wrapper {
  top:-3px !important;
}

#apply-flyout {
  height:352px !important;
}

.front .front-main-container {
  background-color:#1d1d1d;
  background-size:cover;
  background-position:top center;
}

#front-widget-wrapper {
  text-align:center;
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.7) 50%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(60%,rgba(0,0,0,.7))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 50%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 50%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 50%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 50%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
  padding-top:60px;
}

#front-widget-wrapper p {
  text-align: center;
  font-size: 44px;
  font-weight: 500;
  margin-bottom:0px;
  color:#FFF;
}

#front-widget-wrapper .mobile { display:none; }
#front-widgets {
  text-transform:uppercase;
  padding-top:30px !important;
  padding-bottom:65px !important;
}

#front-widgets a {
  text-align:center !important;
}

#front-widgets.widgets-light .btn-stroke {
  color:#FFF;
  border-color:#FFF;
  border-radius:3px;
}

#front-widgets.widgets-light .btn:hover, #front-widgets.widgets-light .apply-active {
  /*background:#FFF;*/
  color:#000;
}

#front-widgets.widgets-dark .btn-stroke,
#front-widgets.widgets-dark .btn-default {
  border-radius:3px;
  color: #FFF;
  background-color: rgba(0, 0, 0, 0.5);
  border-color: transparent;
  -webkit-transition: color 1s; /* Safari */
  transition: color 1s;
}
#front-widgets.widgets-dark .btn-default{
  border:0px;
}
#front-widgets.widgets-dark .btn:hover,
#front-widgets.widgets-dark .apply-active {
  color: #000;
  border-color: transparent;
}



#main-front-content {
  position:absolute;
  color:#000;
  /*bottom:100px;*/
}

#main-front-content ul {
  list-style: none;
}

#main-front-content ul li {
    margin-bottom: 6px;
}

#main-front-content ul li:last-of-type {
    margin-bottom: 0;
}

#main-front-content ul .btn-stroke,
#main-front-content ul .btn-default {
  width: auto !important;
  padding: 9px 12px !important;
}

#main-front-content h1 {
  font-size:60px;
  line-height:1.1;
  text-transform: uppercase;
  font-weight: 500;
  color:#FFF;
}

#main-front-content #front-widgets {
  padding:20px 0px 0px 0px !important;
}


#main-front-content #front-widgets .btn-stroke,
#main-front-content #front-widgets .btn-default {
  margin-bottom: 0px;
  font-size: 12px !important;
  font-weight: 600;
  letter-spacing: 1px;
}

#front-footer-banner-content {
  margin-top:22px;
  margin-left:55px;
  font-size:14px;
}

#front-footer-banner-content a, #front-footer-banner-content a:hover, #front-footer-banner-content a:visited, #front-footer-banner-content a:active {
  color:#f10245;
}

#front-footer-banner .btn {
  float: right;
  background-color: #1d1d1d;
  border-color: rgba(255,255,255,0.3);
  color: #FFF;
  text-transform: uppercase;
  font-size: 12px;
  margin-top: 14px;
  margin-right: 20px;
  margin-left: 40px;
  width: 209px;
}

#front-footer-banner .btn:hover {
  background-color:#FFF;
  color:#333;
}

#banner-bottom {
  height:90px;
  color:#FFF;
  background:#000;
  text-align:center;
  padding-top:16px;
  background-image:url('/sites/all/themes/swarm/images/home_images/20150721/ifeelya_suit_bg.jpg');
  background-repeat: no-repeat;
  border-top:2px solid #000;
}

#banner-left {
  /* float:left; */
  display:inline-block;
  font-size:12px;
  font-weight:100;
  margin-top:5px;
  margin-right:20px;
}

#banner-left .banner-left-bold {
  font-weight:400;
}

.banner-left-logo {
  height:30px;
  width:auto;
  /* float:left; */
  display:inline;
  margin-right:20px;
  margin-left:20px;
}

#banner-left-desktop {
  margin-top:10px;
}

#banner-left-mobile {
  display:none;
}

#banner-right {
  /* float:right; */
  display:inline-block;
  margin-right:20px;
}

#banner-right .btn {
  border:none;
  background:#2c2c2c;
  font-size:12px;
  color:#979797;
}

#banner-right .btn:hover {
  color:#FFF;
}

#front-footer-banner {
  background-color:#1d1d1d;
  color:#FFF;
  height:64px;
  width:100%;
  position:fixed;
  z-index: 2;
}

#front-footer-banner .mobile-only {
  display:none;
}

#front-footer-banner{
  display:none;
}

#front-footer-buttons {
  background-color:#1d1d1d;
}

#main-front-gradient-mobile { display:none; }
.webform-client-form label {
  color:#000;
}

#video-label {
  position: absolute;
  bottom: 210px;
  right: 50px;
  text-transform: uppercase;
  font-size: 30px;
  color: #FFF;
  display:none;
}

#photo-info {
    padding: 20px 0 0 20px;
    font-size: 10px;
    line-height: 14px;
}
#photo-info.dark-text {
    color: rgba(0,0,0,.7);
}
#photo-info.light-text {
    color: rgba(255, 255, 255, 0.7);
}
#photo-info.mobile {
  color: rgba(0, 0, 0, 0.4);
}
#photo-info.desktop span {
    display: block;
}

/* ******************* */
/* Begin media queries */

@media (min-width:992px) {
  .front .front-main-container {
    /*top:60px;*/
  }
}

@media (min-width:768px) and (max-width:1161px) {
  #front-footer-banner {
    height:100px;
  }
  #front-footer-banner .btn {
    margin-top:30px;
  }
  .front .front-main-container {
    bottom:100px;
  }
}

@media (min-width:768px) and (max-width:991px) {
  .front .front-main-container {
    /*top:60px;*/
  }
}

@media (min-width:768px) {
  .front #front-background-video,
  .video-overlay-screen {
    min-height: 790px;
  }

  .front .front-main-container {
    bottom:0px;
    /*height:100vh;*/
    width:100%;
    position: relative;
    min-height: 725px;
  }

  #main-front-content {
    left: 60px;
    /*position: fixed;*/
    bottom: 120px;
    z-index:1;
  }

  #homepage-banner{
    position: relative;
    left: -30px;
    padding: 35px 35px 35px 39px;
  }

  #banner-sub-text{
    font-weight:bold;
  }
  #banner-sub-text a{
    font-weight:bold;
    color:#31CD92;
  }

  #front-background-video{
    height:100%;
    display:block;
  }

  .video-overlay-screen {
   /* background-color: rgba(0,0,0,.2);*/
    /* background-image: radial-gradient( circle at bottom left, #fff, rgba(240, 109, 6, 0) 70% ),url("/sites/all/themes/swarm/images/home_images/20151012_video/1.jpg?qvP9k") !important; */
    opacity: 1;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 60;
    width: 100%;
    /*height: 100vh;*/
    z-index: 1;
  }

  #main-front-content #apply-widget {
    width:87px;
  }
  #main-front-content #apply-btn-container {
    width:115px;
    margin-right:15px;
  }
  #front-footer-banner {
    bottom:31px;
  }




  #stills-credit {
    position: absolute;
    width: 50%;
    width: 76vh;
    right: 8px;
    top: 0;
    z-index: 16;
    color: #000;
    transform-origin: right;
    transform: rotate(-90deg);
  }

  #photo-info {
    padding: 0;
  }

  #photo-info.desktop span {
    display: inline;
  }

  #photo-info.mobile {
    display: none;
  }
}

@media (max-width:767px) {
  .front .front-main-container {
    position:relative;
    /* height:888px; */
    height:400px;
    min-height: 470px !important;
  }
  #main-front-content {
    z-index:1;
    width:100%;
    position: relative;
    height: 100%;
  }
  #main-front-content #front-widgets {
    padding:0 !important;
  }
  #main-front-content #front-widgets .tour-btn, #front-footer-buttons .tour-btn {
    float:none;
    max-width:100%;
  }
  #main-front-content h1 {
    /* font-size:55px; */
    font-size:34px;
    font-weight: 500;
  }
  #homepage-banner{
    /*margin: 0px 20px;*/
    padding: 30px 15px;
  }
  #homepage-links {
    position: absolute;
    bottom: 130px;
  }

  #stills-credit {
    position: absolute;
    bottom: 90px;
    z-index: 5;
  }
  #banner-sub-text{
    font-weight: bold;
    text-align: center;
    display: block;
    max-width: 400px;
    margin: 0px auto;
    padding-top: 20px;
  }
  #banner-sub-text a{
    font-weight:bold;
    color:#31CD92;
    display:block;
  }
  #main-front-gradient-mobile {
    display:block;
    width:100%;
    height:200px;
    position:absolute;
    bottom:0;

    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(29,29,29,0) 0%, rgba(29,29,29,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(29,29,29,0)), color-stop(100%,rgba(29,29,29,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(29,29,29,0) 0%,rgba(29,29,29,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(29,29,29,0) 0%,rgba(29,29,29,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(29,29,29,0) 0%,rgba(29,29,29,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(29,29,29,0) 0%,rgba(29,29,29,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-8 */
  }
  #front-footer-banner {
    height:100px;
    position:relative;
    padding-top:20px;
  }
  #front-footer-banner-content {
    margin-top:0;
    margin-left:35px;
  }
  #front-footer-buttons #widget-bg{
    z-index:2;
  }
  #front-footer-buttons #front-widgets {
    padding-top:40px !important;
    height:235px;
    z-index:4;
  }
  #widget-container {
    margin-bottom:0px !important;
  }

  #photo-info.desktop {
    display: none;
  }
}

@media (max-width:650px) {
  #front-footer-banner {
    height:80px;
  }
  #front-footer-banner .no-mobile {
    display:none;
  }
  #front-footer-banner-content {
    margin:0 50px;
    text-align:center;
  }
  #front-footer-banner .mobile-only {
    display:block;
    float:none;
    margin:20px auto;
  }
}

@media (max-width:530px) {
  #front-footer-banner {
    /* height:215px; */
    height: 90px;
  }
}

@media (max-width:400px) {
  #front-footer-banner {
    height:125px;
  }
}

@media (min-width:1500px) {
  #main-front-content {
    left: 120px;
  }
  #main-front-content h1 {
    /*font-size: 70px;*/
  }
  #main-front-content #front-widgets .btn-stroke {
    font-size:14px !important;
  }
  #main-front-content #apply-btn-container {
    width:135px !important;
    margin-right:20px;
  }
  #main-front-content #front-widgets .tour-btn {
    width: 215px !important;
  }
  #homepage-banner{
    left: -120px;
    padding-left:127px;
  }
}

@media (min-width:1875px) {
  #main-front-content {
    /*bottom:150px;*/
  }
  #main-front-content h1 {
    /*font-size:80px;*/
  }
}

@media (min-width:2000px) {
  #main-front-content {
    /*bottom:175px;*/
  }
  #main-front-content h1 {
    /*font-size:80px;*/
  }
}

/* End media queries */
/* ***************** */