/** * =================================================================== * * Lhander v1.0 Main Stylesheet * url: styleshout.com * 01-11-2016 * ------------------------------------------------------------------- * * TOC: * 01. webfonts and iconfonts * 02. base style overrides * 03. preloader * 04. forms * 05. buttons * 06. common styles * 07. header styles * 08. intro section * 09. process section * 10. features section * 11. pricing section * 12. testimomials section * 13. faq section * 14. ad-section * 15. call-to-action section * 16. footer * * =================================================================== */
/** * =================================================================== * webfonts and iconfonts * * ------------------------------------------------------------------- */
 @import url("fonts.css");
 @import url("ionicons/css/ionicons.min.css");
 @import url("micons/micons.css");
 @import url("iconic/css/iconmonstr-iconic-font.min.css");
/** * =================================================================== * base style overrides * * ------------------------------------------------------------------- */
 html {
     font-size: 10px;
}
 @media only screen and (max-width:1024px) {
     html {
         font-size: 9.375px;
    }
}
 @media only screen and (max-width:768px) {
     html {
         font-size: 10px;
    }
}
 @media only screen and (max-width:400px) {
     html {
         font-size: 9.375px;
    }
}
 html, body {
     height: 100%;
}
 body {
     background: #14181E;
     font-family: "opensans-regular", serif;
     font-size: 1.6rem;
     line-height: 3rem;
     color: #737373;
}
.desktop{
    display: block;
}
.movil{
    display: none;
}
@media (max-width: 767px){
    .desktop{
        display: none;
    }
    .movil{
        display: block;
    }
}
/** * links * - */
 a, a:visited {
     color: #0087cc;
     -moz-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}
 a:hover, a:focus {
     color: #00c0ef;
}
 a:active, a:active * {
     outline: none !important;
     -moz-outline-style: none !important;
}
 a:focus, a:focus * {
     outline: none !important;
     -moz-outline-style: none !important;
}
/** * typography * - */
 h1, h2, h3, h4, h5, h6, .h01, .h02, .h03, .h04, .h05, .h06 {
     font-family: "opensans-regular", serif;
     color: #252525;
     font-style: normal;
     text-rendering: optimizeLegibility;
     margin-bottom: 2.1rem;
}
 h3, .h03, h4, .h04 {
     margin-bottom: 1.8rem;
}
 h5, .h05, h6, .h06 {
     font-family: "raleway-heavy";
     margin-bottom: 1.2rem;
}
 h1, .h01 {
     font-size: 3.1rem;
     line-height: 1.35;
     letter-spacing: -.1rem;
}
 @media only screen and (max-width:600px) {
     h1, .h01 {
         font-size: 2.6rem;
         letter-spacing: -.07rem;
    }
}
 h2, .h02 {
     font-size: 2.4rem;
     line-height: 1.25;
}
 h3, .h03 {
     font-size: 2.6rem;
     letter-spacing: -.07rem;
}
 h4, .h04 {
     font-size: 1.7rem;
     line-height: 1.76;
}
 h5, .h05 {
     font-size: 1.4rem;
     line-height: 1.7;
     text-transform: uppercase;
     letter-spacing: .15rem;
}
 h6, .h06 {
     font-size: 1.3rem;
     line-height: 1.85;
     text-transform: uppercase;
     letter-spacing: .15rem;
}
 p img {
     margin: 0;
}
 p.lead {
     font-family: "opensans-regular", serif;
     font-size: 1.8rem;
     line-height: 1.8;
     color: #737373;
}
 @media only screen and (max-width:768px) {
     p.lead {
         font-size: 1.7rem;
    }
}
 em, i, strong, b {
     font-size: 1.6rem;
     line-height: 3rem;
     font-style: normal;
     font-weight: normal;
}
 em, i {
     font-family: "merriweather-italic", serif;
}
 strong, b {
     font-family: "merriweather-bold", serif;
}
 small {
     font-size: 1.1rem;
     line-height: inherit;
}
 blockquote {
     margin: 3rem 0;
     padding-left: 4rem;
     position: relative;
}
 blockquote:before {
     content: "\201C";
     font-size: 8rem;
     line-height: 0px;
     margin: 0;
     color: #333;
     font-family: arial, sans-serif;
     position: absolute;
     top: 3rem;
     left: 0;
}
 blockquote p {
     font-family: georgia, serif;
     font-style: italic;
     padding: 0;
     font-size: 1.9rem;
     line-height: 1.75;
}
 blockquote cite {
     display: block;
     font-size: 1.2rem;
     font-style: normal;
     line-height: 1.65;
}
 blockquote cite:before {
     content: "\2014 \0020";
}
 blockquote cite a, blockquote cite a:visited {
     color: #8d8d8d;
     border: none;
}
 abbr {
     font-family: "merriweather-bold", serif;
     font-variant: small-caps;
     text-transform: lowercase;
     letter-spacing: .05rem;
     color: #8d8d8d;
}
 var, kbd, samp, code, pre {
     font-family: Consolas, "Andale Mono", Courier, "Courier New", monospace;
}
 pre {
     padding: 2.4rem 3rem 3rem;
     background: #F1F1F1;
}
 code {
     font-size: 1.4rem;
     margin: 0 .2rem;
     padding: .3rem .6rem;
     white-space: nowrap;
     background: #F1F1F1;
     border: 1px solid #E1E1E1;
     border-radius: 3px;
}
 pre > code {
     display: block;
     white-space: pre;
     line-height: 2;
     padding: 0;
     margin: 0;
}
 pre.prettyprint > code {
     border: none;
}
 del {
     text-decoration: line-through;
}
 abbr[title], dfn[title] {
     border-bottom: 1px dotted;
     cursor: help;
}
 mark {
     background: #FFF49B;
     color: #000;
}
 hr {
     border: solid #cfcfd5;
     border-width: 1px 0 0;
     clear: both;
     margin: 2.4rem 0 1.5rem;
     height: 0;
}
/** * Lists * - */
 ol {
     list-style: decimal;
}
 ul {
     list-style: disc;
}
 li {
     display: list-item;
}
 ol, ul {
     margin-left: 1.7rem;
}
 ul li {
     padding-left: .4rem;
}
 ul ul, ul ol, ol ol, ol ul {
     margin: .6rem 0 .6rem 1.7rem;
}
 ul.disc li {
     display: list-item;
     list-style: none;
     padding: 0 0 0 .8rem;
     position: relative;
}
 ul.disc li::before {
     content: "";
     display: inline-block;
     width: 8px;
     height: 8px;
     border-radius: 50%;
     background: #00c0ef;
     position: absolute;
     left: -17px;
     top: 11px;
     vertical-align: middle;
}
 dt {
     margin: 0;
     color: #00c0ef;
}
 dd {
     margin: 0 0 0 2rem;
}
/** * tables * - */
 table {
     border-width: 0;
     width: 100%;
     max-width: 100%;
     font-family: "raleway-regular", sans-serif;
}
 th, td {
     padding: 1.5rem 3rem;
     text-align: left;
     border-bottom: 1px solid #E8E8E8;
}
 th {
     color: #252525;
     font-family: "raleway-bold", sans-serif;
}
 td {
     line-height: 1.5;
}
 th:first-child, td:first-child {
     padding-left: 0;
}
 th:last-child, td:last-child {
     padding-right: 0;
}
 .table-responsive {
     overflow-x: auto;
     -webkit-overflow-scrolling: touch;
}
/** * Spacing * - */
 button, .button {
     margin-bottom: 1.2;
}
 fieldset {
     margin-bottom: 1.5rem;
}
/*input,*/
 textarea, select, pre, blockquote, figure, table, p, ul, ol, dl, form, .fluid-video-wrapper, .iw-custom-select {
     margin-bottom: 3rem;
}
/** * floated image * - */
 img.pull-right {
     margin: 1.5rem 0 0 3rem;
}
 img.pull-left {
     margin: 1.5rem 3rem 0 0;
}
/** * block grids paddings * - */
 .bgrid {
     padding: 0 20px;
}
 @media only screen and (max-width:1024px) {
     .bgrid {
         padding: 0 18px;
    }
}
 @media only screen and (max-width:768px) {
     .bgrid {
         padding: 0 15px;
    }
}
 @media only screen and (max-width:600px) {
     .bgrid {
         padding: 0 10px;
    }
}
 @media only screen and (max-width:400px) {
     .bgrid {
         padding: 0;
    }
}
/** * =================================================================== * preloader * * ------------------------------------------------------------------- */
 #preloader {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: #0F1215;
     z-index: 9999999;
     height: 100%;
     width: 100%;
}
 .no-js #preloader, .oldie #preloader {
     display: none;
}
 #loader {
     position: absolute;
     left: 50%;
     top: 50%;
     width: 60px;
     height: 60px;
     margin-left: -30px;
     margin-top: -30px;
     padding: 0;
     background-color: #00c0ef;
     border-radius: 100%;
     -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
     animation: sk-scaleout 1.0s infinite ease-in-out;
}
 @-webkit-keyframes sk-scaleout {
     0% {
         -webkit-transform: scale(0);
    }
     100% {
         -webkit-transform: scale(1);
         opacity: 0;
    }
}
 @keyframes sk-scaleout {
     0% {
         -webkit-transform: scale(0);
         transform: scale(0);
    }
     100% {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 0;
    }
}
/** * =================================================================== * forms * * ------------------------------------------------------------------- */
 fieldset {
     border: none;
}
 input[type="password"], input[type="number"], input[type="search"], 
