/* Logo Doctorweb */
.doctorweb .doc1{
    width: 10%;
    animation: 10s doc infinite ease;
  }
  .doctorweb .doc2{
    width: 50%;
  }
  @keyframes doc {
    0% {
      transform: rotate(0deg);
    }
    10% {
      transform: rotate(0deg);
    }
    50% {
      transform: rotate(360deg);
    }
    90% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(0deg);
    }}
 /* Logo Doctorweb */
 /* Boton whatsapp  */
    .btn-whatsapp {
      display: block;
      width: 75px;
      height: 75px;
      color: #333;
      position: fixed;
      right: 1%;
      bottom: 1%;
      border-radius: 50%;
      line-height: 70px;
      text-align: center;
      z-index: 999;
      font-size: 70px !important;
      background: rgba(38,212,102,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(38,212,102,1) 0%, rgba(34,186,89,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(38,212,102,1)), color-stop(100%, rgba(34,186,89,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(38,212,102,1) 0%, rgba(34,186,89,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(38,212,102,1) 0%, rgba(34,186,89,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(38,212,102,1) 0%, rgba(34,186,89,1) 100%);
background: radial-gradient(ellipse at center, rgba(38,212,102,1) 0%, rgba(34,186,89,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26d466', endColorstr='#22ba59', GradientType=1 );
      -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
      -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
      box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
      transition: ease .5s;
    }
    .btn-whatsapp i{
      color: #fff !important;
      transition: ease .5s;
      display: block;
      margin-top: 4%;
    }
    .btn-whatsapp:hover{
      background-color: #333;
      transform: rotate(360deg);
      transition: ease .5s;
    }
  .btn-whatsapp span{
      font-family: Arial, Helvetica, sans-serif;
      position: absolute;
      font-size: .3em;
      right: 2px;
      background-color: #de2f36;
      color: #fff;
      border-radius: 100px;
      height: 20px;
      width: 20px;
      line-height: 20px;
      transition: .5s ease;
      animation: iconw 2s infinite ease-in-out;
    }
    .btn-whatsapp:hover span{
      display: none !important;
      transition: .5s ease;
    }
    @keyframes iconw {
      0% {
        transform: scale(.8);
      }
      50% {
        transform: scale(1);
      }
      100% {
        transform: scale(.8);
      }}
   /* Boton whatsapp  */
   /* Barra lateral */
   .social-bar {
    position: fixed;
    right: 0;
    top: 60%;
    font-size: 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    z-index: 100;
    }
    .icono {
    color: white;
    text-decoration: none;
    padding: .7rem;
    display: flex;
    transition: all .5s;
    }
    .icono-facebook {
    background:  #f170a2;
    }
    .icono-twitter {
    background: #CAF55F;
    }
    .icono-youtube {
    background:  #CAF55F;
    }
    .icono-instagram {
    background: #c65c85;
    }
    .icono:first-child {
    border-radius: 1rem 0 0 0;
    }
    .icono:last-child {
    border-radius: 0 0 0 1rem;
    }
    .icono:hover {
    padding-right: 3rem;
    border-radius: 1rem 0 0 1rem;
    box-shadow: 0 0 .5rem rgba(0, 0, 0, 0.42);
    color: #333;
    }
/* Barra lateral */
/* Barras */
.service-block .icon{
  background-color: #c65c85;
  padding: 5%;
  height: 80px;
  width: 80px;
}
::-webkit-scrollbar {
    width: 10px;
  }
  ::-webkit-scrollbar-track {
    background: #f170a2; 
  }
  ::-webkit-scrollbar-thumb {
    background: #c65c85;
    transition: .5s;
  }
  ::-webkit-scrollbar-thumb:hover {
    background: #fff;
    transition: .5s;
  }
  .tp-caption h2{
      background-color: #f58eb5c2;
      padding: 2% 0%;
      border-radius: 10px;
      border-bottom: 5px solid #f58db5fc;
      font-size: 3em;
  }
  .fact-counter .counter-column .inner-column{
    transition: .5 ease;
    -webkit-transition: .5s ease;
  }
  .fact-counter .counter-column .inner-column:hover{
      transform: scale(1.05) translateY(10px);
     transition: .5 ease;
     -webkit-transition: .5s ease;
  }
  .features-section{
      background-color: #f170bc;
  }
  .main-footer{
      background-color: #f170a2;
  }
  .footer-column p{
      color: #fff;
  }
  .tp-bgimg{
      animation: bg 10s infinite linear alternate-reverse ;
  }
  @keyframes bg {
    0% {
      background-position: bottom;
    }
    100% {
      background-position: top;
    }}
    @keyframes bg2 {
        0% {  
          background-position: left;
        }
        100% {
          background-position: right;
        }}
/* Barras */
.process-section .btn-box .theme-btn{
  border-radius: 100px;
  background-color: #25d366;
  color: #fff;
}
.process-section{
  background: url(../images/bg.png);
}
.widget-content i{
  color: #fff;
}
.btnwhats{
  background-color: #25d366 !important;
}
.btnwhats:hover{
  background-color: #f17088 !important;
}
.case-block .inner-box{
  transition: ease .5s;
}
.case-block .inner-box:hover{
  transform: scale(1.1) translateY(-20px);
  transition: .5s ease;
}
.process-section .btn-box .theme-btn:hover{
  background-color: #f17088;
  transform: scale(1.1) translateY(-10px);
}
.call-to-action{
  background: url(../images/webb.png);
  background-color: #fff;
  animation: 50s bg3 infinite;
}
@keyframes bg3 {
  0% {  
    background-position: top left;
  }
  100% {
    background-position: bottom right;
  }}
  .topheadx{
    margin-left: auto;
    margin-right: auto;
  }
  .sec-title img{
    width: 100%;
    padding: 0% 40%;
  }
  .service-block h3{
    text-align: center;
  }
  .feature-block-three .inner-box i {
    position: absolute;
    left: 0;
    top: 50%;
    font-size: 50px;
    line-height: 50px;
    color: #f17270;
    font-weight: 400;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.widget-content li{
  padding: 2% 2%;
  transition: .5s ease;
  border-radius: 20px;
}
.widget-content li:hover{
  transform: translateX(10px);
  transition: .5s ease;
  background-color: #f17270;
}
.widget-content li:hover a{
  color: #fff;
  transition: .5s ease;
}
.widget-content li:hover i{
  color: #fff;
  transition: .5s ease;
}
.widget-conten li a{
  color: #f170a2 !important;
}
.widget-content i{
  color: #c65c85;
}
.contact-info-block i{
  color: #c65c85;
  font-size: 2em;
}
@media only screen and (min-width: 320px) and (max-width: 767px){
  .call-to-action{
    background: url(../images/webb.png);
    background-color: #fff;
    animation: 10s bg3 infinite;
  }
  .main-header .logo{
    width: 80%;
  }
  .seguros img{
    padding: 0% 20%;
  }
  .feature-block-three .inner-box{
    padding: 1%;
  }
  .call-to-action .theme-btn{
    width: 60%;
    margin-left: 20%;
    margin-bottom: 5%;
  }
  .process-section{
    background-size: cover;
  }
    .tp-caption h2{
        font-size: 3em;
        padding: 5%;
    }
  .doctorweb .doc1{
    width: 10%;
  }
  .doctorweb .doc2{
    width: 40%;
  }
.doctorweb {
    display: block;
}
}