/* ============================================================================================== 
This copyright notice must be kept untouched in the stylesheet at all times.
The original version of this stylesheet and the associated (x)html 
is available at http://www.script-tutorials.com/bootstrap-one-page-template-with-parallax-effect/
Copyright (c) Script Tutorials. All rights reserved.
This stylesheet and the associated (x)html may be modified in any way to fit your requirements.
================================================================================================= */

/*Font face*/
    /*
    src: url('../fonts/glyphicons-halflings-regular.eot');
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), 
         url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), 
         url('../fonts/glyphicons-halflings-regular.woff') format('woff'), 
         url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), 
         url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');

    */

@font-face{
    font-family: 'FrutigerNextLT-LightItalic';
    src: url('../fonts/FrutigerNextLT-LightItalic.otf');
}
@font-face{
    font-family: "NeueFrutigerCom-Black";
    src: url('../fonts/Neue Frutiger Com Black.otf');
}
@font-face{
    font-family: "NeueFrutigerCom-Light";
    src: url('../fonts/Neue Frutiger Com Light.otf');
}
@font-face{
    font-family: "NeueFrutigerCom-Medium";
    src: url('../fonts/Neue Frutiger Com Medium.otf');
}
@font-face{
    font-family: "SourceSansPro-Semibold";
    src: url('../fonts/SourceSansPro-Semibold.otf');
}
/* 0D69A8 */
/* General styles */
html,
body{
    position:relative;
    width:100%;
    height:100%;
}
body{
    font-size:16px;
    font-family: "NeueFrutigerCom-Light" !important; }
.container-fluid{
    max-width:1800px; }
.m-a img {
    border: none; }
.m-nav-spacer{
    position:relative;
    height:150px; }
.clear{
    clear:both; }
.footer {
    text-align:center;
    color:#fff;
    margin-top:15px; } 
.page-section{
    position:relative;
    width: 100%;
    /*min-height: 100%;*/
    margin-top: 20px; }
.noPadding{
    padding: 0 !important; }
.whiteSections{
    color: #23232D !important;
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
    font-size:1.15em;
    line-height:1.6em; }
.shadowContainer{
    -webkit-box-shadow: 0 6px 10px -1px #6f6f6f;
    -moz-box-shadow: 0 6px 10px -1px #6f6f6f;
    box-shadow: 0 6px 10px -1px #6f6f6f; }
.dynamicContainer{
    position: relative;
    display:flex;
    width:100%;
    height:100%; }
.dynAbsolute{
    position: absolute !important;
    width: 100%;
    min-height: 100%;}
.dynamicSubcontainer{
    position:relative;
    display:flex;
    flex-flow: row wrap;
    width:100%;
    height:100%;
}
.dynamicSubcontainer.dynamicCenter{
    justify-content:center;
    align-items:center;
}
.dynamicSubcontainer > div{
    position:relative;
    display:flex;
    flex-flow: column nowrap;}
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none; }
h1,h2,h3,h4,h5,h6{
    font-family: 'NeueFrutigerCom-Medium'; 
}
span.azulTexto {
    color: #0D69A8;
    font-weight: bolder;
}
span.azulTextoDark {
    color: #1c4576;
    font-weight: bolder;
}
span.rojoTexto {
    color: #F00;
    font-weight: bolder;
}
.tooltipContainer {
    position: relative;
    padding: 0 !important;
}
.tooltipContainer .tooltiptext {
    position: absolute;
    bottom: 105%;
    visibility: hidden;
    width: 120%;
    background-color: #BC2226;
    border-radius: 6px;
    padding: 10px 5px;
    color: #fff;
    font-size: 0.70em !important;
    font-weight: normal !important;
    text-align: left !important;
    line-height:1em;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.5s;
}
.tooltipContainer .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 40%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #BC2226 transparent transparent transparent;
}
.tooltipContainer:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
@media(max-width: 620px){
    .tooltipContainer .tooltiptext {
        width: 95% !important; }
    .tooltipContainer .tooltiptext::after {
        left: 50%; }
}
/* End General styles */