/*input[type="text"],*/
 input[type="tel"], input[type="url"], input[type="password"], textarea, select {
     border: 0;
     color: #737373;
     background: #FFFFFF;
     border: 1px solid #605ca8;
}
 input[type="email"]{
     border: 0;
     color: #737373;
     background: #FFFFFF;
     border: 1px solid #605ca8;
}
 .btn-ttc, .btn-ttc:active {
     color: white;
     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
     background-color: #605ca8;
}
 .btn-ttc:hover{
     color: white;
     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
     background-color: #454084;
}
 .ss-custom-select {
     position: relative;
     padding: 0;
     display: inline-block;
}
 .ss-custom-select select {
     -webkit-appearance: none;
     -moz-appearance: none;
     -ms-appearance: none;
     -o-appearance: none;
     appearance: none;
     text-indent: 0.01px;
     text-overflow: '';
     margin: 0;
     line-height: 3rem;
     vertical-align: middle;
     padding-right: 4rem;
}
 .ss-custom-select select option {
     padding-left: 2rem;
     padding-right: 2rem;
}
 .ss-custom-select select::-ms-expand {
     display: none;
}
 .ss-custom-select::after {
     content: '\f123';
     font-family: 'Ionicons';
     position: absolute;
     top: 50%;
     right: 18px;
     margin-top: -10px;
     bottom: auto;
     width: 20px;
     height: 20px;
     line-height: 20px;
     font-size: 15px;
     text-align: center;
     pointer-events: none;
     color: #252525;
}
 textarea {
     min-height: 25rem;
}
 input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, 
/*input[type="text"]:focus,*/
 input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
     color: #000000;
     background: #f4fffe;
     border: 1px solid #d2fef9;
}
 label, legend {
     font-family: "merriweather-bold", sans-serif;
     font-size: 1.4rem;
     margin-bottom: .6rem;
     color: #404040;
     display: block;
}
 label span, legend span {
     color: #05bca9;
}
 input[type="checkbox"], input[type="radio"] {
     display: inline;
}
/** * Style Placeholder Text * - */
 ::-webkit-input-placeholder {
     color: #a1a1a1;
}
 :-moz-placeholder {
    /* Firefox 18- */
     color: #a1a1a1;
}
 ::-moz-placeholder {
    /* Firefox 19+ */
     color: #a1a1a1;
}
 :-ms-input-placeholder {
     color: #a1a1a1;
}
 .placeholder {
     color: #a1a1a1 !important;
}
/** * =================================================================== * buttons * * ------------------------------------------------------------------- */
 .button, button, input[type="submit"], input[type="reset"], input[type="button"] {
     display: inline-block;
     font-family: "raleway-bold", sans-serif;
     font-size: 1.6rem;
     height: 5rem;
     line-height: 5rem;
     padding: 0 3rem;
     margin: 0 .3rem 1rem 0;
     background: #d8d8d8;
     color: #252525;
     text-decoration: none;
     cursor: pointer;
     text-align: center;
     white-space: nowrap;
     border: none;
     border-radius: 1000px;
     -moz-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}
 .button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:focus, button:focus, input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus {
     background: #bebebe;
     color: #FFFFFF;
     outline: 0;
}
 .button.button-primary, button.button-primary, input[type="submit"].button-primary, input[type="reset"].button-primary, input[type="button"].button-primary {
     background: #00c0ef;
     color: #FFFFFF;
}
 .button.button-primary:hover, button.button-primary:hover, input[type="submit"].button-primary:hover, input[type="reset"].button-primary:hover, input[type="button"].button-primary:hover, .button.button-primary:focus, button.button-primary:focus, input[type="submit"].button-primary:focus, input[type="reset"].button-primary:focus, input[type="button"].button-primary:focus {
     background: #00c0ef;
}
 button.full-width, .button.full-width {
     width: 100%;
     margin-right: 0;
}
 button.medium, .button.medium {
     height: 5.5rem !important;
     line-height: 5.5rem !important;
     padding: 0 1.8rem !important;
}
 button.large, .button.large {
     height: 6rem !important;
     line-height: 6rem !important;
     padding: 0rem 3rem !important;
}
 button.round, .button.round {
     padding-left: 3rem !important;
     padding-right: 3rem !important;
     border-radius: 1000px;
}
 button.stroke, .button.stroke {
     background: transparent !important;
     border: 3px solid transparent;
     line-height: 4.4rem;
}
 button::-moz-focus-inner, input::-moz-focus-inner {
     border: 0;
     padding: 0;
}
.btn-funciones{
    text-decoration: none; 
    background: transparent; 
    border: 3px solid #605ca8;
    color: #605ca8;
}

.btn-funciones:hover{
    text-decoration: none; 
    background: transparent; 
    border: 3px solid #454084;
    color: #454084;
             
}
/** * =================================================================== * common styles * * ------------------------------------------------------------------- */
 .section-intro {
     max-width: 700px;
     text-align: center;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 5.2rem;
     position: relative;
}
 .section-intro h2 {
     font-family: "opensans-regular", serif;
     font-size: 4.8rem;
     color: #252525;
     line-height: 1.25;
     margin-bottom: 1.2rem;
}
 .section-intro h5 {
     color: rgba(56, 66, 78, 0.5);
     font-size: 1.6rem;
     line-height: 1.875;
     margin-bottom: 0.3rem;
     letter-spacing: .4rem;
}
 .section-intro .lead {
     color: rgba(0, 0, 0, 0.45);
}
 .section-intro .with-bottom-line {
     position: relative;
     overflow: hidden;
     margin-bottom: 30px;
}
 .section-intro .with-bottom-line::after {
     display: block;
     background-color: #00c0ef;
     width: 120px;
     height: 3px;
     content: '\0020';
     position: absolute;
     left: 50%;
     bottom: 0;
     margin-left: -60px;
}
 @media only screen and (max-width:600px) {
     section .h01 {
         font-size: 2.5rem;
    }
}
/** * responsive: * common styles * - */
 @media only screen and (max-width:768px) {
     .section-intro {
         max-width: 650px;
    }
     .section-intro h1 {
         font-size: 4.2rem;
    }
}
 @media only screen and (max-width:600px) {
     .section-intro h1 {
         font-size: 3.8rem;
    }
     .section-intro h5 {
         font-size: 1.5rem;
         letter-spacing: .3rem;
    }
}
 @media only screen and (max-width:400px) {
     .section-intro h1 {
         font-size: 3.6rem;
    }
}
/** * =================================================================== * header styles * * ------------------------------------------------------------------- */
 header {
     width: 100%;
     position: absolute;
     left: 0;
     top: 24px;
     z-index: 600;
     background: transparent;
     -moz-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}
 header .row {
     width: auto;
     height: 66px;
     position: relative;
}
 header .logo {
     margin-top: 2px;
     z-index: 600;
     position: absolute;
     left: 35px;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
}
 header .logo a {
     display: block;
     margin: 0;
     padding: 0;
     border: none;
     font: 0/0 a;
     text-shadow: none;
     color: transparent;
     width: 200px;
     height: 40px;
     background: url("../../ext/personalizado/img/logo/logo_web.png") no-repeat center;
     background-size: 200px 40px;
     -moz-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     -webkit-transition: all 0.5s ease-in-out;
     -ms-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
}
 .sticky {
     position: fixed;
     background: #14171c;
     top: 0;
}
 .sticky .logo a {
     width: 125px;
     height: 25px;
     background-size: 125px 25px;
}
/** * responsive: * header section * - */
 @media only screen and (max-width:768px) {
     header {
         top: 0;
         padding: 6px 0;
    }
     header .logo a {
         width: 125px;
         height: 25px;
         background-size: 125px 25px;
    }
}
/** * primary navigation * - */
 #main-nav-wrap, .main-navigation {
     margin: 0;
     padding: 0;
}
/* hide toggle button */
 a.menu-toggle {
     display: none;
}
/* main-nav-wrap */
 #main-nav-wrap {
     font-family: "raleway-heavy", sans-serif;
     font-size: 11.5px;
     text-transform: uppercase;
     letter-spacing: 1.5px;
     position: absolute;
     top: 0;
     right: 30px;
}
 .main-navigation {
     min-height: 66px;
     display: inline-block;
     width: auto;
     text-align: left;
}
 .main-navigation li {
     position: relative;
     display: inline-block;
     list-style: none;
     padding: 0;
     margin: 0;
     height: 66px;
}
 .main-navigation li.current a {
     color: #FFFFFF;
}
 .main-navigation li.current a::after {
     position: absolute;
     left: 50%;
     bottom: 0;
     width: 80%;
     height: 3px;
     -webkit-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     transform: translateX(-50%);
     background-color: #00c0ef;
     content: '\0020';
     display: block;
     -moz-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}
 .main-navigation li.highlight a {
     color: #00c0ef;
}
 .main-navigation li.highlight a:hover {
     color: #00a5ce;
}
 .main-navigation li.with-sep a {
     position: relative;
     padding-left: 22px;
     margin-left: 8px;
}
 .main-navigation li.with-sep a::before {
     position: absolute;
     left: 0;
     top: 50%;
     width: 1px;
     height: 20px;
     margin-top: -10px;
     background-color: rgba(255, 255, 255, 0.2);
     content: '\0020';
     display: block;
     -moz-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}
