@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Russo+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&display=swap');
/*-------------------------------------------------------------------
COMUM A TODOS
--------------------------------------------------------------------*/
div{box-sizing: border-box;} /*resolve o problema de quando existe padding left e right o div filho não sair fora*/

@media screen and (max-width: 1023px) { /* PARA DISPOSITIVOS PEQUENOS*/
#pctablet, .pctablet {display:none;}
#smartphone, .smartphone{display:block}
}
@media screen and (min-width: 1024px) { /* PARA DISPOSITIVOS GRANDES*/
#pctablet, .pctablet{display:block;}
#smartphone, .smartphone{display:none}
}

.responsive {
  max-width:100%;
  width:100%;
  height: auto;
}

.center-responsive{
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.iframe-responsivo {
  position:relative; float:left;
  width: 100%;
  height: 100%;
  /* Ajustar proporção do vídeo (16:9 por padrão) */
  padding-top: 56.25%;
}

.iframe-responsivo iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border:none;
}

.display-none{display:none;}
.display-block{display:block;}
@media screen and (max-width: 1023px) { 
.display-none-xs{display:none;}
.display-block-xs{display:block;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
.display-none-s{display:none;}
.display-block-s{display:block;}
}
@media screen and (min-width: 1280px) {
.display-none-m{display:none;}
.display-block-m{display:block;}
}


/*--------------------------------------------------
GRID SYSTEM
----------------------------------------------------*/
.div-5,.div-10,.div-15,.div-20,.div-25,.div-30,.div-33,.div-35,.div-40,.div-45,.div-50,.div-55,.div-60,.div-65,.div-70,.div-75,.div-80,.div-85,.div-90,.div-95,.div-100{position:relative; float:left; padding:0px;}
.div-5{width:5%}
.div-10{width:10%;}
.div-15{width:15%;}
.div-20{width:20%;}
.div-25{width:25%;}
.div-30{width:30%;}
.div-33{width:33.33%;}
.div-35{width:35%;}
.div-40{width:40%;}
.div-45{width:45%;}
.div-50{width:50%;}
.div-55{width:55%;}
.div-60{width:60%;}
.div-65{width:65%;}
.div-70{width:70%;}
.div-75{width:75%;}
.div-80{width:80%;}
.div-85{width:85%;}
.div-90{width:90%;}
.div-95{width:95%;}
.div-100{width:100%;}

@media screen and (max-width: 1023px) { 
.div-xs-5{width:5%;}
.div-xs-10{width:10%;}
.div-xs-15{width:15%;}
.div-xs-20{width:20%;}
.div-xs-25{width:25%;}
.div-xs-30{width:30%;}
.div-xs-33{width:33.33%;}
.div-xs-35{width:35%;}
.div-xs-40{width:40%;}
.div-xs-45{width:45%;}
.div-xs-50{width:50%;}
.div-xs-55{width:55%;}
.div-xs-60{width:60%;}
.div-xs-65{width:65%;}
.div-xs-70{width:70%;}
.div-xs-75{width:75%;}
.div-xs-80{width:80%;}
.div-xs-85{width:85%;}
.div-xs-90{width:90%;}
.div-xs-95{width:95%;}
.div-xs-100{width:100%;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
.div-s-5{width:5%;}
.div-s-10{width:10%;}
.div-s-15{width:15%;}
.div-s-20{width:20%;}
.div-s-25{width:25%;}
.div-s-30{width:30%;}
.div-s-33{width:33.33%;}
.div-s-35{width:35%;}
.div-s-40{width:40%;}
.div-s-45{width:45%;}
.div-s-50{width:50%;}
.div-s-55{width:55%;}
.div-s-60{width:60%;}
.div-s-65{width:65%;}
.div-s-70{width:70%;}
.div-s-75{width:75%;}
.div-s-80{width:80%;}
.div-s-85{width:85%;}
.div-s-90{width:90%;}
.div-s-95{width:95%;}
.div-s-100{width:100%;}
}
@media screen and (min-width: 1280px) and (max-width: 1366px) {
.div-m-5{width:5%;}
.div-m-10{width:10%;}
.div-m-15{width:15%;}
.div-m-20{width:20%;}
.div-m-25{width:25%;}
.div-m-30{width:30%;}
.div-m-33{width:33.33%;}
.div-m-35{width:35%;}
.div-m-40{width:40%;}
.div-m-45{width:45%;}
.div-m-50{width:50%;}
.div-m-55{width:55%;}
.div-m-60{width:60%;}
.div-m-65{width:65%;}
.div-m-70{width:70%;}
.div-m-75{width:75%;}
.div-m-80{width:80%;}
.div-m-85{width:85%;}
.div-m-90{width:90%;}
.div-m-95{width:95%;}
.div-m-100{width:100%;}
}

/*--------------------------------------------------
BORDERS
----------------------------------------------------*/
.border-branca{border:1px solid #fff;}
.border-bottom-branca{ border-bottom:1px solid #fff;}
.border-bottom-gray{ border-bottom:1px solid #ccc;}
/*--------------------------------------------------
PADDING
----------------------------------------------------*/
.padding-all-5{padding:5px;}
.padding-all-10{padding:10px;}
.padding-all-20{padding:20px;}
.padding-all-30{padding:30px;}
.padding-all-40{padding:40px;}
.padding-all-50{padding:50px;}
.padding-left-5{padding-left:5px;}
.padding-left-10{padding-left:10px;}
.padding-left-20{padding-left:20px;}
.padding-left-30{padding-left:30px;}
.padding-left-40{padding-left:40px;}
.padding-left-50{padding-left:50px;}
.padding-right-5{padding-right:5px;}
.padding-right-10{padding-right:10px;}
.padding-right-20{padding-right:20px;}
.padding-right-30{padding-right:30px;}
.padding-right-40{padding-right:40px;}
.padding-right-50{padding-right:50px;}

.padding-left-right-10{padding-left:10px; padding-right:10px;}
.padding-top-10{padding-top:10px;}
.padding-top-20{padding-top:20px;}
.padding-top-30{padding-top:30px;}
.padding-top-40{padding-top:40px;}
.padding-top-150{padding-top:50px;}
.padding-bottom-10{padding-bottom:10px;}
.padding-bottom-20{padding-bottom:20px;}
.padding-bottom-30{padding-bottom:30px;}
.padding-bottom-40{padding-bottom:40px;}
.padding-bottom-50{padding-bottom:50px;}

@media screen and (max-width: 1023px) { 
.padding-xs-0{padding:0px;}
.padding-all-xs-5{padding:5px;}
.padding-all-xs-10{padding:10px;}
.padding-all-xs-20{padding:20px;}
.padding-all-xs-30{padding:30px;}
.padding-all-xs-40{padding:40px;}
.padding-all-xs-50{padding:50px;}
.padding-top-xs-0{padding-top:10px;}
.padding-top-xs-10{padding-top:10px;}
.padding-top-xs-20{padding-top:20px;}
.padding-top-xs-30{padding-top:30px;}
.padding-top-xs-40{padding-top:40px;}
.padding-top-xs-50{padding-top:50px;}
.padding-top-xs-60{padding-top:60px;}
.padding-top-xs-70{padding-top:70px;}
.padding-top-xs-80{padding-top:80px;}
.padding-top-xs-90{padding-top:90px;}
.padding-top-xs-100{padding-top:100px;}
.padding-bottom-xs-10{padding-bottom:10px;}
.padding-bottom-xs-20{padding-bottom:20px;}
.padding-bottom-xs-30{padding-bottom:30px;}
.padding-bottom-xs-40{padding-bottom:40px;}
.padding-bottom-xs-50{padding-bottom:50px;}
.padding-bottom-xs-60{padding-bottom:60px;}
.padding-bottom-xs-70{padding-bottom:70px;}
.padding-bottom-xs-80{padding-bottom:80px;}
.padding-bottom-xs-90{padding-bottom:90px;}
.padding-bottom-xs-100{padding-bottom:100px;}
.padding-left-xs-10{padding-left:10px;}
.padding-left-xs-15{padding-left:15px;}
.padding-left-xs-20{padding-left:20px;}
.padding-left-xs-30{padding-left:30px;}
.padding-left-xs-40{padding-left:40px;}
.padding-left-xs-50{padding-left:50px;}
.padding-right-xs-10{padding-right:10px;}
.padding-right-xs-15{padding-right:15px;}
.padding-right-xs-20{padding-right:20px;}
.padding-right-xs-30{padding-right:30px;}
.padding-right-xs-40{padding-right:40px;}
.padding-right-xs-50{padding-right:50px;}

}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
.padding-s-0{padding:0px;}
.padding-top-s-0{padding-top:10px;}
.padding-top-s-10{padding-top:10px;}
.padding-top-s-20{padding-top:20px;}
.padding-top-s-30{padding-top:30px;}
.padding-top-s-40{padding-top:40px;}
.padding-top-s-50{padding-top:50px;}
.padding-top-s-60{padding-top:60px;}
.padding-top-s-70{padding-top:70px;}
.padding-top-s-80{padding-top:80px;}
.padding-top-s-90{padding-top:90px;}
.padding-top-s-100{padding-top:100px;}
.padding-bottom-s-10{padding-bottom:10px;}
.padding-bottom-s-20{padding-bottom:20px;}
.padding-bottom-s-30{padding-bottom:30px;}
.padding-bottom-s-40{padding-bottom:40px;}
.padding-bottom-s-50{padding-bottom:50px;}
.padding-bottom-s-60{padding-bottom:60px;}
.padding-bottom-s-70{padding-bottom:70px;}
.padding-bottom-s-80{padding-bottom:80px;}
.padding-bottom-s-90{padding-bottom:90px;}
.padding-bottom-s-100{padding-bottom:100px;}
.padding-left-s-10{padding-left:10px;}
.padding-left-s-15{padding-left:15px;}
.padding-left-s-20{padding-left:20px;}
.padding-left-s-30{padding-left:30px;}
.padding-left-s-40{padding-left:40px;}
.padding-left-s-50{padding-left:50px;}
.padding-right-s-10{padding-right:10px;}
.padding-right-s-15{padding-right:15px;}
.padding-right-s-20{padding-right:20px;}
.padding-right-s-30{padding-right:30px;}
.padding-right-s-40{padding-right:40px;}
.padding-right-s-50{padding-right:50px;}
}
@media screen and (min-width: 1280px) and (max-width: 1366px) {
.padding-m-0{padding:0px;}
.padding-top-m-0{padding-top:10px;}
.padding-top-m-10{padding-top:10px;}
.padding-top-m-20{padding-top:20px;}
.padding-top-m-30{padding-top:30px;}
.padding-top-m-40{padding-top:40px;}
.padding-top-m-50{padding-top:50px;}
.padding-top-m-60{padding-top:60px;}
.padding-top-m-70{padding-top:70px;}
.padding-top-m-80{padding-top:80px;}
.padding-top-m-90{padding-top:90px;}
.padding-top-m-100{padding-top:100px;}
.padding-bottom-m-10{padding-bottom:10px;}
.padding-bottom-m-20{padding-bottom:20px;}
.padding-bottom-m-30{padding-bottom:30px;}
.padding-bottom-m-40{padding-bottom:40px;}
.padding-bottom-m-50{padding-bottom:50px;}
.padding-bottom-m-60{padding-bottom:60px;}
.padding-bottom-m-70{padding-bottom:70px;}
.padding-bottom-m-80{padding-bottom:80px;}
.padding-bottom-m-90{padding-bottom:90px;}
.padding-bottom-m-100{padding-bottom:100px;}
.padding-left-m-10{padding-left:10px;}
.padding-left-m-15{padding-left:15px;}
.padding-left-m-20{padding-left:20px;}
.padding-left-m-30{padding-left:30px;}
.padding-left-m-40{padding-left:40px;}
.padding-left-m-50{padding-left:50px;}
.padding-right-m-10{padding-right:10px;}
.padding-right-m-15{padding-right:15px;}
.padding-right-m-20{padding-right:20px;}
.padding-right-m-30{padding-right:30px;}
.padding-right-m-40{padding-right:40px;}
.padding-right-m-50{padding-right:50px;}
}

/*--------------------------------------------------
MARGIN
----------------------------------------------------*/
.margin-top-10{margin-top:10px;}
.margin-top-20{margin-top:20px;}
.margin-top-30{margin-top:30px;}
.margin-top-40{margin-top:40px;}
.margin-top-50{margin-top:50px;}
.margin-top-60{margin-top:60px;}
.margin-top-70{margin-top:70px;}
.margin-top-80{margin-top:80px;}
.margin-top-90{margin-top:90px;}
.margin-top-100{margin-top:100px;}
.margin-top-110{margin-top:110px;}
.margin-top-120{margin-top:120px;}
.margin-top-130{margin-top:130px;}
.margin-top-140{margin-top:140px;}
.margin-top-150{margin-top:150px;}
.margin-top-200{margin-top:200px;}

.margin-bottom-0{margin-bottom:0px;}
.margin-bottom-10{margin-bottom:10px;}
.margin-bottom-15{margin-bottom:15px;}
.margin-bottom-20{margin-bottom:20px;}
.margin-bottom-30{margin-bottom:30px;}
.margin-bottom-40{margin-bottom:40px;}
.margin-bottom-50{margin-bottom:50px;}
.margin-bottom-60{margin-bottom:60px;}
.margin-bottom-70{margin-bottom:70px;}
.margin-bottom-80{margin-bottom:80px;}
.margin-bottom-90{margin-bottom:90px;}
.margin-bottom-100{margin-bottom:100px;}
.margin-bottom-150{margin-bottom:150px;}

.margin-left-10{margin-left:10px;}
.margin-left-20{margin-left:20px;}
.margin-left-30{margin-left:30px;}
.margin-left-40{margin-left:40px;}
.margin-left-50{margin-left:50px;}
.margin-left-60{margin-left:60px;}
.margin-left-70{margin-left:70px;}
.margin-left-80{margin-left:80px;}
.margin-left-90{margin-left:90px;}
.margin-left-100{margin-left:100px;}

.margin-right-10{margin-right:10px;}
.margin-right-20{margin-right:20px;}
.margin-right-30{margin-right:30px;}
.margin-right-40{margin-right:40px;}
.margin-right-50{margin-right:50px;}
.margin-right-60{margin-right:60px;}
.margin-right-70{margin-right:70px;}
.margin-right-80{margin-right:80px;}
.margin-right-90{margin-right:90px;}
.margin-right-100{margin-right:100px;}

@media screen and (max-width: 1023px) { 
.margin-all-xs-0{ margin:0px;}
.margin-top-xs-0{margin-top:0px;}
.margin-top-xs-10{margin-top:10px;}
.margin-top-xs-20{margin-top:20px;}
.margin-top-xs-30{margin-top:30px;}
.margin-top-xs-40{margin-top:40px;}
.margin-top-xs-50{margin-top:50px;}
.margin-top-xs-60{margin-top:60px;}
.margin-top-xs-70{margin-top:70px;}
.margin-top-xs-80{margin-top:80px;}
.margin-top-xs-90{margin-top:90px;}
.margin-top-xs-100{margin-top:100px;}
.margin-bottom-xs-0{margin-bottom:0px;}
.margin-bottom-xs-10{margin-bottom:10px;}
.margin-bottom-xs-15{margin-bottom:15px;}
.margin-bottom-xs-20{margin-bottom:20px;}
.margin-bottom-xs-30{margin-bottom:30px;}
.margin-bottom-xs-40{margin-bottom:40px;}
.margin-bottom-xs-50{margin-bottom:50px;}
.margin-bottom-xs-60{margin-bottom:60px;}
.margin-bottom-xs-70{margin-bottom:70px;}
.margin-bottom-xs-80{margin-bottom:80px;}
.margin-bottom-xs-90{margin-bottom:90px;}
.margin-bottom-xs-100{margin-bottom:100px;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
.margin-top-s-0{margin-top:0px;}
.margin-top-s-10{margin-top:10px;}
.margin-top-s-20{margin-top:20px;}
.margin-top-s-30{margin-top:30px;}
.margin-top-s-40{margin-top:40px;}
.margin-top-s-50{margin-top:50px;}
.margin-top-s-60{margin-top:60px;}
.margin-top-s-70{margin-top:70px;}
.margin-top-s-80{margin-top:80px;}
.margin-top-s-90{margin-top:90px;}
.margin-top-s-100{margin-top:100px;}
.margin-bottom-s-0{margin-bottom:0px;}
.margin-bottom-s-10{margin-bottom:10px;}
.margin-bottom-s-15{margin-bottom:15px;}
.margin-bottom-s-20{margin-bottom:20px;}
.margin-bottom-s-30{margin-bottom:30px;}
.margin-bottom-s-40{margin-bottom:40px;}
.margin-bottom-s-50{margin-bottom:50px;}
.margin-bottom-s-60{margin-bottom:60px;}
.margin-bottom-s-70{margin-bottom:70px;}
.margin-bottom-s-80{margin-bottom:80px;}
.margin-bottom-s-90{margin-bottom:90px;}
.margin-bottom-s-100{margin-bottom:100px;}
}
@media screen and (min-width: 1280px) and (max-width: 1366px) {
.margin-top-m-0{margin-top:0px;}
.margin-top-m-10{margin-top:10px;}
.margin-top-m-20{margin-top:20px;}
.margin-top-m-30{margin-top:30px;}
.margin-top-m-40{margin-top:40px;}
.margin-top-m-50{margin-top:50px;}
.margin-top-m-60{margin-top:60px;}
.margin-top-m-70{margin-top:70px;}
.margin-top-m-80{margin-top:80px;}
.margin-top-m-90{margin-top:90px;}
.margin-top-m-100{margin-top:100px;}
.margin-bottom-m-0{margin-bottom:0px;}
.margin-bottom-m-10{margin-bottom:10px;}
.margin-bottom-m-15{margin-bottom:15px;}
.margin-bottom-m-20{margin-bottom:20px;}
.margin-bottom-m-30{margin-bottom:30px;}
.margin-bottom-m-40{margin-bottom:40px;}
.margin-bottom-m-50{margin-bottom:50px;}
.margin-bottom-m-60{margin-bottom:60px;}
.margin-bottom-m-70{margin-bottom:70px;}
.margin-bottom-m-80{margin-bottom:80px;}
.margin-bottom-m-90{margin-bottom:90px;}
.margin-bottom-m-100{margin-bottom:100px;}
}
/*--------------------------------------------------
HEIGHT
----------------------------------------------------*/
.min-height-40{min-height:40px;}
/*--------------------------------------------------
TEXT
----------------------------------------------------*/
.texto-centro{text-align:center;}
.texto-esquerda{text-align:left;}
.texto-direita{text-align:right;}
@media screen and (max-width: 1023px) { 
.texto-centro-xs{text-align:center;}
.texto-esquerda-xs{text-align:left;}
.texto-direita-xs{text-align:right;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
.texto-centro-s{text-align:center;}
.texto-esquerda-s{text-align:left;}
.texto-direita-s{text-align:right;}
}
/*--------------------------------------------------
BOTÕES FERRAMENTAS
----------------------------------------------------*/
.ferramentas{position:relative; float:right; margin:0px 8px 0px 8px; font-size:1.2em; cursor:pointer;}
.bot-edit{color:#008906;}
.bot-delete{color:#ed1515;}
@media screen and (max-width: 1023px) { 
.ferramentas{margin:0px 30px 0px 30px; font-size:2em;}
}
/*--------------------------------------------------
FONTS
----------------------------------------------------*/
.titulo1,.titulo2,.titulo3,.titulo4,.titulo5{font-family:  'Montserrat', sans-serif; color:#000; font-weight:500;}
.titulo1{font-size:0.8em;}
.titulo2{font-size:0.9em;}
.titulo3{font-size:1em;}
.titulo4{font-size:1.1em;}
.titulo5{font-size:1.2em;}

.subtitulo1,.subtitulo2{font-family:  'Montserrat', sans-serif; color:#000; font-weight:400;}
.subtitulo1{font-size:0.8em;}
.subtitulo2{font-size:0.9em;}

.texto1,.texto2,.texto3, .texto-link{font-family:  'Montserrat', sans-serif; color:#333; font-weight:400;}
.texto1{font-size:0.7em;}
.texto2{font-size:0.8em;}
.texto3{font-size:0.9em;}

.texto-link:hover{ text-decoration:underline; cursor:pointer}
/*--------------------------------------------------
TEXT COLORS
----------------------------------------------------*/
.text-cinza{color:#333;}
.text-azul{color:#4c8bf5;}
/*--------------------------------------------------
BAKGROUNDS COLORS
----------------------------------------------------*/
.bg-branco{background-color:#fff;}
.bg-cinza{background-color:#e9e7e7;}
.bg-cinza2{background-color:#f8f8f8;}
.bg-azul1{background-color:#cfd8dc;}
.bg-branco-sujo{background-color:#fefefe;}
/*-------------------------------------------------------------------
MODALS
--------------------------------------------------------------------*/
.modalbackdrop{width:100%; height:100vh; position:absolute; display: flex; justify-content: center; z-index:10050; background-color:rgba(0,0,0,0.7);}
.modal-body{background-color:#fff; color:#000;width:40%; min-height:300px; position:absolute; top: 50%; transform: translateY(-50%); border-radius:10px; opacity:0; -webkit-transition: all 0.5s; transition: all 0.5s;}
.modal-titulo{width:100%; position:relative; float:left;font-size:1.1em; font-weight:500; text-align:left; padding:20px}
.modal-content{width:100%; max-height:70vh; overflow:auto; position:relative; float:left; font-size:0.9em; margin-bottom:80px; border:none; text-align:left; padding:0px 20px 20px 20px; line-height:1.6em;}
.modal-bottom{min-height:40px; font-size:0.9em; position:absolute; bottom:0px; text-align:right; padding:20px}

.modal-button-sucesso,.modal-button-close{padding:12px 30px 12px 55px; margin:0px 2px 0px 2px; font-size:0.9em; text-align:center; border-radius:30px; cursor:pointer;
-webkit-box-shadow: 0px 0px 13px -3px rgba(0,0,0,0.38);
-moz-box-shadow: 0px 0px 13px -3px rgba(0,0,0,0.38);
box-shadow: 0px 0px 13px -3px rgba(0,0,0,0.38);
-webkit-transition: all 0.3s; transition: all 0.3s;}
.modal-button-close{background-color:#e3e3e3; color:#000;}
.modal-button-close:hover,.modal-button-sucesso:hover{opacity:0.8; -webkit-transition: all 0.3s; transition: all 0.3s;}

.modal-button-sucesso img, .modal-button-close img{width:18px; position:absolute; top:12px; left:25px; }
@media screen and (max-width: 1023px) { /* PARA DISPOSITIVOS PEQUENOS*/
.modal-body{width:90%;}
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
.modal-body{width:60% !important; min-height:300px;}
}
@media screen and (min-width: 1365px) and (max-width: 1919px) {
.modal-body{width:50% !important; min-height:300px;}
}
.modal-result-info{color:#F00}
.modal-button-sucesso{background-color:#409d17; color:#fff;}
.modal-button-sucesso img{filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(155deg) brightness(100%) contrast(103%);}
.modal-button-close img{filter: invert(0%) sepia(90%) saturate(7460%) hue-rotate(347deg) brightness(105%) contrast(111%);}
/*-------------------------------------------------------------------
SCROLL VERTICAL
-------------------------------------------------------------------*/
/* width */
::-webkit-scrollbar {
  width: 6px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #fff;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #000; border-radius:5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}
/*-------------------------------------------------------------------
TOOLTIP
--------------------------------------------------------------------*/
.tooltip {
  position:absolute; z-index:1;
  font-family: 'Roboto', sans-serif;
  line-height:1.4em;
  font-size:0.8em;
  background-color: black;
  color: white;
  text-align:center;
  padding: 10px;
  min-width:150px;
  border-radius: 5px;
  display:block;
  -webkit-transition: all 1s; /* Safari */
  transition: all 1s;
}
.tooltip span {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  transform: rotate(0deg);
  position: absolute;
  bottom:-6px; 
  left:45%;
  border-top: 7px solid #000;
}
/*-------------------------------------------------------------------
PRE LOADING
--------------------------------------------------------------------*/
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999;
	background: 50% 50% no-repeat;
	background-size: 100px;
}