/**



 *



 * Apply Here your Custom CSS



 *



*/

@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');

a{

    text-decoration: none;

}



body{

    overflow-x: hidden;

    font-family: 'Oswald', sans-serif;

        color: #fff;

    padding-bottom: 100px;





}

header{

    position: absolute;

    top: 0;

    left: 0;

    z-index: 99;

    display: table;

    width: 100%;

    color: #ffd700;

    text-shadow: 0 0 1px 5px #ccc;

    padding: 10px 0 ;

    background: rgba(0,0,0,.7);

    box-sizing: border-box;

    -webkit-box-sizing: border-box;

}

header a{

    color: #ffd700;

    text-shadow: 0 0 1px 5px #ccc;

    margin-left: 20px;



}

.logo_video_false{

    position: fixed;

    height: 100px;

    width: 100%;

    display: block;

    z-index: 9;

    top:0;

    left: 0;

}

h1{

    margin: 0 auto 50px;

    display: table;

    color: #fff;

    position: relative;

    z-index: 9;

}

.bg{

    background-size: cover;

    background: url('../images/bg-mobile.jpg') no-repeat center center;

    background-size: cover;

    position: fixed;

    left: 50%;

    top:0;   

    transform: translate(-50%,0);

    -webkit-transform: translate(-50%,0);

    -moz-transform: translate(-50%,0);

    -o-transform: translate(-50%,0);

    width: 100%;

    display: block;

    z-index: -2;

    height:  100%;

}







.video-container {

    position: fixed;

    top: 0;

    left: 0;

    width: 100vw;

    height: 100vh;

    z-index: -1;

    background: black;

    overflow: hidden;

    display: flex;

    align-items: center;

    justify-content: center;

    left: 50%;

    top:50%; 

    transform: translate(-50%,-50%);

    -webkit-transform: translate(-50%,-50%);

    -moz-transform: translate(-50%,-50%);

    -o-transform: translate(-50%,-50%);

}

 .video_bg {

    position: absolute;

    pointer-events: none;

    z-index: -1;

    left: 50%;

    top:50%; 

    transform: translate(-50%,-50%);

    -webkit-transform: translate(-50%,-50%);

    -moz-transform: translate(-50%,-50%);

    -o-transform: translate(-50%,-50%);

}



.logo{

    width: 240px;

    display: block;

    height: auto;

    margin: 100px auto 50px;

    z-index: 1;

    position: relative;

}



.modal{



    position: fixed;



    background: rgba(0,0,0,.7);



    top: 0;



    left: 0;



    width: 100%;



    height: 100%;



    display: none;



}



.modal .contM{



    width: 600px;



}







.fechaModal {



    position: fixed;



    right: 10px;



    top: 0;



    color: #000;



} 



.loopAtivo form{



    display: inline-table;



}



td{



    vertical-align: middle;



}

.alertas{

    z-index: 9;

    margin: auto;

    position: fixed;

    right: 20px;

    top:50%;

    white-space: nowrap;



}



.fa-file-pdf-o{

    color: #f00;

}



.loop {



    font-size: 14px;



}



.loop td{

    height: 46px;

    position: relative;

    white-space: nowrap;



}



.bt_la {



    width: 100%;



    display: inline-block;



    border: #ccc 1px solid;



    text-align: center;



    padding: 3px 5px;



}



.modal .contM.mProposta {



    width: 600px;



    overflow-x: hidden;



    height: 90%;



    display: block;



}









.pageNumber,



.anterior,



.proximo{



    color: #000;



}



.pageNumber.ativo{



    background: #000;



    color: #fff;



}



.loading{



    opacity: 0.6;



}

.loading::after{

    content: '';

    background:url('../images/loader-1.gif') no-repeat center center ;

    position: fixed;

    width: 100%;

    height: 100%;

    display: block;

}

.pageNumber:hover,



.anterior:hover,



.proximo:hover{



    background: #000;



    color: #fff;



}



.btn-warning:hover,



.btn-warning,