/* navigation links */
 .main-navigation li a {
     display: block;
     padding: 18px 7px;
     line-height: 30px;
     text-decoration: none;
     text-align: left;
     color: #fff;
     position: relative;
     -moz-transition: color 0.3s ease-in-out;
     -o-transition: color 0.3s ease-in-out;
     -webkit-transition: color 0.3s ease-in-out;
     -ms-transition: color 0.3s ease-in-out;
     transition: color 0.3s ease-in-out;
}
 .main-navigation li a:active {
     background-color: transparent !important;
}
 .main-navigation li a:hover {
     color: #00c0ef;
}
/** * mobile view - primary navigation * - */
 @media only screen and (max-width:768px) {
     #main-nav-wrap {
         display: block;
         width: 100%;
         position: absolute;
         top: 69px;
         right: 0;
    }
     a.menu-toggle {
         display: block;
         width: 40px;
         height: 40px;
         position: absolute;
         top: 50%;
         right: 30px;
         margin-top: -20px;
    }
     a.menu-toggle span {
         display: block;
         width: 24px;
         height: 3px;
         margin-top: -1.5px;
         position: absolute;
         right: 8px;
         top: 50%;
         bottom: auto;
         left: auto;
         background-color: white;
         -moz-transition: background 0.2s ease-in-out;
         -o-transition: background 0.2s ease-in-out;
         -webkit-transition: background 0.2s ease-in-out;
         -ms-transition: background 0.2s ease-in-out;
         transition: background 0.2s ease-in-out;
         font: 0/0 a;
         text-shadow: none;
         color: transparent;
    }
     a.menu-toggle span::before, a.menu-toggle span::after {
         content: '';
         width: 100%;
         height: 100%;
         position: absolute;
         background-color: inherit;
         left: 0;
         -moz-transition-duration: 0.2s, 0.2s;
         -o-transition-duration: 0.2s, 0.2s;
         -webkit-transition-duration: 0.2s, 0.2s;
         -ms-transition-duration: 0.2s, 0.2s;
         transition-duration: 0.2s, 0.2s;
         -moz-transition-delay: 0.2s, 0s;
         -o-transition-delay: 0.2s, 0s;
         -webkit-transition-delay: 0.2s, 0s;
         -ms-transition-delay: 0.2s, 0s;
         transition-delay: 0.2s, 0s;
    }
     a.menu-toggle span::before {
         top: -8px;
         -moz-transition-property: top, transform;
         -o-transition-property: top, transform;
         -webkit-transition-property: top, transform;
         -ms-transition-property: top, transform;
         transition-property: top, transform;
    }
     a.menu-toggle span::after {
         bottom: -8px;
         -moz-transition-property: bottom, transform;
         -o-transition-property: bottom, transform;
         -webkit-transition-property: bottom, transform;
         -ms-transition-property: bottom, transform;
         transition-property: bottom, transform;
    }
     .menu-toggle.is-clicked span {
         background-color: rgba(255, 255, 255, 0);
    }
     .menu-toggle.is-clicked span::before, .menu-toggle.is-clicked span::after {
         background-color: white;
         -moz-transition-delay: 0s, 0.2s;
         -o-transition-delay: 0s, 0.2s;
         -webkit-transition-delay: 0s, 0.2s;
         -ms-transition-delay: 0s, 0.2s;
         transition-delay: 0s, 0.2s;
    }
     .menu-toggle.is-clicked span::before {
         top: 0;
         -webkit-transform: rotate(45deg);
         -ms-transform: rotate(45deg);
         transform: rotate(45deg);
    }
     .menu-toggle.is-clicked span::after {
         bottom: 0;
         -webkit-transform: rotate(-45deg);
         -ms-transform: rotate(-45deg);
         transform: rotate(-45deg);
    }
     .main-navigation {
         background: #14171c;
         padding: 48px 42px 54px 42px;
         margin: 0;
         width: 100%;
         height: auto;
         clear: both;
         display: none;
    }
     .main-navigation > li {
         display: block;
         height: auto;
         text-align: left;
         border-bottom: 1px dotted rgba(200, 200, 200, 0.08);
         padding: 0;
    }
     .main-navigation > li:first-child {
         border-top: 1px dotted rgba(200, 200, 200, 0.08);
    }
     .main-navigation li a {
         display: block;
         color: #e6e6e6;
         width: auto;
         padding: 18px 0;
         line-height: 16px;
         border: none;
    }
     .main-navigation li a:hover {
         color: #00c0ef;
    }
     .main-navigation li.with-sep a {
         padding-left: 0;
         margin-left: 0;
    }
     .main-navigation li.with-sep a::before {
         display: none;
    }
     .main-navigation li.current > a {
         background: none;
         color: #00c0ef;
    }
     .main-navigation li.current > a:after {
         display: none;
    }
     .main-navigation li.highlight a {
         color: #00c0ef;
    }
     .main-navigation li.highlight a:hover {
         color: #fff;
    }
}
/** * make sure the menu is visible on larger screens * - */
 @media only screen and (min-width:769px) {
     #main-nav-wrap ul.main-navigation {
         display: block !important;
    }
}
/** * =================================================================== * intro section * * ------------------------------------------------------------------- */
#resplandorverde{   
                  -moz-box-shadow: 0px 0px 30px #00c0ef; 
                  -webkit-box-shadow: 0px 0px 30px #00c0ef; 
                  box-shadow: 0px 0px 30px #00c0ef;
                  width: 800px;
                  height: 800px;
                  }
                  .text {
                  font-size:28px;
                  font-family:helvetica;
                  font-weight:bold;
                  color:#00c0ef;
                  text-transform:uppercase;
                  width: 820px;
                  height: 200px;
                  }
                  .parpadea {
                  animation-name: parpadeo;
                  animation-duration: 1s;
                  animation-timing-function: linear;
                  animation-iteration-count: infinite;
                  -webkit-animation-name:parpadeo;
                  -webkit-animation-duration: 2s;
                  -webkit-animation-timing-function: linear;
                  -webkit-animation-iteration-count: infinite;
                  }
                  @-moz-keyframes parpadeo{  
                  0% { opacity: 1.0; }
                  50% { opacity: 0.0; }
                  100% { opacity: 1.0; }
                  }
                  @-webkit-keyframes parpadeo {  
                  0% { opacity: 1.0; }
                  50% { opacity: 0.0; }
                  100% { opacity: 1.0; }
                  }
                  @keyframes parpadeo {  
                  0% { opacity: 1.0; }
                  50% { opacity: 0.0; }
                  100% { opacity: 1.0; }
                  }
                  .contenedor{
                  position: relative;
                  display: inline-block;
                  text-align: center;
                  }
                  .texto-encima{
                  position: absolute;
                  top: 10px;
                  left: 10px;
                  }
                  .centrado{
                  position: absolute;
                  top: 50%;
                  left: 50%;
                  transform: translate(-50%, -50%);
                  }
                  .parallaxBuscador {
                  background-image: url("../images/fondos/searchmedic.jpg");
                  min-height: 250px; 
                  background-position: center;
                  background-repeat: no-repeat;
                  background-size: cover;
                  }
                  .parallaxPortal {
                  background-image: url("../images/fondos/portal2.jpg");
                  min-height: 250px; 
                  background-position: center;
                  background-repeat: no-repeat;
                  background-size: cover;
                  }
/** * =================================================================== * intro section * * ------------------------------------------------------------------- */
 #intro {
     background: #14181E url(../images/background/intro-bg.jpg) no-repeat center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     background-size: cover;
     width: 100%;
     height: 100%;
     min-height: 920px;
     display: table;
     position: relative;
}
#introPrueba {
     background: #14181E url(../images/background/intro-bg2.jpg) no-repeat center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     background-size: cover;
     width: 100%;
     height: 100%;
     min-height: 920px;
     display: table;
     position: relative;
}
 #introError {
     background: #14181E url(../images/error-bg.jpg) no-repeat center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     background-size: cover;
     width: 100%;
     height: 100%;
     min-height: 920px;
     display: table;
     position: relative;
}
 #introPlanes {
     background: #14181E url(../images/cimebox-planes2.jpg) no-repeat center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     background-size: cover;
     width: 100%;
     height: 20%;
     display: table;
     position: relative;
}
 .shadow-overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.25) 25%, transparent 56%);
    /* FF3.6-15 */
     background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.25) 25%, transparent 56%);
    /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.25) 25%, transparent 56%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#73000000', endColorstr='#00000000', GradientType=0);
    /* IE6-9 */
}
 .intro-content {
     display: table-cell;
     vertical-align: middle;
     text-align: center;
     -webkit-transform: translateY(-1.2rem);
     -ms-transform: translateY(-1.2rem);
     transform: translateY(-1.2rem);
}
 .intro-content h1 {
     color: #FFFFFF;
     font-family: "opensans-light", serif;
     font-size: 3.2rem;
     line-height: 1.334;
     max-width: 800px;
     margin-left: auto;
     margin-right: auto;
}
 .intro-content h1 b{
     color: #FFFFFF;
     font-family: "opensans-regular", serif;
     font-size: 3.2rem;
     line-height: 1.334;
     max-width: 800px;
     margin-left: auto;
     margin-right: auto;
}
 .intro-content h5 {
     color: rgba(255, 255, 255, 0.6);
     font-family: "raleway-heavy", sans-serif;
     font-size: 1.8rem;
     line-height: 1.667;
     margin-bottom: 0.6rem;
     text-transform: uppercase;
     letter-spacing: .25rem;
}
 .intro-content .video-link a {
     display: inline-block;
     width: 90px;
     height: 90px;
     margin-bottom: 4.2rem;
     outline: none;
}
 .intro-content .button {
     border-color: #FFFFFF;
     color: #FFFFFF;
     height: 6.6rem;
     line-height: 6rem;
     padding: 0 3rem !important;
     margin-top: 1.8rem;
     font-family: "raleway-heavy", sans-serif;
     font-size: 1.4rem;
     text-transform: uppercase;
     letter-spacing: .4rem;
     margin-right: 20px;
     margin-left: 20px;
}
 .intro-content .button:hover, .intro-content .button:focus {
     color: #05bca9;
     border-color: #05bca9;
     text-decoration: none;
}
 .intro-content .btn2:hover, .intro-content .btn2:focus {
     color: #00c0ef;
     border-color: #00c0ef;
     text-decoration: none;
}
 .intro-content .buttonWelcome {
     border-color: #605ca8;
     color: #605ca8;
     height: 6.6rem;
     line-height: 6rem;
     padding: 0 3rem !important;
     margin-top: 1.8rem;
     font-family: "raleway-heavy", sans-serif;
     font-size: 1.4rem;
     text-transform: uppercase;
     letter-spacing: .4rem;
     margin-right: 20px;
     margin-left: 20px;
}
 .intro-content .btnWelcome:hover, .intro-content .btnWelcome:focus {
     color: #00c0ef;
     border-color: #00c0ef;
     text-decoration: none;
}
 .intro-content .stores {
     margin: 0;
     padding: 0;
     display: block;
}
 .intro-content .stores li {
     padding: 0;
     display: inline-block;
}
 .intro-content .stores li .button {
     background: #04a393;
     color: #FFFFFF;
     margin-right: 12px;
     display: block;
     line-height: 60px;
     text-decoration: none;
}
 .intro-content .stores li .button:hover, .intro-content .stores li .button:focus {
     background: #049485;
}
 .intro-content .stores li .button i {
     font-size: 18px;
     line-height: inherit;
     margin-right: 8px;
}
 .intro-content .stores li .button i.ion-social-windows {
     font-size: 15px;
}
 .intro-content .stores li:last-child .button {
     margin-right: 0;
}
/** * responsive: * intro * - */
 @media only screen and (max-width:1024px) {
     .intro-content {
         -webkit-transform: translateY(0);
         -ms-transform: translateY(0);
         transform: translateY(0);
    }
     .intro-content h1 {
         font-size: 2.8rem;
         max-width: 700px;
    }
     .intro-content h1 b{
         font-size: 2.8rem;
         max-width: 700px;
    }
     .intro-content h5 {
         font-size: 1.6rem;
    }
     .intro-content .video-link a {
         width: 72px;
         height: 72px;
         margin-bottom: 3rem;
    }
    .buscadorText{
        font-size: 4.8rem;
    }
}
 @media only screen and (max-width:768px) {
     #intro {
         min-height: 660px;
    }
     .intro-content h1 {
         font-size: 2.4rem;
         max-width: 550px;
    }
     .intro-content h1 b{
         font-size: 2.4rem;
         max-width: 550px;
    }
     .intro-content h5 {
         font-size: 1.5rem;
         letter-spacing: .15rem;
    }
}
 @media only screen and (max-width:600px) {
     #intro {
         min-height: 350px;
    }
     .intro-content h5 {
         font-size: 1.4rem;
         letter-spacing: .15rem;
    }
     .intro-content .video-link a {
         width: 66px;
         height: 66px;
         margin-bottom: 1.5rem;
    }
}
 @media only screen and (max-width:400px) {
     #intro {
         min-height: 250px;
    }
     .intro-content h5 {
         font-size: 1.4rem;
         letter-spacing: .15rem;
    }
     .intro-content .video-link a {
         width: 60px;
         height: 60px;
    }
}
/** * video popup modal * - */
 .popup-modal {
     max-width: 800px;
     background: #FFFFFF;
     position: relative;
     margin: 0 auto;
    /* close */
}
 .popup-modal .close-popup {
     position: absolute;
     right: 0;
     top: -42px;
     cursor: pointer;
     display: block;
     width: 30px;
     height: 30px;
     color: rgba(255, 255, 255, 0.5);
     text-align: center;
     font: 0/0 a;
     text-shadow: none;
     color: transparent;
}
 .popup-modal .close-popup::before {
     display: block;
     width: 30px;
     height: 30px;
     line-height: 30px;
     font-family: "Ionicons";
     content: "\f2d7";
     font-size: 21px;
     color: rgba(255, 255, 255, 0.5);
}
/** * responsive: * video popup modal * - */
 @media only screen and (max-width:900px) {
     .popup-modal {
         max-width: 700px;
    }
}
 @media only screen and (max-width:768px) {
     .popup-modal {
         width: auto;
         margin: 0 20px;
    }
}
/** * transition effect for modal popup * - */
/* overlay at start */
 .mfp-fade.mfp-bg {
     opacity: 0;
     -moz-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}
