*{
	
	margin:0;padding:0;outline:none;font-size:100%;border:none; box-sizing:border-box;
	font-family: 'Lato', sans-serif;
}

body
{
	opacity:;
	background:;
	background-attachment:fixed;
	background-size: 100% 100%;
	overflow-x: hidden;
	width:100%;
	height:auto;

		
}

header{
    
	opacity:;
     background-color:;
	 background:;
	 background-attachment:fixed;
	 background-size:100% 100%;
	 overflow-x:;
	 width:100%;
	 height:auto;
}

.basecentral{
	
	background:linear-gradient(160deg, #66cccc 60%, #66cccc, #999, #999 60%);
	/*--background-attachment:fixed;---*/
	background-size:100% 100%;
	overflow-x:;
	display:block;
	width:100%;
	height:auto;
	margin-top:2%;
	
}

a{text-decoration:none;}
a:hover{text-decoration:none;}
ul{list-style:none;}
img{max-width:100%;}

/* Transição e Animação */

@-webkit-keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; } 
}
@-moz-keyframes fadeIn {
0% { opacity: 0;}
100% { opacity: 1; }
}
@-o-keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}

.fadeIn {
-webkit-animation: fadeIn 3s ease-in-out;
-moz-animation: fadeIn 3s ease-in-out;
-o-animation: fadeIn 3s ease-in-out;
animation: fadeIn 3s ease-in-out;
}

/*Alternando Transições*/
.alt{
-webkit-animation-direction:alternate;
animation-iteration-count:infinite;
animation-iteration-count:infinite;
-moz-animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite;}

/*---efeito Hamburguer icon----*/
.bar1, .bar2, .bar3 {
  width: 35px;
  height: 5px;
  background-color: #000066;
  margin: 6px 0;
  transition: 0.4s;
}

.change.bar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
  transform: rotate(-45deg) translate(-9px, 6px);
}

.change.bar2 {opacity: 0;}

.change.bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-8px, -8px);
}

