/*------------------------------------------------------------------
 * Website Name: Antler
 * App URI: http://inebur.com/antler/template/
 * Author: inebur
 * Author URI: http://inebur.com/
 * Copyright 2018 Antler
 * Version: 1.0 

 * Blue Color Skin
 -------------------------------------------------------------------*/

/* Blue Light */

.subtitle-header {
  margin-top: 5px;
  color: #6c757deb;
  font-size: 17px;
  text-transform: uppercase;
}

.diagonal-banner {
  height: 120px;
  bottom: -60px;
  transform: skew(
0deg
,
-3.5deg
);
}
.skew-before, .diagonal-banner {
  position: absolute;
  background-color: #F6F9FC;
  width: 100%;
  z-index: 1;
}
/* ------------------------------- SCROLL BAR ------------------------------- */
.logo-carga {
  display: flex;
  justify-content: center;
  width: 100%;
}
.logo_blanco {
  display: none;
}
body::-webkit-scrollbar,
.dropdown-noti::-webkit-scrollbar,
.v-tables::-webkit-scrollbar {
    -webkit-appearance: none;
}

body::-webkit-scrollbar:vertical,
.dropdown-noti::-webkit-scrollbar:vertical,
.v-tables::-webkit-scrollbar:vertical {
    /* background: rgba(100, 100, 100, 0.849); */
    width: 10px;
}

body::-webkit-scrollbar-button:increment,
body::-webkit-scrollbar-button,
.dropdown-noti::-webkit-scrollbar-button:increment,
.dropdown-noti::-webkit-scrollbar-button,
.v-tables::-webkit-scrollbar-button:increment,
.v-tables::-webkit-scrollbar-button {
    display: none;
}

body::-webkit-scrollbar:horizontal,
.dropdown-noti::-webkit-scrollbar:horizontal,
.v-tables::-webkit-scrollbar:horizontal {
    /* background: rgba(189, 189, 189, 0.449); */
    height: 10px;
}

body::-webkit-scrollbar-thumb,
.dropdown-noti::-webkit-scrollbar-thumb,
.v-tables::-webkit-scrollbar-thumb {
    background: rgba(189, 189, 189, 0.749);
    border-radius: 20px;
    border: 2px solid #f1f2f3;
}

body::-webkit-scrollbar-track,
.dropdown-noti::-webkit-scrollbar-track,
.v-tables::-webkit-scrollbar-track {
    border-radius: 10px;
}

/* ------------------------------- CUSTOM CSS ------------------------------- */
/* 
.top-header.overlay {
  background-color: rgba(0,0,0,.7);
  animation: fadeIn ease 5s;
 -webkit-animation: fadeIn ease 5s;
} */

.ico-head {
  width: 110px!important;
  height: 110px!important;
}


.boxshadowcustom {
  -webkit-box-shadow: inset 0px -62px 35px -73px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px -62px 35px -73px rgba(0,0,0,0.75);
box-shadow: inset 0px -62px 35px -73px rgba(0,0,0,0.75);
}
.item-li-custom {
  margin-top: 0!important;
  color: #f6f6f6!important;
}