/* overlay animate in */
 .mfp-fade.mfp-bg.mfp-ready {
     opacity: 0.8;
}
/* overlay animate out */
 .mfp-fade.mfp-bg.mfp-removing {
     opacity: 0;
}
/* content at start */
 .mfp-fade.mfp-wrap .mfp-content {
     opacity: 0;
     -webkit-transform: translateY(-100%);
     -ms-transform: translateY(-100%);
     transform: translateY(-100%);
     -moz-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}
/* content animate in */
 .mfp-fade.mfp-wrap.mfp-ready .mfp-content {
     opacity: 1;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0);
}
/* content animate out */
 .mfp-fade.mfp-wrap.mfp-removing .mfp-content {
     opacity: 0;
     -webkit-transform: translateY(-100%);
     -ms-transform: translateY(-100%);
     transform: translateY(-100%);
}
/** * =================================================================== * Rectangulo FAQ * * ------------------------------------------------------------------- */
 .rectangulo {
     width: 100%;
     height: 90px;
     background: #14171c;
}
 @media only screen and (max-width:1024px) {
     .rectangulo {
         height: 90px;
    }
}
 @media only screen and (max-width:768px) {
     .rectangulo {
         height: 90px;
    }
}
 @media only screen and (max-width:600px) {
     .rectangulo {
         height: 80px;
    }
}
 @media only screen and (max-width:400px) {
     .rectangulo {
         height: 70px;
    }
}
/** * =================================================================== * process section * * ------------------------------------------------------------------- */
 #process {
     background: #FFFFFF;
     padding-top: 6rem;
     padding-bottom: 6rem;
     overflow: hidden;
}
#funciones{
     background: #FFFFFF;
     padding-top: 8rem;
     padding-bottom: 6rem;
     overflow: hidden;
}
#processAbout {
     background: #FFFFFF;
     padding-top: 2rem;
     padding-bottom: 2rem;
     overflow: hidden;
}
 .process-content {
     position: relative;
     text-align: center;
}
 .process-content .right-side, .process-content .left-side, .process-content .image-part {
     width: 33.33333%;
     font-size: 15px;
     line-height: 27px;
}
 .process-content .right-side, .process-content .left-side {
     padding: 0 6% 4px;
     position: absolute;
     top: 0;
}
 .process-content .right-side {
     right: 0;
}
 .process-content .left-side {
     left: 0;
}
 .process-content .image-part {
     margin: 0 auto;
     height: 660px;
     background-repeat: no-repeat;
     background-position: center;
     -webkit-background-size: contain;
     -moz-background-size: contain;
     background-size: contain;
}
 .process-content .item[data-item]::before {
     background: #38424e;
     color: #FFFFFF;
     border-radius: 100%;
     font-family: "montserrat-bold", sans-serif;
     content: attr(data-item);
     display: inline-block;
     font-size: 18px;
     height: 42px;
     width: 42px;
     line-height: 42px;
     text-align: center;
     vertical-align: middle;
     margin-bottom: 1.5rem;
}
 .process-content h5 {
     color: #605ca8;
     font-size: 1.6rem;
     line-height: 1.875;
     letter-spacing: .2rem;
     margin-bottom: .3rem;
}
/** * responsive: * process * - */
 @media only screen and (max-width:1024px) {
     .process-content .right-side, .process-content .left-side {
         padding: 0 3% 24px;
         width: 35%;
    }
     .process-content .image-part {
         height: 600px;
         width: 30%;
    }
}
 @media only screen and (max-width:768px) {
     #process {
         padding-bottom: 80rem;
    }
     .process-content .right-side, .process-content .left-side {
         position: static;
         width: 100%;
         max-width: 480px;
         font-size: 1.6rem;
         line-height: 3rem;
         margin-left: auto;
         margin-right: auto;
         padding-bottom: 0;
    }
     .process-content .image-part {
         width: 300px;
         position: absolute;
         bottom: -630px;
         left: 50%;
         margin-left: -150px;
    }
}
 @media only screen and (max-width:400px) {
     #process {
         padding-bottom: 61rem;
    }
     .process-content .image-part {
         width: 230px;
         bottom: -540px;
         margin-left: -115px;
    }
}
/** * =================================================================== * features section * * ------------------------------------------------------------------- */
 #features {
     background: #fff;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     background-size: cover;
     padding-top: 6rem;
     padding-bottom: 1rem;
     color: #090909;
}
#features2 {
     background: #fff;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     padding-top: 6rem;
     padding-bottom: 6rem;
     background-size: cover;
}
#features3 {
     background: #dbf3f9;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     background-size: cover;
     padding-top: 6rem;
     padding-bottom: 6rem;
     color: #090909;
}
#confiabilidad {
     background: #b9b6e1;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     background-size: cover;
     padding-top: 6rem;
     padding-bottom: 6rem;
     color: #090909;
}
 #features .section-intro h1 {
     color: #090909;
}
 #features .section-intro h5 {
     color: #090909;
}
 #features .section-intro p {
     color: #090909;
}
 .features-content {
     max-width: 1200px;
}
 .features-list {
     margin-top: 1.2rem;
     text-align: center;
}
 .features-list .feature {
     margin-bottom: 1.2rem;
     padding: 0 32px;
}
 .features-list .icon {
     display: inline-block;
     margin-bottom: 2.1rem;
}
 .features-list .icon i {
     font-size: 4.8rem;
}
 .features-list .h05 {
     font-size: 1.7rem;
     line-height: 1.765;
     color: #05bca9;
     margin-bottom: 1.8rem;
}
 .iconoColor{
     color: #605ca8;
}
 .iconoColorModal{
     color: #fff;
}
 .iconoColorPlan{
     color: #2ecc71;
}
 .iconoColorPlan2{
     color: #e74c3c;
}
.formTextLabel{
    color: #605ca8 !important;;
    font-family: 'opensans-light' !important;
}
.formBorderColor{
    border-color: #605ca8 !important;
}
.formUppercase{
    text-transform: uppercase;
}
/** * responsive: * features * - */
 @media only screen and (max-width:768px) {
     .features-content {
         max-width: 600px;
    }
     .features-list .feature {
         padding: 0 15px;
    }
}
 @media only screen and (max-width:600px) {
     .features-list .feature {
         padding: 0 10px;
    }
}
 @media only screen and (max-width:400px) {
     .features-list .feature {
         padding: 0;
    }
}
/** * =================================================================== * features section 2 * * ------------------------------------------------------------------- */
 #features-2 {
     background: #090909 url(../images/cimebox-funciones.jpg) no-repeat center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     background-size: cover;
     padding-top: 12rem;
     padding-bottom: 12rem;
     color: white;
}
 #features-2 .section-intro-2 h1 {
     color: white;
}
 #features-2 .section-intro-2 h5 {
     color: rgba(255, 255, 255, 0.5);
}
 #features-2 .section-intro-2 p {
     color: rgba(255, 255, 255, 0.7);
}
 .features-content-2 {
     max-width: 1200px;
}
 .features-list-2 {
     margin-top: 1.2rem;
     text-align: center;
}
 .features-list-2 .feature-2 {
     margin-bottom: 1.2rem;
     padding: 0 32px;
}
 .features-list-2 .icon-2 {
     display: inline-block;
     margin-bottom: 2.1rem;
}
 .features-list-2 .icon-2 i {
     font-size: 4.8rem;
}
 .features-list-2 .h05-2 {
     font-size: 1.7rem;
     line-height: 1.765;
     color: #05bca9;
     margin-bottom: 1.8rem;
}
/** * responsive: * features * - */
 @media only screen and (max-width:768px) {
     .features-content-2 {
         max-width: 600px;
    }
     .features-list-2 .feature-2 {
         padding: 0 15px;
    }
}
 @media only screen and (max-width:600px) {
     .features-list-2 .feature-2 {
         padding: 0 10px;
    }
}
 @media only screen and (max-width:400px) {
     .features-list-2 .feature-2 {
         padding: 0;
    }
}
/** * =================================================================== * features section 3 * * ------------------------------------------------------------------- */
 #features-3 {
     background: #090909 url(../images/cimebox-valores.jpg) no-repeat center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     background-size: cover;
     padding-top: 12rem;
     padding-bottom: 12rem;
     color: white;
}
 #features-3 .section-intro-3 h1 {
     color: #090909;
}
 #features-3 .section-intro-3 h5 {
     color: #090909;
}
 #features-3 .section-intro-3 p {
     color: #fff;
}
 .features-content-3 {
     max-width: 1200px;
}
 .features-list-3 {
     margin-top: 1.2rem;
     text-align: center;
}
 .features-list-3 .feature-3 {
     margin-bottom: 1.2rem;
     padding: 0 32px;
}
 .features-list-3 .icon-3 {
     display: inline-block;
     margin-bottom: 2.1rem;
}
 .features-list-3 .icon-3 i {
     font-size: 4.8rem;
}
 .features-list-3 .h05 {
     font-size: 1.7rem;
     line-height: 1.765;
     color: #05bca9;
     margin-bottom: 1.8rem;
}
 .iconoColor-3{
     color: #605ca8;
}
 .iconoColorModal-3{
     color: #fff;
}
 .iconoColorPlan-3{
     color: #2ecc71;
}
 .iconoColorPlan2-3{
     color: #e74c3c;
}
/** * responsive: * features * - */
 @media only screen and (max-width:768px) {
     .features-content-3 {
         max-width: 600px;
    }
     .features-list-3 .feature-3 {
         padding: 0 15px;
    }
}
 @media only screen and (max-width:600px) {
     .features-list-3 .feature-3 {
         padding: 0 10px;
    }
}
 @media only screen and (max-width:400px) {
     .features-list-3 .feature-3 {
         padding: 0;
    }
}
/** * =================================================================== * features section 4 * * ------------------------------------------------------------------- */
 #features-4 {
     background: #090909 url(../images/cimebox-buscador.jpg) no-repeat center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     background-size: cover;
     padding-top: 12rem;
     padding-bottom: 12rem;
     color: white;
}
 #features-4 .section-intro-4 h1 {
     color: white;
}
 #features-4 .section-intro-4 h5 {
     color: rgba(255, 255, 255, 0.5);
}
 #features-4 .section-intro-4 p {
     color: rgba(255, 255, 255, 0.7);
}
 .features-content-4 {
     max-width: 1200px;
}
 .features-list-4 {
     margin-top: 1.2rem;
     text-align: center;
}
 .features-list-4 .feature-4 {
     margin-bottom: 1.2rem;
     padding: 0 32px;
}
 .features-list-4 .icon-4 {
     display: inline-block;
     margin-bottom: 2.1rem;
}
 .features-list-4 .icon-4 i {
     font-size: 4.8rem;
}
 .features-list-4 .h05-4 {
     font-size: 1.7rem;
     line-height: 1.765;
     color: #05bca9;
     margin-bottom: 1.8rem;
}
/** * responsive: * features * - */
 @media only screen and (max-width:768px) {
     .features-content-4 {
         max-width: 600px;
    }
     .features-list-4 .feature-4 {
         padding: 0 15px;
    }
}
 @media only screen and (max-width:600px) {
     .features-list-4 .feature-4 {
         padding: 0 10px;
    }
}
 @media only screen and (max-width:400px) {
     .features-list-4 .feature-4 {
         padding: 0;
    }
}
/** * =================================================================== * pricing section * * ------------------------------------------------------------------- */
 #pricing {
     background: #EAEAED;
     padding-top: 8rem;
     padding-bottom: 8rem;
}
 .pricing-content {
     margin-top: 6.6rem;
     max-width: 1280px;
}
 .pricing-content .bgrid {
     margin-bottom: 3.6rem;
}
 .pricing-content .price-block {
     background-color: #FFFFFF;
     border-radius: 5px;
     overflow: hidden;
     text-align: center;
     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
 .pricing-content .price-block .top-part, .pricing-content .price-block .bottom-part {
     padding: 3.9rem 1.5rem;
}
 .pricing-content .price-block .top-part {
     background: #58687b;
     color: #FFFFFF;
     padding-bottom: 2.4rem;
     position: relative;
}
 .pricing-content .price-block .bottom-part {
     padding-top: 2.4rem;
     padding-left: 3rem;
     padding-right: 3rem;
}
 .pricing-content .price-block .plan-title {
     color: #FFFFFF;
     padding-bottom: 2.4rem;
     margin-bottom: 1.2rem;
     font-size: 2.4rem;
     position: relative;
}
 .pricing-content .price-block .plan-title::after {
     display: block;
     background-color: rgba(255, 255, 255, 0.3);
     width: 80px;
     height: 1px;
     content: '\0020';
     position: absolute;
     left: 50%;
     bottom: 0;
     margin-left: -40px;
}
 .pricing-content .price-block .plan-price {
     font-family: "raleway-bold", sans-serif;
     font-size: 5rem;
     line-height: 1;
     margin-bottom: .6rem;
}
 .pricing-content .price-block .plan-price sup {
     font-size: 2.4rem;
     top: -1.5rem;
     margin-right: 3px;
}
 .pricing-content .price-block .price-month {
     margin-bottom: 1.2rem;
     font-family: "raleway-bold", sans-serif;
     font-size: 1.6rem;
}
 .pricing-content .price-block .price-meta {
     color: rgba(255, 255, 255, 0.5);
     line-height: 1.8rem;
}
 .pricing-content .price-block .button {
     color: #353F49;
     padding: 0 5rem;
     margin-left: auto;
     margin-right: auto;
}
 .pricing-content .price-block .button:hover, .pricing-content .price-block .button:focus {
     background: #58687b;
     color: #FFFFFF;
}
 .pricing-content .price-block .features {
     list-style: none;
     font-family: "raleway-bold", sans-serif;
     font-size: 1.5rem;
     color: rgba(0, 0, 0, 0.4);
     margin: .6rem 0 1.8rem 0;
     text-align: justify;
}
 .pricing-content .price-block .features li {
     padding: .6rem 0;
     border-bottom: 1px solid #EAEAED;
}
 .pricing-content .price-block .features li strong {
     color: #353F49;
     font-family: "raleway-bold", serif;
     margin-right: 5px;
}
 .pricing-content .price-block .features li:last-child {
     border: none;
}
 .pricing-content .primary .top-part {
     background: #00c0ef;
}
 .pricing-content .ultimate .top-part {
     background: #d81b60;
}
 .pricing-content .gold .top-part {
     background: #f39c12;
}
 .pricing-content .free .top-part {
     background: #05bca9;
}
 .textInf{
     font-size: 15px;
}
 #container > div {
     display: flex;
}
 #container > div > div {
     width: 50px;
     height: 50px;
     background: linear-gradient(-45deg, #788cff, #b4c8ff);
}
 #center {
     justify-content: center;
}
 ul.nav li > a {
     border-color: #605ca8;
     color: #605ca8;
     height: 6.6rem;
     line-height: 6rem;
     padding: 0 3rem !important;
     margin-top: 1.8rem;
     font-family: "raleway-heavy", sans-serif;
     font-size: 1.4rem;
     text-transform: uppercase;
     letter-spacing: .4rem;
     margin-right: 20px;
     margin-left: 20px;
}
 ul.nav li > a:hover {
     color: #00c0ef;
     border-color: #00c0ef;
     text-decoration: none;
}
 .active a {
     background-color: #00c0ef !important;
     color: #fff !important;
}
 #container > div {
     display: flex;
}
 #container > div > div {
     width: 50px;
     height: 50px;
     background: linear-gradient(-45deg, #788cff, #b4c8ff);
}
 #center {
     justify-content: center;
}
 ul.nav li > a {
     border-color: #605ca8;
     color: #605ca8;
     height: 6.6rem;
     line-height: 6rem;
     padding: 0 3rem !important;
     margin-top: 1.8rem;
     font-family: "raleway-heavy", sans-serif;
     font-size: 1.4rem;
     text-transform: uppercase;
     letter-spacing: .4rem;
     margin-right: 20px;
     margin-left: 20px;
}
 ul.nav li > a:hover {
     color: #00c0ef;
     border-color: #00c0ef;
     text-decoration: none;
}
 .active a {
     background-color: #00c0ef !important;
     color: #fff !important;
}
/** * responsive: * pricing * - */
 @media only screen and (max-width:1140px) {
     .pricing-content {
         max-width: 800px;
    }
     .pricing-content .bgrid {
         width: 50%;
         clear: none;
    }
     .pricing-content .bgrid:nth-child(2n+1) {
         clear: both;
    }
}
 @media only screen and (max-width:600px) {
     .pricing-content {
         max-width: 420px;
    }
     .pricing-content .bgrid {
         width: 100% !important;
         float: none !important;
         clear: both !important;
         margin-left: 0;
         margin-right: 0;
    }
}
/** * =================================================================== * testimonials section * * ------------------------------------------------------------------- */
 #medics {
     background: #fff url(../images/fondos/medics.jpg) no-repeat center;
     position: relative;
     min-height: 20.4rem;
     width: 100%;
     overflow: hidden;
     text-align: center;
}
 #testimonials {
     background: #FFFFFF;
     padding-top: 10.2rem;
     padding-bottom: 12rem;
     position: relative;
     min-height: 20.4rem;
     width: 100%;
     overflow: hidden;
     text-align: center;
}
 #testimonials .h01 {
     padding-bottom: 2.1rem;
     margin-bottom: 3.6rem;
     position: relative;
     color: #252525;
}
 #testimonials .h01::after {
     display: block;
     background-color: #05bca9;
     width: 120px;
     height: 3px;
     content: '\0020';
     position: absolute;
     left: 50%;
     bottom: 0;
     margin-left: -60px;
}
 #testimonials .flex-container {
     width: 80%;
     max-width: 800px;
     margin: 0 auto;
}
 #testimonial-slider {
     margin: 0 0 3rem 0;
     position: relative;
}
 #testimonial-slider p {
     font-family: "raleway-medium", sans-serif;
     font-size: 2.5rem;
     line-height: 1.8;
     color: #8d8d8d;
}
 #testimonial-slider p::before, #testimonial-slider p::after {
     display: inline;
     font-family: Arial, sans-serif;
     color: #c7c7c7;
     font-size: 6rem;
     line-height: 0;
     vertical-align: bottom;
     position: relative;
     top: -1.2rem;
}
 #testimonial-slider p::before {
     margin-right: .5rem;
     content: '\201C';
}
 #testimonial-slider p::after {
     margin-left: .5rem;
     content: '\201D';
}
 #testimonial-slider .testimonial-author img {
     width: 12.2rem;
     height: 12.2rem;
     margin: 0 auto 1.2rem auto;
     display: block;
     border-radius: 50%;
     vertical-align: middle;
     border: 9px solid #EAEAED;
}
 #testimonial-slider .testimonial-author .author-info {
     display: inline-block;
     vertical-align: middle;
     text-align: center;
     font-family: "raleway-heavy", sans-serif;
     font-size: 1.5rem;
     letter-spacing: 2px;
     text-transform: uppercase;
     margin-bottom: 3rem;
     color: #252525;
}
 #testimonial-slider .testimonial-author .author-info span {
     display: block;
     font-family: "raleway-semibold", sans-serif;
     font-size: 1.4rem;
     line-height: 2.1rem;
     letter-spacing: 0;
     text-transform: none;
     color: #00c0ef;
}
/* control nav */
 #testimonials .flex-control-nav {
     width: 100%;
     text-align: center;
     display: block;
     position: absolute;
     bottom: -42px;
}
 #testimonials .flex-control-nav li {
     margin: 0 6px;
     display: inline-block;
     zoom: 1;
}
 #testimonials .flex-control-paging li a {
     width: 15px;
     height: 15px;
     display: block;
     border: 4px solid #8d8d8d;
     cursor: pointer;
     border-radius: 50%;
     font: 0/0 a;
     text-shadow: none;
     color: transparent;
}
 #testimonials .flex-control-paging li a:hover {
     border: 4px solid #05bca9;
}
 #testimonials .flex-control-paging li a.flex-active {
     background: #05bca9;
     border-color: #05bca9;
     cursor: default;
}
/* direction nav */
 #testimonials .flex-direction-nav li {
     padding: 0;
     z-index: 500;
     position: absolute;
     bottom: 0;
     margin-bottom: -57px;
}
 #testimonials .flex-direction-nav li a {
     display: block;
     opacity: .8;
     font: 0/0 a;
     text-shadow: none;
     color: transparent;
}
 #testimonials .flex-direction-nav li a.flex-prev::before, #testimonials .flex-direction-nav li a.flex-next::after {
     display: block;
     background: #EAEAED;
     color: #737373;
     border-radius: 5px;
     font-family: "Ionicons";
     font-size: 18px;
     height: 48px;
     width: 48px;
     line-height: 48px;
     text-align: center;
     -moz-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}
 #testimonials .flex-direction-nav li a.flex-prev::before {
     content: "\f2ca";
}
 #testimonials .flex-direction-nav li a.flex-next::after {
     content: "\f30f";
}
 #testimonials .flex-direction-nav li a.flex-next:hover::after, #testimonials .flex-direction-nav li a.flex-prev:hover::before {
     background: #05bca9;
     color: #FFFFFF;
}
 #testimonials .flex-direction-nav li.flex-nav-prev {
     left: 0;
}
 #testimonials .flex-direction-nav li.flex-nav-next {
     right: 0;
}
/** * responsive: * testimonial slider * - */
 @media only screen and (max-width:1024px) {
     #testimonials .flex-container {
         max-width: 600px;
    }
     #testimonial-slider p {
         font-size: 2.4rem;
    }
}
 @media only screen and (max-width:768px) {
     #testimonials .flex-container {
         width: 90%;
    }
     #testimonial-slider p {
         font-size: 2.2rem;
    }
}
 @media only screen and (max-width:600px) {
     #testimonials .flex-container {
         width: 95%;
    }
     #testimonial-slider p {
         font-size: 2rem;
    }
     #testimonial-slider p::before, #testimonial-slider p::after {
         top: -0.5rem;
    }
}
 @media only screen and (max-width:400px) {
     #testimonials .flex-container {
         width: auto;
    }
     #testimonial-slider p {
         font-size: 1.8rem;
    }
}
/** * =================================================================== * faq section * * ------------------------------------------------------------------- */
 #faq {
     background: #EAEAED;
     padding-top: 2rem;
     padding-bottom: 2rem;
}
 .faq-content {
     margin-top: 5.4rem;
     max-width: 1020px;
}
 .faq-content .bgrid {
     padding: 0 30px;
}
/** * responsive: * faq * - */
 @media only screen and (max-width:768px) {
     .faq-content {
         max-width: 650px;
    }
}
 @media only screen and (max-width:480px) {
     .faq-content .bgrid {
         padding: 0 20px;
    }
}
 @media only screen and (max-width:400px) {
     .faq-content .bgrid {
         padding: 0;
    }
}
/** * =================================================================== * ad-section * * ------------------------------------------------------------------- */
 .section-ads {
     margin-top: 4.8rem;
     padding-top: 6rem;
     max-width: 650px;
     border-top: 1px dotted rgba(0, 0, 0, 0.1);
     text-align: center;
}
 .section-ads h2 a, .section-ads h2 a:visited {
     color: #252525;
}
 .section-ads span {
     color: #0087cc;
}
 .section-ads .button {
     background: #05bca9;
     color: #FFFFFF;
}
 .section-ads .button:hover, .section-ads .button:focus {
     background: #05ad9c;
}
/** * =================================================================== * call-to-action section * * ------------------------------------------------------------------- */
 #cta {
     background: #05bca9;
     padding-top: 6rem;
     padding-bottom: 6rem;
     text-align: center;
     color: #FFFFFF;
}
 #cta .h03 {
     font-size: 2.8rem;
     padding-bottom: 2.1rem;
     margin-bottom: 3.6rem;
     position: relative;
     color: #ffffff;
}
 .cta-content {
     max-width: 740px;
     margin: 0 auto;
}
 .cta-content h1 {
     color: #FFFFFF;
     margin-bottom: .6rem;
}
 .cta-content p {
     color: rgba(255, 255, 255, 0.8);
}
 .cta-content .stores {
     margin: 0;
     padding: 0;
     display: block;
}
 .cta-content .stores li {
     padding: 0;
     display: inline-block;
}
 .cta-content .stores li .button {
     background: #04a393;
     color: #FFFFFF;
     margin-right: 12px;
     display: block;
     line-height: 60px;
     text-decoration: none;
}
 .cta-content .stores li .button:hover, .cta-content .stores li .button:focus {
     background: #049485;
}
 .cta-content .stores li .button i {
     font-size: 18px;
     line-height: inherit;
     margin-right: 8px;
}
 .cta-content .stores li .button i.ion-social-windows {
     font-size: 15px;
}
 .cta-content .stores li:last-child .button {
     margin-right: 0;
}
/** * responsive: * cta * - */
 @media only screen and (max-width:650px) {
     .cta-content {
         max-width: 650px;
    }
     .cta-content .stores li {
         display: block;
    }
     .cta-content .stores li .button {
         width: 300px;
         display: block;
         margin-left: auto !important;
         margin-right: auto !important;
         margin-bottom: 1.8rem;
    }
     .cta-content .stores li .button::before {
         display: none;
    }
}
 @media only screen and (max-width:600px) {
     .cta-content .stores li .button {
         width: 70%;
    }
}
 @media only screen and (max-width:400px) {
     .cta-content .stores li .button {
         width: 80%;
    }
}
/** * =================================================================== * LOGIN * * ------------------------------------------------------------------- */
 .openLight{
     font-family: "opensans-light", serif;
}
 .openRegular{
     font-family: "opensans-regular", serif;
}
 .btn-ttc, .btn-ttc:active {
     color: white;
     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
     background-color: #605ca8;
}
 .btn-ttc:hover{
     color: white;
     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
     background-color: #454084;
}
/** * =================================================================== * CIMEBOX * * ------------------------------------------------------------------- */
 #cimebox {
     background: #fff;
     padding-top: 6rem;
     padding-bottom: 1rem;
     text-align: center;
     color: #FFFFFF;
}
 .cimebox-content {
     max-width: 740px;
     margin: 0 auto;
}
 .cimebox-content h1 {
     color: #2d2d2d;
     margin-bottom: .6rem;
}
 .cimebox-content p {
     color: #2d2d2d;
}
 .cimebox-content .stores {
     margin: 0;
     padding: 0;
     display: block;
}
 .cimebox-content .stores li {
     padding: 0;
     display: inline-block;
}
 .cimebox-content .stores li .button {
     background: #05bca9;
     color: #FFFFFF;
     text-decoration: none;
     margin-right: 12px;
     display: block;
     line-height: 60px;
}
 .cimebox-content .stores li .button:hover, .cimebox-content .stores li .button:focus {
     background: #04a393;
}
 .cimebox-content .stores li .button i {
     font-size: 18px;
     line-height: inherit;
     margin-right: 8px;
}
 .cimebox-content .stores li .button i.ion-social-windows {
     font-size: 15px;
}
 .cimebox-content .stores li:last-child .button {
     margin-right: 0;
}
 .video{
     border-radius: 20px 
}
/** * responsive: * CIMEBOX * - */
 @media only screen and (max-width:650px) {
     .cimebox-content {
         max-width: 650px;
    }
     .cimebox-content .stores li {
         display: block;
    }
     .cimebox-content .stores li .button {
         width: 300px;
         display: block;
         margin-left: auto !important;
         margin-right: auto !important;
         margin-bottom: 1.8rem;
    }
     .cimebox-content .stores li .button::before {
         display: none;
    }
}
 @media only screen and (max-width:600px) {
     .cimebox-content .stores li .button {
         width: 70%;
    }
}
 @media only screen and (max-width:400px) {
     .cimebox-content .stores li .button {
         width: 80%;
    }
}
/* =================================================================== * # Buscador de Medicos * * ------------------------------------------------------------------- */
 #searchMedics {
     background: #fff;
     padding-top: 7.2rem;
     padding-bottom: 9rem;
     text-align: center;
     color: #2d2d2d;
}
/* =================================================================== * # social - (_site-layout.scss) * * ------------------------------------------------------------------- */
 .redes {
     background: #625cac;
     font-family: "montserrat-regular", sans-serif;
     font-size: 14px;
     padding: 6.6rem 0 4.2rem;
     text-align: center;
     color: rgba(255, 255, 255, 0.2);
}
 .redes a, .redes a:visited {
     color: #fff;
     text-decoration: none;
}
 .redes a:hover, .redes a:focus {
     color: #00c0ef;
}
 .redes-logo {
     display: inline-block;
}
 .redes-site-logo {
     display: block;
     width: 130px;
}
 .redes-site-logo_cimebox {
     display: block;
     width: 400px;
}
 .redes-social {
     list-style: none;
     margin-top: 3rem;
     margin-left: 0;
     font-family: "montserrat-regular", sans-serif;
     font-size: 1.3rem;
     text-transform: uppercase;
     letter-spacing: .3rem;
}
 .redes-social:after {
     content: "";
     display: table;
     clear: both;
}
 .redes-social li {
     display: inline-block;
     padding-left: 0;
     margin-right: .9rem;
     line-height: 3.9rem;
     vertical-align: middle;
}
 .redes-social li::after {
     content: "|";
     color: rgba(255, 255, 255, 0.15);
     padding-left: .9rem;
}
 .redes-social li i {
     font-size: 1.7rem;
     line-height: 3rem;
     vertical-align: middle;
}
 .redes-social li span {
     margin-left: .6rem;
}
 .redes-social li a {
     color: #FFFFFF;
}
 .redes-social li:last-child {
     margin-right: 0;
}
 .redes-social li:last-child::after {
     display: none;
}
 .redes-bottom {
     margin-top: 7.2rem;
     text-align: center;
}
 .redes-bottom .copyright span {
     display: inline-block;
}
 .redes-bottom .copyright span::after {
     content: "|";
     display: inline-block;
     padding: 0 1rem 0 1.2rem;
     color: rgba(255, 255, 255, 0.1);
}
 .redes-bottom .copyright span:last-child::after {
     display: none;
}
 .redes-contact {
     list-style: none;
     margin-top: 3rem;
     margin-left: 0;
     font-family: "montserrat-regular", sans-serif;
     font-size: 1.3rem;
     text-transform: uppercase;
     letter-spacing: .3rem;
}
 .redes-contact:after {
     content: "";
     display: table;
     clear: both;
}
 .redes-contact li {
     display: inline-block;
     padding-left: 0;
     margin-right: .9rem;
     line-height: 3.9rem;
     vertical-align: middle;
}
 .redes-contact li::after {
     color: rgba(255, 255, 255, 0.15);
     padding-left: .9rem;
}
 .redes-contact li i {
     font-size: 1.7rem;
     line-height: 3rem;
     vertical-align: middle;
}
 .redes-contact li span {
     margin-left: .6rem;
}
 .redes-contact li a {
     color: #FFFFFF;
}
 .redes-contact li:last-child {
     margin-right: 0;
}
 .redes-contact li:last-child::after {
     display: none;
}
/* ------------------------------------------------------------------- * ## go to top * ------------------------------------------------------------------- */
 .go-top {
     position: fixed;
     bottom: 0;
     right: 0;
     z-index: 600;
     display: none;
}
 .go-top a, .go-top a:visited {
     text-decoration: none;
     border: 0 none;
     display: block;
     height: 60px;
     width: 60px;
     line-height: 60px;
     text-align: center;
     background: black;
     color: rgba(255, 255, 255, 0.6);
     text-align: center;
     text-transform: uppercase;
     -webkit-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}
 .go-top a i, .go-top a:visited i {
     font-size: 12px;
     line-height: inherit;
}
 .go-top a:hover, .go-top a:focus {
     color: #FFFFFF;
}
/* ------------------------------------------------------------------- * responsive: * social * ------------------------------------------------------------------- */
 @media only screen and (max-width: 600px) {
     .redes-social li {
         margin-right: 1.8rem;
    }
     .redes-social li span, .redes-social li::after {
         display: none;
    }
     .redes-social li i {
         font-size: 2.4rem;
    }
     .redes-bottom {
         padding-bottom: .6rem;
    }
     .redes-bottom .copyright span {
         display: block;
    }
     .redes-bottom .copyright span::after {
         display: none;
    }
}
 @media only screen and (max-width: 400px) {
     .redes-site-logo {
         width: 100px;
    }
     .redes-social li {
         margin-right: 1.2rem;
    }
     .redes-social li i {
         font-size: 2.2rem;
    }
}
/** * =================================================================== * footer * * ------------------------------------------------------------------- */
 footer {
     padding-bottom: 3rem;
     font-size: 1.5rem;
     line-height: 2.7rem;
     font-family: "raleway-medium", sans-serif;
     color: #465166;
}
 footer a, footer a:visited {
     color: #00c0ef;
}
 footer a:hover, footer a:focus {
     color: #FFFFFF;
     text-decoration: none;
}
 footer h4 {
     border-bottom: 1px solid rgba(255, 255, 255, 0.03);
     padding-bottom: 1.2rem;
     margin-bottom: 1.2rem;
     color: #FFFFFF;
}
 footer ul {
     margin-left: 0;
}
 footer ul li {
     padding-left: 0;
}
 .footer-main {
     padding-top: 6.6rem;
     padding-bottom: 4.2rem;
     background: #171b23;
}
 .footer-main ul {
     font-size: 1.5rem;
}
 .footer-main ul li {
     font-family: "raleway-bold", sans-serif;
     list-style: none;
}
 .footer-main ul a, .footer-main ul a:visited {
     color: #465166;
}
 .footer-main ul a:hover, .footer-main ul a:focus {
     color: #FFFFFF;
}
 .colorContacto{
     color:#ecf0f1;
}
 .colorContacto:hover{
     color:#00c0ef;
}
 .footer-main .footer-logo {
     width: 200px;
     height: 180px;
     background: url("../../ext/personalizado/img/logo/logo_login.png") no-repeat center;
     background-size: 82px 70px;
     margin: -.6rem 0 2.1rem -.3rem;
     display: block;
}
 .footer-main .footer-subscribe p {
     margin-bottom: 1.2rem;
}
 .footer-main .footer-subscribe .subscribe-form #mc-form {
     padding: 0;
}
 .footer-main .footer-subscribe .subscribe-form input[type="email"] {
     padding: .6rem 2rem;
     border-radius: 5px;
     background: #232933;
     border: none;
     width: 100%;
     font-family: "raleway-regular", sans-serif;
     color: #bababa;
     margin-bottom: 1.8rem;
}
 .footer-main .footer-subscribe .subscribe-form input[type="submit"] {
     display: none;
}
 .footer-main .footer-subscribe .subscribe-form .subscribe-message {
     font-family: "raleway-bold", sans-serif;
     color: #FFFFFF;
}
 .footer-main .footer-subscribe .subscribe-form .subscribe-message i {
     color: #00c0ef;
     margin-right: 5px;
}
 .footer-main .footer-subscribe .subscribe-form ::-webkit-input-placeholder {
     color: #545454;
}
 .footer-main .footer-subscribe .subscribe-form :-moz-placeholder {
    /* Firefox 18- */
     color: #545454;
}
 .footer-main .footer-subscribe .subscribe-form ::-moz-placeholder {
    /* Firefox 19+ */
     color: #545454;
}
 .footer-main .footer-subscribe .subscribe-form :-ms-input-placeholder {
     color: #545454;
}
 .footer-main .footer-subscribe .subscribe-form .placeholder {
     color: #545454 !important;
}
 .footer-bottom {
     margin-top: 3rem;
     text-align: center;
}
 .footer-bottom .copyright span {
     display: inline-block;
}
 .footer-bottom .copyright span::after {
     content: "|";
     display: inline-block;
     padding: 0 1rem 0 1.2rem;
     color: rgba(255, 255, 255, 0.1);
}
 .footer-bottom .copyright span:last-child::after {
     display: none;
}
/** * responsive: * footer * - */
 @media only screen and (max-width:768px) {
     .footer-main .footer-logo {
         margin-left: auto;
         margin-right: auto;
    }
     .footer-main .footer-info {
         text-align: center;
    }
}
 @media only screen and (max-width:600px) {
     .footer-main .row {
         max-width: 420px;
    }
     .footer-main .footer-subscribe {
         text-align: center;
    }
     .footer-main .subscribe-form form input[type="email"] {
         margin-left: auto !important;
         margin-right: auto !important;
         text-align: center;
    }
     .footer-bottom {
         padding-bottom: .6rem;
    }
     .footer-bottom .copyright span {
         display: block;
    }
     .footer-bottom .copyright span::after {
         display: none;
    }
}
 @media only screen and (max-width:400px) {
     .footer-main .site-links, .footer-main .social-links {
         text-align: center;
    }
     .footer-main .site-links h4, .footer-main .social-links h4 {
         border: none;
    }
     .footer-main ul {
         width: 80%;
         display: block;
         margin-left: auto;
         margin-right: auto;
    }
     .footer-main ul li a {
         display: block;
         border-bottom: 1px solid rgba(255, 255, 255, 0.03);
         padding: .6rem 0;
    }
     .footer-main ul li:first-child a {
         border-top: 1px solid rgba(255, 255, 255, 0.03);
    }
     #medics h1 {
         font-size: 25px;
    }
}
 #go-top {
     position: fixed;
     bottom: 0;
     right: 0;
     z-index: 600;
     display: none;
}
 #go-top a {
     text-decoration: none;
     border: 0 none;
     display: block;
     height: 46px;
     width: 40px;
     line-height: 46px;
     text-align: center;
     background: transparent;
     color: #00c0ef;
     text-align: center;
     text-transform: uppercase;
     -moz-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     -webkit-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}
 #go-top a i {
     font-size: 20px;
     line-height: inherit;
}
 #go-top a:hover {
     background: transparent;
     color: #2d2d2d;
}
/* WhatsApp */
 .flotante {
     display:scroll;
     position:fixed;
     bottom:320px;
     right:5px;
}
/* Zoom In #1 */
 .hover01 figure img {
     -webkit-transform: scale(1);
     transform: scale(1);
     -webkit-transition: .2s ease-in-out;
     transition: .2s ease-in-out;
}
 .hover01 figure:hover img {
     -webkit-transform: scale(1.3);
     transform: scale(1.1);
}
 .slider{
     width: 100%;
     margin-top: 20px;
     margin-bottom: -30px;
     margin-left: -2px;
     overflow: hidden;
}
 .slider ul {
     display: flex;
     padding: 0;
     width: 300%;
     animation: cambio 15s infinite;
     animation-direction: alternate;
}
 .slider li {
     width: 100%;
     list-style: none;
}
 .slider img {
     width: 100%;
}
 @keyframes cambio {
     0% {
         margin-left: 0;
    }
     20% {
         margin-left: 0;
    }
     25% {
         margin-left: -100%;
    }
     70% {
         margin-left: -100%;
    }
     75% {
         margin-left: -200%;
    }
     100% {
         margin-left: -200%;
    }
}
 .buscarSubtitulo {
     text-align: center;
     font-size: 10px;
     font-weight: normal;
     color: rgba(202, 205, 239, 0.8);
}
 .buscarInput {
     border-style: none;
     background: transparent;
     outline: none;
}
 .buscarButton {
     padding: 0;
     background: none;
     border: none;
     outline: none;
}
 .busqueda {
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
     background-image: -webkit-radial-gradient(0% 0%, circle, #454084, #454084 51%, #454084);
     background-image: radial-gradient(circle at 0% 0%, #454084, #454084 51%, #454084);
}
 .demo-flex-spacer {
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
}
 .buscarMedico {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     height: 30vh;
     max-width: 1600px;
     padding: 0 15px;
     margin: 0 auto;
}
 @-webkit-keyframes gradient {
     0% {
         background-position: 0 0;
    }
     100% {
         background-position: 100% 0;
    }
}
 @keyframes gradient {
     0% {
         background-position: 0 0;
    }
     100% {
         background-position: 100% 0;
    }
}
 .webflow-style-input {
     position: relative;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     flex-direction: row;
     width: 100%;
     max-width: 400px;
     margin: 0 auto;
     border-radius: 2px;
     padding: 1.4rem 2rem 1.6rem;
     background: rgba(57, 63, 84, 0.8);
}
 .webflow-style-input:after {
     content: "";
     position: absolute;
     left: 0px;
     right: 0px;
     bottom: 0px;
     z-index: 999;
     height: 3px; 
     border-bottom-left-radius: 2px;
     border-bottom-right-radius: 2px; 
     background-position: 0% 0%;
     background: -webkit-linear-gradient(left, #55efc4, #fab1a0, #FEFFB8, #fab1a0, #55efc4, #fab1a0);
     background: linear-gradient(to right, #55efc4, #fab1a0, #FEFFB8, #fab1a0, #55efc4, #fab1a0);
     background-size: 500% auto;
     -webkit-animation: gradient 4s linear infinite;
     animation: gradient 4s linear infinite;
}
 .webflow-style-input input {
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     color: #BFD2FF;
     font-size: 1.8rem;
     line-height: 2.4rem;
     vertical-align: middle;
}
 .webflow-style-input input::-webkit-input-placeholder {
     color: #7881A1;
}
 .webflow-style-input button {
     color: #7881A1;
     font-size: 2.4rem;
     line-height: 2.4rem;
     vertical-align: middle;
     -webkit-transition: color .25s;
     transition: color .25s;
}
 .webflow-style-input button:hover {
     color: #BFD2FF;
}
/*                          ----- Boton Modal -----                           */
.btnCerrarWhite{
    color: #fff; 
    font-size: 50px; 
    margin-right: 15px;
}
.btnCerrarWhite:hover{
    color: #fff; 
    font-size: 50px; 
    margin-right: 15px;
    background: none;
}
.btnCloseBlack{
    color: #2d2d2d; 
    font-size: 50px; 
    margin-right: 15px;
}
.btnCloseBlack:hover{
    color: #2d2d2d; 
    font-size: 50px; 
    margin-right: 15px;
    background: none;
}
/*                          ----- BUSCADOR DE MEDICOS -----                           */
 #map {
     height: 100%;
}
 .footerMap{
     background: #fff;
     height: 100px;
     width: 100%;
}
.btnAgregarCita{
   background: #05bca9;
   color: #fff;
}
.btnAgregarCita:hover{
   background: #04a393;
   color: #fff;
}
.btn-borde, .btn-borde:visited {
   background: transparent;
   display: flex;
   transition: color .15s ease-in-out,
   background-color .15s ease-in-out;
   justify-content: center;
   text-decoration: none;
   align-items: center;
   margin-left: auto;
   margin-right: auto;
   color: #fff;
   width: 250px;
   padding: 10px;
   border: 3px solid #fff;
   border-radius: 35px;
   font-weight:bold;
   font-size: 20px;
}
.btn-borde:hover, .btn-borde:active, .btn-borde:focus {
   background: transparent;
   transition: color .15s ease-in-out,
   background-color .15s ease-in-out;
   border: 3px solid #05bca9;
   text-decoration: none;
   color: #05bca9;
   font-weight:bold;
}
.btnTelefono{
   background: url("../images/iconos/telefono.png") no-repeat center;;
   width: 40px;
   height: 40px;
   margin-left: auto;
   margin-right: auto;
   display: inline-block;
}
.btnTelefono:hover{
   background: url("../images/iconos/telefono-hover.png") no-repeat center;;
   width: 40px;
   height: 40px;      
   margin-left: auto;
   margin-right: auto;
   display: inline-block;
}
.btnWhatsapp{
   background: url("../images/iconos/whatsapp.png") no-repeat center;;
   width: 40px;
   height: 40px;
   margin-left: auto;
   margin-right: auto;
   display: inline-block;
}
.btnWhatsapp:hover{
   background: url("../images/iconos/whatsapp-hover.png") no-repeat center;;
   width: 40px;
   height: 40px;      
   margin-left: auto;
   margin-right: auto;
   display: inline-block;
}
.btnFacebook{
   background: url("../images/iconos/facebook.png") no-repeat center;;
   width: 40px;
   height: 40px;
   margin-left: auto;
   margin-right: auto;
   display: inline-block;
}
.btnFacebook:hover{
   background: url("../images/iconos/facebook-hover.png") no-repeat center;;
   width: 40px;
   height: 40px;      
   margin-left: auto;
   margin-right: auto;
   display: inline-block;
}
.btnCorreo{
   background: url("../images/iconos/correo.png") no-repeat center;;
   width: 40px;
   height: 40px;
   margin-left: auto;
   margin-right: auto;
   display: inline-block;
}
.btnCorreo:hover{
   background: url("../images/iconos/correo-hover.png") no-repeat center;;
   width: 40px;
   height: 40px;      
   margin-left: auto;
   margin-right: auto;
   display: inline-block;
}
.btnSitio{
   background: url("../images/iconos/sitio.png") no-repeat center;;
   width: 40px;
   height: 40px;
   margin-left: auto;
   margin-right: auto;
   display: inline-block;
}
.btnSitio:hover{
   background: url("../images/iconos/sitio-hover.png") no-repeat center;;
   width: 40px;
   height: 40px;      
   margin-left: auto;
   margin-right: auto;
   display: inline-block;
}
.btnMaps{
   background: url("../images/iconos/mapa.png") no-repeat center;;
   width: 40px;
   height: 40px;
   margin-left: auto;
   margin-right: auto;
   display: inline-block;
}
.btnMaps:hover{
   background: url("../images/iconos/mapa-hover.png") no-repeat center;;
   width: 40px;
   height: 40px;      
   margin-left: auto;
   margin-right: auto;
   display: inline-block;
}
.estiloTabla{
    width:100%; 
    color: #2d2d2d;
}
.ocultarTabla{
    display:none;
}
.iconoColrBlanco{
     color: #fff;
}
.iconoColorAzul{
     color: #00c0ef;
}
.iconoColorVerde{
     color: #05bca9;
}
.colores{
     color: #05bca9;
     color: #04a393;
     color: #00c0ef;
     color: #00a5ce;
     color: #605ca8;
     color: #454084;
     color: #00c0ef;
}