/* ==== menu retrátil madlyluv.com ==== */
.menu_mluv_retratil {width: 100%; height:auto; display: block; position:fixed; margin-top:-2%; margin-left:-1.5%; z-index: 3; 
 -webkit-transition:All 0.5s ease; -moz-transition:All 0.5s ease; -o-transition:All 0.5s ease;background:#fff}
.menu_mluv_retratil.mostrar{margin-top: -9.5%; position:fixed;
-webkit-box-shadow: 0px 6px 5px 0px rgba(221,221,221,1);
-moz-box-shadow: 0px 6px 5px 0px rgba(221,221,221,1);
box-shadow: 0px 6px 5px 0px rgba(221,221,221,1);}

/*=====Topnav - MENU ======*/
.navicon1{display:block;width:100%;height:auto;margin-top:1.5%;}
ul.navicon{display:inline-block;width:100%;height:auto;}
li.linklogo{display:block;float:left;width:40%;height:auto;}
li.linklogo a img{display:block;width:40%;height:auto;}
li.itemicon{display:inline-block;float:right;width:10%;height:auto;margin:1%;padding:.5%;border-right:.1rem solid #79c7e5;}
li.itemicon:nth-of-type(2){border-right:none;}
li.itemicon a i{margin-left:40%;}

.basemenu{	
display:block;
background:#66cccc;
width:100%;	
height:auto;		
padding:2%;
overflow: hidden;
margin-left:-2%;
}

.basemenu a{display:inline;width:100%;font-family:Arial;font-size:1.3em;color:#fff;font-weight:400;text-align:center;border-right:.1rem solid #fff;}
.basemenu a:nth-of-type(6){border-right:none;}	

.basemenu a.linkho:hover {
  cursor:pointer; 	
  color:#666;
  -webkit-transition:All 0.5s ease; -moz-transition:All 0.5s ease; -o-transition:All 0.5s ease;
}

.basemenu a.linkho:active{border-bottom:.1rem solid #ddd;}

.active {
  background-color: #f7f7f7;
  color: #000;
}

.icon {
  display:none;
}

.imgmobile{display:none;}

@media screen and (max-width: 600px) {
	
  #BaseMenu a:not(:first-child) {display:none;}
   a#icon {
    display: block;
	padding-bottom:1.5%;
	position:fixed;
	z-index:3;
  }
  
  #BaseMenu{margin-top:5%;border:none;display:none;}
  #BaseMenu a:nth-of-type(1){display:none;}
  .basemenu a img{display:none;}
  #menuicon ul{display:none;}
 .basemenu a.linklogo{width:100%;}
  #imgmobile{display:block;width:100%;height:auto;}
  #imgmobile img{width:45%;height:auto;margin-left:;display:flex;margin:0 auto;align-items:center;}
	
}	

@media screen and (max-width: 600px) {
#BaseMenu.responsive {
	  position:fixed;
	  z-index:3;
	  width:100%;
	  height:auto;
	  background:#fff;
	  border:none;
	  display:block;
	  padding:1%;
	  margin-top:12.5%;
	  margin-left:-6%;
	  }
  #BaseMenu a{color:#007bff;padding:1.75%;border-bottom:.1rem solid #ddd;}
  #BaseMenu a:hover{cursor:pointer;background:#f7f7f7;}
  #BaseMenu a:active{color:#ddd;}
  #BaseMenu.responsive #icon {
    position: absolute;
    right: 0;
    top: 0;
	margin-top:4%;
  }
  #BaseMenu.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  
 #imgbanner{width:140%;height:auto;}
#imgbanner img{border:.4rem solid #66cccc;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px; 
}
#about{margin-top:10%;display:block;}
#textslide{display:none;}
#basesomos{margin-top:-1.5%;margin-left:-3.5%;
border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px; 
}
#baseefeito ul li{width:15%;margin-left:3%;}
#baseefeito ul li img{width:100%;height:auto;}
#tliteabout h1 p{font-size:60%;margin-top:2%;}
#textabout{margin-top:-10%;}
#textabout p{font-size:80%;}
#titleservice{margin-top:-12%;} 
#titleservice h1 p{font-size:60%;margin-top:2%;}
#textservice ul{margin-top:5%;}
#textservice ul li{width:100%;height:auto;}
#textservice ul li i{width:20%;font-size:80%;float:left;}
#textservice ul li p{font-size:80%;width:80%;float:right;}
#imgservice{display:none;}
#titleport{margin-left:-10%;margin-top:-25%;}
#titleport h1 p{font-size:60%;margin-top:2%;} 
#titleport h1 p:nth-of-type(2){font-size:40%;}
#galeria{margin-top:15%;}
#galeria h5{width:100%;height:auto;text-align:center;}
#galeria p{font-size:80%;}
#titleport2{margin-left:-10%;margin-top:-11.5%;}
#titleport2 h1 p{font-size:60%;margin-top:2%;} 
#titleport2 h1 p:nth-of-type(2){font-size:40%;}
#galeria2{margin-top:15%;}
#galeria2 h5{width:100%;height:auto;text-align:center;}
#galeria2 p{font-size:80%;}
#lema{display:none;}
#seccontacto{margin-top:-15%;}
#boxlema h2 p{font-size:60%;}
#basecentral2 ul#iconfooter{display:none;}
li#itemfooter{display:none;}
ul#contactfooter{border-right:none;}
#infoemp{margin-left:3.5%;}
#infoemp p{font-size:80%;text-align:justify;}
#emptab ul{justify-content:center;margin-left:0;}
#deck h5{width:100%;height:auto;text-align:center;}
#deck p{font-size:80%;}
#infodataform{width:25%;background:#333;}
#infodataform p{font-size:90%;}

}



.back-to-top {
  background-color: #f7f7f7;
  border-radius: 65px;
  bottom: 14px;
  box-shadow: 2px 3px 19px -2px rgba(0, 0, 0, .75);
  color: #2b579a;
  cursor: pointer;
  height: 40px;
  position: fixed;
  right: 22px;
  width: 40px;
  z-index: 3;
}

