.mob-hide{
    display: block
}
.desk-hide{
    display: none
}
.container{

}
.row-home{
  background: url(https://www.casasbahia-imagens.com.br/html/conteudo-produto/38/55000496/images/bg-home-hyper.png) no-repeat center top;
}
.all-content{
    background: #19203C;
    font-family: 'montserrat' !important;
    color: white;
    max-width: 990px;
    margin: 0 auto;

}
.all-content h1{
    font-weight: 700;
    font-size: 36px !important
}
.container{
    padding: 0 20px
}
.col-md-6{
    max-width: 50%;
}
.f-left{
    float: left
}
.f-right{
    float: right
}
.all-content h2{
    margin-top: 20px !important;
    margin-bottom: 10px !important
}
.all-content p{
    font: 'montserrat' !important 14px; 
}
.logo-hyper{
    margin-top: 200px
}
.blue-tl{
    color: #4D69D3;
    margin-top: 50px;
    font-size: 30px;
    padding-bottom: 540px
}
.hyper-home{
  
    display: block;
    margin:100px auto 0
}
.row{
    margin: 0 !important
}
.hyper-bck{
    margin-top: 7%;
}
.text-content-b{
    padding-right: 40px;
    max-width: 700px
}
.f-tl-s{
    font-size: 18px;
    color: #7892F8;
}
.s-tl-b{
    margin-bottom: 40px;
}
.pics-quad{
    margin-top: 40px;
    width: 400px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.pop-a ,.pop-b{
    position: absolute;
    display: block;
    left: 50%;
    margin-left: -224.5px;
    z-index: 1
}
.hover-pop{
  
    height: 1000px;
 
}
.no-pd-lf{
    padding-left: 0 !important;
}
.pop-c{
    position: absolute;
    display: block;
    left: 52%;
    margin-top:90px;
    z-index: 0;
    transition: 1s ease
}
.hover-pop:hover .pop-c{
    margin-top:40px;
    transition: ease 1s 
}
.hover-pop:hover .pop-b{
    z-index: 3;
    transition: ease 1s;
    opacity: 1
}
.pop-b{
    opacity: 0;
    transition: ease 1s
}
.pop-cont{
    zoom:0.85
}
.up-tx{
padding-top: 100px
}
.bg-black{
    background: black !important;
    min-height: 680px;
    padding-top: 50px;
    margin-top: 100px
}
.up-tx-b{
padding-top: 180px
}
.linha-a{
     width: 5px;
  height: 220px;
  background: white;
  -webkit-transform: skew(20deg); /* Chrome, Opera */
      -ms-transform: skew(20deg); /* IE */
          transform: skew(20deg); /* Padrão */;
    position: absolute;
}
.linha-b{
     width: 5px;
  height: 220px;
  background: white;
  -webkit-transform: skew(20deg); /* Chrome, Opera */
      -ms-transform: skew(20deg); /* IE */
          transform: skew(20deg); /* Padrão */;
    position: absolute;
}
.linha-a{
    margin-left: 80px;
    margin-top: 20px;
    z-index: 2;transition: 1s ease;
}
.linha-b{
    margin-top: 420px;
    margin-left: 250px;
    z-index: 2;
    transition: 1s ease;
}
.black-hover{
    width: 300px;
    height: 650px;
    background-color:rgba(0,0,0,0.6);
    position: absolute;
    left: 27%;
    margin-left: -150px;
    border-radius: 60px;
    text-align: center;
vertical-align: middle;
line-height: 0px;
    transition: 1s ease;
}

.top-tl{
    margin-top: 300px
}
.tela-pre{
    display: block;
    margin: 0 auto
}
.tela-holder:hover .linha-a{
    transition: 1s ease;
    height: 0;
    transform: skew(20deg);
    margin-left:30px;
    animation-delay: .5s;
}
 .tela-holder:hover .linha-b{
    transition: .5s ease;
    height: 0;
    transform: skew(20deg);
    margin-left:220px
}
.tela-holder:hover .black-hover{
    opacity: 0;
    transition: 1s ease;
}
.bg-praia{
    background: url(https://www.casasbahia-imagens.com.br/html/conteudo-produto/38/55000496/images/bg-praia.png) center  no-repeat;
    background-size: cover;
    padding-top: 150px;
   padding-bottom: 150px
}
.snap-a,.snap-b{
    position: absolute;
   
    transition: ease 1s
}
.snap-a{
     z-index: 1;
     transition: ease 1s
}
.snap-holder:hover .snap-b{
    z-index: 3;
    transition: ease 1s
}
.snap-holder{
    zoom:0.65;
    margin-top: 50px
}
.pd-b{
    padding-bottom: 100px
}
.cores-holder{
    margin-left: 45px;
    width: 200%;
    height: 600px;
    transition: 1s ease
}
.cores-holder:hover{
    margin-left: 180px;
    transition: 1s ease
}
.cor{
    position: absolute;
    margin-left: 280px;
    transition: 1s ease
}
.cor-a{
    z-index: 5;
     transition: 1s ease;
}
.cor-b{
    z-index: 4;
     transition: 1s ease;
}
.cor-c{
    z-index: 3;
     transition: 1s ease;
}
.cor-d{
    z-index: 2;
     transition: 1s ease;
}
.cores-holder:hover .cor-b{
    margin-left: 180px;
    transition: 1s ease;
    z-index: 4
}
.cores-holder:hover .cor-c{
    margin-left: 90px;
    transition: 1s ease;
    z-index: 3
}
.cores-holder:hover .cor-d{
    margin-left: 0px;
    transition: 1s ease;
    z-index: 2
}
.action-box{
    padding-top: 100px;
    padding-bottom: 100px;
}
.action-tl{
    font-weight: 700;
    margin-bottom: 80px
}
.f-td{
    width: 20%;
    padding: 40px;
        border-right: 1px solid rgba(255, 255, 255, 0.3);
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.s-td{
    width: 80%;
    padding: 40px;
    color: #AEAEAE;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    text-align: right
}

.f-td-l{
    width: 20%;
    padding: 40px;
        border-right: 1px solid rgba(255, 255, 255, 0.3);
       
}
.s-td-l{
    width: 80%;
    padding: 40px;
    color: #AEAEAE;
    text-align: right

}
.full-t{
    width: 100%;
}
p, .wrp{
	font:75% Tahoma, Arial, Verdana, sans-serif
}
                        
}/* MEDIAQUERY */

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
padding: 0 !important;
}