.background_custom1 {
  background: linear-gradient(
-60deg
, #f6f6f6 0%, #3797cf 100%) !important;
}
.custom-hover-img:hover {
  cursor: pointer;
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  -webkit-transition: all 300ms linear 0ms;
  -moz-transition: all 300ms linear 0ms;
  -ms-transition: all 300ms linear 0ms;
  transition: all 300ms linear 0ms;
}

.custom-element-right2 {
  position: absolute;
  width: 100%;
  max-height: 500px;
  right: -300px;
  overflow: auto;
  margin: auto;
  top: 0;
  bottom: 0;
}

.included2 {
  margin-top: 25px;
  color: #fff;
  line-height: 25px;
  font-size: 14px;
}

.last_secction {
  /* background: rgb(0, 0, 0); */
  /* height: 100px; */
  /* width: 200px; */
  -moz-box-shadow: inset 0 -5px 10px -10px #000000;
  -webkit-box-shadow: inset 0 -5px 10px -10px #000000;
  box-shadow: inset 0 -5px 10px -10px #000000;
}

.anchor_01, .anchor_02, .anchor_03 {
  position: relative; 
  top: 80px;
}

.row-cards {
  padding: 0 30px 0 30px;
}

.service-header {
  height: 270px!important;
}

.service-header2 {
  height: 210px!important;
}

.service-container {
  padding: 0px 50px;
  /* height: 380px!important; */
}

@media (max-width: 1268px) {    
  .service-header {
    height: 320px!important;
  }
}

.service-w {
  height: 0px;
}

.help .h-item:before {

  height: 75%!important;

}

.custom-des {
  padding: 60px 30px 20px 60px;
  background: #00000008;
  border-radius: 4px;
    box-shadow: 0 13px 30px rgb(50 50 93 / 10%), 0 10px 15px rgb(50 50 93 / 15%), 0 5px 10px rgb(0 0 0 / 10%);
}

.help .help-item2:before {
  right: 28%!important;
  left: 73%!important;
}

@media (max-width: 991px) {
  .service-header {
    height: 250px!important;
  }

  .service-header2 {
    height: 290px!important;
  }
}

@media (max-width: 768px) {    
  .anchor_01, .anchor_02, .anchor_03 {
    /* top: 20px; */
  }
  .container-cardlarge {
    padding: 0!important;
  }

  .circle {
    position: relative;
    left: 20px;
    margin-bottom: 20px;
  }

  .ico-head {
    width: 90px!important;
    height: 90px!important;
  }

  .row-cards {
    padding: 0 15px 0 15px;
  }

  .custom-element-right2 {
    left: -20px;
    top: 236px!important;
  }

  .included {
    display: list-item!important;
  }

  .logo_blanco {
    display: grid!important;
  }

  .service-header {
    height: 300px!important;
  }

  .service-container {
    padding: 0px;
  }

  .service-w {
    height: 160px;
  }

  .service-header2 {
    height: 360px!important;
  }
}

@media (max-width: 528px) {
  .service-header {
    height: 360px!important;
  }

  .ico-head {
    width: 70px!important;
    height: 70px!important;
  }

  .service-header2 {
    height: 410px!important;
  }
}


@media (max-width: 468px) {
  .service-header {
    height: 500px!important;
    margin-bottom: 110px;
  }

  .service-container {
    margin-bottom: 110px;
  }

  .service-header2 {
    height:510px!important;
  }

}

@media (max-width: 368px) {

  .service-header2 {
    height:580px!important;
  }

}

.sec-uping-v {
  margin-top: -140px;
}



@media (min-width: 768px) {

  .sub-title-home {
    font-size: 38px;
  }

  .slick_home {
    height: calc(100% - 100px);
  }

  .footer-bottom2 {
    display: flex!important;
    justify-content: space-around!important;
  }

  .sec-uping-v {
    margin-top: -500px;
  }
  

}

.logo-map {
  right: 45px;
   
    position: absolute;
    width: 170px;
    top: -88px;
    opacity: .2;
}

.logo-question {
  right: -31px;
  position: absolute;
  width: 699px;
  top: -38px;
  opacity: .1;
}

.maping .datacenters.vinadelmar {
  top: 82%; left: 26%;
}
.maping .datacenters.santiago {
  top: 85%; left: 26%;
}
.maping .datacenters.miami {
  top: 52%; left: 23%;
}

.circle-section .circle-wrapper p {
  margin-top: 15px!important;
}
.circle-entry .svg {
  position: relative!important;
  top: -139px!important;
}
.number-icon {
  position: relative!important;
    top: -139px!important;
}
.number-circle-icon {
  position: relative!important;
  top: 13px!important;
}

@media (max-width: 767px) {
  .number-circle-icon {
    top: 0px!important;
  }
}




.svg-home-v {
  width: 100%;
}

@media (max-width: 1190px) {
  .svg-home-v {
    width: 60%;
  }

  #anchor02 {
    top: -320px;
  }
}

.bg-custom {
  background: black;
  opacity: 0.7;
  height: 100vh;
  width: 100%;
  position: absolute;
  -webkit-animation: fadeInFromNone 6s ease-in;
  -moz-animation: fadeInFromNone 6s ease-in;
  -o-animation: fadeInFromNone 6s ease-in;
  animation: fadeInFromNone 6s ease-in;
}

@-webkit-keyframes fadeInFromNone {
  0% {
    opacity: 1;
  }

  1% {
    opacity: 1;
  }

  20% {
    opacity: 0.9;
  }

  40% {
    opacity: 0.8;
  }

  60% {
    opacity: 0.7;
  }

  100% {
    opacity: 0.7;
  }
}

@-moz-keyframes fadeInFromNone {
  0% {
    opacity: 1;
  }

  1% {
    opacity: 1;
  }

  20% {
    opacity: 0.9;
  }

  40% {
    opacity: 0.8;
  }

  60% {
    opacity: 0.7;
  }

  100% {
    opacity: 0.7;
  }
}

@-o-keyframes fadeInFromNone {
  0% {
    opacity: 1;
  }

  1% {
    opacity: 1;
  }

  20% {
    opacity: 0.9;
  }

  40% {
    opacity: 0.8;
  }

  60% {
    opacity: 0.7;
  }

  100% {
    opacity: 0.7;
  }
}