/* Nav bar menu */
.navbar {
    margin-bottom: 0;
    min-height: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 2px 5px 0 #5f5f5f;
    -moz-box-shadow: 0 2px 5px 0 #5f5f5f;
    box-shadow: 0 2px 5px 0 #5f5f5f; }
.navbar-default{
    border: none;
    background-color: #BC2226; }
.navbar-toggle {
    margin: 8px 5px 0 0;
    background-color: #fff;
}
/* center the navbar*/
.m-nav-div-menu {
    position: relative;
    display: flex;
    text-align: center; }
.m-nav{
    margin: 10px 0; }
.m-nav-ul-menu {
    padding-left:0;
    margin: 8px 0; }
    .m-nav-ul-menu li {
        display: inline;
        text-align: center;
        text-transform:uppercase;
        padding: 0 3%;
        /*border-right: 1px solid #fff;*/  }
    .m-nav-ul-menu li:last-child {
        /*border-right: none;*/ }
        /*.m-nav-ul-menu li.active a {
            border: solid 1px white;
            background-color: transparent !important; }*/
        .m-nav-ul-menu li a {
            cursor:pointer;
            color: white !important;
            font-size: .9em;
            margin: 20px 8px;
            padding: 0 !important;
            text-decoration:none;
            font-weight: normal; }
        .m-nav-ul-menu li a span {
            padding-bottom: 2px;
            cursor: pointer; }
        .m-nav-ul-menu li a:hover{
            font-weight: bold;
            font-size: .87em; }
        .m-nav-ul-menu li.active a span{
            border-bottom: 1px solid #fff; }
        .m-nav-ul-menu li a:after, 
        .m-nav-ul-menu li a:active, 
        .m-nav-ul-menu li a:focus, 
        .m-nav-ul-menu li a:visited,
        .m-nav-ul-menu li a span:active, 
        .m-nav-ul-menu li a span:focus, 
        .m-nav-ul-menu li a span:visited,
        .navbar .m-navLogo a:active
        .navbar .m-navLogo a:focus,
        .navbar .m-navLogo a:visited,
        .navbar .m-navLogo img:active,
        .navbar .m-navLogo img:focus,
        .navbar .m-navLogo img:visited {
            text-decoration:none;
            outline: none;
            border: none;
        }
.m-nav-menu-li-collapsed-social {
    margin-top: 15px; }
    .m-nav-menu-li-collapsed-social a {
        display: inline !important; }

@media (max-width: 1160px) {
    .m-navLogo img{
        max-width:220px;
    }
}
@media (min-width: 992px){
    .navbar .container-fluid{
        display:flex;
        flex-flow: row nowrap;}
    .m-navLogo {
        position: relative;
        display: flex;
        flex-flow: column nowrap;
        width: 25%; }
        .m-navLogo > div {
            background-color: #fff;
            border-radius: 0 0 15px 15px;
            /*border: 1px solid #BC2226;*/
            border-top: none;
            right: 0;
            padding: 5px 10px;
            position: absolute; } 
    .m-nav-div-menu {
        position: relative;
        display: flex;
        flex-flow: column nowrap;
        width: 80%;
        text-align: center; }
}
@media (max-width: 1199px) and (min-width: 992px) {
    .m-nav-ul-menu li {
        display: inline;
        text-align: center;
        text-transform: uppercase;
        padding: 0 1.5%; } }
@media(max-width:991px) {
    .m-nav-div-menu{
        width:100%;
        display: none;
    }
    .m-nav-ul-menu li {
        display: block;
        flex-flow: unset;
        width: 100%; }
        .m-nav-ul-menu li a {
            display: block;
            width: 100%;
            margin: 7px 0; } 
    .navbar-brand {
        position: relative; }
        .navbar-brand > div {
            background-color: #fff;
            border-radius: 0 0 15px 15px;
            /*border: 1px solid #BC2226;*/
            border-top: none;
            left: 15px;
            top: 0;
            padding: 5px 10px;
            position: absolute; } 
    .navbar .navbar-collapse{
        border: none;
        box-shadow: none;
        width: 100%;
        margin: 0;
        padding: 0; } }
@media(max-width:667px) {
    .navbar .navbar-collapse {
        margin-top: 30px; }
    .navbar-brand img{
        max-width: 165px;
    }
}
@media(max-width:460px) {
    .navbar-brand img{
        max-width: 115px;
    }
}
/* End Nav bar menu */

/* Input fields */
fieldset, pre, abbr, acronym, table, th, td, input[type="date"], input[type="time"], input[type="datetime-local"], input[type="week"], input[type="month"], input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, .main-navigation li, .main-navigation .primary-menu, .menu-toggle, .dropdown-toggle::after, .social-navigation a, .image-navigation, .comment-navigation, .tagcloud a, .entry-content, .entry-summary, .page-links a, .page-links > span, .comment-list article, .comment-list .pingback, .comment-list .trackback, .comment-reply-link, .no-comments, .widecolumn .mu_register .mu_alert {
    border-color: rgba(255, 255, 255, 0.2); }
fieldset, pre, abbr, acronym, table, th, td, input[type="date"], input[type="time"], input[type="datetime-local"], input[type="week"], input[type="month"], input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, .main-navigation li, .main-navigation .primary-menu, .menu-toggle, .dropdown-toggle::after, .social-navigation a, .image-navigation, .comment-navigation, .tagcloud a, .entry-content, .entry-summary, .page-links a, .page-links > span, .comment-list article, .comment-list .pingback, .comment-list .trackback, .comment-reply-link, .no-comments, .widecolumn .mu_register .mu_alert {
    border-color: rgba(229, 229, 229, 0.2); }
input[type="date"], input[type="time"], input[type="datetime-local"], input[type="week"], input[type="month"], input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea {
    background: #f7f7f7 linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)) repeat scroll 0 0;
    border: 1px solid #d1d1d1;
    border-radius: 2px;
    color: #686868;
    padding: 0.625em 0.4375em;
    width: 100%; }
input {
    line-height: normal; }
/* End Input fields*/

/*Iconos redes sociales*/
.m-nav-div-socialnet{
    position: absolute; 
    right:0; 
    top:0; }
    .m-nav-div-socialnet > .visible-md li:last-child {
        margin-right:5px !important; }
.m-nav-socialnet {
    width: 100%;
    text-align: right; }
    .m-nav-socialnet li {
        float: none;
        display: inline-block; }
    .m-nav-socialnet li:last-child {
        margin-right:30px; }
    .m-nav-socialnet li a {
        cursor: pointer;
        padding: 5px 7px !important; }
/* End Iconos redes sociales*/

/* padded section */
.pad-section {
  padding: 50px 0; }
.pad-section img {
  width: 100%; }
/* End padded section */

/* Sections styles */
#quienesSomos {
    color: #444;
    font-size: 1.3em;
    line-height: 1.4em; }
    #quienesSomos .swiper-container {
        width: 100%;
        height: 100%;
        margin-top: 20px;
        margin-bottom: 10px; }
    #quienesSomos .swiper-slide{
        position: relative; }
    #quienesSomos .swiper-slide img {
        width: 100%; }
    #quienesSomos .swiper-slide .message {
        background-color: transparent;
        border: medium none;
        color: #fff;
        text-shadow: -1px -1px 3px rgba(63,63,63, 0.2), 1px -1px 3px rgba(63,63,63, 0.2), 
                     1px 1px 3px rgba(63,63,63, 0.2), -1px 1px 3px rgba(63,63,63, 0.2);
        display: inline-block;
        font-family: "NeueFrutigerCom-Black";
        font-size: 3.5em;
        line-height: 1em;
        padding: 0 9%;
        position: absolute;
        text-align: center;
        width: 100%;
        z-index: 100;
        top: 38%; }
    #quienesSomos .swiper-pagination {
        text-align: center;
        margin: 10px 0; 
        width: 100%; }
        #quienesSomos .swiper-pagination span.swiper-pagination-bullet {
            background-color: #888;
            margin: 0 15px;
            height: 13px;
            width: 13px; }
        #quienesSomos .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
            background-color: #afafaf; }
    #quienesSomos .quienesSomos{
        position: relative;
        text-align:center;
        margin-top:50px;}
        #quienesSomos .quienesSomos h1 {
            margin: 30px 0;
            font-size: 2.1em;
            font-weight: bold;
            color: #1A1751;
            letter-spacing: 4px; }
        #quienesSomos .quienesSomos pre {
            text-align: right;
            letter-spacing: -1px;
            display: block;
            color: inherit;
            font-size: inherit;
            line-height: inherit;
            font-weight: normal;
            background-color: unset;
            border: none;
            border-radius: 0;
            margin: 0;
            overflow-wrap: normal;
            padding: 0;
            word-break: break-all;
        }
        #quienesSomos .quienesSomos div {
            padding: 0 50px;
            margin-bottom: 15px;
        }
        #quienesSomos .quienesSomos .imgLogo img {
            width: 100%;
            max-width: 485px;}
        #quienesSomos .quienesSomos .garantizamosServicios h3 {
            margin-bottom: 20px;
            color: #1A1751;
            font-size:1.5em;
        }
        #quienesSomos .quienesSomos .garantizamosServicios {
            position: relative;
            background-color: #E6E7E8;
            color: #0D69A8;
            text-align: center;
            padding: 0;
            margin-bottom: 0; }
        #quienesSomos .quienesSomos .garantizamosServicios ul{
            list-style-type: none;
            display:flex;
            flex-flow: row wrap;
            padding: 20px 0;
            justify-content: center;
        }
        #quienesSomos .quienesSomos .garantizamosServicios ul li{
            font-family: "NeueFrutigerCom-Medium";
            display: flex;
            flex-flow: column nowrap;
            align-self: flex-start;
            font-size: 1.05em;
            width: 170px;
            margin: 2%; }
        #quienesSomos .quienesSomos .garantizamosServicios ul li:first-child{
            margin-left: 0; }
        #quienesSomos .quienesSomos .garantizamosServicios ul li:last-child{
            margin-right: 0; }
            #quienesSomos .quienesSomos .garantizamosServicios ul li span.img {
                display: inline-block;
                background-color: #fff;
                border-radius: 50%;
                padding: 20px;
                max-width: 150px;
                max-height: 150px;
                width: 50vw;
                height: 50vw;
                overflow: hidden;
                margin: 0 auto;}
            #quienesSomos .quienesSomos .garantizamosServicios ul li:hover span.img {
                background-color: #0D69A8; }
                #quienesSomos .quienesSomos .garantizamosServicios ul li span.img img {
                    width: 100%;
                }
                #quienesSomos .quienesSomos .garantizamosServicios ul li:hover span.img img {
                    margin-top:-100%; }
            #quienesSomos .quienesSomos .garantizamosServicios ul li span {
                display: block;
                text-align: center;
                margin-top: 15px; }
