@import url('https://fonts.googleapis.com/css2?family=Dancing+Script&family=Lato&display=swap');
:root {
  --lightt: #FEFEFE;
  --dorado: #d3d5d8;
  --oro: #94651b;
  --secondary: #9E9E9D ;
  --dark: #4E4E4F;
  --primary-color: #DEA717;
  --secondary-color: #F6D100;
}
.bg-lightt {
  background-color: var(--lightt);
}
.bg-secondary {
  background-color: var(--secondary);
}
.bg-dark {
  background-color: var(--dark);
}
.bg-primary-color {
  background-color: var(--primary-color);
}
.bg-secondary-color {
  background-color: var(--secondary-color);
}
.bg-border {
  background-color: var(--border);
}

.c-light {
  color: var(--light);
}
.c-secondary {
  color: var(--secondary);
}
.c-dark {
  color: var(--dark);
}
.c-primary-color {
  color: var(--lightt);
}
.c-secondary-color {
  color: var(--secondary-color);
}
.c-border {
  color: var(--border);
}



/* font-family: 'Dancing Script', cursive;
font-family: 'Lato', sans-serif; */

body,main{
  font-family: 'Lato', sans-serif;  
}
h1,p {
  font-family: 'Lato', sans-serif;  
}
h3.font_lato{
  font-family: 'Lato', sans-serif;  
}

h2 {
position: relative;
}
h2 span {
    color: #ffffff;
    background-color: rgb(76 76 76 / 36%);
    backdrop-filter: blur(1px);
    padding: 0 9px;
    border-radius: 3px;
}
h2::after {
  border-top: 2px solid var(--primary-color);
  content: "";
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  width: 87%;
  z-index: -1;
}
h3{
  font-size: 50px;
  font-family: 'Dancing Script', cursive;  
}
h3 span{
  position: relative;
}
h3 span::after {
  border-bottom: 2px solid var(--secondary);
  content: "";
  margin: 0 auto;
  position: absolute;
  /* top: 80%; */
  left: 0;
  right: 0;
  bottom: -5px;
  width: 50%;
  z-index: -1;

}
h3 span.clases::after {
  z-index: 1;
}
#imgcenter{
    text-align: center !important;
}
.pb-4{
    text-align: justify;
}
.text-justify{
  text-align: justify;
}
img.clases {
    /* box-shadow: 8px ​1px 25px -4px rgb(31 73 125 / 80%); */
    /* padding: 40px; */
    box-shadow: 8px 1px 25px -4px #9e9e9d;
    margin-bottom: 20px;
}

nav.nav-underline .nav-link {
  color: var(--lightt);
}
nav.navbar-dark{
  background-image: linear-gradient(to right, #232526 0%, #414345 51%, #232526 100%);
}

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255,255,255,.55);
  color: var(--lightt);
  font-size: 18px;
  margin: 12px;
}
/* .navbar.navbar-dark .navbar-nav .nav-item .nav-link {
  color: var(--dark);
  font-size: 18px;
  margin: 12px;

} */
.navbar.navbar-dark .navbar-nav .nav-item .nav-link:hover {
  color: var(--primary-color);
}
.navbar.navbar-dark .navbar-nav .nav-item.active > .nav-link {
  background-color: rgba(255, 255, 255, 0.9); 
}
.navbar.navbar-dark .navbar-nav .nav-item.active > .nav-link:hover {
  color: #000;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  color: #fff!important;
  padding: .5rem;
  background-color: var( --secondary)!important;
}
.navbar-toggler{
  font-size: 41px;
  background-color: transparent;
  border: none;
  right: 0;
  margin: 8px 10px;
  display: none;
  color: var(--dark)!important;

}
  @media (max-width: 992px){
  .navbar-toggler {
    display: initial;
  color: var(--dark);

  }
}
/* ------Carousel -------- */
.owl-carousel .owl-nav {
  position: absolute;
  top: 50%;
  width: 100%;
}
/* .owl-carousel .owl-nav .owl-prev {
  left: 30px!important;
} */
.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
  position: absolute;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-top: -10px;
}
.owl-carousel button.owl-dot {
  background-color: transparent;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{
  color:#000!important;
 
}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {
    /* background:#000000b0; */
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.owl-carousel .owl-nav .owl-next {
  right: 30px!important;
}
.owl-carousel .owl-nav .owl-prev {
  left: 30px!important;
}
/* button.owl-prev {
  background-color: transparent;
  display: flex;
} */
/* .owl-carousel .owl-nav button {
  background-color: transparent;
  display: flex;
} */
/* .carousel .carousel-control-next-icon, .owl-carousel .carousel-control-next-icon, .owl-carousel .carousel-control-prev-icon {
  border-radius: 50%;
  background-color: #0055b8;
  opacity: 0.8;
} */
/* .carousel-control-next-icon, .carousel-control-prev-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: transparent no-repeat center center;
  background-size: 100% 100%;
} */

.owl-theme .owl-nav {
  /* margin-top: 10px; */
  text-align: center;
  -webkit-tap-highlight-color: transparent; 
}
  .owl-theme .owl-nav [class*='owl-'] {
    outline: none;
    /* color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;  */
  }

    .owl-theme .owl-nav [class*='owl-']:hover {
      /* background:#000000b0; */
      color: #FFF;
      text-decoration: none; }
  .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    display: inline; 
    outline: none;
  
  }
    .owl-theme .owl-dots .owl-dot span {
      border:none;
      width: 10px;
      height: 10px;
      margin: 5px 7px;
      background: #343a40;
      
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 30px; }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
      border:none;
      width:0.8rem;
      height:0.8rem;
      background-color:#C88708;
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
      box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }
 .owl-carousel .owl-stage-outer {
    padding:0px;
}
.owl-carousel .owl-stage {
  margin: auto;
}


