/* Phones */
.hide-phone { display:none; }
.show-phone { display:inline-block; }

/* ==========================================
 WIDTH
========================================== */
.ph-width-20 {
    width:20%;
}
.ph-width-25 {
    width:25%;
}
.ph-width-30 {
    width:30%;
}
.ph-width-35 {
    width:35%;
}
.ph-width-40 {
    width:40%;
}
.ph-width-45 {
    width:45%;
}
.ph-width-50 {
    width:50%;
}
.ph-width-55 {
    width:55%;
}
.ph-width-60 {
    width:60%;
}
.ph-width-65 {
    width:65%;
}
.ph-width-70 {
    width:70%;
}
.ph-width-75 {
    width:75%;
}
.ph-width-80 {
    width:80%;
}
.ph-width-85 {
    width:85%;
}
.ph-width-90 {
    width:90%;
}
.ph-width-95 {
    width:95%;
}
.ph-width-100 {
    width:100%;
}

/* ==========================================
 PADDING
========================================== */
.ph-pad-top-10 {
    padding-top:10px;
}
.ph-pad-top-20 {
    padding-top:20px;
}
.ph-pad-bot-10 {
    padding-bottom:10px;
}
.ph-pad-bot-20 {
    padding-bottom:20px;
}
.ph-pad-left-0 {
    padding-left:0px;
}
.ph-pad-left-10 {
    padding-left:10px;
}
.ph-pad-left-20 {
    padding-left:20px;
}
.ph-pad-right-10 {
    padding-right:10px;
}
.ph-pad-right-20 {
    padding-right:20px;
}
.ph-pad-sides-10 {
    padding-left:10px;
    padding-right:10px;
}
.ph-pad-sides-20 {
    padding-left:20px;
    padding-right:20px;
}

/* ==========================================
 MARGIN
========================================== */
.ph-marg-auto {
    margin:0 auto;
}
.ph-marg-0 {
    margin:0;
}
.ph-marg-top-10 {
    margin-top:5px;
}
.ph-marg-top-20 {
    margin-top:20px;
}
.ph-marg-bot-10 {
    margin-bottom:10px;
}
.ph-marg-bot-20 {
    margin-bottom:20px;
}
.ph-marg-left-10 {
    margin-left:10px;
}
.ph-marg-left-20 {
    margin-left:20px;
}
.ph-marg-right-10 {
    margin-right:10px;
}
.ph-marg-right-20 {
    margin-right:20px;
}

/* ==========================================
 CONTAINERS
========================================== */
.gallery li {
    width: 22%;
}

.col-28 {
    width: 100%;
}

/* ==========================================
 TEXT
========================================== */
body {
	font-size: 14px;
}

#home-page p {
    padding: 0 5px 10px;
}

.ph-text-center {
    text-align:center;
}

.mobile-icon {
    margin-right:2%;
}

/* ==========================================
 SLIDER
========================================== */
.showImageText {
    display: table;
    height: auto;
    left: 0;
    padding-left: 12px;
    position: absolute;
    top: 5%;
    z-index: 2;
    /*text-shadow: 1px 1px 4px rgba(0, 0, 0, .5);*/
    padding-top:5px;
    width:55%;
}

.showImageText h1 {
    font-size: 20px;
    margin-bottom:0;
}

.showImageText p {
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    height: 20px !important;
    width: 25px  !important;
    margin-right:2px !important;
}

.bx-wrapper .bx-pager {
    font-size: 14px !important;
}

/* ==========================================
 CASE STUDY CARDS
========================================== */
.grid-sizer,
.grid-item {
  width: 100%;
}

.card {
    overflow: visible;
}

.case-blue ul {
    padding-left:20px;
}

#mobile-footer {
  bottom: 0px;
}

#mobile-footer {
  position: fixed;
  display: block;
  width: 100%;
  z-index: 9;
  text-align: center;
}