/*COMONS*/
.config-cookies{
    position:fixed;
    bottom:2rem;
    left:2rem;
}
.config-cookies a{
    display:inline-block;
    background: #026CFF;
    border-radius: 50%;
    color: #fff;
}
#cont-avis-cookies{
    background: #fff;
    width:100%;
    z-index: 300;
    padding: 2rem 0;
    box-shadow:0 10px 60px 0px rgba(0, 0, 0, 0.5);
    overflow: visible;
    border-top:solid 1px #004696;
}
#avis-cookies{
    position: fixed;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: visible;
    z-index: 200;
}

input:disabled, input[readonly] {
    background-color: #e6e6e6;
    cursor: not-allowed;
}

input[readonly] + label, input[readonly]:disabled + label{
    cursor: not-allowed;
}



#avis-cookies h5{
    color: #004696;
    margin-bottom: 0;
}
#avis-cookies p{
    color: #004696;
    font-size: 0.85rem;
}

#cont-avis-cookies .button.nomargin{margin-bottom: 1rem;}

.navbutton .tabs-title > a {
    display: block;
    padding: 1.25rem 1.5rem;
    font-size: inherit;
    line-height: 1;
    color: #004696;
}
.navbutton .tabs-title > a:focus, .navbutton .tabs-title > a[aria-selected='true'] {
    background: #fedf9b;
    color: #004696;
}

.aviso{
    overflow:hidden;
    background: #ffa506;
    text-align:center;
    color:#000;
    padding: 0.5rem 0;
    font-weight: 700;
}

nav.subnav{
    padding:1rem;
    background: #eee;
}
nav.subnav ul{
    list-style:none;
    margin:0;
    padding:0;
    text-align: center;
}
nav.subnav ul li{
    display: inline-block;
}
nav.subnav ul li a{
    display:block;
    padding: 0.5rem;
}
nav.subnav ul li a.current{
    font-weight:bold;
}

.space-top{
    padding-top: 90px;
}
.right-header{
    text-align:right;
}

.off-canvas.is-transition-overlap {
    z-index: 999999;
}

body{
    color:#444;
}
body,
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: "new-hero", sans-serif;
    font-weight: 600;
    font-style: normal;
    color:#141B3D;
}
body, p{
    font-weight:400!important;
    color:#333;
    font-size: 17px;
}

section{
    padding: 4rem 0;
}
section h2{
    margin-bottom:2rem;
}

.ssl-cont section:first-child{
    padding-top:1rem!important;
}

.box-blue h4{
    color:#fff;
}

.nav-header .btn-home{
    width:220px;
}
.button {
    border: 2px solid transparent;
    border-radius: 4px;
}
.button {
    background-color: #026CFF;
}

.button.phone {
    background: none;
    margin:0;
    padding: 0 0.2em;
}
.button.phone h5 {
    font-family: 'new-hero';
    font-size: 0.8rem!important;
    font-weight: bold;
    color:#004696;
    margin-bottom: 0;
    text-transform: none!important;
}

.breadcrumb.wide{
    border-bottom:solid 2px #eee;
    margin: -4rem 0 4rem 0;
    font-size: 0.8rem;
    padding: 0.6rem 0;
}

.wide .breadcrumb.wide{
    margin:0!important;
}
.wide .breadcrumb.wide .grid-container {
    padding-right: 1.875rem;
    padding-left: 1.875rem;
}

.quiere-bolsa{
    display:none !important;
}
.center{
    text-align:center!important;
}
.justify{
    text-align:justify;
}
.left{
    text-align:left;
}
.right{
    text-align:right;
}
.align-right{
    text-align: right;
}
.table{
    display:table;
    width:100%;
    height:100%
}
.tablecell{
    display: table-cell;
    vertical-align: middle;
}
.space{
    padding-top: 10px;
    padding-bottom:0px;
}
.space-bottom{
    margin-bottom: 6rem;
}
.list{
    list-style:  disc;
    margin-left: 1.2rem;
}
.center img{
    margin-bottom: 1rem;
}
.smalltext{
    font-size:1rem;
}
.nomargin{
    margin: 0!important;
}
.nopadding{
    padding: 0!important;
}
.no-link{
    cursor:default;
}
.noborder{
    border:none;
}
.wide{
    width:100%;
    display:block;
}
.anchor{
    padding-top: 8rem
}
.color a{
    color:#fff;
    text-decoration: none;
}
.block-movil{
    display:inline-block!important
}
.bg-red-alpha{
    background: rgba(210,25,25,0.75);
    padding: 1rem;
    display:inline-block;
}

.files{
    padding:1rem 0;
    margin-bottom: 1rem;
    border-bottom:solid 1px #eee;
}
.files span{
    display:block;
    font-size: 0.8rem;
    color:#333;
    font-weight: 400;
}
.files:hover{
    background:#f8f8f8;
    transition-duration: 0.5s;
}

.results span{
    min-width:76px;
    display:inline-block;
}
.results span.offer{
    min-width:40px;
}

.promo{
    text-align: center;
    margin: -3rem 0 4rem 0;
    padding: 0 1rem 1rem 1rem;
    overflow: visible;
}
.promo div{
    text-align: center;
    padding: 1rem 1rem 0 1rem;
    background: #dbe7f5;
    display:inline-block;
}
.promo img{
    display:inline-block;
    max-width: 160px;
    margin-top: -2rem;
    margin-bottom: -10px;
    -moz-transform: rotate(350deg);
    -webkit-transform: rotate(350deg);
    -o-transform: rotate(350deg);
    -ms-transform: rotate(350deg);
    transform: rotate(350deg);
}

.top-search h2 img.globe{
    display:inline-block;
    width:80px;
    max-width: 80px;
    position:absolute;
    top:0;
    right:-82px;
    -moz-transform: rotate(350deg);
    -webkit-transform: rotate(350deg);
    -o-transform: rotate(350deg);
    -ms-transform: rotate(350deg);
    transform: rotate(350deg);
}

.globe-promo{
    display:inline-block;
    width:30px;
    max-width: 80px;
    position:absolute;
    top:3px;
    right:1px;
    -moz-transform: rotate(350deg);
    -webkit-transform: rotate(350deg);
    -o-transform: rotate(350deg);
    -ms-transform: rotate(350deg);
    transform: rotate(350deg);
}
.promo-info{
    display:inline-block;
    vertical-align: middle;
    width:60px;
    max-width: 60px;
    margin-top: 14px;
    -moz-transform: rotate(350deg);
    -webkit-transform: rotate(350deg);
    -o-transform: rotate(350deg);
    -ms-transform: rotate(350deg);
    transform: rotate(350deg);
}


.rating{
    float:right;
    padding-top: 0;
}
.rating span{
    font-size:1rem!important;
}

.offer{
    background: #14ce09;
    color:#fff;
    padding: 0 4px;
    display:inline-block;
    font-weight:700;
    border-radius:4px;
    margin-right: 6px;
}
.price-old{
    text-decoration:line-through;
}
.blocks ul{
    margin:0 0 0 1.35rem;
    padding:0;
    text-align:left;
}
.icon{
    max-width:6rem;
}
.icon-large .icon{
    max-width:12rem;
}

.icon-large .center{
    padding:1rem;
    border: solid 1px #ccc;
}


.icon{
    position:relative;
    display:inline-block;
}
.icon:after{
    display:block;
    content:'';
    position:absolute;
    top:4px;
    left:4px;
    height:88px;
    width:88px;
    border-radius:50%;
    box-shadow: 0 0 0px 0px rgba(194,195,200,0);
    z-index: 10;
    transition-duration: 0.2s;
}

.fullwide.heading .icon{max-width: 3.2rem;}


a:hover .icon:after{
    box-shadow: 0 0 0px 4px rgba(215,215,215,1);
    transition-duration: 0.2s;
}
a:hover h3{
    /*color: rgba(255,166,6,1);
        font-weight: 700;
    transition-duration: 0.2s;*/
}

a:hover .icon:after{
    animation: colorchange 0.6s; /* animation-name followed by duration in seconds*/
    /* you could also use milliseconds (ms) or something like 2.5s */
    -webkit-animation: colorchange 0.6s; /* Chrome and Safari */
}

@keyframes colorchange
{
    0%   {
        box-shadow: 0 0 0px 4px rgba(215,215,215,1);
    }
    50%  {
        box-shadow: 0 0 0px 8px rgba(215,215,215,1);
    }
    100%   {
        box-shadow: 0 0 0px 4px rgba(215,215,215,1);
    }
}

