/* ULTIMA ACTUALIZACION RO y 404 */ /* MIE 14 AGO 2019 JIJIIJIJIIJI*/ /* 18:18:00 */ @import 'mcg-plugin.css'; @import 'mcg-trinity.css'; @import url(https://fonts.googleapis.com/css?family=Lato:400,400italic,700,700italic); .thumnail-item:hover figure:before, .thumnail-item:hover figure:after, .thumnail-item.active figure:before, .thumnail-item.active figure:after { opacity: 1; visibility: visible; } .chart .chart-bar .ul-bar li.active .date-day .date, .chart .chart-bar .ul-bar li.active .date-day .short-day { color: #ff5757; } .payment-step li:after, .payment-step li:before { display: block; position: absolute; background-color: #d0d0d0; height: 10px; content: ''; width: 50%; left: 0; top: 23px; border-top: 4px solid #f5f5f5; border-bottom: 4px solid #f5f5f5; } @font-face { font-family: 'BrandonText-Light'; src: url(../fonts/brandon/b_text_l.eot); src: url(../fonts/brandon/b_text_l.eot?#iefix) format("embedded-opentype"), url(../fonts/brandon/b_text_l.woff2) format("woff2"), url(../fonts/brandon/b_text_l.woff) format("woff"), url(../fonts/brandon/b_text_l.ttf) format("truetype"); } @font-face { font-family: 'BrandonText-Regular'; src: url(../fonts/brandon/b_text_r.eot); src: url(../fonts/brandon/b_text_r.eot?#iefix) format("embedded-opentype"), url(../fonts/brandon/b_text_r.woff2) format("woff2"), url(../fonts/brandon/b_text_r.woff) format("woff"), url(../fonts/brandon/b_text_r.ttf) format("truetype"); } @font-face { font-family: 'BrandonText-Bold'; src: url(../fonts/brandon/b_text_b.eot); src: url(../fonts/brandon/b_text_b.eot?#iefix) format("embedded-opentype"), url(../fontss/brandon/b_text_b.woff2) format("woff2"), url(../fonts/brandon/b_text_b.woff) format("woff"), url(../fonts/brandon/b_text_b.ttf) format("truetype"); } @font-face { font-family: 'BrandonGrotesque-Light'; src: url(../fonts/brandon/b_grotesque_l.eot); src: url(../fonts/brandon/b_grotesque_l.eot?#iefix) format("embedded-opentype"), url(../fonts/brandon/b_grotesque_l.woff2) format("woff2"), url(../fonts/brandon/b_grotesque_l.woff) format("woff"), url(../fonts/brandon/b_grotesque_l.ttf) format("truetype"); } @font-face { font-family: 'BrandonGrotesque-Regular'; src: url(../fonts/brandon/b_grotesque_r.eot); src: url(../fonts/brandon/b_grotesque_r.eot?#iefix) format("embedded-opentype"), url(../fonts/brandon/b_grotesque_r.woff2) format("woff2"), url(../fonts/brandon/b_grotesque_r.woff) format("woff"), url(../fonts/brandon/b_grotesque_r.ttf) format("truetype"); } @font-face { font-family: 'BrandonGrotesque-Bold'; src: url(../fonts/brandon/b_grotesque_b.eot); src: url(../fonts/brandon/b_grotesque_b.eot?#iefix) format("embedded-opentype"), url(../fonts/brandon/b_grotesque_b.woff2) format("woff2"), url(../fonts/brandon/b_grotesque_b.woff) format("woff"), url(../fonts/brandon/b_grotesque_b.ttf) format("truetype"); } @font-face { font-family: 'gothamregular'; src: url('../fonts/gotham/gotham-medium-webfont.woff2') format('woff2'), url('../fonts/gotham/gotham-medium-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'gothamlight'; src: url('../fonts/gotham/gotham-light-webfont.woff2') format('woff2'), url('../fonts/gotham/gotham-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } /* Titillium Travel Security */ @font-face { font-family: 'Titillium Web'; font-style: normal; font-weight: 300; src: local('Titillium Web Light'), local('TitilliumWeb-Light'), url(https://fonts.gstatic.com/s/titilliumweb/v7/NaPDcZTIAOhVxoMyOr9n_E7ffGjEGIVzY4SY.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin-ext */ @font-face { font-family: 'Titillium Web'; font-style: normal; font-weight: 300; src: local('Titillium Web Light'), local('TitilliumWeb-Light'), url(https://fonts.gstatic.com/s/titilliumweb/v7/NaPDcZTIAOhVxoMyOr9n_E7ffGjEGIVzY4SY.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Titillium Web'; font-style: normal; font-weight: 300; src: local('Titillium Web Light'), local('TitilliumWeb-Light'), url(https://fonts.gstatic.com/s/titilliumweb/v7/NaPDcZTIAOhVxoMyOr9n_E7ffGjEGItzYw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Titillium Web'; font-style: normal; font-weight: 400; src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'), url(https://fonts.gstatic.com/s/titilliumweb/v7/NaPecZTIAOhVxoMyOr9n_E7fdM3mDbRS.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Titillium Web'; font-style: normal; font-weight: 400; src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'), url(https://fonts.gstatic.com/s/titilliumweb/v7/NaPecZTIAOhVxoMyOr9n_E7fdMPmDQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Titillium Web'; font-style: normal; font-weight: 600; src: local('Titillium Web SemiBold'), local('TitilliumWeb-SemiBold'), url(https://fonts.gstatic.com/s/titilliumweb/v7/NaPDcZTIAOhVxoMyOr9n_E7ffBzCGIVzY4SY.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Titillium Web'; font-style: normal; font-weight: 600; src: local('Titillium Web SemiBold'), local('TitilliumWeb-SemiBold'), url(https://fonts.gstatic.com/s/titilliumweb/v7/NaPDcZTIAOhVxoMyOr9n_E7ffBzCGItzYw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Titillium Web'; font-style: normal; font-weight: 700; src: local('Titillium Web Bold'), local('TitilliumWeb-Bold'), url(https://fonts.gstatic.com/s/titilliumweb/v7/NaPDcZTIAOhVxoMyOr9n_E7ffHjDGIVzY4SY.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Titillium Web'; font-style: normal; font-weight: 700; src: local('Titillium Web Bold'), local('TitilliumWeb-Bold'), url(https://fonts.gstatic.com/s/titilliumweb/v7/NaPDcZTIAOhVxoMyOr9n_E7ffHjDGItzYw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Titillium Web'; font-style: normal; font-weight: 900; src: local('Titillium Web Black'), local('TitilliumWeb-Black'), url(https://fonts.gstatic.com/s/titilliumweb/v7/NaPDcZTIAOhVxoMyOr9n_E7ffEDBGIVzY4SY.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Titillium Web'; font-style: normal; font-weight: 900; src: local('Titillium Web Black'), local('TitilliumWeb-Black'), url(https://fonts.gstatic.com/s/titilliumweb/v7/NaPDcZTIAOhVxoMyOr9n_E7ffEDBGItzYw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Faustina'; font-style: normal; font-weight: 400; src: local('Faustina Regular'), local('Faustina-Regular'), url(https://fonts.gstatic.com/s/faustina/v3/XLYlIZPxYpJfTbZAFV-wHcx6pw.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Faustina'; font-style: normal; font-weight: 400; src: local('Faustina Regular'), local('Faustina-Regular'), url(https://fonts.gstatic.com/s/faustina/v3/XLYlIZPxYpJfTbZAFV-xHcx6pw.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Faustina'; font-style: normal; font-weight: 400; src: local('Faustina Regular'), local('Faustina-Regular'), url(https://fonts.gstatic.com/s/faustina/v3/XLYlIZPxYpJfTbZAFV-_Hcw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Faustina'; font-style: normal; font-weight: 500; src: local('Faustina Medium'), local('Faustina-Medium'), url(https://fonts.gstatic.com/s/faustina/v3/XLYiIZPxYpJfTbZAFVdMPtlKhnIWTA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Faustina'; font-style: normal; font-weight: 500; src: local('Faustina Medium'), local('Faustina-Medium'), url(https://fonts.gstatic.com/s/faustina/v3/XLYiIZPxYpJfTbZAFVdMPtlLhnIWTA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Faustina'; font-style: normal; font-weight: 500; src: local('Faustina Medium'), local('Faustina-Medium'), url(https://fonts.gstatic.com/s/faustina/v3/XLYiIZPxYpJfTbZAFVdMPtlFhnI.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Faustina'; font-style: normal; font-weight: 600; src: local('Faustina SemiBold'), local('Faustina-SemiBold'), url(https://fonts.gstatic.com/s/faustina/v3/XLYiIZPxYpJfTbZAFVdgOdlKhnIWTA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Faustina'; font-style: normal; font-weight: 600; src: local('Faustina SemiBold'), local('Faustina-SemiBold'), url(https://fonts.gstatic.com/s/faustina/v3/XLYiIZPxYpJfTbZAFVdgOdlLhnIWTA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Faustina'; font-style: normal; font-weight: 600; src: local('Faustina SemiBold'), local('Faustina-SemiBold'), url(https://fonts.gstatic.com/s/faustina/v3/XLYiIZPxYpJfTbZAFVdgOdlFhnI.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Faustina'; font-style: normal; font-weight: 700; src: local('Faustina Bold'), local('Faustina-Bold'), url(https://fonts.gstatic.com/s/faustina/v3/XLYiIZPxYpJfTbZAFVcEONlKhnIWTA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Faustina'; font-style: normal; font-weight: 700; src: local('Faustina Bold'), local('Faustina-Bold'), url(https://fonts.gstatic.com/s/faustina/v3/XLYiIZPxYpJfTbZAFVcEONlLhnIWTA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Faustina'; font-style: normal; font-weight: 700; src: local('Faustina Bold'), local('Faustina-Bold'), url(https://fonts.gstatic.com/s/faustina/v3/XLYiIZPxYpJfTbZAFVcEONlFhnI.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v19/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* _____________________________________________________________ */ /* 01. Initial Styles */ /* _____________________________________________________________ */ html { margin: 0; margin-top: 116px; padding: 0; min-height: 100%; } body { font-family: "Titillium Web", sans-serif; font-size: 12px; background-color: #f1f1f1; overflow-x: hidden; } #tabsBusqueda img { max-width: 100% !important; vertical-align: text-bottom; } section { position: relative; } ul, li { display: inline-block; margin: 0; padding: 0; } a { cursor: default; /*color: #FFDC00;*/ color: #333; text-decoration: none; } /*a:hover { color: #E8CB00; }*/ /* _____________________________________________________________ */ .bg-parallax { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -2; background-position: 50% 50%; background-position: 50% 50%; background-repeat: no-repeat; /*background-attachment: fixed;*/ /* lo saque para dejar las caracteristicas de ubicacion pero que no quedara fijo :B */ background-size: cover; } .bg-forms { background-image: url(https://w3travelsecuritycl.s3.amazonaws.com/Nuevo-Sitio/Header-Footer/Home/contantes/ofertas-viajes-y-vuelos-a-USA.jpg); } .btnPrimary { font-family: helvetica; text-transform: uppercase; font-size: 15px; padding: 6px 10px; min-width: 130px; margin: 0px; border: 0; color: #fff !important; margin-right: 0; text-align: center; border-radius: 5px; background-color: #1D399A; /* box-shadow: 0.5px 0.5px 2px #1D399A;*/ -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .btnPrimary:hover { background-color: #1D399A; } .btnSecondary { font-family: helvetica; text-transform: uppercase; font-size: 14px; padding: 6px 10px; min-width: 130px; border: 0; color: #333 !important; margin-right: 0; text-align: center; border-radius: 5px; background-color: #FFEF01; box-shadow: 0.5px 0.5px 2px #DFB317; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .btnSecondary:hover { background-color: #FFF753; } .btnBlue { color: #006082; } .btnWhite { color: #333; } .datepicker { background-image: url(../images/calendar.png) !important; background-position: right center !important; background-repeat: no-repeat !important; } .ui-datepicker { z-index: 1000 !important; } #nav-toggle { display: block; float: right; margin-top: 14px; font-size: 30px; } .result-container { background-color: white; margin-top: -10px; margin-bottom: 30px; overflow: hidden; } .offcanvasBtn { margin-left: 15px; } /* intento de sobre escribir*/ .modal{ top: 85px !important; z-index: 10000 !important; } .popover-title { padding: 8px 14px !important; margin: 0 !important; font-size: 14px !important; background-color: #333 !important; color: #fff !important; border-bottom: 1px solid #666 !important; border-radius: 5px 5px 0 0 !important; font-family: "Titillium Web", sans-serif !important; } .popover-content { padding: 9px 14px; color: #000000; font-family: "Titillium Web", sans-serif !important; } .popover-content a img { padding: 0 10px 0 0; } .popover-content a { color: #fff; } .carousel-control { width: 12% !important; } .bg-danger { background-color: transparent !important; } .close { font-size: 33px !important; font-weight: 700 !important; line-height: 0 !important; opacity: .6 !important; } .select2-container--default .select2-selection--single{ background-color: transparent !important; border-radius: 0px !important; border-bottom: 1px solid #fff !important; border: none !important; } .ui-menu-item-wrapper{ font-family: "Titillium Web", sans-serif !important; font-size: 11px important; color: #666 !important; background-color: #fff !important; } .ui-menu-item-wrapper a { font-family: "Titillium Web", sans-serif !important; font-size: 11px important; color: #666 !important; background-color: #fff !important; } .ui-menu-item-wrapper a:hover { font-family: "Titillium Web", sans-serif !important; font-size: 11px important; color: #666 !important; background-color: #fff !important; } .ui-menu-item-wrapper a:focus { font-family: "Titillium Web", sans-serif !important; font-size: 11px important; color: #666 !important; background-color: #fff !important; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 25px !important; } .select2-container .select2-selection--single .select2-selection__rendered { margin-top: 6px !important; } .search-forms .tab-content input, .search-forms .tab-content select { border: none !important; border-bottom: 1px solid !important; background-color: transparent !important; color: #fff; border-bottom-color: #1D399A !important; border-radius: 0px !important; padding-left: 20px; } .form-control { display: block; border-bottom-color: #fff !important; width: 90%; height: 34px; padding: 3px; font-size: 14px; line-height: 1.42857143; color: #555252; /*background-color: #fff;*/ background-image: none; border-left-style: none; border-top-style: none; border-right-style: none; border-bottom: 1px solid #2d2c2c; border-radius: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: none; -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } @media screen and (max-width: 768px){ .form-control { width: 100% !important; } .titlepack { text-align: center; } } .caret { margin-left: 4px !important; } .carousel-indicators { bottom: -10px !important; } /* booking */ #aff_container { background-color: rgba(0, 0, 0, 0.7) !important; min-height: auto !important; border-radius: 5px !important; } .b-aff__title h2 { color: #fff !important; font-family: "Titillium Web", sans-serif !important; } .b-aff-destination__input { font-size: 14px !important; line-height: 22px !important; overflow: hidden !important; border: none !important; border-bottom: solid 1px #fff !important; font-family: "Titillium Web", sans-serif !important; background-color: transparent !important; text-transform: capitalize !important; } .b-aff__dates--input { width: 100% !important; background-color: transparent !important; color: #fff !important; font-family: "Titillium Web", sans-serif !important; } /*#ui-id-2{ font-family: "Titillium Web", sans-serif !important; font-size: 14px important; color: #333 !important; background-color: #666 !important; }*/ /* fin intento sobre escribir */ .sidebar { /* padding-right: 3px !important;*/ } .sidebar .search-result { background-color: #1D399A; padding: 0px 25px; width: 100%; height: 70px; position: relative; margin-bottom: 15px; border-radius: 5px; } .sidebar .search-result:after { position: relative; border: 8px solid transparent; display: block; width: 0; height: 0; content: ''; /* border-bottom: 8px solid #fff; border-left: 8px solid #fff;*/ bottom: -4px; left: 0; } .sidebar .search-result p { display: table-cell; height: 80px; vertical-align: middle; color: #fff; font-size: 14px; line-height: 25px; font-family: helvetica; font-style: italic; } .sidebar .search-result p ins { font-size: 30px; text-decoration: none; color: #ffdb32; } .sidebar .search-result p span { font-size: 17px; } /*.sidebar label { font-family: Helvetica; font-size: 14px; color: #fff; margin-top: 15px; }*/ .sidebar label { font-family: "Titillium Web"; font-size: 14px; color: #fff; margin-top: 10px; } .sidebar label small { font-size: 12px; color: #1D399A; font-style: italic; } .sidebar input, .sidebar select { border: none; background: rgb(239, 239, 239); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 5px; color: #999; border-bottom: 1px solid; border-bottom-color: rgba(50, 50, 50, 0.2); font-size: 13px !important; } .sidebar .row [class*="col-"] { padding-left: 15px; padding-right: 15px; } .sidebar hr { margin-top: 10px; margin-bottom: 10px; border: 0; border-top: 1px solid #9be5ff; } .sidebar .roomTitle { margin-top: 15px; color: #fff; font-weight: bold; font-family: helvetica; } .sidebar h3 { font-family: helvetica; text-transform: uppercase; color: #006082; } .results { padding-left: 15px; padding-right: 15px; } @media screen and (max-width: 768px){ .results { padding-left: 0; padding-right: 0; } } .tooltip-inner, .ui-tooltip { max-width: 320px; white-space: nowrap; background: #1D399A; border: 1px solid #1D399A; -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3); color: white; margin: 0; padding: 5px; font-size: 10px; border-radius: 2px; } .tooltip.top .tooltip-arrow { border-top-color: #1D399A !important; } /* 02. Header */ /* _____________________________________________________________ */ header { /*background-image: url(../images/upload/header.png);*/ width: 100%; height: 116px; overflow: hidden; position: absolute; top: 0; z-index: 99999 !important; -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); /*background-color: #1D399A;*/ background-color: #fff; } header .container { position: relative; } header .logo { position: absolute; } header .logo img { max-height: 90px; /*height: 110px;*/ /*margin-top:-10%;*/ margin-top: 3%; } header .tools { background-color: #f8f8f8; height: 40px; padding: 5px 15px; padding-left: 45px; /*&::before { border-bottom: 40px solid transparent; border-right: 40px solid white; content: ""; position: absolute; right: 0; top: 0; z-index: 1; }*/ } header .tools .social { color: #1D399A; line-height: 40px; margin: 0; padding: 0; margin-top: -5px; font-size: 12px; } .social span { /*font-family: 'Grand Hotel', cursive;*/ font-size: 24px; padding-right: 2px; color: #6E7B81; } header .tools .social i { font-size: 21px; margin: 0 5px; } header .tools::after { border-top: 40px solid transparent; border-left: 40px solid white; content: ""; position: absolute; left: 0; top: 0; z-index: 1000; } header .navigation { height: 80px; margin-left: -8%; } header .navigation ul { margin-bottom: 0; } header .navigation li { font-family: helvetica; text-transform: uppercase; padding: 0 20px; line-height: 75px; } header .navigation li a { color: #ffffff; text-decoration: none; /*-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;*/ } header .navigation li a.current, header .navigation li a:hover { display: inline-block; color: #fff; border-top: 2px solid #fff; } header .navigation li:last-child { padding-right: 15px; } header .activeNav { visibility: visible !important; position: fixed; top: 117px; height: 75%; overflow: auto; background: #2159ba; width: 100%; left: 28px; -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); } header .activeNav li { display: block; width: 100%; } header .activeNav li a { padding-left: 30px; margin-left: -30px; } header .activeNav li a.current, header .activeNav li a:hover { color: black; border-left: 5px solid #ffdb32; border-bottom: none; } .Paste { position: fixed; top: -15px; width: 100%; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); } /* _____________________________________________________________ */ footer { background-color: #DBDBDB; } footer .logo-foter { margin: 70px auto; } footer .logo-foter img { max-width: 100%; margin: 0 auto; } footer .ul-ft { margin-top: 40px; margin-bottom: 40px; color: #F6F6F6; text-align: left; } footer .ul-ft ul { list-style: none; margin: 0; padding: 0; } footer .ul-ft ul li { display: block; border-bottom: 1px #6E7B81 dotted; } footer .ul-ft ul li a { color: #6E7B81; text-transform: capitalize; text-decoration: none; line-height: 30px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } footer .ul-ft ul li a:hover { /* color: #ffdb32;*/ color: #003974; padding-left: 3px; font-weight: 700; /*Nuevo*/ } footer .social { margin-top: 40px; color: #F6F6F6; text-align: right; } footer .social i { font-size: 21px; margin: 0 2px; } footer .copyright { background-color: #000000; color: #fff; padding: 15px; font-size: 11px !important; margin: -15px; margin-top: 15px; } /* 04. Content */ /* _____________________________________________________________ */ .search-forms { /*padding-top: 50px;*/ /*padding-bottom: 30px;*/ /*min-height: 470px;*/ position: relative; } .search-forms .form-panel { background-color: rgba(0, 0, 0, 0.7); min-height: auto !important; /* originalmente era: min-height: 470px !important;*/ border-radius: 5px; } .search-forms .form-panel .form-navigation { /* border-bottom: 1px solid #666;*/ border-radius: 5px 5px 0 0; overflow: hidden; padding-left: 0px; } .search-forms .form-panel .form-navigation ul { margin: 0; padding: 0; } .search-forms .form-panel .form-navigation li { height: 80px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; background-color: rgba(0, 0, 0, 0.3); color: #fff; } .search-forms .form-panel .form-navigation li a { font-size: 14px; position: relative; color: #fff; } .search-forms .form-panel .form-navigation li a span { position: absolute; top: 30px; left: 0; width: 100%; text-align: center; } .search-forms .form-panel .form-navigation li.active, .search-forms .form-panel .form-navigation li:hover { background-color: #1D399A; } .search-forms .form-panel .form-navigation li.active a, .search-forms .form-panel .form-navigation li:hover a { color: #fff; } .search-forms .form-panel .form-navigation li.active a img, .search-forms .form-panel .form-navigation li:hover a img { -webkit-filter: hue-rotate(0deg) saturate(100%); } .search-forms .tab-content label { /*font-family: helvetica;*/ font-family: "Titillium Web", sans-serif; font-weight: 200; font-size: 14px; color: #fff; margin-top: 20px; } label.dd-option-text { color: #D6C601 !important; } .search-forms .tab-content label small { font-size: 12px; color: #FEEA01; font-style: italic; } .search-forms .tab-content input, .search-forms .tab-content select { border: none; /* background: white;*/ color: #999; border-bottom: 1px solid; /* border-bottom-color: rgba(50, 50, 50, 0.2);*/ background-color: transparent; color: #fff; border-bottom-color: #fff; border-radius: 0px; } .search-forms .tab-content .row [class*="col-"] { padding-left: 5px; padding-right: 5px; } .search-forms .tab-content hr { margin-top: 10px; margin-bottom: 10px; border: 0; border-top: 1px solid #9be5ff; } .search-forms .tab-content .roomTitle { margin-top: 15px; color: #fff; font-weight: bold; } .slide-ofertas { min-height: 470px; position: relative; overflow: hidden; display: inline-block; width: 100%; padding: 8px; background: #fff; border-radius: 5px; border: 1px #ccc solid; } .slide-ofertas a::after { content: " "; width: 100%; height: 100%; position: absolute; z-index: 1; top: 0; left: 0; /*background: -webkit-radial-gradient(top center, ellipse cover, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.5) 100%);*/ } .carousel-control.right, .carousel-control.left { background: 0; /*z-index: 1;*/ } .slide-ofertas a::after img { position: absolute; top: 50%; min-height: 100%; display: block; left: 50%; -webkit-transform: translate(-50%, -50%); min-width: 100%; width: auto; height: 100% !important; } .slide-ofertas .carousel-inner .item { height: 470px; overflow: hidden; } .slide-ofertas .carousel-indicators { bottom: 0px; } .slide-ofertas .carousel-inner > .item > a > img, .slide-ofertas .carousel-inner > .item > img, .slide-ofertas .img-responsive, .slide-ofertas .thumbnail a > img, .slide-ofertas .thumbnail > img { display: block; width: 100%; height: 470px !important; } .slide-ofertas .slide-ofertas-captions { position: absolute; left: 0; bottom: 0; z-index: 100; width: 100%; background-color: rgba(0, 0, 0, 0.5); padding: 10px 20px; } .slide-ofertas .slide-ofertas-captions .header-left { position: absolute; left: 0; top: 0; font-family: helvetica; text-transform: uppercase; color: #006082; background-color: #ffdb32; height: 40px; line-height: 40px; width: 40%; font-size: 16px; padding-left: 15px; text-align: left; } .slide-ofertas .slide-ofertas-captions .header-left::before { border-top: 40px solid transparent; border-left: 40px solid #ffdb32; content: ""; position: absolute; right: -40px; top: 0; z-index: 1; } .slide-ofertas .slide-ofertas-captions .header-right { position: absolute; right: 0; top: 0; color: gray; background-color: white; height: 40px; line-height: 40px; width: 60%; font-size: 12px; font-style: italic; text-align: right; padding-right: 15px; } .slide-ofertas .slide-ofertas-captions h3 { font-family: helvetica; text-transform: uppercase; font-size: 32px; color: white; line-height: 42px; margin: 0; font-weight: bold; } .slide-ofertas .slide-ofertas-captions h3 span { color: #ff5757; display: block; } .slide-ofertas .slide-ofertas-captions .from { font-size: 16px; color: white; font-style: italic; } .slide-ofertas .slide-ofertas-captions .price { font-family: helvetica; font-size: 25px; color: #45a5f3; font-weight: bold; } .slide-ofertas .slide-ofertas-captions span.other { font-family: helvetica; font-size: 20px; color: white; font-weight: bold; } .slide-ofertas .slide-ofertas-captions .type { position: absolute; top: 340px; left: 40px; font-size: 18px; color: white; } .slide-ofertas .slide-ofertas-captions p { font-size: 14px; color: white; line-height: 14px; margin: 5px 0 20px; } .slide-ofertas .slide-ofertas-captions button { position: absolute; top: 345px; right: 30px; } .section-title-template { background-color: white; height: 120px; } .section-title-template h1 { font-family: helvetica; line-height: 90px; color: #4B4B4B; text-transform: capitalize; } .section-title-template h1 span { font-family: helvetica; } .section-title-template button { margin-right: 30px; } .section-title-template span { color: #676767; margin-top: 45px; } .section-title-internal { background-color: #f2f2f2; padding-bottom: 20px; } .section-title-internal h1 { font-family: helvetica; line-height: 80px; color: #555; text-transform: initial; width: 100%; margin-top: 20px; } .section-title-internal h1 span { font-family: helvetica; } .bread-crumb { background-color: #1D399A; height: 30px; font-style: italic; font-size: 11px; } .bread-crumb a { color: #9be5ff; text-decoration: none; line-height: 30px; padding-right: 10px; } .bread-crumb a::after { content: "/"; padding-left: 10px; } .bread-crumb span { color: white; line-height: 30px; } .section-content-template { background-color: #f2f2f2; } .slide-ofertas-group { margin: 30px 0; margin-bottom: 60px; } .slide-ofertas-group .slide-ofertas-group-captions { background-color: white; margin-top: -15px; padding: 15px; } .slide-ofertas-group .slide-ofertas-group-captions h3 { font-family: helvetica; color: #666; text-transform: uppercase; margin-bottom: -5px; } .slide-ofertas-group .slide-ofertas-group-captions span { display: block; } .slide-ofertas-group .slide-ofertas-group-captions span.city { border-bottom: 1px solid #d1d1d1; font-size: 15px; color: #1D399A; padding-bottom: 15px; margin-bottom: 15px; margin-top: 5px; } .slide-ofertas-group .slide-ofertas-group-captions span.from { color: #9e9e9e; } .slide-ofertas-group .slide-ofertas-group-captions span.price { font-family: helvetica; color: #1D399A; font-size: 24px; font-style: italic; } .slide-ofertas-group .slide-ofertas-group-captions span.type { color: #1D399A; } .slide-ofertas-group .carousel-indicators { bottom: -55px; } .slide-ofertas-group .carousel-indicators li { background-color: #d1d1d1; position: relative; display: inline-block; width: 10px; height: 10px; margin: 10px; } .slide-ofertas-group .carousel-indicators li.active { background: #0274A1; /* box-shadow: 0 0 2px #0274A1;*/ -webkit-box-shadow: 0 0 5px #0274A1; -moz-box-shadow: 0 0 5px #0274A1; width: 10px; height: 10px; } /*.slide-ofertas-group .carousel-indicators li.active::before { position: absolute; content: " "; z-index: -1; top: -5px; left: -5px; border: 10px solid #0274A1; border-radius: 100%; }*/ .slide-destinos-group { position: relative; margin: 0 -15px; } .slide-destinos-group img { position: relative; top: 0; left: 0; } .slide-destinos-group .slide-destinos-group-captions { height: 500px; position: absolute; top: 50%; margin-top: -14.5%; left: 33%; width: 800px; /* padding-top: 20px; */ padding-right: 20px; text-align: right; } .gallery-slider { right: 50px; } .slide-destinos-group .slide-destinos-group-captions span { color: white; text-transform: uppercase; text-align: right; display: block; } .slide-destinos-group .slide-destinos-group-captions span.city { font-family: helvetica; font-size: 18px; line-height: 20px; } .slide-destinos-group .slide-destinos-group-captions span.legend { font-family: helvetica; font-size: 24px; line-height: 26px; } .slide-destinos-group .slide-destinos-group-captions h3 { color: white; font-family: helvetica; font-size: 70px; text-align: right; text-transform: uppercase; display: block; line-height: 74px; } .slide-destinos-group .slide-destinos-group-captions .tr-1 { width: 0; height: 0; border-style: solid; border-width: 30px 0 0 30px; border-color: transparent transparent transparent #ffffff; line-height: 0px; _border-color: #000000 #000000 #000000 #ffffff; _filter: progid: DXImageTransform.Microsoft.Chroma(color='#000000'); position: absolute; top: 10px; left: 10px; -webkit-animation-duration: 2s; -webkit-animation-delay: .3s; } .slide-destinos-group .slide-destinos-group-captions .tr-2 { width: 0; height: 0; border-style: solid; border-width: 100px 0 0 100px; border-color: transparent transparent transparent #ffdb32; line-height: 0px; _border-color: #000000 #000000 #000000 #ffdb32; _filter: progid: DXImageTransform.Microsoft.Chroma(color='#000000'); position: absolute; top: 220px; left: -10px; -webkit-animation-duration: 2s; -webkit-animation-delay: .1s; } .slide-destinos-group .slide-destinos-group-captions .tr-3 { width: 0; height: 0; border-style: solid; border-width: 15px 0 0 15px; border-color: transparent transparent transparent #ff5757; line-height: 0px; _border-color: #000000 #000000 #000000 #ffdb32; _filter: progid: DXImageTransform.Microsoft.Chroma(color='#000000'); position: absolute; top: 130px; left: 80px; } /*Magazine*/ .magazine-thum { border-right: 1px solid #95a5a6; overflow: hidden; } .magazine-cn { margin: 30px 0; background-color: white; } .magazine-cn .row { margin-left: 0; margin-right: 0; } .magazine-cn .row [class*="col-"] { padding-left: 0; padding-right: 0; } .magazine-cn .magazine-ds { padding-left: 30px; padding-right: 30px; padding-top: 20px; } .magazine-item { position: relative; padding: 15px; } .magazine-item .magazine-header h2 { font-family: helvetica; margin: 0; color: #111111; font-weight: 300; font-size: 30px; line-height: 38px; } .magazine-item .magazine-header ul { list-style: none; padding: 0; overflow: hidden; margin-top: 10px; } .magazine-item .magazine-header ul li { float: left; font-size: 14px; color: #999; line-height: 30px; font-family: helvetica; } .magazine-item .magazine-header ul li:before { content: '-'; padding: 0 5px; } .magazine-item .magazine-header ul li a { color: #999; text-decoration: none; } .magazine-item .magazine-header ul li a:hover { color: #1D399A; } .magazine-item .magazine-header ul li:first-child:before { display: none; } .magazine-item .magazine-header .hr { margin-top: 10px; max-width: 80px; border: 0; border-top: 4px #333 solid; margin-left: 0; } .magazine-item .magazine-body { margin: 20px 0 0; color: #333333; font-size: 14px; line-height: 25px; font-family: helvetica; } .magazine-item .magazine-body p { margin-bottom: 13px; line-height: 18px; } .magazine-item .magazine-body p:last-child { margin-bottom: 0; } .magazine-item .magazine-footer { margin-top: 20px; padding: 10px 0; background: url(../images/bg-border-v.png) repeat-x top left; overflow: hidden; } .magazine-item .magazine-footer .magazine-share a { margin-top: 8px; margin-left: 10px; } /* End Magazine Text*/ /* Magazine Image */ .ofertas .cityLabel h3, .hoteles .cityLabel h3 { font-family: helvetica; text-transform: uppercase; color: #1D399A; } .ofertas .grid .row [class*="col-"], .hoteles .grid .row [class*="col-"] { margin: 15px 0; } .ofertas .ofertas-captions, .hoteles .ofertas-captions { background-color: white; margin-top: -15px; padding: 15px; min-height: 140px; } .ofertas .ofertas-captions h3, .hoteles .ofertas-captions h3 { font-family: helvetica; color: #006082; text-transform: uppercase; margin-bottom: -5px; } .ofertas .ofertas-captions span, .hoteles .ofertas-captions span { display: block; } .ofertas .ofertas-captions span.city, .hoteles .ofertas-captions span.city { /* border-bottom: 1px solid #d1d1d1;*/ font-size: 12px; color: #9e9e9e; padding-bottom: 15px; margin-bottom: 15px; } .ofertas .ofertas-captions span.from, .hoteles .ofertas-captions span.from { color: #9e9e9e; } .ofertas .ofertas-captions span.price, .hoteles .ofertas-captions span.price { font-family: helvetica; color: #1D399A; font-size: 21px; } .ofertas .ofertas-captions span.type, .hoteles .ofertas-captions span.type { color: #1D399A; } .nosotros .section-content-template .content, .politicas .section-content-template .content, .terminos .section-content-template .content, .recordar .section-content-template .content, .contactenos .section-content-template .content, .destinos .section-content-template .content, .cargando .section-content-template .content, .articulo .section-content-template .content { background-color: white; width: 100%; margin-top: -10px; margin-bottom: 30px; } .nosotros .section-content-template .content h1, .nosotros .section-content-template .content h3, .politicas .section-content-template .content h1, .politicas .section-content-template .content h3, .terminos .section-content-template .content h1, .terminos .section-content-template .content h3, .recordar .section-content-template .content h1, .recordar .section-content-template .content h3, .contactenos .section-content-template .content h1, .contactenos .section-content-template .content h3, .destinos .section-content-template .content h1, .destinos .section-content-template .content h3, .cargando .section-content-template .content h1, .cargando .section-content-template .content h3, .articulo .section-content-template .content h1, .articulo .section-content-template .content h3 { font-family: helvetica; color: #11A9D4; } .nosotros .section-content-template .content .contactlist li, .politicas .section-content-template .content .contactlist li, .terminos .section-content-template .content .contactlist li, .recordar .section-content-template .content .contactlist li, .contactenos .section-content-template .content .contactlist li, .destinos .section-content-template .content .contactlist li, .cargando .section-content-template .content .contactlist li, .articulo .section-content-template .content .contactlist li { position: relative; display: block; width: 300px; } .nosotros .section-content-template .content .contactlist li span, .politicas .section-content-template .content .contactlist li span, .terminos .section-content-template .content .contactlist li span, .recordar .section-content-template .content .contactlist li span, .contactenos .section-content-template .content .contactlist li span, .destinos .section-content-template .content .contactlist li span, .cargando .section-content-template .content .contactlist li span, .articulo .section-content-template .content .contactlist li span { position: absolute; left: 100px; width: auto; } .nosotros .section-content-template .content [class*="col-"], .politicas .section-content-template .content [class*="col-"], .terminos .section-content-template .content [class*="col-"], .recordar .section-content-template .content [class*="col-"], .contactenos .section-content-template .content [class*="col-"], .destinos .section-content-template .content [class*="col-"], .cargando .section-content-template .content [class*="col-"], .articulo .section-content-template .content [class*="col-"] { margin: 10px 0; } .nosotros .section-content-template .content .error-template, .politicas .section-content-template .content .error-template, .terminos .section-content-template .content .error-template, .recordar .section-content-template .content .error-template, .contactenos .section-content-template .content .error-template, .destinos .section-content-template .content .error-template, .cargando .section-content-template .content .error-template, .articulo .section-content-template .content .error-template { padding: 40px 15px; text-align: center; } .nosotros .section-content-template .content .error-actions, .politicas .section-content-template .content .error-actions, .terminos .section-content-template .content .error-actions, .recordar .section-content-template .content .error-actions, .contactenos .section-content-template .content .error-actions, .destinos .section-content-template .content .error-actions, .cargando .section-content-template .content .error-actions, .articulo .section-content-template .content .error-actions { margin-top: 15px; margin-bottom: 15px; } .nosotros .section-content-template .content .error-actions .btn, .politicas .section-content-template .content .error-actions .btn, .terminos .section-content-template .content .error-actions .btn, .recordar .section-content-template .content .error-actions .btn, .contactenos .section-content-template .content .error-actions .btn, .destinos .section-content-template .content .error-actions .btn, .cargando .section-content-template .content .error-actions .btn, .articulo .section-content-template .content .error-actions .btn { margin-right: 10px; } .destinos .grid h3 { font-family: helvetica; color: #11A9D4; text-transform: capitalize; } .destinos .caption .btnSecondary { margin-top: 15px; } .headerImage { position: relative; background-color: #121212; margin-top: -10px !important; padding-left: 0; padding-right: 0; } .headerImage h1 { position: absolute; bottom: 25%; color: white !important; z-index: 2; margin-left: 45px; } .headerImage h3 { position: absolute; bottom: 50%; color: #ffdb32 !important; z-index: 3; margin-left: 45px; } .headerImage img { opacity: .7; } /*End Magazine*/ /* ----------------- vuelos ----------------- */ .vuelos-deal-item { background-color: #fff; position: relative; clear: both; } .vuelos-deal-item .vuelos-img { position: relative; width: 100%; overflow: hidden; } .vuelos-deal-item .vuelos-img:after { display: block; content: ''; height: 0; width: 0; border: 14px solid transparent; position: absolute; left: 0; bottom: 0; right: 0; margin: auto; border-bottom-color: #fff; } .vuelos-deal-item .vuelos-img img { width: 100%; } .vuelos-deal-item .vuelos-img figcaption { padding-top: 12px; position: absolute; color: #fff; width: 95px; height: 95px; top: 0; left: 0; right: 0; bottom: 0; margin: auto; font-size: 14px; font-family: helvetica; font-style: italic; text-align: center; z-index: 1; visibility: hidden; opacity: 0; } .vuelos-deal-item .vuelos-img figcaption span { font-size: 45px; line-height: 25px; } .vuelos-deal-item .vuelos-img figcaption:after { background-color: #000000; display: block; content: ''; top: 0; left: 0; right: 0; bottom: 0; position: absolute; z-index: -1; } .vuelos-deal-item .vuelos-text { padding: 20px 30px 30px; } .vuelos-deal-item .vuelos-text .vuelos-price { color: #666666; font-size: 14px; font-family: helvetica; line-height: 32px; } .vuelos-deal-item .vuelos-text .vuelos-price .price { line-height: 38px; font-size: 30px; color: #49bf4c; font-family: helvetica; display: block; } .vuelos-deal-item .vuelos-text .vuelos-name a { font-size: 30px; color: #111111; font-weight: 300; text-decoration: none; line-height: 32px; } .vuelos-deal-item .vuelos-text .vuelos-name a:hover { color: #1D399A; } .vuelos-deal-item:hover .vuelos-img img { opacity: 0.5; } .vuelos-deal-item:hover .vuelos-img figcaption { opacity: 1; visibility: visible; } .calendar-charts { position: relative; } .calendar-charts .row { margin-left: -35px; margin-right: -35px; } .calendar-charts .row [class*="col-"] { padding-left: 35px; padding-right: 35px; } .calendar-charts .chart-scale { position: absolute; bottom: 20px; height: 170px; left: 50%; width: 1px; background-color: #e6e6e6; } .calendar-charts .chart-scale span { position: absolute; left: -50%; color: #999; font-size: 11px; font-family: helvetica; background-color: #fff; padding: 0 3px; } .calendar-charts .chart-scale span.one { bottom: 26px; } .calendar-charts .chart-scale span.two { bottom: 85px; } .calendar-charts .chart-scale span.three { bottom: 145px; } .chart { margin-top: 25px; position: relative; } .chart p { color: #111111; font-size: 20px; margin: 0; } .chart p span { font-weight: 300; font-size: 16px; } .chart .chart-bar { margin-top: 10px; } .chart .chart-bar .ul-bar { padding: 0; margin: 0; list-style: none; font-size: 0; } .chart .chart-bar .ul-bar li { display: inline-block; font-size: 12px; width: 7.143%; } .chart .chart-bar .ul-bar li.active .date-day { border-color: #ff5757; } .chart .chart-bar .ul-bar li.active .bar-cl .fill { background-color: #ff5757; border-top-color: #ff5757; } .chart .chart-bar .ul-bar li .bar-cl { height: 100%; width: 50%; margin: 0 auto; position: relative; height: 120px; cursor: pointer; } .chart .chart-bar .ul-bar li .bar-cl:hover .chart-info { visibility: visible; opacity: 1; } .chart .chart-bar .ul-bar li .bar-cl:hover .fill { background-color: #ff5757; border-top-color: #ff5757; } .chart .chart-bar .ul-bar li .bar-cl .fill { width: 100%; position: absolute; border-top: 5px solid #1D399A; min-height: 50%; bottom: 0; background-color: #1D399A; } .chart .chart-bar .ul-bar li .bar-cl .chart-info { position: absolute; top: -40px; background-color: #fff; visibility: hidden; opacity: 0; width: 80px; text-align: center; left: 50%; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 2px; background-clip: padding-box; } .chart .chart-bar .ul-bar li .bar-cl .chart-info .date { display: block; background-color: #fff; } .chart .chart-bar .ul-bar li .date-day { margin-top: 2px; border-top: 1px solid #e6e6e6; font-family: helvetica; font-size: 13px; text-align: center; line-height: 16px; } .chart .chart-bar .ul-bar li .date-day .date { display: block; color: #333333; } .chart .chart-bar .ul-bar li .date-day .short-day { font-size: 11px; color: #666666; text-transform: capitalize; } .chart .chart-bar .ul-month { margin: 5px -1px 0; padding: 0; list-style: none; } .chart .chart-bar .ul-month li { float: left; font-size: 14px; padding-left: 1px; padding-right: 1px; width: 100%; } .chart .chart-bar .ul-month li .month-wrap { text-align: center; border: 2px solid #e6e6e6; border-top: 0; height: 11px; display: block; } .chart .chart-bar .ul-month li .month-wrap span { color: #666666; font-size: 13px; font-family: helvetica; font-weight: 600; background-color: #fff; padding-left: 10px; padding-right: 10px; } .chart .chart-bar .chart-nav span { position: absolute; font-size: 20px; color: #c0c0c0; bottom: 22px; cursor: pointer; } .chart .chart-bar .chart-nav span:hover { color: #70c7e2; } .chart .chart-bar .chart-nav span.nav-next { right: -15px; } .chart .chart-bar .chart-nav span.nav-prev { left: -15px; } .vuelos-statis { margin-top: 35px; } .vuelos-statis .vuelos-statis-item { padding-left: 55px; } .vuelos-statis .vuelos-statis-item:first-child::before { display: none; } .vuelos-statis .vuelos-statis-item:before { border-left: 1px solid #e6e6e6; height: 45px; top: 50%; left: 0; content: ''; position: absolute; } .vuelos-statis .icon { position: absolute; top: 50%; left: 20px; color: #bbbbbb; font-size: 24px; } .vuelos-statis h5 { margin: 0; color: #333333; font-family: helvetica; font-size: 14px; font-weight: 600; line-height: 30px; } .vuelos-statis p { color: #666666; line-height: 20px; } .vuelos-statis p ins { text-decoration: none; color: #111111; font-size: 24px; } .vuelos-statis p span { color: #333333; } .vuelos-list-head { position: relative; margin-top: 50px; padding: 20px 10px 20px 60px; background: #f7f7f7 url(../images/bg-border-v.png) repeat-x top left; } .vuelos-list-head .icon { position: absolute; top: 50%; left: 10px; } .vuelos-list-head h3 { color: #111111; font-size: 24px; line-height: 28px; margin: 0; display: inline-block; } .vuelos-list-head p { float: right; color: #111111; font-size: 14px; line-height: 28px; margin: 0; font-family: helvetica; } .vuelos-list-head p span { font-size: 18px; } .vuelos-list-calendar { overflow: hidden; width: 100%; } .vuelos-list-calendar .row { margin: 0; } .vuelos-list-calendar .vuelos-table { margin: 0; background: url(../images/bg-border-v.png) repeat-x bottom left; } .vuelos-list-calendar .vuelos-table th { border: 0; padding: 15px; background: url(../images/bg-border-v.png) repeat-x top left; font-family: helvetica; color: #666666; font-weight: normal; } .vuelos-list-calendar .vuelos-table th:first-child { padding-left: 0; } .vuelos-list-calendar .vuelos-table td { position: relative; padding: 18px 15px; border: 0; font-family: helvetica; vertical-align: middle; background: url(../images/bg-border-v.png) repeat-x top left; } .vuelos-list-calendar .vuelos-table td:first-child { padding-left: 0; } .vuelos-list-calendar .vuelos-table td:first-child:before { display: none; } .vuelos-list-calendar .vuelos-table td:before { height: 30px; border-left: 1px solid #e6e6e6; position: absolute; content: ''; left: 0; top: 50%; } .vuelos-list-calendar .vuelos-table td.td-airline { color: #666666; } .vuelos-list-calendar .vuelos-table td.td-airline .radio-checkbox { display: inline-block; vertical-align: middle; line-height: 1; } .vuelos-list-calendar .vuelos-table td.td-airline .radio-checkbox label { padding-left: 16px; min-height: 16px; } .vuelos-list-calendar .vuelos-table td.td-airline .radio-checkbox label:after { top: 4px; } .vuelos-list-calendar .vuelos-table td.td-airline .radio-checkbox label:before { top: 0; } .vuelos-list-calendar .vuelos-table td.td-airline img { margin-left: 3px; margin-right: 3px; } .vuelos-list-calendar .vuelos-table td.td-time p { margin: 0; font-size: 16px; font-weight: 600; color: #111111; } .vuelos-list-calendar .vuelos-table td.td-time p small { font-size: 11px; font-weight: normal; } .vuelos-list-calendar .vuelos-table td.td-time p span { color: #666666; font-size: 14px; font-weight: normal; float: right; } .vuelos-list-calendar .vuelos-table td.td-stop .stop-cn { position: relative; } .vuelos-list-calendar .vuelos-table td.td-stop .stop-cn label { color: #333333; font-size: 12px; position: absolute; left: 50%; font-weight: normal; margin: 0; top: -20px; } .vuelos-list-calendar .vuelos-table td.td-stop .stop-cn label:last-child { font-size: 10px; text-transform: uppercase; top: inherit; bottom: -20px; } .vuelos-list-calendar .vuelos-table td.td-stop .stop-cn .stops { background-color: #141414; display: block; width: 100%; height: 3px; position: absolute; border-radius: 2px; background-clip: padding-box; } .vuelos-list-calendar .vuelos-table td.td-stop .stop-cn .stops .stop { width: 8px; height: 8px; border: 2px solid #1D399A; background-color: #fff; left: 0; right: 0; display: block; margin: auto; content: ''; position: absolute; bottom: -2px; border-radius: 50%; background-clip: padding-box; } .vuelos-list-calendar .vuelos-table td.td-stop .stop-cn .stops._2 .stop:first-child { left: 35%; right: inherit; } .vuelos-list-calendar .vuelos-table td.td-stop .stop-cn .stops._2 .stop:last-child { left: 55%; right: inherit; } .vuelos-list-calendar .vuelos-table td.td-price span { color: #666666; font-size: 11px; } .vuelos-list-calendar .vuelos-table td.td-price span ins { text-decoration: none; font-size: 16px; color: #ffdb32; font-weight: 600; } .vuelos-list-calendar .responsive-table { height: 546px; } /* Original .vuelos-item { border: 1px solid #D3D3D3; font-size: 12px; margin-top: 20px; margin-left: 15px; margin-right: 15px; overflow: hidden; border-radius: 5px; }*/ .vuelos-item { border: 1px solid #ddd; font-size: 12px; margin-top: 20px; margin-left: 0; margin-right: 0; overflow: hidden; border-radius: 5px; background-color: #fff; } .vuelos-item:hover { box-shadow: 0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)!important; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .vuelos-item .col { margin-bottom: -99999px; padding-bottom: 99999px; } /* Original .route { background-color: #1D399A; color: #fff; display: inline-block; width: 130px; line-height: 20px; height: 27px; margin-left: -15px; font-size: 15px; border-top-left-radius: 5px; font-weight: 600; padding: 3px; float: left; }*/ .panelDetail { margin-top: 18px; } .vuelos-item .route-t::after { border-bottom: 20px solid transparent; border-left: 15px solid #1D399A; content: ""; position: absolute; right: -15px; top: 0; z-index: 1; } .vuelos-item .route-day { display: inline-table; margin-top: 5px; margin-bottom: 10px; color: #808080; font-size: 9px; } .vuelos-item .city-nom { font-size: 20px; letter-spacing: -1px; font-weight: 700; display: block; margin-top: 10px; line-height: 15px; font-family: helvetica; } .vuelos-item .airline-select { height: 40px; line-height: 36px; font-family: helvetica; } .vuelos-item .airline-select img { margin-left: 10px; } .vuelos-item .panelDetail .tiles { font-size: 18px; display: block; font-family: Titillium Web; color: #1D399A; font-weight: normal; padding-bottom: 10px; text-transform: uppercase; } .vuelos-item .panelDetail strong { color: gray; } .vuelos-item .panelDetail .panelDetail-white { background-color: #FFF; } .vuelos-item .badge-alert { background-color: #fff; text-align: right; color: #1D399A; font-size: 42; text-transform: uppercase; font-size: 14px; padding-right: 10px; } /*.vuelos-item .badge-alert::before { border-bottom: 4px solid transparent; border-right: 4px solid #bd0000; content: ""; position: absolute; left: 0; top: 30px; }*/ .vuelos-item .deal-alert { line-height: 25px; position: absolute; left: 10px; bottom: 0; } .vuelos-item .price { font-size: 29px; display: block; text-align: right; color: #1D399A; font-weight: 600; padding-right: 10px; line-height: 37px; } .vuelos-item .sm-price { font-size: 21px; } .vuelos-item .price-conditions { display: block; width: 100%; height: 10px; font-size: 13px; font-weight: 500; } .vuelos-item .buynow { margin: 13px auto 0; float: none; padding: 10px; text-align: center; display: block; color: #fff; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; text-decoration: none !important; font-size: 14px; background: #ff5757; -webkit-box-shadow: inset 0 -15px 0 -10px #bd0000; -moz-box-shadow: inset 0 -15px 0 -10px #bd0000; box-shadow: inset 0 -15px 0 -10px #bd0000; width: 140px; line-height: 30px; padding-top: 5px; border: none; } .vuelos-item .supscript-message a { color: #ffdb32; font-weight: bold; vertical-align: super; margin-left: 5px; margin-top: -5px; } .vuelos-item .vuelohotel-carousel { padding: 0; } /*.vuelos-item .vuelohotel-title { min-height: 180px; }*/ .vuelos-item .vuelohotel-title h3 { color: #1D399A; } .vuelos-item .vuelohotel-title .vueloshotel-ammenities { position: absolute; bottom: 0; left: 15px; font-size: 18px; } .vuelos-item .vuelohotel-title .vueloshotel-tools .fa-star { color: #ffdb32; } .vuelos-item .vueloshotel-trip-container { padding-top: 10px; padding-bottom: 10px; background-color: #f2f2f2; } .vuelos-item .vueloshotel-trip-container .vueloshotel-trip { background-color: white; border: 1px solid #f2f2f2; margin-left: -5px; margin-right: -5px; } #map-canvas { width: 500px; height: 480px; } .list-right-side { background-color: #1D399A; color: white; padding-top: 40px; min-height: 366px; height: 100%; } .modifyflight { background-color: #004d68 !important; } .vuelos-compare { padding: 0 14px; border: 1px solid #ddd; border-radius: 5px; overflow: hidden; margin-top: 25px; background: rgba(221,221,221,1); background: -moz-linear-gradient(top, rgba(221,221,221,1) 0%, rgba(221,221,221,1) 42.5%, rgba(255,255,255,1) 42.5%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(221,221,221,1)), color-stop(42.5%, rgba(221,221,221,1)), color-stop(42.5%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(221,221,221,1) 0%, rgba(221,221,221,1) 42.5%, rgba(255,255,255,1) 42.5%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(221,221,221,1) 0%, rgba(221,221,221,1) 42.5%, rgba(255,255,255,1) 42.5%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(221,221,221,1) 0%, rgba(221,221,221,1) 42.5%, rgba(255,255,255,1) 42.5%, rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(221,221,221,1) 0%, rgba(221,221,221,1) 42.5%, rgba(255,255,255,1) 42.5%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#ffffff', GradientType=0 ); } /*.vuelos-compare .list-head { width: 100%; height: 48px; background-color: #f5f5f5; font-size: 12px; padding-left: 10px; margin-bottom: 0; }*/ .vuelos-compare .list-head { width: 100%; height: 64px; background-color: #ddd; font-size: 16px; padding-left: 10px; padding-right: 10px; margin-bottom: 0px; font-family: "Titillium Web"; } /*.vuelos-compare .list { width: 100%; line-height: 35px; font-size: 12px; padding-left: 10px; border-top: 1px solid #DDD; margin-bottom: 0; background: #E7E7E9; font-weight: bold; color: #5B5B5D; }*/ .vuelos-compare .list { width: 100%; line-height: 50px; font-size: 16px; padding-left: 10px; padding-right: 10px; /* border-right: 1px solid #DDD; */ margin-bottom: 0; background: #fff; /* font-weight: bold; */ color: #5B5B5D; border: none; font-family: "Titillium Web"; } .vuelos-compare .airline-logo { display: block; } .vuelos-compare .carousel-inner .row { margin-right: 0 !important; } /*.vuelos-compare .carousel-inner [class*="col-"] { padding-left: 0; padding-right: 0; border: 1px solid #DDD; }*/ .vuelos-compare .carousel-inner [class*="col-"] { padding-left: 0; padding-right: 0; border-left: 1px solid #ddd; background-color: #fff; } /*.vuelos-compare .leftCol { padding-right: 0; border: 1px solid #DDD; margin-left: 0px; padding-left: 0px; }*/ .vuelos-compare .leftCol { padding-right: 0; /* border: 1px solid #DDD; */ margin-left: 0px; padding-left: 0px; } .vuelos-compare .rightCol { padding: 0; } /*.vuelos-compare .leftArrow { color: #FFF; background-color: #5ea5ed; width: 30px; line-height: 30px; height: 30px; border-radius: 4px; top: 50%; left: 0; margin-top: -10px; opacity: 1; position: absolute; font-size: 18px; padding-left: 10px; }*/ .vuelos-compare .leftArrow { color: #ffffff; background-color: #1D399A; width: 30px; line-height: 30px; height: 30px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; top: 50%; left: 0; margin-top: -10px; opacity: 1; position: absolute; font-size: 18px; padding-left: 10px; } /*.vuelos-compare .rightArrow { color: #FFF; background-color: #5ea5ed; width: 30px; line-height: 30px; height: 30px; border-radius: 4px; margin-left: -15px; top: 50%; right: 0; margin-top: -10px; opacity: 1; position: absolute; font-size: 18px; padding-left: 13px; margin-right: 0px; }*/ .vuelos-compare .rightArrow { color: #FFF; background-color: #1D399A; width: 30px; line-height: 30px; height: 30px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; margin-left: -15px; top: 50%; right: 0px; margin-top: -10px; opacity: 1; position: absolute; font-size: 18px; padding-left: 13px; margin-right: 0px; } /*.tabs-head { list-style: none; padding: 0; font-size: 0; margin: 0; border-bottom: 1px dotted #999999; }*/ .tabs-head { list-style: none; padding: 0; font-size: 0; margin: 0; border-bottom: 1px solid #1D399A; width: 100%; margin-top: 15px; } .tabs-head li { display: inline-block; font-size: 14px; } /*.tabs-head li a { display: block; line-height: 70px; color: #000000; font-size: 18px; text-decoration: none; margin: 0; }*/ .tabs-head li a { display: block; line-height: 40px; color: #333; font-size: 14px; text-decoration: none; margin: 0; /* width: 9%; */ font-family: "Titillium Web"; text-transform: uppercase; } /*.tabs-head.nav-tabs-one { background-color: #f6f6f6; }*/ .tabs-head.nav-tabs-one { background-color: none; } /*.tabs-head.nav-tabs-one li { margin-bottom: -1px; border-right: 1px dotted #999; }*/ .tabs-head.nav-tabs-one li { margin-bottom: -1px; border-right: 1px solid #1D399A; } .tabs-head.nav-tabs-one li:last-child { border-right-color: transparent; } /*.tabs-head.nav-tabs-one li:last-child.active { border-right-color: #999; }*/ .tabs-head.nav-tabs-one li:last-child.active { border-right-color: #1D399A; } /*.tabs-head.nav-tabs-one li:first-child { border-left: 1px dotted transparent; }*/ .tabs-head.nav-tabs-one li:first-child { border-left: 1px solid #1D399A; } /*.tabs-head.nav-tabs-one li:first-child.active { border-left-color: #999; }*/ .tabs-head.nav-tabs-one li:first-child.active { border-left-color: #1D399A; } /*.tabs-head.nav-tabs-one li.active { background-color: #fff; border-top: 1px dotted #999; }*/ .tabs-head.nav-tabs-one li.active { background-color: #f2f2f2; border-top: 1px solid #1D399A; border-top-left-radius: 5px; border-top-right-radius: 5px; } .tabs-head.nav-tabs-one li a { /* padding-left: 30px; */ /* padding-right: 30px; */ } .tabs-head.nav-tabs-two li { margin-bottom: -1px; margin-left: 60px; } .tabs-head.nav-tabs-two li:first-child { margin-left: 0; } .tabs-head.nav-tabs-two li.active { border-bottom: 3px solid #000; } .vuelos-list, .car-list, .hotel-list { margin-right: 15px; } .price-grid th, .price-grid td { text-align: center; font-size: 12px; padding: 4px !important; position: relative; } .price-grid .best-price { /* background-color: #ffdb32; */ } .price-grid .low-price { background-color: #1D399A; color: white; } .price-grid .day { display: block; font-size: 10px; } .price-grid .ida { font-size: 10px; } .price-grid .vuelta { margin-top: 20px; font-size: 10px; z-index: 10; position: inherit; } .price-grid .ida-vuelta { position: relative; overflow: hidden; } .price-grid .ida-vuelta .ida-vuelta-back { background-color: #FFF; border: 1px solid #fff; height: 38px; margin-top: 20px; margin-left: -20px; width: 124px; -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); -ms-transform: rotate(20deg); -o-transform: rotate(20deg); transform: rotate(20deg); position: absolute; } .price-grid th, .price-grid td { text-align: center; font-size: 12px; padding: 4px !important; position: relative; } .price-grid .best-price { background-color: #D06415; } .price-grid .low-price { background-color: #1D399A; color: white; } .price-grid .day { display: block; font-size: 10px; } .price-grid .ida { font-size: 10px; } .price-grid .vuelta { margin-top: 20px; font-size: 10px; z-index: 10; position: inherit; } .price-grid .ida-vuelta { position: relative; overflow: hidden; } .price-grid .ida-vuelta .ida-vuelta-back { background-color: #FFF; border: 1px solid #fff; height: 38px; margin-top: 20px; margin-left: -20px; width: 124px; -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); -ms-transform: rotate(20deg); -o-transform: rotate(20deg); transform: rotate(20deg); position: absolute; } .table-responsive > .table > tbody > tr > td { vertical-align: middle; } .slider-sidebar { /* margin-top: 30px;*/ margin-bottom: 5px; background: #e7e7e7; border: 1px solid #dcdcdc; border-radius: 5px; height: 5px; } .slider-sidebar .range { display: none; } .slider-sidebar .ui-slider-range { top: -1px; bottom: -1px; height: inherit; background-color: #ffdb32; border-radius: 5px; background-clip: padding-box; } .slider-sidebar .ui-slider-handle { background: url(../images/icon-hander.png) no-repeat center center; border-radius: 50%; width: 14px; height: 14px; top: -5px; margin-left: -7px; outline: none; cursor: pointer; } .slider-sidebar .ui-slider-handle label { text-align: center; bottom: -19px; width: 60px; left: 50%; right: inherit; max-width: inherit; } .slider-sidebar label { position: absolute; color: #999999; font-family: helvetica; font-size: 13px; bottom: -25px; line-height: 1; font-weight: normal; margin: 0; } .slider-sidebar label.label-min { left: -1px; } .slider-sidebar label.label-max { right: 0; } .slider-sidebar .ui-widget-header { background: #999 !important; } .widget-sidebar .title-sidebar { font-family: helvetica; text-transform: uppercase; color: #1D399A; font-size: 20px; margin: 0; line-height: 28px; margin-top: 30px; border-bottom: 1px solid #dedede; } .widget-sidebar .title-sidebar span { color: #555555; font-size: 14px; font-weight: 300; } .widget-sidebar .widget-ul { margin-top: 15px; width: 100%; } .widget-sidebar .widget-rate { margin-top: 15px; } .widget-sidebar.area-sidebar { margin-top: 15px; } .widget-rate { padding: 0; list-style: none; } .widget-rate li { position: relative; line-height: 25px; color: #555555; font-family: helvetica; padding: 2px 0 2px 20px; width: 100%; font-size: 12px; } .widget-rate li .radio-checkbox { position: absolute; width: 16px; height: 20px; left: 0; } .widget-rate li .group-star { display: inline-block; color: #1D399A; margin-left: 15px; margin-left: 10px; font-size: 13px; width: 80px; } .widget-rate li span { float: right; color: #999999; } .widget-ul { margin: 0; padding: 0; list-style: none; } .widget-ul li { padding: 2px 0; line-height: 25px; font-family: helvetica; clear: both; overflow: hidden; position: relative; padding-right: 20px; display: block; } .widget-ul li .radio-checkbox { float: left; } .widget-ul li span { color: #999999; position: absolute; right: 0; } .radio-checkbox .radio { display: none; } .radio-checkbox .radio ~ label:before { border-radius: 50%; background-clip: padding-box; } .radio-checkbox .radio ~ label:after { width: 8px; height: 8px; content: ''; cursor: pointer; position: absolute; z-index: 1; left: 4px; background-color: #555; opacity: 0; visibility: hidden; top: 9px; border-radius: 50%; background-clip: padding-box; } .radio-checkbox .radio:checked ~ label:after { opacity: 1; visibility: visible; } .radio-checkbox .checkbox { display: none; } .radio-checkbox .checkbox:checked ~ label:before { font-size: 13px; content: '\f00c'; font-family: FontAwesome; text-align: center; } .radio-checkbox label { position: relative; line-height: 25px; font-family: helvetica; color: #555; font-weight: normal; padding-left: 30px; margin: 0; min-width: 16px; min-height: 21px; } .radio-checkbox label:before { position: absolute; content: ''; width: 16px; height: 16px; top: 5px; line-height: 14px; left: 0; cursor: pointer; background-color: #f2f2f2; border: 1px solid #d8d8d8; border-radius: 2px; background-clip: padding-box; } /* ----------------- END vuelos ----------------- */ /* ----------------- Auto ----------------- */ .car-item { margin: 15px; border: 1px solid #D3D3D3; position: relative; margin-top: 0; background: white; } .car-item .photo-car { min-height: 130px; } .car-item .car-photo, .car-item .car-name-category, .car-item .car-options { position: absolute; } /*.car-item .car-photo { width: 40%; margin-top: 15px; } */ .car-item .car-name-category { width: 55%; color: #1D399A; margin-top: 15px; left: 45%; } .car-item .car-options { padding-top: 10px; padding-right: 5px; font-size: 18px; left: 45%; top: 40px; } .car-item .car-options small { font-size: 11px; } .car-item .buynow { margin: 13px auto 0; float: none; padding: 10px; text-align: center; display: block; color: #fff; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; text-decoration: none !important; font-size: 14px; background: #1D399A; -webkit-box-shadow: inset 0 -15px 0 -10px #1D399A; -moz-box-shadow: inset 0 -15px 0 -10px #1D399A; box-shadow: inset 0 -15px 0 -10px #1D399A; width: 140px; line-height: 30px; padding-top: 5px; border: none; } .car-item .recommended { margin: 4px auto 0; float: none; padding: 5px; text-align: center; display: block; color: white; cursor: pointer; font-size: 11px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; text-decoration: none !important; background: #1D399A; -webkit-box-shadow: inset 0 -15px 0 -10px #00739b; -moz-box-shadow: inset 0 -15px 0 -10px #00739b; box-shadow: inset 0 -15px 0 -10px #00739b; line-height: 20px; padding-top: 4px; border: none; } .car-item .day-price, .car-item .prevday-price, .car-item .total-price, .car-item .card-limit { display: block; color: white; } .car-item .day-price, .car-item .prevday-price { font-size: 11px; } .car-item .prevday-price { position: relative; } .car-item .prevday-price .prevday-line { position: absolute; width: 30%; top: 50%; left: 35%; border-top: 1px solid #ffdb32; } .car-item .total-price { font-size: 24px; } .car-item .car-price { background: #1D399A; padding-top: 15px; padding-bottom: 15px; } .car-item .rentacar-logo { width: 60px; height: 30px; } .car-item .badge-alert { background-color: #ff5757; color: #fff; height: 30px; line-height: 30px; position: absolute; left: -4px; top: 10px; padding: 0 10px; -webkit-box-shadow: 2px 6px 0 -2px #00739b; -moz-box-shadow: 2px 6px 0 -2px #00739b; box-shadow: 2px 6px 0 -2px #00739b; z-index: 10; } .car-item .badge-alert::before { border-bottom: 4px solid transparent; border-right: 4px solid #bd0000; content: ""; position: absolute; left: 0; top: 30px; } .car-item .car-detail { background: #f2f2f2; padding-top: 5px; padding-bottom: 5px; border-top: 1px solid #D3D3D3; } .car-item .car-detail span { line-height: 40px; height: 40px; display: inline-block; } .car-item .car-detail .user-vote { font-size: 10px; color: #02beff; padding-left: 15px; } .car-item .car-detail .car-name { font-size: 10px; color: gray; padding-left: 5px; } .car-item .list-prevday-price { font-size: 11px; padding-right: 5px; position: relative; } .car-item .list-prevday-price .prevday-line { position: absolute; width: 90%; top: 50%; border-top: 1px solid #ff5757; } .car-item .list-day-price { font-size: 18px; padding-right: 5px; } .car-item input[type="radio"] { margin-right: 5px; } .car-item .collapse { background: #ececec; } .car-item .collapse .row { border-top: 1px solid #d2d2d2; font-size: 11px; } .car-item .collapse .row div { line-height: 30px; } .car-filter { margin-left: 30px; margin-right: 45px; margin-top: 15px; } /* ----------------- END Auto ----------------- */ /* ----------------- Hotel ----------------- */ .hotel-list-item { clear: both; margin-left: 15px; margin-right: 15px; margin-bottom: 30px; border-bottom: 1px solid #F2F2F2; min-height: 210px; } .hotel-list-item .hotel-img { width: 300px; margin-right: 15px; } .hotel-list-item .hotel-img img { width: 100%; } .hotel-list-item .hotel-img:hover img { opacity: 0.5; } .hotel-list-item .hotel-text { position: relative; overflow: hidden; /*margin-left: 315px;*/ } .hotel-list-item .hotel-text .hotel-star-address { margin-top: 5px; } .hotel-list-item .hotel-text .hotel-star-address .hotel-star { color: #ffdb32; font-size: 10px; } .hotel-list-item .hotel-text .hotel-star-address .rating { position: absolute; right: 0; top: -7px; line-height: 35px; text-align: center; font-weight: 300; font-size: 16px; color: #111111; } .hotel-list-item .hotel-text .hotel-star-address .rating ins { text-decoration: none; font-size: 38px; font-weight: normal; } .hotel-list-item .hotel-text .hotel-star-address .hotel-address { line-height: 32px; display: inline-block; margin: 0; color: #333333; font-family: helvetica; font-size: 14px; margin-left: 5px; } .hotel-list-item .hotel-text p { color: #999999; font-family: helvetica; font-style: italic; font-size: 13px; line-height: 20px; margin: 10px 0 0; } .hotel-list-item .hotel-text p a { color: #111111; margin-left: 3px; } .hotel-list-item .hotel-text .hr { margin: 20px 0 0; } .hotel-list-item .hotel-text .price-box { margin-top: 20px; } .hotel-list-item .hotel-text .price-box .price { color: #999999; font-size: 14px; font-family: helvetica; } .hotel-list-item .hotel-text .price-box .price.special-price { color: #1D399A; font-size: 30px; } .hotel-list-item .hotel-text .price-box .price.special-price small { font-size: 14px; color: #999999; } .hotel-list-item .hotel-text .hotel-service { margin-top: 25px; padding: 5px; border: 1px solid #f0f0f0; } .hotel-list-item .hotel-text .hotel-service a { display: block; float: left; margin: 0 5px; } .hotel-list-item .hotel-text .hotel-service a:hover { opacity: 0.5; } .hotel-list-item .hotel-text .hotel-name a { font-family: helvetica; text-transform: uppercase; color: #111111; font-size: 30px; line-height: 32px; font-weight: 300; text-decoration: none; } .hotel-list-item .hotel-text .hotel-name a:hover { color: #1D399A; } /* ----------------- END Hotel ----------------- */ /* ----------------- Sorting ----------------- */ .sort-view { padding: 19px 15px; min-height: 110px; } .sort-view .sort-by { line-height: 30px; } .sort-view .sort-by label { color: #0080A3; font-weight: bold; font-family: helvetica; margin: 0; float: left; } .sort-view .sort-by .sort-select { margin: 0 14px; font-family: Helvetica; /*min-width: 140px;*/ } .sort-view .sort-by .sort-select:after { position: absolute; top: 0; bottom: -5px; right: -15px; width: 1px; content: ''; display: block; background-color: #f2f2f2; } .sort-view .sort-by .sort-select span { border-bottom: 1px dashed #d7d7d7; display: block; min-width: 115px; color: #333333; font-family: helvetica; } .sort-view .sort-by .sort-select span:after { font-size: 18px; color: #888888; } .sort-view .sort-by .sort-select:last-child:after { display: none; } .sort-view .view-by ul { list-style: none; margin: 0; padding: 0; border: 1px solid #e6e6e6; overflow: hidden; } .sort-view .view-by ul li { float: left; } .sort-view .view-by ul li a { display: block; line-height: 30px; padding: 0 10px; color: #333333; font-family: helvetica; font-weight: 600; font-size: 14px; text-decoration: none; border-left: 1px solid #e6e6e6; } .sort-view .view-by ul li a:hover { background-color: #f3f3f3; } .sort-view .view-by ul li a.current { background-color: #f3f3f3; } .sort-view .view-by ul li:first-child a { border-left: 0; } /* ----------------- END Sorting ----------------- */ /* ----------------- Modal ----------------- */ .modal h4 { text-transform: uppercase; color: #1D399A; font-size: 20px; margin-top: 10px; } .modal .nav-tabs { margin-bottom: 15px; width: 100%; } .modal .sign-with { margin-top: 25px; padding: 20px; } .modal div#OR { height: 30px; width: 30px; border: 1px solid #C2C2C2; border-radius: 50%; font-weight: bold; line-height: 28px; text-align: center; font-size: 12px; float: right; position: absolute; right: -16px; top: 40%; z-index: 1; background: #DFDFDF; } /* ----------------- END Modal ----------------- */ /* ----------------- Plan, Cruice, Tours ----------------- */ .plan-item { position: relative; clear: both; overflow: hidden; margin-left: 15px; margin-bottom: 30px; } .plan-item .plan-img { float: left; width: 225px; margin-right: 15px; } .plan-item .plan-img img { width: 100%; min-height: 140px; } .plan-item .plan-text { margin-left: 245px; position: relative; padding-right: 200px; } .plan-item .plan-text .ship-port { list-style: none; margin: 10px 0 0; padding: 0; } .plan-item .plan-text .ship-port li { position: relative; line-height: 22px; color: #666666; padding: 4px 0 4px 110px; } .plan-item .plan-text .ship-port li .label { position: absolute; left: 0; top: 4px; padding: 0; line-height: 22px; font-weight: normal; font-family: helvetica; font-size: 13px; color: #333333; margin: 0; } .plan-item .plan-text .price-box { position: absolute; top: 0; right: 0; padding-left: 15px; background: url(../images/bg-border-h.png) repeat-y left top; padding-bottom: 10px; margin-left: 10px; margin-right: 15px; min-width: 170px; } .plan-item .plan-text .price-box .price { color: #666666; display: block; line-height: 32px; font-family: helvetica; font-size: 14px; font-weight: 300; } .plan-item .plan-text .price-box .price ins { color: #1D399A; font-size: 28px; font-weight: normal; text-decoration: none; font-family: Lato; } .plan-item .plan-text .price-box .price small { color: #999999; font-size: 14px; } .plan-item .plan-text .price-box .price.night { margin-top: 5px; padding-top: 10px; border-top: 1px solid #dedede; line-height: 20px; } .plan-item .plan-text .price-box .price.night ins { color: #333333; font-size: 18px; font-family: helvetica; } .plan-item .plan-text .plan-name a { font-family: helvetica; text-transform: uppercase; color: #111111; font-size: 22px; line-height: 26px; text-decoration: none; } .plan-item .plan-text .plan-name a:hover { color: #1D399A; } /* ----------------- END Plan, Cruice, Tours ----------------- */ /* ----------------- Detail Template ----------------- */ .head-detail { vertical-align: middle; } .head-detail .head-dt-cn { position: relative; top: 15px; padding-bottom: 20px; } .head-detail .row { margin-left: 15px; margin-right: 15px; } .head-detail h1 { color: #111111; font-size: 28px; margin: 0; font-weight: 300; } .head-detail .start-address { margin-top: 10px; } .head-detail .start-address .star { color: #1D399A; font-size: 12px; } .head-detail .start-address .star i { margin-right: 2px; } .head-detail .start-address .address { padding-left: 10px; color: #7F7F7F; display: inline-block; margin: 0; font-family: helvetica; } .head-detail ul { list-style: none; padding-left: 0; margin: 10px 0 0; } .head-detail ul li { display: inline-block; color: #666666; font-family: helvetica; } .head-detail ul li:before { content: ' '; padding: 0 5px; } .head-detail ul li span { color: #333333; } .head-detail ul li:first-child:before { content: none; } .head-detail .price-book { margin-top: 15px; text-align: left; margin: 0; color: #7F7F7F; font-family: helvetica; } .head-detail .price-book span { color: #0381A7; font-size: 34px; font-family: helvetica; font-weight: bold; } .head-detail .price-book .awe-btn { margin-left: 5px; } .detail-cn > .row { margin-left: -15px; margin-right: -15px; } .detail-cn > .row > [class*="col-"] { padding-left: 15px; padding-right: 15px; } .detail-cn > .row > [class*="col-"]:last-child { padding-left: 15px; } .detail-cn .colReview { padding-left: 5px !important; border-left: none !important; border-bottom: none !important; } .detail-slider { position: relative; } .detail-slider .slide-room-sm { overflow: hidden; background-color: rgba(0, 0, 0, 0.6); position: absolute; bottom: 0; width: 100%; padding: 7px; } .detail-slider .slide-room-sm #slide-room-sm .owl-item { padding: 0 1px; cursor: pointer; height: 40px; } .detail-slider .slide-room-sm #slide-room-sm .owl-item:after { display: block; content: ''; background-color: rgba(0, 0, 0, 0.6); position: absolute; top: 0; left: 1px; right: 1px; bottom: 0; z-index: 1; } .detail-slider .slide-room-sm #slide-room-sm .owl-item img { width: 100%; } .detail-slider .slide-room-sm #slide-room-sm .owl-item.synced:after { background-color: transparent; } .detail-slider .slide-room-sm #slide-room-sm .prev-next-room { display: block; width: 45px; position: absolute; top: 0; bottom: 0; background-color: #000; background-position: 50% 50%; background-repeat: no-repeat; } .detail-slider .slide-room-sm #slide-room-sm .prev-next-room.prev-room { left: -46px; background-image: url(../images/icon-arrow-left-white.png); } .detail-slider .slide-room-sm #slide-room-sm .prev-next-room.prev-room:hover { background-position-x: 5px; } .detail-slider .slide-room-sm #slide-room-sm .prev-next-room.next-room { right: -45px; background-image: url(../images/icon-arrow-white.png); } .detail-slider .slide-room-sm #slide-room-sm .prev-next-room.next-room:hover { background-position-x: 15px; } .detail-slider .slide-room-lg .owl-item img { width: 100%; } .detail-sidebar .scroll-heading { width: 233px; } .detail-sidebar .scroll-heading h2 { color: #333333; margin: 0; font-size: 30px; line-height: 44px; font-weight: 900; text-transform: uppercase; } .detail-sidebar .scroll-heading .hr { margin-top: 30px; } .detail-sidebar .scroll-heading a { display: block; clear: both; color: #333333; font-size: 24px; text-decoration: none; line-height: 28px; margin-top: 30px; } .detail-sidebar .scroll-heading a:hover { color: #ffdb32; } .detail-sidebar .hight-light h2 { color: #1D399A; font-size: 38px; margin: 0; text-align: center; border-left: 10px solid #1D399A; font-weight: 300; position: relative; margin-left: -30px; margin-right: -30px; line-height: 90px; background: url(../images/bg-border-v.png) repeat-x bottom left; } .detail-sidebar .hight-light .vote-text { text-align: center; margin-top: 20px; } .detail-sidebar .hight-light .vote-text:first-child { background: url(../images/bg-border-h.png) repeat-y top right; } .detail-sidebar .hight-light .vote-text p { margin: 0; color: #111111; font-size: 40px; font-weight: 300; line-height: 51px; } .detail-sidebar .hight-light .vote-text p span { font-weight: normal; } .detail-sidebar .hight-light .vote-text small { color: #838383; font-weight: 300; font-family: helvetica; font-size: 14px; display: block; margin-top: 10px; } .detail-sidebar .hight-light .vote-text a { color: #1D399A; font-size: 12px; font-family: helvetica; font-weight: 300; text-decoration: none; } .detail-sidebar .hight-light .vote-text a:hover { color: #838383; } .detail-sidebar .hight-light .hr { width: 100%; margin-top: 25px; position: relative; z-index: 1; } .detail-sidebar .hight-light .quote-sidebar { margin-top: 7px; } .hoteles .content, .pago .content { background-color: white; width: 100%; margin-top: -10px; margin-bottom: 30px; } .pago .content { padding-left: 15px; padding-right: 15px; } .vote-text { text-align: center; margin-top: 20px; } .vote-text:first-child { background: url(../images/bg-border-h.png) repeat-y top right; } .vote-text p { margin: 0; color: #111111; font-size: 40px; font-weight: 300; line-height: 51px; } .vote-text p span { font-weight: normal; } .vote-text small { color: #838383; font-weight: 300; font-family: helvetica; font-size: 14px; display: block; margin-top: 10px; } .vote-text a { color: #1D399A; font-size: 12px; font-family: helvetica; font-weight: 300; text-decoration: none; } .vote-text a:hover { color: #838383; } .check-rates { border-top: 1px solid #e9e9e9; } .check-rates .check-rates-cn { padding-top: 45px; border-bottom: 1px solid #e9e9e9; } .check-rates .detail-sidebar .scroll-heading { padding-top: 40px; } .check-rates-form h3 { color: #111111; font-size: 24px; margin: 0; } .check-rates-form .form-search { border: 1px solid #e6e6e6; margin-top: 30px; } .check-rates-form .form-search .form-field { float: left; padding: 15px 20px; border-right: 1px solid #e6e6e6; font-size: 18px; } .check-rates-form .form-search .field-date { width: 235px; } .check-rates-form .form-search .field-date:after { right: 20px; bottom: inherit; top: 18px; } .check-rates-form .form-search .field-select { width: 174px; } .check-rates-form .form-search .form-submit { padding: 6px 12px; width: 165px; float: left; } .check-rates-form .form-search .form-submit .awe-btn { width: 100%; } .hl-availability { margin-top: 15px; margin-bottom: 10px; } .hl-availability .table-availability { font-family: helvetica; } .hl-availability .table-availability th { color: #333333; font-size: 14px; font-weight: 600; padding: 20px 10px; border-top: 0; } .hl-availability .table-availability th:first-child { padding-left: 0; } .hl-availability .table-availability th span { color: #999999; font-weight: normal; } .hl-availability .table-availability td { padding: 20px 10px; vertical-align: top !important; border-top: 0; background: url(../images/bg-border-v.png) repeat-x top left; } .hl-availability .table-availability td:first-child { padding-left: 0; } .hl-availability .table-availability td:last-child { padding-right: 0; } .hl-availability .table-availability .avai-td-text figure { width: 50%; margin-right: 20px; float: left; } .hl-availability .table-availability .avai-td-text h3 { color: #111111; margin: 0; font-size: 18px; line-height: 20px; } .hl-availability .table-availability .avai-td-text p { color: #666666; line-height: 22px; margin: 8px 0 0; font-size: 13px; } .hl-availability .table-availability .avai-td-text a { color: #333333; text-decoration: none; font-style: italic; } .hl-availability .table-availability .avai-td-text a:hover { color: #59c55b; } .hl-availability .table-availability .avai-td-price .price { line-height: 38px; color: #111111; font-size: 24px; } .hl-availability .table-availability .avai-td-price .price small { color: #999999; font-size: 13px; } .hl-availability .table-availability .avai-td-book .awe-btn { padding-left: 30px; padding-right: 30px; } .hl-availability .table-availability .avai-td-room .select { border-bottom: 1px dashed #b0b0b0; line-height: 30px; height: 30px; width: 70px; } .hl-availability .table-availability .avai-td-room .select span { color: #666666; font-size: 13px; } .hl-availability .table-availability .avai-td-room .select span:after { color: #b9b9b9; font-size: 18px; } .hl-features .hl-features-cn { border-bottom: 1px solid #e9e9e9; padding-bottom: 25px; padding-top: 40px; } .hl-features .detail-sidebar .scroll-heading { padding-top: 80px; } .featured-service { margin-top: 45px; } .featured-service h3 { background: url(../images/bg-border-v.png) repeat-x bottom left; color: #111111; margin: 0; font-size: 24px; padding-bottom: 35px; } .featured-service ul { list-style: none; padding: 0; margin: 0; overflow: hidden; } .featured-service ul li { width: 33.33333333%; float: left; } .featured-service .service-list { margin-top: 15px; } .featured-service .service-list li { margin-top: 15px; } .featured-service .service-list li figure { display: table-cell; height: 41px; } .featured-service .service-list li figure .icon-service { width: 40px; height: 40px; border: 1px solid #f0f0f0; line-height: 40px; text-align: center; display: inline-block; margin-right: 15px; position: relative; } .featured-service .service-list li figure .icon-service:after { display: block; content: ''; width: 23px; height: 23px; bottom: -6px; right: -9px; position: absolute; z-index: 1; background: url(../images/icon-check.png) no-repeat top left; } .featured-service .service-list li figure .icon-service img { display: inline; } .featured-service .service-list li figure figcaption { display: inline-block; color: #333333; font-family: helvetica; } .featured-service .service-list li.unselected figure .icon-service:after { background: none; } .featured-service .service-spoken { margin-top: 10px; } .featured-service .service-spoken li { margin-top: 15px; color: #333333; font-family: helvetica; font-size: 14px; } .featured-service .service-spoken li img { margin-right: 10px; } /* ----------------- END Detail Template ----------------- */ /* ----------------- Payment ----------------- */ .step { padding-left: 30px; padding-right: 30px; } .payment-step { margin: 0; padding: 0 0 10px 0; list-style: none; position: relative; width: 100%; } .payment-step:before { height: 0; left: -30px; right: -30px; border-top: 1px solid #e9e9e9; bottom: 0; display: block; content: ''; position: absolute; } .payment-step li { width: 33.3333%; margin-top: 13px; float: left; position: relative; } .payment-step li.step-select:after { background-color: #1D399A; } .payment-step li.step-select:before { background-color: #1D399A; } .payment-step li.step-select span { text-indent: -9999px; } .payment-step li.step-select span:after { top: 2px; left: 2px; right: 2px; bottom: 2px; background: url(../images/icon-check-payment.png) no-repeat 50% 50%; content: ''; display: block; border-radius: 50%; background-clip: padding-box; position: absolute; } .payment-step li:before { right: 0; left: inherit; } .payment-step li span { display: block; position: relative; z-index: 1; margin: auto; width: 54px; height: 54px; background-color: #fff; border: 2px solid #efefef; color: #111111; font-weight: 300; line-height: 50px; font-size: 34px; border-radius: 50%; background-clip: padding-box; } .payment-step li p { color: #111111; font-size: 18px; line-height: 28px; margin: 5px 0 0; } .payment-step li.step-part:after { background-color: #1D399A; } .payment-form { background: url(../images/bg-border-v.png) repeat-x top left; margin: 30px 30px 0 30px; } .payment-form .form { position: relative; padding-bottom: 20px; } .payment-form .form:before { display: block; top: 0; bottom: 0; width: 1px; background: url(../images/bg-border-h.png) repeat-y top left; left: 50%; content: ''; position: absolute; } .payment-form h2 { margin: 0 0 25px 0; padding-top: 30px; color: #111111; font-size: 24px; line-height: 28px; } .payment-form span { color: #333333; /*font-family: Open sans;*/ font-weight: bold; line-height: 25px; margin: 0; } .payment-form span img { margin-left: 5px; } .payment-form .form-field { margin-top: 10px; } .payment-form .form-field .field-input { border: 1px solid #dedede; padding: 14px 20px; color: #333333; width: 100%; /*font-family: "Open sans";*/ outline: none; } .payment-form .form-field .field-input:-moz-placeholder { color: #333333; } .payment-form .form-field .field-input:-ms-input-placeholder { color: #333333; } .payment-form .form-field .field-input::-webkit-input-placeholder { color: #333333; } .payment-form .radio-checkbox { margin-top: 20px; } .payment-form ul { list-style: none; margin: 10px 0 0; padding: 0; overflow: hidden; } .payment-form ul li { float: left; width: 50%; padding: 5px 0; } .payment-form ul li .radio-checkbox { margin-top: 0; } .payment-form ul li .radio-checkbox label { color: #333; padding-left: 28px; } .payment-form .cart-number { margin-top: 20px; } .payment-form .cart-number .row { margin-left: -3px; margin-right: -3px; } .payment-form .cart-number .row [class*="col-"] { padding-left: 3px; padding-right: 3px; } .payment-form .card-holder { margin-top: 20px; } /*.payment-form .card-holder .field-input { padding: 9px 5px; }*/ .payment-form .expiry-date { margin-top: 20px; } .cvc-code .input-group .input-group-addon { width: 70px; } .payment-form .expiry-date:before { content: '/'; left: 50%; position: absolute; color: #666; bottom: 6px; font-size: 18px; } .payment-form .expiry-date .row { margin-left: -10px; margin-right: -10px; } .payment-form .expiry-date .row [class*="col-"] { padding-left: 10px; padding-right: 10px; } .payment-form .expiry-date .form-field .field-input { background: url(../images/icon-calendar.png) no-repeat right 10px center; padding: 9px 30px 9px 5px; } .payment-form .cvc-code { margin-top: 20px; } .total-trip > span { font-size: 25px; display: block; text-align: center; } .total-trip span small { font-size: 15px; } .total-trip span p { font-size: 12px; line-height: 15px; } /*.payment-form .cvc-code .field-input { padding: 9px 5px; }*/ .payment-form .submit { background: url(../images/bg-border-v.png) repeat-x top left; padding-top: 30px; margin-top: 30px; } .payment-form .submit .awe-btn { margin-top: 20px; } /*.payment-form > .row { margin-left: -30px; margin-right: -30px; }*/ .payment-form > .row > [class*="col-"] { padding-left: 30px; padding-right: 30px; } .payment-room .payment-info { margin-top: 30px; } .payment-room .payment-info h2 { font-family: helvetica; text-transform: uppercase; color: #1D399A; font-size: 30px; line-height: 36px; font-weight: 300; margin: 0; } .payment-room .payment-info .star-room { color: #1D399A; font-size: 12px; display: block; margin-top: 10px; } .payment-room .payment-info .star-room i { margin-right: 2px; } .payment-room .payment-info ul { margin: 10px 0 0; padding: 0; list-style: none; } .payment-room .payment-info ul li { position: relative; color: #333333; font-family: Open sans; padding-left: 90px; line-height: 30px; } .payment-room .payment-info ul li span { position: absolute; left: 0; top: 0; font-weight: 600; } .payment-room .payment-info .row [class*="col-"] { margin-left: 0px; margin-right: 0px; } .payment-room .payment-price { margin-top: 45px; border: 1px solid #e8e8e8; background-color: #fbfbfb; /*font-family: "Open sans";*/ overflow: hidden; } .payment-room .payment-price figure { width: 270px; float: left; margin-top: 20px; } .payment-room .payment-price figure img { max-width: 100%; } .payment-room .payment-price .total-trip { padding: 10px 20px; margin-left: 270px; } .payment-room .payment-price .total-trip span { color: #333333; font-weight: 600; line-height: 26px; display: block; } .payment-room .payment-price .total-trip span small { font-size: 14px; font-weight: normal; color: #666666; } .payment-room .payment-price .total-trip .price { font-size: 24px; color: #1D399A; font-family: helvetica; } .payment-room .payment-price .total-trip p { margin: 0; padding-top: 5px; line-height: 20px; border-top: 1px solid #e8e8e8; } .payment-room .payment-price .total-trip p ins { text-decoration: none; font-size: 16px; font-weight: 600; color: #ffdb32; } .payment-room .payment-price .total-trip p i { margin-top: 10px; display: block; color: #666; font-size: 13px; } .payment-room > .row { margin-left: 0; margin-right: 0; } .payment-room > .row > [class*="col-"] { padding-left: 30px; padding-right: 30px; } /* ----------------- END Payment ----------------- */ .cartitem { margin-top: 10px; margin: 30px; margin-left: 15px; } .cartdetail { border: 1px solid #D3D3D3; padding: 10px; border-radius: 4px; margin-top: 5px; } .cartdetail h2 { color: #1D399A; } .cartdetail .head { background-color: #1D399A; color: white; margin-left: 0px; margin-right: 0; } .sidebar-boxes { background-color: #f1f1f1; } .sidebar-boxes .widget-sidebar { background-color: #FFF; margin-left: -15px; margin-right: -15px; padding: 15px; margin-bottom: 15px; margin-top: 15px; } /* NU css */ .payment-form .widget-collapsable:first-child h2 { padding-top: 0 !important; } .payment-form select { height: 50px; } .cards-img { padding-bottom: 15px; display: block; } .payment-form .form:before, .payment-form { /*left: 66.5%;*/ background: none; margin: 0; } .payment-form { margin-top: 20px; } .payment-aside { background-color: #fff; border: 1px #ddd solid; padding: 5px 10px 10px; } .assurance-info { padding: 7px 10px; } .assurance-list-tit { font-size: 16px; font-weight: bold; } ul.assuranse-list { margin-top: 0; } ul.assuranse-list li { float: none; width: 100%; text-indent: -10px; padding-left: 20px; font-size: 15px; } h2.adulto {} .assurance-info a { color: #337ab7; } .payment-info hr { margin-top: 10px; margin-bottom: 10px; } .payment-info h2 { padding-top: 5px; } .payment-aside .hotel-list-cn .hotel-list-item { margin: 0; border: 0; padding: 0; margin-top: 15px; } .payment-aside .hotel-list-cn .hotel-list-item .hotel-img { width: 100%; margin-bottom: 15px; } .payment-price { padding: 15px 0 0; } .logo-mobile { display: none; } #myNavigation ul { width: 100%; } #myNavigation ul li a { display: block; } header { overflow: visible; } .section-content-template { margin-bottom: 0px; } i.inline-icon-left { margin-right: 5px; } .expandable-cont { opacity: 0; height: 0; margin-top: 0; padding-bottom: 0; background-color: rgba(210, 230, 255, 0.5); -webkit-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; padding-left: 15px !important; padding-right: 15px !important; } .expandable-link { padding-left: 20px !important; } .expanded-cont { opacity: 1; height: auto; margin-top: 20px; padding-bottom: 20px; } .search-forms .form-panel .form-navigation li { height: auto; } .search-forms .form-panel .form-navigation li a span { position: relative; top: -10px; } .select-cont { margin-bottom: 10px; } .search-forms .tab-content .roomTitle { margin-top: 45px; } .search-forms .tab-content label.tramoTitle { float: left; font-size: 16px; } .search-forms .tab-content label.eliminar-tramo { float: right; } .vuelos-group-field { clear: both; } .vuelos-group-field:nth-child(odd) { clear: both; margin-top: 20px; } .vuelos-group-field:nth-child(even) { padding-bottom: 0 !important; } .vuelos-group-field { -webkit-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; } .vuelos-group-field.row { padding: 0 15px 20px; overflow: hidden; } .btnPrimary.btn-buscar { margin-top: 0; margin: 12px; background: #1D399A !important; border-radius: 5px; font-family: "Titillium Web", sans-serif; color: #FFF !important; font-weight: 700; } .car-item .car-photo, .car-item .car-name-category, .car-item .car-options { position: static; } .car-item .car-photo { float: left; } .car-item .car-name-category { width: 55%; color: #2d5bc4; margin-top: 15px; left: 45%; } .car-item .car-options { float: right; width: 55%; } .offcanvasBtn, .offcanvasBtn:focus, .offcanvasBtn:active, .offcanvasBtn:target { margin-left: 15px; margin: 5px auto 15px; background-color: #1D399A; color: #fff; border: none; font-size: 20px; padding: 10px 10px; width: 80%; display: block; white-space: normal; } .offcanvasBtn:hover { background-color: #00afde !important; color: #fff !important; border: none !important; } .section-title-internal .col-md-12 p.pull-left { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; width: 100%; } .widget-collapsable h4 { background-color: transparent !important; color: #1D399A !important; padding-left: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; text-align: left; border-radius: 0 !important; outline: none; } .ui-accordion .ui-accordion-content { padding: 0; border: none; } .widget-collapsable h4 .ui-accordion-header-icon { display: none; } .slider-sidebar, .slider-sidebar .ui-widget-header { height: 10px !important; } .slider-sidebar .ui-slider-handle { top: -3px !important; } .slider-sidebar .ui-slider-handle { width: 15px !important; background-color: #1D399A !important; } .ui-accordion .ui-accordion-content { overflow: visible; } .widget-collapsable h4.title-sidebar { padding-right: 5%; margin-top: 0 !important; position: relative; font-size: 17px; line-height: 23px; } .widget-collapsable h4:after { content: '\203A'; font-size: 30px; line-height: 46px; position: absolute; top: -12px; right: 6px; color: #23A8C9; font-weight: 700; -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(270deg); } .widget-collapsable h4.expanded-widget:after { -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); right: -2px; } .widget-collapsable h2 { background-color: transparent !important; color: #1D399A !important; padding-left: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; text-align: left; border-radius: 0 !important; outline: none; margin: 0 0 10px 0 !important; padding-top: 30px !important; color: #111111 !important; font-size: 20px !important; line-height: 28px !important; } .widget-collapsable h2.ui-accordion-header .ui-accordion-header-icon { left: initial; right: .5em !important; } .widget-collapsable h2 span { display: none; } .widget-collapsable h2:after { content: '\203A'; font-size: 30px; line-height: 46px; position: absolute; right: 6px; color: #111; font-weight: 700; -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(270deg); } .widget-collapsable h2.expanded-widget:after { -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); right: 2px; } .ui-accordion-content { background: transparent !important; } .ui-accordion-content .form-field:first-child, .ui-accordion-content .form-field:nth-child(2) { margin-top: 0; } .row-special { margin-left: -15px !important; margin-right: -15px !important; } .vuelos-item .row:not(.bg-info) .col-xs-4 { white-space: nowrap; } .vuelos-item:not(.vuelos-hoteles-item) .row:not(.bg-info):nth-child(odd) { background-color: none; } .modifyflight .row { background-color: #004d68 !important; } .modifyflight { background-color: #ddd !important; } .vuelos-item .row .col-xs-4 { /* text-align: center;*/ } .vueloshotel-trip-container .btn-primary { margin-top: 10px !important; } #map-canvas { max-width: 567px; width: auto; height: 480px; } .vuelos-modify-item .modifyflight, .vuelos-modify-item .modifyflight .row { background-color: #F2FAFD !important; color: #333; } .vuelo-seleccionado .modifyflight, .vuelo-seleccionado .modifyflight .row { background-color: #004d68 !important; color: #fff; } .vuelos-modify-item .modifyflight { border-left: 1px #ddd solid; } .modifyflight-content nav:first-child ul.pagination { margin-bottom: 0 !important; } .modifyflight-content nav:last-child ul.pagination { margin-top: 0 !important; } .tooltip-label { color: #333; text-decoration: none !important; width: auto !important; } .payment-room .payment-price .total-trip p { margin: 10px 0; } .payment-room > .row > [class*="col-"], .payment-form > .row > [class*="col-"] { padding-left: 15px; padding-right: 15px; } .step { padding-left: 0; padding-right: 0; } .alrticle-slider .carousel-inner .item { height: 350px; } .alrticle-slider { margin: 15px 0; } .plan-list-cn .plan-item { border: 1px #ddd solid; background: white; border-radius: 5px; } .hotel-list-cn .hotel-list-item { padding: 10px; border: 1px #ddd solid; } .plan-item .plan-text { min-height: 182px; } .plan-item .plan-text .price-box { height: 100%; } .hotel-name { width: 100%; } .mis-pedidos .btn { margin-bottom: 5px; } .vuelos-item hr { margin: 5px 0; border: 0; border-top: 1px #ccc dotted; } .vuelos-item hr { margin: 5px 0; border: 0; border-top: 1px #ccc dotted; } .vuelos-item .compartir-item-content a { margin-left: 10px; } .vuelos-item .compartir-item-content i { font-size: 20px; color: #1D399A; } .vuelos-item .compartir-item-content { margin: 5px 0 10px; text-align: right; } .click-tooltip-content { display: none; } .galeria, .video { margin: 30px auto 40px; } .video-container { border: 1px #ccc solid; padding: 10px 10px 5px; } .payment-room .payment-info h2 { margin-bottom: 15px; } .clear { clear: both; } /* DdSelect */ a.dd-selected { background-color: #fff; } a.dd-option:hover, a.dd-selected:hover { text-decoration: none !important; } .dd-container label.dd-option-text { font-size: 16px !important; margin-top: 0; } .dd-container small.dd-option-description { font-size: 13px; } .dd-options li { display: block; } .dd-selected { padding: 5px 15px !important; } .dd-select a { color: #D6C601; } /* Fin DdSelect */ /* Datepicker NU */ .ui-widget-header { border: none; background: none; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border-color: #fff; background: none; border: none; -webkit-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color: #1D399A; text-align: center; border-radius: 8px; font-weight: normal; } .ui-datepicker td span, .ui-datepicker td a { padding: .5em .25em .5em .26em; font-weight: 300; } .ui-datepicker th { font-size: 11px; font-weight: normal; } .ui-datepicker td { padding: 0; } .ui-widget-header { color: #006082; } .ui-from-date .ui-state-default { background-color: #006082; border-radius: 10px 0 0 10px; color: #fff; } .ui-to-date .ui-state-default { background-color: #006082 !important; border-radius: 0 10px 10px 0; color: #fff; } .ui-middle-date .ui-state-default { background-color: rgba(210, 230, 255, 0.5); border-radius: 0; } .ui-widget-content .ui-datepicker-today a { border: 1px #006082 solid; } .ui-state-default:hover { background: #1D399A; color: #fff; } #sidebar .expandable-cont .select-cont { width: 100%; } #sidebar hr { margin-top: 30px; } .vuelos-item .vuelohotel-title { min-height: 200px; } .vuelos-modify-item { margin-bottom: 30px; } .vuelos-item .buynow[disabled="disabled"] { box-shadow: none; padding: 5px 10px; } #top-bar { /*background-color: #FFDC00; background-image: url(../images/upload/header.png); ;*/ line-height: 45px; margin-top: 15px; } #top-bar .col-md-12 { text-align: right; } /* Fin Datepicker NU */ /* CUSTOM NU */ input[type=checkbox]:not(old), input[type=radio]:not(old) { width: 2em; margin: 0; padding: 0; font-size: 1em; /*opacity : 0;*/ cursor: pointer; } input[type=checkbox]:not(old) + label, input[type=radio]:not(old) + label { display: inline-block; margin-left: -2em; line-height: 1.5em; } input[type=checkbox]:not(old) + label > span, input[type=radio]:not(old) + label > span { display: inline-block; width: 1.130em; height: 1.130em; margin: 0.30em 0.55em 0.30em 0.25em; /*border : 1px solid rgb(192,192,192);*/ box-shadow: : 0px 0px rgb(192, 192, 192) 5px; border-radius: 200%; background: rgb(224, 224, 224); background-image: -moz-linear-gradient(rgb(240, 240, 240), rgb(224, 224, 224)); background-image: -ms-linear-gradient(rgb(240, 240, 240), rgb(224, 224, 224)); background-image: -o-linear-gradient(rgb(240, 240, 240), rgb(224, 224, 224)); background-image: -webkit-linear-gradient(rgb(240, 240, 240), rgb(224, 224, 224)); background-image: linear-gradient(rgb(240, 240, 240), rgb(224, 224, 224)); vertical-align: bottom; } input[type=checkbox]:not(old) + label > span { border-radius: 3px; } input[type=checkbox]:not(old):checked + label > span, input[type=radio]:not(old):checked + label > span { background-image: -moz-linear-gradient(rgb(224, 224, 224), rgb(240, 240, 240)); background-image: -ms-linear-gradient(rgb(224, 224, 224), rgb(240, 240, 240)); background-image: -o-linear-gradient(rgb(224, 224, 224), rgb(240, 240, 240)); background-image: -webkit-linear-gradient(rgb(224, 224, 224), rgb(240, 240, 240)); background-image: linear-gradient(rgb(224, 224, 224), rgb(240, 240, 240)); } input[type=radio]:not(old):checked + label > span > span { display: block; width: 0.75em; height: 0.75em; margin: 0.200em; /*border : 1px solid rgb(226,176,5);*/ box-shadow: : 0px 0px rgb(226, 176, 5) 5px; border-radius: 200%; background: rgb(255, 220, 0); background-image: -moz-linear-gradient(rgb(252, 184, 0), rgb(255, 185, 0)); background-image: -ms-linear-gradient(rgb(252, 184, 0), rgb(255, 185, 0)); background-image: -o-linear-gradient(rgb(252, 184, 0), rgb(255, 185, 0)); background-image: -webkit-linear-gradient(rgb(252, 184, 0), rgb(255, 185, 0)); background-image: linear-gradient(rgb(252, 184, 0), rgb(255, 185, 0)); } input[type=checkbox]:not(old):checked + label > span:before { content: '✓'; display: block; width: 1em; color: rgb(252, 184, 0); font-size: 1em; line-height: 1.25em; text-align: center; text-shadow: 0 0 0.0714em rgb(255, 185, 0); font-weight: bold; } .ratio-btns label { font-weight: normal; margin-bottom: 0; } .form-tabs .col-xs-2 { /* width: 20% !important;*/ /*margin: 2px;*/ } .line-menu { border-right: 1px #ccc solid; padding: 0 !important; margin-right: 15px; } .line-menu a { line-height: 50px; } header .navigation li.icon-menu { padding: 0 10px; } .social i { padding: 0 4px; } .slide-ofertas-group .row .col-md-4 img { border-radius: 5px 5px 0 0; } .slide-ofertas-group .row .col-md-4 .slide-ofertas-group-captions { border-radius: 0 0 5px 5px; } .slide-ofertas-group .slide-ofertas-group-captions .ofertas-gris { color: #999; display: inline-block !important; font-style: normal; font-size: 19px; font-family: helvetica; } .slide-destinos-group .carousel-indicators li { text-indent: 0; width: 240px; height: 25px; line-height: 31px; padding-left: 10px; border: none !important; border-radius: 0; font-family: helvetica; color: white; text-transform: capitalize; font-size: 14px; text-align: left; display: block; margin-top: 10px; } .carousel-indicators .fa-map-marker { padding-right: 15px; } .section-content-template .slide-destinos-group .carousel-indicators li { border-bottom: 1px #fff solid !important; height: auto; margin-top: 0; padding: 2px 10px 1px; font-size: 13px; } .slide-destinos-group .carousel-indicators { top: 70px !important; } .section-content-template .slide-destinos-group .carousel-indicators li.active { border-radius: 10px; color: #0396CF; } .slide-destinos-group .slide-destinos-group-captions { max-width: 50%; width: 100%; } .slide-destinos-group-captions .col-md-4 div { height: 150px; background-size: cover; background-repeat: no-repeat; margin-bottom: 4px; } .slide-destinos-group-captions .col-md-4 { padding-left: 2px; padding-right: 2px; } .sliderDestinos .carousel-inner { height: 600px; } .leer-mas-btn { background-color: #F5F5F5; border: 1px #D7D7D7 solid; color: #373D40; border-radius: 4px; margin: 4px; box-shadow: none; } .leer-mas-btn .fa-long-arrow-right { padding-left: 15px; } .language-selector { text-align: right !important; padding-right: 25px; } .language-selector select { background-color: #222B30; border-radius: 5px; border: 1px #5F6B72 solid; padding: 7px 15px; font-size: 17px; font-weight: 300; } select.form-control { appearance: none; -moz-appearance: none; /* Firefox */ -webkit-appearance: none; /* Safari and Chrome */ background-image: url(https://w3travelsecuritycl.s3.amazonaws.com/Nuevo-Sitio/iconografias/flujo-aereo/flechaformulario.svg) !important; background-repeat: no-repeat !important; background-position: right 1px top 15px !important; background-color: transparent !important; border-radius: 0px; cursor: pointer; /*color: #fff !important;*/ } select.form-control:hover { background-color: transparent !important; color: #999 !important; } .form-control:focus{ box-shadow: none !important; } .header-background { background-repeat: none; background-size: cover; height: 220px; } .header-background-container { padding: 0; } h4 a, #Login a, #Registration a, .vuelos-item a, .sidebar a { color: #1D399A; } .nav-tabs > li > a { color: #5D5D5D; font-size: 15px; text-transform: uppercase; } #Login .btn-primary { margin-right: 15px; } #Registration select.form-control { background-position: right 0px top 0px !important; } .section-content-template .slide-destinos-group .carousel-indicators li.prev-active-slider { border-bottom: none !important; } .sidebar input[type=checkbox]:not(old) + label { margin-left: 0; } /* FIN CUSTOM NU */ @media screen and (max-width: 1500px) { .slide-destinos-group .carousel-indicators { top: 30px !important; } } @media screen and (max-width: 1200px) { .vuelos-hoteles-item hr { margin-top: 0; margin-bottom: 7px; } .vuelos-item .vuelohotel-title { min-height: 165px; } .hotel-list-item .hotel-img { width: 230px; } .slide-destinos-group .carousel-indicators { top: 15px !important; } header .navigation li { padding: 0 18px; } } @media screen and (max-width: 980px) { .vuelos-item .airline-select { height: 30px; line-height: 20px; } .vuelos-item .row.panelDetail { margin-top: 45px; } } @media screen and (min-width: 992px) { .payment-aside .hotel-list-item .hotel-text .price-box, .payment-aside .hotel-list-item .hotel-text .hotel-service { float: none; width: 100%; clear: both; text-align: center; } .payment-aside .hotel-list-item .hotel-text .hotel-service a { float: none; display: inline-block; } .payment-form { padding-right: 15px; } } @media screen and (max-width: 992px) { .payment-aside { padding-left: 15px !important; padding-right: 15px !important; margin-top: 30px; } .payment-form .form:before { background: none; } .payment-form .submit .btnPrimary { margin: 0; } .vuelos-tarifarias-item table { margin: 1em 0; } .vuelos-tarifarias-item table:before { content: attr(data-title); width: 100%; text-align: center; display: block; background-color: #000; font-size: 18px; padding: 5px 10px; color: #fff; } .vuelos-tarifarias-item table tr { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } .vuelos-tarifarias-item table th, .vuelos-tarifarias-item table td br { display: none; } .vuelos-tarifarias-item table td div.td-content span { display: inline-block; padding: 0 5px; } .vuelos-tarifarias-item table td div.td-content { display: inline-block; vertical-align: middle; width: 49%; font-size: 14px; padding: 5px 0; } .vuelos-tarifarias-item table td { display: block; float: left; width: 100%; } .vuelos-tarifarias-item table td:first-child { padding-top: 0; } .vuelos-tarifarias-item table td:last-child { padding-bottom: .5em; } .vuelos-tarifarias-item table td:before { content: attr(data-th); font-weight: bold; width: 50%; display: inline-block; text-align: left; vertical-align: middle; font-size: 16px; padding-left: 10px; } .vuelos-tarifarias-item table tbody td:first-child .row > div { display: inline-block; font-size: 14px; padding-left: 25px; } .vuelos-tarifarias-item table tr td:first-child { padding-bottom: 15px; font-weight: bold; } .vuelos-item .vuelohotel-title { min-height: 130px; } .carousel-inner > .item > a > img, .carousel-inner > .item > img { width: 100%; } .vuelos-item .vuelohotel-title .vueloshotel-ammenities { bottom: 5px; } .modal div#OR { float: none; position: relative; margin: 30px auto 0; right: initial; } .modal .sign-with { margin-top: 0; } .hotel-name { margin-right: 14%; } .cartitem { margin-top: 10px; margin: 25px; margin-left: 25px; } .list-right-side { padding-top: 50px; /*height: 190px !important;*/ max-height: 300px; min-height: 120px; } .flight-item .col { margin-bottom: 0 !important; padding-bottom: 0 !important; } .list-right-side { background-color: white; } .price-float-right button { position: absolute; top: -108px; right: 10px; } .plan-list-cn .plan-text, .hotel-list-item .hotel-text { position: relative; overflow: hidden; margin-left: 15px; float: left; margin-top: 15px; margin-right: 15px; /*margin-bottom: 45px;*/ min-height: 120px; } .plan-list-cn .plan-text { margin-bottom: 0; } .hotel-list .sort-by label, .plan-list .sort-by label, .sort-view .sort-by label { display: block; width: 100%; text-align: center; margin-left: 0 !important; } .sort-view .sort-by .sort-select { display: inline-block; float: none !important; } .sort-view .sort-by { text-align: center; width: 100%; } .hotel-list-item .hotel-img, .plan-item .plan-img { width: 100%; } .home-carousel-content { padding-right: 0; padding-left: 0; } .form-panel { margin-bottom: 20px !important; padding-left: 0; padding-right: 0; } .form-panel .form-navigation { width: 100%; margin: 0; } .form-panel .tab-content { padding-left: 15px; padding-right: 15px; } .list-right-side { height: auto; min-height: initial; float: none; } .vuelos-item .col { margin: 0; padding: 0 15px 10px; } .vuelos-item .buynow { float: right; } .vuelos-item .deal-alert { line-height: 18px; left: 10px; bottom: 6px; width: 35%; } .price-float-left { text-align: right; } .vuelos-item .badge-alert { /*max-width: 40%;*/ height: auto; padding: 5px 10px; line-height: 16px; margin-left: 12px; } .list-right-side { background-color: #1D399A !important; min-height: 80px !important; height: auto !important; } .price-float-right button { position: relative !important; top: initial !important; right: initial !important; } .container { width: auto; max-width: 970px; } header .activeNav li.line-menu { display: none !important; } #myNavigation ul li a:hover, #myNavigation ul li a.current { border-top: none; } header .logo { z-index: 999; } } @media screen and (max-width: 767px) { .ui-accordion-content .form-field:nth-child(2) { margin-top: 10px; } .tel-type-cont { margin-bottom: 30px; } .SpaceB { margin-top: 0px !important; } .SpaceInt { margin-left: 4%; } .textprecio { margin-top: 0px !important; } .textprecio2 { margin-top: -10px !important; } .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { font-size: 12px; } h3.hotelDetail { text-align: center; } .priceIns2 { margin-left: 44%; } } @media screen and (max-width: 650px) { .payment-room .payment-price figure { width: 100%; } .payment-room .payment-price .total-trip { margin-left: 0; } } @media screen and (max-width: 600px) { .hotel-list-item .hotel-text .price-box, .hotel-list-item .hotel-text .hotel-service { float: none; width: 100%; clear: both; text-align: center; } .hotel-list-item .hotel-text .hotel-service a { display: inline-block; float: none; line-height: 30px; } .colNoMarginL { padding-left: 15px !important; } .colNoMarginR { padding-right: 15px !important; } } /* FIN NU css */ @media screen and (max-width: 480px) { .spafil { width: 100%; } .slide-ofertas { min-height: 380px !important; } .slide-ofertas .carousel-inner .item { height: 360px !important; } .destinosCpntentgroup { width: 100% !important; } .destinosCpntentgroup { width: 100% !important; } .section-title { font-size: 22px !important; text-align: center !important; } .logo-desktop { display: none; } .logo-mobile { display: block; } .home-carousel-content { padding-right: 15px; padding-left: 15px; } .slide-ofertas .slide-ofertas-captions .header-right { font-size: 10px; } .slide-ofertas .slide-ofertas-captions .header-left { padding-left: 10px; } .slide-ofertas .slide-ofertas-captions button { font-size: 13px; padding: 15px 10px; } .slide-ofertas .slide-ofertas-captions h3 { font-size: 32px; } html { margin: 0; margin-top: 80px; padding: 0; min-height: 100%; } header { height: 128px; /* overflow: hidden;*/ width: 100%; z-index: 2000 !important; } #mainContent { margin-top: 48px; } #nav-toggle { margin-top: 18px; } header .logo img { height: 70px; margin-top: 5%; } header .activeNav { top: 125px; height: auto; } /* FIN NU css */ footer .social { text-align: center; } .nav-inactive { visibility: hidden; } .form-panel { margin: 0 15px; } .section-title-internal { padding-left: 0; padding-right: 0; } .section-title-internal h1 { line-height: 30px; font-size: 30px; } .section-content-template { padding-left: 0; padding-right: 0; } .section-content-template .content .headerImage { height: 300px; } .section-content-template .content .headerImage h3 { top: 15%; margin-left: 15px; } .section-content-template .content .headerImage h1 { top: 25%; margin-left: 15px; } .vuelos-list, .car-list, .hotel-list { margin-right: 0; } .tab-content-compare { margin-right: 15px; margin-left: 15px; } .tabs-head.nav-tabs-one li a { padding-left: 5px; padding-right: 5px; font-size: 15px; } .cartitem { margin-top: 10px; margin: 25px; margin-left: 25px; } .list-right-side { padding-top: 50px; /*height: 190px !important;*/ max-height: 300px; min-height: 120px; background-color: none; } .flight-item .col { margin-bottom: 0 !important; padding-bottom: 0 !important; } .search-forms .form-navigation li { padding: 5px; /*NU height: 55px !important; */ } /*.search-forms h3 { font-size: 24px; color: #1D399A; font-family: helvetica; text-transform: uppercase; }*/ .list-right-side { background-color: white; } .price-float-right button { position: absolute; top: -108px; right: 10px; } .plan-list-cn .plan-text, .hotel-list-item .hotel-text { position: relative; overflow: hidden; margin-left: 15px; float: left; margin-top: 15px; margin-right: 15px; /*margin-bottom: 45px;*/ min-height: 120px; } .hotel-list .sort-by label, .plan-list .sort-by label { display: block; width: 100%; margin-left: 15px; } .hotel-list .hotel-img, .plan-item .plan-img { width: 100%; } .slide-ofertas .slide-ofertas-captions .header-left { width: 25%; } .slide-ofertas .slide-ofertas-captions .header-right { width: 75%; } .featured-service .service-list li { display: block; width: 100%; } .car-item .car-photo { float: none; width: 100%; text-align: center; padding-bottom: 15px; margin-top: -15%; } .car-item .car-name-category { text-align: center; float: none; width: 100%; } .car-item .car-options { float: none; width: 100%; text-align: center; padding-bottom: 15px; display: block; } header .activeNav { padding-top: 0; } .destacadoHome { z-index: 20; margin-top: 60px; margin-left: 0; position: absolute; width: inherit; } } @media screen and (min-height: 732px) { .destinosCpntentgroup { width: 100% !important; } .destinosCpntentgroup { width: 100% !important; } header .activeNav { height: auto; } } @media screen and (max-height: 732px) { .destinosCpntentgroup { width: 100% !important; } header .activeNav { height: 82%; } } @media screen and (max-height: 500px) { header .activeNav { height: 75%; } } @media (min-width: 481px) and (max-width: 767px) { footer .social { text-align: center; } .nav-inactive { visibility: hidden; } .form-panel { margin: 0 15px; } .vuelos-list, .car-list, .hotel-list { margin-right: 0; } .tab-content-compare { margin-right: 15px; margin-left: 15px; } .tabs-head.nav-tabs-one li a { padding-left: 10px; padding-right: 10px; font-size: 15px; } .section-content-template .content .headerImage { height: 300px; } .section-content-template .content .headerImage h3 { top: 15%; margin-left: 15px; } .section-content-template .content .headerImage h1 { top: 25%; margin-left: 15px; } .home-carousel-content { padding-right: 15px; padding-left: 15px; } /* NU css */ .alrticle-slider .carousel-inner .item { height: 300px; } /* Fin NU css */ } @media (max-device-width: 480px) and (orientation: landscape) { footer .ul-ft { text-align: center; } .nav-inactive { visibility: hidden; } .form-panel { margin: 0 15px; } .list-right-side { padding-top: 50px; /*height: 190px !important;*/ max-height: 300px; min-height: 120px; } .flight-item .col { margin-bottom: 0 !important; padding-bottom: 0 !important; } .plan-list-cn .plan-text, .hotel-list-item .hotel-text { position: relative; overflow: hidden; margin-left: 15px; float: left; margin-top: 15px; margin-right: 15px; /*margin-bottom: 45px;*/ min-height: 120px; } .hotel-list .sort-by label, .plan-list .sort-by label { display: block; width: 100%; margin-left: 15px; } .home-carousel-content { padding-right: 15px; padding-left: 15px; } /* NU css */ .logo-desktop { display: none; } .logo-mobile { display: block; } /* Fin NU css */ } @media screen and (max-width: 767px) { /* NU css */ .spafil { width: 100%; } .hotel-name { margin-right: 0; } .plan-list-cn .plan-item { margin-left: 30px; min-height: 500px; } .hotel-list-cn .hotel-list-item { margin-right: 30px; margin-left: 30px; } /* Fin NU css */ .row-offcanvas { position: relative; -webkit-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; } .row-offcanvas-left { left: 0; } .row-offcanvas-left .sidebar-offcanvas { left: -80%; } .sidebar-offcanvas { /* position: absolute; comentada ocultaba contenido */ top: 0; width: 80%; } .activeSideBar { left: 80%; margin-left: 0; } .list-right-side { padding-top: 60px; max-height: 500px; min-height: 300px; /*height: 140px !important;*/ } .flight-item .col { margin-bottom: 0 !important; padding-bottom: 0 !important; } .plan-list-cn .plan-text, .hotel-list-item .hotel-text { position: relative; overflow: hidden; margin-left: 15px; float: left; margin-top: 15px; margin-right: 15px; /*margin-bottom: 45px;*/ min-height: 120px; } .hotel-list .sort-by label, .plan-list .sort-by label { display: block; width: 100%; margin-left: 15px; } .plan-list-cn .plan-text { margin-bottom: 0; } } /* inicio UPSELL */ .upsell-div-msg { background-color: #b4d9f5; padding: 4px 0 4px 0; border-radius: 4px; font-size: 1.1em; } .upsell-div-services { width: 20%; margin-left: 15px; margin-bottom: 5px; display: inline-block; word-break: break-word; white-space: normal; } .personality-tabs { display: flex; justify-content: center; } .upsell-div-service-name { text-align: initial; margin: 3px 3px 3px 3px; min-height: 28px; max-height: 34px; border-bottom: 1px solid #EEEEEE; padding: 2px 0 2px 0; text-transform: capitalize; } .upsell-family-data { text-align: center; margin-top: 5px; max-height: 57px; min-height: 57px; } .upsell-fare-info { color: #87141A; font-size: 110%; } .blockButton { text-align: right; font-size: 130%; padding-right: 8px; } .content .tabContent .blockButton { padding-right: 0px; } .tooltip-upsell { position: relative; display: inline-block; opacity: inherit; font-size: inherit; z-index: inherit; line-height: inherit; visibility: inherit; font-size: 10px; } .btnUpsell { font-family: helvetica; text-transform: uppercase; font-size: 15px; padding: 6px 10px; max-width: 30%; border: 0; margin: auto; margin-bottom: 10px; color: #fff !important; text-align: center; margin-right: 15px; border-radius: 5px; box-shadow: 0.5px 0.5px 2px #5ea5ed; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; padding: 11px 15px; background: #ffd124; margin-top: 0px; color: #457F9F !important; } .blockButton .button a { background: none; border: 1px solid #0053ba; border-radius: 3px; color: #0053ba; } @media (max-width: 600px) { .upsell-div-service-name { text-align: initial; font-size: 8px; } } .upsellBuy { font-family: helvetica; text-transform: uppercase; font-size: 15px; border: 0; margin-bottom: 10px; text-align: center; padding: 2px 15px; margin-top: 0px; border-radius: 20px; box-shadow: 0.5px 0.5px 2px #5ea5ed; transition: all .2s ease-in-out; padding: 2px 15px; background: #E0E0E0; margin-top: 0px; margin: 8px; } .upsell-buy-btn { text-align: right; margin-right: 20px; margin-bottom: 8px; } .slidingButton { color: #FFF; } .upsell-right-text { color: white; font-weight: 600; font-size: 16px; text-transform: uppercase; } .upsell-right { margin-top: 12px; border-radius: 5px; box-shadow: 0.5px 0.5px 2px #5ea5ed; transition: all .2s ease-in-out; text-align: center; padding: 3px; height: 0%; /* margin-left: 10%; */ } /* The heart of the matter */ .upsell-group > .row { overflow-x: auto; white-space: nowrap; } .upsell-group > .row > .col-xs-4 { display: inline-block; float: none; } .upsell-items { width: 80%; text-align: left; } .upsell-btn { color: white !important; } .upsell-div-head { text-align: center; } .div-empty-table { min-height: 129px } .div-comparative-span { margin-right: 21px; } .upsell-icon { color: #000; padding-top: 5px; margin-right: 5px; } .upsell-center { text-align: center !important; } .upsell-items-modal { text-align: left; } .btnUpsell-modal { font-family: helvetica; font-size: 15px; padding: 5px 20px; border: 0; color: #fff !important; text-align: center; margin-right: 15px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; text-align: right; margin-top: 0px; color: #457F9F !important; display: flex; } .first-upsell { text-align: right; border-right: 1px solid #EEEEEE; } .content-info-upsell { display: -webkit-box; } .services-contain-upsell { width: 30%; } @media screen and (max-width: 500px) { .content-info-upsell { display: block; } .upsell-info-rates { text-align: center; width: 100%; position: relative; } .services-contain-upsell { display:none; } .modal-dialog-upsell { max-height: 88%; } } .select-upsell { border: 2px solid #027EA8; border-radius: 8px; } .modal-upsell { position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; padding: 1rem; background: #9999998c; cursor: pointer; visibility: hidden; opacity: 0; transition: all 0.35s ease-in; } @keyframes rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .modal-dialog-upsell { position: relative; border-radius: 5px; overflow: auto; cursor: default; width: auto; min-width: 60%; } .tab-container-upsell { text-align: center; border: 1px solid #EEEEEE; border-radius: 5px; } .upsell-containt { border-bottom: 1px solid #EEEEEE; border-radius: 5px; width: 100%; display: flex; width: 100%; display: flex; } /* upsell */ /* nuevos estilos upsell Eymar tabla */ .upsell-selected_first { border-top: 2px solid #027EA8; border-right: 2px solid #027EA8; border-left: 2px solid #027EA8; border-radius: 8px; } .upsell-selected_last { border-right: 2px solid #027EA8; border-left: 2px solid #027EA8; border-bottom: 2px solid #027EA8; border-radius: 8px; } .upsell-selected { border-right: 2px solid #027EA8; border-left: 2px solid #027EA8; } /* estilos Eymar */ .Conditions-modalContainer { height: calc(100vh - 30px); overflow: hidden; } .Conditions-modalContainer .modal-content { height: calc(100% - 61.28px); overflow-x: hidden; } /* fin estilos Eymar * /* nuevos estilos upsell Eymar tabla */ /* FIN UPSELL */ @media (min-width: 768px) { footer .social { text-align: center; } .nav-inactive { visibility: hidden; } .tabs-head.nav-tabs-one li a { padding-left: 30px; padding-right: 30px; font-size: 14px; } .cartitem { margin-top: 10px; margin: 25px; margin-left: 25px; } header .activeNav { padding-top: 40px; height: auto; z-index: 2000; } } @media (min-width: 992px) { #nav-toggle { display: none; } .nav-inactive { visibility: visible; } .slide-destinos-group .carousel-indicators { width: 240px; float: left; top: 20px; /* margin-left: -440px; */ } .slide-destinos-group .carousel-indicators li { text-indent: 0; width: 240px; height: 25px; line-height: 31px; padding-left: 10px; border: none !important; border-radius: 0; font-family: helvetica; color: white; text-transform: capitalize; font-size: 14px; text-align: left; display: block; margin-top: 10px; } .slide-destinos-group .carousel-indicators li.active { background-color: white; color: #006082; } } @media (min-width: 1180px) { #nav-toggle { display: none; } .nav-inactive { visibility: visible; } .slide-destinos-group .carousel-indicators { width: 240px; float: left; top: 35px; margin-left: -30%; } .slide-destinos-group .carousel-indicators li { text-indent: 0; width: 240px; height: 25px; line-height: 31px; padding-left: 15px; border: none !important; border-radius: 0; font-family: helvetica; color: white; text-transform: uppercase; font-size: 17px; text-align: left; display: block; margin-top: 13px; } .slide-destinos-group .carousel-indicators li.active { background-color: white; color: #006082; } } /* NU css */ @media screen and (max-width: 400px) { .vuelos-tarifarias-item table tbody td:first-child .row > div { width: 100%; text-align: center; } header { z-index: 2000 !important; } .plan-item .plan-text { padding-right: 0; } .plan-item .plan-text .price-box { padding-left: 0; background: none; margin: 0; position: static; } } /* Fin NU css */ /*nuevas clases*/ #loading-indicator { display: none; align-items: center; margin: auto; position: fixed; top: 0%; left: 0%; transform: translate(0, 0); width: 100%; height: 100%; background-color: #e6e6e6; z-index: 9999; } /*.panelFiltros { background-color: #fff; padding: 10px !important; margin-bottom: 12px; border: solid 1px #E0E0E0; border-radius: 0px 0px 5px 5px; }*/ .panelFiltros { padding: 5px !important; margin-bottom: 0; } .titleFiltros { text-transform: initial; color: #1D399A; font-size: 17px; margin: 0; line-height: 20px; border-bottom: 1px solid #dedede; position: relative; padding-right: 5%; } .precioPlan { margin-top: -10px; /*background: url(/archivosApoyo_82/assets/images/bg-border-h.png) repeat-y left top;*/ min-width: 170px; } .priceIns { color: #1D399A; font-size: 24px; text-decoration: none; font-family: "Titillium Web", sans-serif; } .FrmDetallePlan { border-radius: 10px; padding: 30px; background: #F1F1F3; border: 1px solid #D3D3D5; } .select2-container ul, .select2-container ul li { display: block; } .group-star { display: inline-block; color: #ffb500; font-size: 14px; width: 100%; } .ContenedorResulHotel { clear: both; margin-left: 15px; margin-right: 15px; margin-bottom: 20px; margin-top: 20px; border-bottom: 1px solid #F2F2F2; min-height: 210px; padding: 2px; border-radius: 5px; border: 1px #ddd solid; } .center-cropped { width: 100%; overflow: hidden; height: 255px; } #resultadoPlanes .center-cropped { width: 100%; height: 200px; overflow: hidden; } #resultadoPlanes .center-cropped { width: 100%; height: 200px; overflow: hidden; } .hotel-name a { font-family: "Titillium Web", sans-serif; text-transform: capitalize; color: #5E5E5E; font-size: 30px; line-height: 32px; text-decoration: none; } .filter { padding: 2px 0; line-height: 30px; clear: both; overflow: hidden; position: relative; } a img.img-responsive { /*height: 100%;*/ margin: auto; width:100%; } #mainContent_Hoteles a img.img-responsive { height: 100%; border-radius: 0px; margin: 0px; min-width: 100%; } .height-all-content { min-height: 100%; height: 100%; max-height: 100%; } #hotel-content .carousel-inner .img-responsive.center-block { display: block; width: 100%; height: 100%; } .titleInternos { line-height: 80px; color: #006082; text-transform: uppercase; border-bottom: 5px solid #ffdb32; width: 100%; } .container-slider-hotel .carousel-inner { border-radius: 5px; } .container-slider-hotel .carousel-caption { background-color: rgba(0, 0, 0, .5); position: absolute; left: 0; right: 0; bottom: 0; z-index: 10; padding: 0 0 10px 25px; color: #fff; text-align: left; } .container-slider-hotel .carousel-indicators { position: absolute; bottom: 0; right: 0; left: 0; width: 100%; z-index: 15; margin: 0; padding: 0 25px 25px 0; text-align: right; } .container-slider-hotel .carousel-control.left, .container-slider-hotel .carousel-control.right { background-image: none; } .carousel-inner .center-cropped img { object-position: center; object-fit: cover; } .container-slider-hotel .carousel-control .glyphicon { text-shadow: 3px 3px 2px rgba(0, 0, 0, 1); } .container-slider-hotel .carousel-control .glyphicon-chevron-right:before, .container-slider-hotel .carousel-control .glyphicon-chevron-left:before { color: #1D399A; opacity: 1; } .container-slider-hotel .item div { background-position: center center; background-repeat: no-repeat; background-size: contain; object-position: center; object-fit: cover; } .btnCambiaVuelo { color: #ffdc00; border: 4px black; background-color: #0294cd; font-size: 17px; width: 15%; float: right; } .contPasajeros { border: 1px solid #ddd; margin-bottom: 25px; background: #fff; border-radius: 5px; } .ui-widget-content li { display: block; padding-top: 5px; } /*.not-space { margin: 0px; padding: 0px; }*/ .not-space { /*margin: 0px 20px 0 0;*/ padding: 0px; /*border-top-style: solid; border-top-width: 1px; border-top-color: #1D399A;*/ } .not-space-padding { padding: 0px !important; } .spacing-top { margin-top: 10px; } .spacing-left { margin-left: 10px; } .spacing-right { margin-left: -8px; } .spacing-bottom { padding-bottom: 10px; } .section-content-template .container { padding-bottom: 20px; } .review-detail.detail-cn { margin-top: 20px; } .review-tabs { background: #f2f2f2; padding: 20px 0px 0px 0px; } /*.tabs-head.nav-tabs-one li, .tabs-head.nav-tabs-one li:last-child { border-right: 1px dotted #999; border-top: 1px dotted #999; }*/ .Detallehabi .table-hover > tbody > tr:hover, .Detallehabi .table > tbody > tr.active > td { background-color: #FFF2BF; } #mainContent_Hoteles .tab-content { overflow: auto; background: #FFF; } #hotel-content { padding-bottom: 10px; } /*Search Result*/ .search-result { background-color: #1D399A; padding: 13px 14px; width: 100%; height: 115px; position: relative; } .search-result:after { position: relative; border: 8px solid transparent; display: block; width: 0; height: 0; content: ''; border-bottom: 8px solid #fff; border-left: 8px solid #fff; bottom: -4px; left: -14px; } .search-result p { display: table-cell; height: 80px; vertical-align: middle; color: #fff; font-size: 14px; line-height: 35px; font-family: helvetica; font-style: italic; } .search-result p ins { font-size: 30px; text-decoration: none; color: #2d5bc4; } .search-result p span { font-size: 17px; } .sidebar.sidebar-offcanvas { /*background: #FFF; z-index : 99;*/ } .siguenos span { /*font-family: 'Grand Hotel', cursive;*/ font-size: 16px; padding-right: 10px; color: #fff; } .siguenos i { padding: 5px; } .titleResult { font-family: helvetica; text-transform: initial; color: #fff; font-size: 25px; } .vuelos-compare .visible-xs .leftArrow { margin-left: -15px; } .vuelos-compare .visible-xs .rightArrow { margin-right: -15px; } /*.panel-heading { padding: 2px 15px; border-top-left-radius: 3px; border-top-right-radius: 3px; background: #E0E0E0; margin-top: 0px; color: #457F9F !important; border-radius: 5px 5px 0px 0px; }*/ .panel-heading { padding: 2px 10px; font-family: "Titillium Web"; } /*.labelFiltro { color: #5C5C5C !important; font-family: helvetica !important; font-weight: 300 !important; }*/ .labelFiltro { color: #333 !important; font-weight: 500 !important; font-family: "Titillium Web"; } .btnFiltro { display: none; /* width: 90%; background: #FEEE00; margin: 15px; font-size: 18px;*/ } hr { margin-top: 5px !important; margin-bottom: 5px !important; } .ContentResult { background: #1D399A; border-radius: 5px; height: 2%; } .ContentTcs { margin-bottom: 20px; margin-top: 10px; } .vueloHotelContent { border: 1px solid #cecece; background: #fff; min-height: 30px; padding: 3px; } .btnDetallePlus { margin: 13px auto 0; float: none; padding: 10px; text-align: center; display: block; color: #fff; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; text-decoration: none !important; font-size: 14px; background: #ff5757; -webkit-box-shadow: inset 0 -15px 0 -10px #bd0000; -moz-box-shadow: inset 0 -15px 0 -10px #bd0000; box-shadow: inset 0 -15px 0 -10px #bd0000; width: 140px; line-height: 30px; padding-top: 5px; border: none; } .tittleResultPlan { font-family: "Titillium Web", sans-serif; text-transform: capitalize; color: #5E5E5E; font-size: 30px; line-height: 32px; text-decoration: none; margin-top: 20px; } .BoxPrecioDplan { background: #FFDC00; height: 200px; border-radius: 10px; border: 1px solid #FFDC00; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { color: #FFF !important; background-color: #1D399A !important; border: none !important; font-size: 20px !important; /* text-transform: uppercase;*/ } /* slide detalle plan */ .article-slide .carousel-indicators { bottom: 0; left: 0; margin-left: 40px; width: 100%; } /* Indicators list style */ .article-slide .carousel-indicators li { border: medium none; border-radius: 0; float: left; height: 54px; margin-bottom: 5px; margin-left: 0; margin-right: 5px !important; margin-top: 0; width: 100px; } /* Indicators images style */ .article-slide .carousel-indicators img { border: 2px solid #FFFFFF; float: left; height: 54px; left: 0; width: 100px; } /* Indicators active image style */ .article-slide .carousel-indicators .active img { border: 2px solid #428BCA; opacity: 0.7; } /* slide detalle plan */ .item-cart { background-color: #fcfcfc; border: solid 1px #ccc; padding: 3px; margin-bottom: 10px; } .bg-info { /* original background-color: #E7E7E9 !important;*/ background-color: #DDD !important; padding: 10px 0; } .titleInfoPlan { color: #0381A7; font-weight: bold; margin-bottom: 25px; font-family: helvetica !important; } .contentTabPlan { min-height: 85px; margin-top: -10px; background: #EFEFF1; } .labelRateHotPlan { font-family: helvetica !important; color: #9F9FA1; margin-bottom: 15px; } .iataCiudVP { color: #0198CD; font-weight: 700; font-size: 16px; font-family: helvetica !important; } .pageBreak { page-break-after: always; } .UL_Double { width: auto; margin-bottom: 20px; margin: 25px; } .UL_Double li { width: 50%; line-height: 1.5em; float: left; display: inline; } .labelFrmReserva { color: #333; font-weight: 600; font-size: 12px; } .boxResumenReserva { background-color: #d9edf7; margin: 0px -20px; padding: 0 5px; } .checkOutIn { color: #9A9A9A; font-weight: 700; font-size: 11px; } .checkOutInHora { color: #808080; font-size: 12px; } .boxResumenTop { background: #1D399A; border-top-right-radius: 5px; border-top-left-radius: 5px; padding: 8px; text-transform: uppercase; color: #fff; font-weight: 700; } .boxResumenTop a { font-size: 18px; color: white; text-decoration: none; } .labelboxResumen { font-size: 11px; color: #7F7F7F; font-family: helvetica; padding: 3px; } .cityNombDetail { font-size: 20px; letter-spacing: -1px; font-weight: 700; display: block; margin-top: 10px; line-height: 15px; font-family: helvetica; color: #0080A3; } .separadorEscala { background: #0080A3; color: #fff; text-align: center; font-size: 11px; font-weight: 700; } .colflat { padding: 0 7px !important; } .colNoMarginL { padding-left: 0; } .colNoMarginR { padding-right: 0; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .1; filter: Alpha(Opacity=20); background-image: none; } } #MSGModalBody { max-height: 400px; overflow-y: scroll; } .colorPlane { color: #2D5BC4; } .colorBuilding { color: #333; } .colorZone { color: #008080; } .paddSearch { padding-left: 8px; } .ui-autocomplete { max-height: 200px; overflow-y: auto; overflow-x: hidden; padding: 5px 0; } .colorTittleFilter { color: #1D399A; text-transform: uppercase; } .logoGrupoPrecio { width: 30px; margin: 15px; margin-bottom: 5px; margin-top: 5px; } .terminosvivacolombia { font-size: 17px; color: #000 !important; margin-top: 15px; margin-bottom: 15px; } #partial_input_slider_amount .btn.btn-primary { background: #1D399A; border: solid 1px #1D399A; } .panel-amount-label-slider { color: #C2C2C2 !important; font-family: helvetica !important; font-weight: 300 !important; } #partial_input_slider_amount .label { color: #4B4B4B; } #partial_input_slider_amount input.form-control { color: #C2C2C2; background: #FFF; border: solid 1px #C2C2C2; border-radius: 5px; } #filtroNombreHotel { background: #FFF; padding-left: 30px; border: solid 1px #b8b8b8; } #filterNameSearchOpen i, #filterNameSearchClosed i { position: relative; top: -29px; margin-left: 5px; color: #b8b8b8; font-size: 22px; } #sideFilters a[data-toggle="collapse"][aria-expanded="false"] img, #divFilters a[data-toggle="collapse"][aria-expanded="false"] img { filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .cellHeadCal { background-color: #ddd; } .columnCalendar { display: inherit; width: 12%; border-right: 1px solid #ddd; float: none; } .CellCalendar { height: 40px; width: 100%; text-align: center; border-bottom: 1px solid #ddd; vertical-align: middle; font-size: 12px; font-weight: normal; padding-top: 10px; text-transform: uppercase; } .CellCalendar a { text-decoration: none; } .calendarContainer { padding: 0; background-color: #fff; display: inline-table; width: 880px; margin-top: 25px; overflow: hidden; border-radius: 5px; } .CellCalendar:hover { background-color: #f5f5f5; color: #000; } .best-price { background-color: #D06415; } .low-price { background-color:#1D399A; } .low-price a { color: #fff; text-decoration: none; } .low-price a:hover { color: #000; } .select2-container--default .select2-selection--single .select2-selection__arrow { } /*estilos para las familias tarifarias*/ /* Familias tarifarias */ .aerolinea-head { padding: 15px 10px; } .vuelos-tarifarias-item { margin-bottom: 30px; clear: both; } .vuelos-tarifarias-item .aerolinea-head { padding: 10px 0px; } .aerolinea-head { font-size: 25px; } .vuelos-tarifarias-item table { width: 100%; margin-top: 10px; } .vuelos-tarifarias-item table th, .vuelos-tarifarias-item table td { text-align: center; border-bottom: 1px #fff solid; font-size: 11px; } .vuelos-tarifarias-item table td { padding: 5px 0; } .vuelos-tarifarias-item table td:not(.agotado) { cursor: pointer; -webkit-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; } .vuelos-tarifarias-item table td:not(.agotado):hover { opacity: 0.8; moz-opacity: 0.8; filter: alpha("opacity=80"); } .vuelos-tarifarias-item table th:first-child, .vuelos-tarifarias-item table td:first-child { text-align: left; border-bottom: 1px #eee solid; } .vuelos-tarifarias-item table tr:last-child td { border-bottom: none; } .tooltip-table { display: none; } .vuelos-tarifarias-item table th div.titulofamilia { padding: 10px 0; cursor: pointer; } .vuelos-tarifarias-item table th:first-child { min-width: 260px; } .vuelos-tarifarias-item table td span { /*color: #555;*/ display: block; } .vuelos-tarifarias-item table td div { padding-top: 1px; padding-bottom: 1px; } .vuelos-tarifarias-item table tr:first-child th:first-child { font-size: 13px; } .vuelosRow .tooltipster-base table td, .tooltipster-base table th { border-bottom: 1px #ddd solid; padding: 5px 0; } .tooltipster-base table { margin: 8px 0; } .tooltipster-base table tr:last-child td, .tooltipster-base table tr:last-child th { border-bottom: none; } .vuelos-tarifarias-item table td.agotado { opacity: 0.6; moz-opacity: 0.6; filter: alpha("opacity=60"); } table.tabla-detalle-vuelo td { font-size: 11px; } table.tabla-detalle-vuelo tr { background-color: #ddd; } table.tabla-detalle-vuelo tr.panelDetail-white { background-color: #fff; } table.tabla-detalle-vuelo .tiles { font-size: 18px; font-weight: bold; display: block; } table.tabla-detalle-vuelo strong { color: gray; } .vuelos-tarifarias-item hr { margin: 10px 0; } .headFamilyAV { background-color: #1D399A0; color: white; } .headFamilyLA { background-color: #4C74A5; color: white; } .headFamilyFC { background-color: #fae740; color: #001f5f; } /* Fin Familias tarifarias */ /* fin de los estilos de familias tarifarias*/ .buynowFamily { margin: 13px auto 10px; float: right; padding: 10px !important; display: block; color: #fff; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; text-decoration: none !important; font-size: 14px; background: #ff5757; -webkit-box-shadow: inset 0 -15px 0 -10px #bd0000; -moz-box-shadow: inset 0 -15px 0 -10px #bd0000; box-shadow: inset 0 -15px 0 -10px #bd0000; width: 140px; padding-top: 5px; } .popover { z-index: 1060; display: none; padding: 1px; font-size: 14px; width: 300px !important; max-width: 550px !important; font-family: "Titillium Web", sans-serif; } .slash { position: absolute; height: 2px; width: 25px; top: 18px; left: 57px; border-bottom: 1px solid #888; border-top: 1px solid #fff; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } .modalFamilyDes { width: 60%; padding-bottom: 10px; border-bottom: 1px solid #cecece; } .cloneSelect { -moz-appearance: none; -webkit-appearance: none; background-image: url("../images/select-arrow.png") !important; background-repeat: no-repeat !important; background-position: right 1px top 1px !important; border-radius: 6px; cursor: pointer; display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } /*contenido nuestros destinos*/ .NDcontainer { margin-bottom: 15px; margin-top: 90px; } .NDspan { text-align: justify; font-family: helvetica; margin-top: 22px; font-size: 16px; color: #999; } .NDTittle { margin-top: 30px; margin-bottom: 18px; font-size: 30px; font-family: helvetica; } .subscribe { margin-top: 30px; margin-bottom: 40px; font-family: helvetica; } .embed-responsive-4by3 { padding-bottom: 40% !important; } .AVsuperpromo { background: rgba(255, 219, 50, 0.5); } .AVeconomica { background: rgba(255, 219, 50, 0.7); } .AVejecutivapromo { background: rgba(255, 83, 83, 0.4); } .AVflexi { background: rgba(255, 83, 83, 0.2); } .AVejecutiva { background: rgba(255, 83, 83, 0.6); } .LApromo { background: rgba(76, 116, 165, 0.2) } .LAlight { background: rgba(76, 116, 165, 0.3); } .LAplus { background: rgba(76, 116, 165, 0.4); } .LAtop { background: rgba(76, 116, 165, 0.5); } .FCeconomica { background: #fae740; color: #001f5f; } .offer { background-color: red; color: white; z-index: 1; width: 116px; text-align: center; position: absolute; } .DestinoDescription { color: #9e9e9e; } .DestinoDescriptionh3 { font-family: "helvetica"; color: #1D399A; text-transform: uppercase; margin-bottom: 5px; } .destinosCpntentgroup { border: 2px solid #9e9e9e; margin-bottom: 10px; border-radius: 8px; width: 32%; margin: 5px; } [id^="gallery-slider"].gallery-slider { right: 0px; } #sliderHomeMainv3 .item > img { width: 100%; } @media screen and (min-width: 1200px) and (max-width: 1400px) { #sliderDestinosv3 .carousel-indicators { margin-left: -38%; } .slide-destinos-group .slide-destinos-group-captions { left: 35%; } } @media screen and (min-width: 1400px) { #sliderDestinosv3 .carousel-indicators { margin-left: -30%; } .slide-destinos-group .slide-destinos-group-captions { left: 35%; } } .DestinoDescription { color: #9e9e9e; } .DestinoDescriptionh3 { font-family: "helvetica"; color: #1D399A; text-transform: uppercase; margin-bottom: 5px; } .destinosCpntentgroup { border: 2px solid #9e9e9e; margin-bottom: 10px; border-radius: 8px; width: 32%; margin: 5px; } .DestinoContTable { border: 1px solid #999; padding: 20px; border-radius: 5px; background: #FFFFFF; } .DestinoTable:hover { color: #1D399A; } .img-responsive.img-plan-detail { border-radius: 6px 0px 0px 6px; margin: 0px; } #sliderHomeMainv2 a img.img-responsive { border-radius: 6px 6px 0px 0px; } .goPlanDetails.img-plan-detail { width: 100%; } .content-fligts-own { background: #FFF; border: 1px solid #D3D3D5; border-radius: 6px; padding: 15px 25px; } .content-fligts-own-itinerary:nth-child(2n) { border: 1px dashed #D3D3D5; } .content-hotel-own { margin: 15px 0px 0px 0px; } .content-fligts-select-radio { margin-top: 10px; } .detail-package-hotel-title { text-align: center; color: #8d8d8d; font-weight: bold; } .detail-package-hotels { background: #FFF; border: 1px solid #D3D3D5; border-radius: 6px; } .detail-package-hotels > div { padding: 1px 10px; } .detail-package-hotels-content-buy { margin: 0px; border-top: 1px solid #D3D3D5; margin-top: 20px; } .detail-package-hotel-content { color: #8d8d8d; } .detail-package-hotel-content-separator { border-top: 1px solid #D3D3D5; padding: 5px 0px; } .detail-package-hotel-content-separator:last-child { border-top: 0px; padding: 5px 0px; } .detail-package-hotels .clearfix.visible-xs-block { padding: 5px 0px; margin: 5px 0px; border-bottom: 1px solid #d3d3d5; } .detail-package-hotels .clearfix.visible-xs-block:last-child { padding: 5px 0px; margin: 5px 0px; border-bottom: 0px; } .article-slide .carousel-indicators li.display-mobile { width: 18% !important; } .article-slide .carousel-indicators li.display-mobile img { min-width: 100%; } .carousel.slide .item.center-cropped > img.img-responsive.center-block { min-width: 100%; max-height: 100%; border-radius: 10px; min-height: 95%; margin: 0px 0px 10px; } .carousel.slide .item.center-cropped.list-right-side { padding-top: 0px; margin: 0px; background-color: #f2f2f2 !important; } .tittleprodPedidos { color: #0080A2; font-weight: 700; font-size: 22px; padding: 10px; } .airline-logoPeq { height: auto; max-width: 80px; max-height: 30px; padding-top: 5px; } .airline-logoMed { height: 30px; } .airline-logoBG { background-size: auto 25px !important; } .welcome{ float: left; margin-left: 75%; margin-top: -30px; color: white; } .confidence-subscribe { margin-top: 30px; } .bg-3 { background-image: url(/archivosApoyo_30/images/bg/cielo.jpg); background-position: center; !important: ; } .confidence-subscribe .cs-sb-cn { position: relative; } .confidence-subscribe .row { margin-left: 0px; margin-right: 0px; } .confidence-subscribe .row [class*="col-"] { padding-left: 0; padding-right: 0; } .confidence { padding: 1px 30px; position: relative; z-index: 1; background-color: rgba(0,0,0,0.6); } .confidence h3 { color: #fff; font-size: 24px; margin: 0; line-height: 28px; padding: 43px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.5); } .confidence ul { list-style: none; padding: 0; margin-top: 25px; } .confidence ul li { position: relative; padding-left: 55px; padding-bottom: 30px; } .confidence ul li span { height: 35px; width: 35px; display: block; text-align: center; line-height: 33px; color: #ffffff; font-size: 16px; font-family: 'Open sans'; font-weight: 300; position: absolute; top: 4px; left: 0; border: 1px solid rgba(255, 255, 255, 0.5); } .confidence ul li h5 { color: #fff; margin: 0; font-size: 20px; font-weight: 300; line-height: 20px; } .confidence ul li p { margin: 5px 0 0 0; font-size: 13px; color: #fff; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; line-height: 20px; } .subscribe { z-index: 1; position: relative; padding: 0px 30px 30px 30px; } .subscribe h3 { color: #111111; font-size: 24px; margin: 0; line-height: 28px; padding: 43px 0; border-bottom: 1px solid #e6e6e6; } .subscribe .subscribe-form { margin-top: 10px; border: 1px solid #dedede; padding-left: 70px; padding-right: 170px; background: url(../images/icon-newsletter.png) no-repeat top left; height: 54px; position: relative; } .confidence-subscribe .cs-sb-cn:before { display: block; top: 0; right: 0; background-color: #fff; width: 50%; bottom: 0; content: ''; position: absolute; } .subscribe .subscribe-form .subscribe-input { padding: 15px 18px; color: #999999; font-size: 16px; font-family: Georgia; font-style: italic; background-color: transparent; width: 100%; border: 0; outline: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .subscribe .subscribe-form:after { position: absolute; display: block; width: 1px; height: 35px; content: ''; background-color: #dedede; right: 170px; top: 0; bottom: 0; margin: auto; } .subscribe .subscribe-form .awe-btn { position: absolute; right: 0; top: 0; border-width: 0; padding-left: 15px; line-height: 50px; } .subscribe .subscribe-form .awe-btn:hover { border-color: none; background-color: transparent; } .awe-btn.awe-btn-5.awe-btn-lager { font-size: 14px; } .awe-btn.awe-btn-5 { color: #333333; background-color: #fff; font-family: 'Lato'; letter-spacing: 1px; font-weight: normal; } .awe-btn.arrow-right { padding-right: 25px; padding-left: 20px; background-position: right 20px center; } .awe-btn.awe-btn-5:hover { background-color: #fbfbfb; color: #ff881e; } .awe-btn.arrow-right:hover { background-position: right 10px center; } .title-wrap { background-color: #fff; padding: 0; width: 100%; } .magazine-cn { margin-top: 1px; background-color: #fff; } .magazine-cn .row { margin-left: 0px; margin-right: 0px; } .magazine-cn .row [class*="col-"] { padding-left: 0; padding-right: 0; } .thumnail-item { position: relative; cursor: pointer; background: url(../images/bg-border-v.png) repeat-x bottom left; } .thumnail-item figure { position: relative; z-index: 1; } .thumnail-item:hover figure:before, .thumnail-item.active figure:before, .thumnail-item:hover figure:after, .thumnail-item.active figure:after { opacity: 1; visibility: visible; } .IfPassCantInfo { padding: 5px; font-size: 12px; } .thumnail-item figure:before { top: 0; bottom: 0; left: 0; right: 0; content: ''; position: absolute; border: 6px solid #2d5bc4; visibility: hidden; opacity: 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; } .thumnail-item .thumnail-text { padding: 15px 15px 15px 30px; display: table-cell; } .thumnail-item .thumnail-text h4 { color: #111111; font-size: 18px; margin: 0; line-height: 27px; font-weight: 300; } .thumnail-item .thumnail-text span { line-height: 20px; color: #666666; font-size: 14px; font-style: italic; } .float-left { float: left; } .sales-cn { overflow: hidden; } .sales-cn .row { margin-left: 0; margin-right: 0; } .sales-cn [class*="col-"] { padding-left: 0; padding-right: 0; } .sales-item { background-color: #fff; position: relative; clear: both; } .sales-item .home-sales-img { position: relative; width: 100%; overflow: hidden; } .sales-item .home-sales-img img { width: 100%; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; } .sales-item .home-sales-img:after { display: block; content: ''; height: 0; width: 0; border: 14px solid transparent; position: absolute; left: 0; bottom: 0; right: 0; margin: auto; border-bottom-color: #fff; } .sales-item .home-sales-text { padding: 0px 0px 0px 10px; } .sales-item .home-sales-text .home-sales-name-places .home-sales-name a { font-size: 20px; color: #111111; font-weight: 300; text-decoration: none; line-height: 8px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; } .sales-item .home-sales-text .price-box { line-height: 28px; } .sales-item .home-sales-text .price-box .price.special-price { font-size: 18px; color: #2d5bc4; } .sales-item .home-sales-text .price-box .price { color: #999999; font-size: 14px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; display: block; } .sales-item .home-sales-text .price-box .price.special-price small { color: #999999; font-size: 14px; } .destinations-cn { position: relative; } .bg-2 { background-image: url(/archivosApoyo_30/images/bg/Fondoviajesveracruz.jpg); } .destinations-cn .destinations-grid { background-color: #f1f1f1; overflow: hidden; } .destinations-cn .destinations-grid [class*="col-"] { padding-left: 0; padding-right: 0; } .destinations-item { background-color: #f1f1f1; clear: both; position: relative; } .destinations-item .destinations-text { display: table-cell; padding: 10px 20px; height: 100px; vertical-align: middle; } .destinations-item .destinations-text .properties-nb { color: #777777; font-size: 14px; line-height: 25px; } .destinations-item .destinations-img { overflow: hidden; position: relative; } .destinations-item .destinations-img img { width: 100%; } .dropdown-menu { background-color: #fff !important; font-size: 16px; /*min-width: 290px !important;*/ } .dropdown-menu>li>a { display: block; padding: 13px 12px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; min-width: 200px; white-space: nowrap; font-size: 14px; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { background-color: #eee !important; } /* Aca parten los de TravelLab*/ /* Banderitas*/ .TextoBanderitas { font-family: "Titillium Web", sans-serif; display: inline-block; vertical-align: middle; font-size: 16px; margin-left: 5px; margin-right: 5px; color: #333; } /* sitios amigos*/ .SitiosAmigos { font-family: "Titillium Web", sans-serif; display: inline-block; font-size: 14px; margin-left: 10px; margin-right: 10px; color: #333; } .SitiosAmigos a { font-family: "Titillium Web", sans-serif; display: inline-block; font-size: 14px; margin-left: 10px; margin-right: 10px; color: #333; } a.SitiosAmigos:hover, a.SitiosAmigos:active { color: #1D399A; } .textos_Buscador{ display: inline-block; font-size: 16px; font-family: "Titillium Web", sans-serif; color: #fff; padding-top: 7px; font-weight: 600; } .espacioinvisible { width: 100px; height: 20px; background-color: none; } .espacioinvisible40 { width: 100px; height: 40px; background-color: none; } .etiquetaDescuentoCalugas { font-family: "Titillium Web", sans-serif; background-color: #1D399A; color: #fff; display: inline-block; font-size: 18px; position: relative; text-align: right; vertical-align: middle; min-width: 88px; float: right; margin-right: 25px; margin-top: -20px; font-weight: 600; padding: 7px; border-radius: 5px; } .IconoIzquierdaCeleste{ /* background-color: #fff; color: #fff; display: inline-block; font-size: 20px; line-height: 30px; height: 40px; position: relative; text-align: center; vertical-align: middle; float: left; margin-left: 27px; margin-top: -26px; padding-left: 10px; padding-right: 10px; padding-top: 5px;*/ background-color:#3197ff; color: #fff; display: inline-block; position: relative; float: left; margin-left: 25px; margin-top: -20px; padding: 5px; border-radius: 5px; } .IconoIzquierdaCeleste-gris{ /* background-color: #eee; color: #fff; display: inline-block; font-size: 20px; line-height: 30px; height: 40px; position: relative; text-align: center; vertical-align: middle; float: left; margin-left: 27px; margin-top: -26px; padding-left: 10px; padding-right: 10px; padding-top: 5px;*/ background-color: #eee; color: #fff; display: inline-block; font-size: 20px; position: relative; float: left; margin-left: 25px; margin-top: -20px; padding: 5px; border-radius: 5px; } .CalugaOrigen { font-family: "Titillium Web", sans-serif; color: #333; font-size: 14px; font-weight: normal; line-height: 14px; padding-left: 10px; } .CalugaDestino { font-family: "Titillium Web", sans-serif; color: #333; font-size: 24px; font-weight: 600; line-height: 24px; padding-left: 10px; margin: 0; } .CalugaDesde { font-family: "Titillium Web", sans-serif; color: #333; font-size: 14px; margin: 0; padding-left: 10px; } .CalugaPrecio { font-family: "Titillium Web", sans-serif; color: #1D399A; font-size: 24px; font-weight: 600; line-height: 24px; margin: 0px 0px 0px; padding-left: 10px; } .CalugaDetalle { font-family: "Titillium Web", sans-serif; color: #666; font-size: 14px; line-height: 20px; margin: 0; padding-left: 10px; } .tituloSecciones { font-family: "Titillium Web", sans-serif; color: #1D399A; font-size: 32px; display: inline-block; vertical-align: middle; padding-left: 10px; padding-top: 10px; text-transform: uppercase; } @media screen and (max-width: 768px){ .tituloSecciones { font-size: 22px; padding-top: 20px; } } .CalugaOrigenFirst { font-family: "Faustina", serif; color: #333; font-size: 17px; font-weight: 600; line-height: 24px; margin: 0px 0px 0px; } .CalugaDestinoFirst { font-family: "Faustina", serif; color: #333; font-size: 23px; font-weight: 700; line-height: 30px; margin: 2px 0px 0px; } .CalugaDesdeFirst { font-family: "Faustina", serif; color: #333; font-size: 17px; line-height: 30px; margin: 0px 0px 0px; } .CalugaDetalleFirst { font-family: "Faustina", serif; color: #666; font-size: 14px; line-height: 25px; margin: 0px 0px 0px; } .textosNavegacion{ font-family: "Titillium Web", sans-serif; font-size: 16px; color: #333; font-weight: 500; } .botoncitodelplacer a { font-family:"Titillium Web", sans-serif; padding: 0 4px; color: #fff; vertical-align: bottom; margin-top: 0; margin-right: 9px; border-radius: 5px; font-size: 13px; text-shadow: none; background-color: #fff; color: #999; margin-left: 10px; box-shadow: 0 1px 2px rgba(0,0,0,0.5); } a.textosNavegacion:hover, a.textosNavegacion:active { color: #1D399A; } .textosNavegacionFondo{ background-color: #fff; margin-top: 15px; height: 50px; } .TituloViajesColeccion{ font-family: "faustina", serif; font-style: italic; background-color: #fff; color: #333; display: inline-block; font-size: 20px; line-height: 16px; height: 40px; position: absolute; text-align: left; vertical-align: middle; margin-top: 364px; z-index: 20; padding: 10px; } .inicioSesiones{ font-family: "Titillium Web", sans-serif; border: #1D399A solid 2px; height: auto; padding: 6px; padding-top: 6px; padding-right: 10px; padding-bottom: 6px; padding-left: 10px; display: inline-block; float: right; color: #fcc631; vertical-align: middle; margin-top: 6px; border-radius: 5px; } .inicioSesiones a { color: #1D399A!important; font-weight: 700; } .destacadoHomeDestino { font-family: "Titillium Web", sans-serif; font-size: 48px; font-weight: 600; color: #fff; line-height: 42px; text-shadow: 0 1px 2px rgba(0,0,0,0.5); } @media screen and (max-width: 768px){ .destacadoHomeDestino { font-size: 40px; line-height: 40px; } } .destacadoHomeDestino-m { font-family: "Titillium Web", sans-serif; font-size: 30px; font-weight: 600; color: #fff; line-height: 34px; text-shadow: 0 1px 2px rgba(0,0,0,0.5); text-overflow: ellipsis; width: 70%; } .destacadoHomeValor { font-family: "Titillium Web", sans-serif; font-size: 24px; color: #fff; line-height: 20px; text-shadow: 0 1px 2px rgba(0,0,0,0.5); } .destacadoHomeValor-m { font-family: "Titillium Web", sans-serif; font-size: 24px; color: #fff; line-height: 20px; text-shadow: 0 1px 2px rgba(0,0,0,0.5); } .destacadoHome { z-index: 20; margin-top: 60px; margin-left: 0; position: absolute; width: 100%; } .destacadoLandingDestinoBlanco { font-family: "Titillium Web", sans-serif; font-size: 70px; color: #fff; text-align: right; line-height: 0px; text-shadow: 0px 1px 5px #999; } .destacadoLandingDestinoCeleste { font-family: "Titillium Web", sans-serif; font-size: 70px; color: #1D399A; text-align: right; line-height: 0px; } .destacadoLandingDestinoBlanco { font-family: "Titillium Web", sans-serif; font-size: 70px; color: #fff; text-align: right; line-height: 0px; font-weight: 100; } .textoLnadingHome { font-family: "Faustina", serif; background-color: #fff; padding: 15px; font-size: 16px; line-height: 22px; text-align: center; } .textoLnadingHomeBlanco { color: #fff; font-size: 18px; line-height: 32px; text-align: justify; text-shadow: 0px 1px 2px rgba(0,0,0,0.5); border-radius: 15px; width: 23%; text-align: center; background-color: #00189b; } @media screen and (max-width: 768px){ .textoLnadingHomeBlanco { color: #fff; font-family: "Faustina", serif; font-size: 16px; line-height: 26px; text-align: left; width: 50%; margin-top: 5px; margin-bottom: 15px; text-shadow: 0px 1px 2px rgba(0,0,0,0.5); } .vermasblanco { width: 50% !important; margin-left: 1px !important; } .textWhiteSmall { color: #fff !important; font-size: 20px !important; font-weight: 550 !important; padding-left: 10px !important; } } .CalugaNegro { background-color: #333; color: #fff; padding: 10px; } .CalugaBlanca { background-color: #fff; color: #fff; padding: 10px 5px; } .CalugaBlanca:hover { box-shadow: 0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)!important; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .CalugaOrigenNegro { font-family: "Titillium Web", sans-serif; color: #fff; font-size: 17px; font-weight: 600; line-height: 24px; margin: 0px 0px 0px; } .CalugaDestinoNegro { font-family: "Titillium Web", sans-serif; color: #fff; font-size: 23px; font-weight: 700; line-height: 30px; margin: 2px 0px 0px; } .CalugaDesdeNegro { font-family: "Titillium Web", sans-serif; color: #fff; font-size: 17px; line-height: 30px; margin: 0px 0px 0px; } .CalugaDetalleNegro { font-family: "Titillium Web", sans-serif; color: #fff; font-size: 15px; line-height: 25px; margin: 0px 0px 0px; } .IconoIzquierdaBlanco { /*display: inline-block; font-size: 20px; line-height: 30px; height: 40px; position: relative; text-align: center; vertical-align: middle; float: left; margin-left: 27px; padding-left: 10px; padding-right: 10px; padding-top: 5px;*/ display: inline-block; position: relative; float: left; margin-left: 25px; padding: 5px; } .etiquetaDescuentoCalugasnegro { font-family: "Titillium Web", sans-serif; background-color: #1D399A; color: #fff; display: inline-block; font-size: 18px; position: relative; text-align: right; vertical-align: middle; float: right; margin-right: 20px; font-weight: 600; min-width: 88px; padding: 7px; } .LineaCeleste { height: 1px; display: block; background-color: #1D399A; margin-left: 15px; margin-top: 55px; margin-bottom: 10px; margin-right: 15px; } .TabsFirst { font-family: "Faustina", serif; font-style: italic; background-color: #fff; color: #333; padding: 13px; font-size: 20px; line-height: 22px; text-align: center; } .TextoFirst { line-height: 30px; font-family: "Faustina", serif; font-style: italic; text-align: center; font-size: 16px; color: #666; } .contenedorIconos{ width: 100%; } .custom-dropdown-menu-mobile{ margin-left: -45px !important; } .text-color-nav{ color: #3197ff; } .LineaIconos{ display: inline; margin-top: 10px; margin-right: 10px; margin-bottom: 5px; margin-left: 0px; } .destacadoGuiaBlanco { font-family: "Titillium Web", sans-serif; font-size: 54px; color: #fff; } .textoGuiaHome { font-family: "Faustina", serif; font-style: italic; color: #fff; padding: 15px; font-size: 16px; line-height: 22px; text-align: center; text-shadow: 1px 1px 3px #666666; } .section30 { padding-top: 0px; padding-right: 0px; padding-bottom: 30px; padding-left: 0px; } .nav > li > a:focus, .nav > li > a:hover { text-decoration: none !important; background-color: #1D399A !important; color: #fff !important; } .post-card { background-color: #fff; -webkit-box-shadow: 0 0 40px 0 rgba(39, 57, 81, 0.13); box-shadow: 0 0 40px 0 rgba(39, 57, 81, 0.13); margin: 20px 0 0 0; padding: 20px; min-height: 200px; margin-top: 20px; } @media screen and (max-width: 768px){ .post-card { margin: 20px 0 0 0; padding: 10px; min-height: 150px; } } .post_title { font-family: "Titillium Web", sans-serif; color: #333333; font-size: 16px; font-weight: 700; margin: 10px 0px 0px 10px; display: inline-block; vertical-align: middle; } .post_header { display: inline-block; } .textosConvenios { font-family: "Titillium Web", sans-serif; font-size: 14px; color: #333; margin-top: 15px; } .texto_bajo_el_Precio { font-family: "Titillium Web", sans-serif; font-size: 18px; color: #666; } .LinkaLaDerecha{ margin-top: 30px; text-align: right; color: #018ccd; } .texto_guia_viaje_home{ z-index: 20; position: absolute; width: 100%; font-family: "faustina", serif; font-size: 18px; line-height: 32px; color: #fff; margin-top: 40px; margin-bottom: 40px; text-align: center; text-shadow: 0px 1px 2px rgba(0,0,0,0.5); } @media screen and (max-width: 768px){ .texto_guia_viaje_home{ font-size: 16px; line-height: 26px; color: #fff; margin-top: 40px; margin-bottom: 40px; text-align: justify; } } .Centrado { margin: 0 auto; text-align: center; } .botoncitoCeleste{ font-family: "Titillium Web", sans-serif; height: auto; padding: 6px; padding-top: 6px; padding-right: 10px; padding-bottom: 6px; padding-left: 10px; display: inline-block; color: #fff; background-color: #1D399A; vertical-align: middle; margin-top: 2px; margin-right: 9px; border-radius: 5px; } .titulo_ofertasSC{ font-family: "Titillium Web", sans-serif; height: auto; font-size: 16px; color: #fff; background-color: #1D399A; margin-top: 8px; padding-left: 10px; } .titulo_ofertasSCB{ font-family: "Titillium Web", sans-serif; height: auto; font-size: 16px; color: #fff; font-weight: 600; background-color: #1D399A; margin-bottom: 8px; padding-left: 10px; } .encabezados_ofertasSC{ font-family: "Titillium Web", sans-serif; height: auto; font-size: 14px; color: #333; border-bottom: #ccc 1px solid; margin-bottom: 5px; text-align: right; padding: 0px; } .Origen_ofertasSC{ font-family: "Titillium Web", sans-serif; height: auto; font-size: 14px; color: #333; border-bottom: #ccc 1px solid; margin-bottom: 5px; margin-top: 5px; padding: 0px; } .Origen_ofertasSC p { border-bottom: #ccc 1px solid; } .icono_ofertasSC{ margin-left: 40px; vertical-align: middle; margin-top: -3px; } .Precio_ofertasSC{ font-family: "Titillium Web", sans-serif; height: auto; font-size: 14px; color: #333; border-bottom: #ccc 1px solid; margin-bottom: 5px; margin-top: 5px; font-weight: 700; padding: 0; } .Precio_ofertasSC p { border-bottom: #ccc 1px solid; } .Porcent_ofertasSC{ font-family: "Titillium Web", sans-serif; height: auto; font-size: 14px; color: #333; border-bottom: #ccc 1px solid; margin-bottom: 5px; margin-top: 5px; font-weight: 700; text-align: right; padding: 0; } .Porcent_ofertasSC p { border-bottom: #ccc 1px solid; } .margin10 { margin-top: 10px; } .margin15 { margin-top: 15px; } .margin20 { margin-top: 20px; } .marginB20 { margin-top: 20px; } .margin40 { margin-top: 40px; } @media (max-width: 768px) { .margin40 { margin-top: 20px; } .marginB20 { width: 112%; } } .margin60 { margin-top: 60px; } .margen_abajo20 { margin-bottom: 20px; } .margen_abajo40 { margin-bottom: 40px; } @media (max-width: 768px) { .margen_abajo40 { margin-bottom: 20px; } } .separadorLU{ margin-left: 15px; margin-top: 15px; } .section-small { padding: 30px 0; } .bg-lightsilver { background-color: #ddd !important; } .texto_Suscripcion { font-family: "Titillium Web", sans-serif; color: #1D399A; font-size: 28px; } .offer-form_input { font-family: "Titillium Web", sans-serif; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: rgba(51, 61, 71, 0.14); border: 1px solid rgba(51, 61, 71, 0.2); border-radius: 3px; font-size: 16px; height: 40px; margin-bottom: 30px; margin-right: 8px; padding: 5px 15px; width: 100%; } #ResultContent { border-top: none; } /* Clases nuevas Flujo Aéreo */ .alineacionderecha { text-align: right; } .bg-detail { background: #fff; padding: 15px 0 0; border-bottom-style: solid; border-bottom-width: 0; border-bottom-color: #ddd; } .bg-detail:hover { background: #d9edf7; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .celestesobreoscuro { color: #33CCFF; } .list-right-side-2 { background-color: #fff; padding: 10px; min-height: 366px; font-family: "Titillium Web", sans-serif; font-weight: 300; border-left-color: #ddd; border-left-style: solid; border-left-width: 1px; } .margintop50 { margin-top: 50px; } .paddingleft0 { padding-left: 0; } .paddingleft5 { padding-left: 5px; } .paddingright0 { padding-right: 0; } .resultados-aerolinea-img { margin-left: -5px; margin-right: 5px; /* width: 15px; */ vertical-align: top; } .resultados-descuento { display: block; margin-top: 0px; line-height: 14px; position: absolute; z-index: 1; padding: 5px 7px; font-size: 11px; font-family: "Titillium Web", sans-serif; color: #7C007C; text-align: right; padding-right: 4px; background-color: #fc0; right: 0px; text-transform: uppercase; } .resultados-duracion-img { margin-right: 2px; width: 10px; vertical-align: middle; } .resultados-hacia-img { margin-left: 5px; width: 13px; margin-top: 7px; text-align: left; } .resultados-precios { font-size: 32px; display: block; text-align: right; line-height: 32px; color: #33CCFF; font-weight: 600px; } .route { background-color: #1D399A; color: #ffffff; margin-top: -10px; padding-top: 10px; margin-bottom: -10px; padding-bottom: 15px; padding-left: 7px; padding-right: 2px; } .texto12 { font-family: "Titillium Web"; font-size: 13px; } .texto12 a { text-decoration: underline; } .texto20 { font-family: "Titillium Web"; font-size: 20px; line-height: 20px; } .price-slider-sidebar { padding: 16px; margin-top: -22px; font-family: "Titillium Web"; } .button.blue { background: #0077b5; color: #fff; } .blue { border-color: #018ccd !important; color: #fff !important; } /* Fin estilos nuevos para flujo aereo*/ /* RESUMEN SUPERIOR RESULTADOS */ .resumen-resultados { font-size: 14px; background: #1D399A; border-radius: 5px; color: #fff; padding: 15px; margin-top: 15px; font-family: "Titillium Web"; } @media (max-width: 768px) { .nomostrarmobile { display: none; } } .resumen-resultados li { padding: 0 20px; display: inline; } @media (max-width: 768px) { .resumen-resultados li { display: block; padding: 0; } } .resumen-resultados li:first-child { padding-right: 20px; padding-left: 0; } .resumen-resultados li:last-child { padding-left: 20px; padding-right: 0; } @media (max-width: 768px) { .resumen-resultados li:last-child { padding: 0; } } .alinearderechabtn { text-align: right; right: -20px; } @media (max-width: 768px) { .alinearderechabtn { text-align: center; right: 10px; display: block; width: 100%; } } /* FIN RESUMEN SUPERIOR RESULTADOS */ /* BUscadores internos */ .input_interno{ background-color: transparent; color: #fff; border: none; border-bottom-color: #fff; border-radius: 0px; border-bottom: 1px solid; } /*Fin buscadores internos */ /* asitencias en viajes */ .tipo_cobertura { font-family: "Titillium Web", sans-serif; font-size: 20px; color: #333 !important; } .Texto_cobertura { color: #999999; font-size: 14px; font-family: "Titillium Web", sans-serif; max-height: 140px; overflow: hidden; } .consejo_cobertura{ color: #666; font-size: 14px; font-family: "Titillium Web", sans-serif; padding: 15px; text-align: justify; } .Titulo_detalle_cobertura { color: #008ccb; padding: 15px; line-height: 17px; font-size: 20px; } .Titulo_consejo_cobertura { color: #1D399A; padding: 15px; line-height: 18px; font-size: 16px; } /*fin estilo asistencia en viajes */ /* Estilos Modales */ .message-flag { height: auto; } .top-flag-content { padding-top: 55px; } .flag-closed { z-index: 1; margin-bottom: -120px; margin-top: 20px; padding-left: 30px; } .message-flag h2 { font-family: "Faustina", serif; font-size: 32px; font-weight: 400; line-height: 40px; margin: 0 0 10px; } .message-flag p { color: #333D47; margin-bottom: 10px; } .message-flag .padd-flags { padding: 0 15px 0 0; } .box-flag { padding: 10px 0; margin: 0 0 40px; } .message-flag h4 { color: #1D399A; margin-bottom: 10px; font-family: 'Titillium Web'; } .message-flag a.first { margin-bottom: 10px; } .box-flag p { font-family: 'Titillium Web'; font-size: 13px; color: #333; } .message-flag a { color: #1D399A; text-decoration: underline; display: block; margin-bottom: 40px; } .message-flag a.first { margin-bottom: 10px; } .message-flag h2 { font-family: "Faustina", serif; font-size: 30px; font-weight: 400; line-height: 40px; margin: 0 0 10px; } .group { background: #BCC8CA; height: 800px; padding: 40px 30px 70px 30px; text-align: center; margin-top: -15px; } /* Fin de los estilo de las modales*/ /* clases Footer*/ .Fondo_Azul_Travel{ background-color: #1D399A; height: auto; } .Titulo_fondo_azul{ font-family: "Titillium Web", sans-serif; font-size: 30px; font-weight: 500; color: #fff; text-align: center; } @media (max-width: 768px) { .Titulo_fondo_azul { font-size: 22px; margin-top: 0; } } .Sub-titulo_fondo_azul { font-family: "Titillium Web", sans-serif; font-size: 16px; font-weight: 400; color: #fff; } @media (max-width: 768px) { .Sub-titulo_fondo_azul { font-size: 13px; margin-bottom: 0; } } .Info_fondo_azul { font-family: "Titillium Web", sans-serif; font-size: 24px; font-weight: 400; color: #fff; } @media (max-width: 768px) { .Info_fondo_azul { font-size: 22px; margin-bottom: -10px; } } .boton_blanco_transparente{ font-family: "Titillium Web", sans-serif; border: #fff solid 2px; height: auto; padding: 6px; padding-top: 6px; font-weight: 700; padding-right: 16px; padding-bottom: 6px; padding-left: 10px; display: inline-block; vertical-align: middle; border-radius: 5px; color: #1D399A; text-align: center; width: 321px; background: #fff; } .boton_blanco_transparente a { color: #fff; } .Fondo_gris_oscuro{ background-image: url(/archivosApoyo_30/images/bg/footer.png); height: auto; } .icono-rrss { display: inline-block; padding: 5px 5px 5px 5px; } .titulos_footer_celestes{ color: #1D399A; font-size: 14px; font-weight: 600; line-height: 21px; } .links_footer { font-family: "Titillium Web", sans-serif; font-size: 14px; line-height: 30px; font-weight: 400; color: #fff; text-decoration: none; } .links_footer:hover { color: #fff !important; } .Texto_flanco_footer { font-family: "Titillium Web", sans-serif; font-size: 14px; line-height: 30px; font-weight: 400; color: #fff; } @media (max-width: 768px) { .Texto_flanco_footer { font-size: 13px; line-height: 20px; } } /* FIn clases Footer*/ .post.post-offer { padding-bottom: 15px; } .post.post-offer:hover { box-shadow: 0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)!important; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .post.post-offer a { text-decoration: none; } .navegacion_mobile{ display: inline-block; vertical-align: middle; float: right; margin-right: -15px; } .navegacion_mobile_Hor { background-color: #fff; margin-left: 10px; margin-right: 10px; vertical-align: middle; overflow: auto; white-space: nowrap; padding-top: 10px; } .navegacion_mobile_Hor a { display: inline-block; vertical-align: middle; text-align: center; padding: 0px 15px 0 7px; } .navegacion_mobile_Hor p { margin-top: 2px; font-size: 12px; line-height: 14px; color: #1D399A; text-align: center; } .navegacion_mobile_bg { background-color: #fff; margin-left: -15px; height: 80px; margin-top: 10px; } .overlay { height: 100%; width: 0; position: fixed; z-index: 2000; top: 0; right: 0; background-color: rgb(0,0,0); background-color: rgba(0,0,0, 0.9); overflow-x: hidden; transition: 0.3s; } .overlay-content { position: relative; top: 10px; z-index: 2000; width: 100%; text-align: right; margin-top: 60px; padding-right: 30px; font-size: 10px; color: #666; } .overlay a { padding: 0; text-decoration: none; font-size: 22px !important; line-height: 50px; display: block; transition: 0.3s; color: #fff; } .overlay a:hover, .overlay a:focus { color: #f1f1f1; } .overlay .closebtn { position: absolute; top: 10px; right: 26px; font-size: 38px !important; } @media screen and (max-height: 450px) { .overlay a {font-size: 30px} .overlay .closebtn { top: 10px; right: 26px; font-size: 38px !important; z-index: 2000; } } .velo { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.0)); } .botoncitodelplacer-m { font-family: "Titillium Web", sans-serif; padding: 0 4px; color: #fff; vertical-align: bottom; margin-top: 0; margin-right: 9px; border-radius: 5px; font-size: 13px; text-shadow: none; background-color: #fff; color: #999; margin-left: 10px; box-shadow: 0 1px 2px rgba(0,0,0,0.5); } /* resumen de compra */ .contflecha { position: absolute; bottom: 0; width: 100%; margin-left: -15px; margin-right: -15px; z-index: 10; } .contflechaint { display: table; margin: 0 auto; text-align: center; background: 0 0; color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,0.5); font-size: 24px; } .margintop10 { margin-top: 10px; } .margintop20 { margin-top: 20px; } .marginbottom10 { margin-bottom: 10px; } .marginbottom20 { margin-bottom: 20px; } .paddingbottom20 { padding-bottom: 20px; } .texto12real { font-family: "Titillium Web"; font-size: 12px; } .texto24 { font-family: "Titillium Web"; font-size: 24px; line-height: 24px; font-weight: 600; } .escalaresumen { font-family: "Titillium Web"; font-size: 12px; margin-top: 0; background-color: #d9edf7; text-align: center; padding: 10px; } .icons_xtremesearch { display: block; margin: 0 auto 5px; width: 17px !important; } .origen_xtreme2 { display: block; font-size: 14px; margin: 0 auto 5px; text-align: center; font-weight: bold; } .origen_xtreme2.blanco { color: #FFF; } .btn_largo.xtremesearch { margin: 0 0 30px 38px; padding: 9px 15%; } .btn_largo { background: #FF8000 none repeat scroll 0 0; border: 1px solid #FF8000; color: #fff; font-weight: bold; margin: 15px 0; padding: 10px 7%; text-align: center; width: 100%; } .titulo_ofertas { color: #fff; display: inline-block; font-size: 20px; font-style: normal; margin-bottom: 12px; text-align: center; width: 100%; } .container_bajada.xtremesearch.abajo { margin: 0 auto; background-color: #FFF; padding-bottom: 20px; } .triangulo_abajo { display: block; margin: 0 auto; width: 55px !important; } .titulo_ofertas.xtremesearch.oscuro { color: #333; font-size: 25px; margin: 0 auto; font-style: bold; padding-top: 5px; padding-bottom: 10px; } .fecha_tam1 { font-weight: normal; color: #333; display: block; font-size: 34px; padding-bottom: 20px; text-align: center; } span.resaltar_naranjo { color: #FF8000; font-weight: bold; } .ida_icono { display: inline-block; height: 32px; width: 32px; margin-top: 0; border-right-style: solid; border-width: 1px; border-color: #333; } .ida { display: inline-block; vertical-align: top; } .data { margin-left: 5px; padding-top: 0; color: #FFF; font-size: 18px; font-family: "bliss_proregular"; display: inline-block; } span.resaltar_celeste { color: #1D399A; } .data_bajada { color: #FFF; font-size: 14px; margin-left: 5px; } .TotalResumenCalendar { color: #000; display: inline-block; font-size: 25px; font-style: normal; margin-bottom: 12px; text-align: center; width: 100%; } .SelectFechas.select { background-color: #eee !important; -webkit-box-shadow: inset 0 0 0 2px rgba(255,128,0,1); -moz-box-shadow: inset 0 0 0 2px rgba(255,128,0,1); box-shadow: inset 0 0 0 2px rgba(255,128,0,1); } .col-calendar-md1 { float: left; width: 14.28%; height: 70px; padding: 10px 5px; color: #1D399A; } .calendar-day{ float:left; color:black; } .calendar-Price { font-weight: 600; width: 100%; display: block; vertical-align: bottom; text-align: right; margin-top: 25px; font-size:14px; } .calendar-wdays { background-color: #EEE; } .contentCalendar { background-color: #fff; padding: 6px; border: 1px solid #FF8000; font-size: 12px; margin: 2px; } .contentCalendar:hover, .contentCalendar.active { font-weight:600; color: #1D399A; } .hove:hover { color: #FF8000 !important; } .SelectFechasCal { background-color: #D9EDF7 !important; } .SelectFechasCal .CalendarFrom { background-image: url(https://w3travelsecuritycl.s3.amazonaws.com/Nuevo-Sitio/xtremesearch/inicioviaje.svg); float: left; } .SelectFechasCal .CalendarTo { background-image: url(https://w3travelsecuritycl.s3.amazonaws.com/Nuevo-Sitio/xtremesearch/finviaje.svg); } .calendarIconWraper { float: right; width: 20px; height: 70px; margin-top: -45px; display: block; } .calendarMonthCol{ font-size:90%; } .calendarBestPrice { color: rgba(255,128,0,1); } .mayorDescto:hover { background: #dedede; border-radius: 5px; } /*calendar nuevos*/ .titulo { color: #1D399A; font-family: "Titillium Web"; font-weight: 300; font-size: 24px; } .margintop20 { margin-top: 20px; } .margintop10 { margin-top: 10px; } .texto12 { font-family: "Titillium Web"; font-size: 13px; } .circulo { width: 16px; height: 16px; display: inline-block; -moz-border-radius: 50%; margin-right: 5px; vertical-align: bottom; -webkit-border-radius: 50%; border-radius: 50%; background-color: #1d399a; } .nav > li > a { position: relative; display: block; padding: 13px 10px; height: 48px; margin-top: 0; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .nav > li > a.active { color: #1D399A; } .texto12 { font-family: "Titillium Web"; font-size: 13px; } .mayuscula { text-transform: uppercase; } .titulomes { display: block; font-size: 32px; font-family: "Titillium Web"; text-align: center; text-transform: uppercase; } .tablextreme > thead > tr > th { vertical-align: bottom; font-family: "Titillium Web"; width: 14.3%; font-weight: 500; padding: 20px 0; text-align: center; font-size: 18px; text-transform: uppercase; } .tablextreme { width: 100%; max-width: 100%; margin-bottom: 20px; } .tablextreme > tbody > tr > td { vertical-align: top; font-family: "Titillium Web"; background-color: #FFF; padding: 0; width: 14.3%; text-align: center; font-size: 18px; padding: 10px 0; } .tablextreme > tbody > tr > td:hover { background-color: #D9EDF7; cursor: pointer; } .alinearderechabtn { text-align: right; right: -20px; } .grisdisclaimer { color: #888; } .resumen-resultados-xtreme-modal { font-size: 14px; background: #eee; border-radius: 5px; color: #333; padding: 15px; font-family: "Titillium Web"; } .resumen-resultados-xtreme-modal li { list-style: none; } .modal-header { padding: 10px; border-bottom: none } .modal-footer { padding: 0px; text-align: left; border-top: none; } .form-control-pasajeros { width: 70px; } .ventaCruzadaTitulo { color: #1D399A; font-family: "Titillium Web"; text-transform: uppercase; margin-bottom: 10px; } .ventaCruzadaSubTitulo { font-family: "Titillium Web"; color: #333; font-size: 18px; text-transform: uppercase; } .ventaCruzadaPlan { font-family: "Titillium Web"; color: #333; font-size: 24px; font-weight: 600; margin: 10px 0px 10px 0px; } .ventaCruzadaValorPlan { font-family: "Titillium Web"; color: #333; font-size: 24px; font-weight: 600; margin: 5px 0; text-align: right; } @media screen and (max-width: 768px){ .ventaCruzadaValorPlan { text-align: left; } } .ventaCruzadaDetalleValor { font-family: "Titillium Web"; color: #333; font-size: 14px; text-align: right; } @media screen and (max-width: 768px){ .ventaCruzadaDetalleValor { text-align: left; } } .ventaCruzadaZona { font-family: "Titillium Web"; color: #333; font-size: 14px; } #main{ background-color: #fff; } .botonpasajeros { font-size: 14px; text-align: left; background-color: transparent; color: #999; border: none; border-bottom: solid 1px #fff; border-radius: 0; width: 100%; } #selClase { background-color: rgba(0, 0, 0, 0.0) !important; color: #999!important; } #dias_calendar { background-color: rgba(0, 0, 0, 0.0) !important; color: #999 !important; } .menu_guia_viaje { font-family: "Titillium Web", sans-serif; color: #fff; font-size: 20px; text-align: center; font-weight: 200; } .menu_guia_viaje a { font-family: "Titillium Web", sans-serif; color: #fff; text-align: center; padding: 5px 14px 5px 14px; } .texto_guia_vije { font-family: "Titillium Web", sans-serif; font-size: 16px; line-height: 30px; text-align: center; color: #333; } .texto_caluga_guia_viaje{ font-family: "Titillium Web", sans-serif; color: #333; font-size: 14px; padding: 10px 5px 5px 10px; } .subtitulo_guia_viaje{ margin: 10px 0 0 0; color: #fff; font-family: 'Merriweather', serif; padding: 5px 0 0 10px; font-style: italic; font-size: 20px; font-weight: lighter; line-height: 14px; text-align: left; text-shadow: 1px 2px 3px rgba(0,0,0,0.5); } .subtitulo-2_guia_viaje{ margin-top: 4px; color: #fff; font-family: 'Merriweather', serif; padding: 5px 0 0 8px; font-style: italic; font-size: 30px; line-height: 20px; font-weight: lighter; text-align: left; text-shadow: 1px 2px 3px rgba(0,0,0,0.4); } .imperdible_guia_viaje{ margin-top: 36px; color: #fff; font-family: 'Merriweather', serif; font-style: italic; font-size: 70px; line-height: 20px; font-weight: lighter; text-align: left; text-shadow: 1px 1px 3px rgba(0,0,0,0.4); } .texto_destacado_guia_viaje{ margin: 40px 0 0 0; color: #fff; font-style: italic; font-family: 'Merriweather', serif; font-size: 14px; line-height: 24px; text-align: left; text-shadow: 2px 1px 3px rgba(0,0,0,0.4); } .flotante_guia_viaje { z-index: 20; margin-top: 4%; position: absolute; width: 100%; } .flotante_izquierda_guia_viaje { z-index: 20; margin: 80px 0 0 10px; position: absolute; width: 100%; } @media (max-width: 768px) { .texto20 { font-family: "Titillium Web"; font-size: 14px; line-height: 14px; } } @media (max-width: 768px) { .bg-info { background-color: #fff !important; padding: 0; } } @media (max-width: 768px) { .texto12 { font-family: "Titillium Web"; font-size: 11px; /* line-height: 4px; */ } } @media (max-width: 768px) { .vuelos-item { border: 1px solid #ddd; font-size: 12px; margin-top: 20px; margin-left: 5px; margin-right: 5px; overflow: hidden; border-radius: 5px; } } @media (max-width: 768px) { .route { margin-top: 0px; padding: 6px 10px; margin-bottom: 0px; } } @media (max-width: 768px) { .bg-detail { padding: 15px 0; } } @media (max-width: 768px) { .flotarderechamobile { float: right; text-transform: uppercase; font-size: 13px; } } #BuscadorPrincipalIndex{ margin-top: -345px; } @media (max-width: 768px) { #BuscadorPrincipalIndex { margin-top: -400px; position: relative; z-index: 50; background-color: #333; } } } } .buscadorF{ margin-top: -130px; z-index: 20; position: relative; } @media (max-width: 768px) { .linea_separadora_precio_m{ border-top: solid 1px #1D399A; padding: 10px 0 0; } } .paddingleft10 { padding-left: 10px; } .destacado_corporativo{ z-index: 20; margin-top: 6%; position: absolute; } .texto_carrusel_corporativo{ font-size: 20px; line-height: 30px; } .fondo_oscuro_corporativo{ background-color: #333; height: auto; } .flontante_calugas_corporativas{ z-index: 20; padding: 10px 10px 10px 10px; position: absolute; } .Titulo_calugas_corporativas{ font-size: 18px; color: #fff; font-weight: 400; } .texto_calugas_corporativas{ font-size: 14px; color: #fff; line-height: 16px; margin-top: 232px; } @media screen and (max-width: 768px){ .texto_calugas_corporativas{ font-size: 16px; color: #fff; line-height: 16px; margin-top: 320px; } } .titulo_productos_corporativos{ color: #fff; text-align: center; font-size: 36px; } .texto_productos_corporativos{ margin: 20px; color: #fff; text-align: center; font-size: 14px; } .links_productos_corporativos{ text-align: center; color: #1D399A; font-size: 20px; font-style: italic; } .etiquetadescuento { display: block; z-index: 10; position: absolute; right: -10px; top: 0; width: 58px; height: 34px; background: url(http://w3travelsecuritycl.s3.amazonaws.com/Nuevo-Sitio/iconografias/flujo-aereo/etiqueta-descuento.svg) 0px 0px no-repeat; } @media screen and (max-width: 768px){ .etiquetadescuento { display: block; z-index: 10; position: absolute; right: 0px; top: -70px; width: 106px; height: 19px; background: url(http://w3travelsecuritycl.s3.amazonaws.com/Nuevo-Sitio/iconografias/flujo-aereo/etiqueta-descuento-mobile.svg) 0px 0px no-repeat; } } @media (max-width: 768px) { .paddingleft30mobile { padding-left: 30px; } } @media (max-width: 768px) { .paddingtop5mobile { padding-top: 5px; } } @media screen and (max-width: 768px){ .vuelos-item .col { margin: 0; padding: 0; } } @media screen and (max-width: 768px){ .vuelos-item .badge-alert { text-align: left; padding: 10px 0; font-weight: 600; } } @media screen and (max-width: 768px){ .vuelos-item .price { font-size: 32px; display: block; text-align: left; color: #1D399A; font-weight: 600; padding-right: 0; line-height: 20px; padding-left: 10px; } .claseResVue{ font-size: 22px; display: block; text-align: left !important; color: #1D399A; font-weight: 600; padding-right: 0; line-height: 20px; padding-left: 24px; } } @media screen and (max-width: 768px){ .verdesglosemobile { text-align: left; padding-left: 10px; } } @media screen and (max-width: 768px){ .upsell-column { width: 240px !important; } .upsell-column-more{ width: 240px !important; } .list-right-side-2 { min-height: auto; } } @media (min-width: 992px) { .ver_desglose_desktop{ text-align: right; margin-right: 14px; } } .texto_derecha_desktop{ text-align: right; } @media screen and (max-width: 768px){ .texto_centrado_mobile{ text-align: center; } } @media screen and (max-width: 768px){ .resumen-resultados { margin: 5px 5px 5px 0px; font-size: 11px; } } .botoncitoCerrar{ float: right; margin-top: -12px; margin-right: -12px; } .modificarbusqueda { color: #fff; border-style: none; border-width: 0; border-color: none; border-radius: 0; margin: 0; font-size: 14px; padding: 0; } @media screen and (max-width: 768px){ .modificarbusqueda { color: #fff; border-style: solid; border-width: 1px; border-color: #fff; border-radius: 5px; margin: 10px -5px -5px -5px; font-size: 11px; padding: 8px; } } .verfiltrosmobile { background-color: #fff; color: #1D399A; border-color: #1D399A; text-align: center; position: fixed; z-index: 10000; left: 110px; right: 110px; bottom: 30px; box-shadow: 0 8px 17px 0 rgba(0,0,0,.1),0 6px 20px 0 rgba(0,0,0,0.09)!important; border-style: solid; border-width: 2px; font-size: 11px; padding: 9px; border-radius: 5px; } @media screen and (max-width: 768px){ #sideFilters{ position: relative; z-index: 20; margin-top: -248px; background-color: #f2f2f2; width: 100%; } .marfil { margin-top: -240% !important; width: 100% !important; margin-left: -4%; } } .beriwell { min-height: 20px; padding: 0; margin-bottom: 15px; background-color: #f5f5f5; border-radius: 5px; display: inline-block; width: 100%; } .beriwell:hover { background-color: #fff } .beriwell2 { min-height: 20px; padding: 0px; margin-bottom: 0; background-color: #f5f5f5; border-radius: 5px; display: inline-block; width: 100%; } .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { padding: 10px 10px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; } .flechadescripcionvuelos { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); margin-left: 0; } @media screen and (max-width: 768px){ .flechadescripcionvuelos { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); margin-left: 10px; } } .flechadescripcionvuelosalineacion { text-align: center; } @media screen and (max-width: 768px){ .flechadescripcionvuelosalineacion { text-align: left; } } .flechadescripcionvuelosduracion { display: block; margin-left: 0; } @media screen and (max-width: 768px){ .flechadescripcionvuelosduracion { display: inline; margin-left: 20px; } } .subtitulos_ingreso_pasajeros{ font-family: "Titillium Web", sans-serif; font-size: 16px; font-weight: 600; } .dato_ingreso_pasajeros{ font-family: "Titillium Web", sans-serif; font-size: 14px; font-weight: 400; color: #666; margin: 5px 0 5px 15px; font-weight: 500; } .subtitulos_ingreso_pasajeros{ font-family: "Titillium Web", sans-serif; font-size: 16px; font-weight: 600; } .modal-header-contacto { padding: 10px; border-top-left-radius: 5px; border-top-right-radius: 5px; font-family: "Titillium Web", sans-serif; color: #fff !important; text-align: center; } .texto-modales{ font-size: 14px; line-height: 24px; color: #666; } .tu_seleccion { background-color: #1D399A; color: #fff; } .contconfirmacion { border: 1px solid #ddd; margin-bottom: 20px; background-color: #fcf8e3; border-radius: 5px; } .btnbordenaranjo { font-family: "Titillium Web", sans-serif; border: #1d399a solid 2px; height: auto; padding: 6px 10px; display: inline-block; float: right; color: #1d399a; vertical-align: middle; margin-top: 6px; border-radius: 5px; } @media screen and (min-width: 768px){ .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -55px; } } @media screen and (min-width: 768px){ .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -55px; } } .resumenSegmentos { margin-bottom: 20px; } .verpoliticas { font-family: "Titillium Web", sans-serif; border: #1d399a solid 2px; height: auto; padding: 6px 10px; display: inline-block; color: #1d399a; vertical-align: middle; border-radius: 5px; } .verpoliticas:hover { color: #1d399a; } .margin5mobile{ margin-left: 0; margin-right: 0; } @media screen and (max-width: 768px){ .margin5mobile { margin-left: 5px; margin-right: 5px; } } .marginmenos10mobile{ margin-left: 0; margin-right: 0; } @media screen and (max-width: 768px){ .marginmenos10mobile { margin-left: -10px; margin-right: -10px; } } .resumencompramobile{ font-family: "Titillium Web", sans-serif; border: #1d399a solid 2px; height: auto; text-align: center; width: 100%; padding: 6px; display: inline-block; color: #1d399a; vertical-align: middle; margin-top: 6px; border-radius: 5px; } .resumencompramobile:hover{ color: #1d399a; } .label_dias-assitencia{ background-color: transparent; color: #1D399A !important; border-bottom: solid 1px; margin-top: 8px !important; padding: 0px 0 5px 16px; font-size: 14px; width: 100%; border-bottom-color: #1D399A; } .buscador_asistencia{ color: #fff; background-color: rgba(0, 0, 0, 0.7); min-height: auto !important; border-radius: 5px; padding-top: 20px; } .destacadoLandings { z-index: 20; margin: 10px 0 20px 0; position: absolute; width: inherit; } @media screen and (max-width: 768px){ .destacadoLandings { margin: 60px 40px 20px 40px; } } @media screen and (max-width: 992px) { .destacadoLandings { margin: -35px 0 20px 0; margin-left: 5%; } } .vermasblanco { font-family: "Titillium Web", sans-serif; border: #fff solid 2px; height: auto; padding: 6px 10px; display: inline-block; color: #fff; vertical-align: middle; border-radius: 20px; margin-left: 30px; width: 15%; text-align: center; } .table-striped>tbody>tr:nth-of-type(odd) { background-color: #fff; } .h1headerslandigs { font-size: 20px; color: #fff; font-family: Titillium Web, sans-serif; text-shadow: 0 1px 2px rgba(0,0,0,0.5); } .resumen-resultados-xtreme { font-size: 14px; background: #eee; border-radius: 5px; color: #333; padding: 15px; font-family: "Titillium Web"; } .resumen-resultados-xtreme li:first-child { padding-right: 20px; padding-left: 0; } .resumen-resultados-xtreme li { padding: 0 20px; display: inline; } .alerthome { margin-bottom: 0; background-color: #FCF7D7; color: #333; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2); z-index: 2; position: relative; padding: 15px; font-size: 14px; } @media screen and (max-width: 768px){ .alerthome { font-size: 13px; padding: 30px 15px 15px; } } .alerthome a { text-decoration: underline; } .xtreme-item { border: 1px solid #ddd; margin-top: 20px; margin-left: 0; margin-right: 0; overflow: hidden; border-radius: 5px; background-color: #fff; } .nav-xtreme-tabs > li.active > a, .nav-xtreme-tabs > li.active > a:focus, .nav-xtreme-tabs > li.active > a:hover { color: #1D399A !important; background-color: #fff !important; text-transform: uppercase; } .nav-xtreme > li > a { position: relative; display: block; padding: 5px; font-size: 13px; margin-top: 0; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .nav-xtreme-tabs.nav-xtreme-justified { width: 100%; border-bottom: 0; } .nav-xtreme-justified { width: 100%; } .nav-xtreme { padding-left: 0; margin-bottom: 0; list-style: none; } @media screen and (max-width: 768px){ .nav-xtreme-tabs.nav-xtreme-justified >li>a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } } .nav-xtreme-tabs.nav-xtreme-justified>.active>a, .nav-xtreme-tabs.nav-xtreme-justified>.active>a:focus, .nav-xtreme-tabs.nav-xtreme-justified>.active>a:hover { border: 1px solid #ddd; } @media screen and (max-width: 768px){ .nav-xtreme-tabs.nav-xtreme-justified>.active>a, .nav-xtreme-tabs.nav-xtreme-justified>.active>a:focus, .nav-xtreme-tabs.nav-xtreme-justified>.active>a:hover { border-bottom-color: #fff; } } .section-small { padding: 30px 0; } .icon--after { margin-left: .6em; } .table-info table { border-collapse: collapse; text-align: left; width: 100%; } .table-info table tr th, .table-info table tr td { border-bottom: 1px solid #E1E2E4; font-size: 14px; padding: 11px 0; } .table-info table tr th:last-child, .table-info table tr td:last-child { text-align: center; } @media (max-width: 47.99em) { .table-info table tr td:last-child { display: none; } } @media (max-width: 47.99em) { .table-info table tr td:nth-child(2) { text-align: right; } } .text-purple { color: #6a2e92 !important; } @media screen and (max-width: 768px){ .imperdible_guia_viaje { margin-top: 36px; color: #fff; font-family: 'Merriweather', serif; font-style: italic; font-size: 48px; line-height: 20px; font-weight: lighter; text-align: left; text-shadow: 1px 1px 3px rgba(0,0,0,0.4); } } @media screen and (max-width: 768px){ .texto_destacado_guia_viaje { margin: 100px 40px 0 0; color: #fff; font-style: italic; font-family: 'Merriweather', serif; font-size: 14px; line-height: 24px; text-align: left; text-shadow: 2px 1px 3px rgba(0,0,0,0.4); } } .opciones_login_mobile { color: rgb(255, 255, 255); background-color: rgb(51, 51, 51); width: 60%; border-radius: 5px; z-index: 10000; float: right; text-align: right; font-size: 18px; line-height: 35px; padding: 20px; } .opciones_login_mobile a { color: #fff; text-decoration: none; } .disclaimerAzul { font-family: "Titillium Web", sans-serif; font-size: 14px; font-weight: normal; float: right; color: #999; font-style: italic; text-align: right; margin: 10px 15px 10px 15px; } .form-controlAU { display: block; width: 100%; height: 34px; padding: 6px; font-size: 14px; line-height: 1.42857143; background-image: none; border-left-style: none; border-top-style: none; border-right-style: none; box-shadow: none; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; border: none !important; border-bottom: 1px solid !important; background-color: transparent !important; color: #fff !important; border-bottom-color: #fff !important; border-radius: 0px !important; padding-left: 20px !important; } .cabeceraReserva { margin-top: 0px; /*border-top: 1px solid #c1c1c1;*/ padding-top: 22px; } .cabeceraReserva h1 { margin: 0px; padding: 10px 0; color:#1D399A; font-weight: 600; font-size: 38px; } .cabeceraReserva p { color: #989898; padding-top: 3px; } .cabeceraReserva h2 { color: #008bcc; font-size: 20px; font-weight: 600; margin: 0px; padding: 0px; } .W { color: white; } .busqp{ color:#fff; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #9f9c9c !important } .labelBancoV { color: #1D399A; font-weight: 600; } .labelinteres{ text-align: center; font-weight: 700; } .Chancepwd{ color: #337ab7; font-size: 18px; font-weight: 700; } .labelprice{ font-size:20px; font-weight:600; } /*----------------Plugin------------*/ .container-Passenger { background-color: #fff !important; width: 275px !important; position: absolute !important; left: 30px; top: 75px; border-radius: 3% !important; z-index: 999 !important; display: none; } .label-Passenger { margin-top: 10px !important; margin-left: 7px !important; font-size: 18px !important; color: #000 !important; font-family: Titillium Web, sans-serif !important; font-weight: 200 !important; width: 56px !important; } .container-Table-Passenger { margin-top: 4px !important; display: table !important; } .label-NewHab-Passenger { font-size: 18px !important; color: #000 !important; margin-top: 16px !important; left: 31px !important; cursor: pointer !important; font-family: Titillium Web, sans-serif !important; font-weight: 200 !important; } .span-Delete-Passenger { float: right !important; margin-top: 16px !important; cursor: pointer !important; color: #000 !important; } .title-Hab-Passenger { margin-top: 16px !important; margin-bottom: 0px !important; color: #000 !important; } .PassInfoDiv { background-color: transparent; padding-right: 0px; color: #fff; border-bottom: 1px solid #1D399A; } .contMarginPassenger { padding-left: 5px !important; padding-right: 5px !important; } .IfPassSt { padding-left: 0px; } .AdtsSt { color: #000 !important; width: 32px !important; margin-right: -15px !important; margin-left: 4px !important; padding-right: 5px; padding-left: 9px !important; font-size: 20px !important; border-bottom-color: transparent !important; margin-bottom: -23%; } /*------------Ajustes adicionales--------------*/ .SpaceB { margin-top: -24px; } .textOrange { color: #1D399A; font-size: 30px; font-weight: 550; text-transform: uppercase; } .textPurple { color: #1D399A; font-size: 30px; font-weight: 550; text-transform: uppercase; } .textWhite { color: #fff; font-size: 30px; font-weight: 550; text-transform: uppercase; } .textOrangeSmall { color: #1D399A; font-size: 20px; font-weight: 550; } .textWhiteSmall { color: #fff; font-size: 20px; font-weight: 550; } .btnVoos { margin-top: 0; margin: 12px; background: #1D399A !important; border-radius: 5px; font-family: "Titillium Web", sans-serif; color: #ffffff !important; font-weight: 700; } .label_edades-assitencia { background-color: transparent; color: #1D399A !important; border-bottom: solid 1px; margin-top: 8px !important; padding: 0px 0 5px 16px; font-size: 14px; width: 10%; border-left-style: none; border-top-style: none; border-right-style: none; } .label_edades-assitencia2 { background-color: transparent; color: #1D399A !important; border-bottom: solid 1px; margin-top: 8px !important; padding: 0px 0 5px 16px; font-size: 14px; width: 10%; display:none; border-left-style: none; border-top-style: none; border-right-style: none; } @media screen and (max-width: 768px){ .label_edades-assitencia { width: 20%; } .label_edades-assitencia2 { width: 20%; } .marghome{ margin-left: 4% !important; } } .center-Seguros { width: 100%; overflow: hidden; /* height: 255px; */ } .btnreserva { margin-top: 0; margin: 12px; background: #1D399A !important; border-radius: 50px; font-family: "Titillium Web", sans-serif; color: #ffffff !important; font-weight: 700; padding: 6px 10px; text-align: center; font-size: 15px; } h3.hotelDetail a { font-size: 18px !important; line-height: 20px !important; } h3.hotelDetail { margin-bottom: 3px; } .centerlog{ margin-left: 20%; } .marghome{ margin-left: 1.5%; } /* plugin de botón para whatsapp*/ .ccw_plugin .style-4.chip { display: inline-block; padding-left: 12px; padding-right: 12px; padding-top: 0px; padding-bottom: 0px; border-radius: 25px; font-size: 13px; line-height: 32px; } .ccw_pluginn .style-5.chipp { display: inline-block; padding-left: 15px; padding-right: 15px; padding-top: 0px; padding-bottom: 0px; border-radius: 25px; font-size: 13px; line-height: 32px; } div.ccw_plugin, .inline { display: inline; } .chatbot { position: fixed; z-index: 99999999; } .ccw_plugin .tada { animation-name: tada; } .ccw_plugin .animated { animation-duration: 1s; animation-fill-mode: both; } .ccw_plugin .style-4.chip img { float: left; margin: 0 8px 0 -12px; height: 32px; width: 32px; border-radius: 50%; } .sboxText { display: table-cell; } .sboxIcon { display: table-cell; padding: 2px; } .textprecio { margin-top: 25px; text-align: center; color: black; font-size: large; } .textprecio2 { margin-top: 25px; color: black; font-size: large; } .titlepack { padding: 10px; } .btnbuscadorprincial { margin: 12px; background: #1D399A; color: white; font-family: "Titillium Web", sans-serif; font-weight: 700; border-radius:15px; } .btn-warning { background-color: #481197 !important; border-color: #481197 !important; } .ui-datepicker table { font-size: 1.2em !important; } .alert h4 { margin-top: 0 !important; color: black !important; font-weight: 600 !important; } .alert-success { color: #464545 !important; font-size: 12px; background-color: #eeecec !important; border-color: #eae8e8 !important; } .alert-success hr { border-top-color: #f2f2f2 !important; } .fa.pull-left { color: orange; font-size: 55px; } .payment-aside { background-color: #fff; border: 1px #ddd solid; padding: 5px 10px 10px; } .date-picker-wrapper { z-index: 50 !important; } .date-picker-wrapper .month-wrapper table .day.real-today { background-color: #1D399A !important; } .date-picker-wrapper .first-date-selected, .date-picker-wrapper .last-date-selected { background-color: #1D399A !important; color: white !important; } .month-wrapper { width: auto !important; } .gap { display: none; } .alert-info { top: 120px !important; } /*estilos para las familias tarifarias*/ @media (min-width: 768px) { /* Oculta el div en pantallas más grandes */ #negado0 { display: none; } } .ps_control_hrbrarrow .carousel-control { top: 45%; opacity: 0; width: 50px; height: 50px; z-index: 100; color: #fff; display: block; font-size: 18px; cursor: pointer; overflow: hidden; line-height: 50px; text-shadow: none; position: absolute; font-weight: normal; background: #e2001a; } /*estilos 22 noviembre arma tu tiquete*/ /* Estilos familias V2 */ .ul-family-mob { border-bottom: 2px solid rgba(0,0,0,.12); width: 100%; } .ul-content-family-mob { padding-bottom: 0px !important; padding-right: 5px; padding-left: 5px; } .div-content-family { font-size: 18px; width: 20%; } .ol-content-family-mob { padding-bottom: 0px !important; padding-right: 0px !important; } .li-content-family-mob { width: 100%; display: flex!important; -webkit-box-align: stretch; align-items: stretch; min-height: 100px; padding: 8px 0px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd } .div-content-family-mob { font-weight: bold; padding-right: 5px; } .content-duration-family { font-size: 16px; text-align: center; } .content-duration-family-mob { font-size: 12px; padding-right: 0px; padding-left: 0px; padding-top: 3px; } .more-options-family { font-size: 18px; color: #008bcc; } .option-selected-family { font-size: 16px; color: #008bcc; margin-bottom: 0px; margin-right: 5px; } .option-selected-family-mob { font-size: 12px; color: #008bcc; margin-bottom: 0px; margin-right: 5px; } .price-big-family { font-weight: bold; font-size: 22px; color: #008bcc; } .price-big-family-mob { font-weight: bold; font-size: 14px; } .price-big-content-family-mob { border-left: 1px solid rgba(0,0,0,.12); padding-left: 10px; } .price-table-family-mob { font-size: 22px; padding-left: 0px; } .input-table-family { border: none; background: none; margin-top: 10px !important; } .input-table-family-mob { border:none; background:none; } .name-table-family { text-align: center; font-size: 20px; } .name-table-family-mob { font-size: 20px; padding: 0px !important; font-weight: bold; } .detail-family-mob { padding-right: 0px; width: 32%; } .detail-flight-changeAir-family { color: red; margin-left: 15px; } .button-buy-family { bottom: 320px; right: 315px; } .div-separator-detail { border-top: none !important; border-right: 1px solid #e9e6e6; } .span-airplane-detail { color: #808080; font-size: 11px; } .span-cabine-detail { color: #808080; font-size: 14px; } .div-airline-head { border-radius: 5px 5px 0 0; font-weight: 300; padding: 10px!important; } .icon-airline-head { color: #fff; top: 3px; } .padding-table-family { padding-right: 6px; padding-left: 6px; } .margin-bottom4 { margin-bottom: 4px; } .padding-top47 { padding-top: 47px !important; } .padding10 { padding:10px } .ida-regresofamilias { font-size: 18px; font-weight: 600; text-transform: uppercase; margin-left: -15px; } @media screen and (max-width: 768px){ .ida-regresofamilias { text-align: right; } } /* Nuevos estilos Plugin Passenger */ .IfPassChds { padding-left: 8px !important; padding-bottom: 0px !important; color: #000 !important; width: 32px !important; margin-right: -15px !important; margin-left: 4px !important; padding-left: 9px !important; font-size: 20px !important; border-bottom-color: transparent !important; } .IfPassAdts { padding-left: 8px !important; padding-bottom: 0px !important; color: #000 !important; width: 32px !important; margin-right: -15px !important; margin-left: 4px !important; padding-left: 9px !important; font-size: 20px !important; border-bottom-color: transparent !important; } .label-cont-Passenger { color: #787878 !important; margin-top: 4px; } .alert-Passenger { position: absolute; top: 8px; right: 7px; } .select-Passenger { padding-left: 6px !important; width: 100% !important; color: #000 !important; font-size: 16px; border: 1px solid #D0D0D0 !important; border-radius: 12% !important; margin: 3px; margin-top: 10px; } .IfPassCantInfo { padding: 5px; font-size: 14px; } .minWidth-btnPassenger { min-width: 1px; } .fondo_flotante { width: 100%; height: 100%; max-height: 720px; } .textosNavegacion { /* transform: translate(0px, 15px); */ } /* Fin estilos familas V2 */ /* Familias tarifarias */ .aerolinea-head { padding: 15px 10px; } .vuelos-tarifarias-item { margin-bottom: 30px; clear: both; } .vuelos-tarifarias-item .aerolinea-head { padding: 10px 0px; } .aerolinea-head { font-size: 20px; } .vuelos-tarifarias-item table { width: 100%; margin-top: 10px; } .vuelos-tarifarias-item table th, .vuelos-tarifarias-item table td { text-align: center; /*border-bottom: 1px #fff solid;*/ font-size: 11px; } .vuelos-tarifarias-item table td { /*padding: 3px 0;*/ } .vuelos-tarifarias-item table td:not(.agotado) { cursor: pointer; -webkit-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; } .vuelos-tarifarias-item table td:not(.agotado):hover { opacity: 0.8; moz-opacity: 0.8; filter: alpha("opacity=80"); } .vuelos-tarifarias-item table th:first-child, .vuelos-tarifarias-item table td:first-child { text-align: left; /*border-bottom: 1px #eee solid;*/ } .vuelos-tarifarias-item table tr:last-child td { border-bottom: none; } .tooltip-table { display: none; } .vuelos-tarifarias-item table th div.titulofamilia { padding: 10px 0; cursor: pointer; } .vuelos-tarifarias-item table th:first-child { min-width: 260px; } .vuelos-tarifarias-item table td span { color: #555; display: block; } .vuelos-tarifarias-item table td div { padding-top: 9px; padding-bottom: 1px; } .vuelos-tarifarias-item table tr:first-child th:first-child { font-size: 13px; } .vuelosRow .tooltipster-base table td, .tooltipster-base table th { border-bottom: 1px #ddd solid; padding: 5px 0; } .tooltipster-base table { margin: 8px 0; } .tooltipster-base table tr:last-child td, .tooltipster-base table tr:last-child th { border-bottom: none; } .vuelos-tarifarias-item table td.agotado { opacity: 0.6; moz-opacity: 0.6; filter: alpha("opacity=60"); } table.tabla-detalle-vuelo td { font-size: 11px; } table.tabla-detalle-vuelo tr { background-color: #ddd; } table.tabla-detalle-vuelo tr.panelDetail-white { background-color: #fff; } table.tabla-detalle-vuelo .tiles { font-size: 18px; font-weight: bold; display: block; } table.tabla-detalle-vuelo strong { color: gray; } .vuelos-tarifarias-item hr { margin: 10px 0; } .headFamilyAV { background-color: #e2001a; color: white; } .headFamilyLA { background-color: #4C74A5; color: white; } .headFamilyFC { background-color: #fae740; color: #001f5f; } /* Fin Familias tarifarias */ /* fin de los estilos de familias tarifarias*/ .buynowFamily { margin: 13px auto 10px; float: right; padding: 10px !important; display: block; color: #fff; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; text-decoration: none !important; font-size: 14px; background: #ff5757; -webkit-box-shadow: inset 0 -15px 0 -10px #bd0000; -moz-box-shadow: inset 0 -15px 0 -10px #bd0000; box-shadow: inset 0 -15px 0 -10px #bd0000; width: 140px; padding-top: 5px; } .popover { z-index: 1060; display: none; padding: 1px; font-size: 14px; width: 300px !important; max-width: 550px !important; font-family: "Titillium Web", sans-serif; } .slash { position: absolute; height: 2px; width: 25px; top: 18px; left: 57px; border-bottom: 1px solid #888; border-top: 1px solid #fff; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } .modalFamilyDes { width: 60%; padding-bottom: 10px; border-bottom: 1px solid #cecece; } .cloneSelect { -moz-appearance: none; -webkit-appearance: none; background-image: url("../images/select-arrow.png") !important; background-repeat: no-repeat !important; background-position: right 1px top 1px !important; border-radius: 6px; cursor: pointer; display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } /*contenido nuestros destinos*/ .NDcontainer { margin-bottom: 15px; margin-top: 90px; } .NDspan { text-align: justify; font-family: helvetica; margin-top: 22px; font-size: 16px; color: #999; } .NDTittle { margin-top: 30px; margin-bottom: 18px; font-size: 30px; font-family: helvetica; } .subscribe { margin-top: 30px; margin-bottom: 40px; font-family: helvetica; } .embed-responsive-4by3 { padding-bottom: 40% !important; } .AVsuperpromo { background: rgba(255, 219, 50, 0.5); } .AVeconomica { background: rgba(255, 219, 50, 0.7); } .AVejecutivapromo { background: rgba(255, 83, 83, 0.4); } .AVflexi { background: rgba(255, 83, 83, 0.2); } .AVejecutiva { background: rgba(255, 83, 83, 0.6); } .LApromo { background: rgba(76, 116, 165, 0.2) } .LAlight { background: rgba(76, 116, 165, 0.3); } .LAplus { background: rgba(76, 116, 165, 0.4); } .LAtop { background: rgba(76, 116, 165, 0.5); } .FCeconomica { background: #fae740; color: #001f5f; } /* Familias nuevos estilos */ .condicionesAerolineaIntRY { color: rgba(239, 62, 97, 0.5); font-weight: bold; } .condicionesAerolineaIntRYRY { border: 3px solid rgba(239, 62, 97, 0.5); } .condicionesAereoIntRYRY { border: 1px solid rgba(239, 62, 97, 0.5); width: 99%; } .bg-LA-RY { border-right: 4px solid rgba(239, 62, 97, 0.5) !important; width: 4px; } .ul-family-mob { border-bottom: 2px solid rgba(0,0,0,.12); width: 100%; } .ul-content-family-mob { padding-bottom: 0px !important; padding-right: 5px; padding-left: 5px; } .vuelos-tarifarias-item table td div{ color: gray; margin-top: -3px; } .text-dark>div{ display: grid; align-items: center; height: 40px; } .div-content-family { font-size: 13px; width: 20%; } .ol-content-family-mob { padding-bottom: 0px !important; padding-right: 0px !important; } .li-content-family-mob { width: 100%; display: flex!important; -webkit-box-align: stretch; align-items: stretch; min-height: 100px; padding: 8px 0px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd } .div-content-family-mob { font-weight: normal; font-size: 14px; } .div-content-IATA-mob { font-weight: bold; font-size: 14px; } .content-duration-family { font-size: 13px; text-align: center; } .claseResVue{ font-size: 22px; display: block; text-align: right; color: #1D399A; font-weight: 600; padding-right: 24px; line-height: 37px; } .tr-content-family{ border: 1px solid #11111100; border-radius: 42px; margin: 5px 0; background: #fafafa; } h4 a, #Login a, #Registration a, .vuelos-item a, .sidebar a{ color: #000; } .content-duration-family-mob { font-size: 12px; /* padding-right: 0px; padding-left: 0px; */ padding-top: 3px; } .more-options-family { font-size: 15px; color: #008bcc; } .option-selected-family { font-size: 16px; color: #008bcc; margin-bottom: 0px; margin-right: 5px; } .option-selected-family-mob { font-size: 14px; color: #51514f; margin-bottom: 0px; margin-right: 5px; font-weight: 600; } .price-big-family { font-weight: bold; font-size: 17px; color: #008bcc; } .price-big-family-mob { font-weight: bold; font-size: 16px; } .price-big-content-family-mob { border-left: 1px solid rgba(0,0,0,.12); padding-left: 10px; } .price-table-family-mob { font-size: 18px; padding-left: 0px; font-weight: bold; } .input-table-family { border: none; background: none; margin-top: 10px !important; } .input-table-family-mob { border:none; background:none; } .name-table-family { text-align: center; font-size: 18px; } .table-family-mob{ display: flex; justify-content: center; align-items: center; padding-bottom: 5px; } .detail-flight-changeAir-family { color: red; margin-left: 15px; } .button-buy-family { bottom: 320px; right: 315px; } .resultados-hacia-img-familias{ max-width: 11px; } .div-separator-detail { border-top: none !important; border-left: 1px solid #e9e6e6; } .span-airplane-detail { color: #808080; font-size: 11px; } .span-cabine-detail { color: #808080; font-size: 14px; } .div-airline-head { border-radius: 5px 5px 0 0; font-weight: 300; padding: 10px 10px 10px 15px!important; } .icon-airline-head { color: #fff; top: 3px; } .padding-table-family { padding-right: 23px; padding-left: 23px; } .margin-bottom4 { margin-bottom: 4px; } .padding-top47 { padding-top: 63px !important; } .padding10 { padding:10px } .hiddenFamily { display:none; } .ida-regresofamilias { font-size: 20px; font-weight: bold; text-transform: uppercase; text-align: left; color: #fff; } /* Summary arma tu tiquete*/ .summary_family { margin-left: 10px auto; } .summary-flight, row { text-align: center; padding-top: 1em; padding-bottom: 10px; max-width: 95%; width: 95%; margin: auto; } .summary-row { background: rgb(255, 255, 255); border-radius: 8px; box-shadow: rgb(16 0 79 / 12%) 0px 2px 8px; overflow: hidden; padding: 16px 0; font-size: 16px; max-width: 95%; margin: auto; } .summary-row:hover { background: #ededed; border: 1px solid #1D399A; border-radius: 10px; cursor: pointer; } .col-btn { padding: 0px; margin-right: 5px; margin-left: -10px; } .btn-summary { margin: 5px; background: #1D399A !important; border-radius: 40px; color: white; border: none; padding: 10px 16px; } .btn-summary:hover { background-color: #555555 !important; border-color: #555555 !important; } .open-modal { font-weight: bold; background: var(--blue); color: var(--white); padding: .75rem 1.75rem; margin-bottom: 1rem; border-radius: 5px; } .modal-summary { position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; padding: 1rem; background: #9999998c; cursor: pointer; visibility: hidden; opacity: 0; transition: all 0.35s ease-in; } .modal-dialog-summary { position: relative; max-width: 1200px; max-height: 80vh; border-radius: 5px; overflow: auto; cursor: default; width: 90%; } .modal-footer { background: #dbdbdb00; } .modal-header-summary { background-color: rgb(114 114 114); display: flex; align-items: center; justify-content: space-between; border-radius: 5px; border: 0.5px solid; color: white; font-size: 16px; } .btnModal { color: black; } .modal-header-summary .modal-close { font-size: 1.5rem; } .modal-summary p + p { margin-top: 1rem; } .modal.is-visible { visibility: visible; opacity: 1; } [data-animation="slideInOutLeft"] .modal-dialog { opacity: 0; transform: translateX(-100%); transition: all 0.5s cubic-bezier(0.51, 0.92, 0.24, 1.15); } [data-animation="slideInOutLeft"].is-visible .modal-dialog { opacity: 1; transform: none; transition-delay: 0.2s; } .linea-summary { border-top: 1px solid black; height: 2px; padding: 0; margin: 10px auto 10px auto; max-width: 96%; } .detail-summary { text-align:center; } /* End Summary*/ /* CAMBIOS CHRIS */ .pb-2{padding-bottom: 0.5rem;} .form-control:focus {border-color: #fff !important; -webkit-box-shadow: none!important; box-shadow: none!important;} .busqueda-icon {max-width: 22px; max-height:22px; width:22px; height: 22px;} .busqueda-icon-15 {max-width: 15px; max-height:15px; width:15px; height: 15px;} .busqueda-icon-25 {max-width: 25px; max-height:25px; width:25px; height: 25px;} .busqueda-icon-30 {max-width: 30px; max-height:30px; width:30px; height: 30px;} .busqueda-tab-titulo {display:inline-block; margin-left:2px; font-size:19px; font-weight:400 !important; color: #51514f !important; text-transform: capitalize;} .nav-control > li.active > a, .nav-control > li.active > a:hover, .nav-control > li.active > a:focus, .nav-control > li > a:hover, .nav-control > li > a:focus { box-shadow: 0px 3px 0px -1px #e2261c !important;} .MessageP span {font-weight:400 !important; color:#51514f !important; font-family:'Barlow', sans-serif!important;} #divOwRt label {font-weight:400 !important; color:#fff !important; font-size:15px !important;} .txt-tramo {color:#51514f !important; font-size: 17px !important;} .txt-input-buscador {color:#51514f !important; font-size: 17px !important; font-weight:400 !important;} .txt-opciones-buscador {color:#51514f !important; font-size: 15px !important; font-weight:400 !important;} .link-opciones-buscador {color:#51514f !important; font-size: 14px !important; font-weight:400 !important; text-transform: none !important;} .btnVoos {font-weight:500 !important; border-radius:20px !important; box-shadow: 0px 8px 10px 0px rgba(224,224,224,0.7); font-size:12px !important; margin-top:5px !important;} .btnVoos.btn-buscar-int {box-shadow: 0px 5px 8px 0px rgb(53 51 51 / 70%) !important;} .borde-gris-r {border-right:1px solid #e3e3e3;} .borde-gris-l {border-left:1px solid #e3e3e3;} .borde-gris {border-top: 1px solid #e3e3e3; padding: 20px 0px; margin: 10px 0px; border-bottom: 1px solid #e3e3e3;} .pb-15 {padding-bottom:15px;} .px-15 {padding-left:15px;padding-right:15px;} .caja-icon-flechas {max-width:20px !important; padding:0px !important;} .icon-flechas {margin-top:36px;} .mw-280 {min-width: 280px;} /* checkbox COCHA */ .custom-checkbox>[type="checkbox"],.custom-checkbox>label{margin-bottom:0!important;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .custom-checkbox>[type="checkbox"]:not(:checked),.custom-checkbox>[type="checkbox"]:checked{position:absolute;left:-9999px} .custom-checkbox>[type="checkbox"]:not(:checked)+label,.custom-checkbox>[type="checkbox"]:checked+label{position:relative;padding-left:35px;cursor:pointer; padding-bottom:5px;} .custom-checkbox>[type="checkbox"]:not(:checked)+label:before{content:'';position:absolute;left:0;top:50%;margin-top:-9px;width:20px;height:20px;border:1px solid #949494;background:#fff;border-radius:2px} .custom-checkbox>[type="checkbox"]:checked+label:before{content:'';position:absolute;left:0;top:50%;margin-top:-9px;width:20px;height:20px;border:none;background:#000066;border-radius:2px} .custom-checkbox>[type="checkbox"]:not(:checked)+label:after,.custom-checkbox>[type="checkbox"]:checked+label:after{font:normal normal normal 12px/1 'Glyphicons Halflings';content:'\e013';position:absolute;top:50%;margin-top:-5px;left:3px;color:#fff;xtransition:all .2s;} .custom-checkbox>[type="checkbox"]:not(:checked)+label:after{opacity:0;transform:scale(0)} .custom-checkbox>[type="checkbox"]:checked+label:after{opacity:1;transform:scale(1);margin-left: 1px;} .custom-checkbox>[type="checkbox"][data-indeterminate]+label:after,.custom-checkbox>[type="checkbox"][data-indeterminate]+label:after{content:'\2212';left:2px;opacity:1;transform:scale(1)} .custom-checkbox>[type="checkbox"]:disabled:not(:checked)+label:before,.custom-checkbox>[type="checkbox"]:disabled:checked+label:before{box-shadow:none;background-color:#e2261c;border-color:#e2261c;cursor:not-allowed;opacity:1;color:#dadada} .custom-checkbox>[type="checkbox"]:checked:focus+label:before,.custom-checkbox>[type="checkbox"]:not(:checked):focus+label:before{border:1px solid #949494} .custom-checkbox>label:hover:before{border:1px solid #949494!important} .busqueda-box-pasajeros {border:solid 2px #82dedb; padding-left: 5px; padding-right: 5px; box-shadow:none; margin-top:8px; background-color: #fcfcfc;} .busqueda-box-pasajeros-titulo {margin-top: 10px !important; margin-left: 7px !important; font-size: 16px !important; color: #51514f !important; font-weight: 500 !important;} .btn-box-pasajeros {color:#ffffff !important; background-color:#51514f !important; padding:0px !important;} .AdtsSt-box-pasajeros {color: #51514f !important; width: 28px !important; margin-right: -10px !important; margin-left: 4px !important; padding-right: 5px; padding-left: 9px !important; font-size: 16px !important; border-bottom-color: transparent !important; margin-bottom: 0px; height: 24px; background-color: #ffffff !important; border: none !important; font-weight: 500; box-shadow:none !important;} .IfPassMessage .alert-danger {color: #e2261c !important; background-color: #ffffff !important; border:none !important; font-size: 14px !important; font-weight: 400 !important;} .IfPassMessage .alert {padding:10px !important; margin-bottom:0px !important; margin-top: 5px !important;} .IfPassMessage .alert .close {color:#adadad !important;} .IfPassRoomAges .IfPassAgesCont {padding-left:5px;} .IfPassRoomAges .IfPassAgesCont b {font-weight:500 !important;} .IfPassRoomAges .IfPassAgesCont span {color:#51514f !important;} .IfPassRoomAges .IfPassAgesCont select {min-width: 63px; min-height: 36px; margin-top: 7px;} .colorTittleFilter img { -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%);} /* .selector-rango {border-radius:10px !important; width: 20px !important; background-color: #ffffff !important; border:4px solid #e2261c !important; height: 20px !important;} */ /* .barra-rango { background:#e2261c !important;} */ .price-slider-sidebar label {font-family:'Barlow', sans-serif !important;} .price-slider-sidebar .labelFiltro {font-weight:500 !important;} .rango-cocha {border: none !important; margin-top: 6px;} .ui-widget-content.rango-cocha .ui-state-default {border-radius:10px !important; width: 20px !important; background-color: #ffffff !important; border:4px solid #000066 !important; height: 20px !important; top:-9px !important;} .slider-sidebar.rango-cocha .ui-widget-header { background: #000066 !important; height:4px !important;} .caja-ida-vuelta {border:none !important;} .ida-vuelta {border:none !important; color:#51514f !important;} .ida-vuelta.nav-tabs > li > a {background-color: #e3e3e3 !important; border: none !important;} .ida-vuelta .titulo-tab {font-size:18px !important; color: #e2001a !important;} .ida-vuelta .airlinePackTxt {font-family: 'Barlow', sans-serif; font-style: italic; font-weight: 500; text-transform: capitalize; font-size: 14px;text-align: left; margin-left: 10px;} .ida-vuelta .content-image.airlinePackLogo {background-color: transparent !important; display:flex !important; flex-direction: column; border-radius: 0px !important; padding:0px; font-size: 16px; color: #51514f; align-items: center;justify-content: flex-start;} .ida-vuelta .content-image.airlinePackLogo::after{ content: ''; border-right: 1px solid #5d5d5d; height: 60px;} .ida-vuelta .airlinePackName {font-size: 16px; color: #51514f; text-transform: capitalize; font-weight: 300; margin: 0px;} .ida-vuelta #IfReturnData, .ida-vuelta #IfDepartureData {font-size: 16px; color: #000066; text-transform: capitalize; font-weight: 500; margin: 0px;font-style: italic;} .ida-vuelta .caja-aerolinea {border-right: 1px solid #707070;} .resultados-cocha{ margin: 0px!important;} .aerolinea-head-new.resultados-cocha-head {background-color: #e2001a !important; text-align: left!important;} .resultados-cocha-head .going-pack {width: 17px !important;height: 20px;margin-top: -3px;} .resultados-cocha .price-big-family, .resultados-cocha .more-options-family {color:#51514f !important;} .resultados-cocha .btn-ver-opciones {border: solid 1px #adadad; font-size: 14px; font-weight: 500; border-radius: 20px; padding: 8px; margin: 0px; float: right; margin-top: 8px;} .resultados-cocha .content-duration-family a {color:#51514f; font-weight:600; text-decoration: underline;font-size: 16px;} .resultados-cocha .option-selected-family {color:#51514f !important; font-weight:500 !important;} .resultados-cocha .condicionesAerolineaIntTop {color: #51514f !important;} .resultados-cocha .name-table-family {text-align: center !important; font-size: 16px !important; font-weight: 400 !important; color: #51514f !important; margin: 10px 0px !important; padding-left: 0px !important; padding-right: 0px !important;} .resultados-cocha .table-family a {color:#51514f !important; text-decoration: underline !important; font-weight:600 !important; font-size:12px !important;} .resultados-cocha .name-table-familyprice {color: #51514f !important; font-size: 18px !important; font-weight: 600 !important;} /* tabla con hover */ .resultados-cocha .condicionesAerolineaIntTSTS:hover, .resultados-cocha .condicionesAerolineaIntZEROZERO:hover, .resultados-cocha .condicionesAerolineaIntQPQP:hover, .resultados-cocha .condicionesAerolineaIntLightLight:hover, .resultados-cocha .condicionesAerolineaIntPlusPlus:hover, .resultados-cocha .condicionesAerolineaIntTopTop:hover, .resultados-cocha .condicionesAerolineaIntRYRY:hover, .resultados-cocha .condicionesAerolineaIntLIGHTLIGHT:hover, .resultados-cocha .condicionesAerolineaIntPLUSPLUS:hover, .resultados-cocha .condicionesAerolineaIntFULLFULL:hover {border: 3px solid #000066 !important;} /* gris para todas las tablas */ .resultados-cocha .condicionesAerolineaIntTSTS, .resultados-cocha .condicionesAerolineaIntZEROZERO, .resultados-cocha .condicionesAerolineaIntQPQP, .resultados-cocha .condicionesAerolineaIntLightLight, .resultados-cocha .condicionesAerolineaIntPlusPlus, .resultados-cocha .condicionesAerolineaIntTopTop, .resultados-cocha .condicionesAerolineaIntRYRY, .resultados-cocha .condicionesAerolineaIntLIGHTLIGHT, .resultados-cocha .condicionesAerolineaIntPLUSPLUS, .resultados-cocha .condicionesAerolineaIntFULLFULL {border: 3px solid #adadad !important;} /* color para tablas LA */ .resultados-cocha .condicionesAerolineaIntQP, .resultados-cocha .condicionesAerolineaIntLight, .resultados-cocha .condicionesAerolineaIntPlus, .resultados-cocha .condicionesAerolineaIntTop, .resultados-cocha .condicionesAerolineaIntRY {color: #51514f !important; font-weight:400; font-size:14px;} /* ajuste para valor en tabla, luego de seleccionar familia */ .resultados-cocha .not-space-padding .condicionesAerolineaIntQP, .resultados-cocha .not-space-padding .condicionesAerolineaIntLight, .resultados-cocha .not-space-padding .condicionesAerolineaIntPlus, .resultados-cocha .not-space-padding .condicionesAerolineaIntTop, .resultados-cocha .not-space-padding .condicionesAerolineaIntRY {font-size:24px !important; font-weight: bold !important;} .modal-detallesvuelo .modal-header, modal-resumenvuelo .modal-header {border-bottom: 1px solid #e3e3e3 !important;} .modal-detallesvuelo .well {background-color: #ffffff !important; margin-bottom:0px !important;} .modal-detallesvuelo .separadorEscala {background-color: #e3e3e3 !important; color:#51514f !important; font-weight:500 !important; font-size:16px !important;} .modal-detallesvuelo .tittleDetailFlight {font-size:16px !important; font-weight:400 !important;} .modal-detallesvuelo .InfoDetailFlight {font-size:18px !important; color: #51514f !important; font-weight:500 !important;} .modal-detallesvuelo .checkOutIn {font-size:18px !important; font-weight:500 !important; color: #51514f !important;} .modal-detallesvuelo .span-airplane-detail {font-size:18px !important; font-weight:300; color: #51514f !important;} .detallesvuelo-info {font-size: 16px; color: #51514f; font-weight: 300; margin-top:25px; margin-bottom:10px; min-height: 140px;} .detallesvuelo-info .cityNombDetail {font-family: 'barlow', sans-serif; font-weight:600 !important; font-size:18px !important; color: #51514f !important;} .detallesvuelo-info .checkOutInHora {font-family: 'barlow', sans-serif; font-weight:400 !important; font-size:16px !important; color: #51514f !important;} .detallesvuelo-clase .span-cabine-detail {font-family: 'barlow', sans-serif; font-weight:300; font-size:16px !important; color: #51514f !important;} .modal-detallesvuelo .mensaje-alert span {background-color: transparent !important; border: none !important; font-size:12px !important; font-weight:500 !important; color: #51514f !important;} .modal-detallesvuelo .mensaje-alert {margin-bottom:0px !important; padding-bottom:0px !important;} .modal-detallesvuelo .modal-footer {border-top:none !important; padding-top:0px !important; padding-bottom:20px !important;} .modal-detallesvuelo .btn-accion {font-weight:400 !important; border-radius:20px !important; box-shadow: 0px 8px 10px 0px rgba(224,224,224,0.7);background-color:#e2261c !important; font-size:17px !important; color:#ffffff!important;padding: 6px 25px!important;} .modal-detallesvuelo .btn-accion:hover, .modal-detallesvuelo .btn-accion:active, .modal-detallesvuelo .btn-accion:focus {outline-color:transparent !important;} .modal-resumenvuelo .modal-header {background-color: #ffffff !important; border-bottom: 1px solid #e3e3e3!important;} .modal-resumenvuelo .modal-content {box-shadow: none !important; border:none !important; border-radius:0px !important;} .modal-resumenvuelo .summary-row {box-shadow:none !important; border:1px solid #e3e3e3;margin-bottom: 10px;} .modal-resumenvuelo .linea-summary {border-top:1px solid #ffffff !important;} .modal-resumenvuelo .detail-summary img {max-width: 20px; margin:0px auto;} .modal-resumenvuelo .detail-summary .margin-bottom4 {margin-right: 5px !important; margin-top: -5px !important;} .modal-resumenvuelo .detail-summary .tabladetalles-nomaero {font-size:16px;} .modal-resumenvuelo .detail-summary .idayvuelta {font-weight:700; font-size:18px; text-align:left;} .modal-resumenvuelo .detail-summary .tabladetalles-destacado {font-size:18px !important;} .modal-resumenvuelo .tabladetalles {margin-top:20px; margin-bottom:15px !important; color:#51514f !important;} .modal-resumenvuelo .tabladetalles .cityNombDetail {font-family: 'barlow', sans-serif !important; color:#51514f !important; font-size:18px !important; font-weight:700 !important; letter-spacing:normal !important; margin-top: 4px !important;} .modal-resumenvuelo .tabladetalles .numvuelo {font-family: 'barlow', sans-serif !important; color:#51514f !important; font-size:18px !important; font-weight:700 !important; display:inline-block !important; margin-left:5px;} .modal-resumenvuelo .tabladetalles .checkOutIn {font-family: 'barlow', sans-serif !important; color:#51514f !important; font-size:14px !important; font-weight:400 !important;} .modal-resumenvuelo .tabladetalles .checkOutInHora {font-family: 'barlow', sans-serif !important; color:#51514f !important; font-size:14px !important; font-weight:400 !important;} .modal-resumenvuelo .tabladetalles .tabladetalles-medium {font-weight:500 !important;} .modal-resumenvuelo .linea-summary {margin:6px 0px !important;} .modal-resumenvuelo .tabladetalles-vermas {font-size:12px; font-weight:400; text-decoration: underline;} .new-align{text-align: right;} .modal-resumenvuelo .resumenvuelo-footer {margin: 15px 0px;text-align: right;} .modal-resumenvuelo .resumenvuelo-total {margin-top:12px; font-weight: 700; font-size: 18px;text-align: right;} .modal-resumenvuelo .resumenvuelo-footer .btn-accion {font-weight:400 !important; border-radius:20px !important; box-shadow: 0px 8px 10px 0px rgba(224,224,224,0.7);background-color:#000066 !important; font-size:17px !important; color:#ffffff!important; margin-top:5px; padding: 5px 20px;} .modal-resumenvuelo .resumenvuelo-footer .btn-accion:hover, .modal-detallesvuelo .btn-accion:active, .modal-detallesvuelo .btn-accion:focus {outline-color:transparent !important;} .title-modal-detail {font-size: 21px;} .goto-summary{ display: flex; justify-content: space-between;} .goto-summary-detail{ display: flex; text-align: end; flex-direction: column;} .p-detail-summary{ padding: 0px 30px;} .section-detail-summary{ border-top: none !important; border-right: 1px solid #707070; padding: 5px 10px;} .section-detail-summary2{ border-top: none !important; padding: 15px 10px 10px 30px; text-align: left;} .date-picker-wrapper {background-color: #fcfcfc !important; font-family: barlow,sans-serif !important;} .date-picker-wrapper .month-element {font-size:16px !important;} .date-picker-wrapper .drp_top-bar {border-top:1px solid #ededed !important;} .date-picker-wrapper .drp_top-bar .apply-btn {border:none !important; background-color: transparent !important; color:#51514f !important; text-decoration: underline !important;} .date-picker-wrapper.no-shortcuts { box-shadow:none !important;} .baggage{ display: inline-flex; } .baggage img{ padding-right: 3px; } #newMessageDeparture span{ font-weight: normal!important;} .url-family-options-scale{ padding: 10px 20px 0 20px; display: inline-flex; align-items: center; width: 100%; justify-content: space-between; } .div-option{ text-align: end; width: 100%; display: flex; align-items: center; justify-content: flex-end; padding: 0px; } .modal-detallesvuelo .closebtn, .modal-pagoExterno .closebtn { position: absolute; top: -3px; right: 20px; font-size: 40px; color: #000; } .modal-pagoExterno .modal-footer {text-align: center;border-top:0px;} .modal-pagoExterno .modal-footer .btn-accion {font-weight:400 !important; border-radius:20px !important; box-shadow: 0px 8px 10px 0px rgba(224,224,224,0.7);background-color:#e2261c !important; font-size:17px !important; color:#ffffff!important; margin-top:5px; padding: 5px 20px;} .modal-pagoExterno .modal-footer .btn-accion:hover, .modal-pagoExterno .btn-accion:active, .modal-pagoExterno .btn-accion:focus {outline-color:transparent !important;} .modal-pagoExterno .modal-header {border-bottom: 1px solid #e3e3e3 !important;} .modal-pagoExterno .modal-body { padding: 15px 30px;} .modal-pagoExterno #pagoExterno {padding: 20px;border: 1px solid #e3e3e3;border-radius: 3px;} @media only screen and (max-width: 600px) { .date-picker-wrapper.no-shortcuts {margin-right:3% !important;} .busqueda-box-pasajeros {margin-left: 5% !important;} } @media only screen and (max-width: 768px) { .ida-vuelta .airlinePackTxt {font-family: 'Barlow', sans-serif; font-style: italic; font-weight: 500; text-transform: capitalize; font-size: 12px;text-align: center!important;} .ida-vuelta .content-image.airlinePackLogo {background-color: transparent !important; display:flex !important; flex-direction: row!important; font-size: 11px!important;} .ida-vuelta .content-image.airlinePackLogo::after{ content: ''; border: 0px; height: 0px;} .img-family { width: 40%; height: 80%;} .content-image { width: 100%!important;} .vuelos-item { margin: 20px 15px 0px;} .resultados-cocha .content-duration-family a {color:#51514f; font-weight:600; text-decoration:underline;font-size: 12px!important;} .ida-vuelta .caja-aerolinea {border-right:0px;} .ida-vuelta #IfReturnData, .ida-vuelta #IfDepartureData {font-size: 12px; color: #51514f; text-transform: capitalize; font-weight: 500; margin: 0px;font-style: italic;} .title-modal-detail {font-size: 18px;} .modal-detallesvuelo .closebtn {top: auto;} .goto-summary-detail{ justify-content: space-between; flex-direction: row; align-items: center;} .p-detail-summary{ padding: 0px;} .table-responsive{margin-bottom: 0px; border: 0px;} .section-detail-summary2{ border-top: none !important; padding: 5px 10px 10px; text-align: center;} .section-detail-summary{ border-top: none !important; border-right: 0px; padding: 5px 10px;} .line-detail-summary{padding: 5px 10px; border-bottom: 1px solid #e3e3e3;} .modal-resumenvuelo .detail-summary .idayvuelta {text-align:right;} .modal-resumenvuelo .resumenvuelo-footer {text-align: center;} .modal-resumenvuelo .resumenvuelo-total {text-align: center;} .new-align{text-align: left;} } /* cmabios ALE */ .labelFrmReserva_cocha { font-size: 17px !important; line-height: 20px !important; color: #51514f !important; font-weight: 500 !important; } .cloneSelect { background-image: url("https://cochab2c.ideasfractal.com/corporate/etraveler/pyme/images_30/mcg/icon-desplegable.svg") !important; background-position: right 8px top 8px !important; background-size: 20px; } .form-control-cocha { height: 38px !important; } .form-group-cocha { /* min-height: 95px !important; */ margin: 0 !important; } .form-control-cocha::placeholder { font-style: italic; font-size: 14px; } .has-error .form-control { border-color: #e2261c !important; } .has-error .help-block { color: #e2261c !important; } /* new styles */ .check-seard{ padding-bottom: 10px; } .check-seard label{ font-size: 15px; } .check-seard input[type=checkbox]:not(old){ height: 1.5rem; } #frmBuscadorVuelos .form-submit { display: flex; justify-content: center; } .nuevo-tramo label{ padding: 10px; } .nuevo-tramo label a:hover{ color: #adadad!important; } @media screen and (max-width:500px) { .tooltip-inter {padding: 10px 4px !important;} } /* Cambios Juan */ .filtrosPA{ width: 240px !important; display: table !important; } #frmBuscadorPlanesCircuitos{ background: #000066 !important; margin-top: 30px; } /*Estilos familias*/ .table-family { height: 47px; font-size: 14px; text-align: left; border-bottom: 1px solid rgba(0,0,0,.12); padding-top: 4% !important; } .table-family-mobile { height: 60px; font-size: 14px; text-align: left; border-bottom: 1px solid rgba(0,0,0,.12); } .hide-table-family { display: none; } .aerolinea-int { font-size: 12px; height: 47px; border-bottom: 1px solid rgba(0,0,0,.12); } .aerolinea-int-mobile { font-size: 14px; height: 60px; border-bottom: 1px solid rgba(0,0,0,.12); } .align-text-family { position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .align-text-family-price { position: relative; } .align-text-family-mobile { font-size: 12px; position: relative; top: 25%; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .align-text-family-mobile-int { font-size: 13px; position: relative; top: 45%; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .align-title-family-mobile { font-size: 13px; position: relative; } .condicionesAerolineaIntSMALL { color: rgba(196, 85, 0, 0.5); font-weight: bold; } .condicionesAerolineaIntSMALLSMALL { border: 3px solid rgba(196, 85, 0, 0.5); } .condicionesAerolineaIntMEDIUM { color: rgba(164, 30, 44, 0.5); font-weight: bold; } .condicionesAerolineaIntMEDIUMMEDIUM { border: 3px solid rgba(164, 30, 44, 0.5); } .condicionesAerolineaIntLARGE { color: rgba(58, 22, 34, 0.5); font-weight: bold; } .condicionesAerolineaIntLARGELARGE { border: 3px solid rgba(58, 22, 34, 0.5); } .condicionesAerolineaIntXS { color: rgba(174, 21, 30); font-weight: bold; } .condicionesAerolineaIntXSXS { border: 3px solid rgba(174, 21, 30); } .condicionesAerolineaIntS { color: rgba(196, 85, 0, 0.5); font-weight: bold; } .condicionesAerolineaIntSS { border: 3px solid rgba(196, 85, 0, 0.5); } .condicionesAereoIntSS { border: 1px solid rgba(196, 85, 0, 0.5); width: 99%; } .condicionesAerolineaIntM { color: rgba(164, 30, 44, 0.5); font-weight: bold; } .condicionesAerolineaIntMM { border: 3px solid rgba(164, 30, 44, 0.5); } .condicionesAereoIntMM { border: 1px solid rgba(164, 30, 44, 0.5); width: 99%; } .condicionesAerolineaIntL { color: rgba(58, 22, 34, 0.5); font-weight: bold; } .condicionesAerolineaIntLL { border: 3px solid rgba(58, 22, 34, 0.5); } .condicionesAereoIntLL { border: 1px solid rgba(58, 22, 34, 0.5); width: 99%; } .condicionesAerolineaIntXL { color: rgba(134, 107, 78, 0.5); font-weight: bold; } .condicionesAerolineaIntXLXL { border: 3px solid rgba(134, 107, 78, 0.5); } .condicionesAereoIntXLXL { border: 1px solid rgba(134, 107, 78, 0.5); width: 99%; } .condicionesAerolineaIntXXL { color: rgba(51, 51, 51, 0.5); font-weight: bold; } .condicionesAerolineaIntXXLXXL { border: 3px solid rgba(51, 51, 51, 0.5); } .condicionesAereoIntXXLXXL { border: 1px solid rgba(51, 51, 51, 0.5); width: 99%; } .condicionesAerolineaIntQP { color: rgba(4, 160, 251, 0.5); font-weight: bold; } .condicionesAerolineaIntQPQP { border: 3px solid rgba(4, 160, 251, 0.5); } .condicionesAereoIntQPQP { border: 1px solid rgba(4, 160, 251, 0.5); width: 99%; } .condicionesAerolineaIntLight { color: rgba(153, 204, 51, 0.5); font-weight: bold; } .condicionesAerolineaIntLightLight { border: 3px solid rgba(153, 204, 51, 0.5); } .condicionesAereoIntLightLight { border: 1px solid rgba(153, 204, 51, 0.5); width: 99%; } .condicionesAerolineaIntPlus { color: rgba(0, 181, 173, 0.5); font-weight: bold; } .condicionesAerolineaIntPlusPlus { border: 3px solid rgba(0, 181, 173, 0.5); } .condicionesAereoIntPlusPlus { border: 1px solid rgba(0, 181, 173, 0.5); width: 99%; } .condicionesAerolineaIntTop { color: rgba(210, 55, 187, 0.5); font-weight: bold; } .condicionesAerolineaIntTopTop { border: 3px solid rgba(210, 55, 187, 0.5); } .condicionesAereoIntTopTop { border: 1px solid rgba(210, 55, 187, 0.5); width: 99%; } .condicionesAerolineaIntRY { color: rgba(239, 62, 97, 0.5); font-weight: bold; } .condicionesAerolineaIntRYRY { border: 3px solid rgba(239, 62, 97, 0.5); } .condicionesAereoIntRYRY { border: 1px solid rgba(239, 62, 97, 0.5); width: 99%; } .condicionesAerolineaIntZEROZERO{ border: 3px solid rgba(210, 55, 187, 0.5); } .condicionesAerolineaIntLIGHTLIGHT{ border: 3px solid rgba(210, 55, 187, 0.5); } .condicionesAerolineaIntPLUSPLUS{ border: 3px solid rgba(210, 55, 187, 0.5); } .condicionesAerolineaIntFULLFULL{ border: 3px solid rgba(210, 55, 187, 0.5); } .condicionesAerolineaIntKDKD { border: 3px solid #FF9800; } .padding-family-tabs { padding-top: 15px; padding-bottom: 15px; } .bg-AV-XS { border-right: 4px solid rgb(238, 21, 30) !important; width: 4px; } .bg-AV-S { border-right: 4px solid rgba(196, 85, 0, 0.5) !important; width: 4px; } .bg-AV-M { border-right: 4px solid rgba(164, 30, 44, 0.5) !important; width: 4px; } .bg-AV-L { border-right: 4px solid rgba(58, 22, 34, 0.5) !important; width: 4px; } .bg-AV-XL { border-right: 4px solid rgba(134, 107, 78, 0.5) !important; width: 4px; } .bg-AV-XXL { border-right: 4px solid rgba(51, 51, 51, 0.5) !important; width: 4px; } .bg-AV-QP { background: rgba(4, 160, 251, 0.5) !important; } .bg-AV-Light { background: rgba(153, 204, 51, 0.5) !important; } .bg-AV-Plus { background: rgba(0, 181, 173, 0.5) !important; } .bg-AV-Top { background: rgba(210, 55, 187, 0.5) !important; } .bg-AV-SMALL { border-right: 4px solid rgba(196, 85, 0, 0.5) !important; width: 4px; } .bg-AV-MEDIUM { border-right: 4px solid rgba(164, 30, 44, 0.5) !important; width: 4px; } .bg-AV-LARGE { border-right: 4px solid rgba(58, 22, 34, 0.5) !important; width: 4px; } .bg-LA-QP { border-right: 4px solid rgba(4, 160, 251, 0.5) !important; width: 4px; } .bg-LA-Light { border-right: 4px solid rgba(153, 204, 51, 0.5) !important; width: 4px; } .bg-LA-Plus { border-right: 4px solid rgba(0, 181, 173, 0.5) !important; width: 4px; } .bg-LA-Top { border-right: 4px solid rgba(210, 55, 187, 0.5) !important; width:4px; } .bg-LA-RY { border-right: 4px solid rgba(239, 62, 97, 0.5) !important; width: 4px; } .bg-AV-SMALL { border-right: 4px solid rgba(196, 85, 0, 0.5) !important; width: 4px; } .bg-AV-MEDIUM { border-right: 4px solid rgba(164, 30, 44, 0.5) !important; width: 4px; } .bg-AV-LARGE { border-right: 4px solid rgba(58, 22, 34, 0.5) !important; width: 4px; } .family-size-tabs { padding: 1px; border-right: 1px solid #ddd; } .max-size { width:100%; } .condicionesAerolineaIntLARGE { color: rgba(58, 22, 34, 0.5); font-weight: bold; } .condicionesAerolineaIntLARGELARGE { border: 3px solid rgba(58, 22, 34, 0.5); } .condicionesAereoIntLARGELARGE { border: 1px solid rgba(58, 22, 34, 0.5); width: 99%; } .condicionesAerolineaIntMEDIUM { color: rgba(164, 30, 44, 0.5); font-weight: bold; } .condicionesAerolineaIntMEDIUMMEDIUM { border: 3px solid rgba(164, 30, 44, 0.5); } .condicionesAereoIntMEDIUMMEDIUM { border: 1px solid rgba(164, 30, 44, 0.5); width: 99%; } .condicionesAerolineaIntSMALL { color: rgba(196, 85, 0, 0.5); font-weight: bold; } .condicionesAerolineaIntSMALLSMALL { border: 3px solid rgba(196, 85, 0, 0.5); } .condicionesAereoIntSMALLSMALL { border: 1px solid rgba(196, 85, 0, 0.5); width: 99%; } /* FIN NUEVO FAMILIAS */ .labelFiltro { color: #5C5C5C !important; /* font-family: OpenSans-Regular !important; */ font-weight: 300 !important; } .btnFiltro { width: 100%; background: #adadad; padding: 10px; font-size: 18px; color: white!important; } /* Estilos para arma tu Tiquete */ .btn-tab { font-weight: bold; border-radius: 8px; padding: 12px 12px; } .btn-tab:hover, .btn-tab:focus, .btn-tab:active, btn-tab-active { border-bottom-color: #36538a; border-bottom-width: 2px; } .btn-tab-active { background-color: inherit; border-bottom-color: blue; border-bottom-width: 2px; } .contenedor-ticket { text-align: center; margin-top: 15px; } .contenedor-tabs { display: inline-block; border: 1px solid #adadad; border-radius: 8px; width: 90%; } .titulo-tab { font-weight: bold; font-size: 20px; margin-bottom: 9px; font-style: italic; } /* .nav-tabs { */ /* display: flex; */ /* width: 100%; */ /* font-weight: bold; */ /* font-size: 12px; */ /* height: auto; */ /* /*background-color: #e2e2e2;*/ */ /* } */ .tab { width: 50%; } .contenedor-botones-familia { text-align: -webkit-center; text-align: -moz-center; } /*#mainContentGrupos #myTabs .nav > li:focus, .nav > li:hover { background-color: #e6e6e6 !important; }*/ .pack .nav-tabs > li { vertical-align: middle; max-height: 100%; } .pack .nav-tabs .active { background-color: transparent !important; width: 50%; border-radius: 7px; min-height: 100%; } .pack .contenedor-tabs { display: inline-block; border: 1px solid #adadad; border-radius: 7px; width: 100%; padding: 0px 15px; } .pack .contenedor-tabs .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { color: #51514f !important; background-color: #ffffff !important; } .contenedor-tabs .pack .nav-tabs > li > a:hover { background-color: #e2e2e2; border-color: inherit; border: none !important; border-radius: 7px; } .pack .nav-tabs > li > a:hover { background-color: inherit; border-color: inherit; border: none !important; border-radius: 7px; } .pack .nav-tabs > li > a { background-color: #c1c1c1; width: 100%; display: grid; font-weight: bold; font-size: 12px; height: 100%; } .img-family { width: 80%; height: 100%; } .content-image { height: 26px; width: 74px; display: inline-block; box-sizing: content-box } .vuelos-family { width: 80%; } .vuelos-family .btn-tab-active { border-bottom-color: #36538a; } .vuelos-family .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline-offset: inherit; } .header-vh .pull-left { width: 33.3%; margin-left: 2px; margin: auto; } .content { border-right: 1px solid; } .itinerary-vh { padding: 10px; } .itinerary-vh .clearfix { margin: auto; width: 90%; background-color: #1D399A; color: white; border-radius: 10px; font-size: 13px; } .pull-left .content { border-right: 1px solid; } .airlinePackLogo { display: inline-flex; padding: 10px; border-radius: 5px; } .airlinePackTxt { /* display: inline; */ } #btnFixed {font-weight:400 !important; border-top-left-radius:20px !important; border-bottom-left-radius:20px !important; background-color:#e2001a !important; font-size:17px !important; color:#ffffff!important;padding: 6px 25px!important; border:none !important; position: fixed; right:0px; bottom:25px; z-index:99; min-width:201px;} section.modal-content { margin-top: -1px; } /* FINestilos 22 noviembre arma tu tiquete*/ span.btn.btn-success { color: #fff; background-color: #e2001a; border-color: #e2001a; } /* upsell */ .upsell-div-msg { background-color: #b4d9f5; padding: 4px 0 4px 0; border-radius: 4px; font-size: 1.1em; } .upsell-div-comparative { text-align: inherit; display: flex; background: #FDFDFD; font-size: 12.5px; padding: 15px; } .upsell-div-services { width: 20%; margin-left: 15px; margin-bottom: 5px; display: inline-block; word-break: break-word; white-space: normal; } .personality-tabs { display: flex; justify-content: center; } .upsell-div-service-name { text-align: initial; margin: 3px 3px 3px 3px; min-height: 28px; max-height: 29px; border-bottom: 1px solid #EEEEEE; padding: 2px 0 36px 0; text-transform: capitalize; width: 90%; } .upsell-column { width: 130px; } .upsell-column-more { width: 290px; } .upsell-div-service-name span { display: inline-block; white-space: normal; word-wrap: break-word; overflow-wrap: break-word; } .upsell-family-data { text-align: center; margin-top: 5px; max-height: 57px; min-height: 57px; } .upsell-fare-info { color: #87141A; font-size: 110%; } .blockButton { text-align: right; font-size: 130%; padding-right: 8px; } .content .tabContent .blockButton { padding-right: 0px; } .tooltip-upsell { position: relative; display: inline-block; opacity: inherit; font-size: inherit; z-index: inherit; line-height: inherit; visibility: inherit; font-size: 10px; } .btnUpsell { font-family: helvetica; text-transform: uppercase; font-size: 15px; padding: 6px 10px; max-width: 30%; border: 0; margin: auto; margin-bottom: 10px; color: #fff !important; text-align: center; margin-right: 15px; border-radius: 5px; box-shadow: 0.5px 0.5px 2px #5ea5ed; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; padding: 11px 15px; background: #ffd124; margin-top: 0px; color: #457F9F !important; } .blockButton .button a { background: none; border: 1px solid #0053ba; border-radius: 3px; color: #0053ba; } @media (max-width: 600px) { .upsell-div-service-name { text-align: initial; font-size: 8px; } } .segm-upsell > .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { background-color: #027EA8; border-radius: 5px; color: white; } .upsellBuy { font-family: helvetica; text-transform: uppercase; font-size: 15px; border: 0; margin-bottom: 10px; text-align: center; padding: 2px 15px; margin-top: 0px; border-radius: 20px; box-shadow: 0.5px 0.5px 2px #5ea5ed; transition: all .2s ease-in-out; padding: 2px 15px; background: #E0E0E0; margin-top: 0px; margin: 8px; } .upsell-buy-btn { text-align: right; margin-right: 20px; margin-bottom: 8px; } .slidingButton { color: #FFF; } .upsell-right-text { color: white; font-weight: 500; font-size: 16px; } .upsell-right { margin-top: 15px; background-color: #1D399A; border-radius: 5px; box-shadow: 0.5px 0.5px 2px #5ea5ed; transition: all .2s ease-in-out; text-align: center; padding: 5px; } /* The heart of the matter */ .upsell-group > .row { overflow-x: auto; white-space: nowrap; } .upsell-group > .row > .col-xs-4 { display: inline-block; float: none; } .upsell-items { width: 80%; text-align: left; } .upsell-btn { color: white !important; } .upsell-div-head { text-align: center; } .upsell-btn-pricing { background: #1D399A0 !important; padding: inherit } .div-empty-table { min-height: 129px } .div-comparative-span { margin-right: 21px; } .upsell-icon { color: #000; padding-top: 5px; margin-right: 5px; } .upsell-center { text-align: center !important; } .upsell-items-modal { text-align: left; } .btnUpsell-modal { font-family: helvetica; font-size: 15px; padding: 5px 20px; border: 0; color: #fff !important; text-align: center; margin-right: 15px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; text-align: right; margin-top: 0px; color: #457F9F !important; display: flex; } .upsell-info-rates { text-align: left; color: #457F9F !important; width: 30%; padding: 10px; text-align: left; margin: auto; font-family: helvetica; font-size: 15px; } .first-upsell { text-align: right; border-right: 1px solid #EEEEEE; } .content-info-upsell { display: -webkit-box; } .services-contain-upsell { width: 30%; } @media screen and (max-width: 500px) { .content-info-upsell { display: block; } .upsell-info-rates { text-align: center; width: 100%; position: relative; } .services-contain-upsell { display:none; } .modal-dialog-upsell { max-height: 88%; } } .select-upsell { border: 2px solid #027EA8; border-radius: 8px; } .modal-upsell { position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; padding: 1rem; background: #9999998c; cursor: pointer; visibility: hidden; opacity: 0; transition: all 0.35s ease-in; } .loader-upsell { width: 48px; height: 48px; border: 5px solid #FFF; border-bottom-color: #FF3D00; border-radius: 50%; display: inline-block; box-sizing: border-box; animation: rotation 1s linear infinite; } @keyframes rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .modal-dialog-upsell { position: relative; border-radius: 5px; overflow: auto; cursor: default; width: auto; min-width: 60%; } .modal-header-upsell { background-color: rgb(34 90 126); display: flex; align-items: center; justify-content: space-between; border-radius: 5px; color: white; font-size: 17px; } .tab-container-upsell { text-align: center; border: 1px solid #EEEEEE; border-radius: 5px; } .upsell-containt { border-bottom: 1px solid #EEEEEE; border-radius: 5px; width: 100%; display: flex; width: 100%; display: flex; } /* upsell */ /* otros */ .suscrib { display: flex; justify-content: center; flex-direction: row; background: #30393e; height: 50px; color: white; } .boletin-texto2 { /* display: flex; */ justify-content: flex-end; font-size: 14px; font-weight: 400; } .bgbar { padding: 10px; } .button.btnPrimary.btnbuscadorprincial.plan { margin: 12px; background: #e2001a; color: white; font-family: "Titillium Web", sans-serif; font-weight: 700; border-radius: 15px; } .alert-warning { color: #e2001a; background-color: #ffd124; border-color: #ffd124; } /* Estilo para el loader */ .modalWait { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.8); /* Color de fondo semitransparente */ display: flex; align-items: center; justify-content: center; z-index: 9999; /* Asegura que el loader esté en la parte superior */ } /* Estilo para el contenido del loader */ .modalWait .center-block { text-align: center; } /* Estilo para la sesión */ .suscrib { position: relative; /* Agrega otros estilos relevantes si es necesario */ } .whatsapp-icon { font-size: 20px; color: white; vertical-align: middle; margin-right: 5px; } i.fas.fa-phone-volume { font-size: 20px; color: white; vertical-align: middle; margin-right: 5px; } /* otros */ i { color: #fff; } /* estilos Eymar */ .Conditions-modalContainer { height: calc(100vh - 30px); overflow: hidden; padding: 3% 1%; } .Conditions-modalContainer .modal-content { height: calc(100% - 61.28px); overflow-x: hidden; } /* fin estilos Eymar */ /* nuevos estilos upsell Eymar tabla */ .upsell-selected_first { border-top: 2px solid #027EA8; border-right: 2px solid #027EA8; border-left: 2px solid #027EA8; border-radius: 8px; } .upsell-selected_last { border-right: 2px solid #027EA8; border-left: 2px solid #027EA8; border-bottom: 2px solid #027EA8; border-radius: 8px; } .upsell-selected { border-right: 2px solid #027EA8; border-left: 2px solid #027EA8; } /* nuevos estilos upsell Eymar tabla */ /* nuevos estilos familia AV */ .condicionesAerolineaIntM { color: rgb(181, 0, 128); font-weight: bold; } .condicionesAerolineaIntL { color: rgb(255, 92, 0); font-weight: bold; } .condicionesAerolineaIntCLASSIC { color: rgb(181, 0, 128); font-weight: bold; } .condicionesAerolineaIntCLASSICCLASSIC { border: 3px solid rgb(181, 0, 128); } .condicionesAerolineaIntBASICBASIC { border: 3px solid rgb(89 123 237); } .condicionesAerolineaIntFLEX { color: rgb(255, 92, 0); font-weight: bold; } .condicionesAerolineaIntFLEXFLEX { border: 3px solid rgb(255, 92, 0); } /* nuevos estilos familia AV */ @media (max-width: 768px) { /* Aplica solo para pantallas pequeñas */ li i img + p.textos_Buscador { display: block; text-align: center; /* Opcional, centra el texto debajo de la imagen */ margin-top: 8px; /* Ajusta el espacio entre la imagen y el texto */ } li i img, li p.textos_Buscador { display: block; margin: 0 auto; /* Centra la imagen y el texto */ } } #btnFixed { display: none; }