/****************** FIVE PILLARS ******************/
    .page-inner{ padding: 0; }
    .pillars-frame{ /*padding-bottom: 45px;*/ padding-bottom: 0px; padding-top: 45px; padding-left: 15px; padding-right: 15px;}
    .pillars-frame .container{ width: 100%;max-width: 100%; padding: 0;}
    .pillars-frame .col-md-6 h6{ font-size: 26px; }
    #portfolio {overflow: hidden;}
    .career-top{ margin-top: -60px;}
    .mix-grid .mix {
        /*opacity: 0;display: none;*/
        max-width: initial;
    }
    #portfolio .mix-grid>.row.mix {
        border-bottom: rgba(0,0,0,0.1) 1px solid;
        position: relative;min-height: 50vh;margin: 0;
    }
    .item-box {
        overflow: hidden;
        margin: 0;
        position: relative;
        box-shadow: rgba(0,0,0,0.1) 0 0 5px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }
    .mix-grid .item-box, #portfolio .item-box {
        box-shadow: none;
    }
    .tms-content-inner p{ color: #ffffff; font-size: 22px; }
    figure {
        margin: 0;
    }
    #portfolio figure h2{
        color: #ffffff; font-family: Sagona-Medium;line-height: normal;
    }
    .desktop-show span {
        display: block;
        line-height: 36px;
        font-size: 36px;
        margin-bottom: -12px;
    }

    .item-box figure {
        width: 100%;
        height: 100vh;
        display: block;
        margin-bottom: 0;
        overflow: hidden;
        position: relative;
        text-align: center;
        background-size: cover;
        background-position: center center;
    }

    .item-box .item-hover {
        opacity: 0;
        filter: alpha(opacity=0);
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        text-align: center;
        color: #fff;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    .item-box .item-hover, .item-box .item-hover button, .item-box .item-hover a {
        color: #fff;
    }
    .overlay {
        background: rgba(0,0,0, 0.2);
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 1;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
    }
    .overlay.dark-5 {
        background-color: rgba(0,0,0,.5);
    }
    .inner {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        width: 54px;
        height: 54px;
        margin: auto;
    }
    .item-box .item-hover .inner {
        position: absolute;
        display: block;
        left: 0;
        right: 0;
        top: 50%;
        margin-top: -10px;
        margin-bottom: 0;
        width: 100%;
        z-index: 100;
        line-height: 23px;
    }
    img.img-responsive {
        display: inline-block; visibility: hidden;
    }
    div.row>div img.img-responsive {
        width: 100%;
    }
    #portfolio .mix-grid>.row>div:last-child {
        margin-bottom: 0 !important;
    }
    .inner-box {
        position: relative;
        top: 0px;
        right:0px;
        bottom:0px;
        left:0px;
        padding: 40px;
        margin: 0;
        height: 100%;
        display: table;
        /*border: solid 2px #cccccc;height: 56vh;
        position: absolute;
        top: 70px;
        right: 70px;
        bottom: 70px;
        left: 70px;
        */
    }
    section.module-content {
        display: block;
        position: relative;
        float: none;
        width: 100vw;
        border-bottom: rgba(0,0,0,0.1) 1px solid;
        -webkit-transition: all .400s;
        -moz-transition: all .400s;
        -o-transition: all .400s;
        transition: all .400s;
        background-attachment: fixed;
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-background-size: cover !important;
        -moz-background-size: cover !important;
        -o-background-size: cover !important;
        -webkit-box-sizing: border-box !important;
        -moz-box-sizing: border-box !important;
        background-size: cover !important;
        box-sizing: border-box !important;
        border-bottom: 0px;
        padding: 30px;
        border: solid 2px #cccccc;
        display: table-cell;
        vertical-align: middle;
        /*height: 100%; padding: 80px 0; */
    }
    #portfolio h2, #portfolio h3 {
        font-size: 21px;
        line-height: 20px;
        margin: 0;
        color: #111;
        text-transform: uppercase;
    }
    .margin-top-30 {
        margin-top: 30px !important;
    }
    .mix_all{ display: block;  opacity: 1; }
    .mix_all .col-md-6{
        padding-right: 0px; padding-left: 0px;
        /*display: table-cell;
        float: none;
        min-height: initial;
        vertical-align: middle;*/
    }
    .pillars-content-right , .pillars-content-left{height: 100%;position: absolute;right: 0; left: initial;}
    .pillars-content-left{left:0; right:initial;}
    .pillars-img-right{float:right; }
    .parallax-container section h2{line-height: normal;}
    #portfolio h2.desktop-hide{ display: none; font-family: Sagona-Medium;line-height: normal;}
    div.desktop-hide{display: none;}
    section.module-content p{font-size: 18px;}
    .our-vision-frame #portfolio h2 , .our-vision-frame #portfolio h3{ font-size: 50px; }
    
    /****************** APRIL 28 2017 **********************/
    
    .five-pillars-header .five-pillars-text{ color: #ffffff;font-size:18px; }

    /****************** MEDIA QUERY ************************/

    @media only screen and (max-width: 1280px)
    {
        #portfolio figure h2{font-size: 40px;}
    }
    @media only screen and (max-width: 991px) {
        .inner-box {
            position: relative;top: 0;
            left: 0;right: 0;
            bottom: 0;    padding: 20px;
        }
        .pillars-frame .inner-box{ padding: 20px 0; }
        .item-box figure{height: 50vh;}
        .pillars-content-right, .pillars-content-left{position: relative;}
        .pillars-content-right, .pillars-content-left , .pillars-img-right{ float: none; }
        #portfolio h2.desktop-hide{font-size:30px;}
        #portfolio h2.desktop-hide , div.desktop-hide{ display: block; }
        .tms-content-inner .tms-caption ,
        .tms-content-inner h1.tms-caption , .tms-content-inner p ,.pillars-img section.module-content{ display: none; }
        .tms-content-inner h1.tms-caption{/*display: none !important;*/}
        .desktop-show span {
            font-size: 26px;   
        }
    }
    @media only screen and (max-width: 767px)
    {
        section.module-content{ padding: 10px; }
        section.module-content p{ line-height: 1.5; }
        .five-pillars-header .five-pillars-text{ font-size: initial; }
        #portfolio h2.desktop-hide span{ font-size: 30px !important; }
    }
    @media only screen and (min-width: 1399px){
        .pillars-frame {
            padding-left: 45px;
            padding-right: 45px;
        }
    }
    /****************** FIVE PILLARS END ******************/