@media only screen and (max-width:1619px){
    #quienesSomos .quienesSomos pre {
        white-space:normal;
        overflow-wrap: normal;
        word-break: normal; } }
@media only screen and (max-width:1300px) {
    #quienesSomos .quienesSomos .garantizamosServicios ul li {
        display: flex;
        flex-flow: column nowrap;
        align-self: flex-start;
        width: 14%;
        margin: 2% 1%; } 
    #quienesSomos .quienesSomos .garantizamosServicios ul li:first-child{
            margin-left: 5px; }
        #quienesSomos .quienesSomos .garantizamosServicios ul li:last-child{
            margin-right: 5px; }
    #quienesSomos .quienesSomos .garantizamosServicios ul li span.img {
        padding: 13px; }
    #quienesSomos .quienesSomos .garantizamosServicios{
        font-size: 0.95em; } }
@media only screen and (max-width:1200px) {
    #quienesSomos .quienesSomos .garantizamosServicios ul li span.img {
         max-width: 120px;
         max-height: 120px;
         margin: 0 auto; } 
    #quienesSomos .swiper-slide .message {
        font-size: 2.8em;
        padding: 0 5%;
        top: 35%; }
    #quienesSomos .quienesSomos .garantizamosServicios ul li span {
        font-size: 0.9em;
    }
}
@media only screen and (max-width:991px) {
    #quienesSomos .quienesSomos {
        text-align: center; }
        #quienesSomos .quienesSomos h1 {
            text-align: center; }
        #quienesSomos .quienesSomos pre {
            text-align: center; }
        #quienesSomos .quienesSomos div{
            padding: 0 20px;  }
        #quienesSomos .quienesSomos .imgLogo img {
            margin-top:30px;
            padding: 0 30px; }
        #quienesSomos .quienesSomos img {
             margin-top: 0;
             max-width: 150px; }
        #quienesSomos .quienesSomos .garantizamosServicios ul li {
            width: 20%;
            margin: 2% 5% 0% 5%; }
        #quienesSomos .quienesSomos .garantizamosServicios ul li:first-child{
            margin-left: 5%; }
        #quienesSomos .quienesSomos .garantizamosServicios ul li:last-child{
            margin-right: 5%; }
            #quienesSomos .quienesSomos .garantizamosServicios ul li span.img {
                padding: 30px;
                max-width: 135px;
                max-height: 135px;
                margin: 0 auto; }
        /*#quienessomos .quienessomos .garantizamosservicios {
            font-size: 0.7em; }*/
    #quienesSomos .swiper-slide .message {
        font-size: 2.2em;
        top: 34%; } }