@-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */
{
    0%   {
        -webkit-box-shadow: 0 0 0px 4px rgba(215,215,215,1);
    }
    50%  {
        -webkit-box-shadow: 0 0 0px 8px rgba(215,215,215,1);
    }
    100%   {
        -webkit-box-shadow:  0 0 0px 4px rgba(215,215,215,1);
    }
}


.promo-domains div{
    display:block;
    margin: 0 1rem;
    border-radius:10px;
    background: rgba(255,165,6,0);
    transition-duration: 0.8s;
}
.promo-domains a{
    position:relative;
    display:block;
    padding: 1rem;
}
.promo-domains a:before{
    display:block;
    content:'';
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    border-radius:10px;
    box-shadow: 0 0 0px 0px rgba(194,195,200,0);
    z-index: 0;
    transition-duration: 0.8s;
}
.promo-domains a:hover:before{
    box-shadow: 0 0 0px 6px rgba(255,165,6,0.2);
    transition-duration: 0.8s;
}
.promo-domains:hover div{
    background: rgba(255,165,6,0.2);
    transition-duration: 0.8s;
}
.promos-domains-header{
    margin-bottom: 4rem;
    border-top: solid 1px #d6d6d6;
    border-bottom: solid 1px #d6d6d6;
    background-image: url(images/bg-head-page.svg); background-size: cover; background-position: bottom center;
}
.promos-domains-header a{
    display:block;
    padding: 0.6rem 0 0 0;
    color:#333!important;
}
.promos-domains-header h5, .promos-domains-header h6{
    color:#333!important;
}

.promos-domains-header ul{
    text-align:center;
    list-style: none;
    padding:0;
    margin: 0;
}
.promos-domains-header ul li{
    display:inline-block;
    text-align: center;
    margin: 0 1rem;
    padding:0 0.5rem;
    transition-duration: 0.8s;
}

.promos-domains-header ul li:hover{
    background: #fff;
    transition-duration: 0.8s;
}





table.comparativa.small-ssl td{
    font-size:13px;
    padding: 0.5rem 0.55rem 0.55rem;
}

section.bgsection:nth-child(even){
    background:#eee;
}

.ssl-cont .marca{
    padding-top: 1rem;
    border-right:solid 1px #eee;
}
.ssl-cont .marca:last-child{
    border:none;
}

.wide:nth-child(odd) .ssl-cont{
    background:#f8f8f8;
}

.ssl-cont h2{
    padding-top:4rem;
}



.callout.block{
    border:solid 1px #999;
    background: #fff;
    border-radius: 14px;
    padding:5px;
}
.callout.block h6{
    font-size: 80%;
}
.callout.block h6 span{
    font-weight:700;
}
.tit-callout {
    padding: 1rem;
    background: #2199e8;
    color: #fff;
    margin-bottom: 0!important;
}
.tit-callout span{
    font-weight:700;
}
.tit-callout.block {
    padding: 1rem;
    background: #E9F4FF;
    color: #004696;
    border-radius: 8px 8px 0 0;
}
.tit-callout.block img{
    width:60%;
}
.callout.block h3{
    display:block;
    padding: 6px;
}
.tit-callout.block h5{
    font-size: 90%;
}
.tit-callout.block a{
    display:block;
}
.tit-callout.block h4:hover{
    background:rgba(0,70,150,0.5);
    box-shadow: 0 0 0 6px rgba(0,70,150,0.5);
    color:#fff;
    transition-duration: 0.3s;
}

.callout.block h6 {
    padding: 10px;
    margin:0;
}
.callout.block h6:nth-child(even){
    background: #E9F4FF;
}

.callout.legal p{
    font-size: 0.8rem;
}
h5 span.idioma-sel{
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight:300;
    display:inline-block;
    vertical-align: middle;
    margin-left: 5px;
}


.domains br{
    margin-bottom: 1rem!important;
    display: block!important;
    line-height:2.5rem!important;
}
.domains h2{
    margin-bottom: 1rem;
}
.mail-encoded-contact {
    display: inline-block;
    font-family: 'Days One', sans-serif;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 0.85em 2em;
    margin: 0 0 1rem 0;
    font-size: 0.9rem;
    background-color: #004696;
    color: #fff;
}
.mail-encoded-contact:hover {
    background-color:#14679E;
}

.mail-encoded-contact a {
    color:#fff;
}


/* Style the header */
.nav-header {
}

/* Page content */
.content {
    padding: 16px;
}

.video{
    display:none;
}

h2, .h2 {
    font-size: 1.3rem;
}

.right-fixed{
    position:fixed;
    top:45%;
    right:0;
    z-index: 9999;
}
.right-fixed .nav-btn{
    position:relative;
}
.right-fixed .nav-btn .icon-right{
    display:block;
    position:relative;
    background: #004696;
    color:#fff;
    overflow:visible;
    line-height: 40px;
    width:40px;
    height: 40px;
    text-align: center;
    margin-bottom: 4px;
    cursor: pointer;
}
.right-fixed .nav-btn .icon-right .fas{
    width:40px;
    height:40px;
    line-height: 40px;
    text-align: center;
    position:absolute;
    top:0;
    background: #004696;
    color:#fff;
    display:block;
}
.right-fixed .nav-btn .icon-right span{
    width:140px;
    line-height: 40px;
    position:absolute;
    top:0;
    right:-180px;
    background: rgba(0,70,150,0);
    color:#fff;
    padding: 0 10px;
    display:block;
    text-align: right;
    transition-duration: 1s;
}
.right-fixed .nav-btn .icon-right:hover span{
    background: rgba(0,70,150,1);
    right:40px;
    transition-duration: 0.5s;
}

.icon-small{
    display:inline-block;
    vertical-align: middle;
    width: 60px;
    margin-right: 1rem;
}

/*Idiomas*/
.btn-info, .btn-info:hover{
    color: #fff;
    background-color: #888!important;
    border-color: #888!important;
}

.wrapper{
    background: #fff;
}
.fullwide{
    background: #f8f8f8;
    width:100%;
}
.search-bg{
    width:100%;
    padding: 1rem 0;
    margin-bottom: 4rem;
    background-size: cover;
    background-position: center right;
}

.search-bg h2 {
    font-size: 48px;
    margin-bottom:0;
}

.principal h2 {
    font-size: 3rem;
}

.fullwide.heading{
    background-color: #E4EFF5;
    width:100%;
    padding: 1rem 0;
    margin-bottom: 4rem;
    background-size: cover;
    background-position: center right;
}
.fullwide.heading h1{
    color: #000;
    font-weight: 600;
}
.fullwide.heading section{
    padding:2rem 0;
}

.fullwide.heading.domains{
    background-color: #bae8f3;
    padding: 0;
    background-image: none;
}

.fullwide.heading.cover{
    background-color: #E4EFF5;
    width:100%;
    padding: 1rem 0;
    margin-bottom: 4rem;
    background-size: cover;
    background-position: center!important;
}

.buscador-dominio {
    width: 100%;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    padding: 20px 0 60px 0;
    margin-top: 0px;
}
.buscador-dominio h5 {
    background:rgba(255,255,255,0.8);
}
.btn-home{
    width:100%;
    margin:0px auto;
}


.search{
    padding: 1rem;
    background: #004696;
    border:none;
    border-radius: 4px;
    margin-bottom:0;
}
.search input, .search select, .search .button{
    margin: 0;
}

select {
    height: 2.1375rem;
    padding: 0.2rem 0.5rem;
}

.search [type='text'], .search select{
    display: block;
    margin: 0 0 1rem 0;
    border: none;
    font-weight: 400;
    color: #000;
    border-radius: 4px 0 0 4px;
    padding: 10px;
    width: 100%;
    height: 50px;
    line-height: 28px;
    font-size: 20px;
    font-size: 1.25rem;
}
.search select{
    display: block;
    width: 100%;
    height: 3rem;
    line-height: 3rem;
    text-align: center!important;
    margin: 0 0 1rem 0;
    padding: 0 0.5rem;
    border: none;
    font-size: 1rem;
    font-weight: 400;
    color: #000;
    border-radius: 4px;
}
.search .button, .search .button.table{
    display: block;
    color: #333;
    background: #FFA506;
    cursor: pointer;
    height: 50px;
    border-radius: 0 4px 4px 0;
    border: none;
    padding: 0 20px;
    vertical-align: top;
    font-size: 1.2rem;
}
.search .button.table{
    display: block;
    background-color: #f8f8f8;
    width: 100%;
    height: 3rem;
    margin: 0 0 1rem 0!important;
    line-height:3rem;
    text-align: center;
    padding:0;
    border: none;
    font-size: 1rem;
    font-weight: 400;
    color: #000;
}

