.subnav-module nav.no-image-nav{
    height: 68px;
    padding: 0 0 80px;

}

.subnav-module nav.no-image-nav a{
    height: 68px;
    padding: 17px 38px 60px;
}

.btm-space{
    margin-bottom: 50px;
}

.bullet-list{
    list-style-type: disc;
}


.media-element.span6.smaller-width{
    width: 25%;
}

.media-element.span6.larger-width{
    width: 65%;
}

.solo-header{
    margin: 0 9% 40px;
}

.container.left-column{
    width: 93%;
    /*margin: 0 9%;*/
}

.container.left-column.resize, .three-column-content .container.left-column.resize{
    width: 82%;
    /*margin: 0 9%;*/
}


.resize .p2{
    margin-bottom: 6px;
}

.editorial.medialeft.two-column-content, .editorial.medialeft.three-column-content{
    padding: 70px 0;
}

.editorial.medialeft.two-column-content.no-top-padding{
    padding: 0 0 70px;
}

.two-column-content .span6{
    width: 50%;
}

.two-column-content .one-column-content{
    width: 100%;
}

.two-column-content .span6.flush-right-column{
    width: 20%;
}

.media-element.span6.three-column-width{
    width: 30%;
}

.editorial.full.btn-column{
    padding: 0 0 70px;
}

.btn-column .btn-alt-special{
    background: #e4e7eb;
    text-align: center;
}

.btn-column .btn-alt-special:hover{
    background: #cacccf;
}

.btn-column .btn{
    color: #2f353d;
}

.container .submodule{
    padding-top: 0px;
}

.table-center.img-align{
    display: block;
}

.light-text-dark-box .main-img-btm{
    margin-bottom: 0;
    color: white;
}

.list-view-spacing .p2, .list-view-spacing .p3{
    margin-bottom: 5px;
}

.editorial.mediaright .box.thinner-column{
    padding: 111px 74px;
}
.editorial.mediaright .grid.btm-margin{
    margin-bottom: 50px;
}

.editorial.medialeft .table-center-wrap.no-height{
    height:0;
}

.light-grey{
    color: #83838f;
}
.mobile-show{
    display: block;
}
.mobile-hide{
    display: none;
}


/*this is to center modulo 2 banners*/
@media (min-width: 75em) {
    .grid .offset1:first-child, .grid .grid .offset1:first-child {
        margin-left: 15% !important;
    }

    .editorial.tout .m2up .vertical.center .toutcopy{
        padding: 0 50px !important;
    }

    .two-column-content .container.left-column.resize{
        width: 85%;
    }

    .two-column-content .solo-header {
        margin: 0 7% 40px;
    }

}
/*this is to center modulo 2 banners*/
@media (min-width: 61.1875em) {
    .mobile-show{
        display: none;
    }
    .mobile-hide{
        display: block;
    }
    .editorial.full.thinner-body.b2bcontent{
        margin-top: 70px
    }

}
@media (max-width: 61.1874em) {
    .p2{
        font-size: 13px;
    }
    #carga-mas-btn-2{
        text-align: center;
    }
    #carga-mas-btn-1{
        text-align: center;
    }

}

.word-wrap{
    box-sizing: border-box;
}

.blue-color{
    color: #4572ed !important;
}


@media (max-width: 29.9375em) {
    .editorial.mediaright .box.thinner-column{
        padding: 111px 5px;
    }
    .media-element.span6.three-column-width {
        width: 95%;
        margin-left: 0;
    }

    .two-column-content .span6 {
        width: 100%;
    }

    .media-element.span6.smaller-width {
        width: 100%;
    }

    [class*="span"]{
        margin-left: 0;
    }


}

.editorial.medialeft .box{
    padding: 20px 0 !important;
}
/*
.editorial.medialeft .table-center-wrap .image-module {
    text-align: left !important;
}
*/
.editorial.medialeft.two-column-content.align{
    width: 117% !important;
}

#content-2, #content-3, #btn-2{
    display: none;
}

#content-1, #btn-1{
    display: block;
}


/*above footer slideshow not working*/
@media (max-width: 47.9375em) {


    .editorial.tout .m2up .vertical.center .toutcopy {
        padding: 0 24px 20px;
       /* margin-left: 78px;*/
    }

    .editorial.tout .m2up .vertical .image-module{
        /*margin: 0 140px;*/
    }

    .sony-dot-nav{
        /*display:none;*/
    }

}
h1{
    -moz-hyphens: none !important;
}

@media (min-width: 480px) and (max-width: 770px){
    .container.left-column.resize, .three-column-content .container.left-column.resize{
        display:flex;
    }
}


/*subnav arrows*/
@media (max-width: 980px) {
    .arrow-icons i {
        display: block !important;
        position: absolute;
        top: 30px;
        color: #707070 !important;
    }

    .arrow-icons i.right {
        right: 20px;
    }

    .arrow-icons i.left {
        left: 15px;
    }
}

.arrow-icons i{
    display: none;
}

.pagination-paddles{
    display: none !important;
}