@charset "utf-8";


/*

    Mobile Interface Layout Fixes.

*/
@media all and (max-width:820px) {
    @viewport {
        width:device-width;
        }
    @-ms-viewport {
        width:device-width;
        }


    /* layout */

    .milf-notdisplay {
        display:none;
        }
    .milf-showblock {
        display:block;
        }
    .milf-showflex-r {
        display:flex;
        }
    .milf-showinlineblock {
        display:inline-block;
        }




    .milf-flex-r {
        flex-direction:row;
        }
    .milf-flex-c {
        flex-direction:column;
        }
    .milf-flex-reverse-r {
        flex-direction:row-reverse;
        }
    .milf-flex-reverse-c {
        flex-direction:column-reverse;
        }
    .milf-flex-wrap {
        flex-wrap:wrap;
        }
    .milf-flex-grow {
        flex-grow:9999;
        }
    .milf-flex-shrinked {
        flex-shrink:1;
        }
    .mil-flex-order-10 {order:10;}
    .mil-flex-order-9 {order:9;}
    .mil-flex-order-8 {order:8;}
    .mil-flex-order-7 {order:7;}
    .mil-flex-order-6 {order:6;}
    .mil-flex-order-5 {order:5;}
    .mil-flex-order-4 {order:4;}
    .mil-flex-order-3 {order:3;}
    .mil-flex-order-2 {order:2;}
    .mil-flex-order-1 {order:1;}

    .milf-size-auto {
        width:auto;
        }

    .milf-minsize-640 {
        min-width:640px;
        }
    .milf-minsize-940 {
        min-width:640px;
        }
    .milf-minsize-1100 {
        min-width:1100px;
        }
    .milf-minsize-1200 {
        min-width:1100px;
        }



    .milf-autoheight {
        min-height:auto;
        height:auto;
        }

    .milf-size-075 {
        width:7.5%;
        }
    .milf-size-10 {
        width:10%;
        }
    .milf-size-20 {
        width:20%;
        }
    .milf-size-33_3 {
        width:33.333333%;
        }
    .milf-size-50 {
        width:50%;
        }
    .milf-size-65 {
        width:65%;
        }
    .milf-size-85 {
        width:85%;
        }
    .milf-size-90 {
        width:90%;
        }
    .milf-size-100 {
        width:100%;
        }

    .milf-pdng-20 {
        padding:20px;
        }
    .milf-pdng-30 {
        padding:30px;
        }
    .milf-pdng-t-30 {
        padding-top:30px;
        }
    .milf-pdng-t-40 {
        padding-top:40px;
        }
    .milf-pdng-t-30prc {
        padding-top:30%;
        }
    .milf-pdng-b-30prc {
        padding-bottom:30%;
        }
    .milf-pdng-l-10prc {
        padding-left:10%;
        }
    .milf-pdng-r-10prc {
        padding-right:10%;
        }
    .milf-pdng-r-30 {
        padding-right:30px;
        }
    .milf-pdng-b-30 {
        padding-bottom:30px;
        }
    .milf-pdng-b-60 {
        padding-bottom:60px;
        }


    .milf-txt-algn-l {
        text-align:left;
        }
    .milf-txt-algn-c {
        text-align:center;
        }
    .milf-txt-algn-r {
        text-align:right;
        }

    .milf-txt-captlz {
        text-transform: capitalize;
        }



    .milf-scroll-x {
        overflow-x:auto;
        }



    body .scene:first-child {
        padding-top:100px;
        }
    .scene .section.size-10:first-child,
    .scene .section.size-10:last-child {
        width:7.5%;
        }
    .subscene {
        margin-top:40px;
        }
    .subscene.milf-scroll-x:after {
        display:none;
        }

    /* UI */


    h1 {}
    h2 {}
    h3 {}
    .promo-header {
        font-size:30px;
        line-height:40px;
        }
    .promo-header.large {
        font-size:30px;
        line-height:initial;
        }
    .promo-header.large br {
        display:none;
        }
    .promo-header.large .nowrap {
        white-space:normal !important;
        }
    .button + .button {
        margin-left:20px;
        }

    .header {
        padding:15px ;
        }
    #logo {
        top:10px;
        left:15px;
        z-index:10;
        }
    #footer {
        overflow-x: auto;
        background:rgba(0,0,0,0.8);
        z-index:20;
        }
    .jrm-whitepages #footer {
        background:rgba(255,255,255,0.8);
        }
    #footer .section {
        width:auto;
        }
    #footer .section + .section {
        padding-left:30px;
        }

    #plan-list {
        background-size:70%;
        padding-top:240px;
        }


    .jrm-crew-photo {
        min-height:auto;
        }
    #dreamteam .subscene .size-075 {
        width:10%;
        }
    #dreamteam .subscene .size-14 {
        width:45%;
        }


    .jrm-homepage .scene:first-child .button {
        margin-top:10px;
        }
    .jrm-homepage .imgwrp-tablet.milf-showblock,
    .jrm-platform .imgwrp-tablet {
        position:relative;
        width:initial;
        margin:0 -5% 30px -5%;
        padding:10px;
        transform:none;
        }
    .jrm-homepage .jrm-plan-dsc {
        font-size:0;
        margin:0;
        padding:0 0 10px 0;
        }

    .jrm-platform .imgwrp-phone {
        width:32%;
        right:-10px !important;
        }
    .jrm-platform .future-unit + .future-unit {
        margin-top:60px;
        }
    .jrm-platform .future-unit + .future-unit:after {
        content:'';
        position:absolute;
        left:5%;
        top:-60px;
        width:90%;
        height:2px;
        background:rgba(255,255,255,0.15);
        }
    .platform-plan-wrp {
        padding-bottom:130px !important;
        }

    .jrm-pricing .jrm-plan--f-unit P {
        font-size:0;
        }

    .jrm-legal .subscene:after {
        top:initial;
        }


    .platform-promo {
        padding:8%;
        zoom:0.7;
        }

    .platform-promo-allchannels {
        will-change:auto;
        transform:scale(0.8);
        margin:15px 0 15px -25px;
        }


    .plan-promo {
        margin:100px 0;
        }
    .plan-promo-info-text {
        left:10px;
        width:120px;
        }
    .plan-promo-h {
        font-size:18px;
        }
    .plan-promo-p {
        display:none;
        }
    .plan-promo-info-text .button {
        display:none;
        }

    .plan-promo-info.ad {height:calc(60% + 0px);}
    .plan-promo-info.menu {height:calc(60% + 0px);}
    .plan-promo-info.ol {height:calc(60% + 0px);}
    .plan-promo-info.ta {height:calc(45% + 0px);}
    .plan-promo-info.pos {width:calc(50% + 0px);}

    .plan-promo-info.stats {height:calc(60% + 0px);}
    .plan-promo-info.store {left:57%; height:calc(65% + 0px);}
    .plan-promo-info.io {height:calc(45% + 0px);}
    .plan-promo-info.tool {height:calc(60% + 0px);}


    .small-promo-subscene {
        width:initial;
        margin:0 -5%;
        padding:0 7.5%;
        }

    .sticky-nav + * +.size-45 img {
        width: 100%;
        margin: 30px 0;
        }




    .paas-promo-text {
        padding:30px;
        }
    .paas-promo-image {
        padding:40px 30px 10px 30px;
        }
    .paas-promo-image img {
        max-width:100%;
        margin:0;
        }
    .dev-promo-image {
        text-align:left;
        }
    .dev-promo-image img {
        width:90%;
        margin:0;
        opacity: 0.5;
        }
    .jrm-platform .dev-promo-image img {
        filter:invert(1);
        opacity:0.9;
        }

    .legal-back-button:last-child {
        margin-bottom:0;
        }
    .legal-back-button + .legal-nav-wrp {
        padding:initial;
        }

    .jrm-legal p .legal-ul-number {
        position:relative;
        right:initial;
        margin:initial;
        }


    .legal-scroll-table-wrp {
        display:flex;
        margin:0 -12.5%;
        padding:0 10%;
        }
    .legal-table {
        min-width:800px;
        table-layout:fixed;
        }


    .scroll-button {
        display:none;
        }

    .milf-ff-zindex--1 {
        z-index:-1;
        }

    .milf-ff-offset-7-5 {
        margin:0 -9%;
        padding:0 7.5%;
        }



    .paper-plane {
        right:initial;
        left:5%;
        zoom:1.2;
        }

    .cntcts-cont {
        flex-direction:column;
        height:95%;
        top:2.5%;
        left:5%;
        width:90%;
        margin:0;
        }
    .cntcts-cont .section {
        width:100%;
        height:55%;
        overflow:hidden;
        }
    .cntcts-cont .section:last-child {
        overflow-y:auto;
        height:45%;
        }
    .cntcts-cont img {
        display:block;
        width:100%;
        max-height:initial;
        top:-12%;
        }




    @keyframes paperplane {
        0% {
            margin-top:10%;
            }
        50% {
            margin-top:14%;
            }
        100% {
            margin-top:10%;
            }
        }


    /* end */
    }