/*COMONS*/

#avis-cookies{ background: #004696; position:fixed; bottom:0; width:100%; z-index: 300; padding-top: 1rem;}
#avis-cookies h5{ color: #fff; margin-bottom: 0;}
#avis-cookies p{ color: #fff; font-size: 0.9rem;}


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: 'Open Sans', sans-serif;
    color: #004696;
    font-weight: 400;
}
body, p{font-weight:300!important; color:#333; font-size: 18px;}

section{padding: 5rem 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: #004696;}

.button.phone {
    background: none;
    margin:0;
    padding: 0 0.2em;
}
.button.phone h5 {
    font-family: 'Open Sans', sans-serif;
    font-size: 1rem!important;
    font-weight: bold;
    color:#004696;
    margin-bottom: 0;
}

.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;
}

.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: 4rem}
.color a{color:#fff; text-decoration: none;}

.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: 0 0 1rem 0;
       padding: 0 1rem 1rem 1rem;
       border-bottom: solid 6px #e7f0ff;
       overflow: visible;}
.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);}


.rating{float:right;}
.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{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;
}
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);}
}

table.comparativa.small-ssl td{font-size:13px;}

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: #f8f8f8;}
.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: #dbf1ff;
    color: #004696;
    margin: -1rem -1rem  1rem -1rem!important;

}
.tit-callout.block img{
    width:60%;
}

.tit-callout.block h5{
    font-size: 90%;
}
.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;
}
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;}

/*MEGA MENU*/
*,
:after,
:before {
    box-sizing: border-box
}

.clearfix:after,
.clearfix:before {
    content: '';
    display: table
}

.clearfix:after {
    clear: both;
    display: block
}

.exo-menu a, .exo-menu a:hover, .exo-menu a.active, .exo-menu a:active, .exo-menu a:visited, a:focus{
    color:#004696!important;
    text-decoration:none;
}

.exo-menu{
    width: 100%;
    float: left;
    list-style: none;
    margin:0;
    padding:0;
    background: #fff;
    text-align:center;
    z-index:11;
    padding-top: 35px;
}

.exo-menu > li {display: inline-block;}
.exo-menu > li > a{
    font-family: 'Ubuntu Condensed', sans-serif;
    font-size: 1rem;
    font-stretch: condensed;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: color 0.2s linear, background 0.2s linear;
    -moz-transition: color 0.2s linear, background 0.2s linear;
    -o-transition: color 0.2s linear, background 0.2s linear;
    transition: color 0.2s linear, background 0.2s linear;
}
.exo-menu > li > a:active,
.exo-menu > li > a:hover,
li.drop-down ul > li > a:hover, li.drop-down ul > li > a:active,
.mega-drop-down:hover a  
{
    background:#eee;
    color:#000;
}
li.drop-down,
.flyout-right,
.flyout-left{position:relative;}
li.drop-down:before {
    content: "\f103";
    color: #fff;
    font-family: FontAwesome;
    font-style: normal;
    display: inline;
    position: absolute;
    right: 6px;
    top: 20px;
    font-size: 14px;
}
li.drop-down>ul{
    left: 0px;
    min-width: 230px;

}
.drop-down-ul{display:none;}
.flyout-right>ul,
.flyout-left>ul{
    top: 0;
    min-width: 230px;
    display: none;
    border-left: 1px solid #365670;
}

li.drop-down>ul>li>a,
.flyout-right ul>li>a ,
.flyout-left ul>li>a {
    color: #fff;
    display: block;
    padding: 20px 22px;
    text-decoration: none;
    background-color: #365670;
    border-bottom: 1px dotted #547787;
    -webkit-transition: color 0.2s linear, background 0.2s linear;
    -moz-transition: color 0.2s linear, background 0.2s linear;
    -o-transition: color 0.2s linear, background 0.2s linear;
    transition: color 0.2s linear, background 0.2s linear;
}
.flyout-right ul>li>a ,
.flyout-left ul>li>a {
    border-bottom: 1px dotted #B8C7BC;
}


/*Flyout Mega*/
.flyout-mega-wrap {
    top: 0;
    right: 0;
    left: 100%;
    width: 100%;
    display:none;
    height: 100%;
    padding: 15px;
    min-width: 742px;

}

