/* Variables and Classes ================================================================================================ */
.clearafter {
  content: '';
  display: block;
  clear: both; }

.vcenter {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }

.backface {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

#box1 {
  background: url(../images/bg3.jpg) center center #492543;
  background-size: cover;
  position: relative;
  text-align: center;
  margin-top: 100px;
  padding-top: 70px;
  padding-bottom: 50px;
  height: 500px; }

#box1 .sitewidth {
  width: 1400px; }

#box1 h1 {
  font-size: 100px;
  line-height: 100px;
  color: #fff; }

#box1 p {
  color: #fff;
  padding-left: 10%;
  padding-right: 10%; }

@media screen and (max-width: 1650px) {
  #box1 {
    height: 450px; }
  #box1 .sitewidth {
    width: 1200px; }
  #box1 h1 {
    font-size: 80px;
    line-height: 80px; } }

@media screen and (max-width: 1260px) {
  #box1 {
    height: 420px; }
  #box1 .sitewidth {
    width: 940px; } }

@media screen and (max-width: 1012px) {
  #box1 {
    height: auto;
    padding-top: 60px; }
  #box1 .sitewidth {
    width: 90%;
    margin: 0 auto; }
  #box1 h1 {
    font-size: 60px;
    line-height: 60px; }
  #box1 p {
    padding-left: 0%;
    padding-right: 0%; } }

@media screen and (max-width: 767px) {
  #box1 h1 {
    font-size: 40px;
    line-height: 40px; } }

.bandslider-nav {
  padding: 0 !important;
  font-size: 0;
  text-align: center;
  padding-top: 30px !important; }

.bandslider-nav div {
  overflow: visible; }

.bandslider-nav a.bandsselector {
  display: inline-block;
  width: 272px !important;
  height: 263px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
  position: relative;
  background: url(../images/bandmenuinactive.png) !important;
  margin-left: 0;
  margin-right: 0; }

.bandslider-nav a.bandsselector:nth-child(1) {
  background-position: -10px 0 !important;
  margin-right: 7px; }

.bandslider-nav a.bandsselector:nth-child(2) {
  background-position: 270px 0 !important; }

.bandslider-nav a.bandsselector:nth-child(3) {
  background-position: 538px 0 !important; }

.bandslider-nav a.bandsselector:nth-child(4) {
  background-position: 805px 0 !important; }

.bandslider-nav a.bandsselector:nth-child(5) {
  background-position: 1074px 0 !important; }

.bandslider-nav a.bandsselector:hover, .bandslider-nav div .slick-current {
  background-image: url(../images/bandmenuactive.png) !important; }

.bandslider-nav div .slick-current:after {
  content: '';
  display: block;
  position: absolute;
  left: 40%;
  bottom: -64px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 25px 30px 25px;
  border-color: transparent transparent #ffffff transparent; }

.bandslider {
  background: #fff;
  margin-bottom: 0 !important; }

@media screen and (max-width: 1650px) {
  .bandslider-nav {
    -webkit-transform: translateX(2.6%);
    -moz-transform: translateX(2.6%);
    -ms-transform: translateX(2.6%);
    -o-transform: translateX(2.6%);
    transform: translateX(2.6%);
    padding-top: 20px !important; }
  .bandslider-nav a.bandsselector {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    margin-left: -40px; } }

@media screen and (max-width: 1336px) {
  .bandslider-nav {
    -webkit-transform: translateX(5.4%);
    -moz-transform: translateX(5.4%);
    -ms-transform: translateX(5.4%);
    -o-transform: translateX(5.4%);
    transform: translateX(5.4%);
    padding-top: 0px !important; }
  .bandslider-nav a.bandsselector {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
    margin-left: -90px; } }

@media screen and (max-width: 1012px) {
  .slick-list {
    margin-left: inherit !important;
    margin-right: inherit !important;
    height: auto !important; }
  .slick-track {
    height: auto !important; }
  #box1 {
    text-align: center;
    padding-bottom: 80px; }
  .bandslider-nav {
    text-align: center;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    height: auto !important;
    margin-top: -40px; }
  .bandslider-nav a.bandsselector {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    margin-left: -60px !important;
    margin-right: -60px !important;
    float: none;
    margin-bottom: -140px; }
  .bandslider-nav div .slick-current:after {
    display: none; } }

@media screen and (max-width: 850px) {
  .slick-list {
    margin-left: inherit !important;
    margin-right: inherit !important; } }

.bcintro {
  display: block;
  margin: 0 auto;
  width: 600px;
  -webkit-transform: translateX(-300px);
  -moz-transform: translateX(-300px);
  -ms-transform: translateX(-300px);
  -o-transform: translateX(-300px);
  transform: translateX(-300px);
  margin-top: 80px; }

