body{
    font-family: 'gilroy', sans-serif !important;
    font-weight: 200;
}


.effect{
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.effect_low{
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.Hero{
    position: relative;
    width: 100%;
    height: 45vh;
    align-items: center;
    justify-content: center;
    background-color: #000;
    /*background-image: url(../../view/custom/img/mtx.jpg);*/
    background-size: cover;
    background-position: top right;
    overflow: hidden;
}

.blueOverlay{
    position: absolute !important;
    top: 0 !important;
    width: 100% !important;
    max-width: initial !important;
    height: 200vh !important;
    background: #9800ffad;
}

.backHome{
    background: blue;
    padding: 12px 25px;
    border-radius: 99px;
    color: yellow !important;
    padding: 12px 20px 12px 13px !important;
}


.Hero_reduction{
    overflow:visible;
}

.Hero video{
    position: absolute;
    top: 50%;
    height: auto;
    width: 100%;
    opacity: 0.5;
    left: 50%;
    transform: scale(1);
    transform: translate(-50%, -50%);
}

.Hero_reduction video{
    display:none;
}


.Hero > div{ 
    max-width: 720px;
    height: auto;
    min-height: 80px;
    height: 70px;
    width: 100%;
    position: absolute;
    top: initial;
    left: 50%;
    transform: translate(-50%, 0%);
    bottom: 60px;
}

.Hero > div.contForm{
    max-width: 720px;
    height: auto;
    min-height: 80px;
    height: 70px;
    width: 100%;
    position: absolute;
    bottom: 7% !important;
    top: initial !important;
    left: 50%;
    transform: translate(-50%, -50%);
    bottom: 0;
}

.Hero.Flexible.addEd > div.contForm{
    bottom: 50px !important;
    top: initial !important;
    transform: translate(-50%, 10%);
}

.Hero.Hero_reduction.Flexible.addEd > div.contForm{
    bottom:0px !important;
}

.Hero > div.contForm h1{
    text-align: center;
    color: #fff;
    margin-bottom: 36px;
    font-size: 3.5em;
    position: absolute;
    top: -100px;
    width: 100%;
}

.Hero.addEd {
    height: 80vh !important;
}

.Hero.Hero_reduction.addEd {
    height: auto !important;
}

.Hero.addEd video {
    opacity:0;
}


.Hero > div form .searcher{
    background: #fff; border-radius: 99px 0px 0px 99px; height: 80px; padding:0px 85px; width: calc(100% - 70px); margin-right:-30px; border: 0px;
}

.Hero > div form .searcher:focus,
.Hero > div form .searcher:active{ outline:0; }

.Hero > div form button{
    background: blue;
    border: 0;
    width: 150px;
    border-radius: 99px;
    color: #fff;
    font-size: 1.5em;
    z-index: 9;
    border: solid 2px #fff;
}

.Hero > div form.Moven button{
    border: solid 0px #fff !important;
}

.Hero_reduction > div form button{
    border: solid 0px #fff;
}

.Moven .searcher.Focused{
    background: #FFF !important;
}

.Brand_bar,
.Brand_bar a{
    display: flex;
    align-items: center;
}

.Brand_bar a img{
    padding: 0;
    height: 30px;
    width: auto;
    margin-left: 20px;
}

.Brand_bar ul{
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    padding: 0;
}

.Brand_bar ul li{
    margin-right:15px;
}

.Brand_bar ul li a{
    margin: 0px 0px 0px 10px;
    display: flex;
    align-items: center;
    color:#FFF;
    font-weight: 400;
}

.Brand_bar ul li i{
    margin-left: 6px;
    margin-right: 6px;
}

.MobileInfoComp{
    display:none;
}


.Moven,
.Moven + .seeCompa{
    transform: scale(1.05);
}

.seeCompa{
    top: -92px;
    position: relative;
    padding: 0px 0px;
    width: 104%;
    left: -2%;
    min-height: 70px;
    padding-top: 92px;
}


.seeCompa > div{
    background: #fff;
    box-shadow: 0px 0px 160px rgb(235 233 246);
    position: absolute;
    top: 0;
    width: 100%;
    height: auto;
    opacity: 0;
    border-radius: 14px;
}

.Moven + .seeCompa > div{
    opacity:1;
}

.seeCompa > div li:last-child{
    margin-bottom:20px;
}

.seeCompa > div ul{
    padding-top: 115px;
    min-height: 80px;
    margin: 0;
    padding-left: 10px;
    padding-right: 10px;
    list-style: none;
}

.seeCompa > div ul li{
    border-radius: 0px;
    padding: 10px 15px;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: dotted 1px #dcdcdc;
}

.seeCompa > div ul li:last-child{
    border-bottom: solid 0px #eaeaea;
}

.seeCompa > div ul li a{
    color:#000;
    font-size:12px;
}

.seeCompa > div ul li a:hover{
    text-decoration: none;
    color:blue;
}

.seeCompa > div ul li a i{
    color:#959595;
    margin-left:5px;
    margin-right:5px;
}

.Hero_reduction{ 
    height: auto;
    position: fixed;
    justify-content: space-between;
    display: flex;
    z-index: 9;
    background:none;
}

.Hero.Hero_reduction > div.contForm{
    bottom: 0% !important;
}

.Hero_reduction.scrollIng{
    box-shadow: 0px 0px 30px rgba(0,0,0,0.2);
    background: #fff;
}

.Hero > div > form{
    display: flex;
    position: relative;
    z-index: 1;
    border-radius: 99px;
    border: solid 6px #fff;
    background: #fff;
}

.Hero_reduction > div > form{
    border: solid 0px #f7f7f7;
    background:none;
}

.Hero > div > form.Moven {
    box-shadow: none;
}

.Hero_reduction > div > form{
    box-shadow: none;
    border-radius: 0px;
}

.Hero_reduction > div{ 
    max-width: initial;
    width: 100%;
    min-height: initial;
    position: static;
    transform: initial;
    height: 70px !important;
}

.Hero > div > form.Moven {
    border: solid 0px #f7f7f7;
}


.Hero_reduction .Moven + .seeCompa,
.Hero_reduction .Moven{
    transform: scale(1) !important;
}


.Hero_reduction .seeCompa{
    width:100% !important;
    left: 0;
}

.Hero_reduction .contForm{
    text-align: right;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: end;
}

.Hero_reduction .contForm form,
.Hero_reduction .contForm .seeCompa{
    width: 100%;
    max-width: 550px;
}

.Hero .seeCompa .list li a .nameC{
    font-weight: bold;
}

.Hero_reduction .contForm form{
    padding: 10px;
}

.Hero_reduction .contForm form .searcher{
    height: 50px;
    border-top: solid 1px #dfdfdf;
    border-bottom: solid 1px #dfdfdf;
    border-left: solid 1px #dfdfdf;
}


.Hero .searcher + .delSearch{
    height: 33px;
    width: 33px;
    border-radius: 33px;
    background: #eaeaea;
    display: flex;
    align-items: center;
    justify-content: center;
    color: blue;
    padding: 7px;
    font-size: 13px;
    position: absolute;
    right: 152px;
    top: 50%;
    display: none;
    text-align: center;
    cursor: pointer;
    transform: translate(0%,-50%);
}

.copyContent{
    opacity:0;
    width:0;
    height:0;
}

.copiedContent{
    opacity: 1;
    width: auto;
    height: auto;
    position: absolute;
    top: 62px;
    background: #00bd26;
    width: 128px;
    right: 0px;
    text-align: center;
    padding: 6px;
    border-radius: 6px;
    color: #fff;
}




.copyContent + .downloadbnts{
    background: #5e5e5e !important;
}

.copiedContent + .downloadbnts{
    background: #8c8c8c !important;
}

.downloadbnts:hover{
    opacity:0.7;
}


.Hed.caseCopy{
    position: fixed;
    text-align: left;
    align-content: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 94px;
    z-index: 99;
    right: 50px;
}

.Hed.caseCopy .downloadbnts{
    width: 60px;
    border-radius: 10px;
    text-align: center;
    margin-left: 10px;
    background: #828282 !important;
    padding: 7px !important;
    display: flex;
    align-content: center;
    justify-content: center;
}

.Hed.caseCopy .copiedContent{
  top: 76px;
}

.titleHub{
    width: 100%;
    text-align: center;
    font-size: 2.5em;
    padding-top: 25px;
    font-weight: 400;
    color: blue;
}

.descHub{
    text-align: center;
    width: 100%;
    padding: 25px 30px 35px 30px;
    max-width: 1127px;
    font-size: 1.5em;
    margin: 5px auto;
    font-weight: 400;
}


@media (max-width: 800px){
    .Hed.caseCopy{
        position: fixed;
        text-align: left;
        align-content: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 51px;
        z-index: 999;
        right: 4px;
        top: 70px;
    }
    .Hed.caseCopy .copiedContent{
        top: 11px;
        right: 66px;
    }
    .Hero.addEd {
        height: 100vh !important;
    }
    .blueOverlay {
        background: #9800ffad;
    }
}





.opaciLw{
    opacity:0.4;
    margin-right: 4px;
}

.relatedTitle{
    margin:20px auto 35px auto;
    min-width: 580px !important;
}

.containernews{
    margin-top: 70px;
    padding: 0px 0px 0px 10px;
}

.cos{ 
    background: #f2f2f2;
    padding: 82px 7px 165px 7px;
    overflow-x: hidden;
    min-height: 100vh;
}
.cos .breaders{ padding: 20px 17px; }
.cos .items { width:16.5%; margin: 0; list-style: none; border-radius: 9px; }

.cos .items {
    transform: translateY(-50px);
    transition: opacity 0.5s ease, transform 0.5s ease;
    padding: 3px; 
    opacity:0;
}


.overlA{
    width: 35%;
    height: 35%;
    opacity: 0;
    z-index: 9;
    position: absolute;
    opacity: 0;
    background: linear-gradient(180deg, white, transparent);
    transform: translate(-50%,-50%);
    left: 50%;
    border-radius: 6px;
    mix-blend-mode: overlay;
    top: 50%;
}

.cos .items:hover .overlA{
    background: linear-gradient(180deg, white, transparent);
    width: calc(100% - 18px);
    height: calc(100% - 18px);
    opacity: 0.65;
}

.containernews .items.descrSearchCat{
    font-size: 1.5em;
    width: calc(100% - 70px);
    padding: 40px 226px;
    border-radius: 15px 6px 6px;
    margin-bottom: 8px;
    font-weight: 400;
    text-align: center;
}


.cos .items.WiDerItem{
    width:33% !important;
}

.opacOk{
    opacity: 1 !important;
}

.cos .items .contitem{
    background: #fff;
    border-radius: 9px !important;
    padding: 0; 
    float: left;
    width: calc(100% - 6px);
    margin: 3px;
    /*box-shadow: 0px 0px 20px rgb(0 0 0 / 18%);*/
    overflow: hidden;
}
.cos .items .contitem img { float: left; width: 100%; border-radius: 9px; position:relative; }
.cos .items .contitem:hover img { transform:scale(1.1); }

.cos .items .contitem .sub { overflow: hidden; position: relative; border-radius:9px; width: 100%; float: left; }
.cos .items .contitem .dtails { float: left; padding: 15px; font-size: 12px; width: 100%; position: relative; }
.cos .items .contitem .dtails .caption{
    float: left;
    width: 100%;
    padding: 0px 0px 10px 0px;
    line-height: 20px 
}

.cos .items .contitem .kwy { border-radius: 4px; border: dotted 1px #ccc; padding: 3px 11px; float: left; margin-right: 7px; margin-bottom: 7px; color: #000; }
.cos .items .contitem .contkwy { float: left; width: 100%; margin-bottom: 10px; }

.downloadbnts, .downloadbnts:hover, .downloadbnts:focus { 
    border: solid 0px #fff;
    float: right;
    padding: 6px 19px;
    color: #fff;
    font-size: 1.2em;
    color: #fff;
    background: rgba(0,0,0,0.6);
    display: flex;
    height: 38px;
    align-items: center;
}

.nores{
    position: absolute; top: 50%; width: 200px; padding: 10px; left: 50%;  transform: translateX(-50%);
    text-align: center; border-radius: 4px; background: #fff;
}

.hookCompany{
    padding: 9px 20px;
    border-radius: 5px;
    color: #fff;
    margin-top: 3px;
    float: left;
}

.hookCompany i{
    margin-right:6px;
}

.hookCompany:hover{
    color:#fff;
    text-decoration:none;
}

.floatingFot{
    position: absolute;
    bottom: 0;
    width: auto;
    display: flex;
    padding: 0px 0px 12px 12px;
    bottom: -111px;
    z-index: 99999;
}

.floatingFot a{
    border-radius: 99px;
    margin:0;
    margin-right: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.floatingFot a i{
    font-size: 13px !important;
}

.contitem:hover .floatingFot{
    bottom:0px;
}

.Hero_reduction > div form .searcher {
    padding: 0px 40px;
}

.Hero_reduction > div form button {
    width: 135px;
}


.watch_item_modal{
    position: fixed;
    max-width: 1000px;
    background: #fff;
    z-index: 999999;
    border-radius: 0;
    width: 100%;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
    transform: initial;
    padding: 0px;
    right: -1100px;
    top: 0;
    height: 100%;
    overflow-y: scroll;
    outline:0;
}

.watch_item_modal > div{
    padding:0px;
    min-height: 100vh;
    position:relative;
    outline:0;
    background: #eaeaea;
}

.watch_item_modal > div .mainImg{
    border-radius:0px;
    width:100%;
    border: 0;
    max-height: 600px;
    width: auto;
    margin: 0 auto;
    display: block;
    max-width: 750px;
}

.infoItem{
    width:100%;
    margin:0 auto;
    position:relative;
    max-width: 750px;
    display: flex;
    align-items: baseline;
    position: relative;
    flex-direction: column;
    min-width: 580px !important;
}

.infoItem .button_actions{
    margin-top: 20px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.infoItem .button_actions > div{
    display: flex;
    flex-direction: row-reverse;
}

.infoItem ul{
    padding: 30px 0px 40px 0px;
    margin: 0;
    list-style: none;
    width: 100%;
}

.infoItem ul li{
    padding-bottom: 14px;
    padding-top: 14px;
    border-bottom: dotted 0px #999;
    font-size: 12px;
    display: flex;
    height: auto;
}

.infoItem ul li:last-child{
    border-bottom: dotted 0px #999;
}

.appearItem{
    right: 0px !important;
}

.watch_item_modal p{
    width: 100%;
    display: block;
    text-align: center;
    font-size: 1.15em;
    padding: 14px 10px 20px 10px;
}

.watch_item_modal p .blue{
    color:blue;
}

.watch_item_modal .modal_accept{
    padding: 11px 17px;
    text-align: center;
    background: blue;
    color: #fff;
    border-radius: 8px;
    position: absolute;
    left: -26px;
    cursor: pointer;
    top: 13px;
    font-size: 2em;
    z-index: 9;
}

.invisible{
    opacity:0;
}

.watch_item_modal .casing{
    background:#eaeaea;
    width: 100%;
    min-height: 535px;
    display: flex;
    align-items: center;
    position:relative;
}

.watch_item_modal .casing .overlayerPic{
    background: linear-gradient(0deg, rgb(0 0 0 / 56%), rgba(0,0,0,0));
    position: absolute;
    width: 100%;
    height: 70%;
    bottom: 0;
    left: 0;
    display:none;
}

.watch_item_modal .casing .overlayerPic:hover{
    opacity:0.1;
}

.watch_item_modal .loadingItem{
    position: absolute;
    width: 100%;
    height: 100vh;
    background: #fff;
    z-index: 999;
}

.watch_item_modal .loadingItem img{
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    width:150px;
    height:150px;
}

.loadingHome{
    position:absolute;
    width:100%;
    height:100%;
    background:#fff;
    z-index: 1;
}

.loadingHome img{
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    width:150px;
    height:150px;
}

.watch_item_modal p img{
    display: block;
    margin: -3px auto 27px auto;
    width: 90px;
}

.blueColor{
    color:blue;
}


.background_modal_em{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    z-index:99999;
    top:0px;
    left:0px;
}



.blackGrad{
    /*background:linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0));*/
    z-index:1;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    opacity:0;
}

.contitem:hover .blackGrad{
    opacity:1;
}




 /* Pagination search */
    
    .pagination {
        position: fixed; bottom: 0; width: auto; right: 0; background: #fff; padding: 0; list-style: none;
        margin-bottom: 0; z-index: 1; border:0; border-radius:5px 0px 0px 0px; overflow:hidden; box-shadow:0px 0px 20px rgb(0 0 0 / 20%);}

    .pagination li { float: left; width: auto; padding: 0; }
    .pagination li a{ float:left; padding:8px 20px; border: 0; }
    .pagination li a.highlight, .pagination li a.highlight:hover { background: #797979; color: #fff; text-decoration: none; border-radius:0; }



/* Preloader */

.loader {
    position:fixed;
    background:#fff;
    z-index:99998;
    width:100%;
    height:100%;
    top:0;
    left:0;
}

.loader img{
    width: 80px;
    height: 80px;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index:99999;
    transform: translate(-50%, -50%);
}

.Hero .ComeHome{
    display:none;
}

.limitHeight{
    overflow-y: scroll !important;
}

.seeCompa > div ul.limitHeight{
    max-height: 450px;
}

.watch_item_modal .modal_accept {
    right: 16px;
    top: 15px;
    left: initial;
    border-radius: 99px;
    display: flex;
    padding: 0px;
    height: 40px;
    width: 40px;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    color: #000;
    background: #fff;
}

.relateds{
    margin: 0 auto;
    padding-bottom:50px;
    min-width: 580px !important;
    margin-top:70px;
}

.relateds a{
    padding:3px;
    width:33.333%;
    opacity: 0;
    transform: translateY(-50px);
    transition: opacity 0.5s ease, transform 0.5s ease;
    background:none !important;
}


.relateds a img{
    width:100%;
    height:auto;
    display:block;
    border-radius:3px;
}

.button_actions .hookCompany{
    padding: 9px 10px 9px 17px;
    border-radius: 99px;
    color: #fff;
    margin-top: 0px;
    float: left;
}

.modal_accept:hover{
    text-decoration:none;
}

.bckie0{
    position: absolute;
    width: 55px;
    height: 55px;
    border-radius: 99px;
    left: 50%;
    box-shadow: 0px 0px 50px rgb(0 0 0);
    transform: translate(-50%, -50%);
    top: 50%;
    opacity: 0.5;
    background: url(../../view/custom/img/arrowplay.svg);
    background-repeat: no-repeat !important;
    background-size: 55px !important;
    background-position: center center !important;
    z-index: 1;
    background-color: blue;
}

.watch_item_modal .bckie0{
    pointer-events: none;
    width: 36px;
    height: 36px;
    background-size: 36px !important;
}

.button_actions .hookCompany i{
    margin-left: 8px;
    font-size: 11px;
}

.ComeHomeDetail{
    display:none;
}

.caseCopy button{
    border-radius: 0px 10px 10px 1px;
}

.button_actions a:last-child{
    border-radius: 10px 0px 0px 10px;
}


.watch_item_modal > div object.mainImg {
    border-radius: 0px;
    width: 100%;
    border: 0;
    max-height: 534px;
    width: 100%;
    margin: 0 auto;
    display: block;
    max-width: 600px;
}


.menuCategs{
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    z-index: 9;
}

.menuCategs li a{
    background: #ddd;
    padding: 8px 21px;
    border-radius: 99px;
    margin-right: 9px;
    color: #000;
    display: flex;
    align-items: center;
}

.menuCategs li a:hover{
    text-decoration:none;
}

.menuCategs li a.SelectedC,
.menuCategs li a.allSelected{
    background: #000;
    color: #fff;
}

.menuCategs li a.SelectedsC{
    background: #222222;
    color: #fff;
}

.menuCategs li a i{
    margin-right: -6px;
    padding-left: 6px;
    font-size: 12px;
}

.menuCategs li{
    position: relative;
}

.menuCategs li ul{
    margin:0;
    padding:0;
    list-style: none;
    display:none;
    position: absolute;
    width:100%;
}

.menuCategs li:hover ul{
    display:block;
}

.breaders{
    display: flex;
    align-content: center;
    justify-content: space-between;
    flex-direction: row-reverse;
}

.breaders > div{
    display: flex;
    align-items: center;
    background: #e6e6e6;
    padding: 0px 26px;
    border-radius: 99px;
}



/*NEW*/

.Hero_reduction .contForm form {
    margin-top: 9px;
    max-width: initial;
}

.Hero_reduction .contForm form .searcher{
    border-radius: 99px 0px 0px 99px;
    height: 55px;
    background: #f3f3f3;
    border: 0px;
    font-size: 1.1em;
}

.Hero .contForm form .searcher.Focused{
    font-size: 1.1em;
}


.Hero_reduction .contForm form button{
    border-radius: 99px;
}

.Hero_reduction .contForm{
    width:190%;
    bottom: 110px !important;
    transform: translate(-50%, 0%) !important;
    top: initial !important;
}


.supportMig ul{
    display: flex;
    width: auto;
    margin: 0 auto;
    list-style: none;
    height: 100%;
    align-items: center;
    padding: 15px;
}

.Hero_reduction > div {
    height: 93px !important;
}

.Hero_reduction .seeCompa {
    width: 100% !important;
    left: 0;
    max-width: initial !important;
}

.supportMig a{
    background: #e9e9e9;
    padding: 8px 20px;
    border-radius: 99px;
    color: #000;
    margin-left: 18px;
    font-size: 12px;
}

.supportMig i{
    font-size: 11px;
    margin:0px 3px;
}

.supportMig .adressSearch{
    font-size: 12px;
}

#SearchSubmit i{
    position: relative;
    bottom: -3px;
    left: 0px;
}

.quickLinkHubs{
    position: relative;
    width: 100%;
    top: 10px;
    list-style: none;
    padding: 0;
    margin: 0;
    display: table;
    text-align: center;
}

.quickLinkHubs li{
    display: inline-flex;
}

.quickLinkHubs li a{
    padding: 7px 13px 7px 10px;
    font-size: 13px;
    color: #000;
    background: #ccc;
    border-radius: 99px;
    margin: 0px 5px 10px 5px;
    display: block;
}

.quickLinkHubs li a:hover,
.quickLinkHubs li a:focus,
.quickLinkHubs li a:active{
    text-decoration:none;
}

.quickLinkHubs li a:hover{
    opacity:0.5;
}

.quickLinkHubs li a i{
    font-size:10px;
    margin:0px 3px;
}

.dskV{
    display:block;
}

.mvlV{
    display:none;
}

.Hero_reduction > div form .searcher {
    width: calc(100% - 70px);
}

.Brand_bar.HomesO{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    transform: translate(0,0);
    max-width: initial;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content:space-between;
    padding: 15px 40px;
    height: 80px !important;
    z-index: 99;
}

.Brand_bar.HomesO h1{
    margin: 0;
    padding: 0;
    font-size: 30px;
    font-weight: 900;
    color: #fff;
}

.Brand_bar.HomesO h1 span{
    color: yellow;
    font-weight: 200;
}

.Brand_bar.HomesO ul li a:hover{
    text-decoration:none;
    color:#fff;
}

.Brand_bar.HomesO.scrollIng ul li a:hover{
    text-decoration:none;
    color:blue;
}

.Brand_bar.HomesO.scrollIng h1 span{
    color:blue;
}


.Hero form.start:before{
    content: "";
    position: absolute;
    top: 0;
    left: 5px;
    background: url('../../view/custom/img/iconkeep.png');
    border-radius: 999px;
    height: 80px;
    width: 80px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 42px;
}

.Hero_reduction form.start:before{
    display:none;
}

.Brand_bar.HomesO.scrollIng{
    background:#fff !important;
}

.Brand_bar.HomesO .Brand_bar_logo{
    display:none;
    width: 40px;
    height: auto;
    margin-right: 0;
    padding: 0;
}

.Brand_bar.HomesO.scrollIng .Brand_bar_logo{
    display:block;
}

.scrollBtn,
.scrollBtn:hover,
.scrollBtn:focus,
.scrollBtn:visited{
    text-decoration:none;
    outline:0;
    border:0;
}

.Brand_bar.HomesO.scrollIng h1,
.Brand_bar.HomesO.scrollIng ul li a{
    color: blue;
}

.Brand_bar.HomesO.scrollIng h1{
    letter-spacing: -1px;
}

.titleMvlHome{
    display:none;
}
.btnExploreHome{
    display:none;
}

.logoMvlHome{ 
    display:none;
}

.HeroContent.NewBoxes > .space.doble.small > .centered > div {
    margin: 16px 15px !important;
}
.HeroContent.NewBoxes > .space.black .centered {
    margin: 0px auto;
    padding: 0px 0px;
}
.HeroContent.NewBoxes > .space.doble:first-child {
    padding: 0px 0px 0px 0px;
}

.HeroContent.NewBoxes > .space.doble.small > .centered > div {
    margin: 14px 15px !important;
    max-width: 540px !important;
    padding: 20px 60px;
    border-radius: 22px;
    -webkit-mask-image: url('../../view/custom/img/clipR.svg');
    mask-image: url('../../view/custom/img/clipR.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-size: cover;
    -webkit-mask-size: cover;
    /*clip-path:polygon(0% 0%, 40% 0%, 42% 0.4%,43% 1%, 50% 10%, 0 5%, 43% 5%, 94% 4.9%,96.2% 5.1%,97.6% 5.60%, 
    98.5% 6.4%, 99.5% 8%, 100% 10.3%, 100% 100%, 0% 100%) !important*/
}


.HeroContent.NewBoxes > .space.doble:first-child {
    padding: 0px 0px 35px 0px;
    margin-top:0px !important;
}

.HeroContent.NewBoxes > .space.doble.ADDheight:first-child {
    margin-top: 0px !important;
}

.HeroContent.NewBoxes > .space.banner.Last {
    background-size: contain;
    background-position: center bottom;
    overflow: hidden;
    background-repeat: no-repeat;
    display: block;
    margin: 0 auto !important;
}

.HeroContent.NewBoxes > .space.banner.Last .centered {
    text-align: center;
    padding: 20px 90px 100px 90px;
    border-radius: 7px;
    margin: 0 auto !important;
    display: block;
}

.HeroContent.NewBoxes > .space.banner.Last .centered .photo > div{
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.HeroContent.NewBoxes > .space.banner.Last h2 {
    font-size: 2.7em;
    color: blue;
    margin-bottom: 25px;
}

@media (max-width: 800px) {
    .HeroContent > .space .centered .photo:first-child > div {
        padding-top: 0px !important;
    }
    .HeroContent.NewBoxes > .space.banner.Last {
        background-size: auto 70%;
    }
    .HeroContent > .space .centered .photo > div, .HeroContent > .space .centered .photo > .paragraphs {
        padding: 20px !important;
    }
    .Hero.Flexible.addEd > div.contForm {
        bottom: initial !important;
        top: 0 !important;
        transform: translate(-50%, 0%);
    }
    .blogBox.BlowY {
        max-width: 90% !important;
        height: 300px;
    }
}

.HeroContent.NewBoxes > .space.banner.Last h2 span {
    font-weight: 200;
    color:blue;
}

.HeroContent.NewBoxes > .space.banner.Last p {
    padding: 9px 23px 29px 23px;
    color: #000;
    max-width: 815px;
    font-weight: 300;
    font-size: 16px;
}

.HeroContent.NewBoxes > .space.banner.Last a {
    font-weight: 500;
    background: yellow !important;
    color:#fff;
    border-radius: 7px;
}

.HeroContent.NewBoxes > .space.banner.Last a.lastButton {
    border: 0 !important;
    border-radius: 99px;
    color: yellow !important;
    background: blue !important;
    font-size: 1.3em;
    margin-top: -10px;
    margin-bottom: 10px;
}

.HeroContent.NewBoxes > .space.doble > .centered .learnMore {
    border-radius: 9px;
}

.HeroContent.NewBoxes > .space.white .centered .learnMore {
    border-radius: 10px;
}

.HeroContent.NewBoxes > .space.banner.tryApp {
    margin: 100px 0px 0px 0px;
}

.rgbSq{
    position: absolute;
    right: -45px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    height: 90px;
    padding: 11px;
    transform: scale(0.8);
    display:none;
}

.rgbSq span{
    height: 15px;
    width: 15px;
    display: block;
    border-radius: 99px;
}

.rgbSq span.Red{
    background:red;
}
.rgbSq span.Green{
    background:#00e500;
}
.rgbSq span.Blue{
    background:#0e00ff;
}

.Hero_reduction .rgbSq{
    display:none;
}

.photo.HuB{
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    position:relative;
    z-index:1;
    overflow: hidden;
    top:0;
}

.bckPho{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 1;
    transform: scale(1);
    background-position: center;
    background-size: cover;
}

.photo.HuB .contentInfoBox{
    position: relative;
    z-index:2;
    padding: 45px 25px !important
}

.photo.HuB .contentInfoBox h2{
    color: #fff;
    text-shadow: 2px 2px 60px rgba(0,0,0,0.3);
    font-size: 21px;
    margin: 0;
}

.HeroContent.NewBoxes > .space.doble > .centered .photo.HuB .learnMore {
    color: #fff !important;
    border: solid 2px #fff !important;
    font-weight: 400;
    font-size: 15px;
    background: rgb(0 0 255 / 39%);
}

.HeroContent.NewBoxes > .space.doble > .centered .photo.HuB .learnMore:hover {
    text-decoration:none;
}


.HeroContent.NewBoxes > .space.doble > .centered > .photo {
    height: 325px;
}

.photo.HuB:before{
    /*content: "";
    position: absolute;
    left: 20px;
    top: 20px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    z-index: 1;
    background-color: white;*/
}

.photo.HuB:after{
    /*content: "";
    position: absolute;
    left: 40px;
    top: 20px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    z-index: 1;
    background-color: #fff000;*/
}

.photo.HuB:hover{
    top: -8px;
}

.photo.HuB:hover .bckPho{
    opacity:0.7;
    transform:scale(1.08);
}


.autoplay_sider .slick-track .slick-slide img{
    width:200px;
    margin:0 auto;
}

.slick-slide {
    height: 400px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

.slick-slider {
    margin-bottom: 0;
}

.HeroContent.NewBoxes > .space.doble.sequence > .centered > .photo{
    height: 590px !important;
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
    border-radius:0px;
}

.HeroContent.NewBoxes > .space.doble.sequence{
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
}

.HeroContent.NewBoxes > .space.doble > .centered .learnMore {
    padding: 10px 15px 10px 20px !important;
    margin-top: 15px !important;
    border-radius: 0;
    padding: 15px 30px !important;
    border-radius: 99px;
    color: #fff !important;
    border: solid 0px blue !important;
    background: blue;
    font-weight: 500;
}

.HeroContent.NewBoxes > .space.doble > .centered .learnMore:hover {
    text-decoration:none;
}

.HeroContent.NewBoxes > .space.doble > .centered .learnMore i {
    margin-left:7px;
}

/*
.Brand_bar.HomesO ul li:first-child{
    display:none;
}*/

.Brand_bar.HomesO.scrollIng ul li:first-child{
    display:block;
}




.contForm.entering{
    top: 65% !important;
    opacity: 0 !important;
}

.Brand_bar.HomesO.entering{
    top: -110px !important;
}

.photo.HuB.entering {
    top: 220px;
    opacity: 0 !important;
}

.photo.HuB {
    opacity:1;
}

.Hero video.entering,
.Hero.entering{
    opacity:0;
}

.Hero_reduction.entering{
    opacity:1;
}

.HeroContent.NewBoxes > .space.doble > .centered .photo.HuB {
    display: flex;
    align-items: end;
    justify-content: flex-start;
    text-align: left;
    padding: 15px 26px !important;
}

.titleBtM{
    position: absolute;
    bottom: -157%;
    width: 100%;
    text-align: center;
    color: #ffffff;
    font-size: 2em;
    font-weight: 600;
    opacity: 0.5;
}



/* START Flexible boxes irregular width */

    .HeroContent.NewBoxes > .space.doble.small > .centered.showroomS .photo{
        margin: 7px 7px !important;
        -webkit-mask-image: none;
        mask-image: none;
    }

    .HeroContent.NewBoxes > .space.doble.small > .centered.showroomS:nth-child(odd) .photo.HuB {
        width: 24%;
    }
    .HeroContent.NewBoxes > .space.doble.small > .centered.showroomS:nth-child(odd) .photo.HuB:nth-child(2n) {
        width: 60%;
    }

    .HeroContent.NewBoxes > .space.doble.small > .centered.showroomS:nth-child(even) .photo.HuB {
        width: 24%;
    }
    .HeroContent.NewBoxes > .space.doble.small > .centered.showroomS:nth-child(even) .photo.HuB:nth-child(3n) {
        width: 60%;
    }

    .HeroContent.NewBoxes > .space.doble.small > .centered.showroomS.incontable:last-child .photo.HuB{
        width: 63% !important;
        max-width: initial !important;
    }

    .HeroContent.NewBoxes > .space.doble.small > .centered.showroomS .photo.HuB .bckPho{
        background-size:cover;
        background-position:center;
        background-repeat:no-repeat;
        opacity:1;
    }

    .HeroContent.NewBoxes > .space.doble.small > .centered.showroomS .photo.HuB:hover .bckPho{
        opacity:0.6;
    }

    .HeroContent.NewBoxes > .space.doble.small > .centered.showroomS .photo.HuB .targeter{
        width: 35%;
        height: 35%;
        opacity: 0;
        z-index: 9;
        position: absolute;
        opacity: 0;
        background: linear-gradient(180deg, white, transparent);
        transform: translate(-50%,-50%);
        left: 50%;
        border-radius: 15px;
        mix-blend-mode: overlay;
        top: 50%;
    }

    .HeroContent.NewBoxes > .space.doble.small > .centered.showroomS .photo.HuB:hover .targeter{
        background: linear-gradient(180deg, white, transparent);
        width: calc(100% - 25px);
        height: calc(100% - 25px);
        opacity: 0.65;
    }

    .starterTYtle{
        text-align: center;
        margin-top: 0px;
        margin-bottom: 42px;
        color: #0049ff;
        padding: 40px 20px 0px 20px;
        opacity:0;
    }

    .Ccontainer .starterTYtle{
        text-align: center;
        margin-top: 0;
        margin-bottom: 0;
        color: #0049ff;
        padding: 0;
        opacity: 1;
        width: 100%;
        font-weight: 500;
        color: blue;
        position: relative;
        font-size: 2.7em;
        line-height: 1em;
        bottom: -140px;
    }

    .starterTYtle_add{
        opacity:1;
    }
    
    .HeroContent.NewBoxes > .space.doble.small > .centered.showroomS .photo.HuB:before,
    .HeroContent.NewBoxes > .space.doble.small > .centered.showroomS .photo.HuB:after{
        transition: all 0.15s ease-in-out;
    }
    
    .HeroContent.NewBoxes > .space.doble.small > .centered.showroomS .photo.HuB:hover:before,
    .HeroContent.NewBoxes > .space.doble.small > .centered.showroomS .photo.HuB:hover:after{
        top: -15px !important;
        transition: all 0.15s ease-in-out;
    }

    .HeroContent.NewBoxes > .space.doble.small > .centered.showroomS .photo.HuB:hover {
        top: 0;
    }

    .HeroContent.NewBoxes > .space.doble.sequence:first-child{
        margin-top:160px !important;
    }

    .photo.HuB .contentInfoBox {
        padding: 0px 0px 11px 0px !important;
    }

    .HeroContent.NewBoxes > .space.doble.small > .centered.showroomS .photo.HuB .contentInfoBox{
        transform: scale(1);
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        opacity: 1;
    }

    .HeroContent.NewBoxes > .space.doble.small > .centered.showroomS .photo.HuB:hover .contentInfoBox h2{
        /*color:yellow !important;*/
        opacity: 0;
    }

    .HeroContent.NewBoxes > .space.doble.small > .centered.showroomS .photo.HuB .contentInfoBox i{
        color: #fff !important;
        font-size: 1.7em;
        margin-top: 1px;
    }

    .HeroContent.NewBoxes > .space.doble.small > .centered.showroomS .photo.HuB:hover .contentInfoBox i{
        color: #FFF !important;
    }

/* END Flexible boxes irregular width */


.HeroContent.NewBoxes > .space.doble.sequence > .centered > .paragraphs{
    padding: 0px 9% 0px 9%;
}

.HeroContent.NewBoxes > .space.doble.sequence > .centered > .paragraphs.LSt{
    padding: 0px 2% 0px 9%;
}
.HeroContent.NewBoxes > .space.doble.sequence > .centered > .paragraphs.LSt > div h2{
    font-weight:800;
}
.HeroContent.NewBoxes > .space.doble.sequence > .centered > .paragraphs.LSt > div h2 .blueColor{
    color:blue;
}

.HeroContent.NewBoxes > .space.doble.sequence > .centered > .paragraphs.LSt + div.photo video{
    transform: scale(1.35);
}

.HeroContent.NewBoxes > .space.doble.sequence > .centered > .paragraphs.LSt > div a{
    font-size: 2em;
    padding-left: 40px !important;
    padding-right: 40px !important;
    font-weight: 800;
    color: yellow !important;
}

.HeroContent.NewBoxes > .space.doble.sequence > .centered > .paragraphs p{
    padding: 12px 0px;
}

.HeroContent.NewBoxes > .space.doble.sequence > .centered > .paragraphs h2 {
    font-size: 50px;
    color: #282828;
    margin-bottom: 30px;
}

.HeroContent.NewBoxes > .space.doble.sequence > .centered > .photo{
    border-radius: 21px !important;
    position: relative;
}

.HeroContent.NewBoxes > .space.doble.sequence > .centered > .photo a{
    position: absolute;
    width: calc(40% - 50px);
    height: calc(40% - 50px);
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    border-radius: 13px;
    background: #FFF;
    mix-blend-mode: overlay;
    opacity: 0;
}

.HeroContent.NewBoxes > .space.doble.sequence > .centered > .photo:hover a{
    width: calc(100% - 35px);
    height: calc(100% - 35px);
    opacity:0.35;
}

.SpecialMiddle{
    background-image: url(https://dmany.io/wp-content/themes/blankslate/img/banner_contributors_ok.jpg) !important;
    background-size: cover !important;
    background-position: center !important;
    background-attachment: fixed !important;
}


.HeroContent.NewBoxes > .space.doble.sequence > .centered > .photo{
    background-size: cover;
    background-position: center center; 
}

.HeroContent.NewBoxes > .space.doble.sequence:last-child > .centered > .photo {
    background-position: center center;
}

.adsCamp{
    text-align: center;
    margin: 0px;
    padding: 10px 0px 85px 0px;
    color: blue;
    font-size: 4em;
}



/* blogboxes START */

.blogBoxes{
    margin-top: 70px;
    margin-bottom: 90px;
}

.blogBoxes .container h3{
    font-weight: 400;
    color: blue;
    position: relative;
    font-size: 2.7em;
    line-height: 1em;
    margin-top: 20px;
    margin-bottom: 45px;
    width:100%;
    opacity: 1;
    display: block;
    transition: all 1.3s ease-in-out;
    text-align: center;
}

/*
.blogBoxes .container h3::before{
    content: "";
    width: 0px;
    position: absolute;
    height: 61px;
    width: 220px;
    left: 50%;
    z-index: -1;
    background: #FFFF00;
    top: -25px;
    transition: all 1.3s ease-in-out;
    transform:translateX(-50%);
}*/

.blogBoxes .container{
    text-align: center;
    margin-bottom: 60px;
}

.blogBox{
    width: 100%;
    width: 300px;
    border-radius: 15px;
    margin: 0px 12px 24px 12px;
    background: #fff;
    height: auto;
    box-shadow: 0px 0px 50px rgba(0,0,0,0.10);
    display: inline-flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    top:0;
}


.blogBox .blogBox_photo{
    width:100%;
    height: 200px;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    position: relative;
    background-size: cover;
    background-position: center center;
}

.companyWebsite_btn{
    padding: 9px 20px 9px 20px;
    border-radius: 99px;
    color: #000;
    margin-top: 0px;
    float: left;
    border: solid 1px #000;
}

.companyWebsite_btn:hover{
    text-decoration: none;
    color:#000;
}

.blogBox.BlowY .blogBox_photo{
    height: 185px; 
}
.blogBox.BlowY{
    max-width: 500px;
    width: 100%; 
}

.blogBox .blogBox_photo .bckie{
    position: absolute;
    width: 55px;
    height: 55px;
    border-radius: 99px;
    left: 50%;
    box-shadow: 0px 0px 50px rgb(0 0 0);
    transform: translate(-50%,-50%);
    top: 50%;
    opacity:0;
    background: url('../../view/custom/img/arrowplay.svg');
    background-repeat: no-repeat !important;
    background-size: 55px !important;
    background-position: center center !important;
}

.blogBox .blogBox_photo:hover .bckie{
    opacity:1;
    transform: translate(-50%,-50%) scale(1.20);
    box-shadow: 0px 0px 80px rgb(0, 17, 255);
    background-color: blue;
}

.joinNow{
    background: #fff;
    color: blue !important;
    font-weight: 900 !important;
}

.blogBox .blogBox_title{
    width: 100%;
    background: #FFF;
    height: 60%;
    padding: 20px 30px;
    color: #000;
    font-size: 14px;
}

.blogBox .blogBox_title h4{
    margin-bottom: 15px;
    margin-top: 8px;
    font-size: 1.5em;
    text-align: center;
    line-height: inherit;
}

.blogBoxes .callToAction{
    color: #FFF;
    background: #0000FF;
    margin-top: -15px;
}

.blogBoxes .description{
    max-width: 630px;
    margin: 0 auto;
    font-weight: 300;
    font-size: 16px;
}

.blogBox:hover{
    top:-4px;
}

.blogBox img.wp-post-image {
    width: 100%;
    height: auto;
    border-radius: 15px;
    margin-top: 0;
    margin-bottom: 0;
}

.blogBoxes.Stories .blogBox .blogBox_photo {
    height: 340px;
}






.Ccontainer{ overflow: hidden; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; height: 100vh !important; max-height: initial !important; }
.Ccontainer .bcktitle{ 
    position: absolute;
    font-size: 4rem;
    color: #FFF;
    top: 140px;
    left: 0;
    opacity: 0.33;
    z-index: 2;
    left: -80vw;
    font-weight: 100;
    display: flex;
    align-items: center;
}
.Ccontainer .bcktitle img{
    width: 100px;
    height: 25px;
    margin-left: 40px;
    margin-top: 20px;
}
.Ccontainer.Testimonials .bcktitle{
    color: #000;
} 

.carousel > .carousel-track {
    display: flex;
    gap: 0;
    height: 100%;
    align-items: center;
}

.carousel {
    display: flex;
    width: max-content;
    gap: 0;
    height: 100%;
    align-items: center;
}

.Ccontainer.Testimonials .carousel > .carousel-track > .coverImg{ 
    height: 425px;
    width: 600px;
    position: relative;
    margin: 10px;
    border-radius: 20px !important;
    overflow: hidden;
}

.Ccontainer.Testimonials .carousel > .carousel-track > .coverImg a.targeter{
    position: absolute;
    width: 100%;
    height: 25%;
    bottom: 0;
    z-index: 9;
}

.Ccontainer > .carousel > .carousel-track > .coverImg.first-child .titleSlider{
    display:none;
}

@media (max-width: 1500px) {
    section.Ccontainer .bcktitle {
        top: initial;
        bottom: 40px;
    }
    .Ccontainer > .carousel { width: 100%; height: auto; }
    .Ccontainer > .carousel h2 {
        width: 100%;
        height: auto;
        padding: 0px 0;
        color: #FFF;
        font-size: 20px;
    }
    .Ccontainer > .carousel > .carousel-track > .coverImg { height: 450px; width: calc(100vw - 110px) !important; margin: 0px 15px 30px 15px; height: 500px; }
    .Ccontainer > .carousel > .carousel-track > .coverImg.first-child { 
        background: #fff !important;
        display: flex;
        align-items: center;
        padding: 20px;
    }
    .Ccontainer > .carousel > .carousel-track > .coverImg .titleSlider{
        font-size: 4em;
        line-height: normal;
        font-weight: 500;
        display:block !important;
    }
    .Ccontainer .bcktitle{  position: relative !important; right: initial !important; opacity: 1 !important; font-weight: 300; font-size: 3.5rem !important;
        padding: 40px; width: calc(100% - 80px); top: initial !important; color: #000 !important; left: 0 !important; font-weight: 300 !important; justify-content: space-between; }
    .Ccontainer .bcktitle img{ width: 70px; height: auto; margin-left: 0; margin-top: 10px; opacity: 0.5; }
    .bckbehind{
        padding: 63px 40px 20px 40px;
    }
}

@media (max-width: 768px) {
    .Ccontainer { height: auto !important; flex-direction: column-reverse !important; }
    .blogBox {
        width: 90%;
        margin: 15px auto !important;
    }
    .Ccontainer.Testimonials .carousel > .carousel-track > .coverImg {
        height: 285px;
    }
    .bckbehind {
        height: 96px !important;
        padding: 25px 32px !important;
    }
    .Ccontainer > .carousel > .carousel-track > .coverImg .titleSlider {
        font-size: 3em;
        padding-right: 40px;
    }
    .watch_item_modal .related_versions .bckie0 {
        pointer-events: none;
        width: 25px;
        height: 25px;
        background-size: 23px !important;
    }
    .blogBox .blogBox_photo {
        height: 240px;
    }
}






/* START menu left */

    .contE.isCompanyAspect{ position: relative; width: calc(16% + 5px);  }
    .contE.isCompanyAspect .headerX{ background: #FFF;  width: 16%; height: 100%; position: fixed; top: 93px; left: 0; z-index: 100; }
    .contE.isCompanyAspect .headerX:after{
        content: ""; height: 20px; width: 20px; position: absolute; top: 0px; right: -20px;
        background: url(../../view/custom/img/roundedmenu1.svg);
        background-repeat: no-repeat !important; background-size: 20px !important; background-position: center center !important;
    }

    .containernews.isCompanyAspect{ width: 86%; display: table; margin-top: 30px; }
    .containernews.isCompanyAspect.isItemsCat{ width: 86%; display: table; margin-top: 69px; }
    .cos.isCompanyAspect{ display: flex; background:#f2f2f2; }
    .footerX.black-bg.isCompanyAspect { position: relative;  z-index: 9999; box-shadow:none; }

    .contE.isCompanyAspect .headerX .menu{
        position: static;
        width: 100%;
        display: block;
        margin: 0;
        padding: 0;
        max-width: initial;
        box-shadow: none;
        overflow-y: scroll;
        background: none !important;
        margin-top: 30px;
        max-height: calc(100vh - 123px);
    }

    .contE.isCompanyAspect .headerX .menu .closing { display:none; }
    .contE.isCompanyAspect .headerX .flexMenu li.SelectedC .dropdown a{ 
        padding: 15px 25px 15px 19px !important; color: #fff !important; 
        border-left: solid 0px #fff !important;
    }

    .contE.isCompanyAspect .headerX > .space { display: inline-block;  padding: 0;  width: 100%; }
    .contE.isCompanyAspect .headerX .flexMenu li a { 
        padding: 15px 30px 15px 23px !important;
        font-weight: 200;
        color: #000 !important;
        font-size: 12px;
        border-left: solid 0px #fff;
    }
    .contE.isCompanyAspect .headerX .flexMenu li a span i { 
        color:#a6a6a6;
        margin-right:8px;
    }
    .contE.isCompanyAspect .headerX .flexMenu li .active a span i { 
        color:#FFF;
    }
    .contE.isCompanyAspect .headerX .menuTrigg{ display:none; }
    .supportMig.isCompanyAspect ul { justify-content: end; }
    .Hero_reduction{ background:#FFF; box-shadow:none !important; }

    .contE.isCompanyAspect .headerX .flexMenu .sub-menu .part2 a{
        background: #e7e7e7 !important;
        border-left: solid 0px #fff;
        padding:15px 24px 15px 19px !important;
        font-size:12px !important;
        font-weight: 200;
    }

    .contE.isCompanyAspect .headerX .flexMenu .sub-menu .part2 a.SelectedsC{
        color:blue !important;
        font-weight:400 !important;
        background: #fff !important;
        border-right: solid 1px;
    }

    .contE.isCompanyAspect .headerX .flexMenu .sub-menu .part2 a img{
        opacity: 0.4;
        filter: invert(1);
        margin-right: 3px;
    }
    .contE.isCompanyAspect .headerX .flexMenu .sub-menu .part2 a.SelectedsC img{
        opacity: 1;
    }
    .contE.isCompanyAspect .headerX .flexMenu li .dropdown_arr {
        width: 6px;
        padding: 0;
        margin-left: 0;
        z-index: 99;
        opacity: 1;
        background: none;
        height: 10px;
        margin-top: 0px;
        border-radius: 0px;
        margin-right: 0;
    }

    .contE.isCompanyAspect .headerX .flexMenu li .dropdown_arr {
        filter: invert(1);
    }

    .contE.isCompanyAspect .headerX .flexMenu li .dropdown_arr.ime {
        height: 48px;
        width: 72px;
        padding: 19px 25px;
        margin-right: 0;
    }

    .contE.isCompanyAspect .headerX .flexMenu li.SelectedC .dropdown_arr.ime {
        filter: invert(0);
        background: #4141fd;
    }

    .contE.isCompanyAspect .headerX .flexMenu li .dropdown_arr{
        filter: invert(1);
    }

    .contE.isCompanyAspect .headerX .flexMenu li.SelectedC .dropdown.active a img{
        background: none !important;
        filter: invert(0) !important;
        width: 16px;
    }

    div.description_sidebar{
        color: #2a2a2a;
        padding: 24px;
        font-size: 12px;
        margin-top: 12px;
    }

/* END menu left */




.related_versions {
    width: 100% !important;
    margin: 0px auto !important;
    background: #dadada;
    padding: 0px !important;
    list-style:none;
    float: left;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}


.related_versions li{
    float: left;
    margin-left: 6px;
    margin-right: 6px;
    margin-bottom: 18px;
    margin-top: 6px;
    width: calc(12.5% - 16px);
    border-bottom: solid 0px #ccc;
    list-style: none;
    position: relative;
}

.related_versions img{
    width: 100%;
    height: auto;
    border-radius: 8px;
    background:none;
    cursor:pointer;
}

.related_versions img.smpl{
    width: 44px;
    position: absolute;
    right: -6px;
    top: -20px;
    border-radius: 999px;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
}

.relPrev{
    position: absolute;
    top: 50%;
    font-size: 4em;
    right:2%;
}

.relNext{
    position: absolute;
    top: 50%;
    font-size: 4em;
    left:2%;
}



.related_versions img:hover{
    opacity:0.6;
}


.Hero .supportMig{
    display:none;
}

.Hero_reduction .supportMig{
    display:block;
}


a + .dropdown_arr{
    display:none !important;
}

a .dropdown_arr{
    display:block !important;
}

@media (max-width: 800px){
    .blogBoxes .description {
        padding: 0px 20px;
    }
    .blogBoxes .callToAction{
        margin-bottom: 140px !important;
    }
    .backers_parners .container h3,
    .blogBoxes .container h3{
        margin-left: 0;
        font-size: 30px;
        margin-top: 0px;
        color: #0049ff;
        line-height: 1.1em;
        padding: 0px 40px 0px 40px;
    } 
    .HeroContent.NewBoxes > .space.banner.Last h2{
        color: #0049ff;
        font-size: 30px;
        padding: 0px 40px 0px 40px;
        line-height: 1.1em;
    }
    .backers_parners .container h3::before,
    .blogBoxes .container h3::before{
        height: 37px;
        top: -7px;
    }
    .backers_parners_add .container h3::before {
        width: 200px;
    }
    .headerX li .dropdown a span{
        color:blue;
    }

    .headerX li.SelectedC .dropdown a span{
        color:#fff;
    }

    .headerX li .dropdown a span i{
        margin-right:8px !important;
    }
    .contE.isCompanyAspect .headerX:after{
        display:none;
    }
    .HeroContent.NewBoxes > .space.doble.sequence > .centered > .paragraphs.LSt + div.photo video{
        transform: scale(1);
    }   
    .button_actions .hookCompany{
        margin-bottom: 15px;
    } 
    .infoItem .button_actions > div{
        flex-direction: row;
    }
}
/* FIN blog boxes */

.Hero_reduction .titleBtM,
.Hero.Flexible .titleBtM,
.Hero .titleBtM{
    display:none;
}


.bckbehind{
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    height: 140px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.79), transparent);
    z-index: 1;
    opacity: 1;
    display: flex;
    align-items: baseline;
    padding: 40px;
    justify-content: space-between;
}

.bckbehind h2{
    color: #fff;
}

.bckbehind i{
    filter: invert(1);
    font-size: 30px;
}

.photo.HuB:hover .bckbehind{
    opacity:0;
}


.Hero.addEd h1{
    display:none;
}

video.nakedDam{
    max-width: 1000px;
    margin-bottom: 60px;
    border-radius: 12px;
    width: 100%;
}

@media (max-width:1600px){

    .containernews.isCompanyAspect{ width: 83%; }

    .contE.isCompanyAspect .headerX{ width: 17%; }

    .contE.isCompanyAspect{ width: 17%;  }

    .HeroContent.NewBoxes > .space.doble.sequence > .centered > .photo:first-child{
        border-radius: 0px 0px 0px 0px !important;
    }
    
    .HeroContent.NewBoxes > .space.doble.sequence > .centered > .photo:last-child{
        border-radius: 0px 0px 0px 0px !important;
    }
}

.opacityMenu{
    opacity:1 !important;
}


.containernews .isItemsCat{
    margin-top: 128px !important;
    height:auto;
}

.hideMobile{
    display:block;
}

#menuTrigg{
    display: none;
}

@media (max-width:850px){

    video.nakedDam {
        border-radius: 7px;
    }

    #menuTrigg{
        display: flex;
    }

    .hideMobile{
        display:none !important;
    }

    .Hero:not(.Hero_reduction) .contForm.effect,
    .Hero:not(.Hero_reduction) .contForm.effect_low,
    .Hero:not(.Hero_reduction) .contForm .effect,
    .Hero:not(.Hero_reduction) .contForm .effect_low{
        -webkit-transition: all 0s ease-in-out;
        -moz-transition: all 0s ease-in-out;
        -o-transition: all 0s ease-in-out;
        transition: all 0s ease-in-out;
    }

    .Hero:not(.Hero_reduction) .seeCompa.effect,
    .Hero:not(.Hero_reduction) .seeCompa div.effect_low{
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    a .dropdown_arr{
        display:none !important;
    }

    a + .dropdown_arr{
        display:block !important;
    }

    .contE .headerX:after{
        content:"";
    }

    .Hero > div {
        max-width: 720px;
        height: auto;
        min-height: 80px;
        height: 70px;
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        bottom: initial;
    }
    
    .Hero.Hero_reduction > div {
        max-width: 720px;
        height: auto;
        min-height: 80px;
        height: 70px;
        width: 100%;
        position: absolute;
        top: 50% !important;
        left: 44%;
        transform: translate(-50%, 0%) !important;
        bottom: initial !important;
    }

    .opacityMenu{
        opacity:0 !important;
    }

    .pushLeft {
        right: 0% !important;
        width: calc(100% - 72px) !important;
    }

    .headerX .menu {
        background: #eeeeee !important;
    }
    .headerX .flexMenu li a {
        color: #000 !important;
        background: #fff;
    }
    .headerX .flexMenu li a img {
        width: 10px !important;
        padding: 0 !important;
        height: 15px !important;
        filter: invert(1) !important;
    }

    .items .downloadbnts{
        display:none;
    }

    .headerX .sub-menu, .headerX .sub-menu .part2, .headerX .sub-menu a {
        background: #ededed !important;
    }

    /*
    div.description_sidebar{
        display:none;
    }*/

    .headerX .flexMenu li.SelectedC .dropdown a {
        border-left: solid 6px blue !important;
    }

    .headerX .flexMenu li.SelectedC .part2 a {
        border-left: solid 0px blue !important;
    }

    .headerX .flexMenu li .part2 a.SelectedsC {
        background: #e6e6e6 !important;
        border-left: solid 0px blue !important;
    }

    li.description_sidebar{
        color: #8d8d8d;
        padding: 29px;
        font-size: 13px;
        margin-top: 12px;
        display:block !important;
    }

    .headerX .flexMenu li .part2 a.SelectedsC{
        padding-left: 30px !important;
    }

    .headerX .flexMenu li.description_sidebar:hover {
        padding: 29px;
    }   

    .dropdown_arr {
        background: #bfbfbf94;
        height: 61px;
    }

    .titleBtM{
        display:none;
    }

    .related_versions img {
        height: auto;
        width: 77px;
    }

    .related_versions li {
        margin-left: 4px;
        margin-right: 4px;
        margin-bottom: 6px;
        margin-top: 6px;
        width: auto;
    }

    .adsCamp{
        text-align: center;
        margin: 0px;
        padding: 20px 20px 130px 20px;
        color: blue;
        font-size:40px;
    }   

    .HeroContent.NewBoxes > .space.doble.sequence > .centered > .paragraphs{ 
        padding: 15px 35px 45px 35px !important; 
    } 

    .HeroContent.NewBoxes > .space.doble.sequence > .centered > .photo {
        height: auto !important;
    }

    .HeroContent.NewBoxes > .space.doble:first-child:before{
        /*content: "";*/
        background: blue;
        position: absolute;
        top: 72px;
        width: 60%;
        height: 9px;
        border-radius: 99px;
        left: 50%;
        transform: translate(-50%);
    }

    .HeroContent.NewBoxes > .space.doble.sequence > .centered > .photo:first-child{
        border-radius: 0px 0px 0px 0px !important;
    }
    
    .HeroContent.NewBoxes > .space.doble.sequence > .centered > .photo:last-child{
        border-radius: 0px 0px 0px 0px !important;
    }
    

    .HeroContent.NewBoxes > .space.doble.small > .centered.showroomS .photo.HuB .targeter{
        width: 80%;
        height: 80%;
        opacity: 0;
        z-index: 9;
        position: absolute;
        opacity:0;
    }

    .HeroContent.NewBoxes > .space.doble.small > .centered.showroomS .photo.HuB > div{
        padding: 14px 10px !important;
    }
    .photo.HuB .contentInfoBox h2 {
        font-size: 20px;
    }
    .HeroContent.NewBoxes > .space.doble.small > .centered.showroomS .photo.HuB .contentInfoBox i {
        font-size: 15px;
        margin-left: 2px;
    }

    .HeroContent.NewBoxes > .space.doble.small > .centered.showroomS .photo.HuB,
    .HeroContent.NewBoxes > .space.doble.small > .centered.showroomS.incontable:last-child .photo.HuB{
        width: calc(90% - 0px) !important;
    }

    /*.Hero video{
        display:none;
    }*/

    .Hero > div form .searcher{
        height: 60px;
    }
    
    .Hero.Flexible > div form .searcher,
    .Hero_reduction > div form .searcher{
        height: 70px;
    }

    .footerX > .space {
        padding: 30px 45px 60px 45px;
    }

    .footerX .logo {
        display: none;
    }

    .Ccontainer > .carousel > .carousel-track > .coverImg.first-child {
        padding: 25px;
    }

    .footerX > .space > div.cente {
        align-items: center;
        margin-top: 40px;
        justify-content: center;
        text-align: center;
    }

    .HeroContent.NewBoxes > .space .centered.reversing {
        display: flex !important;
        flex-direction: column-reverse !important;
    }


    .HeroContent.NewBoxes > .space.doble.small > .centered > div {
        margin: 14px 15px !important;
        max-width: initial !important;
        padding: 20px 10px;
        border-radius: 20px;
        width: calc(100% - 30px) !important;
    }
    .HeroContent > .space.doble.small > .centered > div:first-child,
    .HeroContent > .space.doble.small > .centered > div:last-child{
        display:none;
    }

    .HeroContent.NewBoxes > .space.doble:first-child {
        padding: 0px 0px 0px 0px;
    }

    .starterTYtle {
        text-align: center;
        margin-top: 0px;
        margin-bottom: 30px;
        color: #0049ff;
        padding: 30px 37px 0px 37px;
    }

    .HeroContent.NewBoxes > .space.doble.small > .centered.showroomS .photo.HuB {
        height: 260px !important;
        width: 90% !important;
        margin: 15px auto !important;
    }

    .titleMvlHome{
        display: block;
        text-align: center;
        font-size: 33px;
        font-weight: 900;
        color: #fff;
        font-weight:900;
        margin-top: -55px;
        margin-bottom: 33px;
    }
    
    .titleMvlHome span{
        color: #fff;
        font-weight: 200;
    }

    .logoMvlHome{
        display: block;
        width: 104px;
        margin: -197px auto 28px auto;
    }

    .Hero > div.contForm{
        bottom: 140px;
    }

    .btnExploreHome{
        text-align: center;
        margin: 0 auto;
        display: block;
        max-width: 186px;
        background: #00009c;
        padding: 17px;
        border-radius: 99px;
        margin-top: 0px;
        font-weight: 400;
        color: yellow;
        font-size: 13px;
    }

    .btnExploreHome:hover,
    .btnExploreHome:focus,
    .btnExploreHome:visited{
        color:yellow;
    }


    .Hero_reduction .titleMvlHome,
    .Hero_reduction .logoMvlHome,
    .Hero_reduction .btnExploreHome{
        display:none !important;
    }
    
    .Hero.Flexible .titleMvlHome,
    .Hero.Flexible .btnExploreHome,
    .Hero.Flexible .logoMvlHome{
        display:none;
    }

    .Hero {
        height: 40vh;
    }
    /*.Hero > div.contForm h1{
        display:none;
    }*/
    .Hero > div.contForm h1.titleMvlHome{
        display: block;
        font-size: 2.25em;
    }
    .Hero > div form button {
        display:none;
    }
    .Hero_reduction > div form button,
    .Hero > div form.Moven button {
        display:block;
    }

    .Hero > div form .searcher {
        width: 100% !important;
        padding: 0;
        text-align: center;
        border-radius: 99px;
    }

    .Hero > div.contForm h1 {
        margin-bottom: 0;
        margin-top: 0;
        font-size: 3.3em;
        left: 0;
        top: -70px;
    }

    .Hero_reduction > div form .searcher,
    .Hero > div form.Moven .searcher {
        width: calc(100% - 70px);
        padding: 0px 73px 0px 89px;
        text-align: left;
    }

    .Brand_bar.HomesO {
        display:none;
    }

    .Brand_bar.HomesO h1 {
        margin-bottom: 32px;
    }

    .Hero > div form button{
        border: solid 0px #fff;
    }

    .Hero_reduction.scrollIng + .cos .MobileInfoComp{
        background:#fff !important;
        box-shadow: 0px 0px 20px rgba(0,0,0,0.15);
    }

    .Hero form.start:before{
        opacity:1;
        height: 60px;
        width: 69px;
    }

    .Hero form.start.Moven:before{
        opacity:1;
    }

    .dskV{
        display:none;
    }
    
    .mvlV{
        display:block;
    }

    .quickLinkHubs {
        position: relative;
        top: -40px;
    }

    .isItemsCat.contanerNews_add{
        margin-top: 85px !important;
    }

    .Hero video{
        height: 100%;
        width: auto;
        opacity: 0.5;
    }

    #SearchSubmit i{
        position: static;
    }

    .Hero_reduction {
        height: auto !important;
    }

    .Hero_reduction > div {
        height: 70px !important;
    }

    .supportMig{
        display:none;
    }

    .containernews {
        padding: 0px;
        margin-top: 30px;
        height: auto;
    }

    .containernews.NwCm {
        margin-top: 85px;
    }

    .boxCatsFirst {
        margin-bottom: 160px;
    }

    .boxCatsFirst .folderSha:hover {
        transform: scale(1) !important;
        z-index: 2;
    }

    .cos .items .contitem:hover img {
        transform: scale(1) !important;
    }

    /*
    .containernews.isItemsCat{
        height: auto !important;
    }*/

    .cos .items .overlA{
        display: none !important;
    }

    .relateds,
    .relatedTitle,
    .infoItem{
        min-width: initial !important;
    }

    .MobileInfoComp{
        position: fixed;
        top: 70px;
        color: #000;
        left: 0;
        padding: 0 !important;
        border-radius: 0px;
        font-size: 12px;
        height: 54px;
        width: 100%;
        display: flex;
        align-items: center;
        flex-direction: row;
        justify-content: start;
        box-shadow: none;
        z-index: -1;
        border-top: solid 0px #dbdbdb;
        background: #fff;
    }

    .MobileInfoComp .arrowBackCat{
        background: #cbcbcb;
        height: 54px;
        margin-right: 9px;
        width: 72px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .MobileInfoComp li{
        font-size: 1.1em;
        margin-right: 12px;
        padding: 0 !important;
    }
    .MobileInfoComp.Hubs{
        padding: 15px 20px !important;
        background: #fff;
    }


    .MobileInfoComp .nameCoMp{
        font-weight: bold;
    }

    .MobileInfoComp i{
        margin-right:5px;
    }

    .cos{
        padding: 93px 4px 165px 4px;
    }

    .caseCopy button{
        border-radius: 10px 0px 0px 10px;
    }
    
    .button_actions a:last-child{
        border-radius: 0px 10px 10px 0px;
    }

    .infoItem .button_actions {
        margin-top: 20px;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: self-start;
    }

    .infoItem .button_actions > div{
        width: 100%;
        display: flex;
        margin-top: 16px;
    }

    .relateds{
        padding: 4px 4px 50px 4px;
    }

    .watch_item_modal .loadingItem{
        position: fixed;
    }

    .cos .breaders {
        padding: 20px 10px;
    }

    .ComeHomeDetail{
        display:block;
        position: absolute;
        left: 0;
        z-index: 9;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #FFF;
        width: 63px;
        color: blue;
        top: -65px;
        padding: 14px 13px 12px 13px;
        max-height: 65px;
    }

    .copiedContent{
        right: 15px;
    }

    .infoItem{
        padding: 0px 15px;
    }

    .infoItem .button_actions {
        padding: 0px 0px;
    }

    .relatedTitle {
        padding: 0px 15px;
    }

    .overlayerPic{
        opacity: 0.4;
    }

    .relateds a{
        padding:0px;
        width:calc(50% - 10px);
        margin:3px;
    }

    .seeCompa > div ul.limitHeight{
        max-height: 80vh;
    }

    .Hero.Hero_reduction .ComeHome{
        display:block;
        position: fixed;
        left: 0;
        z-index: 9;
        height: 70px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #FFF;
        color: #fff;
        width: 66px;
        color:blue;
    }
    
    .Hero.Hero_reduction .ComeHome.mvlV {
        top: 0;
    }

    .ComeHome:hover{
        text-decoration: none;
    }

    .ComeHome img{
        padding:12px;
    }

    .Hero.Hero_reduction .contForm{
        width: calc(100% - 60px);
        margin-left:60px;
    }

    .Moven .searcher.Focused {
        background: #FFF !important;
    }

    .Hero.Hero_reduction.Flexible .seeCompa{
        width: calc(100% + 60px) !important;
    }

    .watch_item_modal {
        right: -120%;
    }

    .infoItem ul {
        padding: 30px 0px;
        width: 100%;
    }

    .infoItem ul li{
        padding-bottom: 14px;
        padding-top: 14px;
        border-bottom: dotted 0px #999;
        font-size: 12px;
        height: auto;
    }

    .watch_item_modal > div video.mainImg {
        width: 100% !important;
    }

    .floatingFot{
        bottom: 0;
    }

    .blackGrad:hover{
        opacity:0 !important;
    }
    
    .watch_item_modal .modal_accept {
        /*right: 8px;
        top: -43px;*/
        right: 12px;
        top: -52px;
    }

    .watch_item_modal .casing {
        margin-top: 65px;
        min-height: 150px;
    }

    .watch_item_modal > div img.mainImg {
        border-radius: 0;
        width: 100%;
        border: 0;
        width: 100%;
        margin: 0 auto;
        max-height: initial;
    }

    .watch_item_modal > div{
        padding:0px;
    }

    .Hero_reduction .contForm form .searcher{
        height: 70px;
        border:0px !important;
        width: calc(100% - 70px);
    }

    .Hero_reduction .contForm form,
    .Hero_reduction .contForm .seeCompa{
        width: 100%;
        max-width: initial;
    }

    .Hero_reduction .contForm form{
        padding: 0px;
    }

    .Hero > div{
        padding: 20px;
        width: 90%;
    }

    .Hero.Flexible > div,
    .Hero_reduction > div{
        width: 100%;
    }
    
    .rgbSq{
        display:none;
    }

    .Hero.Hero_reduction > div {
        padding: 0px;
    }
    .Hero_reduction .supportMig {
        display: none;
    }

    .Hero.Flexible > div {
        top: 0%;
        transform: translate(-50%,0%);
        padding: 0px;
        position: fixed; 
    }
    .Hero.Hero_reduction.Flexible > div {
        position: absolute;
    }
    .Moven, .Moven + .seeCompa {
        transform: scale(1);
    }
    .seeCompa {
        top: -80px;
        position: relative;
        padding: 0px 0px;
        width: 100%;
        left: 0;
        min-height: 70px;
        padding-top: 92px;
    }
    .Brand_bar{
        display:none;
    }
    .Hero.Hero_reduction.Flexible > div {
        top: 0%;
        transform: translate(0%,0%);
    }
    .Hero.Flexible > div form button,
    .Hero.Flexible > div form .searcher,
    .Hero.Hero_reduction > div form button,
    .Hero.Hero_reduction > div form .searcher{
        border-radius: 0;
    }

    .Hero > div form button{
        width: 100px;
    }

    
    .Hero.Hero_reduction > div form button,
    .Hero.Hero_reduction.Flexible > div form button {
        width: 80px;
    }

    .Hero > div form .searcher{
        width: calc(100% - 70px);
        padding: 0px 0px 0px 0px;
        /*margin-right: 0px;*/
    }

    .Hero > div form .searcher.Focused{
        margin-right: 0px;
    }

    .Hero.Flexible.Hero_reduction > div form .searcher,
    .Hero.Hero_reduction > div form .searcher{
        padding: 0px 10px;
    }

    .Hero .searcher + .delSearch{
        right: 90px;
    }

    img{
        width:100%;
        display:block;
    }

    .cos .items { width: 50%; }

    .Moven + .seeCompa > div {
        box-shadow: 0px 70px 70px rgba(0,0,0,0.5);
    }
    .Hero_reduction .contForm form {
        margin-top: 0;
    }
    .cos .items { 
        width: 49.8%; padding: 0px;
    }
    .Hero_reduction .contForm form .searcher{
        background: #FFF;
    }
    .cos .items .contitem {
        width: calc(100% - 5px);
    }
    .Hero_reduction > div form .searcher{
        margin-right: 0px;
    }
    .cos .items.WiDerItem {
        width: 100% !important;
    }
    .photo.HuB:hover {
        top:0px;
    }
    .boxCatsFirst .folderSha {
        max-width: initial !important;
        height: 280px !important;
        margin: 8px 16px !important;
        border-radius: 8px !important;
    }
    .boxCatsFirst .folderSha:hover {
        transform:scale(1);
        z-index:0;
    }
}


@media (max-width: 600px){
    .cos .items .contitem .dtails .caption { text-align: center; padding: 8px 0px 18px 0px; font-size: 1.1em; }
}



.contProfilePi{
    position: fixed;
    z-index: 9;
    right: 0;
    color: #FFF;
    display: flex;
    align-items: center;
    top: 110px;
    width: 136px;
    background: #2121ff;
    padding: 12px 22px 12px 12px;
    border-radius: 99px 0px 0px 99px;
}

.justUpload{
    position: fixed;
    z-index: 99;
    right: 0;
    top: 75px;
    background: blue;
    color: #fff;
    padding: 15px 25px;
    border-radius: 30px 0px 0px 30px;
    cursor:pointer;
}

.justUpload:hover,
.justUpload:focus{
    text-decoration: none;
    color:#fff;
}

.contProfilePi:hover{
    color:#fff;
    text-decoration: none;
}

.contProfilePi i.fa-angle-right{
    margin-left:10px;
}

@media (max-width: 1000px){
    .contProfilePi{
        top:15px;
    }
    .justUpload {
        display:none;
    }
}

.profilePi{
    background: #0000f2;
    display: flex;
    align-content: center;
    justify-content: center;
    height: 32px;
    width: 33px;
    border-radius: 99px;
    align-items: center;
    font-size: 11px;
    margin-right: 9px;
}


.brbrA.contProfilePi .profilePi {
    background: #e8e8e8;
    color: #aaa;
}

.brbrA.contProfilePi {
    color:#000;
}

.brbrA.contProfilePi:hover {
    text-decoration: none;
}


.scrollIng .profilePi i{
    color:#fff !important;
}

.modal-backdrop{
    display:none !important
}


.modal-open {
    overflow: auto !important;
}

.OvYH{
    overflow-y:hidden !important;
}


@media (max-height:799px){
    .HeroContent.NewBoxes > .space.doble > .centered > .photo {
        height: 285px !important;
    }
}



.boxCatsFirst{
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    display: inline-flex;
    flex-wrap: wrap;
    padding-bottom: 0;
    padding:0px 15px;
}

.boxCatsFirst .folderSha{
    width: 100%;
    max-width: 385px;
    height: 330px;
    margin: 10px;
    border-radius: 10px;
    display: flex;
    align-items: end;
    justify-content: flex-start;
    padding: 25px;
    font-weight: 700;
    position: relative;
    background-size:cover;
    background-position:center center;
    background-repeat: no-repeat;
    transform:scale(1);
}

.boxCatsFirst .folderSha .topFolder{
    position: absolute;
    top: -1px;
    right: -1px;
    width: auto;
    height: 45px;
    z-index: 1;
}

.boxCatsFirst .folderSha:hover{
    text-decoration: none;
}

.boxCatsFirst .folderSha span{
    position: relative;
    z-index: 1;
    color: #FFF;
    font-size: 1.4em;
    font-weight: 500;
    text-shadow: 1px 2px 4px #00000054;
}

.boxCatsFirst .folderSha:after{
    content:"";
    bottom:0;
    z-index: 0;
    position: absolute;
    left:0;
    width:100%;
    border-radius: 0px 0px 10px 10px;
    height:200px;
    background:linear-gradient(to top,rgba(0,0,0,0.7),rgba(0,0,0,0.1),rgba(0,0,0,0));
}

.boxCatsFirst .spacer{
    width: 100%;
    display: block;
    height: 40px;
}

.boxCatsFirst .folderSha:hover {
    transform:scale(1.023);
    z-index:2;
}


.sWMobile{
    display:block !important;
}
@media (max-width:1100px){
    .sWMobile{
        display:none !important;
        position:fixed;
        top:80px;
        right:0;
        width:100px;
    }
    .headerX .menuTrigg {
        bottom: 0px !important;
        top: initial !important;
        left: 0 !important;
        border-radius: 0 !important;
        height: 72px !important;
        width: 72px !important;
    }
    .footerX .footbar .space {
        padding: 0px 45px 60px 45px !important;
    }

    .containernews .items.descrSearchCat {
        font-size: 1.2em;
        width: 100%;
        padding: 22px;
        margin-bottom: 8px;
        text-align: left;
    }

    .descHub {
        font-size: 1.2em;
        width: 100%;
        padding: 32px;
        margin-bottom: 8px;
        text-align: left;
    }

    .boxCatsFirst .folderSha:hover {
        transform: scale(1) !important;
    }

    .headerX .menu {
        padding-top: 52px !important;
    }

    .headerX .flexMenu li a {
        padding: 22px 30px !important;
    }

}