h4.mega-title {
    color:#eee;
    margin-top: 0px;
    font-size: 14px;
    padding-left: 15px;
    padding-bottom: 13px;
    text-transform: uppercase;
    border-bottom: 1px solid #ccc;
}
.flyout-mega ul > li > a {
    font-size: 90%;
    line-height: 25px;
    color: #fff;
    font-family: inherit;
}
.flyout-mega ul > li > a:hover,
.flyout-mega ul > li > a:active,
.flyout-mega ul > li > a:focus{
    text-decoration: none;
    background-color: transparent !important;
    color: #ccc !important
}
/*mega menu*/

.mega-menu {
    left: 0;
    right: 0;
    padding: 0;
    display:none;
    box-shadow: 0 6px 6px 0px rgba(0,0,0,0.3);
}
h4.mega-title {
    color: #004696;
    margin-top: 0px;
    font-size: 14px;
    padding-bottom: 13px;
    text-transform: none;
    padding: 0px;
    font-weight: bold;
    border-bottom: none;;
}
.mega-menu ul li a {
    line-height: 25px;
    font-size: 90%;
    display: block;
}
/*.mega-menu ul li a:hover{
    color:#004696!important;
    text-decoration:none;
    background: #fff;
    box-shadow: 0 0 5px 0 red;
}*/
.mega-menu .mega-menu .cell, .mega-menu .mega-menu .cell ul{overflow: visible!important;}

.mega-menu ul{
    margin-left:0;
}