.dropdown-item.active, .dropdown-item:active{



    color: #000!important;



}







form select{



    background: url('../images/down-arrow.png') 97% 9px no-repeat;



    background-size: 20px;



}

.btn-group > .btn, .btn-group-vertical > .btn{

    font-size: 10px;

}





.tableDados{

    width: 90%;

    margin: auto;

    

}



.tableDados form{

    display: inline-table;

}







.idp{

    display: none;

}

.produto_it .titulo{

    display: inline-table;

}

.load{

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 9999;

    background:rgba(255,255,255,.97);

    display: none;

}

.spinner-grow {

    position: absolute;

    left: 50%;

    top: 50%;

    margin-left: -16px;

        margin-top: -16px;



}

.ajaxPhotos{

    width: 1200px;

    height: auto;

    position: relative;

    margin: 0 auto;

   /* grid-template-columns: repeat(4, 1fr);*/

     column-count: 3;

  column-gap: 10px;

}



.ajaxPhotos > div{

  display: grid;

  grid-template-rows: 1fr auto;

  break-inside: avoid;

  margin-bottom: 20px;



}

.ajaxPhotos > div img{

    width: 100%;

    height: auto;

    margin-bottom: 5px;

    border: 1px #FD4008 solid;

}

.ajaxPhotos > div .share{

    width: 100%;

    display: table;

    z-index: 9;

}

.ajaxPhotos > div .share a{

    width: 30px;

    height: 30px;

    line-height: 15px;

    float: right;

    text-align: center;

    display: block;

    font-size: 18px;

    padding: 5px 0;

    background: #FD4008;

    color: #011f27;

    border: solid 1px  #011f27;

    border-radius: 100%;

    -webkit-border-radius: 100%;

    margin-left: 15px;

}

.ajaxPhotos > div .share a .fa.fa-download {

    margin-left: 2px;

}

.ajaxPhotos > div .share a:hover{

    color: #011f27;

    background: #FD4008;

    border:#011f27 solid 1px ;

}

#video{

    width: auto;

    height: 100%;

    margin: auto;

    display: none;

    position: fixed;

    left: 50%;

    top: 0;   

    z-index: 9;

    transform: translate(-50%,0);

    -webkit-transform: translate(-50%,0);

    -moz-transform: translate(-50%,0);

    -o-transform: translate(-50%,0);



}



#canvas{

    width: 100%;

    height: auto;

    position: fixed;

    opacity: 0;

    z-index: 0;

    background: #f00;

}

.botoes_camera{

    transform: translate(-50%,0);

    -webkit-transform: translate(-50%,0);

    -moz-transform: translate(-50%,0);

    -o-transform: translate(-50%,0);

    display: none;

    position: fixed;

    z-index: 999;

    bottom: 100px;

    left: 50%;

    white-space: nowrap;

}

.bt_padrao{

    background: #FD4008;

    color: #011f27;

    padding: 5px 20px;

    border-radius: 30px;

    -webkit-border-radius: 30px;

    display: table;

    margin: auto;

}

#capture{



    font-weight: bold;

    background:#FD4008;

    border-radius: 30px;

    -webkit-border-radius: 30px;

    font-size: 20px;

    letter-spacing: 3px;

    text-transform: uppercase;

    padding: 5px 20px 7px 20px;

    color: #011f27;

    display: inline-table;

    margin: auto;

    margin-right: 20px;

    border:none;



}

.virar_camera{

    font-weight: bold;

    background: #FD4008;

    border-radius: 30px;

    -webkit-border-radius: 30px;

    font-size: 20px;

    padding: 5px 20px 7px 20px;

    display: inline-table;

    color:#011f27;

    cursor: pointer;

}

.afBt{

    margin-top: 150px;

}

.bt-recFacilNLB,

.bt-recFacilLB{

    display: table;

    position: relative;

    color: #011F26;

    padding: 5px 20px;

    z-index: 9;

    font-size: 20px;

    background: #E5FF00;

    border-radius: 30px;

    -webkit-border-radius: 30px;

    margin: auto;

    font-weight: bold;

}

