.main {
}

body {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  line-height: 150%;
  color: #666;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bec7d8+1,dcdfe2+4,ffffff+100 */
  background: #bec7d8; /* Old browsers */
  background: -moz-linear-gradient(top, #bec7d8 1%, #dcdfe2 4%, #ffffff 800px); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #bec7d8 1%,#dcdfe2 4%,#ffffff 800px); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #bec7d8 1%,#dcdfe2 4%,#ffffff 800px); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bec7d8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
/*  background-color: #f3f3f6;*/
  padding-top: 56px;
  
}

/*
.navbar {
  border-bottom: 3px solid #000;
}
*/

#footer {
  background-color: #755b6d;
  color: #fff;
  margin-top: 4em;
  padding: 2em;
}

#footer a {
  color: #fff;
}

h1, h2, h3, h4, h5 {
  color: #000;
}

h2 {
  font-size: 6em;
  font-weight: 100;
  line-height: 80%;
  margin-top: 0.4em;
  margin-bottom: 0.5em;
}

h3 {
  font-size: 3em;
  font-weight: 100;
  line-height: 90%;
  margin-bottom: 10px;
}

h4 {
  font-size: 2em;
  font-weight: 300;
  line-height: 110%;
/*  font-variant: small-caps;*/
/*  letter-spacing: .2em;*/
  margin-top: 2em;
}



.carousel h3 {
  text-shadow: 1px 1px 2px #333;
  
}

#hairdresser, #massage {
  padding-right: 40%;
}

#hairdresser {
  background:  
    no-repeat 438px 50%/220px url("../img/circle-girl-01.png"),
    radial-gradient(circle closest-side at 75% 50%, rgba(253,246,250,1), rgba(253,246,250,1) 90%, transparent 91%);
}

#massage {
  background: 
    no-repeat 398px 50%/200px url("../img/circle-massage.png"),
    radial-gradient(circle closest-side at 497px 50%, rgba(246,253,250,1), rgba(246,253,250,1) 90%, transparent 91%);
}

#estetica, #vendas {
  padding-left: 33%;
}


#estetica {
  background: 
    no-repeat 50px 50%/180px url("../img/circle-estetica-200.png"),
    radial-gradient(circle closest-side at 139px 50%, rgba(250,246,253,1), rgba(250,246,253,1) 98%, transparent 99%);
}

#vendas {
  background: radial-gradient(circle closest-side at 30% 50%, rgba(253,250,246,1), rgba(253,250,246,1) 90%, transparent 91%);
}



#attention {
  color: #000;
}

.icon-back {
  border-radius: 50%;
  width: 60px;
  height: 60px;
/*  background-color: #5F5DA3;*/
  background-color: #b5a584;
  color: #fff;
  padding:15px;
  font-size: 4em;
}

#contacts li {
  list-style-type: none;
  font-weight: bold;
  color: #000;
}

#horarios tr:first-child, #horarios tr:first-child {
  border-top: none;
}

#horarios, #horarios th, #horarios td {
  border: none;
}

#horarios tr {
  border-bottom: 1px solid #b5a584;
}

#horarios tr:last-child {
  border-bottom: none;
}

#horarios th {
  text-align: right;
  font-weight: 300;
}

#horarios td {
  text-align: left;
  color: #000;
}

.card {
  background-color: transparent;
  padding-top: 0em;
  padding-bottom: 0em;
/*  border-left: 2px solid #333;*/
  padding-left: 1em;
  margin-bottom: 2em;
  border: 0px none transparent;
}

/*
.card {
  background-color: #fff;
  padding-top: 1em;
  padding-bottom: 1em;
  box-shadow: 3px 3px 5px #e0e0e0;
  margin-bottom: 2em;
  border: 2px solid #eee;
  border-radius: 4px;
}
*/

.card h5 {
  margin-top: 20px;
  font-size: 1.5em;
/*  font-variant: small-caps;*/
  text-transform: uppercase;
  font-weight: 100;
  letter-spacing: .2em;
}

#contacts {
  list-style: none;
}

#contacts li{
  text-align: center;
}

#testimonials {
  margin-top: 40px;
  margin-bottom: 50px;
  padding: 40px 0px 40px 0px;
/*
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
*/
  background-color:  rgba(253,246,250,1);
}

#testimonials blockquote {
  border-left: 5px solid #fff;
  padding-left: 20px;
  font-weight: 300;
  font-size: 1em;
  color: #333;
}

#testimonials blockquote footer {
  font-size: .9em;
  font-weight: 100;
  color: #000;
}

#testimonials blockquote footer::before {
  content: '\2014\a0';
}

.carousel h1, .carousel h2, .carousel h3, .carousel h4, .carousel h5 {
    font-weight: bold;
    color: #fff;
}

.carousel-caption.xmass h1, .carousel-caption.easter h1 {
    font-family: 'Kaushan Script', cursive; 
    font-size: 4em;
}

.carousel-caption.xmass h1, .carousel-caption.xmass h2, .carousel-caption.xmass h3, .carousel-caption.inverted h4, .carousel-caption.xmass h5 {
    font-weight: bold;
    color: #f33;
}

.carousel-caption.xmass p {
    color: #f33;   
}


.featurette {
    border: 1px solid #ccc;
/*    box-shadow: 3px 3px 5px #ccc;*/
    box-shadow: 2px 2px 5px #ccc, 10px 10px 15px #dcdfe2;
    background: #fff;
}

.featurette-divider {
    border: none;
}

.featurette h2 {
    text-shadow: 0 1px 2px #c0c0c0;
    font-size: 3em;
    color: black;
    font-weight: 100;
  margin-bottom: .1em;
}


.featurette h3  {
  text-shadow: 0 1px 2px #c0c0c0;
  color: #6c757d;
  margin-top: 0.1em;
}

.marketing {
}

.marketing p {
}

div.container li {
 text-align: left;   
}


a.navbar-brand img {
}

#contacts li {
}


div.natal p {
    color: #9b1b30;
}

#covid {
    background-color: darkred;
    color: #fff;
}

.attention {
  color: #b5a584;
  font: 0.6em Roboto, sans-serif;
  display: block;
}