.bcintro2 {
  border: 1px solid #bfbfbf;
  width: calc(1300px - 100px);
  margin: 0 auto;
  display: block;
  padding: 50px;
  margin-top: 60px;
  position: relative;
  margin-bottom: 100px; }

.bcintro2:after {
  content: '';
  display: block;
  width: 54px;
  height: 62px;
  background: url(../images/corner.jpg);
  position: absolute;
  top: -1px;
  right: -1px; }

.bcintro2container {
  display: inline-block;
  vertical-align: top;
  width: 50%; }

.bcintro2 h2 {
  font-size: 35px;
  line-height: 35px;
  padding-bottom: 25px; }

.bcintro2 ul, .bcintro2 ol {
  -webkit-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 50px;
  column-gap: 50px;
  padding: 0;
  margin: 0; }

.bcintro2 li {
  display: inline-block;
  vertical-align: top;
  background: url(../images/bullet.png) no-repeat 0 8px;
  margin-left: 0 !important;
  padding-left: 25px;
  padding-bottom: 14px;
  list-style-type: none !important;
  font-size: 18px;
  line-height: 27px; }

.bcintro2 li a {
  font-weight: normal;
  font-size: 18px; }

.bcintro2 img {
  position: absolute;
  z-index: 2; }

.babbage .bcintro2 img {
  right: 100px;
  top: -230px; }

.cc .bcintro2 img {
  right: -100px;
  top: -130px; }

.cc .bcintro2container {
  width: 40%; }

.cc .bcintro2 ul, .cc .bcintro2 ol {
  -webkit-column-count: 1;
  column-count: 1;
  -webkit-column-gap: 0px;
  column-gap: 0px; }

.ahh .bcintro2 img {
  right: 50px;
  top: 0px; }

.ahh .bcintro2container {
  width: 40%; }

.ahh .bcintro2 ul, .ahh .bcintro2 ol {
  -webkit-column-count: 1;
  column-count: 1;
  -webkit-column-gap: 0px;
  column-gap: 0px; }

.henry .bcintro2 img {
  right: 50px;
  top: -70px; }

.erity .bcintro2 img {
  right: 100px;
  top: -220px; }

@media screen and (max-width: 1336px) {
  .bcintro {
    width: 800px;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
    margin-top: 60px;
    text-align: center; }
  .bcintro2 {
    width: calc(95% - 100px);
    margin-top: 40px;
    padding-bottom: 30px;
    margin-bottom: 50px; }
  .bcintro2 ul, .bcintro2 ol {
    -webkit-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0px;
    column-gap: 0px; }
  .babbage .bcintro2 img {
    width: 300px;
    top: 30px; }
  .cc .bcintro2 img {
    width: 500px;
    top: 30px;
    right: 10px; }
  .ahh .bcintro2 img {
    width: 450px;
    top: 30px; }
  .henry .bcintro2 img {
    width: 360px;
    top: 30px; }
  .erity .bcintro2 img {
    width: 300px;
    top: 30px; } }

@media screen and (max-width: 1012px) {
  .bcintro {
    width: 90%; }
  .bcintro2container {
    width: 100% !important; }
  .bcintro2 img {
    display: block;
    position: relative;
    right: inherit !important;
    top: inherit !important;
    margin: 0 auto !important;
    max-width: 100%; }
  .bcintro2 ul {
    padding-left: 0 !important; } }

.box2 {
  background: center center;
  background-size: cover;
  padding-top: 150px;
  padding-bottom: 150px;
  text-align: right; }

.babbage .box2 {
  background-image: url(../images/bg7.jpg); }

.cc .box2 {
  background-image: url(../images/bg10.jpg);
  text-align: left; }

.ahh .box2 {
  background-image: url(../images/bg10.jpg); }

.henry .box2 {
  background-image: url(../images/bg11.jpg);
  text-align: left; }

.erity .box2 {
  background-image: url(../images/bg4.jpg); }

.b2top:after {
  content: '';
  display: block;
  width: 50px;
  height: 4px;
  background: #74b843;
  margin-top: 20px;
  margin-bottom: 20px; }

@media screen and (max-width: 1012px) {
  .box2 {
    padding-top: 110px;
    padding-bottom: 110px; } }

.box3 {
  padding-top: 90px;
  padding-bottom: 70px; }

.box3 .sitewidth {
  -webkit-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 50px;
  column-gap: 50px; }

@media screen and (max-width: 1012px) {
  .box3 .sitewidth {
    -webkit-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0px;
    column-gap: 0px; } }

.box4 {
  background: center center;
  background-size: cover;
  padding-top: 150px;
  padding-bottom: 400px; }

.babbage .box4 {
  background-image: url(../images/bg2.jpg); }

@media screen and (max-width: 1012px) {
  .box4 {
    padding-top: 110px;
    padding-bottom: 110px; } }