.img_profesor{
  border-top-right-radius: 7px;
  border-top-left-radius: 7px;
  background: rgb(255,255,255);
  background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 45%, rgba(78,78,79,1) 100%);
  }
  .img_profesor img{
   padding: 2em 2em 0px 2em;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
  }
  .fixed-top {
    top: -40px;
    transform: translateY(40px);
    transition: transform .3s;
    padding: 0px 1rem;
    right: 0;
    left: 0;
    z-index: 1030;
    box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
  }
  .collapse-toggle{
      max-height: 0px;
      transition: all 0.8s cubic-bezier(0.51,-0.15, 0, 0.98);
      opacity: 0;
  }
  
  .ocultar{
    display: none;
  }
/*  p.estilo-1{
    position:absolute;
    top:0
  } */
  p.estilo-1::first-letter{
    font-size:3em;
    font-family:serif;
  }
  h1.subtitulo{
    font-size:3em;
    text-align: center;
    color:#b78227
  }
  /* body{ position: relative; } */

/* Common style para hover en las clases*/
.grid figure {
position: relative;
float: left;
overflow: hidden;
background: #e2eef3;
text-align: center;
cursor: pointer;
}

.grid figure img {
position: relative;
display: block;
min-height: 100%;
max-width: 100%;
/*opacity: 0.8; solicitud de cambio*/
opacity: 100;
}

.grid figure figcaption {
padding: 2em;
color: #fff;
text-transform: uppercase;
font-size: 1.25em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
position: absolute;
top: -2em;;  
left: 0;
width: 100%;
height: 100%;
}

.grid figure figcaption > a {
z-index: 1000;
text-indent: 200%;
white-space: nowrap;
font-size: 0;
opacity: 0;
}

.grid figure h2 {
font-weight: 300;
}

.grid figure h2 span {
font-weight: 800;
    font-size: 25px;
}

.grid figure h2,
.grid figure p {
margin: 0;
}

.grid figure p {
letter-spacing: 1px;
font-size: 68.5%;
}
  /*---------------*/
/***** Marley *****/
/*---------------*/

figure.effect-marley figcaption {
text-align: right;
}

figure.effect-marley h2,
figure.effect-marley p {
position: absolute;
padding: 6px 0;

/*right: 30px;
left: 30px;
padding: 10px 0;*/
}


figure.effect-marley p {
bottom: 30px;
line-height: 1.5;
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
}

figure.effect-marley h2 {
top: 27px;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,20px,0);
transform: translate3d(0,20px,0);
}

figure.effect-marley:hover h2 {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}

figure.effect-marley h2::after {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 4px;
background: #fff;
content: '';
-webkit-transform: translate3d(0,40px,0);
transform: translate3d(0,40px,0);
}

figure.effect-marley h2::after,
figure.effect-marley p {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}

figure.effect-marley:hover h2::after,
figure.effect-marley:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}


  	.hover-image{
		transform: scale(1);
		-ms-transform: scale(1);
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-webkit-transition: all 500ms ease-in-out;
		-moz-transition: all 500ms ease-in-out;
		-ms-transition: all 500ms ease-in-out;
		-o-transition: all 500ms ease-in-out;
		-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
		box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	}
	.hover-image:hover{
		transform: scale(1.02);
		-ms-transform: scale(1.02);
		-moz-transform: scale(1.02);
		-webkit-transform: scale(1.02);
		-o-transform: scale(1.02);
	}

    div.todos p{
        background-color:#000;
        color: #fff;
        padding: 5px 0;
        font-weight:600;
        font-family: 'Lato', sans-serif;
        font-size: 30px;
    }
    div.visitanos p{
        color: rgb(2, 2, 2);
        padding: 5px 0;
        font-weight:600;
        font-family: 'Lato', sans-serif;
        font-size: 30px;
    }
