@charset "utf-8";
/*topmultiservices.ch*/
body, html{width:100%;height:100%;background: #FFF;color: #161423;font-size: 16px;}
body{font-family: "Lato", sans-serif;font-weight:400;}

img{max-width: 100%;height: auto;}

.font-weight-thin{font-weight: 100 !important;}
.font-weight-xlight{font-weight: 200 !important;}
.font-weight-medium{font-weight: 500 !important;}
.font-weight-sbold{font-weight: 600 !important;}
.font-weight-xbold{font-weight: 800 !important;}
.font-weight-black{font-weight: 900 !important;}

a{color:#DC0578;transition: color .15s ease-in-out, background-color .15s ease-in-out, background .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
a:hover{text-decoration: none; color:#000;}

.rounded-50rem{ border-radius:0.5rem;}
.rounded-75rem{ border-radius:0.75rem;}
.rounded-100rem{ border-radius:1rem;}
.rounded-150rem{ border-radius: 1.5rem;}
.rounded-200rem{ border-radius: 2rem;}
.rounded-50p{ border-radius: 50%;}
.rounded-top-100rem{
	border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}
.rounded-bottom-100rem{	
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
}

.bg-black{background-color:#000;}
.text-black{color:#000;}
.bg-black-1{background-color:#161423;}
.text-black-1{color:#161423;}
.bg-rose-1{background-color:#DC0578;}
.text-rose-1{color:#DC0578;}
.border-bottom-rose-1{ border-bottom: 1px solid #DC0578; }
.bg-rose-2{background-color:#EB638F;}
.text-rose-2{color:#EB638F;}
.bg-rose-3{background-color:#F4B4D2;}
.text-rose-3{color:#F4B4D2;}

.bg-gray-1{background-color:#F0F0F0;}
.text-gray-1{color:#F0F0F0;}



.bg-azul-1{	background-color:#B7DBFF;}


.btn-branco-preto-1{background-color:#FFF;color:#000;}
.btn-branco-preto-1:hover{background-color:#000; color:#FFF;}


.btn-preto-branco-1{background-color:#000; color:#FFF;}
.btn-preto-branco-1:hover{background-color:#FFF;color:#000;}

.btn-rose-black{
	background-color:#dc0578; color:#161423;
}

.btn-rose-black:hover{
	background-color:#161423; color:#FFF;
}
#header .btn-zap{
	padding: 4px 20px;
}
.btn-zap {
	background: transparent;
	color: #dc0578;
	padding: 5px 20px;
	border: 1px solid #dc0578;
	width: 100%;
}

.btn-zap:hover {
	background:#dc0578;
	color: #161423;
	border: 1px solid #dc0578;
}
.btn-social {
	padding: 11px 11px;
	background: #161423;
	color: #FFF;
}

.btn-social:hover {
	background: #161423;
	color: #dc0578;
}
.btn-zap i, .btn-social i{
	display: block;
	font-size:24px;
	width: 24px;
}

.btn-zap span{
	padding: 0px 28px 0px 0px;
	line-height: 28px;
}
.btn-zap i{
	position:absolute;
	right: -4px;
	top: 2px;
}

.btn-contact {
	background: transparent;
	color: #dc0578;
	padding: 5px 20px;
	border: 1px solid #dc0578;
}
.btn-contact:hover {
	background:#dc0578;
	color: #161423;
	border: 1px solid #dc0578;
}
.btn-contact span{
	padding: 0px 28px 0px 0px;
	line-height: 28px;
}
.btn-contact i{
	display: block;
	font-size:20px;
	width: 20px;
	position:absolute;
	right: 0px;
	top: 4px;
}

#banner .btn-zap,
#banner .btn-contact{
	background: #161423;
}	

#banner .btn-zap:hover,
#banner .btn-contact:hover{
	background: #dc0578;
}	

/*tipologias*/
p, button, ul, ol {font-size:1rem;line-height: 1.3;}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {font-size:1.5rem;line-height: 1.3;}

.lh-100{line-height: 1;}
.lh-110{line-height: 1.1;}
.lh-120{line-height: 1.2;}
.lh-130{line-height: 1.3;}
.lh-140{line-height: 1.4;}
.lh-150{line-height: 1.5;}
.lh-160{line-height: 1.6;}

.font-sm-12{font-size: 0.75rem;}
.font-sm-13{font-size: 0.8125rem;}
.font-sm-14{font-size: 0.875rem;}
.font-sm-15{font-size: 0.9375rem;}
.font-sm-16{font-size: 1rem;}
.font-sm-17{font-size: 1.0625rem;}
.font-sm-18{font-size: 1.125rem;}
.font-sm-20{font-size: 1.25rem;}
.font-sm-21{font-size: 1.3125rem;}
.font-sm-22{font-size: 1.375rem;}
.font-sm-24{font-size: 1.5rem;}
.font-sm-26{font-size: 1.625rem;}
.font-sm-28{font-size: 1.75rem;}
.font-sm-30{font-size: 1.875rem;}
.font-sm-32{font-size: 2rem;}
.font-sm-36{font-size: 2.25rem;}
.font-sm-40{font-size: 2.5rem;}
.font-sm-44{font-size: 2.75rem;}
.font-sm-48{font-size: 3rem;}
.font-sm-52{font-size: 3.25rem;}
.font-sm-56{font-size: 3.5rem;}
.font-sm-60{font-size: 3.75rem;}
.font-sm-64{font-size: 4rem;}
.font-sm-68{font-size: 4.25rem;}
.font-sm-72{font-size: 4.5rem;}
.font-sm-76{font-size: 4.75rem;}
.font-sm-80{font-size: 5rem;}
.font-sm-84{font-size: 5.25rem;}
.font-sm-88{font-size: 5.5rem;}
.font-sm-92{font-size: 5.75rem;}
.font-sm-96{font-size: 6rem;}
.font-sm-104{font-size: 6.5rem;}
.font-sm-112{font-size: 7rem;}
.font-sm-120{font-size: 7.5rem;}
.font-sm-128{font-size: 8rem;}
/*fim tipologias*/
.anchor{top:-64px;}
#bbody{padding-top: 64px;}
#header{height: 64px;border-bottom: 1px solid #dc0578;}
.main-logo{
    position: absolute;
}
.main-logo .logo{
    width: 120px;
}
.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,102,203, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.custom-toggler.navbar-toggler {
  border-color: rgb(220,5,120);
} 
.navbar ul{
	background:#161423;
	margin-top: 0.75rem;
	padding: 1rem 0px;
	border: 1px solid #dc0578;
	border-top: none;
}

.navbar ul .nav-item a:not(.btn){
	color: #FFF;
	width: 100%;
	display: inline-block;
}

.navbar ul .nav-item a:not(.btn):hover{
	color:#161423;
	background: #dc0578;
}

.cta-whatsapp{
	right: 15px;
	bottom: 15px;
	z-index: 99;
}
.cta-whatsapp a{
	background:#25D366;
	padding: 8px 11px;
	border-radius:50%;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
	transform: scale(1);
	animation: pulse 2s infinite;
}
.cta-whatsapp a:hover{
	background:#075E54;
	transform: scale(1.1);
	animation:none;
}
.cta-whatsapp a i{color:#FFF;}	
@keyframes pulse {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}

#footer a{color:#FFF;}
#footer a:hover{color:#dc0578;}

@media (min-width:375px){
.container{max-width: 360px;}

}

@media (min-width:480px){
.container{max-width: 420px;}
	
}

@media (min-width:576px){
.container {max-width: 540px;}
	
}
@media (min-width: 768px){
.container {max-width: 720px;}
/*tipologias*/
.font-md-12{font-size: 0.75rem;}
.font-md-13{font-size: 0.8125rem;}
.font-md-14{font-size: 0.875rem;}
.font-md-15{font-size: 0.9375rem;}
.font-md-16{font-size: 1rem;}
.font-md-17{font-size: 1.0625rem;}
.font-md-18{font-size: 1.125rem;}
.font-md-20{font-size: 1.25rem;}
.font-md-21{font-size: 1.3125rem;}
.font-md-22{font-size: 1.375rem;}
.font-md-24{font-size: 1.5rem;}
.font-md-26{font-size: 1.625rem;}
.font-md-28{font-size: 1.75rem;}
.font-md-30{font-size: 1.875rem;}
.font-md-32{font-size: 2rem;}
.font-md-36{font-size: 2.25rem;}
.font-md-40{font-size: 2.5rem;}
.font-md-44{font-size: 2.75rem;}
.font-md-48{font-size: 3rem;}
.font-md-52{font-size: 3.25rem;}
.font-md-56{font-size: 3.5rem;}
.font-md-60{font-size: 3.75rem;}
.font-md-64{font-size: 4rem;}
.font-md-68{font-size: 4.25rem;}
.font-md-72{font-size: 4.5rem;}
.font-md-76{font-size: 4.75rem;}
.font-md-80{font-size: 5rem;}
.font-md-84{font-size: 5.25rem;}
.font-md-88{font-size: 5.5rem;}
.font-md-92{font-size: 5.75rem;}
.font-md-96{font-size: 6rem;}
.font-md-104{font-size: 6.5rem;}
.font-md-112{font-size: 7rem;}
.font-md-120{font-size: 7.5rem;}
.font-md-128{font-size: 8rem;}
/*fim tipologias*/
#banner{
	background-image: url(../imgs/banner-1920x600.webp);
	background-position: 50%;
	background-size: cover;
	height: 360px;
}
	#banner.jpg{
		background-image: url(../imgs/banner-1920x600.jpg);
	}
.text-banner{
    margin: 35px 0px 0px 0px;
}	
}


@media (min-width: 992px){

.container {    max-width: 960px;}	



.btn-social {
	padding: 5px 0px;
}

.btn-zap span{
	padding: 0px 32px 0px 0px;
	line-height: 28px;
}
.btn-zap i {
	top: 0px;
	right: -2px;
}
.btn-zap i, .btn-social i {
	font-size:28px;
}

.btn-contact {
}
.btn-contact span{
	padding: 0px 32px 0px 0px;
	line-height: 28px;
}
.btn-contact i {
	top: 0px;
	right: -2px;
}
.btn-contact i {
	font-size: 24px;
	width: 24px;
}
	
.navbar ul{background:transparent;margin: 0px;padding: 20px 0px 0px 0px;border: none;}
	
.anchor{top:-100px;}
#bbody{padding-top: 100px;}	
#header{height: 100px;border-bottom: none;}
.main-logo{position: relative;}
.main-logo .logo{
    width: 208px;
}

.navbar ul .nav-item a:not(.btn){
	color: #FFF;
	line-height: 40px;
}

.navbar ul .nav-item a:not(.btn):hover{
	color:#dc0578;
	background: transparent;
}
#banner{
	height: 400px;
}
.text-banner{
    margin: 60px 0px 0px 0px;
}	
	
}


@media (min-width:1200px){
.container {    max-width: 1140px;}
/*tipologias*/
.font-xl-12{font-size: 0.75rem;}
.font-xl-13{font-size: 0.8125rem;}
.font-xl-14{font-size: 0.875rem;}
.font-xl-15{font-size: 0.9375rem;}
.font-xl-16{font-size: 1rem;}
.font-xl-17{font-size: 1.0625rem;}
.font-xl-18{font-size: 1.125rem;}
.font-xl-20{font-size: 1.25rem;}
.font-xl-21{font-size: 1.3125rem;}
.font-xl-22{font-size: 1.375rem;}
.font-xl-24{font-size: 1.5rem;}
.font-xl-26{font-size: 1.625rem;}
.font-xl-28{font-size: 1.75rem;}
.font-xl-30{font-size: 1.875rem;}
.font-xl-32{font-size: 2rem;}
.font-xl-36{font-size: 2.25rem;}
.font-xl-40{font-size: 2.5rem;}
.font-xl-44{font-size: 2.75rem;}
.font-xl-48{font-size: 3rem;}
.font-xl-52{font-size: 3.25rem;}
.font-xl-56{font-size: 3.5rem;}
.font-xl-60{font-size: 3.75rem;}
.font-xl-64{font-size: 4rem;}
.font-xl-68{font-size: 4.25rem;}
.font-xl-72{font-size: 4.5rem;}
.font-xl-76{font-size: 4.75rem;}
.font-xl-80{font-size: 5rem;}
.font-xl-84{font-size: 5.25rem;}
.font-xl-88{font-size: 5.5rem;}
.font-xl-92{font-size: 5.75rem;}
.font-xl-96{font-size: 6rem;}
.font-xl-104{font-size: 6.5rem;}
.font-xl-112{font-size: 7rem;}
.font-xl-120{font-size: 7.5rem;}
.font-xl-128{font-size: 8rem;}
/*fim tipologias*/


#banner{
	height: 440px;
}

.text-banner{
    margin: 25px 0px 0px 0px;
}		
	

.cta-whatsapp a{
	padding: 10px 15px;
}		
}


@media (min-width:1360px){
	
#banner{
    height: 520px;
}

.text-banner{
    margin: 60px 0px 0px 0px;
}	
	
.cta-whatsapp{
	right:30px;
	bottom:30px;
}		
}

@media (min-width:1640px){
	
#banner{
	height:600px;
}
.text-banner{
	margin: 100px 0px 0px 0px;
}	
}