/* PLATFORM */
.platform-txt-pad {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 50px;
}
.platform-block {
    min-height:500px; 
    margin-top: 45px;
}
.platform-block2 {
    min-height:88vh; 
    padding-top: 57px;
    margin-bottom: 38px;
}
.platform-imac-bg-block {
    background-color: #ebebeb;
}
.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 99;
}

.align-img-vert {
    position: absolute;
    top: 0;
    bottom: 0;
    left:0;
    right:0;
    margin: auto;
    width:85%;
}
.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #999;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    filter: alpha(opacity=50);
    opacity: .9;
}
.carousel-control:hover {
    color: #888;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .9);
    opacity: .6;
}

.carousel-control.left- {
    left: -10vw;
    bottom:0;
    top:0;
}
.carousel-control.right- {
    right: -10vw;
    left: auto;
    bottom:0;
    top:0;
}    
.pad-below {
    margin-bottom: 15px;
}
.platformBody {
   padding-top: 172px; 
}
.engine-block{
    font-family: "proxima-nova",sans-serif;
    font-weight:100;
    font-size: 16px; /* 10.48px; */
}
.navbar-static-top{
    margin-top: -172px;
    margin-left: -15px;
}
.img-100{
    width: 100%;
}
@media (max-width: 768px) {
.platformBody {
   padding-top: 0px; 
} 
.navbar-static-top{
    margin-top: 0px;
    margin-left: 0px;
}     
}

@media (max-width: 420px) {
.platform-block2 {
    min-height:50vh; 
}
}
@media (max-width: 320px) {
.platform-block2 {
    min-height:220px; 
}
}