@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
/********************************/
/********************************/
/********************************/
html{font-size:16px}
:root {
    --blanco1: #fff;
    --blanco2: #f0f0f0;
    --gris1: #ccc;
    --gris2: #999;
	--gris3: #666;
	--negro1: #000;
    --negro2: #333;
    --color1: #1D6FA5;
    --color2: #212443;
	--resalto: #75E6DA;
}
*{
	margin:0;
	padding:0;
	box-sizing:border-box;
	font-family: 'Lato', sans-serif;
}
h1 {color:var(--color2);width:100%;font-size:2rem}
h1 span{color:var(--color1)}
p {color:var(--gris3);width:100%; font-size:1rem; line-height:1.5}

/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: thin;
    scrollbar-color: #c7c7c7 #ffffff;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 8px;
  }

  *::-webkit-scrollbar-track {
    background: #ffffff;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #c7c7c7;
    border-radius: 10px;
    border:none;
  }
.container::-webkit-scrollbar-thumb{border: 4px solid #fff;}
/********************************/
/********************************/
/********************************/
.pd_a5{padding:5px}
.pd_a10{padding:10px}
.pd_a15{padding:15px}
.pd_a20{padding:20px}

.pd_t5{padding-top:5px}
.pd_t10{padding-top:10px}
.pd_t15{padding-top:15px}
.pd_t20{padding-top:20px}
.pd_t30{padding-top:30px}
.pd_t40{padding-top:40px}

.pd_b5{padding-bottom:5px}
.pd_b10{padding-bottom:10px}
.pd_b15{padding-bottom:15px}
.pd_b20{padding-bottom:20px}
.pd_b30{padding-bottom:30px}
.pd_b40{padding-bottom:40px}

.pd_tb5{padding-top:5px;padding-bottom:5px}
.pd_tb10{padding-top:10px;padding-bottom:10px}
.pd_tb15{padding-top:15px;padding-bottom:15px}
.pd_tb20{padding-top:20px;padding-bottom:20px}
.pd_tb30{padding-top:30px;padding-bottom:30px}
.pd_tb40{padding-top:40px;padding-bottom:40px}

.pd_l5{padding-left:5px}
.pd_l10{padding-left:10px}
.pd_l15{padding-left:15px}
.pd_l20{padding-left:20px}

.pd_r5{padding-right:5px}
.pd_r10{padding-right:10px}
.pd_r15{padding-right:15px}
.pd_r20{padding-right:20px}

.pd_lr5{padding-left:5px;padding-right:5px}
.pd_lr10{padding-left:10px;padding-right:10px}
.pd_lr15{padding-left:15px;padding-right:15px}
.pd_lr20{padding-left:20px;padding-right:20px}

.mg_a5{margin:5px}
.mg_a10{margin:10px}
.mg_a15{margin:15px}
.mg_a20{margin:20px}

.mg_t5{margin-top:5px}
.mg_t10{margin-top:10px}
.mg_t15{margin-top:15px}
.mg_t20{margin-top:20px}
.mg_t30{margin-top:30px}
.mg_t40{margin-top:40px}

.mg_b5{margin-bottom:5px}
.mg_b10{margin-bottom:10px}
.mg_b15{margin-bottom:15px}
.mg_b20{margin-bottom:20px}
.mg_b30{margin-bottom:30px}
.mg_b40{margin-bottom:40px}

.mg_tb5{margin-top:5px;margin-bottom:5px}
.mg_tb10{margin-top:10px;margin-bottom:10px}
.mg_tb15{margin-top:15px;margin-bottom:15px}
.mg_tb20{margin-top:20px;margin-bottom:20px}
.mg_tb30{margin-top:30px;margin-bottom:30px}
.mg_tb40{margin-top:40px;margin-bottom:40px}

.mg_l5{margin-left:5px}
.mg_l10{margin-left:10px}
.mg_l15{margin-left:15px}
.mg_l20{margin-left:20px}

.mg_r5{margin-right:5px}
.mg_r10{margin-right:10px}
.mg_r15{margin-right:15px}
.mg_r20{margin-right:20px}

.mg_lr5{margin-left:5px;margin-right:5px}
.mg_lr10{margin-left:10px;margin-right:10px}
.mg_lr15{margin-left:15px;margin-right:15px}
.mg_lr20{margin-left:20px;margin-right:20px}

.mg_au{margin:auto}

.fs_08{font-size:0.8rem}
.fs_1{font-size:1rem}
.fs_12{font-size:1.2rem}
.fs_15{font-size:1.5rem}
.fs_2{font-size:2rem}
.fs_25{font-size:2.5rem}
.fs_3{font-size:3rem}
.fs_35{font-size:3.5rem}
.fs_4{font-size:4rem}

.full{width:100%}
.sep_0{width:100%; overflow:hidden}
.sep_05{width:50%;}
.sep_1{width:100%; max-width:1440px; margin:auto;}
.sep_2{width:90%; max-width:1440px; margin:auto;}
@media only screen and (max-width: 767px) {
.sep_05{width:100%;}
}

.whatsapp-float {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #25d366;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  font-size: 25px;
  width: 60px;
  height: 60px;
  z-index: 100;
}

.whatsapp-float:hover {
  background-color: #128c7e;
}

.whatsapp-icon {
  margin-top: 17px;
}
/********************************/
/********************************/
/********************************/
.circle{border-radius:50%}
.rounded{border-radius:10px}
.shadow{width:100%; height:50px;background-color:var(--negro1); opacity:0.3;filter:blur(5px);animation: shadowgrow 3s cubic-bezier(0.45, 0.02, 0.51, 0.98) infinite;}
/********************************/
/********************************/
/********************************/
.animation{transition: all 2s cubic-bezier(0.65, 0.05, 0.36, 1);}
.ani-up{transform: translateY(-50px);opacity:0;}
.ani-down{transform: translateY(50px);opacity:0;}
.ani-left{transform: translateX(-50px);opacity:0;}
.ani-right{transform: translateX(50px);opacity:0;}
.ani-drop{transform:scale(1.5);opacity:0;}
.ani-grow{transform:scale(0.5);opacity:0;}
.ani-show{opacity:0}
.ani-blur{filter:blur(1rem); opacity:0;}
.ani-rotx{transform: rotateX(180deg);opacity:0}
.ani-roty{transform: rotateY(180deg);opacity:0}
.play{transform: translate(0,0) scale(1) rotate(0); opacity:1;filter:blur(0px);}
/********************************/
/********************************/
/********************************/
.button-1 {
  background-color: var(--color1);
  border-radius: 5px;
  border-width: 0;
  box-shadow: rgba(0, 0, 0, 0.4) 0 2px 4px,rgba(0, 0, 0, 0.3) 0 7px 13px -3px,#0005 0 -5px 0 inset;
  color: var(--blanco1);
  cursor: pointer;
  padding:10px 20px 15px 20px;
  transition: box-shadow .15s,transform .15s;
  font-size: 1.2rem;
  text-decoration:none;
  display:inline-block;
}

.button-1:hover {
  box-shadow: rgba(45, 35, 66, 0.4) 0 4px 8px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #0005 0 -5px 0 inset;
  transform: translateY(-5px);
}

.button-1:active {
  box-shadow: #000 0 3px 7px inset;
  box-shadow: 0px 3px 7px 3px rgba(0,0,0,0.6) inset;
  transform: translateY(0px);
}

/********************************/
/********************************/
/********************************/
@keyframes move_wave {
    0% {
        transform: translateX(0) translateZ(0) scaleY(1)
    }
    50% {
        transform: translateX(-25%) translateZ(0) scaleY(0.55)
    }
    100% {
        transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}
.waveWrapper {
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
	z-index:0
}
.waveWrapperInner {
    position: absolute;
    width: 100%;
    overflow: hidden;
    height: 100%;
    bottom: -1px;
}
.bgTop {
    z-index: 15;
    opacity: 0.5;
}
.bgMiddle {
    z-index: 10;
    opacity: 0.75;
}
.bgBottom {
    z-index: 5;
}
.wave {
    position: absolute;
    left: 0;
    width: 200%;
    height: 100%;
    background-repeat: repeat no-repeat;
    background-position: 0 bottom;
    transform-origin: center bottom;
}
.waveTop {
    background-size: 50% 100px;
}
.waveAnimation .waveTop {
  animation: move-wave 3s;
   -webkit-animation: move-wave 3s;
   -webkit-animation-delay: 1s;
   animation-delay: 1s;
}
.waveMiddle {
    background-size: 50% 120px;
}
.waveAnimation .waveMiddle {
    animation: move_wave 10s linear infinite;
}
.waveBottom {
    background-size: 50% 100px;
}
.waveAnimation .waveBottom {
    animation: move_wave 15s linear infinite;
}
/********************************/
/********************************/
/********************************/
@keyframes MoveUpDown {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-25px);
  }
}
@keyframes shadowgrow {
  0%, 100% {
    transform:scale(1);
	filter:blur(5px);
	
  }
  50% {
	transform:scale(1.1);
	filter:blur(7px);
  }
}
/********************************/
/********************************/
/********************************/
header{
	width:100%;
	background-color:var(--blanco2);
}
header section{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
}
header a{
	text-decoration:none;
	color:var(--color1);
	font-weight:bold;
	display:block;
	font-size:1.2rem;
}
@media only screen and (max-width: 768px) {
	header div{order:1}
	header figure{width: 100%; text-align: center; margin-bottom:10px}
}
/********************************/
/********************************/
/********************************/
.banner{
	background-image:url(ban/p3.jpg);
	background-image: linear-gradient(to top, var(--color1) 20%, var(--color2) 80%);
	background-size:cover;
	position:relative;
}
.banner article{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	position:relative;
	z-index:2
}
.banner figure{width:600px;}
.banner img{width:100%;filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.7));animation: MoveUpDown 3s cubic-bezier(0.45, 0.02, 0.51, 0.98) infinite;}
.banner article > div{width:calc(100% - 600px);}
.banner h1{color:var(--blanco1); max-width:500px;}
.banner p{color:var(--negro1); max-width:500px; text-align:justify; padding-bottom:20px}
.banner nav{width:100%; max-width:500px;display:flex;flex-wrap:wrap;justify-content:initial}
@media only screen and (max-width: 1280px) {
	.banner figure{width:40%;}
	.banner article > div{width:60%;}
}
@media only screen and (max-width: 767px) {
	.banner figure{width:100%;}
	.banner article > div{width:100%;}	
	.banner h1, .banner p{text-align:center}
	.banner nav{justify-content:center;}
	.banner nav, .banner h1, .banner p{max-width:none;}
}
/********************************/
/********************************/
/********************************/

