/****************************************/ /* RESETS -> RESET */ /****************************************/ html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline;} html {height: 100%;} label { } body {line-height:1;background:white;color:#363636;height: auto !important;} h1, h2, h3, h4, h5, h6 {margin:/*0*/ 0 0 .5em 0;padding:0;border:0;outline:0;font-weight:normal;font-style:inherit;font-family:inherit;vertical-align:baseline;font-size:100%;} table {border-collapse:collapse;border-spacing:0;} /* table necesita 'cellspacing="0"' en codigo HTML */ th, td {text-align:left;font-style:normal;font-weight:normal;vertical-align:top;} blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" ""; } code, pre, textarea, input, select, isindex {white-space:normal;} dfn, i, cite, var, address {font-style:normal;} a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet, table {border:none;} a {text-decoration: none} ul li {list-style:none;} dir, menu {list-style:none;} a {color:inherit;} hr {display:none;} nobr {white-space:normal;} a:focus {outline:0;} h1, .h1 {font-size: 48px;} h2, .h2 {font-size: 36px;} h3, .h3 {font-size: 30px;} h4, .h4 {font-size: 24px;} h5, .h5 { font-size: 20px } h6, .h6 { font-size: 18px } /****************************************/ /* TYPOGRAPHY -> FONTS */ /****************************************/ @font-face { font-family: 'Proxima Nova'; src: url("../fonts/ProximaNovaAlt-Black-webfont.eot"); src: url("../fonts/ProximaNovaAlt-Black-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNovaAlt-Black-webfont.woff2") format("woff2"), url("../fonts/ProximaNovaAlt-Black-webfont.woff") format("woff"), url("../fonts/ProximaNovaAlt-Black-webfont.ttf") format("truetype"), url("../fonts/ProximaNovaAlt-Black-webfont.svg#proxima_nova_altblack") format("svg"); font-weight: 900; font-style: normal; } @font-face { font-family: 'Proxima Nova'; src: url("../fonts/ProximaNovaAlt-Bold-webfont.eot"); src: url("../fonts/ProximaNovaAlt-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNovaAlt-Bold-webfont.woff2") format("woff2"), url("../fonts/ProximaNovaAlt-Bold-webfont.woff") format("woff"), url("../fonts/ProximaNovaAlt-Bold-webfont.ttf") format("truetype"), url("../fonts/ProximaNovaAlt-Bold-webfont.svg#proxima_nova_altbold") format("svg"); font-weight: bold; font-style: normal; } @font-face { font-family: 'Proxima Nova'; src: url("../fonts/ProximaNovaAlt-Regular-webfont.eot"); src: url("../fonts/ProximaNovaAlt-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNovaAlt-Regular-webfont.woff") format("woff"), url("../fonts/ProximaNovaAlt-Regular-webfont.ttf") format("truetype"), url("../fonts/ProximaNovaAlt-Regular-webfont.svg#proxima_nova_altregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Proxima Nova'; src: url("../fonts/ProximaNova-Thin-webfont.eot"); src: url("../fonts/ProximaNova-Thin-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Thin-webfont.woff") format("woff"), url("../fonts/ProximaNova-Thin-webfont.ttf") format("truetype"), url("../fonts/ProximaNova-Thin-webfont.svg#proxima_nova_scosfthin") format("svg"); font-weight: 300; font-style: normal; } @font-face { font-family: 'Proxima Nova'; src: url("../fonts/ProximaNovaSemibold-webfont.eot"); src: url("../fonts/ProximaNovaSemibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNovaSemibold-webfont.woff2") format("woff2"), url("../fonts/ProximaNovaSemibold-webfont.woff") format("woff"), url("../fonts/ProximaNovaSemibold-webfont.ttf") format("truetype"), url("../fonts/ProximaNovaSemibold-webfont.svg#proxima_nova_ltsemibold") format("svg"); font-weight: 500; font-style: normal; } /* This stylesheet generated by Transfonter (https://transfonter.org) on October 31, 2017 9:15 AM */ @font-face { font-family: 'Baskerville'; src: url("../fonts/BaskervilleMTStd-Italic.eot"); src: url("../fonts/BaskervilleMTStd-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/BaskervilleMTStd-Italic.woff") format("woff"), url("../fonts/BaskervilleMTStd-Italic.ttf") format("truetype"); font-weight: 300; font-style: italic; } @font-face { font-family: 'Baskerville'; src: url("../fonts/BaskervilleMTStd-Bold.eot"); src: url("../fonts/BaskervilleMTStd-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/BaskervilleMTStd-Bold.woff") format("woff"), url("../fonts/BaskervilleMTStd-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; } @font-face { font-family: 'Baskerville'; src: url("../fonts/BaskervilleMTStd-Regular.eot"); src: url("../fonts/BaskervilleMTStd-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/BaskervilleMTStd-Regular.woff") format("woff"), url("../fonts/BaskervilleMTStd-Regular.ttf") format("truetype"); font-weight: 300; font-style: normal; } @font-face { font-family: 'Baskerville'; src: url("../fonts/BaskervilleMTStd-BoldIt.eot"); src: url("../fonts/BaskervilleMTStd-BoldIt.eot?#iefix") format("embedded-opentype"), url("../fonts/BaskervilleMTStd-BoldIt.woff") format("woff"), url("../fonts/BaskervilleMTStd-BoldIt.ttf") format("truetype"); font-weight: bold; font-style: italic; } @font-face { font-family: 'Baskerville'; src: url("../fonts/BaskervilleMTStd-SemiBdIt.eot"); src: url("../fonts/BaskervilleMTStd-SemiBdIt.eot?#iefix") format("embedded-opentype"), url("../fonts/BaskervilleMTStd-SemiBdIt.woff") format("woff"), url("../fonts/BaskervilleMTStd-SemiBdIt.ttf") format("truetype"); font-weight: normal; font-style: italic; } @font-face { font-family: 'Baskerville'; src: url("../fonts/BaskervilleMTStd-SemiBd.eot"); src: url("../fonts/BaskervilleMTStd-SemiBd.eot?#iefix") format("embedded-opentype"), url("../fonts/BaskervilleMTStd-SemiBd.woff") format("woff"), url("../fonts/BaskervilleMTStd-SemiBd.ttf") format("truetype"); font-weight: normal; font-style: normal; } /****************************************/ /* LAYOUT -> GUTTERS */ /****************************************/ /* Padding */ .pb-5 { padding-bottom: 5px !important; } .pt-10 { padding-top: 10px !important; } .pt-15 { padding-top: 15px !important; } .pb-15 { padding-bottom: 15px !important; } .pt-30 { padding-top: 30px !important; } .pb-30 { padding-bottom: 30px !important; } .pl-50 { padding-left: 50px !important; } .pr-50 { padding-right: 50px !important; } /* Margin */ .mx-15 { margin-left: 15px !important; margin-right: 15px !important; } /****************************************/ /* LAYOUT -> FOOTER */ /****************************************/ .page-footer { background: #363636; padding: 30px 0; text-align: center; text-transform: uppercase; /*display:flex*/ } .page-footer div{ display: inline-block; vertical-align:middle; } .page-footer li { display: inline-block; vertical-align:middle; } .page-footer li a { display: block; color: #FFF !important; font-size: 14px; font-weight: bold; padding: 15px; } .page-footer ul { padding-right:100px } .page-footer li a:hover { color: #D8D8D8 !important; } /****************************************/ /* COMMON ELEMENTS -> BUTTONS */ /****************************************/ .btn { cursor: pointer; box-sizing: border-box; line-height: 1.25; } .btn:focus { outline: 0; -webkit-box-shadow: none; box-shadow: none; } .btn-search{ border-radius: 5px; background: #F47D38; box-shadow: 0 0 20px 0 rgba(54, 54, 54, 0.3); color: #fff; transition: opacity .5s; position: relative; border: 0; display: block; z-index: 2; } .btn-search:before{ content: ''; display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%; background: linear-gradient(135deg, #f47d38 0%, #ee3874 100%); z-index: -1; border-radius: 4px; border: 1px solid transparent; box-sizing: border-box; transition: opacity .5s; opacity: 1; } .btn-search:focus:before, .btn-search:active:before, .btn-search:hover:before { opacity: 0; transition: opacity .5s; } .btn-search:active, .btn-search:hover { color: #fff; transition: opacity .5s; } .btn-search input { background: transparent; color: inherit; border: 0; cursor: inherit; padding: 1rem 3.5rem; font-family: 'Proxima Nova'; width: 100%; } /****************************************/ /* COMMON ELEMENTS -> COLORS */ /****************************************/ .color-cherry { color: #EE3874; } .color-white { color: #FFF; } /****************************************/ /* COMMON ELEMENTS -> DROPDOWNS AND SUGGESTS */ /****************************************/ .suggest { height: 40px; background: #FFF; border: 1px solid #D9D9D9; color: #363636; border-radius: 2px; font-weight: normal; font-size: 14px; padding: 0 5px; transition: all 0.2s ease-in-out; } .suggest:hover, .suggest:focus { background-color: #FFF !important; color: #EE3874 !important; box-shadow: 0 0 0 3px #EE3874 inset !important; outline: 0; } .suggest-lg { height: 50px; font-size: 15px; padding: 0 15px; font-weight: 500; border-top: 0; border-bottom: 1px solid #B5B5B5; border-left: 0; border-right: 0; box-shadow: 0px 0px 40px rgba(54, 54, 54, 0.2); } /****************************************/ /* COMMON ELEMENTS -> HELPER CLASSES */ /****************************************/ /* Texts */ .textCenter { text-align: center; } .textRightImp { text-align: right !important; } .font-bold { font-weight: 600; } .text-uppercase { text-transform: uppercase; } /* Dividers */ .divider { background-image: url('https://media.tourmundial.es/resources/publico/imagenes/pantalla-inicio/login/team/LogoConnect.png'); background-size: cover; background-repeat: no-repeat; background-position: center center; display: block; margin: 0rem auto; text-align: center; width: 60%; height:75px; overflow: hidden; } /*DISPLAY*/ .displayBlock { display: block !important; } /*FLOTAR*/ .floatC { margin: 0 auto !important; } /*ANCHO ABSOLUTO MAXIMO*/ .wd-max-350 { max-width: 350px !important; } /*ANCHO RELATIVO*/ .wd40pc { width: 40% !important; } .wd100pc { width: 100% !important; } /*MARGENES*/ .margTop5 { margin-top: 5px !important; } /* Cursor */ .cursor-hand { cursor: pointer; cursor: hand; } /*DISPLAY*/ .displayInLineBlock { display: inline-block; } /****************************************/ /* TYPOGRAPHY -> TEXTS */ /****************************************/ .fs-14 { font-size: 14px; } /****************************************/ /* MAIN */ /****************************************/ body { /*background: url('https://www.tourmundial.es/estaticos/imagenes/b2b/portada/main.jpg');*/ background-size: cover; background-repeat: no-repeat; font-family: 'Proxima Nova'; background-position: center center; background-attachment: fixed; font-size: 16px; min-height: 100vh; } .box-search { /*background-image: url('../img/Test5_1600x650.jpg');*/ background-image: url('https://media.tourmundial.es/resources/publico/imagenes/pantalla-inicio/login/team/fondob2b.png'); /*background-size: cover;*/ background-repeat: no-repeat; background-position: center center; /*background-attachment: fixed;*/ min-height: calc(100vh - 135px); box-sizing: border-box; padding-top: 100px; padding-bottom: 40px; background-size:contain; } .box-banner { max-width: 650px; width: 100%; background: rgba(255, 255, 255, 0.7); box-sizing: border-box; border: 10px solid #fff; border-radius: 5px; padding: .5rem 3rem; -webkit-box-shadow: 0px 0px 40px rgba(54, 54, 54, 0.4); box-shadow: 0px 0px 40px rgba(54, 54, 54, 0.4); margin: auto; } .box-banner hr { display: none; } .box-banner ul { margin: 0; padding-left:0; } .box-banner table { margin: 0 auto; border-spacing: 0; } .box-banner table td, .box-banner table tr { display: block; }