.search .button:hover{
    color: #fff;
    background: #ef7f1d;
}

.results{
    border-bottom:solid 1px #eee;
}
.results:hover{
    background:#f8f8f8;
    border-bottom:solid 1px #f8f8f8;
}
.extension{
    font-weight:400;
}
.results .has-tip {
    border-bottom: none;
}
.align-right{
    text-align: right;
}
.country{
    text-transform: uppercase;
    display:inline-block;
    vertical-align: middle;
    color:#888;
    font-size: 0.8rem;
}

.bg-flag{
    position:relative;
    width:100%;
}
.bg-flag div{
    position:absolute;
    width:100%;
    top:0;
    left:0;
    right:0;
    bottom:0;
}
.bg-flag div div{
    position:relative!important;
    display:table;
    height:100%;
}
.bg-flag div div div{
    position:relative!important;
    display:table-cell;
    vertical-align: middle;
    text-align: center;
}
.bg-flag div img{
    vertical-align: middle;
}

.flag-domain{
    display: inline-block;
    vertical-align: top;
    margin-top: 17px;
    background-position: center center;
    background-size: cover;
    width: 56px;
    height: 37px;
}
.flag-domain img{
    width: 100%;
}



thead th {
    font-weight: 400;
}

.pagination {
    margin-top: 2rem;
}
.pagination li {
    margin-right: .0625rem;
    border-radius: 0;
    font-size: .875rem;
    display: inline-block;
}

.search h1, .search h2, .search h3, .search h4, .search h5{
    color:#004696;
    text-align: center;
}

.top-search{
    background: #fff;
    padding: 20px 0;
    border-top:solid 1px #EEEEEE;
}
.top-search h2{
    text-align:center;
    margin: 0;
    font-size:3rem;
}
.top-search h2 img{
    display:inline-block;
    width: 40px;
}

.row-search{
    background:#004696
}

.domains [type='text'] {
    display: block;
    margin: 0 0 1rem 0;
    border: none;
    font-weight: 400;
    color: #000;
    border-radius: 4px 0 0 4px;
    padding: 0 10px;
    width: 100%;
    height: 70px;
    line-height: 70px;
    font-size: 20px;
    font-size: 1.8rem;
}
.domains .button {
    display: block;
    color: #333;
    background: #FFA506;
    cursor: pointer;
    height: 70px;
    border-radius: 0 4px 4px 0;
    border: none;
    padding: 0 20px;
    vertical-align: top;
    font-size:1.5rem;
    margin-bottom: 0!important;
}
.domains .button:hover {
    color: #fff;
    background: #ef7f1d;
}

.input-group-rounded{
    background: #004696;
    border-radius: 10px;
    position: relative;
}
.input-group-rounded:before {
    content:'\f002';
    font-family:'FontAwesome';
    font-size: 2.3rem;
    position:absolute;
    right:1.2rem;
    color:#fff;
}

.input-group-rounded .input-group-field {
    border-radius: 10px 0 0 10px;
    padding-left: 1rem;
    font-size: 1.5rem;
    text-align: center;
    font-weight: bold;
    letter-spacing: 2px;
}

.input-group-rounded .input-group-button .button {
    border-radius: 0 10px 10px 0;
    font-size: 0.8rem;
    background: transparent;
    color:transparent;
}


.search [type='search']{
    height: 3.4375rem;
    box-shadow: inset 0 0 0px 5px #004696;
    border:none;
}

.search-bg.dark{
    background-color:#004696!important;
}
.search-bg.dark h2, .search-bg.dark h3, .search-bg.dark h4, .search-bg.dark h5, .search-bg.dark p {
    color:#fff;
}
.search-bottom h2{
    margin-bottom:0;
}

.search-bg.dark .search{
    background: rgba(255,255,255,0);
}
.search-bg.light .search{
    background: rgba(0,70,150,0);
}

.fullwide.heading.dark h2, .fullwide.heading.dark h3, .fullwide.heading.dark p{
    color:#fff;
}
.fullwide.heading .large-3 .center{
    background:rgba(255,255,255,0.7);
    padding: 10px 0;
}


.button.gold {
    background-color: #ceab0f;
    color: #0a0a0a;
}

.docs-example-orbit-slide {
    position:absolute;
    top:0;
    bottom:0;
    width:100%;
    background: rgba(0,0,0,0.3);
    padding: 2rem 4rem;
    color: #fefefe;
    height:100%;
}
.docs-example-orbit-slide .tablecell{
    padding: 0;
}
.docs-example-orbit-slide h2{
    font-size: 14px;
}
.docs-example-orbit-slide h4{
    font-size: 11px;
}

.cont-orbit{
    width:100%;
    top:120px;
}


.list-ofertas{
    margin: 2rem 0;
}

.nav-box .cell{
    padding-right: 0.3rem;
    padding-left: 0.3rem;
}
.nav-box .box-blue {
    text-align: center;
    padding: 6px;
    border-radius: 10px;
    background-color: #004696;
    box-shadow: inset 0 0 0px 2px #87cce7;
    border: solid 2px #cfeaf5;
    width: 100%;
    margin-bottom: 1rem;
    color: #fff;
}
.nav-box .box-blue:hover {
    text-align: center;
    padding: 6px;
    border-radius: 10px;
    background-color: #0076a6;
    box-shadow: inset 0 0 0px 2px #45a7ce;
    border: solid 2px #87cce7;
    width: 100%;
    margin-bottom: 1rem;
    color: #fff;
    transition-duration: 0.6s;
}

.box-blue-light{
    text-align:center;
    padding:20px;
    border-radius:30px;
    background-color:#89cde7;
    box-shadow: inset 0 0 0px 10px #c4e6f3;
    border:solid 10px #e7f5fa;
    width:100%;
    margin-bottom: 1rem;
    color:#333;
}
.box-white{
    text-align:center;
    padding:20px;
    border-radius:30px;
    background-color:#fff;
    box-shadow: inset 0 0 0px 10px #c4e6f3;
    border:solid 10px #e7f5fa;
    width:100%;
    margin-bottom: 1rem;
    color:#333;
}

.box-blue{
    text-align:center;
    padding:20px;
    border-radius:30px;
    background-color:#004696;
    box-shadow: inset 0 0 0px 10px #87cce7;
    border:solid 10px #cfeaf5;
    width:100%;
    margin-bottom: 1rem;
    color:#fff;
}

.box-red{
    text-align:center;
    padding:20px;
    border-radius:30px;
    background-color:#ce4c0f;
    box-shadow: inset 0 0 0px 10px #e7a687;
    border:solid 10px #f5dbcf;
    width:100%;
    margin-bottom: 1rem;
    color:#fff;
}
.box-gold{
    text-align:center;
    padding:20px;
    border-radius:30px;
    background-color:#ceab0f;
    box-shadow: inset 0 0 0px 10px #e7d587;
    border:solid 10px #f5eecf;
    width:100%;
    margin-bottom: 1rem;
    color:#fff;
}

.box-black{
    text-align:center;
    padding:20px;
    border-radius:30px;
    background-color:#2c3e50;
    box-shadow: inset 0 0 0px 10px #969FA8;
    border:solid 10px #d5d8dc;
    width:100%;
    margin-bottom: 1rem;
    color:#fff;
}
.box-green a, .box-blue a, .box-red a, .box-gold a{
    color:#fff;
}
.box-black a{
    color: #ceab0f
}
.box-black a.button{
    color:#fff
}
.color h6{
    padding:0 20px;
}

.text-gold{
    color: #ceab0f;
}

.destacado{
    margin: 0rem;
    padding: 0.9375rem;
    border-radius:30px;
    box-shadow: inset 0 0 0px 10px #004696;
    border:solid 10px #e7f5fa;

}
.bg-image{
    background-size: cover;
    padding: 40px 0;
    background-position: center center;
}
.bg-image h2, .bg-image h3, .bg-image h4, .bg-image h5, .bg-image p{
    color:#fff;
}
.bg-image h4{
    color:rgba(206,171,15,1);
}