.hacemos section {display:flex;flex-wrap:wrap;align-items:center;}
.hacemos section > div{width:60%}
.hacemos figure {width:40%; text-align:center;}
.hacemos img{width:100%; max-width:400px}
.hacemos h1{text-align:left; margin-bottom:20px; max-width:600px}
.hacemos p{text-align:left; max-width:600px; margin-bottom:20px }
@media only screen and (max-width: 767px) {
.hacemos section > div{display:flex;flex-wrap:wrap;justify-content:center;padding-left:20px;padding-right:20px;}
.hacemos figure,.hacemos section > div{width:100%}	
.hacemos h1{text-align:center; margin-bottom:20px; max-width:none}
.hacemos p{text-align:left; max-width:none; margin-bottom:20px }
}
/********************************/
/********************************/
/********************************/
.incluye{background-image: url(ban/p3.jpg); position:relative}
.incluye:before{
	content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
	background-color: var(--blanco1);
    opacity: 0.90;
}
.incluye > div{display:flex;flex-wrap:wrap; z-index:1; position:relative}
.incluye h1{text-align:center; margin-bottom:10px;}
.incluye article{width:33%; display:flex;padding:20px;}
.incluye i{font-size:2rem; color:var(--color1); margin-right:10px;}
.incluye h2{margin-bottom:10px}
@media only screen and (max-width: 1000px) {
.incluye article{width:50%}
}
@media only screen and (max-width: 767px) {
.incluye article{width:100%}
}

