a{
  cursor: pointer;
}
.navbar-brand{
    width: 300px;
}
.btn{
    height: 50px;
    border: 2px solid rgba(255, 255, 255, 0.5);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}
.btn:hover{
    color: #0056b4 !important;
}
.header-topbar, .btn:not(.btn__link):not(.btn__outlined):before, .contact-info .boxes-wrapper>[class*=col-]:nth-of-type(1) .contact-box, .contact-info .boxes-wrapper>[class*=col-]:nth-of-type(2) .contact-box, .contact-info .boxes-wrapper>[class*=col-]:nth-of-type(3) .contact-box,.btn__secondary.btn__outlined:hover, .banner-layout1, .contact-layout5 {
    background-color: #0056b4 !important;
}
.header-topbar .contact__list li>i, .testimonials-layout1 .testimonials-wrapper:before, .testimonials__rating .total__rate{
    color: #8eccb1;
}
.btn__primary, .contact-info .contact-box .btn__white.btn__outlined, .contact-info .contact-box .phone__number .icon-phone, .btn__secondary.btn__outlined, .contact-layout3, .slick-dots li.slick-active button,.services-layout2 .service-item:before,.footer .footer-secondary:after, .footer .footer-widget-contact:after, .widget:after, .widget-services ul li a:hover, .bg-overlay-primary-gradient:before{
    background-color: #8eccb1 !important;
}
.testimonials-layout1{
    margin-top: 50px;
    margin-bottom: 50px;
}
.navbar .btn__primary{
    color: #fff;
}
.navbar .btn__primary:hover{
    color: #fff !important; 
}
/* Logo Doctorweb */
.doctorweb .doc1{
    width: 10%;
    animation: 10s doc infinite ease;
  }
  .doctorweb .doc2{
    width: 50%;
  }
  .footer .phone__number{
      font-size: 14px;
      font-weight: 100;
      margin: 10px 0px;
      color: #0056b4;
  }
  .footer .footer-primary{
      background-color: #001A36;
  }
  .client img{
      filter: none !important;
  }
  .footer i, .cta .cta__title{
      color: #8eccb1;
  }
  .footer .footer-secondary{
      padding: 1% 0%;
  }
  .features-layout1 .heading__title{
      font-size: 1.5em;
  }
  @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);
      }}
::-webkit-scrollbar {
    width: 5px;
  }
  ::-webkit-scrollbar-track {
    background: #0056b4; 
  }
  ::-webkit-scrollbar-thumb {
    background: #8eccb1;
    transition: .5s;
  }
   .social-bar {
    position: fixed;
    right: .5%;
    top: 40%;
    font-size: 2rem;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    z-index: 100;
    }
    .icono {
    color: #fff !important;
    text-decoration: none;
    height: 50px;
    width: 50px;
    display: flex;
    transition: all .5s;
    margin-top: 10%;
    position: relative;
    border-radius: 100px;
    border: 2px solid rgba(255, 255, 255, 0.5);
    background: #0056b4;
    }
    .icono .fa,  .icono .fab{
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
.icono .fas,  .icono .fab{
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .icono-facebook {
    background: #53C5D4;
    }
    .icono-twitter {
	background-image: -webkit-gradient(linear, left top, right top, from(#00cfd7), to(#007985));
    background-image: linear-gradient(90deg, #00cfd7 0%, #007985 100%);
    }
    .icono-youtube {
    background:  #CAF55F;
    }
    .icono-instagram {
	background-image: -webkit-gradient(linear, left top, right top, from(#007985), to(#00cfd7));
    background-image: linear-gradient(90deg, #007985 0%, #00cfd7 100%);
    }

    .icono:hover {
    transform: scale(1.1);
    box-shadow: 0 0 .5rem rgba(0, 0, 0, 0.42);
    color: #333;
    transition: .5s ease;
    }
    .cta{
        padding: 2% 0%;
    }
    .cta .btn{
        margin-bottom: 5%;
        color: #fff;
    }
    .cta .btn:hover{
        color: #fff !important;
    }
    .bg-light-blue{
        background: #0056b4 !important;
    }
    .work-process{
        background: none !important;
        background-color: #0056b4 !important;
    }
    .contact-layout5{
        margin-top: 50px;
        margin-bottom: 50px;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
    }
    .list-horizontal li{
        flex: 100%;
        max-width: 100%;
    }
    .banner-layout1 {
        background: none !important;
        background-color: #0056b4 !important;
    }
    .banner-layout1 .heading__desc .heading__desc, .list-items li{
        color: #8eccb1 !important;
    }
    h1, h2, h3, h4, h5, h6{
        text-transform: none;
    }
    .services-layout2 .service-item .btn:hover{
        color: #fff !important;
    }
    .boxes-wrapper, .video-banner img, .about-layout2 .video-banner-layout2 {
        box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
    }
    .features-layout1:after{
        height: 0px;
    }
    .services-layout2 {
        background: none !important;
        background-color: #0056b4 !important;
    }
    .heading__desc, .list-items li, .services-carousel .service-item .service__desc{
        color: #0e204d;
    }
@media only screen and (min-width: 320px) and (max-width: 767px){
  .centertextr{
    text-align: center;
  }
  .doctorweb .doc1{
    width: 5%;
  }
  .doctorweb .doc2{
    width: 20%;
  }
.doctorweb {
    display: block;
}
body{
  overflow-x: hidden;
}
.heading-light .heading__desc, .heading-light .heading__title{
  margin-top: 5%;
}
.cta{
  text-align: center;
}
.about-layout2, .feature__content {
  text-align: center;
}
.slide__content{
  background-color: rgba(255, 255, 255, 0.5);
  padding: 2%;
  border-radius: 5px;
}
.video-banner{
  margin-bottom: 50px;
}
.footer .contact-list li{
  font-weight: 900;
}
.header .navbar-brand img{
  width: 200px !important;
  max-width: 200px !important;
}
.skin-area .skin-content .section-title h2 strong {
  color: #376bad;
}
.skin-area .skin-content .section-title h2 span {
  color: #bb9119;
}
.header-area .right {
  text-align: left;
}
.header-area .left ul {
  text-align: right;
}
.section-title h2 {
  font-family: Lato, sans-serif;
  font-size: 3em !important;
}
.section-title h2 {
  width: max-content;
  border: 3px solid #f7da89;
  box-shadow: rgba(0, 0, 0, 0.05) 0 1px 2px 0;
  margin-right: auto;
  margin-left: auto;
  padding: 10px 20px;
  line-height: 1;
  color: #376bad;
  margin-bottom: 20px;
  border-radius: 5px;
}
.section-title h2 span {
  color: #ba9119;
}	
}