#capture:hover{

    background:#011f27;

    color:#FD4008;

}

.virar_camera:hover{

    background: #011f27;

    color:#FD4008;



}

.bt-recFacilNLB:hover,

.bt-recFacilLB:hover{

    background: #011f27;

    color: #E5FF00;

}

.bt_padrao:hover{

    background: #011f27;

    color: #FD4008;



}

#capture i{

    margin-right: 10px;

}



.nePhotos{

     transform: translate(-50%,0);

    -webkit-transform: translate(-50%,0);

    -moz-transform: translate(-50%,0);

    -o-transform: translate(-50%,0);

    position: absolute;

    left: 50%;

    width: 100%;

    background: #000;

    text-align: center;

    color: #fff;

}



.aviso{

    display:none;

    margin: 50px auto;

    color: #fff;

    text-align: center;

    font-size: 24px;

    text-transform: uppercase;

}

.aviso .adata{

    background:#FB2EF6 ;

    padding: 5px 20px;

    display:inline-table;

    font-weight: bold;

    margin-top: 30px;

}

.uploadImage{

    margin: auto;

    width: 300px;

    height: auto;

    display: none;

    text-align: center;

    position: relative;

    z-index: 9;

}

.uploadImage h3{

    margin-bottom: 30px;

    font-weight: 300;

    color: #fff;

}

input[type=file]{

     transform: translate(-50%,0);

    -webkit-transform: translate(-50%,0);

    -moz-transform: translate(-50%,0);

    -o-transform: translate(-50%,0);    

    position: absolute;

    opacity: 0;

    left: 50%;

    width: 292px;

    height: 48px;

    display: block;

    cursor: pointer;

    z-index: 9;

}

.fakeFile{

    padding: 5px 20px;

    display: table;

    font-size: 20px;

    border: solid 1px #fff;

    margin: auto;

    font-weight: bold;

    letter-spacing: 3px;

    text-transform: uppercase;

    background: #FD4008;

    z-index: 9;

    border-radius: 30px;

    -webkit-border-radius: 30px;

    }

.baixarFotos {

    padding: 5px 20px;

    background: #FD4008;

    color: #fff;

    display: none;

    font-weight: bold;

    font-size: 20px;

    bottom: 50px;

    letter-spacing: 3px;

    text-transform: uppercase;

    position: fixed;

    z-index: 99;

    left: 50%;

    border-radius: 30px;

    -webkit-border-radius: 30px;

     transform: translate(-50%,0);

    -webkit-transform: translate(-50%,0);

    -moz-transform: translate(-50%,0);

    -o-transform: translate(-50%,0);    

}

.baixarFotos:hover{

    background: #FD4008;

    color: #fff;

}

.acessos{

    margin: 100px auto;

    text-align: center;

    background:#FD4008 ;

    color: #fff;

    font-size: 50px;

    font-weight: bold;

    padding: 70px;

    display: table;

}

*::-webkit-media-controls-panel {

  display: none!important;

  -webkit-appearance: none;

}



*::--webkit-media-controls-play-button {

  display: none!important;

  -webkit-appearance: none;

}



*::-webkit-media-controls-start-playback-button {

  display: none!important;

 -webkit-appearance: none;

}

.spinner-grow{

    background: #FD4008;

}

.nePhotos a{

    background: #FD4008;

    font-weight: bold;

    border-radius: 30px;

    -webkit-border-radius: 30px;

    color: #fff;

    display: inline-table;

    padding: 0  10px 3px;

}

.fundo_preto {

    background: rgba(0, 0, 0, .7);

    position: absolute;

    height: 100%;

    top: 0;

    width: 100%;

    left: 0;

    display: block;

}



@media screen and (max-width: 767px){

    .ajaxPhotos {

            width: 90%;

                column-count: 2;



    }

    .container {

        width: 100%;

    }



}

@media screen and (max-width: 479px){

    .ajaxPhotos {

        column-count: 1;



    }

}