.back-to-top p{width:100%;height:auto;text-align:center;margin-top:20%;font-weight:400;}
.back-to-top p i{font-size:1.3em;} 

  &::after {
    content: '▲';
    display: flex;
    justify-content: center;
  }
  
 /*====Carrousel====
div.box_carrossel{margin-top:;height:215px;width:1024px;background:#fff;box-shadow:0 0 .5rem .1rem #000;position:relative;margin:10% auto;padding:10px 30px;} 
div.box_carrossel .nav{position:absolute;display:table;height:147px;background:#66cccc;color:#fff;top:0;padding:0 5px;}
div.box_carrossel .nav p{display:table-cell;vertical-align:middle;}
div.box_carrossel .nav:hover{background:#99ccff;}
div.box_carrossel .nav.back{left:0;}
div.box_carrossel .nav.forth{right:0;}

.carrossel{list-style:none;width:1000%;float:left;background:#ddd;}
.carrossel .item{float:left;width:210px;height:215px;padding:10px;margin-right:10px;background:#99ccff;}*/

/*=====Home====*/
div.slide figure{margin-top:;}
div.textslide{z-index:1;display:inline-block;position:absolute;margin-top:-50%;margin-left:12.5%;}
div.textslide figcaption{display:inline-block;width:100%;height:auto;padding:1%;}
div.textslide figcaption p{font-family:"Century Gothic";font-size:180%;color:#fff;font-weight:500;text-align:center;width:100%;text-shadow: -1px -1px 1px rgba(0, 0, 0, 1);}

/*===Somos===*/
span.baseefeito{width:100%;height:auto;background:#66cccc;display:block;z-index:1;margin-top:-3.5%;margin-left:-1.5%;position:absolute;}
span.baseefeito ul{width:100%;height:auto;display:block;}
span.baseefeito ul li{background:none;width:17.5%;height:auto;display:inline-block;border:none;margin-left:2%;padding:1%;}
span.baseefeito ul li img{width:65%;height:auto;display:block;}
article.about{display:block;margin-top:7.5%;}
span.textabout{float:right;display:block;background:#fff;width:100%;height:auto;}
span.textabout p{display:inline-block;width:90%;text-align:justify;font-family:Arial;font-size:120%;color:#999;
font-weight:200;line-height:1.5rem;margin-left:5%;margin-top:17.5%;}
span.tliteabout{z-index:1;position:absolute;display:inline-block;margin-top:1.5%;}
span.tliteabout h1{background:#f7f7f7;width:100%;height:auto;margin-left:30%;padding:.3%;}
span.tliteabout h1 p{font-family:Georgia;font-size:100%;color:#66cccc;width:100%;text-align:center;font-weight:500;}

/*===Serviços====*/
article.service{display:block;}
figure.imgservice{display:block;}
span.textservice{float:left;display:block;background:#fff;width:100%;height:auto;}
span.textservice ul{display:block;width:100%;height:auto;}
span.textservice ul li{border:none;background:none;display:inline-block;width:100%;height:auto;}
span.textservice li p{display:inline-block;width:90%;text-align:center;font-family:Arial;font-size:120%;color:#999;
font-weight:200;}
span.titleservice{margin-left:3.5%;}

/*===Portfólio====*/
span.titleport{margin-left:25%;margin-top:-5.6%;}
span.titleport2{margin-top:-1%;}
span.titleport h1 p{font-size:80%;}
span.titleport h1 p:nth-of-type(2){color:#333;font-size:60%;font-weight:150;margin-top:-3%;}
div.slideport{margin-top:5%;}
.galeria p{text-align:justify;}

/*===Lema====*/
div.lema{width:100%;height:auto;display:block;}
span.lema2{width:100%;height:auto;background:#f7f7f7;display:block;}
h2.titlelema{width:100%;height:auto;display:block;}
h2.titlelema p{width:100%;font-family:"Rockwell", "Lucida Sans";color:#003366;font-size:110%;font-weight:400;text-align:center;}
h3.titlelema2 p{width:100%;font-family:"Rockwell", "Lucida Sans";color:#003366;font-size:110%;font-weight:400;text-align:center;}
h2.titlelema img{width:15%;height:auto;display:block;margin-left:43.5%;}
div.boxlema{width:100%;height:auto;display:block;}

/*===Contacto===*/
span.lema3{background:#66cccc;}
h2.titlelema3 p{color:#fff;padding:2%;margin:.5%;}

/*===Footer===*/
.basecentral2{margin-top:5%;}
ul.basefooter{margin-top:2%;display:block;} 
ul.basefooter li{background:none;border:none;width:100%;height:auto;padding:0;}
li.itemfooter{display:inline-block;}
li.itemfooter2{margin-left:4%;}
ul.infofooter h4{width:100%;height:auto;border-bottom:.1rem inset #fff;padding:0;}
ul.infofooter h4 p{font-family:Arial;font-size:85%;color:#666;text-align:center;width:100%;height:auto;padding:0;font-weight:500;}
ul.infofooter li{background:none;border:none;width:100%;height:auto;padding:0;} 
ul.infofooter li p{font-family:Arial;font-size:85.5%;color:#666;text-align:left;width:100%;height:auto;font-weight:500;}
ul.infofooter li p:hover{
cursor:pointer;
color:#fff;
-webkit-transition:All 0.5s ease; -moz-transition:All 0.5s ease; -o-transition:All 0.5s ease;}
ul.contactfooter{border-right:.1rem solid #fff;padding-right:4%;}
ul.contactfooter li p:hover{color:#666;}
ul.iconfooter{display:block;}
ul.iconfooter li{background:none;border:none;width:100%;height:auto;margin-left:6%;padding:2%;}
ul.iconfooter li span h5{width:100%;height:auto;}
span.numcounter{color:#fff;width:100%;text-align:center;display:block;}
ul.iconfooter li span h5 p{font-family:Arial;font-size:85%;color:#fff;text-align:center;width:100%;height:auto;padding:0;font-weight:bold;}
ul.iconfooter li span p{font-family:Arial;font-size:85%;color:#fff;text-align:center;width:100%;height:auto;padding:0;font-weight:500;}
div.legalfooter2{display:block;width:100%;height:auto;}
div.legalfooter2 p:nth-of-type(1){font-family:Arial;font-size:.9em;color:#f7f7f7;width:100%;text-align:center;}
div.legalfooter2{margin-top:2%;border-top:.2rem solid #fff;padding:1%;}
div.legalfooter2 h6{padding:0;}
div.legalfooter2 h6 p{font-family:Arial;font-size:1em;color:#fff;text-align:center;width:100%;}
a.linklegal{color:#99ffcc;}

/*----Efeito Diagonal---*/
.skew {	
  display:block; 	
  width:30%;
  padding:5%;
  margin-top:-15%;	
  margin-left:70%;
  overflow:;
  background-color: #66cccc;
  -webkit-transform: skew(30deg);
      -ms-transform: skew(30deg);
          transform: skew(30deg); /* SKEW da div*/
}

.skew img {
  width: 150px;
  height: 150px;
  margin-right: 25px;
  float: left;
}

.p-skew {
  padding: 10px;
  -webkit-transform: skew(-30deg);
      -ms-transform: skew(-30deg);
          transform: skew(-30deg); /* SKEW inverso para o texto não inclinar */
}

/*----Page Empregos---*/
span.infoemp{width:100%;height:auto;display:block;margin:1%;padding:1%;}
span.infoemp p{width:100%;height:auto;font-family:Arial, Georgia;font-size:110%;color:#333;text-align:center;line-height:120%;font-weight:500;}
ul.listemp{margin-left:25%;}

/*---Page Formation----*/
.infodataform{background:#000;z-index:1;position:absolute;
border-radius: 5.5px 0px 15px 15px;
-moz-border-radius: 5.5px 0px 15px 15px;
-webkit-border-radius: 5.5px 0px 15px 15px;
border: 0px solid #000000;
}
.infodataform p{font-family:Rockwell, Arial;font-size:110%;color:#fff;text-align:center;width:100%;height:auto;margin-top:1%;}