/* 1.4 Buttons Mr. Bedoya
    .- google translation
    .- buttons

     */
.goog-te-gadget-simple{
  border-radius: 2rem;
  padding: 5px;
}
.google_translate_element{
  padding: 15px;  /*  15  */
}
.btn{
  font-family: 'double', sans-serif;
  font-weight: 700;
  color:#fff;
  letter-spacing: 0.28em;
  font-size: 0.93em;
  position: relative;
  display: inline-block;
  border:0;
  border-radius: 30px;
  padding: 1.2em 2.6em 1.2em;
  height: 3.8em;
  font-size: 0.9375em;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow:0 10px 20px rgba(101,52,255,0.3);
  background-color:#6534ff;
  -webkit-transition: all .3s ease-out!important;
          transition: all .3s ease-out!important;
}

.btn:hover,
.btn:focus{
  background-color: #0f0263;  /* 7549ff;  */
  color: #fff;
  /* -webkit-box-shadow:none; */
  /* box-shadow: none; */
  box-shadow: 10px 5px 5px #4d6be3;
  outline: none!important;

}
.btn1{
  font-family: 'double', sans-serif;
  font-weight: 700;
  color:#fff;
  letter-spacing: 0.28em;
  font-size: 0.93em;
  position: relative;
  display: inline-block;
  border:0;
  border-radius: 30px;
  padding: 1.2em 2.6em 1.2em;
  height: 3.8em;
  font-size: 0.9375em;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow:0 10px 20px rgba(101,52,255,0.3);
  background-color:#6534ff;
  -webkit-transition: all .3s ease-out!important;
          transition: all .3s ease-out!important;
}

.btn1:hover,
.btn1:focus{
  background-color: #0f0263;  /* 7549ff;  */
  color: #fff;
  /* -webkit-box-shadow:none; */
  /* box-shadow: none; */
  box-shadow: 10px 5px 5px #4d6be3;
  outline: none!important;

}


.btn-dark{
  background-color:#292929;
  box-shadow:0 10px 20px rgba(0,0,0,0.2);
}

.btn-dark:hover,
.btn-dark:focus{
  background-color:#161616;
}

/* btn2 */

.btn2{
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  color: #333333;  /* leters black  #fff; */
  letter-spacing: 0.28em;
  font-size: 0.96em;
  position: relative;
  display: inline-block;
  border:0;
  border-radius: 20px;
  padding: 0.3em 0.9em 0.5em;
  height: 2.4em;
  font-size: 0.975em;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow:0 10px 20px  rgba(130, 129, 124,0.3);     /* shadow yellow rgba(101,52,255,0.3);  */
  background-color:#FFFF66;  /* yellow1 #6534ff;*/
  -webkit-transition: all .3s ease-out!important;
          transition: all .3s ease-out!important;
}

.btn2:hover,
.btn2:focus{
  background-color:#FFFF00;/*   yellow2 #7549ff; */
  color:#333333; /* black #fff; */
  -webkit-box-shadow:none;
  box-shadow: none;
  outline: none!important;
}


.btn2-dark{
  background-color:#292929;
  box-shadow:0 10px 20px rgba(0,0,0,0.2);
}

.btn2-dark:hover,
.btn2-dark:focus{
  background-color:#161616;
}


/* btn1 */

.btn1{
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  color:#333333;  /* leters black  #fff; */
  letter-spacing: 0.28em;
  font-size: 0.93em;
  position: relative;
  display: inline-block;
  border:0;
  border-radius: 30px;
  padding: 1.2em 2.6em 1.2em;
  height: 3.8em;
  font-size: 0.9375em;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow:0 10px 20px  rgba(130, 129, 124,0.3);     /* shadow yellow rgba(101,52,255,0.3);  */
  background-color:#FFFF66;  /* yellow1 #6534ff;*/
  -webkit-transition: all .3s ease-out!important;
          transition: all .3s ease-out!important;
}

.btn1:hover,
.btn1:focus{
  background-color:#FFFF00;/*   yellow2 #7549ff; */
  color:#333333; /* black #fff; */
  -webkit-box-shadow:none;
  box-shadow: none;
  outline: none!important;
}