@media only screen and (max-width:720px) {
    #quienesSomos .quienesSomos .garantizamosServicios ul li {
        width: 23%;}
    #quienesSomos .quienesSomos .garantizamosServicios ul li span {
        margin-top: 5px; } 
    #quienesSomos .swiper-slide .message {
        font-size: 1.8em;
        top: 34%; } }
@media only screen and (max-width:620px) {
    #quienesSomos .quienesSomos {
        font-size: 0.9em; }
    #quienesSomos .quienesSomos h1 {
        font-size: 1.8em; }
    #quienesSomos .quienesSomos .garantizamosServicios ul li {
        width: 40%;
        margin: 2% 5% 2% 5% }
        #quienesSomos .quienesSomos .garantizamosServicios ul li span.img {
            padding: 20px;
            max-width: 120px;
            max-height: 120px; }
    /*#quienesSomos .quienesSomos .garantizamosServicios {
        font-size: 0.8em; }*/ 
    #quienesSomos .swiper-slide .message {
        font-size: 1.6em;
        top: 30%; } }
@media only screen and (max-width:425px) {
    #quienesSomos .quienesSomos {
        font-size: 0.9em; }
    #quienesSomos .quienesSomos h1 {
        font-size: 1.8em; }
    #quienesSomos .quienesSomos .garantizamosServicios ul li {
        width: 40%;
        margin: 2% 5% 2% 5% }
        #quienesSomos .quienesSomos .garantizamosServicios ul li span.img {
            padding: 20px;
            max-width: 110px;
            max-height: 110px; }
    /*#quienesSomos .quienesSomos .garantizamosServicios {
        font-size: 0.7em; }*/ 
    #quienesSomos .swiper-slide .message {
        font-size: 1.1em;
        top: 39%; } }
