/* This code is only meant for previewing your Reflow design. */

.se_ui-bg-top {
    background-image:url("../assets/services/services_bg_ui.jpg");
    background-attachment: scroll;
    background-size:cover;
    background-position: 50% 0%;
    background-repeat: no-repeat;
}

.se_mobile-bg-top {
    background-image:url("../assets/services/services_bg_mobile.jpg");
    background-attachment: scroll;
    background-size:cover;
    background-position: 50% 0%;
    background-repeat: no-repeat;
}

.se_ui-paragraph {
    float: left;
    height: auto;
    margin-left: 0%;
    margin-top: 0px;
    padding-right:30px;
    clear: none;
    width: 55%;    
}

.se_programming-paragraph {
    float: left;
    height: auto;
    margin-left: 0%;
    margin-top: 0px;
    padding-right:30px;
    clear: none;
    width: 56%;    
}

.se_ui-small-bg {
    float: left;
    height: auto;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 100%;
}

.hero-support-content {
    float: none;
    height: auto;
    margin: 0px auto;
    clear: both;
    width: 82%;
}

.se_ui-hero-bg {
    float: none;
    clear:both;
    height: auto;
    width: 82%;
    position: relative;
    z-index: 1;
    padding: 0px 0px 7%;
    margin: 0 auto -6%;
    background-image:url("../assets/services/services_ui-hero-bg.png");
    background-attachment: scroll;
    background-size: 100%;
    background-position: 50% 0%;
    background-repeat: no-repeat;
}

.se_ui-hero-slideshow {
    float: none;
    width: 88.6%;
    max-width: 100%;
    height: auto;
    margin: 5.5% auto auto;
    clear: none;
    color: rgb(0, 0, 0);
    min-width: 0px;
    min-height: 0px;
    display:block;
}

.se_ui-bg-bottom {
    background-color:#fff;
    background-image:url("../assets/services/bg-white-divider.png");
    background-attachment: scroll;
    background-size: auto 300px;
    background-repeat: repeat-x;
}

.se_mobile-hero-img {
    display:block;
    clear:none;
    margin: 0 auto;
    max-width: 1000px;
    width: 86%;
}

.se_mobile-paragraph-img {
    float: left;
    width: 50%;
    max-width: 100%;
    height: auto;
    clear: none;
    padding: 0 50px 0 0;
}

.se_motion-bg-top {
    background-color: #000;
/*    background-color: #101010;	*/
}

.se_motion-hero-img {
    display:block;
    margin: 0 auto;
    max-width: 1000px;
    width: 86%;
    position: relative;
    top:-7.5em;
    margin-bottom:-7.5em;
}

.motion-support-content {
    padding:8% 0px;
}

.se_mobile-txt-fix {
    width:100%;
    text-align: center;    
}

.se_mobile-txt-fix-2 {
    text-align: center;
}

.se_mobile-h2-fix {
    position: relative;
    z-index: 11;
}

.se_3d-bg-top {
    background-image:url("../assets/services/services_bg_3d.jpg");
    background-attachment: scroll;
    background-size:cover;
    background-position: 50% 0%;
    background-repeat: no-repeat;
}

.se_3d-hero-bg {
    float: none;
    height: auto;
    clear: none;
    width: 82%;
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 1;
    min-height: 0px;
    margin: 0 auto -5.5%;
}

.se_3d-hero-img {
    float: left;
    width: 50%;
    max-width: 100%;
    height: auto;
    clear: none;
    position: relative;
}

.se_3d-bg-bottom {
    background-color:#fff;
    background-image:url("../assets/services/services_bg_white-divider.png");
    background-attachment: scroll;
    background-size: auto;
    background-repeat: repeat-x;
}

.se_3d-bg-top-fix {
    position:relative;
    top: -100px;
}

.se_3d-hero {
    float: none;
    width: 60%;
    max-width: 100%;
    height: auto;
    clear: none;
    display:block;
}

.se_3d-paragraph-img {
    float: left;
    width: 27%;
    max-width: 27%;
    height: auto;
    margin: -50% 0 -50px 0;
}

.se_3d-paragraph-fix {
    float: left;
    height: auto;
    margin-left: 0%;
    margin-top: 0px;
    padding-right:30px;
    clear: none;
    width: 73%;  
}

.se_3d-container-fix {
    padding-bottom:10px;
}

.se_icon-bg-top {
    background-image:url("../assets/services/services_bg_icon.jpg");
    background-attachment: scroll;
}

