.layer {
    // padding handled on a per layer basis
}
#hero {
    max-width: 2000px;
    margin: 0 auto;
    height: 500px;
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
}
#hero .wrap {
    position: relative;
    width: 100%;
    height: inherit;
}
#hero h1,
#hero p {
    line-height: 1;
    text-align: right;
}
#hero h1 {
    margin-bottom: 10px;
}
#hero .button-2 {
    margin: 0;
    float: right;
}
#hero-cta1 {
    position: absolute;
    top: 50%;
    right: 0px;
}
#hero-cta2 {
    position: absolute;
    bottom: 50px;
    right: 0px;
    display: none;
}
/* Swipe box changes */
#swipebox-action.visible-bars {
top: 0 !important;
}
#swipebox-action #swipebox-close {
background-position: 15px 12px;
right: 40px !important;
left: 90% !important;
}
#sb-container {
    z-index: 1042 !important;
}
.fade {
background: rgba(000,000,000, .5) !important;
background-color: rgba(000,000,000, .5) !important;
}
.modal-dialog {
left: 50%;
right: auto;
width: 584px !important;
padding-top: 30px;
padding-bottom: 30px;
}

.youtube_gallery_item {
width: 260px !important;
height: 200px;
display: table;
}

.modal-content {
    background-color: #000 !important;
    color: #fff !important;
}
.modal-header h4 {
    color: #fff;
}
.close {
    opacity: .5 !important;
}
.youtube_gallery_caption {
    margin: 0 auto;
}
.modal-dialog {
transform: translate(0, 40%) !important;
-ms-transform: translate(0, 40%) !important; /* IE 9 */
-webkit-transform: translate(0, 40%) !important; /* Safari and Chrome */
}
.video-orange {
    position: relative;
    top: 85px;
    font-size: 28px;
    color: #F05A28;
}
#interface {
    padding: 50px 0;
    height: 600px;
}
#interface h2 {
    margin-bottom: 10px;
    text-align: center;
    line-height: 1;
}
#interface .one-half.first {
    text-align: center;
}
#interface .one-half.first img {
    border-radius: 50%;
    width: 400px;
    height: 400px;
}
#interface .one-half {
    position: relative;
    height: 450px;
}
#interface .one-half .wrap {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
#interface .subtext {
    font-family: "proxima-nova",sans-serif;
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    top: 15px;
}
.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}
#quote-carousel {
    min-height: 200px;
    padding: 50px 0 0;
    background: -moz-linear-gradient(90deg, rgba(129,129,132,1) 0%, rgba(51,51,51,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(51,51,51,1)), color-stop(100%, rgba(129,129,132,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(90deg, rgba(129,129,132,1) 0%, rgba(51,51,51,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(90deg, rgba(129,129,132,1) 0%, rgba(51,51,51,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(90deg, rgba(129,129,132,1) 0%, rgba(51,51,51,1) 100%); /* ie10+ */
    background: linear-gradient(0deg, rgba(129,129,132,1) 0%, rgba(51,51,51,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#818184',GradientType=0 ); /* ie6-9 */
}
#quote-carousel .item * {
    width: 85%;
    margin: 0 auto;
}
#quote-carousel .item p,
#quote-carousel .item a {
    color: #F8F8F8 !important;
    font-family: "proxima-nova-condensed",sans-serif;
    font-size: 24px;
    line-height: 30px;
    font-weight: 100;
    margin-bottom: 0px;
}
#pre-footer {
    max-width: 2000px;
    margin: 0 auto;
    height: 600px;
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
}
.white-circle {
    position: absolute;
    width:60px;
    height:60px;
    -moz-border-radius: 30px;
    -webkit-border-radius:30px;
    -khtml-border-radius:30px;
    border-radius:30px;
    background-image:-moz-linear-gradient(rgb(124,124,128) 0%,rgb(215,215,216) 100%); 
    background-image:-webkit-gradient(linear,color-stop(0, rgb(124,124,128)),color-stop(1, rgb(215,215,216)));
    background-image:-webkit-linear-gradient(rgb(124,124,128) 0%,rgb(215,215,216) 100%);
    background-image:-o-linear-gradient(rgb(124,124,128) 0%,rgb(215,215,216) 100%);
    background-image:-ms-linear-gradient(rgb(124,124,128) 0%,rgb(215,215,216) 100%);
    background-image:linear-gradient(rgb(124,124,128) 0%,rgb(215,215,216) 100%);
    border-color:rgba(85,85,85,0.3);
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff7c7c80,endColorstr=#ffd7d7d8)
        progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#b35b5a5d,Positive=true)";
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff7c7c80,endColorstr=#ffd7d7d8)
        progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#b35b5a5d,Positive=true);
}
.big-quote {
    position: relative;
    top: -3px;
    right: -9px;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:100px;
    line-height:120%;
    color:rgba(225,96,0,0.8);
    text-align:left;
    text-shadow:0px 1px 1px rgba(0,0,0,0.16);
    -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#29000000,Positive=true)";
    zoom:1;
    filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#29000000,Positive=true);
}
@media only screen and (max-width: 1200px) {
    .layer {
        padding: 0 25px;
    }
}
@media only screen and (max-width: 1100px) {
    #inner {
        padding-top: 70px;
    }
}
@media only screen and (max-width: 960px) {

    #title-area:after {
        display: none;
    }
    #quote-carousel {
        padding: 50px 0;
    }
}
@media only screen and (max-width: 767px) {
    #hero .cta {
        width: 100%;
        text-align: center;
    }
    #hero .cta h1,
    #hero .cta p {
        text-align: center;
    }
    #hero .button-2 {
        float: none;
        margin: 0 auto;
    }
    #interface {
        height: auto;
    }
    #interface .wrap {
        padding: 0 20px;
    }
    #interface .one-half {
        width: 100%;
        height: 400px;
    }
    .white-circle {
        display: none;
    }
    .carousel-control {
        width: 5%;
    }
}
@media only screen and (max-width: 767px) {
    #inner {
        padding-top: 0px;
    }
}
@media only screen and (max-width: 480px) {
    #interface .one-half.first img {
        height: auto;
        width: auto;
    }
}