#servicios .container-fluid{
    background: url('../images/servicios/bgServicios.jpg') top center no-repeat;
    background-size: cover;
    width:100%; }
#servicios h1{
    color: #fff;
    text-align:center;
    margin: 40px 0 30px;
    font-weight: bold;
    font-size:3.3em;
    letter-spacing: 4px;
    text-shadow: -1px -1px 3px rgba(63,63,63, 0.2), 1px -1px 3px rgba(63,63,63, 0.2), 
                 1px 1px 3px rgba(63,63,63, 0.2), -1px 1px 3px rgba(63,63,63, 0.2);
}
#servicios .swiper-main-container{
    position:relative; 
    margin: 0 auto; 
    width:85%; }
#servicios .swiper-container {
    width: 100%;
    height: 100%;
    margin-top: 20px;
    margin-bottom: 40px; }
#servicios .swiper-slide:before{
    content: ' ';
    display:block;
    position: absolute;
    width:100%;
    height: 17px;
    top: -17px;
    background-image: url('../images/servicios/whiteArrow.png');
    background-repeat: no-repeat;
    background-position: calc(50% - 43px) 0%; }
#servicios .swiper-slide {
    text-align: center;
    background-color: rgba(255, 255, 255, 0.55); 
    color: #fff;
    font-size: 1em;
    padding: 50px 45px;
    border-radius: 1px;
    height: auto;
    margin-top: 20px; }
    #servicios .swiper-slide img {
        width: 100%;
        max-width: 130px;
        text-align:center; }
    #servicios .swiper-slide h2 {
        font-family: "NeueFrutigerCom-Medium";
        text-align: center;
        margin: 7px 0 15px 0;
        font-size: 1.2em; }
    #servicios .swiper-slide h2 span {
        text-align:center;
        font-size:0.8em;
    }
    #servicios .swiper-slide ul {
        text-align: left; 
        padding-left: 20px;
        list-style-type: disc; }
#servicios .swiper-btn-next-Servicios{
    background-image: url('../images/servicios/nextBtn.png');
    background-color: #949498;
    border-radius: 50%;
    background-size: unset;
    background-position: center center;
    width:34px;
    height:34px;
    right: 40px; }
#servicios .swiper-btn-prev-Servicios{
    background-image: url('../images/servicios/prevBtn.png');
    background-color: #949498;
    border-radius: 50%;
    background-size: unset;
    background-position: center center;
    width:34px;
    height:34px;
    left: 40px; }
#servicios .swiper-pagination {
    display: none; }
@media only screen and (max-width:1500px){
    #servicios .swiper-slide {
        padding: 50px 20px; }
    #servicios .swiper-slide:before{
        background-position: calc(50% - 15px) 0%; } }
@media only screen and (max-width:1280px){
    #servicios .swiper-slide h2 {
        font-size: 1.05em; } 
    #servicios .swiper-slide:before{
        background-position: calc(50% - 20px) 0%; } }
@media only screen and (max-width:1023px){
    #servicios .swiper-btn-next-Servicios{
        right: 20px; }
    #servicios .swiper-btn-prev-Servicios{
        left: 20px; } }
@media only screen and (max-width:780px){
    #servicios h1 {
        font-size: 2em;
        padding: 0 20px; }
    #servicios .swiper-btn-next-Servicios{
        right: 8px; }
    #servicios .swiper-btn-prev-Servicios{
        left: 8px; } }
@media only screen and (max-width:600px){
    #servicios .swiper-main-container{
        width: 80%; }
    #servicios .swiper-btn-next-Servicios{
        right: 5px; }
    #servicios .swiper-btn-prev-Servicios{
        left: 5px; } }
@media only screen and (max-width:485px){
    #servicios .swiper-main-container{
        width: 75%; } }


#laNube .container-fluid {
    background: url('../images/laNube/bgNube.png') right bottom no-repeat;
    width: 100%; }
#laNube .dataContainer-header{
    position:relative;
    color: #1a1751;
    display: inline-block;
    margin: 80px 3% 0;
    padding: 30px;
    width: 85%; }
#laNube .dataContainer-header p{
    font-size: 1.5em;
}
#laNube .dataContainer {
    position:relative;
    color: #fff;
    display: inline-block;
    margin: 0 0 10% 3%;
    padding: 30px;
    width: 55%; }