/********************************/
/********************************/
/********************************/
.valor > section{display:flex;flex-wrap:wrap; justify-content:space-between; z-index:1; position:relative}
.valor h1{text-align:center; margin-bottom:20px;}
.valor p{ margin-bottom:20px;}
.valor ul{margin-bottom:20px}
.valor li{list-style:none;display:flex;flex-wrap:wrap;align-items:center; margin-bottom:10px;}
.valor li p{ margin-bottom:0px;width:calc(100% - 2.5rem)}
.valor li i{font-size:2rem; color:var(--color1); margin-right:0.5rem;}
.valor article{width:40%; display:flex;flex-wrap:wrap;padding:20px; justify-content:center; transition:all 0.5s ease}
.valor article:hover{box-shadow:0px 8px 20px -5px rgba(0,0,0,0.3); transform:scale(1)}
.valor article i{font-size:5rem; color:var(--color1);}
.valor article h2{width:100%;margin-bottom:10px; text-align:center}
.valor article p{width:100%; text-align:center; margin-bottom:0; font-size:1.2rem}
.valor p span{color:var(--color1); font-weight:600}
@media only screen and (max-width: 1440px) {
.valor > section{padding-left:20px;padding-right:20px;}
}
@media only screen and (max-width: 1000px) {
.valor article{width:50%}
}
@media only screen and (max-width: 767px) {
.valor article{width:100%; margin-bottom:10px;}
}
/********************************/
/********************************/
/********************************/
footer{background-image: url(ban/p6.jpg);margin-top:230px; position:relative;}
footer:before{
	content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
	background-color: var(--color2);
    opacity: 0.90;
}
footer > div{display:flex; flex-wrap:wrap; position:relative;}
.mailing{width:100%; position:absolute; background-color:var(--color2); border:4px solid var(--color1); border-radius:10px; padding:20px;top:-230px;}
.mailing h1{text-align:center; color:var(--color1); margin-bottom:20px}
.mailing p{text-align:center; color:var(--blanco1); margin-bottom:20px}
.mailing form{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center; margin:auto; max-width:800px;}
.mailing div{padding:10px;}
.mailing input{padding:10px; width:calc(100% - 100px); border:0; width:100%; border-radius:5px}
.mailing input[type=submit]{width: 300px; padding:10px; background-color:var(--color1); border:0; outline:none; color:var(--blanco1)}
input:focus {outline: none;}
footer section{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; padding-top:180px}
footer section article{width:33%;}
footer section h1{color:var(--color1)}
footer section p{color:var(--blanco1)}
.nosotros img{filter: drop-shadow(0 2px 5px rgba(255, 255, 255, 0.7)); margin-bottom:10px;}
.social h1{margin-bottom:20px}
.social i{color:var(--blanco1);font-size:3rem; padding:5px; background-color:var(--color1); border-radius:5px;margin-right:10px; transition:all 0.5s ease}
.social i:hover{color:var(--color1);background-color:var(--blanco1);transform:scale(1.1)}
.contacto h1{margin-bottom:20px}
.contacto div{display:flex; align-items:baseline;margin-bottom:15px}
.contacto i{font-size:1rem; color:var(--color1); padding-right:15px}
.legal{background-color:var(--color2); box-shadow:0 0 4px 2px rgba(0,0,0,0.3)}
.legal div{width:100%; display:flex; flex-wrap:wrap;justify-content:space-between;}
.legal p{width: auto; color:var(--blanco1)}
@media only screen and (max-width: 1440px) {
footer section{padding-left:20px; padding-right:20px}
.legal{padding-left:20px; padding-right:20px}
}
@media only screen and (max-width: 1000px) {
footer{margin-top:0;}
.mailing{position:initial; margin-bottom:20px}
footer section{padding-top:0}
footer section h1{text-align:center;}
.nosotros{width:100%; display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:20px}
.social,.contacto{width:50%;display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:20px}
.contacto div{width:100%;}

}
@media only screen and (max-width: 767px) {
.social,.nosotros,.contacto{width:100%;}
}