.se_icon-paragraph {
    float: left;
    height: auto;
    margin-left: 0%;
    margin-top: 0px;
    padding-right:30px;
    clear: none;
    width: 100%;  
}

.se_icon-hero {
    width: 40%;
    max-width: 100%;
    height: auto;
    clear: none;
    margin-left:62%;
    margin-top:-30%;
    position:relative;
}

.se_icon-hero-bg {
    float:left;
    width:100%;
    margin:20px auto 40px;
    display:block;
}

.se_programming-bg-top {
    background-image:url("../assets/services/services_bg_programming.jpg");
    background-attachment: scroll;
    background-size:cover;
    background-position: 50% 0%;
    background-repeat: no-repeat;
}

.se_programming-hero-bg {
    float: none;
    height: auto;
    clear: both;
    width: 82%;
    position: relative;
    z-index: 1;
    margin: 0 auto -2.1%;
}

.se_programming-hero-slideshow {
    float: none;
    width: 100%;
    max-width: 100%;
    height: auto;
    clear: none;
    display:block;
}

.se_print-bg-top {
    background-image:url("../assets/services/services_bg_print.jpg");
    background-attachment: scroll;
    background-size:cover;
    background-position: 50% 0%;
    background-repeat: no-repeat;
}

.se_print-hero-bg {
    float: none;
    height: auto;
    clear: both;
    width: 82%;
    position: relative;
    z-index: 1;
    margin: 0 auto -20%;
}

.print-support-content {
    padding: 20% 0 8% 0;
    
    background-image:url("../assets/services/services_print-paragraph.png");
    background-attachment: scroll;
    background-size: 45%;
    background-position: 100% 70%;
    background-repeat: no-repeat no-repeat;
}

.se_custom-bg-top {
    background-image:url("../assets/services/services_bg_custom.jpg");
    background-attachment: scroll;
    background-size:cover;
    background-position: 50% 0%;
    background-repeat: no-repeat;
}

.se_custom-hero-bg {
    float: none;
    height: auto;
    clear: both;
    width: 82%;
    position: relative;
    z-index: 1;
    margin: 0 auto -8%;

}

.custom-support-content {
    padding: 11% 0 8% 0;
    background-image:url("../assets/services/services_custom-paragraph.png");
    background-attachment: scroll;
    background-size: 41%;
    background-position: 0% 60%;
    background-repeat: no-repeat;

}

.ui-hero-support-content {
    float: none;
    height: auto;
    margin: 0px auto;
    clear: both;
    width: 82%;
    padding-top: 90px;
    padding-bottom:70px;
}

.ui-support-content {
    padding: 11% 0 8% 0;
    
    background-image:url("../assets/services/services_ui-paragraph.png");
    background-attachment: scroll;
    background-size: 45%;
    background-position: 100% 60%;
    background-repeat: no-repeat no-repeat;
}

.mobile-support-content {
    padding: 8% 0;
    background-image:url("../assets/services/services_mobile-paragraph.png");
    background-attachment: scroll;
    background-size: 44%;
    background-position: 0% 50%;
    background-repeat: no-repeat;

}

.se_mobile-paragraph {
    float: right;
    height: auto;
    clear: none;
    width: 50%;  
}

.se_icon-hero-bg-container {
    float: none;
    height: auto;
    clear: none;
    width: 82%;
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 1;
    min-height: 0px;
    margin: 0 auto -9%;
}

.d3-support-content {
    padding: 11% 0 8% 0;
}

.icon-support-content {
    padding: 8% 0;
}

.programming-support-content {
    padding: 10% 0 8% 0;
    
    background-image:url("../assets/services/se_programming_paragraph.svg");
    background-attachment: scroll;
    background-size: 42%;
    background-position: 100% 55%;
    background-repeat: no-repeat no-repeat;
}

.se_custom-paragraph-img {
    float: left;
    width: 50%;
    max-width: 100%;
    height: auto;
    clear: none;
    padding-right: 50px;
}

.se_custom-paragraph {
    float: right;
    height: auto;
    clear: none;
    width: 55%;   
}

.se_ui-paragraph-img {
    display: none;
}

.se_programming-paragraph-img {
    display: none;
}

.se_mobile-paragraph-img {
    display: none;
}

.se_ui-paragraph-img {
     display:none;
}

.se_programming-paragraph-img {
     display:none;
}

.se_custom-paragraph-img {
     display:none;
}