@keyframes fadeInFromNone {
  0% {
    opacity: 1;
  }

  1% {
    opacity: 1;
  }

  20% {
    opacity: 0.9;
  }

  40% {
    opacity: 0.8;
  }

  60% {
    opacity: 0.7;
  }

  100% {
    opacity: 0.7;
  }
}

/* .bg-custom::before {
  opacity: 0.8;

} */

.owl-v {
  height: 100vh;
}

.owl-v button.owl-next,
.owl-v button.owl-prev {
  display: none !important;
}
@media (min-width: 990px) {
  .logo-menu {
    width: 155px !important;
    /* height: 70px !important; */
    top: -18px !important;
    position: relative !important;
    max-height: 70px !important;
  }
}

.top-header.overlay:before {
  background-color: rgba(0, 0, 0, 0.7);
}


.btn-default-yellow-fill:hover {
  background-color: var(--primary-color) !important;
}

.lower-color {
  color: #bde7ff;
}

.slick-slide:nth-child(2n + 1) .list-info {
  background: #4baee8 !important;
}

.slick-slide {
  opacity: 1 !important;
}

#sliders_ .slick-next,
#sliders_ .slick-prev {
  padding: 0px;
  opacity: 0.3;
}

#sliders_ .slick-next:before,
#sliders_ .slick-prev:before {
  opacity: 1;
}

#sliders_ .slick-prev {
  left: -50px;
}

#sliders_ .slick-next {
  right: -50px;
}

#sliders_ .slick-arrow:active {
  background: #fdd700 !important;
  opacity: 1;
}

#sliders_ .slick-arrow:focus {
  background-color: white;
  opacity: 0.5;
}

.top-content-card {
  padding: 25px 30px !important;
}

.list-info-card {
  padding: 20px 25px !important;
}

.li-list-info-card {
  padding: 7px 0 !important;
  font-size: 15px !important;
}

/* ----------------------------- FIN CUSTOM CSS ----------------------------- */

