/****************** FIVE PILLARS ******************/

    .page-inner{ padding: 0; }

    .pillars-frame{ padding-bottom: 0px;padding-top: 0px; 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;}

    .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;

    }

    .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; }

    

    /****************** 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;

        }

        .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;}

    }

    

    @media only screen and (max-width: 767px){}

    

    /****************** FIVE PILLARS END ******************/