.fire-img {
    display: none;    
}

@media only screen and (max-width: 1170px) {        /*  fixed width (Services = 2-row / Portfolio = 3-row) */
    
}

@media only screen and (max-width: 1060px) {        /*  iPad Landscape (Services = 2-row / Portfolio = 3-row) */
    
    .fire-video {
        display: none;    
    }
    
    .fire-img {
        display: block;    
    }

}

@media only screen and (max-width: 900px) {        /*  iPad Portrait (Services = 1-row / Portfolio = 2-row) */
    
    /* General adjustments */
    .txt_paragraph-black {
        text-align: justify;
    }

    h5 {
        width: 100%;
        text-align:center;
    }

    /* UI-Design adjustments */
    .se_ui-paragraph {
        width: 100%;
        padding-right:0;
    }
    
    .se_programming-paragraph {
        width: 100%;
        padding-right:0;
    }
    .se_ui-paragraph-img {
        display:block;
        float: left;
        width: 100%;
        height: auto;
        clear: none;
        padding: 8% 10% 0;
    }
    
    .se_programming-paragraph-img {
        display:block;
        float: left;
        width: 100%;
        height: auto;
        clear: none;
        padding: 8% 5% 0;
    }
    .ui-support-content {
        padding: 11% 0 8% 0;
        background-image:none;
    }

    /* Mobile Design adjustments */
    .se_mobile-paragraph {
        width: 100%;
        padding-right:0;
    }

    .mobile-support-content {
        background-image:none;
    }

    .se_mobile-paragraph-img {
        display:block;
        float: left;
        width: 100%;
        height: auto;
        clear: none;
        padding: 10% 8% 0;
    }

    /* 3D Design adjustments */
    .se_h5-3d-fix {
        float: left;
        font-size: 1.625em;
        width: auto;
        height: auto;
        text-align: left;
        font-weight: 300;
        margin: 0px;
        clear: both;
        opacity: 0.6;
        color: rgb(0,0,0);
    }

    .se_3d-paragraph-fix {
        width: 73%;
        padding-right:30px;
    }

    .se_3d-paragraph-img {
        margin: -35% 0 -50px 0;
    }

    /* Icon Design adjustments */
    .se_h5-icon-fix {
        width: auto;
        text-align: left;
    }

    /* Programming adjustments */
    .programming-support-content {
        background-image:none;
    }
    
    /* Print Design adjustments */
    .print-support-content {
        background-image:none;
    }
    
    /* Custom Design adjustments */
     .se_custom-paragraph {
        width: 100%;
        padding-right:0;
    }
    
    .se_custom-paragraph-img {
        display:block;
        float: left;
        width: 100%;
        height: auto;
        clear: none;
        padding: 10% 8% 0;
    }
    .custom-support-content {
        background-image:none;
    }
    
    .se_motion-hero-img {
        top:-6em;
        margin-bottom:-6em;
    }


}

@media only screen and (max-width: 740px) {        /*  iPhone Landscape (Services = 1-row / Portfolio = 2-row) */
    


    .se_icon-paragraph {
        width: 100%;
        padding: 5% 0 0 0;
    }
    
    .se_custom-paragraph {
        width: 100%;
        padding: 5% 0 0 0;
    }



    .custom-support-content {
        background-image:none;
    }

    .se_3d-hero {
        width: 100%;
        padding:0 10%;
    }

     .se_3d-paragraph-fix {
        width: 100%;
        padding-right:0;
    }
    
    .se_3d-paragraph-img {
        display: block;
        float: none;
        width: 100%;
        height: auto;
        margin: 0 auto;
        padding: 20px 0 0 0;
        
    }

    .se_custom-paragraph-img {
        display:block;
        float: left;
        width: 100%;
        height: auto;
        clear: none;
        padding: 10% 8% 0;
    }
    
    .se_motion-hero-img {
        top:-4.5em;
        margin-bottom:-4.5em;
    }
  
}

@media only screen and (max-width: 550px) {        /*  iPhone Portrait (Services = Portfolio = 1-row) */
    
    .se_motion-hero-img {
        top:-3.5em;
        margin-bottom:-3.5em;
    }
    
    
    .mobile-support-content, .programming-support-content {
        padding-bottom: 15%;
    }
    
    .motion-support-content {
        padding-bottom: 10%;
    }
    
    .icon-support-content, .print-support-content, .custom-support-content {
        padding-bottom: 12%;
    }
    
    

}