@charset "UTF-8";
html {box-sizing: border-box;} 
body{font-size: 1rem;line-height: 1.5;}
.face {display:none}.tagmanager {display:none;visibility:hidden}.clanhosting {bottom: 1%; right: 4%;}
.bg-overlay {top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%;background: rgba(30,34,40,.5); }
.title.is-1, .is-size-1 {font-size: 4.25rem;line-height: 1.125;}/*64px*/.title.is-2, .is-size-2 {font-size: 3.5rem;line-height: 1.125;}/*56px*/
.title.is-3, .is-size-3 {font-size: 3rem;line-height:1.166; }/*48px*/.title.is-4, .is-size-4 {font-size: 2.5rem; line-height: 1.2;}/*40px*/ 
.title.is-5, .is-size-5 {font-size: 2rem;line-height: 1.25;}/*32px*/.title.is-6, .is-size-6 {font-size: 1.5rem;line-height: 1.4;}/*24px*/
.title.is-7, .is-size-7 {font-size: 1.25rem;line-height: 1.5;} /*20px*/.title.is-8, .is-size-8 {font-size: 1.125rem;line-height: 1.5;} /*18px*/
.title.is-9, .is-size-9 {font-size: 1rem;line-height: 1.5;}/*16px*/.title.is-10, .is-size-10 {font-size: 0.875rem; line-height: 1.5;} /*14px*/
.text-shadow {text-shadow: 0 .25rem 1.75rem rgba(30,34,40,.07) !important;}
.text-uppercase, .letter-spacing {letter-spacing: 0.01rem;}
/*usado*/
.green { color: #00b090;}
.white { color: #ffffff;}.bg-white {background-color: #ffffff !important;}
.border-orange {border: 2px solid  #001B41!important;}
.orange-claro {color: #f37720;}.bg-orange-claro {background-color:#f37720 !important;}/*fondo*/
.gray {color: #5c686c;} .bg-gray {background-color:#5c686c; }
.gray-dark {color: #191919;} .bg-gray-dark {background-color:#191919; }
.bg-claro {background-color:#F4F7FA;}
.fa-white {font-size:1rem; margin-right:2%;}.fa-white { color:#ffffff!important; }
/*** Button ***/
.btn-secondary, .btn_contrata {font-size: 1rem !important;color:#ffffff;text-decoration:none;height: auto;width: auto;font-weight:500; padding: 0.5rem 1rem;}
.btn-secondary {background-color:#F37720!important;border: 1px solid transparent; display: inline-block;cursor: pointer;}
.btn-secondary a, .btn-secondary a:hover,.btn-secondary:hover{color:#ffffff!important; background-color:#F37720;}
.btn_contrata {background-color:#191919!important;border-color: #191919!important;margin: 0.6rem 0; float: left;}.btn_contrata:hover{color: #ffffff !important;}
.btn-secondary:hover, .btn_contrata:hover{text-decoration:none;border-color: transparent !important;}
.btn{letter-spacing: .35px!important; height: auto; text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;transition:all .2s ease-in-out}
.link {text-decoration:none;color:#191919;}.link a, .link a:hover {color:#191919!important;}
/*---*/
.section {padding-top: 4.5rem; padding-bottom: 4.5rem; }
.img-responsive {display: block;max-width: 100%; height: auto;}
.sombra { box-shadow: 0 0 16px rgba(0,0,0,.1); }
.display-inline {display: inline!important;}
.inline-block {display: inline-block;}
.boxes {float: left; width: 100%; height: auto;}
.separador {color:#ffffff; }
.border {border: 1px solid rgb(222, 226, 230) !important;}.border_right {border-right: 2px solid #e3f0d2 !important;}.border_top {border-top: 1px solid rgb(222, 226, 230) !important;}.border_bottom {border-bottom: 1px solid rgb(222, 226, 230) !important;}.border-white-1 {border-color: rgba(255,255,255,0.6) !important;}
.fontdm {font-family: 'DM Sans', sans-serif !important;}
p {font-family: 'Rubik', sans-serif; float: left;letter-spacing: .01px; padding:0; width: 100%;margin: 0!important;}
hr { box-sizing: content-box;height: 0;overflow: visible; margin-top: 6px; margin-bottom: 6px; border: 0; border-top-color: currentcolor; border-top-style: none; border-top-width: 0px; border-top: 1px solid rgba(0, 0, 0, 0.1); }
hr.divider {width: 100%;height: 1px; background-color: transparent;background-image: linear-gradient(90deg, rgba(206,211,246,0) 0, #bbb 38%, #bbb 64%, rgba(206,211,246,0) 99%);opacity: .4;border: none!important; margin: 2rem 0 0; float: left;}
.banner-home {width: 89%; float: left; height: auto;}
/*tabla*/
.table .fa {font-size: 1.25rem;}
/*----footer -----*/
.footer a, .footer a:hover{color: #2f1c6a !important; font-size: 1rem !important;}
/*--planeshome-*/
.is-size-cir {font-size: 1.5rem;line-height: 1;}
.empresa-hosting {text-align: center;margin: 0;clear: both; float: left;height: auto;width: 100%;}
.notacliente {width: 60px; height: auto; margin-right: 2%; float: left; font-size: 2.5rem; line-height: 1.2;}
.notamini {width: 50px; height: auto; margin-right: 2%; float: left; font-size: 2.5rem; line-height: 1.2;}
.starcliente, .starnotacliente {float: left; text-align: left;}
.starcliente {width: 170px;}.starnotacliente {width: 100px;}
.font-large { font-size: 120%;}
.logohome { float: left; width: 160px;}
.marcas, .texto-a, .texto-b, .costo {float: left; }
.marcas { width:15%;}
.texto-a { width: 43%; border-right: 1px solid #E3E3E3; border-left: 1px solid #E3E3E3;}
.texto-b { width: 22%;}
.costo { width: 19%; border-left: 1px solid #E3E3E3;}
.desde {font-size: 1.1rem; line-height: 1.5;}
.precio {font-size: 1.25rem; line-height: 1.5;} .precio-coti {font-size: 1.5rem; line-height: 1.4;}
.precio span, .precio-coti span, .valor span{ font-size: 80%;}
.soporte { bottom: 0; left: 4%; z-index: 2;}
.icon { float: left; width: 60px;height: auto;}
.item {text-align: left; width: 100%; line-height: 2 !important; TEXT-DECORATION: none; font-weight: 400;}
.item span {font-size: 110%; font-weight: 700; }
.item-line-height {line-height: 2.1 !important;}
@media screen and (max-width: 425px) {
.title.is-1, .is-size-1,.title.is-2, .is-size-2 {font-size: 2.25rem !important; line-height: 1.2 !important;} 
.title.is-3, .is-size-3 {font-size: 2rem !important; line-height:1.25 !important;}
.title.is-4, .is-size-4, .title.is-5, .is-size-5 {font-size: 1.5rem !important; line-height: 1.4 !important;}
.section {padding-top: 2.5rem!important; padding-bottom: 2.5rem!important; }
.btn_menu {display:none;} /*lo saca*/ 
.tb-normal {margin-top: 2rem !important; margin-bottom: 2rem !important; }  /*margenes imagenes*/
.banner-home {width: 100%;}
.texto-a {border-right: 0px solid #E3E3E3; border-left: 0px solid #E3E3E3;}
.marcas, .texto-a, .texto-b, .costo { width: 98%;}	
.marcas, .texto-a, .texto-b {border-bottom: 1px solid #E3E3E3; margin-bottom: 1rem; padding-bottom: 1rem; }		
.costo { border-left: 0px solid #E3E3E3;}
 /**blog*/
.boxes-menu {width: 100%; float: left;}
.blogtitle {font-size: 1.5rem;line-height: 1.4;}
.post-meta li {width: 100%;}/*50%*/
.blog.single .card-body{padding:1.5rem !important;}
.grid-view article .card-body {padding: 1rem 0.5rem !important;}
.vid-blog { width: 320px; height: 240px; padding-top: 2rem; }.vid-blog iframe {width: 98%; height: 260px;} 
}
/*@media only screen and (min-width: 480px) and (max-width: 600px) { } /*celular horizontal*/
@media only screen and (min-width: 425px) and (max-width: 574px) { 
.marcas, .texto-a, .texto-b, .costo { width: 98%;}	
.marcas, .texto-a, .texto-b {border-bottom: 0px solid #E3E3E3; margin-bottom: 1rem; padding-bottom: 1rem; }	} /*celular horizontal*/
@media (max-width: 575px) {/*bootstrap*/
.title.is-1, .is-size-1,.title.is-2, .is-size-2 {font-size: 2.5rem;line-height:1.2;} 
.title.is-3, .is-size-3 {font-size: 2rem !important; line-height:1.25 !important;}
.title.is-4, .is-size-4, .title.is-5, .is-size-5 {font-size: 1.5rem !important; line-height: 1.4 !important;}
.texto-a {border-right: 0px solid #E3E3E3; border-left: 0px solid #E3E3E3;}
.marcas, .texto-a, .texto-b, .costo { width: 98%;}	
.marcas, .texto-a, .texto-b {border-bottom: 0px solid #E3E3E3; margin-bottom: 1rem; padding-bottom: 1rem; }		
.costo { border-left: 0px solid #E3E3E3;}	
.btn_menu {display:none;} }

@media (min-width: 576px) { /*bootstrap*/}
@media (min-width: 768px) { /*bootstrap*/}
@media (min-width: 992px) { /*bootstrap*/  
.container.facts .facts-text {padding-left: calc(((80% - 960px) / 2) + .75rem); /*100% - 960px*/}
.container.facts .facts-counter {padding-right: calc(((80% - 960px) / 2) + .75rem);/*100% - 960px*/}	
}
@media only screen and (min-width: 1000px) and (max-width: 1169px){ /*este lo toma crome seo 1024*/	
.title.is-1, .is-size-1,.title.is-2, .is-size-2 {font-size: 3rem;line-height: 1.116;}  
.title.is-3, .is-size-3 {font-size: 2.5rem;line-height:1.2;}
.title.is-4, .is-size-4 {font-size: 2rem; line-height: 1.25;} 
.title.is-5, .is-size-5 {font-size: 1.5rem; line-height: 1.4;} 
.title.is-6, .is-size-6 {font-size: 1.25rem; line-height: 1.5;}
.banner-home {width: 92%;}
}		
@media (min-width: 1200px) {/*bootstrap*/
.btn.btn-circle.btn-lg,.btn-group-lg>.btn.btn-circle { font-size: 1.3rem;}    
}
@media only screen and (min-width: 1260px) and (max-width: 1366px){ /*este lo google PageSpeed Insights */
.title.is-1, .is-size-1 {font-size: 4rem;line-height: 1.125;} 
.banner-home {width: 90%;}
}