/* CUSTOM SCROLLS */


/* Works on Firefox */
.scroll {
  scrollbar-width: thin;
  scrollbar-color: #FF8000 #585858;
}

/* Works on Chrome, Edge, and Safari */
.scroll::-webkit-scrollbar {
  width: 6px;
  height: 8px;
}

.scroll::-webkit-scrollbar-track {
  background: #585858;
}

.scroll::-webkit-scrollbar-thumb {
  background-color: #FF8000;
  border-radius: 20px;
  border: 3px solid #FF8000;
}







/* Works on Firefox */
.Noscroll {
  scrollbar-width: 0;
  scrollbar-color: #FA58D0 #F2F2F2;
}

/* Works on Chrome, Edge, and Safari */
.Noscroll::-webkit-scrollbar {
  width: 6px;
  height: 0;
}

.Noscroll::-webkit-scrollbar-track {
  background: #F2F2F2;
}

.Noscroll::-webkit-scrollbar-thumb {
  background-color: #FA58D0;
  border-radius: 20px;
  border: 3px solid #FA58D0;
}






/* ALL STYLES */

* {margin:0; padding:0; list-style:none; color:white; font-family:Arial; font-size:18px;}
a {text-decoration:none; -webkit-tap-highlight-color: transparent; margin:0; color:white;}
p {color:white;}

.link1 {}
.link1:hover {color:#FFBF00; cursor:pointer; text-decoration:underline;}


.ulMenuDesk {display:table;}
.ulMenuDesk li {float:left; display:table; font-family:Poppins; opacity:0.8; font-size:14px; color:#F2F2F2; padding:15px 15px;}
.ulMenuDesk li:hover {cursor:pointer; opacity:1;}


.submenuUp {display:table; background:black; width:200px; border-radius:5px; padding:20px;}
.submenuUp li {display:table; float:none; width:160px; font-family:Poppins; border-radius:15px; font-size:15px; color:#F2F2F2; padding:15px;}
.submenuUp li:hover {cursor:pointer; background:#2E2E2E; }

.menuMOB ul {display:table;}
.menuMOB ul li {display:table; font-family:Poppins; margin:auto; text-align:center; font-size:19px; color:#F2F2F2; padding:20px 0;}
.menuMOB ul li:hover {}

.carrosselUp {width:1200px;}
.carrosselUpAcompanhante {width:1200px;}
.openOptions:hover {cursor:pointer;}
.loadMoreVideosButton:hover {cursor:pointer; background:#FFBF00 !important;}

.tabelaMob p {font-family:Poppins;}

/* DEVICES STYLES */


@media screen and (min-width: 1100px){
	.carrosselUp {height:180px !important;}
	.imgCarrosselUp {width:140px !important; height:135px !important;}
	.acompanhanteTopCarrossel {margin:5px !important;}
	.carrosselInside {left:0 !important;}
	.hoverscale:hover {transform:scale(1); opacity:0.6; background-color:black; cursor:pointer;}
	.nextBackButtonsUp:hover {opacity:0.6; background-color:black; cursor:pointer;}
	.buttonsDownMob {display:none !important;}
	.ImgGallery:hover {opacity:0.8; cursor:pointer;}
	.imagesExtra:hover {opacity:0.8; cursor:pointer;}
	.menuMOB, .background, .searchContentMob {display:none !important;}		
}


@media screen and (max-width: 1100px){
	.carrosselUp {height:18vw !important;}
	.carrosselUpAcompanhante {overflow-x:scroll !important;}
	.imgCarrosselUp {width:14.1vw !important; height:15vw !important;}
	.colluns {width:32.5vw !important; padding:0 0.8vw 0 0 !important;}
	.titleUp{width:89vw !important;}
	.textBoxDown1, .textBoxDown1 p, .textBoxContato {width:90vw !important;}
	.ulMenuDesk, .destaquesTextDesk, .lateralAcompanhante, .rightPerfil, .searchDesk, .vizuDesk {display:none !important;}
	.menuUp, .descri, .videosBox, .imgVideoProfile, .videoBox2, .videoBox {width:90vw !important;}
	.extraBox{width:100vw !important;}
	.rodape {width:90vw !important; margin:auto !important;}
	.rodape p {font-size:19px !important; text-align:center; margin:auto !important;}
	.rodapeOptions .link1 {font-size:17px !important;}
	.menuMobIco, .destaquesTextMob, .tabelaMob, .searchIconMob {display:block !important;}
	.upAcompanhante {display:table !important;}
	.carrosselUp, .carrosselUpAcompanhante, .destaquesBox, .gatasGatas, .categoriasBox, .videosDestaqueup, .mainContentPerfil {width:100vw !important;}
	.gatasbox, .destaquesDES {margin:0 1vw 15px 1vw !important;}
    .videosMini {overflow-x:scroll !important;}
	
	#topAcompanhantes, .backTop, .nextTop {display:none !important;}
	.videosDestaques {float:none !important; width:100vw !important; height:75vw !important;}
	.videosDestaquesImg {height:100% !important;}
	.videosDestaquesUp {width:100vw !important; height:75vw !important;}
	.videosMini, .rodapeOptions, .fotosPerfilInside, .fotosPefil, .imgDescri {width:100vw !important; }
	.mainContentPerfil {padding:0 !important;}
	.imgDescri {margin:0 !important; height:70vw !important;}
	.descri {padding:15px 0 0 10px !important;}
	
	.videoMiniImg {width:140px !important; height:140px !important;}
	.gatasboxImg {width:31.3vw !important; height:45vw !important;}
	.categoriaBoxBoxImg {width:46vw !important; height:46vw !important; margin:0 0 0 0.5vw !important;}
	.categoriaBoxBox {margin:0 1vw 2vw 1vw !important;}
	.categoriasBox {width:100vw !important;}
	.destaquesImg {width:48vw !important; height:34vw !important;}
	.logoNameUp {float:none !important; position:fixed; left:50%; padding:0; transform:translateX(-50%);}
	.logoNameUp p {font-size:31px !important;}
	.searchIcon {margin:0 10px 0 0; width:23px !important;}
	.menuBackTop {height:38px !important; padding:4px 0 !important; border-bottom:0 !important; background:#1C1C1C !important;}
	.mainContent {padding:50px 0 0 0 !important;}
	.rodapeOption {width:90vw !important; float:none !important; margin:auto !important;}
}


@media screen and (max-width: 950px){
	.carrosselUp {height:27vw !important;}
	.imgCarrosselUp {width:22.1vw !important; height:24vw !important;}
}


@media screen and (max-width: 800px){
	.obsBox {width:90vw !important; padding:3vw !important;}
	.obsBox p {font-size:14px !important;}
	.titleUp span {font-size:13px !important;}
}

@media screen and (max-width: 570px){
	.carrosselUp {height:37vw !important;}
	.imgCarrosselUp {width:30vw !important; height:32vw !important;}
	.rodape p {font-size:17PX !important; text-align:center; margin:auto !important;}
	video {width:auto !important; height:90vh !important;}
	.textBoxDown1 {display:none !important;}
	.gatasboxImg {width:48vw !important; height:59vw !important;}
	.rodape {padding:50px 0 20px 0 !important;}
}


@media screen and (max-width: 400px){
	.buttonsDownMob button {width:32vw !important; font-size:0.8rem !important;}
	.buttonsDownMob img {width:4vw !important; margin:0 !important; }
}