@font-face {
     font-family: ProximaNova;
     src: url(../font/proxima-nova.otf);
}
@font-face {
     font-family: ProximaNova-semibold;
     src: url(../font/proxima-nova-semibold.otf);
}
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://example.com/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(https://example.com/MaterialIcons-Regular.woff2) format('woff2'),
    url(https://example.com/MaterialIcons-Regular.woff) format('woff'),
    url(https://example.com/MaterialIcons-Regular.ttf) format('truetype');
}
..material-icons-outlined,
.material-icons.material-icons--outlined,
.material-icons-two-tone,
.material-icons.material-icons--two-tone,
.material-icons-round,
.material-icons.material-icons--round,
.material-icons-sharp,
.material-icons.material-icons--sharp {
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

.material-icons-outlined,
.material-icons.material-icons--outlined {
  font-family: 'Material Icons Outlined';
}

.material-icons-two-tone,
.material-icons.material-icons--two-tone {
  font-family: 'Material Icons Two Tone';
}

.material-icons-round,
.material-icons.material-icons--round {
  font-family: 'Material Icons Round';
}

.material-icons-sharp,
.material-icons.material-icons--sharp {
  font-family: 'Material Icons Sharp';
}


html, body {
        max-width: 100%;
        overflow-x: hidden;
    }

/*-------------------------Textos---------------------------------*/
.nav-link{
  font-family: ProximaNova, sans-serif;
  font-size: 16px;
  color: #0fa7ea;
}


.custom-toggler.navbar-toggler {
    border-color: transparent;
}
.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(15,167,234, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.txt-principal{
  font-family: ProximaNova,sans-serif;
  width: 1300px;
  font-size: 40px;
  color: white;
    padding-top: 198px;
    padding-left: 13%;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.19;
    letter-spacing: normal;
    text-align: center;
    opacity:1;

}

.hero h1 {
    /* Text styles */
  font-family: ProximaNova,sans-serif;
   text-align: center;
color: white;
    /* Margins */
  padding-top: 0;
  margin-bottom: 0.5em;
  font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.19;
    letter-spacing: normal;
    text-align: center;
    /*shadow*/
    text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.12);
    font-size: 42px;
    font-weight:600
   

}
.hero p {
    /* Text styles */
  font-family: ProximaNova,sans-serif;
   text-align: center;
color: #ffffff;
    /* Margins */
  padding-top: 0;
  font-size:1.5rem;
  margin-top: -1rem;


}
.detalhes{
  position: absolute;
    bottom: 2rem;
    font-family: ProximaNova,sans-serif;
    font-size: 16px;
    color: #0fa7ea;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.19;
    letter-spacing: normal;
    text-align: left;
}
@media (max-width: 575.98px) { 
.detalhes{
  display: none;
}

  }
.vantagem{
  font-family: ProximaNova,sans-serif;
    font-size: 2.5rem;
    font-weight: 600;
    color: #0fa7ea;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.24;
    letter-spacing: normal;
    text-align: center;
    padding: 7rem 1rem 6rem 1rem;
}

@media (max-width: 575.98px) { 
.vantagem{
      padding: 6rem 1rem 3rem 1rem;
}}





.quemtitulo{
  font-family: ProximaNova,sans-serif;
  font-size: 40px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.23;
  letter-spacing: normal;
  text-align: left;
  color: #4b4b4b;
  opacity: 0.78;

}

.oquefazemos{
  font-family: ProximaNova,sans-serif;
  font-size: 24px;
  font-style: normal;
  font-stretch: normal;
  line-height: 0.83;
  letter-spacing: normal;
  text-align: left;
  color: #4b4b4b;
  opacity: 0.86;

}

.contato{
  font-family: ProximaNova,sans-serif;
  font-size: 42px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.24;
  letter-spacing: normal;
  color: #ffffff;
  text-align: left;

}

.txtcontato{
  font-family: ProximaNova,sans-serif;
  font-size: 20px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.6;
  letter-spacing: normal;
  color: #ffffff;
  text-align: left;
}

.txt-form{
  font-family: ProximaNova,sans-serif;
  color: #ffffff;
  font-size: 14px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.21;
  letter-spacing: normal;
  color: #ffffff;
  text-align: left;
}

@media (max-width: 575.98px) { 
.tm{


}

  }

.quemtxt{
  color: #4b4b4b;
  font-family: ProximaNova,sans-serif;
  font-size: 18px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.11;
  letter-spacing: normal;
  text-align: left;
  opacity: 0.78;

}

.produtotxt{/* margin-left: 40%; */
  margin-top: 3%;
  margin-right: 5%;
  color: #4b4b4b;
  font-family: ProximaNova,sans-serif;
  font-size: 18px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.44;
  letter-spacing: normal;
  text-align: left;opacity: 0.78;
}


@media (max-width: 575.98px) { 
.produtotxt{
  margin-left: 3%;

}

  }

  @media (min-width: 576px) and (max-width: 832px) { 
.produtotxt{
  margin-left: 3%;
} 
   
    }
.txtfooter{
  color: #4b4b4b;
  font-family: ProximaNova,sans-serif;
  font-size: 0.875 rem;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.29;
  letter-spacing: normal;
  text-align: left;
  opacity: 0.78;
  width: 210px;
  height: 70px;
}

.dropdown-item{
    color: #4b4b4b;
  font-family: ProximaNova,sans-serif;
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.19;
  letter-spacing: normal;
  text-align: left;
  opacity: 0.64;

}
.prodtitulo{
   color: #ffffff;
  font-family: ProximaNova,sans-serif;
  font-size: 48px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.21;
  letter-spacing: normal;
  margin-top: 8%;
  padding-left: 4.1rem;
}

/**************************** FIM Textos *******************************/


.img{
background-image:url(../img/banner.jpg);

 height: 100vh;
 /* Flexbox */
 display: flex;
 align-items: center;

    
    opacity: 0.84;
}

.imgprod{
background-image:url(../img/bannerproduto.jpg);

 height: 100vh;
 /* Flexbox */
 display: flex;
 align-items: center;

    
    opacity: 0.84;
}




.nav-item{
	color: #0fa7ea;
	font-family: ProximaNova,sans-serif;
	font-size: 16px;

}

.div-gradient{
background-image:url(../img/Waveslayer3.svg);
width: 100vw;
 height: 100vh;
  background-size: cover;
    background-repeat: no-repeat;
  opacity: 0.45;
 background-blend-mode: overlay;

}

/*CARDS */

.cardprod{
	padding-top:0;
}



 @media (max-width: 575.98px) { 
.card-columns{
	margin-top: 0;
margin-left: 0;

}}

.vtg{
  margin-top: 0; margin: 0rem 2rem 1rem 2rem;
}
 @media (max-width: 575.98px) { 
.vtg{
    margin-top: 0; 
    margin-left: 0;
    margin-right: 0.5rem;

} }


/*
.card-body{
	width: 402px;
	height: 264px;
	border-radius: 4px;
}
*/

/*.cardcenter{
	margin-top: 5%;
	width: auto;
	height: 123px;*/

}
/*@media (max-width: 575.98px) { 
.card-center{
	width: 100%;
	height: 77px;
	
}

  }*/




.img1{
  
max-width: 100%;
    height: auto;

}

@media (max-width: 575.98px) { 
.img1{
  width: 106px;
  height: 16px;
  display: inline;
}

  }
.img1mod{display: none;height: 52.7px;width: 82.5px;}
/*
@media only screen and (max-width: 575.98px){ 
  .img1{
    display: none;
  }

  .img1mod{
    display: block;
  }
}*/


@media (max-width: 575.98px) { 
.img2{
  width: 120px;
  height: 16px;
  display: inline;
  
}

  }
  @media (max-width: 575.98px) { 
.img3{
  width: 102px;
  height: 16px;
  
}

  }
  @media (max-width: 575.98px) { 
.img4{
  width: 150px;
  height: 19px;
  
}

  }

  @media (max-width: 575.98px) { 
.img5{
  width: 100px;
  height: 16px;
  
}

  }
    @media (max-width: 575.98px) { 
.img6{
  width: 80px;
  height: 36px;
  
}

  }

  .img-fluid {
  width:initial;
  height: auto;
  max-height: 3.2rem;
}



.ascvoucherprod{
   max-width:216.8px;
    max-height:96.8px;
    width: auto;
    height: auto;margin-left: 40%;margin-top: 5%;


  }
    @media (max-width: 575.98px) { 
.ascvoucherprod{
  margin-left: 0;
  margin-top: 8%;
  
} }


/*HERO */
.hero {
    /* Sizing */
    width: 100vw;
    height: 42rem;
    
    /* Flexbox stuff */
    display: flex;
    justify-content: center;
    align-items: center;
    
    /* Text styles */
    text-align: center;
    color: white; /* ADD THIS LINE */
    
    /* Background styles */
    background:
   
    url(../img/camada.png) ,
   url(../img/bgblue.jpg) fixed ;
   /* background-blend-mode: darken;*/
    
   /* background-image: url(../img/Waveslayer2.svg) , url(../img/banner.jpg) ;*/
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
      padding:1rem;
}

.banner2 {
    /* Sizing */
    /*width: auto;*/
    height: 20em;
    background:
 url(../img/wavestop.png) ,
   url(../img/bannerproduto.jpg) fixed no-repeat;
    /* background-blend-mode: darken;*/
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: cover;
    background-position: center center;
}

  /* background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 104px 0 110px;
    position: relative;
    width:100%;*/

.toplayer {
   width: 100vw;
   /* height: 100vh; */
   padding: 0 3rem 7rem 3rem;
   display: block;
   justify-content: center;
   align-items: center;
   background: url(../img/Toplayer.svg) center;
   background-size: cover;
   background-position: center center;
   background-repeat: no-repeat;
   margin-top: -7%;
}


@media (max-width: 575.98px) {
.toplayer {padding: 0 1rem 7rem 1rem;}
  
}


.separator{
	width: auto;
	height: 3px;
	opacity: 0.2;
	border-radius: 8px;
	background-color: #4b4b4b;
  margin: 1rem;
 
}


/* Slider */

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.quemsomos{
	height: auto;
	/*background: linear-gradient(#9ea4b0, #ffffff);*/
	background: linear-gradient(rgba(158,164,176,0.3), #ffffff);
  margin-bottom: 7%;
}
.quemsomosimg{
	background-image: url(../img/logosidesobre.svg);
	 width: 100vw;
    height: 100vh;
    background-repeat: no-repeat;
    object-fit: contain;
    margin-left: -20%;


}



.col-6{
	margin-left: 57%;
	padding-top: 5%;

}
 @media (max-width: 1015px) { 
.quemsomosimg{
display: none;

}}
.col-12{
 display: none;

}
 @media (max-width: 1015px) { 
.col-12{
display: block;

}}


.retangulo{
	width: 32px;
	height: 4px;
	border-radius: 50px;
	background-color: #0fa7ea;
	margin-left: 0;
}
.faleconosco1{
	background-image: url(../img/Faleconoscotopdesktop.png);
	 width: 100vw;
    height: 208px;
    background-repeat: no-repeat;
}
.faleconosco2{
	 width: 100vw;
	height: auto;
	background: linear-gradient(#2585e5, #0fa7ea);
	margin-top: -4.3%;
  padding-bottom: 2%;


}
 @media (max-width: 575.98px) { 
.faleconosco2{
height: auto;

}}


/**************************Radio button**************************************/


.toggle_radio{
  position: relative;
  background: rgba(255,255,255,.1);
  margin: 4px auto;
  overflow: hidden;
  padding: 0 !important;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  position: relative;
  height: 26px;
  width: 318px;
}
.toggle_radio > * {
  float: left;
}
.toggle_radio input[type=radio]{
  display: none;
  /*position: fixed;*/
}
.toggle_radio label{
  font: 90%/1.618 "Source Sans Pro";
  color: rgba(255,255,255,.9);
  z-index: 0;
  display: block;
  width: 100px;
  height: 20px;
  margin: 3px 3px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  cursor: pointer;
  z-index: 1;
  /*background: rgba(0,0,0,.1);*/
  text-align: center;
  /*margin: 0 2px;*/
  /*background: blue;*/ /*make it blue*/
}
.toggle_option_slider{
  /*display: none;*/
  /*background: red;*/
  width: 100px;
  height: 20px;
  position: absolute;
  top: 3px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  -ms-transition: all .4s ease;
  transition: all .4s ease;
}

#first_toggle:checked ~ .toggle_option_slider{
  background: rgba(255,255,255,.3);
  left: 3px;
}
#second_toggle:checked ~ .toggle_option_slider{
  background: rgba(255,255,255,.3);
  left: 109px;
}
#third_toggle:checked ~ .toggle_option_slider{
  background: rgba(255,255,255,.3);
  left: 215px;
}
#fourth_toggle:checked ~ .toggle_option_slider{
  background: rgba(255,255,255,.3);
  left: 321px;
}

