@charset "utf-8";
.inquiry--form{margin-top:20px}
#txt .inquiry--form .inquiry--tit{font-size:18px}
.icon{width:80%;height:80%}
.icon svg{position:absolute;top:35%;left:40%;cursor:pointer;transition:transform 0.2s cubic-bezier(0.55, 0, 0.1, 1);will-change:transform;width:60%;}
.outer{z-index:1;transform:translateX(-50%) translateY(-50%) translateX(-15px) translateY(-22.5px);}
.outer path{stroke-dasharray:300px;stroke-dashoffset:-300px;transition:stroke-dashoffset 2.8s linear;}
.outer path.stroke{stroke-dashoffset:0;}
.gradient{z-index:2;transform:translateX(-50%) translateY(-50%) translateX(15px) translateY(22.5px);transition:transform .2s;}
.gradient .border path{stroke-dasharray:555px;stroke-dashoffset:-555px;transition:stroke-dasharray 2s linear;}
.gradient .border path.animate{animation:drawPath linear forwards infinite;animation-duration:4s;stroke-dasharray:138.75px;}
.gradient .border path.animate:nth-of-type(2){animation-delay:1s;}
.gradient .border path.animate:nth-of-type(3){animation-delay:2s;}
.gradient .border path.animate:nth-of-type(4){animation-delay:2s;}
.gradient .line path{stroke-dasharray:121px;stroke-dashoffset:-121px;transition:stroke-dasharray 1s linear 1s;}
.gradient .line path.animate{animation:drawPath linear forwards infinite;animation-duration:2s;stroke-dasharray:60.5px;}
.gradient .line path:nth-child(2){animation-delay:1s;}
.gradient .line--3 path{stroke-dasharray:70px;stroke-dashoffset:-70px;transition:stroke-dasharray 1s linear 1s;}
.gradient .line--3 path.animate{stroke-dasharray:35px;}
.no-offset{animation:none !important;stroke-dasharray:0 !important;stroke-dashoffset:0px !important;transition:none !important;}
@keyframes drawPath{
  to{stroke-dashoffset:0px;}
}

.ui-topbox.type1 .circle{background-color:#aaa!important}
.inquiry--btn .radio_box{position:relative;overflow:hidden;text-align:right}
.inquiry--btn .tit label{margin-bottom:4px;font-weight:bold;font-size:16px;}
.box-footer{margin-bottom:20px}

@media only screen and (max-width:767px){
.inquiry--form .agree--box+.inquiry--btn{float:right}
.inquiry--btn .radio_box{margin-bottom:5px;text-align:left}
.inquiry--btn .tit{display:block;padding-left:10px}
.radio{padding-left:12px}
.inquiry--btn label.radio{font-size:14px}
}

@media only screen and (min-width: 768px){
.form-inline .form-group{display:block}
.form-inline .form-control{width:100%}
}

@media only screen and (min-width: 900px){
.form-inline .form-group{display:inline-block}
.form-inline .form-control{width:26%}
}


.icon{position:relative;margin:0 auto;width:60%;margin-top:10px;}
.circ{
  width:100%;
  height:92px;
 }

.laz{position:absolute;width:30px;height:85px;margin:0px 0px;border-radius:30px 30px 0 0;background:#9077F4;animation:escri 2.1s alternate infinite;transform:scale(.7) rotate(35deg);-webkit-animation:escri 2.1s alternate infinite;-webkit-transform:scale(.7) rotate(35deg);}
.laz::before{display:block;width:21px;height:16px;border-right:9px solid #E5CA00;border-radius:21px 21px 0 0;background:#FFD800;content:"";}
.laz::after{position:absolute;width:0;height:0;margin:69px -1px;border-top:21px solid #FFD800;border-right:16px solid transparent;border-left:16px solid transparent;content:"";}
.linea{position:absolute;width:50px;height:3px;bottom:-20px;margin:35px 0px;background:#9077F4;animation:escri3 2.1s alternate infinite;-webkit-animation:escri3 2.1s alternate infinite;}
.compu{width:121px;height:80px;border:12px solid #090909;border-radius:12px;background:#6FC7F7;transform:scale(.7);animation:cre 3s linear infinite;-webkit-transform:scale(.7);-webkit-animation:cre 3s linear infinite;}
.compu::before{display:block;width:0;height:0;border-right:21px solid transparent;border-bottom:21px solid #090909;border-left:21px solid transparent;content:"";margin:83px 40px}
.compu:after{display:block;margin-top:-157px;content:"DESIGN";color:#333;font-size:1.2em;font-weight:700;font-family:verdana;text-align:center;}
.boton{display:flex;width:100%;flex-direction:column;justify-content:center;}

@-webkit-keyframes grow{
  0%,35%{opacity:.3}
50%,75%,85%{opacity:1}
  100%{opacity:1}
}
@keyframes grow{
  0%,35%{opacity:.3}
50%,75%,85%{opacity:1}
  100%{opacity:1}
}
@-webkit-keyframes escri{
  0%{margin:-7px 0px}
  100%{margin:-7px 33px}
}
@keyframes escri{
  0%{margin:-7px 0px}
  100%{margin:-7px 33px}
}
@-webkit-keyframes escri3{
  0%{width:0px}
  100%{width:33px}
}
@keyframes escri3{
  0%{width:0px}
  100%{width:33px}
}
@-webkit-keyframes cre{
  0%{transform:scale(0)-webkit-transform:scale(0);}
  50%,70%,80%, 90%,100%{transform:scale(.7)-webkit-transform:scale(.7);}
}
@keyframes cre{
  0%{transform:scale(0)-webkit-transform:scale(0);}
  50%,70%,80%, 90%,100%{transform:scale(.7)-webkit-transform:scale(.7);}
}