#laNube .dataContainer:after{
    content: ' ';
    color: blue;
    display: inline-block;
    position: absolute;
    width: 36px;
    height: 68px;
    right:-35px;
    bottom: 20%;
    background-repeat: no-repeat; }
    #laNube .dataContainer-header h1,
    #laNube .dataContainer h1{
        font-family: "NeueFrutigerCom-Medium";
        text-align: left;
        padding-left: 35px;
        margin: 10px 0 20px;
        font-weight: bold;
        color: #1a1751;
        letter-spacing: 1px; }
    #laNube .dataContainer ul{
        list-style-type: none;
        display: block;
        color: #1a1751;
        font-size: 1.6em; }
        #laNube .dataContainer ul li:before {
            content: '';
            background-image: url('../images/laNube/checkMark.png');
            background-repeat: no-repeat;
            background-size: contain;
            background-position: bottom center;
            width: 20px;
            height: 20px;
            font-size: 0.7em;
            position:absolute;
            left: 60px;
        }
        #laNube .dataContainer ul li{
            margin-top: 0;
            margin-left:40px;
            letter-spacing: -1px; }
@media only screen and (max-width:1550px){
    #laNube .container-fluid {
        background: url('../images/laNube/bgNube.png') right -103px bottom no-repeat;  }
    #laNube .dataContainer-header h1{
        padding-left: 0; }
    #laNube .dataContainer {
        /*background-color: red;*/
        margin: 0 0 12% 1%;
        padding: 15px;
        width: 60%; } }
@media only screen and (max-width:1380px){
    #laNube .container-fluid {
        background: url('../images/laNube/bgNube.png') right bottom no-repeat;
        background-size: 120%; }
    #laNube .dataContainer {
        /*background-color: blue;*/
        margin: 0 0 10% 1%;
        padding: 10px;
        width: 60%; }
    #laNube .dataContainer-header h1,
    #laNube .dataContainer h1{
        font-size: 2em; }
    #laNube .dataContainer ul{
        list-style-type: none;
        display: block;
        font-size: 1.3em; }
        #laNube .dataContainer ul li:before{
            font-size: 0.6em; } }
@media only screen and (max-width:1023px){
    #laNube .container-fluid {
        background: none; }
    #laNube .dataContainer-header{
        margin-top:60px;
        width: 100%; }
    #laNube .dataContainer {
        /*background-color: blue;*/
        margin: 0 0 5% 5%;
        padding: 30px;
        width: 90%; }
    #laNube .dataContainer:after{
        background-image: none; }
        #laNube .dataContainer h1 {
            padding-left: 0;
            text-align:center;} }
@media only screen and (max-width:767px){
    #laNube .dataContainer-header p{
       font-size: 1.1em;
       text-align: justify;
    }
    #laNube .dataContainer-header h1{
       text-align: center;
    }
    #laNube .dataContainer {
        margin: 0 0 2% 1%;
        padding: 0 15px;
        width: 98%; }
        /*#laNube .dataContainer ul {
            margin-left:5px;
            padding-left:5px;
        }*/ 
}
@media only screen and (max-width:425px){
    #laNube .dataContainer-header h1,
    #laNube .dataContainer h1{
        font-size: 1.7em; }
    #laNube .dataContainer ul{
        list-style-type: none;
        display: block;
        font-size: 1.2em; }
        #laNube .dataContainer ul li:before{
            font-size: 0.5em;
            left: 0;
        }
         #laNube .dataContainer ul li{
            margin-left: -15px; }
}


#paquetes .container-fluid {
    background-color: #1b1950;
    color: #fff;
}
#paquetes h1 {
    font-size: 3em;
    font-weight: bold;
    color: #fff;
    text-align:center;
    letter-spacing: 2px;
    margin: 30px 0 40px;
    padding: 0 20px; }
#paquetes .dataContainer{
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    justify-content: center;
    margin-bottom: 40px; }
#paquetes .dataContainer .item{
    display: flex;
    flex-flow: column nowrap;
    text-align: center;
    width:21%;
    margin: 0 2%; 
    background-color: #fff;
    border-radius: 25px; }
    #paquetes .dataContainer .item .title {
        padding: 15px 20px;
        z-index: 10; }
        #paquetes .dataContainer .item .title h2 {
            color: #BC2226;
            font-size: 1.9em;
            letter-spacing: 2px;
            font-weight: bold;
            margin: 0 0 8px 0; }
        #paquetes .dataContainer .item .title span {
            font-family: 'NeueFrutigerCom-Medium'; 
            display:block;
            color: #261650;
            letter-spacing: 2px;
            font-weight: bold;
            font-size: 1.2em;
            line-height: 1.2em; }
        #paquetes .dataContainer .item .description{
            border: none; 
            z-index: 9; }
        #paquetes .dataContainer .item .description span{
            display:block;
            color: #0D69A8;
            font-size: 1.7em;
            line-height: 1.2em;
            margin: 15px 0;
            padding: 0 15px; }
            #paquetes .dataContainer .item .description span:first-child {
                margin-top: 10px;}
            #paquetes .dataContainer .item .description span:last-child {
                margin-bottom: 60px;}
            #paquetes .dataContainer .item .description hr {
                display:block;
                border-color: #989899;
                width: 40%; }
        #paquetes button{
            display: block;
            background-color: transparent;
            border-radius: 15px;
            border: 1px solid #fff;
            color: #fff;
            cursor: pointer;
            padding: 20px;
            font-size: 1.1em;
            letter-spacing: 2px;
            font-weight: bold;
            width: 80%;
            max-width: 550px;
            margin: 20px auto 60px; }