/*.btn-group{

height: 84px;
background-color: white;
border-radius: 8px;
margin-top: -3.5%;
color: white;
width: 100%;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);

}*/

.container-fluid {
  width: 100%;
}

.chosen{
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.12);
  background-image: linear-gradient(179deg, rgba(230, 253, 255, 0.99)
    , #ffffff);
}
.nochosen{
border-right: 1px #ebecee solid; 
border-left: 1px #ebecee solid; 
opacity: 0.75;

}

.tablemenu1{

}
.tablemenu2{
display: none;
}
@media (max-width: 575.98px) { 
.tablemenu1{
  display: none;
}
.tablemenu2{
  display: block;
  margin-left: 0;
  }}
  
.end{

}
.endmobile{
display: none;
}
@media (max-width: 575.98px) { 
.end{
  display: none;
}
.endmobile{
  display: block;
  margin-left: 0;
  }}



.btn-light{
  display: flex;
  flex: 2;
   
  height: 84px;


}


.btn-group-lg{
 /* border-radius: 8px;
position:relative;
  box-shadow: 0 1px 3px rgb(0, 0, 0, 0.1);
  margin-top: -3.5%;
  background-color: white;*/
border-radius: 8px;
position:relative;
  box-shadow: 0 1px 3px rgb(0, 0, 0, 0.1);
  background-color: white;


}
.produtomenudesk
{
margin-top:-2.6rem;
width: 100%;}