.border-left{
    border-left: solid 1px #fff;
}
.border-right{
    border-right: solid 1px #fff;
}
.button.orange{
    background: #FFA506;
    border:solid 1px #FFA506;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.2rem;
    font-weight: 400;
    color:#0a0a0a;
}
.button.orange, .button.orange:active, .button.orange:visited{
    color:#000!important;
}
.button.orange:hover{
    background: #ffd149;
    color:#0a0a0a;
}

.button.white{
    background: #fff;
    color:#004696;
    margin-bottom: 0!important;
    padding:0;
}
.button.white .fas{
    color:#999;
}

.domains .extensions .button.white{
    color:#fff;
    background: #FFA506;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 1rem 0!important;
    padding: 0.85em 1em;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
    font-family: inherit;
    font-size: 0.9rem;
    -webkit-appearance: none;
    height:auto;
    line-height: 1;
    text-align: center;
    font-size: 1.5rem;
}
.domains .extensions .button.white:hover {
    color:#fff;
    background: #004696;
}


.features .callout h3{
    font-weight: 700;
    color:#FFA506;
}


.block{
    margin-bottom: 2rem;
}
.block .small{
    font-size: 0.9rem;
    padding-bottom: 0.25rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #cacaca;
}
.block ul{
    list-style:none;
    margin:0;
    padding:0;
}


.button.table{
    margin-bottom:0!important;
    background: transparent;
    color: #14679e;
    font-weight: 400;
    font-size: 18px;
    text-align: left;
    position:relative;
    display:block;
}

.button.table::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #14679e transparent transparent;
    right: 10px;
    left: auto;
    margin-top: -3px;
    position:absolute;
}
form .button.table::after {
    margin-top: -1.6rem;
}

.comparativa tr td:first-child .button.table::after,
.responsive-card-table.unstriped.ficha td:first-child .button.table::after {
    display: none!important;
}

.button.table .fas {
    margin-left: 5px;
}

.comparativa .current{
    border-left:solid 4px #FFA506;
    border-right:solid 4px #FFA506;
    font-weight: bold;
    background: rgba(255,165,6,0.2)!important;
}
.comparativa .current h6{
    font-weight:bold!important;
}
.news .cell{
    margin-bottom: 2rem;
}
.category{
    display:inline-block;
    padding: 3px 8px;
    background: #f8f8f8;
    border:solid 1px #dadada;
    margin-right: 10px;
}
.bg-photo-news{
    filter: opacity(70%);
    background-size: cover;
    background-position: center center;
    margin-bottom: 0.6rem;
    border:solid 1px #eee;
}

.category-head{
    margin-bottom: 2rem;
    border-bottom:solid 1px #999;
}

.tag1, .tag2, .tag3, .tag4, .tag5{
    display:inline-block;
    margin:0px 5px 0 5px;
    line-height: 1;
}
.tag1{
    font-size:0.8rem;
}
.tag2{
    font-size:1.2rem;
}
.tag3{
    font-size:1.4rem;
}
.tag4{
    font-size:1.6rem;
}
.tag5{
    font-size:1.8rem;
}


a:hover .bg-photo-news{
    filter: opacity(100%);
    transition-duration: 1s;
}

.not-sel {
    position: relative;
    background-size: cover;
    background-position: center center;
}
.not-sel::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.7);
}
.not-sel-inside {
    /* This will make it stack on top of the ::before */
    position: relative;
}

.title-news{
    background:#004696;
    padding:1rem;
    margin: -1rem -1rem 0 0!important;
}

.title-news h3, .title-news h6, .title-news a{
    color:#fff!important;
}

.news-home a p, .news-home a{
    color: #004696!important;
}
.news-home a:hover{
    text-decoration: underline;
}

.blog-entry {
    text-align: justify;
    padding-right: 4rem!important;
}
.blog-entry img{
    display:block;
    margin-bottom: 2rem;
    width:100%;
}

/*FOOTER*/