ul.standar li a, .exo-menu ul.standar li a  {
    padding: 3px 0px;
    color:#004696!important;
}
ul.standar li a.view-more{color:#fff!important;}

ul.description li {
    padding-bottom: 12px;
    line-height: 8px;
}

ul.description li span {
    color: #ccc;
    font-size: 85%;
}
a.view-more{
    border-radius: 1px;
    margin-top:15px;
    background-color: #004696;
    padding: 2px 10px !important;
    line-height: 21px !important;
    display: inline-block !important;
}
a.view-more:hover{
    color:#fff;
    background:#0DADEF;
}
ul.icon-des li a i {
    color: #fff;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    background-color: #009FE1;
    line-height: 35px !important;
}

ul.icon-des li {
    width: 100%;
    display: table;
    margin-bottom: 11px;
}

/*common*/
.flyout-right ul>li>a ,
.flyout-left ul>li>a,
.flyout-mega-wrap,
.mega-menu{
    background-color: #eee;
}

/*hover*/
.mega-menu:hover,
.drop-down-ul:hover,
li.flyout-left>ul:hover,
li.flyout-right>ul:hover,
.flyout-mega-wrap:hover,
li.flyout-left a:hover +ul,
li.flyout-right a:hover +ul,
li.drop-down>a:hover +.drop-down-ul,
.mega-drop-down a:hover+.mega-menu,
li.flyout-mega>a:hover +.flyout-mega-wrap{
    display:block;
    text-align: left!important;
}

li.mega-drop-down.large-3.medium-3.cell{ margin-top: 1rem; margin-bottom:2rem;} 
li.mega-drop-down.large-3.medium-3.cell li.mega-drop-down.large-3.medium-3.cell{ margin: 0rem!important;} 

.mega-menu .mega-menu {
    position:relative!important;
    top: auto!important;
    bottom:auto!important;
    right: 0;
    left: 0;
    width: auto!important;
    display:block!important;
    height: auto!important;
    padding:0!important;
    list-style:none!important;
    box-shadow: none;
    overflow:hidden;
}
.mega-menu ul{ margin:0!important;}

.mega-menu a{
    font-weight: 700;
} 
.mega-menu .mega-menu a{
    font-weight: 300!important;
} 
.mega-menu .mega-menu ul {
    list-style:none!important;
    margin:0!important;
    padding:0!important;
    position:relative;
}
@media print, screen and (min-width: 40em){
    .mega-menu .mega-menu .cell {
        padding-right: 0!important;
        padding-left: 0!important;
        width:100%!important;
        overflow:hidden;
    }
}

a.toggle-menu, a.toggle-menu:hover{
    right: 0px;
    color: #014596;
    top: 57px;
    left:0;
    float:left!important;
}
a.toggle-menu.in-menu{
    position: relative;
    right: 0px;
    padding: 12px;
    background-color: #eee;
    color: #fff;
    top: 0px;
    left:0;
    text-align: left;
}
.exo-menu > li > a{
    display:block;
    padding: 12px 12px;
}
.button.toggle-menu {display: inline-block;}

.left-header{ text-align:left;}
.left-header img{ width:100%; margin: 0.2rem auto;}

/*responsive*/
@media (max-width:1260px){
    .exo-menu {text-align: right!important;}
}

@media (min-width:1023px){

    .button.toggle-menu, .exo-menu > li > a.button.toggle-menu.in-menu {display: none!important;}

    .mega-menu, .flyout-mega-wrap, .flyout-right>ul,
    .flyout-left>ul, li.drop-down>ul{
        position:absolute;
        z-index: 9999;
    }
    .flyout-right>ul{
        left: 100%;
    }
    .flyout-left>ul{
        right: 100%;
    }
}
@media (max-width:1023px){
    .exo-menu {text-align: center!important;}
    .exo-menu {text-align: center!important;}

    .exo-menu {
        min-height: 0px;
        background-color: fff;
        width: 100%;
    }

    .exo-menu > li {
        display: none;
    }
    .exo-menu.display{
        position:relative!important;
        display: inline-block;
        overflow: hidden;
    }
    .exo-menu.display > li {
        display: inline-block;
    }
    .exo-menu.display > li.btn-home{width:100%;}
    .exo-menu > li > a{
        width:100% ;
        display:none;

    }
    .exo-menu > li{
        width:100%;
    }
    .exo-menu.display > li > a{
        display:block ;
        padding: 20px 22px;
    }
    .exo-menu.display > li > a.in-menu{
        display:block ;
        padding: 16px;
    }

    .mega-menu,.flyout-right>ul,
    .flyout-left>ul, li.drop-down>ul{
        position:relative;
    }
    .left-header{ text-align:center;}
    .left-header img{ width:60%; margin: 0.5rem auto;}
    .right-header{background: #eee; padding: 16px;}
    .right-header .left-navtop{float:none; display:inline-block;}
    .right-header .right-navtop{float:none; display:inline-block;}

    .button.phone h5 {color: #004696; font-size: 1.5rem!important;}
    h5 span.idioma-sel {color: #004696; font-size: 1.2rem!important;}

}

.mega-menu-wrap div, .mega-menu-wrap ul{overflow:visible!important;}
.mega-menu-wrap a.menu-nav{ padding: 3px 6px; margin: 0; display:block; margin-left: -6px; }
a.menu-nav:hover{ background: rgba(255,255,255,1); }

.animated.fadeIn.mega-menu#Hosting .cell{text-align:center;}
.animated.fadeIn.mega-menu#Hosting li.cell:hover,
.animated.fadeIn.mega-menu#Hosting li.cell:hover a { background: #fff!important;}


.animated.fadeIn.mega-menu#Hosting .cell img{display:inline-block!important; width: 30%!important;}
.animated.fadeIn.mega-menu#Hosting .cell ul ul li:first-child a{font-weight:bold!important;}

/* FIN MEGA MENU*/

.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; }

.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;}

.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;}

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 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);}

.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;
                font-family: 'Open Sans', sans-serif;
                font-size: 1.2rem;
                font-weight: 400;
}
.button.orange, .button.orange:active, .button.orange:visited{color:#000!important;}
.button.orange:hover{ background: #ef7f1d;
                      color:#fff!important;}

.button.white{background: #fff; color:#004696; margin-bottom: 0!important; padding:0;}
.button.white .fas{color:#999;}
.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-left: 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: #eee;
               margin-top: 3rem;
               width: 100%;
               padding: 1rem 0;
               background-image:url(images/contact-foot.jpg);
               background-size: cover;
               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: 0;
    overflow: hidden;
    color: #eee;
    font-size: 0.9rem;
    background: #666;
}
.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;}
.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;}
.address{background: #333; padding: 2rem 0; margin-top: 2rem;}

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

.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;}


.comparativa tr:first-child td{border-bottom:solid 1px #337AB7; }

.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; }


.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) {
    .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;}

    .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){
    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;}
    .docs-example-orbit-slide .button.nomovil{display:inline-block!important;}
    .idioma-cont{background-color: transparent!important;
                 padding-right: 0.625rem;
                 padding-left: 0.625rem;
    }


    .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;}

}