@media only screen and (max-width:1380px){
    #paquetes .dataContainer .item .title h2{
        font-size: 1.5em; } 
    #paquetes .dataContainer .item .title span {
        font-size: 1em;
        line-height: 1em; }
    #paquetes .dataContainer .item .description span{
        font-size: 1.3em;
        line-height: 1.2em; } }
@media only screen and (max-width:1024px){
    #paquetes .dataContainer .item {
        width: 46%; }
    #paquetes .dataContainer .item:nth-child(n + 3) {
        margin-top: 30px; }
        #paquetes .dataContainer .item .title h2 {
            font-size: 1.8em; }
        #paquetes .dataContainer .item .title span {
            font-size: 1.05em; }
        #paquetes .dataContainer .item .description span{
            font-size: 1.5em;}
        #paquetes .dataContainer .item button{
            font-size: 1em;
            width: 90%;} }
@media only screen and (max-width:620px){
    #paquetes .dataContainer .item {
        width: 96%; }
    #paquetes .dataContainer .item:nth-child(n + 2) {
        margin-top: 30px; }
        #paquetes .dataContainer .item .title h2 {
            font-size: 1.8em; }
        #paquetes .dataContainer .item .title span {
            font-size: 1.05em; }
        #paquetes .dataContainer .item .description span{
            font-size: 1.5em;}
        #paquetes .dataContainer .item button{
            font-size: 1em;
            width: 90%;}
    #paquetes button{
            font-size: 1em;
            width: 95%;
            padding: 15px 20px; } }
@media only screen and (max-width:425px){
    #paquetes h1 {
        font-size: 2.3em;} }
@media only screen and (max-width:350px){
        #paquetes .dataContainer .item button{
            font-size: 0.9em;
            width: 95%;} }
        

#alianzas .container-fluid {
    background-color: #fff;
    color: #444;
    font-size: 1.3em;
    line-height: 1.4em;
    text-align: center;
}
#alianzas h1 {
    font-size: 2.8em;
    font-weight: bold;
    color: #261650;
    text-align:center;
    letter-spacing: 2px;
    margin: 30px 0 40px;
    padding: 0 20px; }
#alianzas .message{
    display: block;
    width: 750px;
    margin: 0 auto;
    margin-bottom: 40px;
} 
#alianzas .dataContainer{
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    justify-content: center;
    margin-bottom: 40px;
    max-width: 900px;
    margin: 0 auto;
}
#alianzas .dataContainer .item{
    display: flex;
    flex-flow: column nowrap;
    margin: 30px 80px; }
    #alianzas .dataContainer .item:nth-child(n+3) {
        margin-top: 50px;
    }
    #alianzas .dataContainer .item img {
        width:100%; }
@media only screen and (max-width:800px){
    #alianzas .message{
    width: 100%;} }
@media only screen and (max-width:425px){
    #alianzas h1 {
    font-size: 2.3em;} }

#contacto .dataContainer{
    position:relative;
    margin: 15px 0;
    display: flex;
    flex-flow: row wrap; }
    #contacto .dataContainer section {
        display: flex;
        flex-flow: column nowrap;
        align-self: flex-start; }
    #contacto #contactoEscribenos {
        width: 32%;
        /*margin-left: 1%;*/ }
    #contacto #contactoGeneral {
        width: 32%;
        margin: 0 2%; }
    #contacto #contactoVisitanos {
        width: 32%; }
    #contacto section > h3 {
        background-color: #e6e7e8;
        color: #0D69A8;
        margin-bottom: 10px;
        font-size: 20px;
        padding: 10px 15px; }
    #contacto #contactoForm {
        text-align: right; }
        #contacto #contactoForm input,
        #contacto #contactoForm textarea {
            margin-bottom: 5px; } 
        #contacto #contactoForm button {
            color: #fff;
            background-color: #BC2226;
            border-radius: 35px;
            border: none;
            padding: 5px 20px; 
        }
            #contacto #contactoForm button:hover {
                color: #9c9c9c; }
    #contacto #contactoGeneral > div {
        display:flex;
        flex-flow: row wrap;
        justify-content: center;
        color: #444;
        font-size: 1.2em;
        line-height: 20px; }
        #contacto #contactoGeneral > div > div {
            display:flex;
            flex-flow: row nowrap; }
        #contacto #contactoGeneral div table {
            margin-top: 20px;
            width: 100%; }
    #contacto #contactoGeneral .avisoPrivacidad {
        text-align: center;
        margin-top: 20px;
        font-size: .9em;
        cursor: pointer;
    }
    #contacto #contactoGeneral .avisoPrivacidad img {
        margin-top: -10px;
    }
    #contacto #contactoGeneral #tblContacto {
        width: 100%;
        border: none; }
        #contacto #contactoGeneral #tblContacto tr, #tblContacto td {
            border: none;
            vertical-align: top; }
        #contacto #contactoGeneral #tblContacto td {
            padding: 0 10px 3px 0; }
        #contacto #contactoGeneral #tblContacto tr td:first-child {
            text-align: right;
            width: 80px;}
    #contacto #contactoMapa {
        width: 100%;
        min-height: 300px; }