.contact-foot{
    background-color: #C3C3C3;
    margin-top: 3rem;
    width: 100%;
    padding: 1rem 0;
    background-image:url(images/contact-foot.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center right;
}
.contact-foot img{
    max-width: 40px;
    margin-bottom: 0!important;
}
.contact-foot .button.foot{
    background-color: #D5D5D5!important;
    color:#000;
    padding: 0.4em 1em;
    margin-bottom: 0.5rem;
    font-size: 1.25rem!important;
}
.contact-foot .button.foot:hover{
    background-color: #fff!important;
}

.pre-foot{
    padding:2rem 0;
    border-bottom: solid 1px #eee;
    color:#fff;
    margin-bottom: 2rem;
}
.pre-foot a, .pre-foot h6, .pre-foot h4{
    color:#fff;
}
.pre-foot .date{
    font-size:0.8rem;
    text-align: right;
    min-width:80px;
    display:inline-block;
}
.pre-foot a{
    display:block;
    padding: 0 3px;
}
.pre-foot a:hover h6{
    color: #FFA506;
    transition-duration: 0.5s;
}

footer {
    padding: 2rem 0 1rem 0;
    overflow: hidden;
    color: #eee;
    font-size: 0.9rem;
    background: #141b3d;
    margin-top: 3rem;
}
.footer-small.grey .button {
    color: #ccc;
    background: none!important;
    font-weight: normal!important;
    font-family: Arial, sans-serif!important;
    padding: 0.4rem 0.4rem 0.4rem 0!important;
    margin-bottom: 0.5rem!important;
}
.filter-footer{
    filter:invert(10%);
}
footer .address a, footer .address a:hover {
    display:inline-block;
    background-color: transparent;
    margin: 10px 10px 0 0;
    color: #fff!important;
}

ul.location-footer{
    list-style: none!important;
    margin: 0 0 10px 0!important;
    padding:0!important;
}
ul.location-footer li{
    display:inline-block!important;
    vertical-align: top;
}
.footer-small a {
    color: #888;
    font-size: 0.7rem;
}

ul.contact-list{
    list-style: none;
    margin:3rem 0 1rem 0;
    padding:0 0 1rem 0;
    border-bottom:solid 1px #fff;
}

ul.contact-list li{
    display:inline-block; margin-right: 2rem;
}

ul.contact-list a{
    color: #fff;
}

ul.contact-list a span.circle{
    display:inline-block;
    width:30px;
    height:30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    background: #026CFF;
    border:solid 3px #026CFF;
    border-radius: 50px;
    margin-right: 10px;
}



.socials a {
    font-size: 2rem;
    color: #5e5e5e;
    display: inline-block;
    margin: 0 0 1rem 0;
    vertical-align: middle;
}
.company a, .company a:hover, .company a:focus, .company a:active, .company a:visited{
    color:#fff!important;
}
.company h6{
    color:#fff;
    margin: 1rem 0 0 0;
    border-bottom: solid 1px #fff;
}
.company li{ margin-top: 1.5rem;}

.address{
    border-top:solid 1px #fff;
    padding: 2rem 0;
    margin-top: 2rem;
}

.address h5{
    color:#fff;
    margin: 0 1rem 0 0;
}

.header .table{
    margin-bottom: 0;
}
.nomovil, .header .nomovil, label.nomovil {
    display:none;
}
.nolist{
    list-style:none;
    padding:0;
    margin:0;
}

.block-movil{
    display:block!important
}

.off-canvas {
    background: #fff;
}

.idioma .fa{
    font-size:1.5rem;
}

.idiomas{
    margin-top: 1rem;
}
.idiomas .button {
    background:#f8f8f8;
    color:#333;
    text-align: left;
    margin-bottom: 0;
}
.idiomas .button:hover {
    background:#eee;
    color:#004696;
}
.idiomas .button.current {
    background: #f8f8f8;
    color:#004696;
    font-weight:700;
    text-align: left;
    margin-bottom: 0;
    cursor: default;
}
.idiomas .button img{
    width:20px;
}



.header-fixed{
    position:relative;
    background: #fff;
    margin-bottom: 0px;
}
.space-small{
    padding-top: 40px;
    padding-bottom:40px;
}

.responsive-card-table.comparativa th{
    background: #141B3D;
    color:#fff;
    font-weight: 700;
    text-align: center;
}
.responsive-card-table.comparativa th a{
    color:#fff;
}

.responsive-card-table.comparativa td.foot{
    background: #141B3D;
    color:#fff;
    font-weight: 700;
    text-align: center;
}
.responsive-card-table.comparativa td.foot a{
    color:#fff;
}


.comparativa tr td:nth-child(odd) {
    background: #f9f9f9;
}
.comparativa tr td:nth-child(even) {
    background: #fff;
}
.comparativa tr td:first-child{
    background:#E4EFF5;
    text-align:left;
}

.noticias th {
    background-color: #E4EFF5!important;
}
.noticias tbody tr:nth-child(even), .noticias tbody tr:nth-child(odd) {
    background-color: #fff!important;
}

table.center thead th, table.center td, table.center tfoot td  {
    text-align:center!important;
}
.noticias tbody tr:nth-child(even), .noticias tbody tr:nth-child(odd) {
    background-color: #fff!important;
}

.responsive-card-table {
    border-collapse: collapse;
}

.responsive-card-table.unstriped tbody {
    background-color: transparent;
}

.responsive-card-table th {
    background-color: #E4EFF5;
}


.responsive-card-table td.foot{
    border-top:solid 1px #337AB7;
}

.responsive-card-table.ficha td:first-child{
    background: #E4EFF5;
}

.responsive-card-table.table-comun td{
    text-align:center;
}
.responsive-card-table.table-comun td:first-child{
    text-align:left;
}

@media screen and (max-width: 640px) {
    .rating{
        padding-top: 1rem;
    }
    .top-search h2 img.globe{
        position:relative;
        right:0;
        width: 100px;
        max-width: 100px;
    }
    .promo {
        margin: -2rem 0 2rem 0;
    }
    .promo h2{
        font-size: 2rem;
    }
    .right{
        text-align:left;
    }
    .exo-menu {
        padding-top: 0px;
    }
    .header-fixed {
        margin-bottom: 0px;
    }

    .search-bg {
        background-position: center left;
    }
    .search-bg h2, .principal h2 {
        font-size: 24px;
    }
    .search-bg section {
        padding: 0rem 0;
    }
    .exo-menu > li > a {
        font-size: 20px;
    }
    .exo-menu > li > a.toggle-menu {
        font-size: 0.8em!important;
        padding-left: 0.825rem!important;
    }

    .contact-foot .button.foot{
        font-size: 0.9rem!important;
    }


    .responsive-card-table {
    }

    .responsive-card-table thead tr {
        position: absolute;
        top: -9999em;
        left: -9999em;
    }
    .responsive-card-table tr {
        border: 1px solid #0a0a0a;
        display: block;
    }

    .responsive-card-table.comparativa tr:first-child, .responsive-card-table.comparativa tr td.foot {
        display: none;
    }

    .responsive-card-table tr + tr {
        margin-top: 1.5rem;
    }
    .responsive-card-table td {
        border: none;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        border-bottom: 1px solid #0a0a0a;
        padding-left: 50%;
        position: relative;
        text-align: center;
    }

    .responsive-card-table td:before {
        content: attr(data-label);
        display: inline-block;
        font-weight: 400;
        line-height: 1.5;
        margin-left: -100%;
        width: 100%;
        position: relative;
        z-index: 1;
        text-align: left;
    }
    .responsive-card-table td:after {
        content: '';
        position: absolute;
        background: #E4EFF5;
        width: 45%;
        height: 95%;
        left: 1px;
        top: 1px;
        z-index: 0;
    }
    .responsive-card-table.ficha td {
        border: none;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        border-bottom: 1px solid #0a0a0a;
        padding-left: 0.5rem;
        position: relative;
        text-align: center;
    }
    .responsive-card-table.ficha td {
        border: none;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        border-bottom: 1px solid #0a0a0a;
        padding-left: 0.5rem;
        position: relative;
        text-align: center;
    }
    .responsive-card-table.ficha td:first-child{
        background: #E4EFF5;
    }
    .responsive-card-table.ficha td:first-child .button{
        padding: 0.85em 0;
    }
    .responsive-card-table.ficha td:after {
        display:none;
    }
    .responsive-card-table.comparativa tr td:first-child {
        padding-left:0;
    }
    .responsive-card-table.comparativa tr td:first-child:before {
        display:none;
    }
    .responsive-card-table.comparativa tr td:first-child:after{
        display:none;
    }
}





@media print, screen and (min-width: 40em){
    .rating{
        padding-top: 0;
    }
    h2, .h2 {
        font-size: 2.5rem;
    }
    h5, .h5 {
        font-size: 1.25rem;
    }
    .idioma .fa{
        font-size:2rem;
    }
    .nav-box .cell{
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
    }
    .nav-box .box-blue {
        text-align: center;
        padding: 20px;
        border-radius: 30px;
        background-color: #004696;
        box-shadow: inset 0 0 0px 10px #87cce7;
        border: solid 10px #cfeaf5;
        width: 100%;
        margin-bottom: 1rem;
        color: #fff;
    }
    .nav-box .box-blue:hover {
        text-align: center;
        padding: 20px;
        border-radius: 30px;
        background-color: #0076a6;
        box-shadow: inset 0 0 0px 10px #45a7ce;
        border: solid 10px #87cce7;
        width: 100%;
        margin-bottom: 1rem;
        color: #fff;
        transition-duration: 0.6s;
    }
    .input-group-rounded{
    }

    .input-group-rounded .input-group-field {
        border-radius: 10px 0 0 10px;
        padding-left: 1rem;
        font-size: 2rem;
        text-align: center;
        font-weight: bold;
        letter-spacing: 2px;
    }
    .search [type='search']{
        height: 4.4375rem;
        box-shadow: inset 0 0 0px 10px #004696;
        border:none;
    }


}
@media screen and (min-width: 64em){
    .wrapper{
        background: #fff;
        padding-top: 65px;
    }
    .space{
        padding-top: 80px;
        padding-bottom:80px;
    }
    .space-small{
        padding-top: 40px;
        padding-bottom:40px;
    }

    .cont-orbit{
        position:relative;
        width:100%;
        top:auto;
    }

    .docs-example-orbit-slide .tablecell{
        padding: 15% 0;
    }
    .docs-example-orbit-slide h2{
        font-size: 2.8rem;
    }
    .docs-example-orbit-slide h4{
        font-size: 1.5625rem;
    }

    .buscador-dominio{
        width: 100%;
        padding: 100px 0 100px 0!important;
        margin-top: 50px;
    }
    .input-group-rounded .input-group-button .button {
        border-radius: 0 30px 30px 0;
        font-size: 1.5rem;
        background: #004696;
        color:#fff;
    }


    .header-fixed{
        position:fixed;
        z-index:100;
        width:100%;
    }
    .left-header{
        position:absolute;
        top:37px;
        left:0;
        z-index: 110;
        width:220px;
    }
    .right-header{
        position:fixed;
        color:#004696;
        background: #fff;
        width:100%;
        z-index: 9999;
        border-bottom:solid 1px #d6d6d6;
    }
    .right-header a{
        color:#004696;
    }
    .header-fixed .grid-container, .right-header .grid-container{
        max-width: 80rem;
    }

    .right-header .left-navtop{
        float:left;
        display:inline-block;
    }
    .right-header .right-navtop{
        float:right;
        display:inline-block;
    }

    .right-header .left-navtop h5 .nomovil,
    .right-header .right-navtop h5 .nomovil{
        display:inline-block!important;
        font-weight: 300;
        margin-left: 0.4rem;
        font-size: 0.8rem;
        vertical-align: middle;
    }

    .header .nomovil {
        display:inline-block!important;
    }
    .no-pc{
        display:none!important;
    }
    .nomovil, .header label.nomovil {
        display:block!important;
    }
    .nomovil.star {
        display:inline-block!important;
        padding:0!important;
    }


    .docs-example-orbit-slide .button.nomovil{
        display:inline-block!important;
    }
    .idioma-cont{
        background-color: transparent!important;
        padding-right: 0.625rem;
        padding-left: 0.625rem;
    }

    .block-movil{
        display:inline-block!important
    }

    .docs-example-orbit-slide {
        position:absolute;
        top:0;
        bottom:0;
        width:100%;
        background: rgba(0,0,0,0.3);
        padding: 2rem 4rem;
        color: #fefefe;
        height:100%;
    }


    .destacado{
        margin: -1.5375rem;
        padding: 0.9375rem;
        border-radius:30px;
        box-shadow: inset 0 0 0px 10px #004696;
        border:solid 10px #e7f5fa;

    }

    .search [type='text'], .search select, .search .button.table{
        margin: 0!important;
    }

    .fullwide.heading {
        padding: 1rem 0;
    }
    .fullwide.heading section{
        padding:5rem 0;
    }

}

/*Maintenance*/
.bg_maintenance{
    display:inline-block;
    margin:0 auto;
    width:300px;
    height:300px;
    background-image: url(https://www.entorno.es/assets/images/icons/bg_logo.svg);
    background-size: cover;
    background-repeat: no-repeat;
    position:relative;
}
.bg_maintenance_punto{
    display:inline-block;
    width:300px;
    height:300px;
    margin:0 auto;
    background-image: url(https://www.entorno.es/assets/images/icons/bg_punto_logo.svg);
    background-size: cover;
    background-repeat: no-repeat;
    position:absolute;
    top:0;
    left:0;
    animation-name: spinpunto;
    animation-duration: 5000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    /* transform: rotate(3deg); */
    /* transform: rotate(0.3rad);/ */
    /* transform: rotate(3grad); */
    /* transform: rotate(.03turn);  */
}

@keyframes spinpunto {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

.cog {
    position:absolute;
    top:100px;
    right:-30px;
    width: 100px;
    height: 100px;
    background-image: url(https://www.entorno.es/assets/images/icons/bg_cog.svg);
    background-size: cover;
    background-repeat: no-repeat;
    animation-name: spin;
    animation-duration: 5000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    /* transform: rotate(3deg); */
    /* transform: rotate(0.3rad);/ */
    /* transform: rotate(3grad); */
    /* transform: rotate(.03turn);  */
}

@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

.cog2 {
    position:absolute;
    top:95px;
    right:-82px;
    width: 70px;
    height: 70px;
    background-image: url(https://www.entorno.es/assets/images/icons/bg_cog.svg);
    background-size: cover;
    background-repeat: no-repeat;
    animation-name: spin2;
    animation-duration: 5000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    /* transform: rotate(3deg); */
    /* transform: rotate(0.3rad);/ */
    /* transform: rotate(3grad); */
    /* transform: rotate(.03turn);  */
}

@keyframes spin2 {
    from {
        transform:rotate(-0deg);
    }
    to {
        transform:rotate(-360deg);
    }
}

.cog3 {
    position:absolute;
    top:72px;
    right:-37px;
    width: 46px;
    height: 46px;
    background-image: url(https://www.entorno.es/assets/images/icons/bg_cog.svg);
    background-size: cover;
    background-repeat: no-repeat;
    animation-name: spin;
    animation-duration: 5000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    /* transform: rotate(3deg); */
    /* transform: rotate(0.3rad);/ */
    /* transform: rotate(3grad); */
    /* transform: rotate(.03turn);  */
}

@keyframes spin3 {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}


/* PROMOS */
.promo-body{
    padding:3rem 0;
}
.promo-body h3, .promo-cat h3{
    margin-bottom:1rem;
}
.promo-body h5{
    margin:2rem 0;
}
.promo-body .accordion-title {
    font-size: 1.25rem;
    padding: 1rem 0;
    border: none;
}
.promo-body  .accordion-title:hover, .promo-body .accordion-title:focus {
    background-color: transparent;
}
.promo-body .accordion-content {
    padding: 0 0 1rem 0;
    border: none;
    border-bottom: 1px solid #e6e6e6;
    margin-top:-0.5rem;
}
.promo-body :last-child:not(.is-active) > .accordion-title {
    border-bottom: none;
}
.promo-body .accordion-title::before {
    display:none;
}

.promo-barra{
    font-size:0.83rem;
    background: #e6e6e6;
    padding: 1rem 0;
}
.promo-barra img{
    width:90%;
    float: left;
}
.promo-barra .text{
    padding:0.3rem 0;
}


#vigilancia, #mercados, #websites, #rrss, #contacto{
    padding-top: 4rem;
}
.onda{
    background-image: url(https://www.entorno.es/assets/images/onda.png);
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
}


.bg-nube{
    background-color: #25619f;
    background-image: url(https://www.entorno.es/assets/images/bg-cloud.webp);
    background-position: top right;
    background-repeat: no-repeat;
}
.bg-nube h3, .bg-nube a{
    color:#fff;
}
.bg-nube h3{
    margin: 20px auto;
}

ul.features {
    margin: 2rem;
}
ul.features li{
    margin-bottom: 1rem;
}
ul.features h5{
    margin-bottom: 0;
}


/*GRAFICA*/
.line-row{
    display:block;
    position:relative;
    background: #F1F1F1;
    width: 100%;
    height: 30px;
    margin: 5px 0;
}
.value-row{
    position:absolute;
    top:0;
    left:0;
    height:30px;
    background: #004696;
    text-align: right;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    color:#fff;
    padding-right:10px;
}
.value-row span{
    color: #fff;
    line-height: 30px;
    font-size: 16px;
    margin-right: 10px;
    vertical-align: top;
}
.marcas{
    height:30px;
    background: #F1F1F1;
    color:#004696;
    font-size: 13px;
    line-height: 30px;
    text-align: right;
    padding-right: 10px;
}
.value-row.facebook{
    width:100%;
}
.value-row.youtube{
    width:88.04%;
}
.value-row.whatsapp{
    width:68.72%;
}
.value-row.facebook-messenger{
    width:34.29%;
}
.value-row.instagram{
    width:50.79%;
}
.value-row.wechat{
    width:43.40%;
}
.value-row.tiktok{
    width:34.36%;
}
.value-row.qq{
    width:19.72%;
}
.value-row.douyin{
    width:20.61%;
}
.value-row.weibo{
    width:19.69%;
}
.value-row.telegram{
    width:18.90%;
}
.value-row.snapchat{
    width:19.14%;
}
.value-row.kuaishou{
    width:19.69%;
}
.value-row.pinterest{
    width:15.25%;
}
.value-row.reddit{
    width:15.7%;
}
.value-row.twitter{
    width:14.98%;
}
/*FIN GRAFICA*/

/*CONFIGURADOR CLOUD*/

h2 span.hand{
    display:inline-block;
    width:5rem;
    position:relative;
}

h2 span.hand .far{
    position:absolute;
    z-index: 10;
    top: -1rem;
    left: 1.5rem;
    animation: moving 8s; /* animation-name followed by duration in seconds*/
    -webkit-animation: moving 8s; /* Chrome and Safari */
}



@keyframes moving
{
    0%   {
        margin-top:-1rem;
    }
    10%  {
        margin-top:1rem
    }
    20%   {
        margin-top:-1rem
    }
    30%   {
        margin-top:2rem
    }
    40%   {
        margin-top:-1rem
    }
    50%   {
        margin-top:2rem
    }
    60%  {
        margin-top:-1rem
    }
    70%   {
        margin-top:2rem
    }
    80%   {
        margin-top:-1rem
    }
    90%   {
        margin-top:2rem
    }
    100%   {
        margin-top:-1rem
    }
}

@-webkit-keyframes moving /* Safari and Chrome - necessary duplicate */
{
    0%   {
        margin-top:-1rem;
    }
    10%  {
        margin-top:1rem
    }
    20%   {
        margin-top:-1rem
    }
    30%   {
        margin-top:2rem
    }
    40%   {
        margin-top:-1rem
    }
    50%   {
        margin-top:2rem
    }
    60%  {
        margin-top:-1rem
    }
    70%   {
        margin-top:2rem
    }
    80%   {
        margin-top:-1rem
    }
    90%   {
        margin-top:2rem
    }
    100%   {
        margin-top:-1rem
    }
}

#configurador{
    position:relative;
    width:100%;
    margin:1rem auto 2rem auto;
}
#configurador h5{
    line-height: 1;
    margin:0;
    font-size: 0.25rem;
}
#vpn-box, #ram-box, #hd-box, #os-box, #cp-box, #backup-box, #extbackup-box, #cliente-box{
    position:absolute;
    text-align:center;
}
#vpn-box{
    top:37%;
    left:23.8%;
    width:37.7%;
    height:180px;
}
#vpn-active{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    width:100%;
    filter: opacity(0%)!important;
}
#ram-box{
    top:20%;
    left:56.5%;
    width:11%;
}
#hd-box{
    top:20%;
    left:78.4%;
    width:11%;
}
#os-box{
    top:73%;
    left:56.5%;
    width:11%;
}
#cp-box{
    top:73%;
    left:67.5%;
    width:11%;
}
#backup-box{
    top:73%;
    left:78.4%;
    width:11%;
}
#extbackup-box{
    top:47.6%;
    right:0px;
    width:15.6%;
}
#configurador #extbackup-box h5{
    position:absolute;
    position:absolute;
    top:100%;
    right:0px;
    width:55%;
}