.imgpad{
  margin-left: 2rem;


}
@supports (-ms-ime-align:auto) {
.imgie{
  margin-top: 1rem;
}

}
@-moz-document url-prefix() { 
  .imgie{
  margin-top: 1rem;
} }

.btn-group-vertical{
  display: none;
}
@media (max-width: 575.98px) { 
.btn-group-lg{
  display: none;
}
.btn-group-vertical{
  display: block;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
  border-radius:8px;
  padding:0 0 0 0;
margin-top:1rem;
margin-bottom: 1rem;
width: 100%;
}
.btn-light{
  display: none;
  flex: 0;
   
  height: 84px;}
  .produtomenudesk{
    display: none;
  }
}




  /*Editado por vinicius */
/*botão */
.btn-primary {
  color: #fff;
  font-weight:600;
  background-color: #1fd7e5;
  border: none;
  border-radius: 50px;
  padding: 0.4rem 2rem 0.4rem 2rem;
  box-shadow: 0 0px 4px 0 rgba(31, 215, 229, 0.5);
}
.btn-primary:hover {
 color: #1fd7e5;
 background-color: #fff;
 box-shadow: 6px 6px 30px 0 rgb(31, 215, 229);}
 /*form*/
 .form-control {
  display: block;
  background-clip: padding-box;
  border:none;
  border-radius:4px;
}
/*hover*/
a {
  color: #0fa7ea;
  text-weight:700;
      transition: 0.5s;
}
a:hover {
text-decoration: none;
  color: #4b4b4b;
    transition: 0.5s;
}
a:link {
  text-decoration: none;}
/*header*/
.navbar {
  padding: 0.25rem 2rem 0.5rem 3rem;
}
/*card*/

.card1 {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: none ;
  border-radius: 4;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
   transition: 0.5s;
}

.cb {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 2rem;
  height:auto;
}
.cb{
  width: auto;
  height: auto;
  min-height: 16rem;
  border-radius: 4px;
}
@media (max-width: 575.98px) { 
.card-body{
  width: auto;
  height: auto;
  min-height: 8rem;
  border-radius: 4px;
}

  }


.cardcenter{
  width: auto;
  height: auto;

}

.card1:hover  
{box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.1);
   }

   .cardprod .card {
  margin-bottom: 1rem;
}



p {
  margin-top: 0;
  margin-bottom: 0;
}
.detalhes
{ transition: 0.5s;}
.detalhes:hover
{ transition: 0.5s;
color:gray;}
/*<img src="img/logo.svg" alt="" width="50%" height="100%">*/
.navbar-brand {
  display: inline-block;
  padding-top: 0;
  padding-bottom: 0;
 
  height:3em;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}
