.mobile-on{display: none}
/* ==============================
   Phone
   ============================== */
@media (max-width: 480px) and (min-width: 320px){
    .left_child_menu li {
        width: 1000%;
        display: inline-block;
    }
    body .plrm40{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    body .menu_open.x_ {
        top: 0 !important;
        right: 0px !important;
    }
    body ul.mainleftmenu>li>a span.lm:before {
        content: "";
        position: absolute;
        width: 27px;
        height: 2px;
        background: #CAFA10;
        left: 0px;
        top: 16px;
    }
    body ul.mainleftmenu>li>a span.lm {
        width: 26px;
    }
    body ul.mainleftmenu>li>a span.lm:after {
        content: "";
        position: absolute;
        width: 2px;
        height: 27px;
        background: #CAFA10;
        top: 4px;
        left: 12px;
    }

    .ploff{padding-left: 0px !important}
    .links a{font-size: 14px !important}
    .maxh{max-height: 50vh !important}
    .flex_xs > a{margin:0 !important;margin-bottom: 10px !important }
    .flex_xs  p{
        line-height: 1.1
    }
    .col-md-12.flex_between{flex-wrap: wrap;}
    .col-md-12.flex_between .tobtn{width: 100%}
    .col-md-12.flex_between h2{width: 100% !important}
   /* .row.portfolio-grid.edited__0{
        margin-right: 0 !important;
        margin-left: 0 !important;
    }*/
    body .edited__0>div.col-md-4 {
        padding: 0 15px !important;
    }
    .footer-bottom .text-center{text-align: left !important}
    .green_bar_title.edited{float: left !important}
    .green_bar_title.edited:before{
        width: 100%;
        bottom: 0 !important;
        height: 10px !important
    }

    .easter iframe{width: 100%;height: 320px}
    .easter a.m{margin-left: 0 !important;margin-top:10px !important;}
    .bg-xs-black.bg-off{background-color: black !important}
    .easter .tobtn a{
        margin-left: 0 !important
    }

    .easter .flex-off{display: block !important}
    h3{font-weight: bold !important;font-size: 24px !important}

    .portfolio-grid.gutter-medium li{
        position: relative !important;
        left: 0 !important;
        top: 0 !important;
    }

    nav.navbar .container-fluid {
        padding-left: 0px !important;
        padding-right: 15px;
    }
    p.ls5{margin-bottom: 0 !important;line-height: 1 !important;font-weight: bold}
    .text-xs-white p{color: white !important;}
    .serieplayheader{
        height: auto !important;
        margin-bottom: 0 !important
    }
    .mt-xs-0{margin-top: 0 !important}
    .player_serie {
        width: 100%;
        height: 240px !important;
    }
    ._bar_ .row {
        padding-left: 0px !important;
    }
    div.plpx.pxs-0,
    body div.pxs-0{
        padding-top:90px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-bottom:90px !important;
    }
    body .panel-body p{
        padding-left: 0px !important
    }
    body .plpx{border-left: 0px solid black;padding-left: 15px}
    #playerpopup{max-height: 220px !important}
    .corevalbg{
        background-size: cover; background-image: url(../images/TRC_kids_web_paralx2.jpg); background-position: 50% 50%; background-repeat: no-repeat;

    }
    .height-100.height-fit{
        height: auto !important;
        padding:80px 0 !important;
    }
    .green_box .col-md-4>div{
        width: 95%;
        margin-left: auto;
        margin-right: auto
    }
    .hauto,
    .height-100vh.height-fit,
    .height-925vh,
    aside.msg.hauto{height: auto !important;}

    .height-100vh.height-fit .vertical-align,
    aside.msg.hauto .vertical-align,
    .hauto .vertical-align,
    .height-925vh .vertical-align ,
    .height-100.height-fit .vertical-align {
        position: relative;
        top: 0% !important;
        -webkit-transform: translateY(0%) !important;
        -ms-transform: translateY(0%) !important;
        transform: translateY(0%) !important;
    }
    #Elements .tab-style1 .nav-tabs li {
        max-width: 33% !important;
    }
    #Elements .tab-style1 .nav-tabs li a {
        max-height: 140px;
    }
    .mb-xs-0{margin-bottom: 0px !important}
    .mb-xs-10{margin-bottom: 10px !important}
    .mb-xs-20{margin-bottom: 20px !important}
    .mb-xs-30{margin-bottom: 30px !important}
    .mb-xs-40{margin-bottom: 40px !important}
    .mb-xs-80{margin-bottom: 80px !important}
    .mobile-off{display: none !important}
    .mobile-on{display: block !important}
    .menu_right{display: none!important}
    .px50,
    .px80 {
        padding: 0 15px !important;
    }
    .CTA .mb-40{
        padding-top:35px !important;
        padding-bottom: 25px !important;
    }
    .CTA a {
        font-size: 26px !important;
        padding: 8px 0 !important;
    }
    /*html,
    body{overflow-x: hidden;width: 100%}*/
    .col-xs-6{max-width: 50%}
    .col-xs-12{min-width: 100%}
    footer{padding-top: 70px}
    footer .list-unstyled a{font-size: 13px}
    footer .list-unstyled li {
        margin-bottom: 7px;
    }
    footer .flex_xs p br{display: none}
    footer .flex_xs p b{
        text-transform: uppercase;
        margin-bottom: 10px;
        display: block
    }
    .flex_off{display: block !important}
    footer .flex_xs p{width: 50%;padding:0 15px;font-size: 12px;text-transform: uppercase;}
    .px-xs-0{padding-left: 0 !important;padding-right:0 !important;}
    .px-xs-15{padding-left: 30px !important;padding-right:30px !important;}
    .px-xs-152{padding-left: 15px !important;padding-right:15px !important;}
    footer .flex_xs{display: flex;justify-content: space-between;}
    footer .footer-bottom .text-small,
    footer .footer-bottom a{font-size: 11px}
    h1.big,
    h1.big._205 {
        font-size: 36px !important;
        font-weight: 700 !important;
    }
    .header_bg{height: 50vh;    padding-top: 85px;overflow: initial !important;}
    .pt-120 {
        padding-top: 80px !important;
    }
    body .pt-xs-0{padding-top: 0px !important}
    body .pt-xs-100{padding-top: 100px !important}
    .pt-xs-80{padding-top: 80px !important}
    body .pb-xs-0{padding-bottom: 0px !important}
    body .pb-xs-10{padding-bottom: 10px !important}
    body .pb-xs-20{padding-bottom: 20px !important}
    body h1{
        font-size: 26px;
        line-height: 1.2;
        font-weight: 700;
    }
    .green_bar:before {
        max-height: 10px;
    }
    .height-925vh{background-image: none !important}
    .tobtn.flex_xs a{display: inline-block;width: auto !important}
    .tobtn.flex_xs{display: flex !important}
    .tobtn{display: block !important}
    .tobtn a{width: 100%;display: block;margin-bottom: 20px}
    ._bar_:before,
    ._bar_:after{display: none}
    .mt-xs-20{margin-top: 20px !important}
    .tsblack,
    .text-xs-black{color: black !important}

    .btn-xs-black:hover{
        border-color: black !important;
        background-color: black !important;
        color: white !important
    }
    .btn-xs-black{
        border-color: black !important;
    }
    .pb-xs-20{padding-bottom: 20px !important}
    .underline{font-size: 12px !important;padding-bottom: 0px !important}
    .section-mod.bg-black.pt-30{padding-top: 80px}
    .mh170{max-height: 170px}
    .list li {
        font-size: 14px;
    }
    .portfolio-grid.work-4col li, .blog-grid.blog-4col li {
        max-width: 100% !important;
        position: relative !important;
        left: 0 !important;
        top: 0 !important
    }
    .portfolio-grid{height: auto !important}
    .bg-off2{background-image: none !important;background-color:white !important; }
    .bg-off{background-image: none !important;background-color:white !important;padding:80px 0 !important;}
    h4 {
        font-size: 16px !important;
        line-height: 30px !important;
        font-weight: 600 !important;
    }
    h2,
    .f40 {
        font-size: 26px !important;
        font-weight: 700;
    }
    body .bgpos6550{background-position: 65% 50% !important}
    ol.p li, ul.p li {
        line-height: 1.8 !important;
    }
    aside.msg > div{padding:0;}
    aside.msg{position: relative;max-width: 100% !important}
    span.float-left{height: 35px}
    ._quote_{
        background-size: cover; background-image: url(../images/TRC_recidency_web_paralax2.jpg); background-position: 50% 50%; background-repeat: no-repeat;
    }
    ._quote_:before,
    ._quote_:after{display: none}
    .underline{margin-bottom: 40px}
    .jend{justify-content: end;}
    .about_frame{max-height: 210px}
    .section-mod.pt-0{padding-top: 80px}
    .bg-green-xs{
        background-color: #CAFA10 !important
    }
    .white_bar:before {
        max-height: 10px
    }
    .portfolio-grid.work-5col li, .blog-grid.blog-5col li{min-width: 100%}
    .tab-style1 .nav-tabs li img{height: 40px}
    .tab-style1 .nav-tabs li span.alt-font{margin-bottom: 5px;font-size: 11px}
    .tab-style1 .nav-tabs li {
        max-width: 33%;
        margin-bottom: 30px;
    }
    .text-xs-left{text-align: left !important}
    .lh1_3,
    .lh1_6.nobar{line-height: 1.2 !important;font-size: 22px !important}
    .lh1_6.nobar br,
    .lh1_6.nobar .green_bar:before{display: none !important}
    .mt-xs-0{margin-top: 0 !important}
    .tab-style1.col_5.edited li{
        width: 100% !important;
        max-width: 49% !important;
    }
    .pb-xs-80{padding-bottom: 80px !important}
    .pb-xs-40{padding-bottom: 40px !important}
    .pt-xs-40{padding-top: 40px !important}
    .pt-xs-50{padding-top: 50px !important}
    .CTA .mb-40{margin-bottom: 0 !important}
    .lightbox-portfolio.relativ-xs li{position: relative !important;left: 0 !important;width: 100%;min-width: 100%;top: 0 !important}
    .sm_ps{align-items: center !important}


    /*MOBILE MENU*/
    /*EFFECTO*/
    @-o-keyframes slide-in-blurred-top{
        0%{
            -webkit-transform:translateY(-2000px);
            -o-transform:translateY(-2000px);
            transform:translateY(-2000px);
            -webkit-transform-origin:50% 0;
            -o-transform-origin:50% 0;
            transform-origin:50% 0;
            -webkit-filter:blur(40px);
            filter:blur(40px);
            opacity:0
        }
        to{
            -webkit-transform:translateY(0);
            -o-transform:translateY(0);
            transform:translateY(0);
            -webkit-transform-origin:50% 50%;
            -o-transform-origin:50% 50%;
            transform-origin:50% 50%;
            -webkit-filter:blur(0);
            filter:blur(0);
            opacity:1
        }
    }
    @keyframes slide-in-blurred-top{
        0%{
            -webkit-transform:translateY(-2000px);
            -o-transform:translateY(-2000px);
            transform:translateY(-2000px);
            -webkit-transform-origin:50% 0;
            -o-transform-origin:50% 0;
            transform-origin:50% 0;
            -webkit-filter:blur(40px);
            filter:blur(40px);
            opacity:0
        }
        to{
            -webkit-transform:translateY(0);
            -o-transform:translateY(0);
            transform:translateY(0);
            -webkit-transform-origin:50% 50%;
            -o-transform-origin:50% 50%;
            transform-origin:50% 50%;
            -webkit-filter:blur(0);
            filter:blur(0);
            opacity:1
        }
    }
    .slide-in-blurred-top{
        -webkit-animation:slide-in-blurred-top .5s cubic-bezier(.23,1,.32,1) both;
        -o-animation:slide-in-blurred-top .5s cubic-bezier(.23,1,.32,1) both;
        animation:slide-in-blurred-top .5s cubic-bezier(.23,1,.32,1) both
    }
    @-webkit-keyframes slide-out-blurred-top{
        0%{
            -webkit-transform:translateY(0);
            transform:translateY(0);
            -webkit-transform-origin:50% 0;
            transform-origin:50% 0;
            -webkit-filter:blur(0);
            filter:blur(0);
            opacity:1
        }
        to{
            -webkit-transform:translateY(-2000px);
            transform:translateY(-2000px);
            -webkit-transform-origin:50% 0;
            transform-origin:50% 0;
            -webkit-filter:blur(40px);
            filter:blur(40px);
            opacity:0
        }
    }
    @-o-keyframes slide-out-blurred-top{
        0%{
            -webkit-transform:translateY(0);
            -o-transform:translateY(0);
            transform:translateY(0);
            -webkit-transform-origin:50% 0;
            -o-transform-origin:50% 0;
            transform-origin:50% 0;
            -webkit-filter:blur(0);
            filter:blur(0);
            opacity:1
        }
        to{
            -webkit-transform:translateY(-2000px);
            -o-transform:translateY(-2000px);
            transform:translateY(-2000px);
            -webkit-transform-origin:50% 0;
            -o-transform-origin:50% 0;
            transform-origin:50% 0;
            -webkit-filter:blur(40px);
            filter:blur(40px);
            opacity:0
        }
    }
    @keyframes slide-out-blurred-top{
        0%{
            -webkit-transform:translateY(0);
            -o-transform:translateY(0);
            transform:translateY(0);
            -webkit-transform-origin:50% 0;
            -o-transform-origin:50% 0;
            transform-origin:50% 0;
            -webkit-filter:blur(0);
            filter:blur(0);
            opacity:1
        }
        to{
            -webkit-transform:translateY(-2000px);
            -o-transform:translateY(-2000px);
            transform:translateY(-2000px);
            -webkit-transform-origin:50% 0;
            -o-transform-origin:50% 0;
            transform-origin:50% 0;
            -webkit-filter:blur(40px);
            filter:blur(40px);
            opacity:0
        }
    }
    .slide-out-blurred-top{
        -webkit-animation:slide-out-blurred-top .45s cubic-bezier(.755,.05,.855,.06) both;
        -o-animation:slide-out-blurred-top .45s cubic-bezier(.755,.05,.855,.06) both;
        animation:slide-out-blurred-top .45s cubic-bezier(.755,.05,.855,.06) both
    }
    .contentNav.cl{
        opacity: 0 !important
    }
    .contentNav{
        background-color: white;
        position: fixed;
        top: 0;
        padding-top: 90px;
        height: 100vh;
        left: 0;
        width: 100%;

    }
    .contentNav .nav-tabs li{text-align: center;width: 33.3%}
        .contentNav .nav-tabs li a{padding: 8px 0 !important;display: block;width: 100%; color: black !important;font-weight: 500 !important;font-size: 14px !important; }
        .contentNav .nav-tabs li a.active span{font-weight: 800 !important}
        .contentNav .nav-tabs li a.active{ border-color: #CAFA10 !important;color: black !important;font-weight: 800 !important;border-width: 3px}
    .col-xs-4{
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
        text-align: center;
    }

    .menuoptions{
        padding:0;
        margin:0;
        width: 100%
    }
    .menuoptions li{
        display: block;
        border-bottom: 1px solid #e2e2e2;
        width: 100%;
        padding: 0 10px;
    }
    .menuoptions li a{
        width: 100%;
        display: block;
        padding: 8px 0px;
        color: black !important;
        font-size: 18px !important;
        font-weight: 600;
    }

    .open_menu_mobile{
        position: absolute;
        right: 0;
        top: 0 !important;
        height: 53px;
        background: #CAFA10;
        width: 50px;
        display: flex !important;
        align-items: center;
        justify-content: center;
    }
    .open_menu_mobile.active span:nth-child(3) {
        opacity: 0;
    }
    .open_menu_mobile.active span:nth-child(2) {
        transform: rotate(-45deg );
        position: relative;
        top: 5px;
    }
    .open_menu_mobile.active span:nth-child(4) {
        transform: rotate(45deg );
        position: relative;
        top: -7px;
    }
    .contentNav img{
        height: 50px
    }
    /*END*/

    header{
        border-bottom: 1px solid #141414 !important
    }
    .green_bar2:before{
        max-height: 6px
    }
    .opohn a{display: block !important}
    .header_bg{height: auto !important}
    .lqd-frickin-img-bg{display: none !important}
    .accordion-style1 .panel-title{display: flex;    padding-right: 0;}
    .accordion-style1 .panel-title span{width: 13px;min-width: 13px;}

    body .team_float aside div {
        padding-top: 40%;
        opacity: 1;
    }

    .btn-transparent-white{
        border:2px solid white !important;
    }
    .portfolio-filter-tab-1 li {
        margin: 5px 0 !important;
        width: 50% !important;
        text-align: left !important;
    }
    img.img_shadow_left.move_right,
    img.img_shadow_left.move_left {
        transform: translate(0px, 0px) !important;
    }
    .flex-xs-center{
        display: flex !important;
        justify-content: center;
    }
    .tobtn.flex-xs-center a {
        width: auto !important;
        padding:10px 15px !important;
    }

    .portfolio-grid.work-3col.edited li{
        width: 100% !important;
    }

    .sm-big a {
        font-size: 30px !important;
    }

    /*.edited__0>div.col-md-4{
        padding:0 !important;
    }*/
    .relat li{position: relative !important;left: 0 !important;top: 0 !important}
    .underline p{font-size: 12px !important}
    .underline.col-md-12{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .uoff{border: 0 !important}
    .underline-off.underline{border-bottom: 1px solid rgba(0, 0, 0, 0) !important;}
    .underlinexs{
        border-bottom: 1px solid rgba(0, 0, 0, 0.4);
        padding-bottom: 14px;
        padding: 0 0px 10px 0px;
    }
    .p.green_bullet{margin-left: 0 !important}
    .text-white a{color: white !important}

    .lead {
        font-size: 16px !important;
        font-weight: normal !important;
    }


    body .modal-dialog {
        top: 12% !important;
    }
    .popup{
        padding: 40px 0;
        overflow-y: scroll;
    }
    section.pt-xs-20.p0.pt-120{padding-top: 20px !important}
    .popup .vertical-align ,
    .height-100._bar_.height-fit-mobile .vertical-align {
        position: relative;
        top: 0% !important;
        -webkit-transform: translateY(0%) !important;
        -ms-transform: translateY(0%) !important;
        transform: translateY(0%) !important;
    }
    .height-100._bar_.height-fit-mobile{
        height: auto !important
    }
    .tobtn.centerf.ml0xs a+a{margin-left: 0 !important}
}