#ram-box .cont-image, #hd-box .cont-image, #os-box .cont-image, #cp-box .cont-image,#backup-box .cont-image {
    display:inline-block;
    width:78%;
    position:relative;
}
#ram-box img, #hd-box img, #os-box img, #cp-box img,#backup-box img {
    width:100%;
}
#ram-box .animated, #hd-box .animated, #os-box .animated, #cp-box .animated,#backup-box .animated, #extbackup-box .animated, #vpn-box .animated {
    width:100%;
    position:absolute;
    top:0;
    left:0;
    right:0;
    filter: opacity(100%)!important;
}
.animated-vpn {
    position:absolute;
    top:37%;
    left:23.8%;
    width:37.7%;
}
.animated-ext {
    position:absolute;
    top:47.6%;
    right:0px;
    width:15.6%;
}
.animated-ext img {
    display:block;
    width:100%;
    position:relative;
}
.animated-backup {
    position:absolute;
    top:73%;
    left:78.4%;
    width:11%;
    text-align: center;
}
.animated-backup img {
    display:inline-block;
    width:78%;
    position:relative;
}
.animated-cp {
    position:absolute;
    top:73%;
    left:67.5%;
    width:11%;
    text-align: center;
}
.animated-cp img {
    display:inline-block;
    width:78%;
    position:relative;
}

