/*
Theme Name:     Beast Animation
Theme URI:      http://www.beastanimation.be/
Version:        2017
Description:    Beast Animation
Author:         Buroform Print | Graphics | Media
Author URI:     http://buroform.be/
Template:       Divi
*/




    /* FONTS ----------------------------------------------------------------------------------- */

    @font-face {
        font-family: 'Beast Animation';
        src: url('fonts/beast-animation/Beast-Animation-Light.eot');
        src: url('fonts/beast-animation/Beast-Animation-Light.eot?#iefix') format('embedded-opentype'),
             url('fonts/beast-animation/Beast-Animation-Light.woff2') format('woff2'),
             url('fonts/beast-animation/Beast-Animation-Light.woff') format('woff'),
             url('fonts/beast-animation/Beast-Animation-Light.ttf') format('truetype'),
             url('fonts/beast-animation/Beast-Animation-Light.svg#Beast-Animation-Light') format('svg');
        font-weight: 300;
        font-style: normal;
    }

    @font-face {
        font-family: 'Beast Animation';
        src: url('fonts/beast-animation/Beast-Animation-Regular.eot');
        src: url('fonts/beast-animation/Beast-Animation-Regular.eot?#iefix') format('embedded-opentype'),
             url('fonts/beast-animation/Beast-Animation-Regular.woff2') format('woff2'),
             url('fonts/beast-animation/Beast-Animation-Regular.woff') format('woff'),
             url('fonts/beast-animation/Beast-Animation-Regular.ttf') format('truetype'),
             url('fonts/beast-animation/Beast-Animation-Regular.svg#Beast-Animation-Regular') format('svg');
        font-weight: 400;
        font-style: normal;
    }

    @font-face {
        font-family: 'Beast Animation';
        src: url('fonts/beast-animation/Beast-Animation-Medium.eot');
        src: url('fonts/beast-animation/Beast-Animation-Medium.eot?#iefix') format('embedded-opentype'),
             url('fonts/beast-animation/Beast-Animation-Medium.woff2') format('woff2'),
             url('fonts/beast-animation/Beast-Animation-Medium.woff') format('woff'),
             url('fonts/beast-animation/Beast-Animation-Medium.ttf') format('truetype'),
             url('fonts/beast-animation/Beast-Animation-Medium.svg#Beast-Animation-Medium') format('svg');
        font-weight: 600;
        font-style: normal;
    }

    /* GLOBAL DEFINITIONS ---------------------------------------------------------------------- */

    * { 
        font-family: 'Beast Animation', Helvetica, Arial, sans-serif!important;
        font-weight: 400;
        font-size: 13px;
        color: #728194;
    }

    body {
        font-family: 'Beast Animation', Helvetica, Arial, sans-serif!important;
        font-weight: 400;
        font-size: 13px;
        color: #728194;
        background-color: #FFF!important;
    }
    
    p, a { 
        font-weight: 400;
        font-size: 13px;
        color: #728194;  
    }

    .bold {
        font-weight: 600!important;
    }

    span.no-wrap {
        white-space: nowrap!important;
    }

    .et-pb-arrow-next {
        opacity: 1!important;
    }

    .et-pb-arrow-prev{
        opacity: 1!important;
    }

    .et-pb-arrow-next:hover {
        opacity: .85!important;
    }

    .et-pb-arrow-prev:hover {
        opacity: .85!important;
    }

    button.ba-button-back {
        border:none!important;
        cursor: pointer;
        background-color: #A6B2C2;
        color: #FFF;
        font-size: 15px;
        font-weight: 600;
        text-transform: uppercase;
        padding: 5px 15px 12px 15px!important;
    }

    button.ba-button-back::before {
        content: '\23'!important;
        font-family: "ETmodules"!important;
        font-size: 25px;
        position: relative;
        top: 6px;
        padding-right: 10px!important;    
    }

    button.ba-button-back:hover {
        background-color: #BF0D0D;
    }

    /* Lightbox Styling */

    .mfp-container {
        padding: 0 2.5vw!important;
    }

    body.project-template-default .mfp-content .mfp-bottom-bar {
        display: none!important;
    }

    .mfp-bg,
    .mfp-bg.mfp-ready {
        background: #0B121C!important;
        opacity: 1!important;
    }
    
    button.mfp-arrow::after {
        opacity: 1!important;
        color: rgba(255,255,255,.85)!important;
    }

    button.mfp-arrow {
        margin-top: -24px!important;
        width: 64px!important;
        height: 64px!important;
        font-size: 48px!important;
        text-shadow: 0px 2px 2px rgba(0,0,0,0.25)!important;
        opacity: 1!important;
    }

    button.mfp-arrow.mfp-arrow-right {
        right: 0!important;
    }
    
    button.mfp-close {
        opacity: 1!important;
        top: 50px!important;
        right: 8px!important;
        font-size: 64px!important;
        text-shadow: 0px 2px 2px rgba(0,0,0,0.25)!important;
        color: rgba(255,255,255,.85)!important;
    }

    img.mfp-img {
        max-height: 800px!important;
    }

    .mfp-counter, 
    .mfp-title {
        line-height: 25px!important;
    }



    /* HEADER ---------------------------------------------------------------------------------- */

    /* Global Header Styling */

    #main-header .container {
        padding-bottom: 30px!important;
        padding-left: 3vw!important;
        padding-right: 3vw!important;
    }

    #main-header {
        background: -webkit-linear-gradient(top,rgba(0,0,0,0.42) 0%,rgba(0,0,0,0.25) 30%,rgba(255,255,255,0) 100%);
        background:    -moz-linear-gradient(top,rgba(0,0,0,0.42) 0%,rgba(0,0,0,0.25) 30%,rgba(255,255,255,0) 100%);
        background:     -ms-linear-gradient(top,rgba(0,0,0,0.42) 0%,rgba(0,0,0,0.25) 30%,rgba(255,255,255,0) 100%);
        background:      -o-linear-gradient(top,rgba(0,0,0,0.42) 0%,rgba(0,0,0,0.25) 30%,rgba(255,255,255,0) 100%);
        background:         linear-gradient(to bottom,rgba(0,0,0,0.42) 0%,rgba(0,0,0,0.25) 30%,rgba(255,255,255,0) 100%); 
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59000000', endColorstr='#00ffffff',GradientType=0 );
    }

    #main-header .logo_container {
        float: left;
        position: absolute!important;
        z-index: 9999!important;
    }

    #main-header .ba-social-container {
        display: block;
        position: absolute;
        top: 40px;
        right: 0;
        margin-right: 3vw;
        text-align: right;
    }

    /* Navigation Top */

    #et-top-navigation {
        margin: 0!important;
        padding: 42px 0 0 0!important;
    }

    #et-top-navigation #top-menu-nav > ul > li {
        padding-right: 35px!important;
    }

    #et-top-navigation #top-menu-nav > ul > li > a {
        font-weight: 600!important;
        padding: 0 0 10px 0!important;
        border-bottom: solid 1px rgba(255,255,255,0);
    }

    #et-top-navigation #top-menu-nav > ul > li > a:hover {
        opacity: 1!important;
        color: rgba(255,255,255,.75)!important;
    }

    #et-top-navigation #top-menu-nav > ul > li.current_page_item > a {
        border-bottom: solid 1px rgba(255,255,255,1);
    }

    #et-top-navigation #top-menu-nav > ul > li.current_page_item > a:hover {
        border-bottom: solid 1px rgba(255,255,255,.5);
    }

    /* Social Media Icons */

    #main-header .ba-social-container .ba-social-icons a { 
        color: #FFF!important;
        margin: 0 0 0 15px!important;
        cursor: pointer!important;
    }

    #main-header .ba-social-container .ba-social-icons a > i { 
        font-family: 'FontAwesome'!important;
        color: #FFF!important;
        font-size: 20px!important;
        cursor: pointer!important;
    }

    #main-header .ba-social-container .ba-social-icons a > i:hover { 
        color: rgba(255,255,255,.75)!important;
    }

    
    /* HOMEPAGE -------------------------------------------------------------------------------- */

    body.page-id-74 footer#main-footer, /* Hide footer*/
    body.home footer#main-footer {
        display: none!important;
        visibility: hidden!important;
        opacity: 0!important;
        z-index: -9999;
    }

    .home-slider#home-slider-fullscreen .et_pb_slides .et_pb_slide .et_pb_container {
        height: 100vh!important;
        min-height: 100vh!important;
        margin-bottom: -100px!important;
    }

    .home-slider#home-slider-fullscreen .et-pb-slider-arrows a.et-pb-arrow-prev,
    .home-slider#home-slider-fullscreen .et-pb-slider-arrows a.et-pb-arrow-next {
        margin-top: 0!important;
    }

    .home-slider#home-slider-fullscreen .et-pb-slider-arrows a.et-pb-arrow-prev {
        left: 2.25vw!important;
    }

    .home-slider#home-slider-fullscreen .et-pb-slider-arrows a.et-pb-arrow-next {
        right: 2.25vw!important;
    }

    .home-slider#home-slider-fullscreen .et-pb-slider-arrows a.et-pb-arrow-prev::before,
    .home-slider#home-slider-fullscreen .et-pb-slider-arrows a.et-pb-arrow-next::before {
        font-size: 56px!important;
        color: #FFF!important;
        text-shadow: 0px 2px 2px rgba(0,0,0,0.25)!important;
    }


    /* PORTFOLIO PAGE -------------------------------------------------------------------------- */

    .header-page-slider .et_pb_slides,
    .header-page-slider .et_pb_slides .et_pb_slide {
        height: 350px!important;
    }

    .ba-portfolio-grid .et_pb_portfolio_item.et_pb_grid_item.last_in_row {
        margin: 0 0 25px 0!important;
    }

    .ba-portfolio-grid .et_pb_portfolio_item.et_pb_grid_item {
        width: 31%!important;
        margin: 0 3.33% 25px 0!important;
    }

    .ba-portfolio-grid .et_pb_portfolio_items h2 {
        text-align: center!important;
        margin-top: 20px!important
    }

    .ba-portfolio-grid .et_pb_portfolio_items h2 > a {
        color: #304D68!important;
        font-weight: 600!important;
        text-transform: uppercase;
        font-size: 17px!important;
    }
    
    .ba-portfolio-grid .et_pb_portfolio_items p.post-meta {
        text-align: center!important;
        margin-top: 5px;
    }

    .ba-portfolio-grid .et_pb_portfolio_items p.post-meta a {
        pointer-events: none!important;
        cursor: default!important;
    }

    .ba-portfolio-grid .et_pb_portfolio_items p.post-meta a,
    .ba-portfolio-grid .et_pb_portfolio_items p.post-meta a:hover {
        font-size: 15px!important;
        color: #728194!important;
        opacity: 1!important;
    }

    /* PORTFOLIO FILTER */

    .et_pb_filterable_portfolio .et_pb_portfolio_filters {
        margin: 0 0 40px 0!important;
    }

    .et_pb_portfolio_filters > ul > li {
        margin-right: 10px!important;
        margin-bottom: 10px!important;
    }

    .et_pb_portfolio_filters > ul > li:last-child {
        margin-right: 0px!important;
    }

    .et_pb_portfolio_filters > ul > li > a {
        font-weight: 600!important;
        font-size: 15px!important;
        border: 1px solid #D2D8DE!important;
        -webkit-border-radius: 5px!important;
           -moz-border-radius: 5px!important;
                border-radius: 5px!important;
    }

    .et_pb_portfolio_filters > ul > li > a:hover {
        background-color: #D2D8DE!important;
        border: 1px solid #D2D8DE!important;
    }

    .et_pb_portfolio_filters > ul > li > a.active {
        background-color: #304D68!important;
        color: #FFF!important;
        font-weight: 600!important;
        border: 1px solid #304D68!important;
    }

    .et_pb_filterable_portfolio_0.et_pb_filterable_portfolio .et_pb_portfolio_filter a.active,
    .et_pb_filterable_portfolio_0.et_pb_filterable_portfolio .et_pb_portfolio_filter a:hover {
        color: #FFF!important;
        font-weight: 600!important;
    }




    /* PROJECT PAGE ---------------------------------------------------------------------------- */
    
    .header-project-visual .et_pb_slides,
    .header-project-visual .et_pb_slides .et_pb_slide {
        height: 350px!important;
    }

    .ba-portfolio-project h1.entry-title {
        font-weight: 600!important;
        font-size: 28px!important;
        color:  #BF0D0D!important;
    }

    .ba-portfolio-project .ba-project-description {
        color: #728194!important;
        line-height: 1.8em!important;
    }

    .ba-portfolio-project .ba-project-description strong {
        color: #62748A!important;
        font-weight: 600!important;
    }

    .ba-portfolio-project .ba-project-description a {
        color: #62748A!important;
        font-weight: 600!important;
        border-bottom: 1px dotted #728194;
    }

    .ba-portfolio-project .ba-project-description a:hover {
        color: #304D6A!important;
        border-bottom: 1px solid #304D6A!important;
    }

    .ba-portfolio-project .ba-project-gallery .et-pb-controllers {
        display: none!important;
    }

    .ba-portfolio-project .ba-project-gallery .et-pb-slider-arrows a.et-pb-arrow-prev,
    .ba-portfolio-project .ba-project-gallery .et-pb-slider-arrows a.et-pb-arrow-next {
        margin-top: -21px!important;   
    }

    .ba-portfolio-project .ba-project-gallery .et-pb-slider-arrows a.et-pb-arrow-prev {
        left: 25px!important;
    }

    .ba-portfolio-project .ba-project-gallery .et-pb-slider-arrows a.et-pb-arrow-next {
        right: 25px!important;
    }

    .ba-portfolio-project .ba-project-gallery .et-pb-slider-arrows a.et-pb-arrow-prev::before,
    .ba-portfolio-project .ba-project-gallery .et-pb-slider-arrows a.et-pb-arrow-next::before {
        font-size: 42px!important;
        color: #FFF!important;
        text-shadow: 0px 2px 2px rgba(0,0,0,0.25)!important;
    }


    /* WHAT WE DO PAGE-------------------------------------------------------------------------- */

    .wwd-container .wwd-title h1 {
        font-weight: 600!important;
    }

    .wwd-container .wwd-description p {
        line-height: 1.8em!important;
    }

    .ba-bts-grid .et_pb_gallery_item.et_pb_grid_item.last_in_row {
        margin: 0 0 3.33% 0!important;
    }

    .ba-bts-grid .et_pb_gallery_item.et_pb_grid_item {
        width: 31%!important;
        margin: 0 3.33% 3.33% 0!important;
    }

    .ba-bts-grid .et_pb_gallery_item.et_pb_grid_item:nth-child(3n) {
        margin-right: 0!important;
    }

    .ba-bts-grid .et_pb_gallery_item.et_pb_grid_item:nth-child(4n+1) {
        clear: none!important;
    }


    /* CONTACT PAGE ---------------------------------------------------------------------------- */


    .ba-contact-title h1{
        font-size: 28px!important;
        color: #BF0D0D!important;
        font-weight: 600!important;
    }

    .ba-contact-description h3 {
        color: #304D68!important;
        font-weight: 600!important;
        font-size: 17px!important;
        padding-bottom: 25px!important;
    }

    .ba-contact-description p,
    .ba-contact-description a {
        color: #7d8b9c!important;
        font-size: 16px!important;
        font-weight: 400!important;
    }

    .ba-contact-description a:hover {
        color: #304D68!important;
        border-bottom: dotted 1px #7D8B9C;
    }

    .contact-get-social {
        margin-top: 25px!important;
    }

    .contact-get-social .ba-social-container .ba-social-icons a { 
        color: #304D68!important;
        margin: 0 15px 0 0px!important;
        cursor: pointer!important;
    }

    .contact-get-social .ba-social-container .ba-social-icons a > i { 
        font-family: 'FontAwesome'!important;
        color: #304D68!important;
        font-size: 20px!important;
        cursor: pointer!important;
    }

    .contact-get-social .ba-social-container .ba-social-icons a > i:hover { 
        color: #728194!important;
    }

    .ba-contact-map {
        margin: 0!important;
        padding: 0!important;
    }

    .ba-contact-map .et_pb_map {
        height: 310px!important;
    }
    
    .ba-contact-map .gm-style-iw h3 {
        padding: 0 0 10px 0!important;
        color: #304D6A;
        font-weight: 600!important;
        line-height: 1em;
        font-size: 16px!important;
    }

    .ba-contact-map .infowindow {
        padding-bottom: 5px!important;
    }

    .ba-contact-map .gm-style-iw a {
        color: #728194!important;
        border-bottom: 1px dotted #728194!important;
    }

    .ba-contact-map .gm-style-iw a:hover {
        color: #304D6A!important;
    }

    .ba-team-title h1 {
        font-size: 28px!important;
        color: #304D68!important;
        font-weight: 400!important;
    }

    .ba-team-title h1 > span {
        font-weight: 600!important;
        color: #304D68!important;
    }

    .ba-team-profile img {
        width: 150px!important;
        height: 150px!important;
        border: solid 5px #FFF!important;
        pointer-events: none!important;
        -wekit-border-radius: 75px;
          -moz-border-radius: 75px;
               border-radius: 75px;
        -webkit-box-shadow: 0px 0px 25px 0px rgba(128,128,128,0.25);
           -moz-box-shadow: 0px 0px 25px 0px rgba(128,128,128,0.25);
                box-shadow: 0px 0px 25px 0px rgba(128,128,128,0.25);
    }

    .ba-team-member h3 {
        color: #304D68!important;
        font-size: 17px!important;
        font-weight: 600!important;
    }

    .ba-team-function {
        min-height: 50px!important;
    }

    .ba-team-function h4 {
        color: #304D68!important;
        font-size: 12px!important;
        font-weight: 600!important;
        line-height: 1.8em!important;
    }

    .ba-team-contact a {
        color: #7d8b9c!important;
        font-size: 12px!important;
        font-weight: 400!important;
    }

    .ba-team-contact a:hover {
        color: #BF0D0D!important;
    }

    /* FOOTER ---------------------------------------------------------------------------------- */
    
    /* Main Footer */

    #main-footer #footer-widgets {
        padding: 35px 0!important;
    }

    #main-footer #footer-widgets .footer-widget{
        margin: 0!important;
        width: 50%!important;
    }

    #main-footer #footer-widgets .footer-widget h4.title {
        display: none!important;
    }

    #main-footer #footer-widgets .footer-widget .textwidget {
        font-weight: 300;
    }

    #main-footer #footer-widgets .footer-widget #text-2 {
        padding-top: 5px!important;
        min-width: 330px!important;
    }

    #main-footer #footer-widgets .footer-widget #text-3 {
        float: right;
    }

    #main-footer #footer-widgets .footer-widget .textwidget,
    #main-footer #footer-widgets .footer-widget .textwidget span.bold {
        color: #FFF!important;
    }

    #main-footer #footer-widgets .footer-widget img.footer-logo {
        width: 150px!important;
        height: 94px!important;
    }

    /* Footer Visual  */

    #main-footer #footer-visual {
        width: 100%;
        height: 30vh!important;
        max-height: 250px!important;
        background-image: url(/assets/images/global/footer-visual.jpg);
        background-size: cover; 
        background-position: 50% 50%;
        background-repeat: no-repeat;
    }

    /* Footer Bottom */

    #main-footer #footer-bottom {
        padding: 15px 0!important;
        margin: 0!important;
    }

    #main-footer #footer-bottom #footer-info {
        font-size: 11px;
        color: #FFF;
        font-weight: 300!important;
        padding: 0!important;
    }



    /* RESPONSIVE LAYOUT ----------------------------------------------------------------------- */


        /* MAX WIDTH 980px ------------------------------------------------------------------------- */

        @media screen and (max-width: 980px) {
            
            .ba-social-container .ba-social-icons {
                display: none!important;
                visibility: hidden!important;
            }
            
            #main-header {
                padding: 20px 0!important;
            }
            
            #main-header .container {
                padding-bottom: 0px!important;
                height: 60px!important;
            }
            
            #main-header .logo_container {
                left: 0%!important;
                right: 0%!important;
            }
            
            #et_mobile_nav_menu {
                padding: 0!important;
                margin: 0!important;
                z-index: 9999!important;
                position: fixed!important;
                top: 40px;
                right: 25px;
            }

            #et_mobile_nav_menu .mobile_nav {
                display: block;
                margin: 0!important;
                padding: 0px!important;
                background-color: transparent;
                background: none;
                text-align: left;
                -webkit-border-radius: 0px;
                   -moz-border-radius: 0px;
                        border-radius: 0px;
            }

            #et_mobile_nav_menu .mobile_nav.closed .select_page,
            #et_mobile_nav_menu .mobile_nav.opened .select_page {
                display: none!important;
            }
            
            .mobile_menu_bar.mobile_menu_bar_toggle {
                width: 50px;
                height: 50px;
                top: -15px;
                right: 0;
                padding: 0!important;
                margin: 0!important;
                z-index: 9999!important;
            }
            
            .mobile_menu_bar.mobile_menu_bar_toggle::before {
                position: relative;
                top: 0px!important;
                left: 0px!important;
                padding: 0px!important;
                font-size: 50px!important;
                font-weight: 400;
                color: #E2E2E2!important;
                border: none!important;
            }
            
            .mobile_menu_bar.mobile_menu_bar_toggle:hover::before {
                color: rgba(114,129,148,.75)!important;
            }
            
            .mobile_nav.opened .mobile_menu_bar.mobile_menu_bar_toggle::before {
                content: "\4d"!important;
                color: #728194!important;
                font-weight: 400!important;
            }

            .mobile_nav.opened .mobile_menu_bar.mobile_menu_bar_toggle:hover::before {
                color: rgba(114,129,148,.75)!important;
                border: none!important;
            }
            
            .mobile_nav.closed #mobile_menu {
                background-color: #FFF;
                -webkit-backface-visibility: hidden;
                        backface-visibility: hidden;
                -webkit-transform: translateX(100%);
                   -moz-transform: translateX(100%);
                    -ms-transform: translateX(100%);
                     -o-transform: translateX(100%);
                        transform: translateX(100%);
                -webkit-transition: -webkit-transform .35s 0s ease-in-out!important;
                   -moz-transition:    -moz-transform .35s 0s ease-in-out!important;
                        transition:         transform .35s 0s ease-in-out!important;
            }

            .mobile_nav.opened #mobile_menu {
                background-color: #FFF;
                -webkit-overflow-scrolling: touch;
                -webkit-transform: translateX(0);
                   -moz-transform: translateX(0);
                    -ms-transform: translateX(0);
                     -o-transform: translateX(0);
                        transform: translateX(0);
                -webkit-transition: -webkit-transform .35s 0s ease-in-out!important;
                   -moz-transition:    -moz-transform .35s 0s ease-in-out!important;
                        transition:         transform .35s 0s ease-in-out!important;
            }
            
            #mobile_menu {
                display: block!important;
                height: 100%;
                min-height: 100vh;
                position: fixed!important;
                top: 0!important;
                right: 0!important;
                padding-top: 0px!important;
                overflow: scroll;
                z-index: 9998;
                border-top: none;
            }
            
            .et_mobile_menu li a {
                margin: 0px 0px 0px 0px!important;
                padding: 15px 0px 15px 0px!important;
                width: 100%;
                float: left;
                text-align: left;
                font-size: 17px !important;
                font-weight: 600 !important;
                color: #304D68!important;
                background: none!important;
                border: none!important;
            }            
            
            .et_mobile_menu li.et_first_mobile_item::before {
                content: 'menu'!important;
                color: #BF0D0D!important;
                font-weight: 600;
                font-size: 24px;
                text-transform: uppercase;
            }
            
            .et_mobile_menu li.et_first_mobile_item a {
                margin-top: 25px!important
            }
            
            .et_mobile_menu li:first-child {
                margin-top: 40px!important;
            }
            
            .et_mobile_menu li > ul > li {
                padding-left: 15px!important;
            }
            
            #et_mobile_nav_menu > .mobile_nav > ul > li a:hover {
                opacity: 1!important;
                color: #728194!important;
            }

            #mobile_menu {    
                width: 300px!important;    
                margin-left: calc(100% - 300px)!important;
                padding: 0 5%!important;
            }
            
            /* FOOTER */
            
            #main-footer #footer-bottom #footer-info {
                text-align: left!important;
            }
            
            /* PORTFOLIO GRID */
            
            .et_pb_column .et_pb_grid_item:nth-child(n), 
            .et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item:nth-child(n) {
                width: 48%!important;
                margin: 0 4% 25px 0!important;
            }
            
            .et_pb_column .et_pb_grid_item:nth-child(n).last_in_row, 
            .et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item:nth-child(n).last_in_row {
                margin: 0 0 25px 0!important;
            }
            
            /* GALLERY GRID */
            
            /*.et_pb_column .et_pb_grid_item:nth-child(n).last_in_row,
            .et_pb_column .et_pb_gallery .et_pb_gallery_item.et_pb_grid_item:nth-child(n).last_in_row {
                margin: 0 0 4% 0!important;
            }

            .et_pb_column .et_pb_grid_item:nth-child(n),
            .et_pb_column .et_pb_gallery .et_pb_gallery_item.et_pb_grid_item:nth-child(n) {
                width: 48%!important;
                margin: 0 4% 4% 0!important;
            }*/
            
            .et_pb_column .et_pb_grid_item:nth-child(n) {
                width: 48%!important;
                margin: 0 4% 4% 0!important;
                clear:none!important;
            }

            .ba-bts-grid .et_pb_gallery_item.et_pb_grid_item:nth-child(2n){
                margin-right: 0!important;
                float: left!important;
            }            
            
            .ba-bts-grid .et_pb_gallery_item.et_pb_grid_item:nth-child(2n+1){
                margin-right: 4%!important;
            }

            
        }

        /* MAX WIDTH 900px ------------------------------------------------------------------------- */

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

        button.mfp-close {
            font-size: 48px!important;
        }


        /* MAX WIDTH 767px ------------------------------------------------------------------------- */

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

            #et_mobile_nav_menu .mobile_nav #mobile_menu {       
                padding: 0 7.5%!important;
            }
            
            .et_pb_filterable_portfolio .et_pb_portfolio_filters li {
                width: auto!important;
            }
            
        }

        /* MAX WIDTH 600px ------------------------------------------------------------------------- */

        @media only screen and  (max-width: 600px) {
            
            /* FOOTER */
            
            #main-footer #footer-widgets {
                padding-bottom: 150px!important;
            }
            
            #main-footer #footer-widgets .footer-widget {
                width: 100%!important;
                float: left;
            }
            
            #main-footer #footer-widgets .footer-widget #text-2 {
                float: none !important;
                text-align: center !important;
                position: absolute;
                margin-top: 125px;
                left: 0%!important;
                right: 0%!important;
            }
            
            #main-footer #footer-widgets .footer-widget #text-3 {
                float: none!important;
                text-align: center!important;
                margin-top: 0px;
            }

            /* PORTFOLIO GRID */

            .et_pb_column .et_pb_grid_item:nth-child(n), 
            .et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item:nth-child(n) {
                width: 100%!important;
                margin: 0 0 25px 0!important;
            }
            
            .et_pb_column .et_pb_grid_item:nth-child(n) img, 
            .et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item:nth-child(n) img {
                width: 100%!important;
            }
            
            /* GALLERY GRID */
    
            .et_pb_column .et_pb_grid_item:nth-child(n).last_in_row,
            .et_pb_column .et_pb_gallery .et_pb_gallery_item.et_pb_grid_item:nth-child(n).last_in_row {
                margin: 0 0 25px 0!important;
            }

            .et_pb_column .et_pb_grid_item:nth-child(n),
            .et_pb_column .et_pb_gallery .et_pb_gallery_item.et_pb_grid_item:nth-child(n) {
                width: 100%!important;
                margin: 0 0 25px 0!important;
            }
            
        }



        /* MAX WIDTH 480px ------------------------------------------------------------------------- */

        @media only screen and  (max-width: 480px) {
            
            #main-footer #footer-widgets .footer-widget {
                font-size: 14px!important;
            }
            
            
            #main-footer #footer-widgets .footer-widget #text-2 {
                min-width: 100%!important;
            }

            #et_mobile_nav_menu .mobile_nav #mobile_menu {    
                width: 250px!important;    
                margin-left: calc(100% - 250px)!important;
                padding: 0 10%!important;
            }
            
            .ba-team-function {
                min-height: auto!important;
            }
            
            .ba-team-function h4 {
                margin-bottom: 10px!important;
            }

        }