/* --------------- Nuestro equipo ------------ */

main .blog{
  /* background: url(../img/images/vector_sonido.svg); */
  /* background: url(../img/images/vector_sonido.png); */
  background: url(../img/fondo_notas.png);
  background-repeat: no-repeat;
  background-position: center center;
  /* height: 100vh; */
  width: 100%;
  background-size:contain;
}

/* main .blog .blog-post{
  padding-top: 6rem;
} */

main .blog-post .blog-content{
  display: flex;
  flex-direction: column;
  text-align: center;
  width: 80%;
  margin: 3rem 2rem;
  box-shadow: 0 15px 20px rgba(0, 0, 0, 0.2);
  background: #fff;
}

main .blog-content .blog-title{
  padding: 2rem 0;
}

/* main .blog-content .btn-blog{
  padding: .7rem 2rem;
  background: #000;
  margin: .5rem;
  color: #fff;
} */


.btn-blog {background-image: linear-gradient(to right, #232526 0%, #414345  51%, #232526  100%)}
.btn-blog {
   margin: 10px;
   /* padding: 15px 45px; */
   padding: .7rem 2rem;
   text-align: center;
   /* text-transform: uppercase; */
   transition: 0.5s;
   background-size: 200% auto;
   color: white;            
   box-shadow: 0 0 20px #eee;
   border-radius: 10px;
   /* display: block; */
 }

.btn-blog:hover {
 background-position: right center; /* change the direction of the change here */
 color: #fff;
 text-decoration: none;
}






main .blog-content span{
  display: block;
}

/*section .container .owl-nav{
  position: absolute;
  top: 0%;
  margin: 0 auto;
  width: 100%;
}*/
 
/*.owl-nav .owl-prev .owl-nav-prev,
.owl-nav .owl-next .owl-nav-next{
  color: var(--text-gray);
  background: transparent;
  font-size: 2rem;
}*/

.owl-theme .owl-nav [class*='owl-']:hover{
  /*background: transparent;*/
  color: var(--midnight);
}

.owl-theme .owl-nav [class*='owl-']{
  outline: none;
} 
/* --------------- Formulario ------------ */
  @media (max-width: 735px){
    .content_formulario {
        margin-top: 103px;
        margin-bottom: 650px!important;
    }
  }
  @media (min-width: 736px) and (max-width: 767px){
    .content_formulario {
        margin-top: 103px;
        margin-bottom: 600px!important;
    }
  }
  .card{
    box-shadow: 0 15px 20px rgb(0 0 0 / 20%);
    border:none;
  }
  .content_formulario{margin-bottom:300px}
  .content_form{padding: 0;width: 92%;background-color:rgb(255, 255, 255);top:80%;left: 0;right: 0;margin: auto;}
  .card-title.con{background: rgba(13,178,228,0.5);color: #fff}
  form.form_contacto input{
  background-color:rgba(226, 226, 226, 0.4);
  border-radius:50px;
  border:none;
  }
  form.form_contacto textarea{
    background-color:rgba(226, 226, 226, 0.4);
    border-radius:10px;
    border:none;
    resize: none
    }
  form.form_contacto button{
    background-color:var(--primary-color);
    border-radius:10px;
    color:var(--lightt);
    font-weight:700;
    padding: 6px 45px;
    
  }
  form.form_contacto button:hover{color:var(--lightt);}
    form.form_contacto button:not([disabled]):not(.disabled):active, form.form_contacto button:not([disabled]):not(.disabled).active, .show 
    { /*background-color:rgba(255,255,255,0.9)!important;*/ color:var(--lightt); }
  form.form_contacto input:hover, form.form_contacto input:active, form.form_contacto input:focus, form.form_contacto textarea:hover, form.form_contacto textarea:active, form.form_contacto textarea:focus {
    background-color:rgba(38, 34, 98, 0.015);
    border:none;
    box-shadow: 0 0 0 0.2rem rgb(246 209 0 / 20%);
              transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
        -moz-transition: all 500ms ease-in-out;
        -ms-transition: all 500ms ease-in-out;
          -o-transition: all 500ms ease-in-out;

  }
      .telefono, .correo, .ubicacion, .whatsapp{position: relative;}
      .telefono:before{
         position: absolute;
         top: 10px;
         left: -30px;
         color:var(--primary-color);
         font-size:20px;
         vertical-align: middle;
         font-family: "FontAwesome"; 
         font-weight: 700;
         content: "\f095";
      }
      .correo:before{
          position: absolute;
        top: -5px;
        left: -30px;
         color:var(--primary-color);
         font-size:20px;
         vertical-align: middle;
         font-family: "FontAwesome"; 
         content: "\f0e0";
      }
      .whatsapp:before{
        position: absolute;
        top: -5px;
        left: -30px;
        color:var(--primary-color);
        font-size:20px;
        vertical-align: middle;
        font-family: "FontAwesome";
        font-weight: 700; 
        content: "\f232";
      }
/* --------------- Botones flotantes ------------ */
.page-footer ul li{
  border-radius:50%;
  width:2.8rem;
  height:2.8rem;
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.page-footer ul li.fb, .page-footer ul li.tw , .page-footer ul li.wsp{
  background-color: var(--secondary-color);

}
        
      /*li a.btn-fb{ background-color: #3B5998;}
      li a.btn-tw{ background-color: #00aced;}
      li a.btn-wsp{ background-color: #34af23;}*/
      
        .btn-floating i.fa-facebook{color:#fff;font-size:1.5rem;margin-top:0.8rem;}
        .btn-floating i.fa-twitter{color:#fff;font-size:1.5rem;margin-top:0.8rem;}
        .btn-floating i.fa-whatsapp{color:#fff;font-size:1.5rem;margin-top:0.8rem;}
        .btn-floating i.fa-instagram{color:#fff;font-size:1.5rem;margin-top:0.8rem;}
        .btn-floating i.fa-facebook:hover{color:#fff;}
        .btn-floating i.fa-twitter:hover{color:#fff;}
        .btn-floating i.fa-whatsapp:hover{color:#fff;}
        /*====================================*/
        
        

/* --------------- Footer ------------ */

  .page-footer {
    background-color: var(--secondary);
    margin-top: 80px;
    position: relative;
  }
  footer.page-footer .footer-copyright {
    overflow: hidden;
    background-color: var(--secondary-color);
    color: var(--lightt);
  }


  

/* --------------- MOVE UP ------------ */

  
footer .move-up{
  position: absolute;
  right: 6%;
  top: 70%;
}

footer .move-up span{
  color: #fff;
}

footer .move-up span:hover{
  color:#FFF;
  cursor: pointer;
}



/* ----------------------------------------------------------------------
  Material Design Checkbox - by Ravikumar Chauhan
------------------------------------------------------------------------- */
.rkmd-checkbox .input-checkbox {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 25px;
  text-align: center;
  vertical-align:-0.6rem;
  cursor: pointer;
margin:0;
}
.rkmd-checkbox .input-checkbox input[type="checkbox"] {
  visibility: hidden;
  position: absolute;
  left: 9px;
  bottom: 8px;
  margin: 0;
  padding: 0;
  outline: none;
  cursor: pointer;
  opacity:0;
}
.rkmd-checkbox.checkbox-rotate .input-checkbox input[type="checkbox"] + .checkbox {
  cursor: pointer;
}
.rkmd-checkbox.checkbox-rotate .input-checkbox input[type="checkbox"] + .checkbox:before {
  content: "";
  position: absolute;
  left: 7px;
  bottom: 7px;
  width: 16px;
  height: 16px;
  border: 2px solid var(--secondary-color);
  border-radius: 3px;
  transition: all 0.2s ease;
  z-index: 1;
}
.rkmd-checkbox.checkbox-rotate .input-checkbox input[type="checkbox"]:checked + .checkbox:before {
  left: 11px;
  width: 11px;
  height: 18px;
  border-width:0.15rem;
  border-style: solid;
  border-top: transparent;
  border-left: transparent;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border-radius: 1px;
  margin:0;
}
.rkmd-checkbox.checkbox-rotate .checkbox-lightBlue input[type="checkbox"]:checked + .checkbox:before {
  border-color:var(--primary-color);
}
.rkmd-checkbox.checkbox-ripple .ripple {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  -webkit-transform: scale(0);
          transform: scale(0);
}
.rkmd-checkbox.checkbox-ripple .ripple.animated {
  display: block;
  -webkit-animation-name: checkbox-ripple;
          animation-name: checkbox-ripple;
  -webkit-animation-duration: 400ms;
          animation-duration: 400ms;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}
@-webkit-keyframes checkbox-ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
}
@keyframes checkbox-ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
}
.rkmd-checkbox .checkbox-lightBlue .ripple {
  background-color: var(--secondary-color) !important;
}




/*** Global ***/
.z-depth-0 {
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

.z-depth-1 {
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }

.z-depth-1-half {
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

.z-depth-2 {
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }

.z-depth-3 {
  -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19); }

.z-depth-4 {
  -webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21); }

.z-depth-5 {
  -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22); }
/*codigo para whatsap flotante*/
.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}
.float:hover {
	text-decoration: none;
	color: #25d366;
  background-color:#fff;
}

.my-float{
	margin-top:16px;
}