#ram-box img.perfil, #hd-box img.perfil, #os-box img.perfil, #cp-box img.perfil,#backup-box img.perfil, #extbackup-box img.perfil  {
    width:100%;
    display:none;
    position:absolute;
    top:0;
    right:0;
    filter: opacity(100%)!important;
}
#ram-box:hover img.perfil, #hd-box:hover img.perfil, #os-box:hover img.perfil, #cp-box:hover img.perfil, #backup-box:hover img.perfil, #extbackup-box:hover img.perfil {
    display:block;
}


#cliente-box{
    top:0px;
    left:0px;
    width:23.5%;
    height:30%;
    text-align:center;
}
#cliente-box img{
    width:30%;
    margin-bottom: 1rem;
}
#cliente-box h4{
    margin-bottom: 0;
}

#vpn-text{
    position:absolute;
    top: 74%;
    left: 18%;
    width: 65%;
    text-align:center;
}

#ram-box h5, #hd-box h5{
    margin-bottom: 5px;
}
#os-box h5, #cp-box h5, #backup-box h5{
    margin-top: 5px;
}

#vpn-box img, #ram-box img, #hd-box img, #os-box img, #cp-box img,#backup-box img, #extbackup-box img, #cliente-box img{
    cursor:pointer;
}

#total{
    position:relative;
    width:100%;
    text-align: center;
    margin-bottom: 2rem;
}
#total h3 {
    display:inline-block;
    background: #14ce09;
    border-radius:6px;
    text-align: center;
    padding:1rem;
    margin:0;
    font-size: 2rem;
    color:#fff;
    font-weight: 700;
    cursor:pointer;
}
#total h3:hover{
    background: #0cbc00;
}

img.perfil¨{
    display:none;
    position:absolute;
    top:0;
    left:0;
}

.disable img.app-disable {
    display:block;
    position:absolute;
    top:0;
    right:0;
    left:0;
}
.disable:hover img.app-disable,
.active img.app-disable, .active:hover img.app-disable{
    display:none;
}

.active #vpn-active{
    filter: opacity(100%)!important;
}
.disable #vpn-text{
    filter: opacity(20%)!important;
}


.pop-up{
    position:relative;
}

.pop-up.vpn{
    display:inline-block;
    width:54%;
    position:absolute;
    top:1px;
    left:17%;
    margin:0 auto;
}
.pop-up.vpn img{
    filter:opacity(10%);
}
.pop-up.vpn:hover img{
    filter:opacity(100%);
}
.active .pop-up.vpn:hover img{
    filter:opacity(0%);
}


.pop-up:hover .pop-up-config {
    display: block;
}

.pop-up:hover .img.perfil {
    display: block;
}

.pop-up-config {
    position: fixed;
    top: 5%;
    left: 5%;
    right:5%;
    display: none;
    min-width: 90%;
    border: 1px solid #cacaca;
    border-right:none;
    border-radius:4px;
    background: #fefefe;
    padding: 0 0 1rem 0;
    box-shadow: 0 0 6px 0 rgba(23,121,186,0.5);
    z-index:9999;
}
.pop-up-config:after {
    content:'';
    position: absolute;
    top: 48%;
    right:-26px;
    display: block;
    width:20px;
    height:8px;
    background: #C2C3C9;
}
.pop-up-config.vpn {
    position: fixed;
    top: 5%;
    left: 5%;
    right:5%;
    display: none;
    min-width: 90%;
    border: 1px solid #cacaca;
    border-radius:4px;
    background: #fefefe;
    padding: 0 1rem 1rem 1rem;
    box-shadow: 0 0 6px 0 rgba(23,121,186,0.5);
    z-index:9999;
}
.pop-up-config.os,
.pop-up-config.cp-plesk,
.pop-up-config.backup {
    position: fixed;
    top: 5%;
    left: 5%;
    right:5%;
    display: none;
    min-width: 90%;
    border: 1px solid #cacaca;
    border-radius:4px;
    background: #fefefe;
    padding: 1rem;
    box-shadow: 0 0 6px 0 rgba(23,121,186,0.5);
    z-index:9999;
}
.pop-up-config.backup-ext{
    position: fixed;
    top: 5%;
    left: 5%;
    right:5%;
    display: none;
    min-width: 90%;
    border: 1px solid #cacaca;
    border-radius:4px;
    background: #fefefe;
    box-shadow: 0 0 6px 0 rgba(23,121,186,0.5);
    z-index:9999;
    padding:1rem;
}

#vpn-box #vpn-text:before {
    top:115%;
    right:45%;
}


#ram-box .pop-up:before,
#hd-box .pop-up:before {
    top:-20%;
    right:45%;
}

#os-box .pop-up:before,
#cp-box .pop-up:before,
#backup-box .pop-up:before {
    top: 105%;
    right: 42%;
}

#extbackup-box .pop-up:before{
    top: 120%;
    right: 20%;
}

.pop-up-config input, .tablecell input {
    margin:0;
}

h5.os {
    position: absolute;
    width: 11%;
    top:91%;
    left:56.5%;
    text-align: center;
}
h5.cp {
    position: absolute;
    width: 11%;
    top:91%;
    left:67.5%;
    text-align: center;
}
h5.backup {
    position: absolute;
    width: 11%;
    top:91%;
    left:78.4%;
    text-align: center;
}
h5.extern {
    position: absolute;
    width: 11%;
    top: 66%;
    right: -1.5%;
    text-align: center;
}


.slider {
    margin-bottom: 1.25rem;
}

.lights{
    position:absolute;
    top:0;
    right:0;
    left:0;
    bottom:0;
}

