*{
	font-family: 'Muli', sans-serif;
}

body{
	margin: 0;
}


/* MENU */
.intro{
	background: url(../img/homepage.jpg);
    background-size: cover;
     background-image: 
    linear-gradient(
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0.5)
    ),
   
    background-position: center center; height: 541px;
    text-align: center;
}

.intro .fa{
	font-size: 48px;
	color: #fff;
	margin-top: 10px; 
}

.navbar-toggle{
	border: 1px solid #fff;
	margin-top: 25px;
}

.navbar-toggle .icon-bar {
    background-color: #fff;
}


.navbar-collapse {
	height: 100%;
	/*margin-top: -60px;*/
	background-color: #128CE9;
}

.navbar-fixed {
    top: 0;
    z-index: 100;
    position: fixed;
    width: 100%;
}

.navbar-fixed .navbar-brand img{
	padding: 5px;
    margin-top: -30px;  
    height: 80px;
}


.menu .navbar-nav{
	margin-left: 7%;
	z-index: 2000;
}

.menu .fa{
	font-size: 22px;
}

.navbar-nav>li>a:hover {
    color: #000;
    background-color: #fff;
}

.menu .active a {
    color: #000;
    background-color: #fff;
}

.menu a{
	color: #fff;
	margin-top: 18px;
	margin-bottom: 18px; 
	font-size: 16px;
}

.menu img{
	max-width: 70px;
	margin: 0;
}

.navbar-brand img{
	padding: 5px;
	margin-top: -30px;
    margin-left: 40px;
    max-width: 100px;
}

.intro-content {
  margin-top: 4%;
  color: #fff;
  z-index: 100;
}

.intro-content img{
    height: 200px;
  }

@media (min-width: 785px) {
  .intro-content img{
  	height: 140px;
  }
    .intro-content {
      margin-top: 4%;
      color: #fff;
      z-index: 100;
      text-align: left;
      /* margin-top: -50px; */
      padding: 0;
      /* max-width: 140px; */
  }
}



@media (max-width: 784px) {
  .intro-content-right img{
    display: none;
  }
 
}


.intro-content p{
	font-size: 25px;
}

@media (min-width: 1285px) {
	/*.intro{
		background: url(../img/inicial.jpg);
	    background-size: cover;
	    background-position: center center; 
	    height: 736px;
	}*/

	.intro-content{
		margin-top: 4%;
	}

  .intro-content img{
    height: 240px;
  }

	.menu a{
		color: #fff;
		margin-top: 25px;
		margin-bottom: 25px; 
		font-size: 18px;
	}

	.menu .navbar-nav{
		margin-left: 20%;
	}
}

