/* Banner changes */
#block-views-home-banners-block .banner-title h2,
.page-title-inner h1{
  color: #ffffff;
  background: rgba(2, 2, 150, 0.6);
  box-shadow: none;
}
#block-views-home-banners-block .banner-title h2{
  padding-left: 20px;
}

.title-image-container {
  display: block;
  position: relative;
}

.title-image-container .page-image{
  display: block;
  width: 100%;
  padding-bottom: 20%;
  height: auto;
}

.title-image-container .page-title{
  display: block;
  position: absolute;
  width: auto;
  height: auto;
  bottom: 50%;
  left: 50%;
  Transform: translate(-50%,50%);
  background-image: none;
}

.title-image-container .page-title-inner{
  max-width: none;
  min-width: auto;
  float: none;
}

.title-image-container .page-title-inner h1{
  text-align: left;
  padding: 10px 20px;
}


/* Footer changes */
#block-block-1 li.phone{
  padding-left: 30px;
  background: transparent url(/sites/all/themes/jockstrap/img/icon-phone.png) no-repeat left center;
  margin-bottom: 10px;
}

#block-block-1 li.address{
  padding-left: 30px;
  background: transparent url(/sites/all/themes/jockstrap/img/icon-message.png) no-repeat left center;
  margin-bottom: 10px;
}

#block-block-1 li.mail{
  padding-left: 30px;
  background: transparent url(/sites/all/themes/jockstrap/img/icon-location.png) no-repeat left center;
  margin-bottom: 10px;
}

footer .captovate {
  float: right;
}

/* Main menu changes */
#block-menu-block-5 .content > ul.menu {
  position: relative;
}

#block-menu-block-5 ul.menu ul.menu{
  display: none;
}

#primary-navigation #block-menu-block-5 .dropdown ul.menu{
  background-color: #ffffff;
  display: block;
  position: absolute;
  border-top: 5px solid #020296;
}

#block-menu-block-5 .dropdown ul.menu li{
  clear: both;
  border-bottom: 1px solid #020296;
  width: 100%;
}

#block-menu-block-5 .dropdown ul.menu li a{
  padding: 10px 15px;
}

#nav-trigger{
  z-index: 999;
}

#nav-mobile{
  display: none;
}

#nav-mobile.menu-open{
  display: block;
}


#block-views-expertise-block .views-row .group-right:hover{
  cursor: pointer;
}
@media(max-width: 475px){
  #logo img {
    max-width: 150px;
  }
}

.captcha.form-wrapper legend,
.captcha.form-wrapper .fieldset-description{
  display: none;
}
.captcha.form-wrapper {
  max-width: 400px;
  padding-top: 15px;
  float: left;
}
#block-webform-client-block-63{
  text-align: left;
}
@media (max-width: 600px){
  #webform-client-form-63 > div > .form-item,
  #webform-client-form-63 > div > .form-item * {
    display: block;
    width: 100%;
    float: none;
  }
  #webform-client-form-63 > div .form-actions{
    float: none;
  }
}
@media (min-width: 600px){
  #webform-client-form-63 > div{
    position: relative;
  }

  #webform-client-form-63 .webform-component--name,
  #webform-client-form-63 .webform-component--email{
    display:inline-block;
    width: 49%;
    float: none;
  }

  #webform-client-form-63 .webform-component--name input,
  #webform-client-form-63 .webform-component--email input{
    display: block;
    width: 100%;
    float: none;
  }

  #webform-client-form-63 .webform-component--name{
    padding-right: 20px;
    margin-right: 5px;
  }
  #webform-client-form-63 .webform-component--email{
    padding-left: 20px;
  }

  #webform-client-form-63 .webform-component--tell-us-about-your-project-idea{
    display: inline-block;
    width: calc(100% - 120px);
    margin-bottom: 0px;
    vertical-align: bottom;
  }

  #webform-client-form-63 .form-actions{
    position: absolute;
    bottom: 0px;
    right: 0px;
  }
}