@media print, screen and (min-width: 40em){
    #configurador{
        position:relative;
        width:70%;
        margin:1rem auto 2rem auto;
    }
    #configurador #title-cloud{
        position:absolute;
        top:0;
        left:0;
        width:55%;
        text-align:center;
    }
    #configurador h5{
        font-size: 0.9rem;
    }
    #vpn-box, #ram-box, #hd-box, #os-box, #cp-box, #backup-box, #extbackup-box, #cliente-box{
        position:absolute;
        text-align:center;
    }
    #vpn-box{
        top:37%;
        left:23.8%;
        width:37.7%;
        height:180px;
    }
    #ram-box{
        top:20%;
        left:56.5%;
        width:11%;
    }
    #hd-box{
        top:20%;
        left:78.4%;
        width:11%;
    }
    #os-box{
        top:73%;
        left:56.5%;
        width:11%;
    }
    #cp-box{
        top:73%;
        left:67.5%;
        width:11%;
    }
    #backup-box{
        top:73%;
        left:78.4%;
        width:11%;
    }
    #extbackup-box{
        top:48.5%;
        right:0px;
        width:15.6%;
    }
    #configurador #extbackup-box h5{
        position:absolute;
        position:absolute;
        top:100%;
        right:0px;
        width:55%;
    }

    #ram-box .cont-image, #hd-box .cont-image, #os-box .cont-image, #cp-box .cont-image,#backup-box .cont-image {
        display:inline-block;
        width:78%;
        position:relative;
    }
    #ram-box img, #hd-box img, #os-box img, #cp-box img,#backup-box img {
        width:100%;
    }
    #ram-box img.perfil, #hd-box img.perfil, #os-box img.perfil, #cp-box img.perfil,#backup-box img.perfil, #extbackup-box img.perfil  {
        width:100%;
        display:none;
        position:absolute;
        top:0;
        right:0;
        filter: opacity(100%)!important;
    }
    #ram-box:hover img.perfil, #hd-box:hover img.perfil, #os-box:hover img.perfil, #cp-box:hover img.perfil, #backup-box:hover img.perfil, #extbackup-box:hover img.perfil {
        display:block;
    }



    #cliente-box{
        top:0px;
        left:0px;
        width:23.5%;
        height:30%;
        text-align:center;
    }
    #cliente-box img{
        width:30%;
        margin-bottom: 1rem;
    }
    #cliente-box h4{
        margin-bottom: 0;
    }

    #vpn-text{
        position:absolute;
        top: 74%;
        left: 18%;
        width: 65%;
        text-align:center;
    }

    #ram-box h5, #hd-box h5{
        margin-bottom: 2px;
    }
    #os-box h5, #cp-box h5, #backup-box h5{
        margin-top: 5px;
    }

    #vpn-box img, #ram-box img, #hd-box img, #os-box img, #cp-box img,#backup-box img, #extbackup-box img, #cliente-box img{
        cursor:pointer;
    }

    #total{
        position:relative;
        width:100%;
        text-align: center;
        margin-bottom: 2rem;
    }
    #total h3 {
        display:inline-block;
        background: #14ce09;
        border-radius:6px;
        text-align: center;
        padding:1rem;
        margin:0;
        font-size: 1.5rem;
        color:#fff;
        font-weight: 700;
        cursor:pointer;
    }
    #total h3:hover{
        background: #0cbc00;
    }

    img.perfil¨{
        display:none!important;
        position:absolute;
        top:0;
        left:0;
    }

    .pop-up{
        position:relative;
    }




    .pop-up:hover .pop-up-config, .pop-up:focus .pop-up-config {
        display: block;
    }
    .pop-up:hover img.perfil {
        display: block;
    }
    .pop-up-config:focus-within{
        display: block;
    }

    .pop-up-config {
        position: absolute!important;
        top: 10px!important;
        right:100%!important;
        left:auto;
        width:350px;
        display: none;
        border: 1px solid #cacaca;
        border-right: 10px solid #FFA506!important;
        border-radius:4px;
        background: #fefefe;
        padding: 0 0 1rem 0!important;
        box-shadow: 0 0 6px 0 rgba(23,121,186,0.5);
    }
    .pop-up-config:after {
        content:'';
        position: absolute;
        top: 30%;
        right: -22px;
        display: block;
        width: 12px;
        height: 6px;
        background: #FFA506;
    }
    .pop-up-config .help{
        font-size: 14px;
        line-height:14px!important;
        margin: 0.5rem 0 0 0;
        color: #004696;
    }


    .pop-up-config.os,.pop-up-config.cp-plesk, .pop-up-config.backup {
        position: absolute!important;
        top: -5px!important;
        right:100%!important;
        left:auto;
    }
    .pop-up-config.os:after{
        content:'';
        position: absolute;
        top: 35%;
        right:-22px;
        display: block;
        width: 12px;
        height: 6px;
        background: #FFA506;
    }
    .pop-up-config.cp-plesk{
        position: absolute;
        top: -5px!important;
        right:100%!important;
        left:auto;
        min-height:110px;
        padding:1rem!important;
    }
    .pop-up-config.cp-plesk:after{
        content:'';
        position: absolute;
        top: 40px;
        right:-22px;
        display: block;
        width: 12px;
        height: 6px;
        background: #FFA506;
    }
    .pop-up-config.backup{
        position: absolute;
        top: -5px!important;
        right:100%!important;
        left:auto;
        min-height:110px;
        padding:1rem!important;
    }
    .pop-up-config.backup:after{
        content:'';
        position: absolute;
        top: 35%;
        right:-22px;
        display: block;
        width: 12px;
        height: 6px;
        background: #FFA506;
    }
    .pop-up-config.backup-ext{
        position: absolute!important;
        top: -5px!important;
        right:60%!important;
        left:auto;
        min-height:110px;
        padding:1rem!important;
    }
    .pop-up-config.backup-ext:after{
        content:'';
        position: absolute;
        top: 25%;
        right:-22px;
        display: block;
        width:12px;
        height:6px;
        background: #FFA506;
    }


    .pop-up-config.vpn {
        position: absolute!important;
        top:auto!important;
        bottom: 100%!important;
        left: -85%!important;
        right:auto;
        display: none;
        border: 1px solid #cacaca;
        border-right: 1px solid #cacaca!important;
        border-bottom: 10px solid #009045!important;
        background: #fefefe;
        padding: 0 1rem 1rem 1rem!important;
    }
    .pop-up-config.vpn:after{
        content:'';
        position: absolute;
        top:auto;
        bottom: -15px;
        left: 62%;
        display: block;
        width: 8px;
        height: 10px;
        background: #009045;
    }

    .pop-up-config.vpn:focus-within{
        display: block!important;
    }



    #vpn-box #vpn-text:before {
        top:115%;
        right:45%;
    }



    #ram-box .pop-up:before,
    #hd-box .pop-up:before {
        top:-15%;
        right:45%;
    }

    #os-box .pop-up:before,
    #cp-box .pop-up:before,
    #backup-box .pop-up:before {
        top: 100%;
        right: 42%;
    }



    #extbackup-box .pop-up:before{
        top: 135%;
        right: 21%;
    }

    .disable .animated, .disable:hover .animated{
        filter: opacity(100%);
    }


    .pop-up.vpn{
        display:inline-block;
        width:54%;
        position:absolute;
        top:1px;
        left:17%;
        margin:0 auto;
    }


    h5.os {
        position: absolute;
        width: 11%;
        top:91%;
        left:56.5%;
        text-align: center;
    }
    h5.cp {
        position: absolute;
        width: 11%;
        top:91%;
        left:67.5%;
        text-align: center;
    }
    h5.backup {
        position: absolute;
        width: 11%;
        top:91%;
        left:78.4%;
        text-align: center;
    }
    h5.extern {
        position: absolute;
        width: 11%;
        top: 66%;
        right: -1.5%;
        text-align: center;
    }
    
    .company li{ margin-top: 0;}

}

.banner:last-child img{
    width:80%;
    display:inline-block;
    margin: 0 10%;
}


/*Checkboxsss*/
.checkbox.inline:last-child,
.radio.inline:last-child {
    margin-right: 0;
}
.radio{
    margin-top: 1rem;
}
.checkbox label,
.radio label {
    display: block;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    font-size: 0.875rem;
    line-height: 1;
    text-align:left;
    margin: 0 0 0 1.5rem;
}
.checkbox input[type="checkbox"],
.radio input[type="radio"] {
    /*position: absolute;*/
    top: 0;
    left: 0;
    visibility: hidden;
}
.checkbox .custom-checkbox,
.radio .custom-radio {
    display: inline-block;
    vertical-align: top;
    margin: 0 6px 0 -40px;
    width: 18px;
    height: 18px;
    border: 1px solid #1583cc;
    position: relative;
}
.checkbox .custom-checkbox {
    background: #1583cc;
    box-shadow: inset 0 0 0 12px #fff;
    top: -2px;
}

.checkbox .icon-check {
    width: 20px;
    height: 20px;
    background-size: cover;
    position: absolute;
    top: 0px;
    left: 0px;
    transform: scale(0);
    transition: all 180ms ease;
}

.icon-check:before {
    position: absolute;
    content: '\2713';
    width: 12px;
    font-size: 12.66667px;
    text-align: center;
    line-height: 16px;
    color: #fff;
    font-weight: bold;
}
.checkbox input[type="checkbox"]:checked + .custom-checkbox {
    border-color: #2095F0;
    box-shadow: none;
}
.checkbox input[type="checkbox"]:checked + .custom-checkbox .icon-check {
    transform: scale(1);
}

/*Radios*/
.radio .custom-radio {
    background: #fff;
    border-radius: 18px;
    transition: all 180ms ease;
    top: -2px;
}
.radio input[type="radio"]:checked + .custom-radio {
    border-color: #1583cc;
    background: #1583cc;
}
.icon-radio-check{
    position: absolute;
    width: 18px;
    height: 18px;
}
.icon-radio-check:before{
}

/*CONFIGURADOR CLOUD*/