.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 999;
    text-align: center;
	transition: all 0.5s ease;
	opacity:0;
	z-index:-1;
}

/* Estilos para el contenido del popup */
.popup-content {
	width:90%;
	position:relative;
	max-width:700px;
	margin:auto;
    background: #fff;
    padding: 20px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
	transition:0.5s ease all;
	border-radius:10px;
}
.popup-c{
	position:relative;
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
}
/* Estilos para el botón de cierre */
.popup-close {
    position: absolute;
    top: -5px;
    right: 4px;
    font-size: 24px;
    cursor: pointer;
}
.popshow{
	opacity:1;
	z-index:10;
}
.f_video{width:100%; height:450px;}
@media only screen and (max-width: 767px) {
.f_video{height:250px;}
}

/***********************************/
/***********************************/
.flex{display:flex;flex-wrap:wrap;}
.content{width:80%; max-width:1440px; margin:auto;}

/***********************************/
/***********************************/

.form_crea{width:100%}

/***********************************/
/***********************************/

.v_tuto{
background: rgb(29,111,165);
background: linear-gradient(180deg, rgba(33,36,67,1) 0%, rgba(29,111,165,1) 65%, rgba(255,255,255,1) 65%, rgba(255,255,255,1) 100%);
padding-bottom:30px;
background: rgb(33,36,67);
background: linear-gradient(180deg, rgb(200 202 225) 0%, rgb(255 255 255) 65%, rgba(255,255,255,1) 65%, rgba(255,255,255,1) 100%);
}
.v_tuto h1{width:100%; text-align:center; color:#212443; padding-bottom:20px;}
.v_tuto video{border-radius:10px;width:100%; max-width:900px; margin:auto;}

/***********************************/
/***********************************/
.container{overflow: auto;  white-space: nowrap;width:90%;max-width:1440px; margin:auto; padding-bottom:20px;}
.n_tuto .content{display:inline-block;width:100%; padding:0 20px;}
.n_tuto .content div{display:inline-block; width:300px; aspect-ratio:16/9; padding:10px; margin-right:10px; border-radius:10px; transition:all 0.5s ease;}
.n_tuto .content div:hover {background-color:#04141c;transform:perspective(900px) translateY(-5%) rotateX(25deg) translateZ(0);box-shadow: 2px 20px 17px -8px rgba(0, 0, 0, 0.75);  -webkit-box-shadow: 2px 20px 17px -8px rgba(0, 0, 0, 0.75);  -moz-box-shadow: 2px 20px 17px -8px rgba(0, 0, 0, 0.75);}
.n_tuto .content div:hover p, .n_tuto div:hover span{color:#ffffff;}
.n_tuto .content a{width:100%; display:flex; flex-wrap:wrap; align-items:center; text-decoration:none;}
.n_tuto .content figure{overflow:hidden; border-radius:8px; width:100%;}
.n_tuto .content img{width:100%;}
.n_tuto .content p{font-size: 1.2rem; padding:10px 0 0 0; color:#555; font-weight:bold; width:100%; text-align:center;}
.n_tuto .content span{color:#222;}

.playing{background-color:#04141c;transform:perspective(900px) translateY(-5%) rotateX(25deg) translateZ(0);box-shadow: 2px 20px 17px -8px rgba(0, 0, 0, 0.75);  -webkit-box-shadow: 2px 20px 17px -8px rgba(0, 0, 0, 0.75);  -moz-box-shadow: 2px 20px 17px -8px rgba(0, 0, 0, 0.75);}
.playing p, .playing span{color:#ffffff !important;}
/************************************/
/************************************/


.form{
    width: 23em;
    padding:2em;
    border-radius: 1em;
    box-shadow: 0 10px 25px rgba(90,100,100,.2);
}

.form_title{
    font-weight: 300;
    margin-bottom: 1.3em;
}

.form_div{
    position: relative;
}


.form_input{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 1em;
    border: .1em solid #dadce0;
    border-radius: .5em;
    outline: none;
    padding: 1em;
    z-index: 1;
    background: none;
}

.form_label{
    position: absolute;
    left: 1em;
    top: 1em;
    padding: 0 .25em;
    background-color: #fff;
    color: #80868b;
    font-size: 1em;
    transition: .4s;
}

.form_button{
    width: 100%;
    display: block;
    margin-left: auto;
    padding: 12px 30px;
    outline: none;
    border: none;
    background-color: rgb(28,164,248);
    color: #fff;
    font-size: 1em;
    border-radius: .5em;
    cursor: pointer;
    transition: .4s;
}

.form_button:hover{
    transform: scale(0.90);
    box-shadow: 0 5px 5px rgba(0,0,0,0.20);
}

.form_input:focus + .form_label{
    top: -.5em;
    left: .8em;
    color: rgb(28,164,248);
    font-size: .80em;
    font-weight: 600;
    z-index: 5;
}

.form_input:not(:placeholder-shown).form_input:not(:focus) + .form_label{
    top: -.5em;
    left: .8em;
    font-size: .80em;
    font-weight: 600;
    z-index: 5;
}

.form_input:focus{
    border: .1em solid rgb(28,164,248);
}

 #captcha{
    margin: 0;
	width:100%;
	display:flex;
	flex-wrap:wrap;
	padding:0;
}
#captcha article{
	width:50%; padding:10px;
}
.mailing .form_div div{
	padding:0;
}
 #captcha .preview{
    color: #fff;
    width: 100%;
    text-align: center;
    height: 40px;
    line-height: 40px;
    letter-spacing: 8px;
    border: 1px dashed #888;
    border-radius: 0.5em;

}

.form_input_captcha {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 1em;
    border-radius: 0.5em;
    outline: none;
    padding: 1em;
    z-index: 1;
	background-color:#fff;
} 


.form_label_captcha{
    position: absolute;
    left: 1em;
    top: 0.6em;
    padding: 0 .25em;
    background-color: #212443;
    color: #fff;
    font-size: 1em;
    transition: .4s;
}

.form_input_captcha:focus + .form_label_captcha{
    top: -0.7em;
    left: .8em;
    color: rgb(28,164,248);
    font-size: .80em;
    font-weight: 600;
    z-index: 5;
}

.colnew{background: linear-gradient(225deg, #0080bf 0%, #008fd5 100%); color:#fff}
.form_input_captcha:focus + .colnew{color:#fff;}

.form_input_captcha:not(:placeholder-shown).form_input_captcha:not(:focus) + .form_label_captcha{
    top: -0.7em;;
    left: .8em;
    font-size: .80em;
    font-weight: 600;
	color: rgb(28,164,248);
    z-index: 5;
}

.form_input_captcha:focus{

}

 #captcha .preview span{
    display: inline-block;
    user-select: none;
}

 #captcha .captcha_form{
    display: flex;
	width:100%;
	position:relative;
}

 #captcha .captcha_form input{
    width: 100%;
    font-size: 1em;
    border-radius: 0.5em;
    padding: 10px;
	color:#Fff;
    z-index: 1;
	border:1px solid #09F;
	background:none;
}


 #captcha .captcha_form .captcha_refersh{
    width: 40px;
    border: none;
    outline: none;
    background: #fff;
    color: #000;
	font-size:16px;
    cursor: pointer;
    border-radius: 0.5em;
    margin-left: 5px;
}
.captcha_refersh{
    transition: .4s;

}

#captcha .captcha_form .captcha_refersh:hover{
    transition: .4s;
	background:#3065cf;
	color:#fff;
    transform: scale(1);
}
@media only screen and (max-width: 767px) {
#captcha article{width:100%;}
}