@media screen and (max-width: 1340px) {
    #contacto #contactoEscribenos {
        width: 30%;
        margin-left: 1%; } 
    #contacto #contactoGeneral {
        width: 30%;
        margin: 0 4%; }
    #contacto #contactoVisitanos {
        width: 30%;
        margin-right: 1%; } }
@media screen and (max-width: 1200px) {
    #contacto #contactoEscribenos {
        width: 47%;
        margin-left: 1%; }
    #contacto #contactoGeneral {
        width: 47%;
        margin: 0 1% 0 4%; }
    #contacto #contactoVisitanos {
        width: 98%;
        margin: 15px 1% 0 1%; } }
@media screen and (max-width: 1024px) {
    #contacto #contactoEscribenos {
        width: 47%;
        margin-left: 1%; }
    #contacto #contactoGeneral {
        width: 47%;
        margin: 0 1% 0 4%; }
    #contacto #contactoVisitanos {
        width: 98%;
        margin: 15px 1% 0 1%; } }
@media screen and (max-width: 767px) {
    #contacto #contactoEscribenos {
        width: 47%;
        margin-left: 1%; }
    #contacto #contactoGeneral {
        width: 47%;
        margin: 0 1% 0 4%; }
    #contacto #contactoVisitanos {
        width: 98%;
        margin: 15px 1% 0 1%; }
    #contacto section > h3 {
        font-size: 18px; }
    #contacto #contactoGeneral div {
        font-size: 16px;
        line-height: 18px; } }
@media screen and (max-width: 640px) {
    #contacto #contactoEscribenos {
        width: 98%;
        margin: 15px 1% 0 1%; } 
    #contacto #contactoGeneral {
        width: 98%;
        margin: 15px 1% 0 1%; }
    #contacto #contactoVisitanos {
        width: 98%;
        margin: 15px 1% 0 1%; }
    #contacto section > h3 {
        font-size: 18px; }
    #contacto #contactoGeneral div {
        font-size: 16px;
        line-height: 18px; } }
@media screen and (max-width: 405px) {
    #contacto #contactoEscribenos {
        width: 98%;
        margin: 15px 1% 0 1%; }
    #contacto #contactoGeneral {
        width: 98%;
        margin: 15px 1% 0 1%; }
    #contacto #contactoVisitanos {
        width: 98%;
        margin: 15px 1% 0 1%; }
    #contacto section > h3 {
        font-size: 18px; }
    #contacto #contactoGeneral div {
        font-size: 15px;
        line-height: 17px; } }



/* The Modal (background) */
#avisoPrivacidad.modal {
  display: none;
  position: fixed;
  padding-top: 50px;
  padding-bottom: 50px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,.6);
  z-index: 10000;
}
#avisoPrivacidad.modal.active{
   display: block;
}
/* Modal Content */
#avisoPrivacidad .modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1600px;
  padding: 40px 80px;
}

/* The Close Button */
#avisoPrivacidad .close {
  color: #383838;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 3em;
  font-weight: bolder;
  cursor: pointer;
  opacity: 1; 
  filter: alpha(opacity=100);
}

#avisoPrivacidad .close:hover,
#avisoPrivacidad .close:focus {
  color: #ccc;
  text-decoration: none;
}
#avisoPrivacidad .modal-content{
   text-align: center;
}
#avisoPrivacidad .modal-content h1{
   font-size: 2.8em;
   margin-bottom: 40px;
}
#avisoPrivacidad .modal-content p{
   text-align: justify;
   font-size: 1.1em;
   margin:30px 0;
}
@media screen and (max-width: 1024px) {
   .modal-content {
      padding: 20px 40px;
   }
   #avisoPrivacidad .modal-content h1{
      font-size: 2.2em;
      margin-bottom: 40px;
   }
   #avisoPrivacidad .modal-content p{
      font-size: 1em;
   }
}
@media screen and (max-width: 640px) {
   #avisoPrivacidad .close {
      font-size: 2.2em;
   }
   #avisoPrivacidad .modal-content img{
      width: 135px;
   }
   #avisoPrivacidad .modal-content {
      padding: 10px 20px;
   }
   #avisoPrivacidad .modal-content h1{
      font-size: 1.8em;
      margin-bottom: 30px;
   }
   #avisoPrivacidad .modal-content p{
      font-size: 1em;
   }
}