.btn1-dark{
  background-color:#292929;
  box-shadow:0 10px 20px rgba(0,0,0,0.2);
}

.btn1-dark:hover,
.btn1-dark:focus{
  background-color:#161616;
}

/* btn3 */

.btn3{
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  color:#fff;     /*333333;  /* leters black  #fff; */
  letter-spacing: 0.28em;
  font-size: 0.96em;
  position: relative;
  display: inline-block;
  border:0;
  border-radius: 20px;
  padding: 0.3em 0.9em 0.5em;
  height: 2.4em;
  font-size: 0.975em;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow:0 10px 20px  rgba(120, 0, 255, 0.9);  /* rgba(255,129,0,0.3);   /* orange   rgba(130, 129, 124,0.3)   shadow yellow rgba(101,52,255,0.3);  */
  background-color: #6a0dad;  /* CC6600 ;  /*  orange #FFFF66;yellow1 #6534ff; no focus*/
  -webkit-transition: all .3s ease-out!important;
          transition: all .3s ease-out!important;
}

.btn3:hover,
.btn3:focus{
  background-color:#6a0dad;    /*CC3300;/* orange  #FFFF00;  yellow2 #7549ff; */
  color: #fff;  /* 333333;  #fff; letras */
  -webkit-box-shadow:none;
  box-shadow: none;
  outline: none!important;
}


.btn3-dark{
  background-color:#292929;
  box-shadow:0 10px 20px rgba(0,0,0,0.2);
}

.btn3-dark:hover,
.btn3-dark:focus{
  background-color:#161616;
}

/* btn4 */

.btn4{
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  color:#fff;     /*333333;  /* leters black  #fff; */
  letter-spacing: 0.28em;
  font-size: 0.96em;
  position: relative;
  display: inline-block;
  border:0;
  border-radius: 20px;
  padding: 0.3em 0.9em 0.5em;
  height: 2.4em;
  font-size: 0.975em;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow:0 10px 20px  rgba(0, 230, 64, 1);  /* rgba(255,129,0,0.3);   /* orange   rgba(130, 129, 124,0.3)   shadow yellow rgba(101,52,255,0.3);  */
  background-color: #6a0dad;  /* CC6600 ;  /*  orange #FFFF66;yellow1 #6534ff; no focus*/
  -webkit-transition: all .3s ease-out!important;
          transition: all .3s ease-out!important;
}

.btn4:hover,
.btn4:focus{
  background-color:#H0B6623;    /*CC3300;/* orange  #FFFF00;  yellow2 #7549ff; */
  color: #fff;  /* 333333;  #fff; letras */
  -webkit-box-shadow:none;
  box-shadow: none;
  outline: none!important;
}


.btn4-dark{
  background-color:#292929;
  box-shadow:0 10px 20px rgba(0,0,0,0.2); 
}

.btn4-dark:hover,
.btn4-dark:focus{
 /* background-color:#161616; */
}

/* btn2 */

.btn2{
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  color:#000;  /* leters black  #fff; */
  letter-spacing: 0.28em;
  font-size: 0.93em;
  position: relative;
  display: inline-block;
  border:0;
  border-radius: 15px;
  padding: 0.2em 1.5em 0.2em;
  height: 1.8em;
  font-size: 0.9375em;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow: none;   /*0 2px 2px rgb(255, 255, 255); rgba(130, 129, 124,0.3);      shadow yellow rgba(101,52,255,0.3);  */
  background-color: #FFFFFF ;   /*  #FFFF66;  yellow1 #6534ff;*/
   -webkit-transition: all .3s ease-out!important;
          transition: all .3s ease-out!important;
}

.btn2:hover,
.btn2:focus{
  background-color: #FFFFFF;    /*#FFFF00;   yellow2 #7549ff; */
  color:#000;    /*333333; black #fff; */
  -webkit-box-shadow:none;
  box-shadow: none;
  outline: none!important;
}


.btn2-dark{
  background-color:#fff;    /*292929;     */
  box-shadow:0 5px 5px rgba(0,0,0,0.5);  /*   0.2  */
}

.btn2-dark:hover,
.btn2-dark:focus{
  background-color:#161616; 
}