body, h1, h2, h3, h4, h5, h6, form, dl, ul, li, ol, dt, dd, p, address, a { margin:0; padding:0; text-decoration:none; text-transform:none; text-shadow:none; }
body {
  width: 100%;
  font-size: 12px;
  font-weight: 400;
  font-family: 'Poiret+One', sans-serif;
  margin: 0 !important;
  padding: 0 !important;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #CECECE !important;
opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #CECECE !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
color: #CECECE !important;
}

.simplebox {
  outline: none;
  border: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

.menu-top { background: white; border-bottom: 1px #F5F5F5 solid; width: 100% }
.slogan { font-family: 'Zeyada', cursive; font-size: 1.8vw; color: #18AFD3; margin: 0; padding-top: 5px }

.big-item-menu {font-size: 20px}
.nav-item a { font-size: 14px !important; color: #4C4C4C !important; font-weight: 500; ; border-bottom: 1px solid white }
.nav-item a:hover { color: #18AFD3 !important; border-bottom: 1px solid #18AFD3 }
.btn-whats { border-radius: 0; }
.btn-whats:hover { background: #F57E57 !important; }
.link-light-blue { color: #4C4C4C }
.link-light-blue:hover { color: #18AFD3 }
.link-light-black { color: #18AFD3 }
.link-light-black:hover { color: #4C4C4C }
.link-light-orange { color: #4C4C4C }
.link-light-orange:hover { color: #F57E57 }
.transition-timer-carousel-progress-bar {
    height: 3px;
    background-color: #18AFD3;
    width: 0%;
    margin: 0px 0px 0px 0px;
    border: none;
    z-index: 11;
    position: absolute;
}

.max-width { max-width: 1250px }
.carousel-title { width: 50%; padding: 4vw; position: absolute; top: 0 }
.carousel-text { width: 50%; padding: 4vw; position: absolute; bottom: 0 }
.carousel-footer { width: 50%; padding-left: 4vw; position: absolute; bottom: 1.5vw }
.carousel-text-title { font-size: 4vw; color: #18AFD3; letter-spacing: -0.05em;line-height: 90%; 1text-shadow: 1px 1px 1px #444 }
.carousel-text-title span { color: #F57E57 }
.carousel-text-obs { font-size: 0.75vw; padding: 1vw; margin: 1vw 0; background-color: rgba(255,255,255,0.4); }
.carousel-text-price { padding: 1vw; border-left: 1vw solid #F57E57; background: #18AFD3; display: inline-block }
.carousel-text-price p { font-size: 0.7vw; color: #FFF; padding: 0; margin: 0 }
.carousel-text-price h1 { color: #FFF; font-size: 3vw; letter-spacing: -0.05em; line-height: 80% }
.carousel-text-price h1 span { font-size: 2vw; color: #FFF; letter-spacing: -0.05em; line-height: 80% }
.carousel-text-logo { height: 15vw; padding-top: 1vw; margin: 0; margin-left: -2vw }
.carousel-text-logo img { max-width: 20vw }

.product-flag h1 { font-size: 1.7rem; font-weight: 400 }
.product-flag p { font-size: 1.1rem; font-weight: 200 }

.hvr-float, .mouse-poiter { cursor: pointer; }

.home-about h1 { font-size: 4rem; letter-spacing: 5px; font-weight: 100; color: #18AFD3 }
.home-about h2 { font-size: 1.3rem; font-weight: 400; padding: 0; margin: 0; padding-top: 0.6vw }
.home-about p { font-size: 1.1rem; line-height: 180%; color: #666; padding: 0; margin: 0; font-weight: 100; }

.no-cost { background-color: #333; }
.no-cost h1 { font-size: 2rem; letter-spacing: 1px; font-weight: 100; color: white; border: 2px solid white; }

.btn { border-radius: 0 !important }

.home-vantage { background: #18AFD3; background-image: url("../images/bg1.webp"); }
.home-vantage h1 { font-size: 4rem; letter-spacing: 5px; font-weight: 100; color: #FFF; padding: 3vw 0 }
.home-vantage h2 { font-size: 2.3rem; letter-spacing: -0.1px; font-weight: 300; padding: 2vw 0; margin: 0; color: white }
.home-vantage p { font-size: 1.2rem; letter-spacing: 0.1px; font-weight: 100; padding-bottom: 4vw; margin: 0; color: rgba(255,255,255,1);  }

.home-tips { background: #FFF; background-image: url("../images/bg2.webp"); }
.home-tips h1 { font-size: 4rem; letter-spacing: 5px; font-weight: 100; color: #18AFD3; padding-top: 2rem; padding-bottom: 1rem }
.home-tips h2 { font-size: 1.8rem; letter-spacing: -2px; font-weight: 600; padding: 1rem 0; margin: 0; color: #000 }
.home-tips h2 span { color: #18AFD3 }
.home-tips p { font-size: 1.2rem; letter-spacing: 1px; font-weight: 400; padding-bottom: 4vw; margin: 0; color: #18AFD3 }

.home-tips ol.carousel-indicators li {background-color: #999 !important }
.home-tips ol.carousel-indicators .active {background-color: #18AFD3 !important }

#home-logos img {  width: 100%; margin: 30px 0; -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.7 }

.paralax_in {
	background-repeat: no-repeat;
	background-position: top-center;
	background-attachment: fixed;
}

.paralax { 	
	background-repeat: no-repeat;
	background-position: top-center;
	background-size: cover;
	background-attachment: fixed;
}

.carousel-indicators { padding-bottom: 20px }
.carousel-indicators li { cursor: pointer; }

.map {
    -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
         -o-filter: grayscale(100%);
            filter: grayscale(100%);
}

.home-contact h1 { font-size: 4rem; letter-spacing: 5px; font-weight: 100; color: #18AFD3 }
.home-contact h2 { font-size: 1.3rem; font-weight: 400; padding: 0; margin: 0; padding-top: 0.6vw }
.home-contact p { font-size: 1.1rem; line-height: 180%; color: #666; padding: 0; margin: 0; font-weight: 100; }

.home-contact .input-group-text {
	background: none;
	border: none;
	color: #18AFD3;
}

.home-contact input, .home-contact textarea {
	border: none;
}

textarea {
    resize: none;
}

.btn-submit { background: #F57E57; color: white }
.btn-submit:hover { background: #18AFD3; color: white }

.home-contact-resume { background: #18AFD3; color: white; font-size: 1rem; font-weight: 500 }
.home-contact-resume h1 { font-size: 1.3rem; letter-spacing: -0.005rem; font-weight: 100; color: white }
.home-contact-resume h1 span { font-size: 1rem; font-weight: 300; color: rgba(255,255,255,0.8) }
.home-contact-resume a { color: rgba(255,255,255,0.8) }

.contact-resume { border: 2px solid #18AFD3; color: #18AFD3; font-size: 1rem; }
.contact-resume h1 { font-size: 1.3rem; letter-spacing: -0.005rem; font-weight: 400; color: #000; }
.contact-resume h1 span { font-size: 1rem; color: #000 }
.contact-resume a { color: #000 }

.rodape { 
  background: #4C6575;
}

.rodape h1 { color: white; font-size: 1.4rem; font-weight: 400; margin-bottom: 20px }
.rodape p { color: white; font-size: 1rem; font-weight: 100; line-height: 2 }
.rodape li { color: white; font-size: 1.1rem; font-weight: 100; line-height: 3.1 }
.rodape a { color: #18AFD3; }
.btn-social { background: black; opacity: 0.3 }
#rodape-logos img { padding-top: 10px }

.corpo_bg, .corpo_bg_segment {
  height: 200px;
  padding: 0;
  margin: 0;
}

.corpo_bg h1 { font-size: 4rem; letter-spacing: 5px; font-weight: 100; color: white }
.corpo_bg_segment h1 { font-size: 2.5rem; letter-spacing: 2px; font-weight: 100; color: white }
.corpo_bg_segment >div >div >div .col-md-3 { background-color: rgba(255,255,255,0.95); }
.corpo_bg_segment >div >div >div img { width: 100%; }


.cabecalho_over {
  background-color: rgba(76,101,117,0.8);
  background-position: top right;
}

.corpo h1 { font-size: 3rem; letter-spacing: -1px; font-weight: 100; }
.corpo p { font-size: 1.8rem; line-height: 150%; padding: 0; margin: 0; font-weight: 100; }
.corpo-destaque { color: #18AFD3; font-weight: 400 !important; }
.corpo >ul >li { font-size: 1.5rem; line-height: 150%; padding: 0; margin: 0; font-weight: 100; list-style-type: square; margin-left: 2.5rem }
.corpo-box { color: #F57E57; border: 1.2px solid #F57E57; font-weight: 200 !important; font-size: 1.5rem !important; padding: 20px; margin: 20px 0; text-align: center; }
.corpo .card li { font-size: 1.2rem; line-height: 150%; font-weight: 100; }

.btn-orange { font-size: 1.2rem; background: #F57E57; color: white; border-radius: 5px !important; padding: 10px 20px }
.btn-orange:hover { background: #18AFD3; color: white }

.btn-grey { font-size: 1.2rem; background: #4C6575; color: white; border-radius: 5px !important; padding: 10px 20px }
.btn-grey:hover { background: #18AFD3; color: white }

.list-group-item { border: none !important; background: none !important }
.list-group-item span { font-weight: 500 !important; }

.grayscale { -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 1 }

.card { background-color: #F5F5F5; text-align: center; box-shadow: 5px 5px 15px #CECECE }
.card-body { padding: 0; margin: 0 }
.card img { background-color: #CECECE; background-image: url('../images/card_img_bg.webp'); background-size: 130%; }

.menu-planos p { font-size: 1.5rem; line-height: 100%; padding: 0; margin: 0; font-weight: 400; color: #CECECE }
.menu-planos img { width: 60%; }
.menu-planos a { -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.3 }
.menu-planos a:hover { -webkit-filter: none !important; filter: none !important; opacity: 1 }

.btn-planos { border-bottom: 1px solid #18AFD3; width: 100%; }
.planos-content a { color: #18AFD3 !important }
.planos-content a:hover { color: black !important }
.planos-content .btn { margin: 0 !important; text-align: left; font-size: 1.5rem; font-weight: 100; padding: 1rem 0 }
.planos-content li { margin-left: 20px; font-size: 1.2rem; font-weight: 400; padding: 0.2rem 0; list-style: square; }
.planos-content-box { color: #F57E57; border: 1.2px solid #F57E57; font-weight: 200 !important; font-size: 1.5rem !important; padding: 20px; margin: 20px 0; text-align: center; }
.planos-content h2 { font-size: 1.2rem; line-height: 150%; padding: 0; margin: 0; font-weight: 600; padding: 1rem 0; }



@media only screen and (max-width: 768px) {

.corpo_bg_segment h1 { font-size: 1.5rem !important; letter-spacing: -1px; font-weight: 100; color: white }
.planos-content .btn { margin: 0 !important; text-align: left; font-size: 0.85rem; font-weight: 100; padding: 0.7rem 0 }

.max-width { padding: 0 1.8rem }
.slogan { font-family: 'Zeyada', cursive; font-size: 6.5vw; color: #18AFD3; margin: 0; text-align: center; padding-top:2vw; line-height: 0.4 }
.btn-whats { min-width: 50% }
.btn-phone { min-width: 50%; background: #F57E57; color: #000 !important; }
.menu-contact { margin: 0; padding: 0 }
.carousel-title { width: 100%; padding: 8vw 4vw; position: relative; background-color: #000 }
.carousel-text { width: 100%; padding: 0; position: absolute; bottom: 27vw; }
.carousel-text { -webkit-box-pack:center!important; -ms-flex-pack:center!important; justify-content:center!important; display:-webkit-box!important; display:-ms-flexbox!important; display:flex!important; -webkit-box-align:center!important; -ms-flex-align:center!important; align-items:center!important }
.carousel-footer { width: 100%; padding: 2vw 4vw; position: absolute; bottom: 0; }
.carousel-text-title { font-size: 8vw; color: white; letter-spacing: 0; line-height: 90%; font-weight: 200; text-align: center; }
.carousel-text-title span { color: rgba(255,255,255,0.5); }
.carousel-text-obs { color: white; font-size: 2.5vw; padding: 0; margin: 0; background-color: rgba(255,255,255,0); height: 20vw; text-align: center; }
.carousel-text-price { padding: 5vw; border-left: 1vw solid #F57E57; background: #18AFD3; display: inline-block; margin-right: 1vw; margin-left: 6vw }
.carousel-text-price p { font-size: 3vw; color: #FFF; padding: 0; margin: 0 }
.carousel-text-price h1 { color: #FFF; font-size: 10vw; letter-spacing: -0.05em; line-height: 80% }
.carousel-text-price h1 span { font-size: 5vw; color: #FFF; letter-spacing: -0.05em; line-height: 80% }
.carousel-text-logo { height: 25vw; padding: 0; margin: 0; text-align: right }
.carousel-text-logo img { max-width: 45vw; height: auto }
.product-flag h1 { font-size: 4.9vw; font-weight: 400 }
.product-flag p { font-size: 4vw; font-weight: 100; }

.home-about h1 { font-size: 3rem; letter-spacing: 1px; font-weight: 100; color: #18AFD3; }
.home-about h2 { font-size: 1.8rem; letter-spacing: -1px; font-weight: 400; padding: 0; margin: 0; }
.home-about p { font-size: 1.2rem; padding: 0; margin: 0; font-weight: 200; padding-top: 5px; padding-bottom: 20px; line-height: 150%; text-align: left; }

.menu-top {  background: white; padding: 0; border-bottom: 1px #F5F5F5 solid; }

.no-cost h1 { font-size: 1.7rem; }

.home-vantage h1 { font-size: 4.5rem; letter-spacing: -1px; font-weight: 100; color: #FFF; padding: 4rem 0; line-height: 0.8 }
.home-vantage h2 { font-size: 1.8rem; letter-spacing: -0.1px; font-weight: 400; padding: 2vw 0; margin: 0; color: white }
.home-vantage p { font-size: 1.2rem; letter-spacing: 0.1px; font-weight: 100; padding-bottom: 4rem; margin: 0; color: rgba(255,255,255,1); }
.fa-6x { font-size: 14em !important; }

.home-tips h1 { font-size: 4rem; letter-spacing: -1px; font-weight: 100; color: #18AFD3; padding-top: 2rem; padding-bottom: 1rem; line-height: 0.8 }
.home-tips h2 { font-size: 1.6rem; letter-spacing: -1px; font-weight: 400; padding: 1rem 0; margin: 0; color: #000 }
.home-tips h2 span { color: #18AFD3 }
.home-tips p { font-size: 1.1rem; letter-spacing: -0.02rem; font-weight: 200; padding-bottom: 4vw; margin: 0; color: #18AFD3 }
.home-tips-text { background-color: #FFF; padding: 0 2rem; margin-bottom: 60px }

.home-contact >div >h1 { font-size: 3rem; letter-spacing: 1px; font-weight: 100; color: #18AFD3 }

.corpo h1 { font-size: 2rem; letter-spacing: 0; font-weight: 100; }
.corpo p { font-size: 1.2rem; line-height: 150%; padding: 0; margin: 0; font-weight: 100; }
.corpo-destaque { color: #18AFD3; font-weight: 400 !important; }
.corpo >ul >li { font-size: 1.2rem; line-height: 150%; padding: 0; margin: 0; font-weight: 100; list-style-type: square; margin-left: 2.5rem }
.corpo-box { color: #F57E57; border: 2px solid #F57E57; font-weight: 400 !important; font-size: 1.5rem !important; padding: 20px; margin: 20px 0; text-align: center; }
.corpo .card li { font-size: 1.2rem; line-height: 150%; font-weight: 100; }
.corpo_bg h1 { font-size: 3rem; letter-spacing: 1px; font-weight: 100; color: white }

}