svg #svg-ico {
  fill: var(--primary-color)!important;
}
svg #svg-concept {
  stroke: var(--primary-color);
}
.golink {
  color: var(--primary-color) !important;
  border-bottom: solid 1px var(--primary-color);
}
.golink:hover {
  color: var(--primary-color) !important;
}
.bg-pink {
  background-color: var(--primary-color) !important;
}
.c-pink {
  color: var(--primary-color) !important;
}
.bb-pink {
  border-bottom: solid 1px var(--primary-color) !important;
}
.popover {
  border: solid 1px var(--primary-color);
}
.popover .arrow::before {
  border-top-color: var(--primary-color);
}
.popover .popover-header {
  background-color: var(--primary-color);
}
::selection {
  background: var(--primary-color);
}
.nav-menu .main-menu > .menu-item > .sub-menu > .menu-item a:hover {
  color: var(--primary-color);
}
.nav-menu
  .main-menu
  .menu-item
  .menu-large
  .service-list
  .service
  .media-body
  a:hover {
  color: var(--primary-color);
}
.megamenu .start-offer .inner {
  background-color: var(--primary-color);
}
.megamenu .service-list .service.special .media-body a:hover {
  color: var(--primary-color);
}
.megamenu .service-list .service .media-body a:hover {
  color: var(--primary-color);
}
.megamenu-list .service-list .service .media-body a:hover {
  color: var(--primary-color);
}
.team .wrapper:hover .team-info .desc {
  color: var(--primary-color);
}
.wpc-cloud-range .noUi-connect {
  background-color: var(--primary-color);
}
.wpc-cloud-range .noUi-tooltip:before {
  border-color: var(--primary-color) transparent transparent transparent;
}
.wpc-cloud-range .noUi-tooltip {
  background-color: var(--primary-color);
}
.wpc-cloud-range .noUi-horizontal .noUi-handle {
  background-color: var(--primary-color);
}
.wpc-vps-info .title .info {
  color: var(--primary-color);
}
.fullrock .closer {
  color: var(--primary-color) !important;
}
.form-control:focus {
  border: solid 1px var(--primary-color) !important;
}
.sec-bg5 {
  background-color: var(--primary-color);
}
.total-grad {
  background: linear-gradient(-60deg, var(--primary-color) 0%, #4baee8 100%) !important;
}
.total-grad-inverse {
  background: linear-gradient(240deg, #4baee8 0%, var(--primary-color) 100%);
}
.menu-wrap.fixed {
  background: linear-gradient(89deg, var(--primary-color) 3%, #4baee8 98%);
}
.btn-default-pink {
  color: var(--primary-color);
  border: 1px solid var(--primary-color);
}
.btn-default-pink:hover {
  background-color: var(--primary-color);
}
.btn-default-grad-purple-fill {
  /* background-image: linear-gradient(
    to right,
    var(--primary-color),
    #68cef5 40%,
    #68cef5 40%,
    var(--blue-color)
  ); */
  background: var(--primary-color)!important;
}

.btn-default-grad-purple-fill-black {
  background: var(--dark-color)!important;
  color: white;
}
/* .btn-default-grad-purple-fill:hover {
  background-image: linear-gradient(
    to right,
    var(--primary-color),
    #68cef5 40%,
    #68cef5 40%,
    #4baee8
  );
} */
.btn-default-pink-fill {
  background-color: var(--primary-color) !important;
}
.owl-theme .owl-dots .owl-dot.active span {
  border: solid 1px var(--primary-color) !important;
}
.pricing .wrapper .title {
  color: var(--primary-color);
}
.pricing .list-info {
  background-color: var(--primary-color);
}

.plan-container .list-info {
  background-color: var(--primary-color) !important;
}
.slick #slider .plan-container .title {
  color: var(--primary-color);
}
.tabs-header .btn-secondary:not(:disabled):not(.disabled).active {
  background-color: var(--primary-color) !important;
}
.tabs.offers-tabs .tabs-header .active {
  border-left: solid 1px var(--primary-color);
  color: var(--primary-color);
}
.tabs.offers-tabs .tabs-header .active:hover {
  color: var(--primary-color);
}
.fill-input:focus {
  border-color: var(--primary-color) !important;
}
.countdown .wrapper .clock div:first-child {
  border: solid 1px var(--primary-color);
  background-color: var(--primary-color);
}
.accordion.faq .panel-title.active {
  border-bottom: solid 1px var(--primary-color);
}
.blog .sidebar .heading.active {
  color: var(--primary-color);
}
.blog .sidebar .posts .tabs-header li.active {
  color: var(--primary-color);
  border-bottom-color: var(--primary-color);
}
.blog .sidebar .line.active:before {
  background-color: var(--primary-color);
}
.blog .media .media-heading a:hover {
  color: var(--primary-color);
}
.blog .wrap-blog .social-icon i {
  color: var(--primary-color);
}
.blog .sidebar .categories .heading a.active {
  color: var(--primary-color);
}
.blog .sidebar .categories .heading a:after {
  color: var(--primary-color);
}
.blog .sidebar .categories .heading span {
  color: var(--primary-color);
}
.circle-section .title-round {
  color: var(--primary-color);
}
.domain-prices li {
  color: var(--primary-color);
}
.maping .datacenters {
  background: var(--primary-color);
}
.footer .soc-icons i {
  color: var(--primary-color);
}
.included i {
  color: var(--primary-color);
}
.soc-icons-apply span {
  color: var(--primary-color);
}
.bigline {
  border: solid 1px var(--primary-color);
}
.smallline {
  border: solid 1px var(--primary-color);
}
.knowledge a {
  color: var(--primary-color);
}
.godown span {
  color: var(--primary-color);
}
.cd-filter-block input[type='radio']:checked + label::before,
.cd-filter-block input[type='checkbox']:checked + label::before {
  border: solid 1px #5caada9e !important;
  border: solid 1px #5caada9e !important;
}
.cd-filter-block select:hover {
  border: solid 1px #5caada9e !important;
}
.cd-filter-block input:hover {
  border: solid 1px #5caada9e !important;
}
.cd-filter-block input:focus,
.cd-filter-block select:focus {
  border-color: var(--primary-color) !important;
}
.range-slider-input::-webkit-slider-runnable-track {
  background: var(--primary-color);
}
.range-slider-input::-webkit-slider-thumb {
  background: var(--primary-color);
}
.zoo-content .icoo i {
  background-color: var(--primary-color);
}
.services .service-wrap .pay img {
  border: solid 1px var(--primary-color);
}
/* Blue Dark */
.bg-purple {
  background-color: #4baee8 !important;
}
.c-purple {
  color: #4baee8 !important;
}
.sec-grad-white-to-purple {
  background: linear-gradient(90deg, #fff 70%, #4baee8 0%) !important;
}
.btn-default-purple {
  color: #4baee8;
  border: 1px solid #4baee8;
}
.btn-default-purple:hover {
  background-color: #4baee8;
}
.btn-default-purple-fill {
  background-color: #4baee8 !important;
}
.pricing .table .title {
  color: #4baee8;
}
.accordion.faq .panel-title.active {
  color: #4baee8 !important;
}
.wpc-vps-info .price-wrap .title {
  background-color: #4baee8;
}