/*quemsomos*/
.quemsomos{
    background: linear-gradient(#F3F3F5, #ffffff);

  }

.cardright{
margin-top: 0; margin-left: 33%; margin-right: -30%;
}
@media (max-width: 575.98px) { 
.cardright{
 float: left;
 margin-top: 0; margin-left:-8%; margin-right: 0;
}}
.cardleft{
margin-top: 0;float: left; margin-left: 7%;
}
@media (max-width: 575.98px) { 
.cardleft{
 float: left;
 margin-top: 0; margin-left:0; margin-right: 0;
}}


.ASCClubART1{
background: url(../img/ASCClubART1.svg) no-repeat ;height: 22.30625rem; margin-left: 7%;
}

.ASCClubART2{
background: url(../img/ASCClubART2.svg) no-repeat ;height: 22.30625rem; margin-left: 70%; margin-top: 7%; 
}
.ASCClubART3{
background: url(../img/ASCClubART3.svg) no-repeat ;height: 22.30625rem; margin-left: 7%; }

.ASCClubART4{
background: url(../img/ASCClubART4.svg) no-repeat ;height: 22.30625rem; margin-left: 70%; margin-top: 5%; }


@media (max-width: 575.98px) { 
.ASCClubART1{
   background-image: none;
   height: 33.5625rem;background-blend-mode: multiply; margin-top: -2.5%; 
}
.ASCClubART2{
background: none ;height: 22.30625rem; margin-left: 70%; margin-top: 7%; 
}
.ASCClubART3{
background: none ;height: 22.30625rem; margin-left: 7%;
}
.ASCClubART4{
background: none ;height: 22.30625rem; margin-left: 70%; margin-top: 5%;;
}}
.mobileimg{
display: none;
}
@media (max-width: 575.98px) { 
.mobileimg{
display: block;
}}


.ASCmarinaART1{
background: url(../img/ASCmarinaART1.svg) no-repeat ;height: 22.30625rem; margin-left: 7%;
}

.ASCmarinaART2{
background: url(../img/ASCmarinaART2.svg) no-repeat ;height: 22.30625rem; margin-left: 70%; margin-top: 7%; 
}
.ASCmarinaART3{
background: url(../img/ASCmarinaART3.svg) no-repeat ;height: 22.30625rem; margin-left: 7%; }

.ASCmarinaART4{
background: url(../img/ASCmarinaART4.svg) no-repeat ;height: 22.30625rem; margin-left: 70%; margin-top: 5%; }


@media (max-width: 575.98px) { 
.ASCmarinaART1{
   background-image: none;
   height: 537px;background-blend-mode: multiply; margin-top: -2.5%; 
}
.ASCmarinaART2{
background: none ;height: 356.9px; margin-left: 70%; margin-top: 7%; 
}
.ASCmarinaART3{
background: none ;height: 356.9px; margin-left: 7%;
}
.ASCmarinaART4{
background: none ;height: 356.9px; margin-left: 70%; margin-top: 5%;;
}}
.mobileimg{
display: none;
}




.ASCcontrolART1{
background: url(../img/ASCcontrolART1.svg) no-repeat ;height: 356.9px; margin-left: 7%;
}

.ASCcontrolART2{
background: url(../img/ASCcontrolART2.svg) no-repeat ;height: 356.9px; margin-left: 70%; margin-top: 7%; 
}
.ASCcontrolART3{
background: url(../img/ASCcontrolART3.svg) no-repeat ;height: 356.9px; margin-left: 7%; }

.ASCcontrolART4{
background: url(../img/ASCcontrolART4.svg) no-repeat ;height: 356.9px; margin-left: 70%; margin-top: 5%; }


@media (max-width: 575.98px) { 
.ASCcontrolART1{
   background-image: none;
   height: 537px;background-blend-mode: multiply; margin-top: -2.5%; 
}
.ASCcontrolART2{
background: none ;height: 356.9px; margin-left: 70%; margin-top: 7%; 
}
.ASCcontrolART3{
background: none ;height: 356.9px; margin-left: 7%;
}
.ASCcontrolART4{
background: none ;height: 356.9px; margin-left: 70%; margin-top: 5%;;
}}

.mobileimg{
display: none;
}
@media (max-width: 575.98px) { 
.mobileimg{
display: block;
}
.cardhide{
  display: none;
}
}
.art2bg{
  background-color: #f4f5f6; height: 28.1875rem;
}

.tableprod {
margin-left: -1.5%;margin-bottom: -1%;background-color: #f4f5f6;
}
@media (max-width: 575.98px) { 
.tableprod{
 
background-color: #f4f5f6 ; margin-left: -3.3%;margin-bottom: -3%;
}

}
@media (max-width: 320px) { 
.tableprod{
 
background-color: #f4f5f6 ; margin-left: -4%;margin-bottom: -3%;
}
}

.tableprod2 {
margin-left: -1.5%;margin-bottom: -1%;background-color: #ffffff;
}
@media (max-width: 575.98px) { 
.tableprod2{
 
background-color: #ffffff ; margin-left: -3.3%;margin-bottom: -3%;
}

}
@media (max-width: 320px) { 
.tableprod2{
 
background-color: #ffffff ; margin-left: -4%;margin-bottom: -3%;
}
}





.heading-box h2{ width:100%; color: red; }
.text-box {
  position: absolute;
  top: 50%;
  left: 15%;
  right: 15%;
  color: #fff;
  text-align: center;
  transform: translateY(-50%);
}
.quemsomoslogomobile{
display: none;
}
@media (max-width: 575.98px) { 
.quemsomoslogomobile{
display: block;
max-width: 100%;
height: auto;
}

.cardvant
{display:block;
padding: 1rem;}

.figure-caption{
margin-top: -2%;
}


---------------------------------------------------------------------

.moduloP1
{display:block;
  padding: 4rem 1rem 1rem 1rem;
}


  .moduloP2
  {display:block;
  padding: 4rem 1rem 4rem 1rem;
background-color:#f4f5f6;}

.modproddir
  {padding-top:2%;}

  .imgmod
{display:block;
  max-height: 360px;
}
.services-icon {
  float: left;
  overflow: hidden;
  margin: 1rem 1rem 0 1rem;
}
.modtitulo {
  word-break: normal;
 font-size: 1.5rem;
  color: #6c757d;
    padding-bottom:1rem;
   text-align: left;

}

.modcont {
  font-size: 16px;
  color: #666;
  text-align: left;
  padding: 0 1rem 2rem 1rem;
}
.img{
background-image:url(../img/banner.jpg);

 height: 100vh;
 /* Flexbox */
 display: flex;
 align-items: center;

    
    opacity: 0.84;
}

.imgprod{
background-image:url(../img/bannerproduto.jpg);

 height: 100vh;
 /* Flexbox */
 display: flex;
 align-items: center;

    
    opacity: 0.84;
}




.nav-item{
  color: #0fa7ea;
  font-family: ProximaNova,sans-serif;
  font-size: 16px;

}

.div-gradient{
background-image:url(../img/Waveslayer3.svg);
width: 100vw;
 height: 100vh;
  background-size: cover;
    background-repeat: no-repeat;
  opacity: 0.45;
 background-blend-mode: overlay;

}

/*CARDS */

.cardprod{
  padding-top: 5%;
}



 @media (max-width: 575.98px) { 
.card-columns{
  margin-top: 0;
margin-left: 0;

}}

.vtg{
  margin-top: 0; margin: 0rem 2rem 1rem 2rem;
}
 @media (max-width: 575.98px) { 
.vtg{
    margin-top: 0;
    margin-left: 0;
    margin-right: 0.5rem;
} }


/*
.card-body{
  width: 402px;
  height: 264px;
  border-radius: 4px;
}
*/

/*.cardcenter{
  margin-top: 5%;
  width: auto;
  height: 123px;*/

}
/*@media (max-width: 575.98px) { 
.card-center{
  width: 100%;
  height: 77px;
  
}

  }*/




.img1{
  
max-width: 100%;
    height: auto;

}

@media (max-width: 575.98px) { 
.img1{
  width: 106px;
  height: 16px;
  display: inline;
}

  }
.img1mod{display: none;height: 52.7px;width: 82.5px;}
/*
@media only screen and (max-width: 575.98px){ 
  .img1{
    display: none;
  }

  .img1mod{
    display: block;
  }
}*/

.img4{
}
@media (max-width: 575.98px) { 
.img2{
  width: 120px;
  height: 16px;
  display: inline;
  
}

  }
  @media (max-width: 575.98px) { 
.img3{
  width: 102px;
  height: 16px;
  
}

  }
  @media (max-width: 575.98px) { 
.img4{
  width: 150px;
  height: 19px;
  
}

  }

  @media (max-width: 575.98px) { 
.img5{
  width: 100px;
  height: 16px;
  
}

  }
    @media (max-width: 575.98px) { 
.img6{
  width: 80px;
  height: 36px;
  
}

  }

  .img-fluid {
  width:initial;
  height: auto;
  max-height: 3.2rem;
}


    .acsclubprod{
   width: 50%;
   height: 50%;
}
   .voucherprod{
margin-top: 0;
   }
  
    @media (max-width: 575.98px) { 
.acsclubprod{
  margin-left: 0.5rem;
  margin-top: 5%;
  
} }



.ascvoucherprod{
   max-width:216.8px;
    max-height:96.8px;
    width: auto;
    height: auto;margin-left: 40%;margin-top: 5%;


  }
    @media (max-width: 575.98px) { 
.ascvoucherprod{
  margin-left: 0;
  margin-top: 5%;
  
} }
/*.btn-group{

height: 84px;
background-color: white;
border-radius: 8px;
margin-top: -3.5%;
color: white;
width: 100%;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);

}*/
.btn-group-toggle{
width: 100%;
}
.btn-outline-primary{
  width: 120px;
   color: #ffffff;
   border-radius: 4px;
   border: solid 2px #1fd7e5;
  

}

.btn-outline-primary:hover{
background-color: #1fd7e5; 
border: none;
border: solid 2px #1fd7e5;
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
   text-decoration: none;
    color: #fff;
    background-color: #1fd7e5;
    border: solid 2px #1fd7e5;
    
}



.container-fluid {
  width: 93%;

}

.chosen{
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.12);
  background-image: linear-gradient(179deg, rgba(230, 253, 255, 0.99)
    , #ffffff);
}
.nochosen{
border-right: 1px #ebecee solid; 
border-left: 1px #ebecee solid; 
opacity: 0.6;
}

.nochosen:hover{
opacity: 1;
}

.tablemenu1{

}
.tablemenu2{
display: none;
}
@media (max-width: 575.98px) { 
.tablemenu1{
  display: none;
}
.tablemenu2{
  display: block;
  margin-left: 0;
  }}
  
.end{

}
.endmobile{
display: none;
}
@media (max-width: 575.98px) { 
.end{
  display: none;
}
.endmobile{
  display: block;
  margin-left: 0;
  }}



.btn-light{
  display: flex;
  flex: 2;
   
  height: 84px;


}




  /*Editado por vinicius */
/*botão */
.btn-primary {
  color: #fff;
  font-weight:600;
  background-color: #1fd7e5;
  border: none;
  border-radius: 50px;
  padding: 0.4rem 2rem 0.4rem 2rem;
  box-shadow: 0 0px 4px 0 rgba(31, 215, 229, 0.5);
}
.btn-primary:hover {
 color: #1fd7e5;
 background-color: #fff;
 box-shadow: 6px 6px 30px 0 rgb(31, 215, 229);}
 /*form*/
 .form-control {
  display: block;
  background-clip: padding-box;
  border:none;
  border-radius:4px;
}
/*hover*/
a {
  color: #0fa7ea;
  text-weight:700;
      transition: 0.5s;
}
a:hover {
text-decoration: none;
  color: #4b4b4b;
    transition: 0.5s;
}
a:link {
  text-decoration: none;}
/*header*/
.navbar {
  padding: 0.25rem 2rem 0.5rem 3rem;
}
/*card*/

.card1 {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: none ;
  border-radius: 4;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
   transition: 0.5s;
}

.cb {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 2rem;
  height:auto;
}
.cb{
  width: auto;
  height: auto;
  min-height: 16rem;
  border-radius: 4px;
}
@media (max-width: 575.98px) { 
.card-body{
  width: auto;
  height: auto;
  min-height: 8rem;
  border-radius: 4px;
}

  }


.cardcenter{
  width: auto;
  height: auto;
}

.card1:hover  
{box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.1);
   }

   .cardprod .card {
  margin-bottom: 1rem;
}



p {
  margin-top: 0;
  margin-bottom: 0;
}
.detalhes
{ transition: 0.5s;}
.detalhes:hover
{ transition: 0.5s;
color:gray;}
/*<img src="img/logo.svg" alt="" width="50%" height="100%">*/
.navbar-brand {
  display: inline-block;
  padding-top: 0;
  padding-bottom: 0;
 
  height:3em;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}
/*quemsomos*/
.quemsomos{
    background: linear-gradient(#F3F3F5, #ffffff);

  }

.cardright{
margin-top: 0; margin-left: 33%; margin-right: -30%;
}
@media (max-width: 575.98px) { 
.cardright{
 float: left;
 margin-top: 0; margin-left:-8%; margin-right: 0;
}}
.cardleft{
margin-top: 0;float: left; margin-left: 7%;
}
@media (max-width: 575.98px) { 
.cardleft{
 float: left;
 margin-top: 0; margin-left:0; margin-right: 0;
}}


/*.ASCClubART1{
background: url(../img/ASCClubART1.svg) no-repeat ;height: 356.9px; margin-left: 7%;
}

.ASCClubART2{
background: url(../img/ASCClubART2.svg) no-repeat ;height: 356.9px; margin-left: 70%; margin-top: 7%; 
}
.ASCClubART3{
background: url(../img/ASCClubART3.svg) no-repeat ;height: 356.9px; margin-left: 7%; }

.ASCClubART4{
background: url(../img/ASCClubART4.svg) no-repeat ;height: 356.9px; margin-left: 70%; margin-top: 5%; }*/


@media (max-width: 575.98px) { 
.ASCClubART1{
   background-image: none;
   height: 537px;background-blend-mode: multiply; margin-top: -2.5%; 
}
.ASCClubART2{
background: none ;height: 356.9px; margin-left: 70%; margin-top: 7%; 
}
.ASCClubART3{
background: none ;height: 356.9px; margin-left: 7%;
}
.ASCClubART4{
background: none ;height: 356.9px; margin-left: 70%; margin-top: 5%;;
}}
.mobileimg{
display: none;
}
@media (max-width: 575.98px) { 
.mobileimg{
display: block;
}}


.ASCmarinaART1{
background: url(../img/ASCmarinaART1.svg) no-repeat ;height: 356.9px; margin-left: 7%;
}

.ASCmarinaART2{
background: url(../img/ASCmarinaART2.svg) no-repeat ;height: 356.9px; margin-left: 70%; margin-top: 7%; 
}
.ASCmarinaART3{
background: url(../img/ASCmarinaART3.svg) no-repeat ;height: 356.9px; margin-left: 7%; }

.ASCmarinaART4{
background: url(../img/ASCmarinaART4.svg) no-repeat ;height: 356.9px; margin-left: 70%; margin-top: 5%; }


@media (max-width: 575.98px) { 
.ASCmarinaART1{
   background-image: none;
   height: 537px;background-blend-mode: multiply; margin-top: -2.5%; 
}
.ASCmarinaART2{
background: none ;height: 356.9px; margin-left: 70%; margin-top: 7%; 
}
.ASCmarinaART3{
background: none ;height: 356.9px; margin-left: 7%;
}
.ASCmarinaART4{
background: none ;height: 356.9px; margin-left: 70%; margin-top: 5%;;
}}
.mobileimg{
display: none;
}




.ASCcontrolART1{
background: url(../img/ASCcontrolART1.svg) no-repeat ;height: 356.9px; margin-left: 7%;
}

.ASCcontrolART2{
background: url(../img/ASCcontrolART2.svg) no-repeat ;height: 356.9px; margin-left: 70%; margin-top: 7%; 
}
.ASCcontrolART3{
background: url(../img/ASCcontrolART3.svg) no-repeat ;height: 356.9px; margin-left: 7%; }

.ASCcontrolART4{
background: url(../img/ASCcontrolART4.svg) no-repeat ;height: 356.9px; margin-left: 70%; margin-top: 5%; }


@media (max-width: 575.98px) { 
.ASCcontrolART1{
   background-image: none;
   height: 537px;background-blend-mode: multiply; margin-top: -2.5%; 
}
.ASCcontrolART2{
background: none ;height: 356.9px; margin-left: 70%; margin-top: 7%; 
}
.ASCcontrolART3{
background: none ;height: 356.9px; margin-left: 7%;
}
.ASCcontrolART4{
background: none ;height: 356.9px; margin-left: 70%; margin-top: 5%;;
}}

.mobileimg{
display: none;
}
@media (max-width: 575.98px) { 
.mobileimg{
display: block;
}
.cardhide{
  display: none;
}
}
.art2bg{
  background-color: #f4f5f6; height: 451px;
}

.tableprod {
margin-left: -1.5%;margin-bottom: -1%;background-color: #f4f5f6;
}
@media (max-width: 575.98px) { 
.tableprod{
 
background-color: #f4f5f6 ; margin-left: -3.3%;margin-bottom: -3%;
}

}
@media (max-width: 320px) { 
.tableprod{
 
background-color: #f4f5f6 ; margin-left: -4%;margin-bottom: -3%;
}
}

.heading-box h2{ width:100%; color: red; }
.text-box {
  position: absolute;
  top: 50%;
  left: 15%;
  right: 15%;
  color: #fff;
  text-align: center;
  transform: translateY(-50%);
}
.quemsomoslogomobile{
display: none;
}
@media (max-width: 575.98px) { 
.quemsomoslogomobile{
display: block;
max-width: 100%;
height: auto;
}}


.tablehome {
margin-left: -1.5%;margin-bottom: -1.5%;background-color: #ffffff;  }
@media (max-width: 575.98px) { 
.tablehome{
 
background-color: #ffffff ; margin-left: -3.3%;margin-bottom: -3%;
}}

.table th, .table td {
  padding: 0 !imporant;
  vertical-align: top;
  border-top:none;
}

.dropdown-menu {;
  padding: 14px;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  border: none;
  border-radius: 4px;
  box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.1);
}

@media (max-width: 992px) { 
.dropdown-menu{
 padding: 14px;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  border: none;
  border-radius: 4px;
  box-shadow: none;

}

  }





/*flexedit*/
.flex-container-services {
  padding: 0;
  margin: auto;
  list-style: none;
  max-width: 1130px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  justify-content: center;
}

.flex-item-services {
  /*background: #f1f1f1;*/
  padding: 0px;
  width: 340px;
  height: 100px;
  margin: 10px 16px;
  color: white;
  font-weight: bold;
}

.modtitulo {
  word-break: normal;
 font-size: 1.5rem;
  color: #6c757d;
    padding-bottom:1rem;
   text-align: left;

}

.modcont {
  font-size: 16px;
  color: #666;
  text-align: left;
  padding: 0 1rem 2rem 1rem;
}

.service-description {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 22px;
  margin-bottom: 25px;
  color: #808080;
}

.separation-title {
  width: 100%;
  display: block;
  margin-top: 30px;
  margin-bottom: 0;
  text-align: center;
}

.services-icon {
  float: left;
  overflow: hidden;
  margin: 1rem 1rem 0 1rem;
}



.imgmod1
{display:block;
float:right;}

.imgmod
{display:block;
  max-height: 360px;
}

.moduloP1
{Display:block;
  padding: 4rem 1rem 1rem 1rem;}


  .moduloP2
  {Display:block;
  padding: 4rem 1rem 1rem 1rem;
background-color:#f4f5f6;}


  .modproddir
  {padding-top:2%;}


/*mobile produtos*/
@media (max-width: 575.98px) {

.banner2{height:14rem;

    background: url(../img/wavestop.png) ,
 url(../img/bannerproduto.jpg)  no-repeat center;
    /* background-blend-mode: darken; */
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: cover;
}



.container-fluid {
  width: 100%;

}


.navbar {
  padding: 0.25rem 1rem 0.5rem 1rem;
}

}

@media (max-width: 533px) {

.prodtitulo {
    font-size: 38px;
margin-top: 30%;
 padding-left: 2.2rem;

}
}

@media (min-width: 534px) and (max-width: 551px) { 
  .prodtitulo {
    font-size: 38px;
margin-top: 40%;
  
    padding-left: 2rem;

 }}
@media (min-width: 552px) and (max-width: 614px) { 
  .prodtitulo {
    font-size: 38px;
margin-top: 35%;
  
    padding-left: 2rem;

 }}

@media (min-width: 615px) and (max-width: 682px) { 
  .prodtitulo {
    font-size: 38px;
margin-top: 30%;
  
    padding-left: 2rem;

 }}
 @media (min-width: 683px) and (max-width: 763px) { 
  .prodtitulo {
    font-size: 38px;
margin-top: 30%;
  
    padding-left: 2rem;

 }}
  @media (min-width: 764px) and (max-width: 854px) { 
  .prodtitulo {
    font-size: 38px;
margin-top: 25%;
  
    padding-left: 2rem;

 }}

  @media (min-width: 855px) and (max-width: 1000px) { 
  .prodtitulo {
    font-size: 38px;
margin-top: 15%;
  
    padding-left: 2rem;

 }}


.pd{
  padding-top: 10%;
  margin-left: 40%;
}
@media (max-width: 575.98px) { 
.pd{
padding-top:0;
  margin-left: 1rem;}}

.linha{
 height: 1px;margin-left: 40%;margin-top: 5rem;margin-right: 1rem; border-radius: 8px;background-color: rgba(0, 0, 0, 0.1);margin-bottom: 10%;
}



    /***************CLUB BG *************************/

.asclubg{
background: url(../img/1ASCClubBG.jpg) no-repeat, linear-gradient(#f2f3f5, #ffffff);
    height: 30rem;
    background-blend-mode: multiply;
    margin-top: -2.7rem;
    background-position: left -40% top 100%;
    }

@media (max-width: 575.98px) { 
.asclubg{
  background: none;
    min-height: auto;
    background-blend-mode: multiply;
    margin-top: 0;
    background-position: left 0% top -100%;
    background-size: 350%;}}


@media (min-width: 576px) and (max-width: 991px) { 
.asclubg{
  background: none;
    min-height: auto;
    background-blend-mode: multiply;
    margin-top: 0;
    background-position: left 0% top -100%;
    background-size: 350%;
    } 
   
    }

    /***************CONTROL BG *************************/


    .asccontrolbg{
background: url(../img/3AscControlBG.jpg) no-repeat, linear-gradient(#f2f3f5, #ffffff);
    height: 30rem;
    background-blend-mode: multiply;
    margin-top: -2.7rem;
    background-position: left -40% top 100%;
    padding-top: 1rem;}

@media (min-width: 401px) and (max-width: 575.98px) { 
.asccontrolbg{
  background: none;
    min-height: auto;
    background-blend-mode: multiply;
    margin-top: 0;
    background-position: left 0% top -100%;
    background-size: 350%;
    margin-bottom: 10%;}
   }
@media (max-width: 400px) { 
.asccontrolbg{
  background: none;
    min-height: auto;
    background-blend-mode: multiply;
    margin-top: 0;
    background-position: left 0% top -100%;
    background-size: 350%;
    margin-bottom: 40%;}
}

@media (min-width: 576px) and (max-width: 991px) { 
.asccontrolbg{
  background: none;
    min-height: auto;
    background-blend-mode: multiply;
    margin-top: 0;
    background-position: left 0% top -100%;
    background-size: 350%;}
    }

    /***************MARINA BG *************************/

    .ascmarinabg{
background: url(../img/2ASCmarinaBG.jpg) no-repeat, linear-gradient(#f2f3f5, #ffffff);
    height: 30rem;
    background-blend-mode: multiply;
    margin-top: -2.7rem;
    background-position: left -35% top 100%;}
@media (max-width: 575.98px) { 
.ascmarinabg{
  background: none;
    min-height: auto;
    background-blend-mode: multiply;
    margin-top: 0;
    background-position: left 0% top -100%;
    background-size: 350%;}
   .linha{
         height: 1px;margin-top: 3rem;margin-right: 0; border-radius: 8px;background-color: rgba(0, 0, 0, 0.1);margin-left: 0;

      }}


@media (min-width: 576px) and (max-width: 991px) { 
.ascmarinabg{
 background: none;
    min-height: auto;
    background-blend-mode: multiply;
    margin-top: 0;
    background-position: left 0% top -100%;
    background-size: 350%;}
    }

    /***************MANAGER REST BG *************************/

 .ascmanagerbg{
background: url(../img/4ManagerestBG.jpg) no-repeat, linear-gradient(#f2f3f5, #ffffff);
    height: 30rem;
    background-blend-mode: multiply;
    margin-top: -2.7rem;
    background-position: left -25% top 70%;}
@media (max-width: 575.98px) { 
.ascmanagerbg{
  background: none;
    min-height: auto;
    background-blend-mode: multiply;
    margin-top: 0;
    background-position: left 0% top -100%;
    background-size: 350%;}
   }


@media (min-width: 576px) and (max-width: 991px) { 
.ascmanagerbg{
 background: none;
    min-height: auto;
    background-blend-mode: multiply;
    margin-top: 0;
    background-position: left 0% top -100%;
    background-size: 350%;
      }
      
    }

        /***************SÓCIO TORCEDOR  BG *************************/

     .ascsociobg{
background: url(../img/sociot.jpg) no-repeat, linear-gradient(#f2f3f5, #ffffff);
    height: 30rem;
    background-blend-mode: multiply;
    margin-top: -2.7rem;
    background-position: left -40% top 100%;}
@media (max-width: 575.98px) { 
.ascsociobg{
  background: none;
    min-height: auto;
    background-blend-mode: multiply;
    margin-top: 0;
    background-position: left 0% top -100%;
    background-size: 350%;}
   .linha{
         height: 1px;margin-top: 3rem;margin-right: 0; border-radius: 8px;background-color: rgba(0, 0, 0, 0.1);margin-left: 0;

      }}


@media (min-width: 576px) and (max-width: 991px) { 
.ascsociobg{
  background: none;
    min-height: auto;
    background-blend-mode: multiply;
    margin-top: 0;
    background-position: left 0% top -100%;
    background-size: 350%;}
    }



    /***************VOUCHER SEGURO BG *************************/
  .ascvoucherbg{
background: url(../img/5VoucherSeguroBG.jpg) no-repeat, linear-gradient(#f2f3f5, #ffffff);
    height: 30rem;
    background-blend-mode: multiply;
    margin-top: -2.6rem;
    background-position: left -20% top 80%;}
@media (min-width: 383px) and (max-width: 575.98px) { 
.ascvoucherbg{
  background: none;
    min-height: auto;
    background-blend-mode: multiply;
    margin-top: 0;
    background-position: left 0% top -100%;
    background-size: 350%;
    margin-bottom: 50%;
    }}
@media (max-width: 382px) { 
.ascvoucherbg{
  background: none;
    min-height: auto;
    background-blend-mode: multiply;
    margin-top: 0;
    background-position: left 0% top -100%;
    background-size: 350%;
    margin-bottom: 70%;
    }}

@media (min-width: 576px) and (max-width: 767.98px) { 
.ascvoucherbg{
   background: none;
    min-height: auto;
    background-blend-mode: multiply;
    margin-top: 0;
    background-position: left 0% top -100%;
    background-size: 350%;}
    }

@media (min-width: 768px) and (max-width: 991px) { 
.ascvoucherbg{
  background: none;
    min-height: auto;
    background-blend-mode: multiply;
    margin-top: 0;
    background-position: left 0% top -100%;
    background-size: 350%;}
    }

/*******************************FIM BG ******************************/
.prodlistbotimg
{max-height: 50%;
max-width: 50%;

margin-top: 0;
margin-bottom: 0;}

.prodlistbotvoucher
{max-height: 70%;
max-width: 35%;

margin-top: 0;
margin-bottom: 0;
}
.prodlistbotclub
{max-height: 40%;
max-width: 40%;

margin-top: 0;
margin-bottom: 0;
}
.btnmobile{
 height: 100%;
display: inline-table;
}

/* imgascsobre */
.imgascsobre
{float:right;
  height:40rem;
margin-right:10%;
margin-top:-30%;}

@media (min-width: 771px) and (max-width: 999px) { 
.imgascsobre
{display: none;}
 }




.imgascsobre2
{margin-top:-10%;
padding-bottom:3rem;}

 .prodtxt
{
 margin-top: 8%;
 }

 small{
  text-decoration: none;
  color: inherit;
 }

.grecaptcha-badge { visibility: hidden; }