@media (max-width: 1216px) {
  .navbar-header {
      	float: none;
      	border-bottom: 1px solid #fff;
		background-color: #128ce9;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
  .navbar-header a{
		color: #000;
  }
/*	.intro-content img{
		height: 200px;
	}*/
}
a:active{
	background-color: #fff;
	color: #000;
}
/* END MENU */


/* Initial info */
.initial-info{
	/*min-height: 500px;*/
	background-color: #fff;
	color: #128CE9;
	text-align: center;
	padding-top: 5%;
	/* margin-bottom: 5%;  */
}

.initial-info img {
  max-width: 200px;
}

.initial-info .left{
	background: url(../img/home-limpeza.jpg);
    background-size: cover;
    background-position: center center;
    height: 400px;
    text-align: center;
    /*opacity: 0.6;*/
}

.initial-info .right{
	padding-top: 3%;
}

.initial-info h2{
	text-align: center;
}

.initial-info p{
	text-align: center;
	font-size: 16px;
	opacity: 1;
}

.initial-info .fa{
	text-align: center;
}

@media (max-width: 1145px) {
	.initial-info .fa{
		text-align: center;
		padding-top: 10%;
	}
}

footer{
	background-color: #128CE9;
	/*background-color: rgba(18, 140, 233, 0.8);*/
    text-align: center;
    font-size: 16px;
    /*padding-top: 2%;
    padding-bottom: 2%;
    margin-top: 2%;*/
    color: #fff;
}

.social-network{
	padding: 5px;
}
.phone{
	padding: 5px;
}
.address{
	padding: 5px;
}

.copyright {
    width: 50%;
    margin: 0;
    line-height: 50px;
    bottom: 0;
    font-size: 12px;
    left: 0;
    float: left;
    color: #1f2225;/*
    padding-top: 10px;*/
}

.info-footer .right {
    margin: 0;
    line-height: 50px;
    bottom: 0;
    font-size: 12px;
    right: 0;
    float: right;
    color: #1f2225;/*
    padding-top: 10px;*/
}

.right a {
    color: #1f2225;
}


/* SOBRE */

.about{
	padding-top: 10%;
	height: 100%;
	color: #128CE9;
}

.about h2{
	/* border-bottom: 1px solid #000; */
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #128CE9;
    padding: 10px;
    color: #fff;
    max-width: 200px;
    text-align: center;
}

.about p {
	text-align: justify;
	font-size: 16px;
 	text-indent: 20px;
}

.about-right{
	background: url(../img/carro.jpg);
    background-size: cover;
    background-position: center center; 
    height: 400px;
    text-align: center;
}

.photos{
	margin-top: 2%;
	text-align: center;
}

.photos img{
	max-width: 350px;
	margin: 12px;
}

@media (max-width: 1145px) {

	.about h2 {
		margin-top: 10%;
	}
}

@media (max-width: 745px) {

	.about h2 {
		margin-top: 18%;
	}

	.about p {
		text-align: justify;
		font-size: 15px;
		width: auto;
	}

	.photos img{
		max-width: 320px;
		margin: 12px;
	}
}


/* SERVICEs*/

.services{
	padding-top: 10%;
	height: 100%;
	color: #128CE9;
}

.services .pos{
	/*padding-top: 3%;*/
	border-bottom: 1px solid #128CE9;
}

.services .pos img {
    width: 100%;
    margin-top: 10%;
    margin-top: 5%;
}

.services b{
	font-weight: bold;
	color: #000;
}

.services h2{
	/* border-bottom: 1px solid #000; */
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #128CE9;
    padding: 10px;
    color: #fff;
    max-width: 250px;
    text-align: center;
}

.services p {
	text-align: justify;
	font-size: 14px;
 	text-indent: 50px;
}

.service-right{
	background: url(../img/carro.jpg);
    background-size: cover;
    background-position: center center; 
    height: 400px;
    text-align: center;
    margin-top: 8%;
    margin-bottom: 5%;
}

.photos{
	margin-top: 2%;
	text-align: center;
}

.photos img{
	max-width: 350px;
	margin: 12px;
}

@media (max-width: 1145px) {

	.services h2 {
		margin-top: 10%;
	}
}

@media (max-width: 745px) {

	.services h2 {
		margin-top: 18%;
	}

	.services p {
		text-align: justify;
		font-size: 15px;
		width: auto;
	}

	.services img{
		max-width: 320px;
		margin: 12px;
	}
}

.services .atalhos img{
	max-width: 200px;
}


/* MODAL */

/* .modal-fullscreen */

.modal-fullscreen {
  background: #fff;
}
.modal-fullscreen .modal-content {
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.modal-backdrop.modal-backdrop-fullscreen {
  background: #ffffff;
}
.modal-backdrop.modal-backdrop-fullscreen.in {
  opacity: .97;
  filter: alpha(opacity=97);
}


.modal-fullscreen .modal-dialog {
  margin: 0;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}
@media (min-width: 768px) {
  .modal-fullscreen .modal-dialog {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .modal-fullscreen .modal-dialog {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .modal-fullscreen .modal-dialog {
     width: 1170px;
  }
}

.modal-header .close {
    margin-top: -2px;
    font-size: 40px;
}

.photos-shortcut{
	margin-top: 2%;
	margin-left: 2%; 
	text-align: center;
}

/*.photos-shortcut img{
	max-width: 350px;
	margin: 12px;
}
*/
/*.module {
  background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/skyscrapers.jpg);
  background-attachment: fixed;
  width: 400px;
  height: 300px;
  position: relative;
  overflow: hidden;
  margin: 20px;
}*/
.photos-shortcut > header {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 10px;
  background: inherit;
  background-attachment: fixed;
}
.photos-shortcut > header::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  background-attachment: fixed;
  -webkit-filter: blur(12px);
  filter: blur(12px);
  /*transform: scale(2) translateY(20px);*/
}
.photos-shortcut > header > h1 {
  margin: 0;
  color: white;
  position: relative;
  z-index: 1;
  font-size: 23px;
  font-weight: bold;
}



/* CONTACT */

.contact-right{
  padding: 40px;
}

/* END CONTACT */



/* CLIENTS */
.clients .photos img {
   width: 100%;
    margin: 12px;
}

body.modal-open {
    overflow: visible;
    position: absolute;
    width: 100%;
    height:100%;
}

/* END CLIENTS  */


/* WORK */
select #servicetype{
  width: 100%;
}

/* END WORK */


/* NEW 07/10/2023 */

.sub-header {
  min-height: 200px;
  /* max-width: 1000px; */
  width: 100%;
  color: #128CE9;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sub-header__text {
  font-size: 24px;
  padding: 20px;
}

.sub-header__button {
  padding: 20px;
}

.cities {
  background-color: #128CE9;
  color: #fff;
  min-height: 380px;
}

.cities-item {
  color: #128CE9;
  background-color: #fff;
  margin-top: 100px;
  min-height: 500px;
}

.cities-images {
  /* display: flex;
  justify-content: center; */
}

.cities-card { 
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  max-width: 350px;
  margin: 40px;
}

.cities-images-item {display: flex;
  justify-content: center;
  align-items: center;
}

.cities-card img {
  max-width: 350px;
}

.cities-card__text{
  background-color: #fff;
  color: #128CE9;
  text-align: center;
  font-size: 24px;
  padding: 10px;
}


.carousel-inner .active.left { left: -33%; }
.carousel-inner .next        { left:  33%; }
.carousel-inner .prev        { left: -33%; }
.carousel-control.left,.carousel-control.right {background-image:none;}

  .carousel-multi .carousel-inner > .item{
    transition: 500ms ease-in-out left;
  }

  .carousel-multi .carousel-inner > .item > .media-card {
    /* background: #333; */
    border-right: 10px solid #fff;
    display: table-cell;
    width: 1%;
    /* display: flex;
    justify-content: center; */
    text-align: center;

    /* &:last-of-type{
    border-right: none;
    } */
  }

  .carousel-multi .carousel-inner > .item > .media-card img{
    max-width: 200px;
  }

  .carousel-multi .carousel-inner > .item > .media-card .active {
    display: table;
    &.left{
      left:-33%;
    }
    &.right{
      left:33%;
    }
  }

  .carousel-multi .carousel-inner > .item > .media-card .active .next{
    left: 33%;
  }

  .carousel-multi .carousel-inner > .item > .media-card .active .prev{
    left: -33%;
  }

  @media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-multi .carousel-inner > .item > .media-card  > .item{
    transition: 500ms ease-in-out all;
    backface-visibility: visible;
    transform: none!important;
    }
  }

  .carousel-control {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  i.fa.fa-arrow-left {
    margin-right: 50px;
    color: #555;
  }

  i.fa.fa-arrow-right {
    margin-left: 50px;
    color: #555;
  }

  .atendimento {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    min-height: 500px;
  }

  .atendimento hr {
    border: 1px solid #eee !important;
    width: 145px;
    margin: 5px 0;
  }

  .intro-video {
    margin-top: 100px;
    min-height: 500px;
  }

  video {
    height: 650px;
    width: 100%;
    object-fit: cover;
    position: absolute;
  }

  .clients {
    padding-top: 40px;
    background-color: #fff;
    color: #128CE9;
    min-height: 350px;
    overflow-x: hidden;
  }

  .clients-text hr {
    border: 1px solid #128CE9;
    max-width: 100px;
    width: 90px;
    float: left;
    margin: 5px 0;
  }

  .services-main {
    padding-top: 40px;
    background-color: #128CE9;
    color: #fff;
    min-height: 550px;
  }

  .services-main i {
    margin-left: 10px;
  }

  .services-main hr {
    border: 1px solid #fff;
    max-width: 100px;
    width: 90px;
    float: left;
    margin: 5px 0;
  }

  .services-main .service-card {
    margin: 20px 15px;
    padding: 20px;
    background-color: #eee;
    color: #555;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  /* .services-main .service-card i {
    font-size: 24px;
  } */


  /* .active{
  
  }
  .next{
  left: 33%;
  }
  .prev{
  left: -33%;
  }
  @media all and (transform-3d), (-webkit-transform-3d) {
  > .item{
    transition: 500ms ease-in-out all;
    backface-visibility: visible;
    transform: none!important;
  }
  } */
/* } */
/* } */

/*FOOTER*/
.custom-shape-divider-bottom-1683068753 {
  float: left;
  width: 100%;
  margin-bottom: -2px;
  overflow: hidden;
  line-height: 0;
  transform: rotate(180deg);
}
.custom-shape-divider-bottom-1683068753 svg {
  
  float: left;    
  display: block;
  width: calc(148% + 1.3px);
  height: 178px;
  background: #ffffff;
  margin-bottom: -2px;
}
.custom-shape-divider-bottom-1683068753 .shape-fill {
  fill: #128CE9;
}
.main_footer   { background-color:#128CE9; color:#fff; font-size:1em; width:100%  }
.main_footer .content { float:left; width:80%; margin:0 10%; padding: 5em 0; }
/* .main_footer .container { float:left; width:100% !important; } */
.colfooter { 

width:100%; 
height:auto; 
float:left; 
margin-bottom:2em;
}
.colfooter ul        { width:100%; float:left; }
.colfooter ul li     { padding:0.2em 0em; }
.colfooter a   { text-decoration:none; color:#ffffff !important; padding: 10px; }
.colfooter ul li a   { text-decoration:none; color:#ffffff !important; font-size:1em; transition:0.2s; }
.colfooter ul li a i { font-size:0.5em; color:#ffffff !important;  }
.colfooter ul li a:hover { color:#313131; }
.colfooter .titleFooter   { 

font-family: 'Lato', sans-serif; 
font-size:1.3em; 
color:#ffffff !important; 
padding-bottom: 0.5em; 
margin-bottom:0.5em; 
border-bottom:1px #ffffff solid;
}
.colfooter p  { 
font-family: 'Lato', sans-serif; 
color:#ffffff; 
font-size:1em; 
height:25px; 
} 
.botao{
padding: 10px 12px;
color: #fff;
font-family: 'Lato', sans-serif;
letter-spacing:2px;
text-align: center;
position: relative;
text-decoration: none;
display:inline-block;
margin-right:7px;

}
.botao::before {

content: '';
position: absolute;
bottom: 50%;
left: 0px;
width: 100%;
height: 1px;
background: #6098FF;
display: block;
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
transition: transform 0.2s cubic-bezier(1, 0, 0, 1)
}
.botao:hover::before {

-webkit-transform-origin: right top;
-ms-transform-origin: right top;
transform-origin: right top;
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1)
}
.botao{
  font-size:1em;
  color:#ffffff;
  text-align:center;
  font-family: 'Lato', sans-serif;
  border:1px solid #ffffff;
  border-radius:50px;
  overflow: hidden!important;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  background: transparent!important;
  z-index:10;
  
}
.botao:hover{
  border: 1px solid #262626;
  color: #ffaeae !important;
}
.botao::before {
  content: '';
  width: 0%;
  height: 100%;
  display: block;
  background: #262626;
  position: absolute;
  -ms-transform: skewX(-15deg);
  -webkit-transform: skewX(-15deg); 
  transform: skewX(-15deg);   
  left: -10%;
  opacity: 1;
  top: 0;
  z-index: -12;
  -moz-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
  transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
  box-shadow:2px 0px 14px rgba(0,0,0,.6);
} 
.botao::after {

  content: '';
  width: 0%;
  height: 100%;
  display: block;
  background: #e82626;
  position: absolute;
  -ms-transform: skewX(-15deg);
  -webkit-transform: skewX(-15deg); 
  transform: skewX(-15deg);   
  left: -10%;
  opacity: 0;
  top: 0;
  z-index: -15;
  -webkit-transition: all .94s cubic-bezier(.2,.95,.57,.99);
  -moz-transition: all .4s cubic-bezier(.2,.95,.57,.99);
  -o-transition: all .4s cubic-bezier(.2,.95,.57,.99);
  transition: all .4s cubic-bezier(.2,.95,.57,.99);
  box-shadow: 2px 0px 14px rgba(0,0,0,.6);
}
.botao:hover::before, .botao:hover::before{

  opacity:1;
  width: 120%;
}
.botao:hover::after, .botao:hover::after{
  opacity:1;
  width: 150%;
}
.main_footer_copy   { background-color:#0c7fd7; width:100%; float:left; font-family: 'Lato', sans-serif; text-align:center; padding:1.5em 0em; }
.main_footer_copy p { font-size:1em; color:#ffffff; height:20px; }
.main_footer_copy .m-b-footer   { margin-bottom:0.5em; }
.main_footer_copy .by   { font-size:0.96em; }
.main_footer_copy .by a       { color:#fff; text-decoration:none; font-weight:600; transition:0.2s; }
.main_footer_copy .by a:hover { text-decoration:underline; color:#313131 }
.main_footer_copy .by i { font-size:0.96em; margin-right:3px; color:#fff; }
/*Responsivo*/
/*768PX BREAKPOINT*/
@media (min-width:48em){
.colfooter  { width:30%; margin-right:5%; margin-bottom:0;}
.colfooter:nth-of-type(3n+0){ margin-right:0; border-right:0;}
}