/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
html,
button,
input,
select,
textarea {
color: #222;
}
html {
font-size: 1em;
line-height: 1.4;
}
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
audio,
canvas,
img,
video {
vertical-align: middle;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
textarea {
resize: vertical;
}
.browsehappy {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
strong {
font-weight: 700;
}
em {
font-style: italic;
}
sup {
vertical-align: super;
font-size: smaller;
}
input[type="text"], textarea {
-webkit-appearance: none;
-webkit-border-radius: 0;
}
p {
margin-bottom: 20px;
}
/* ==========================================================================
Author's custom styles
========================================================================== */
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin:0;
padding:0;
}
html {-webkit-font-smoothing: antialiased;}
body {
position: relative;
background-color:#fff;
font-family: "Lato",Helvetica,Arial,sans-serif;
font-weight: normal;
font-style: normal;
font-size: 14px;
line-height: 21px;
color: #222;
padding-top: 60px;
}
img {border:none;}
a { color: #107ad6; text-decoration: none;}
a:active {outline:none; -moz-outline-style:none;}
a:focus {outline:none; -moz-outline-style:none;}
.info {
margin-bottom: 20px;
padding: 15px 20px;
color: #fff;
background: #77bfe5;
}
.info a {
color:#414DC3;
}
.error {
margin-bottom: 20px;
padding: 15px 20px;
color: #fff;
background: #db7560;
}
div.info .btn,
div.error .btn {
font-size:12px;
font-weight:700;
background:#107ad6;
color:#FFF;
padding:8px 12px;
text-transform:uppercase;
float: right;
border-radius: 2px;
display: inline-block;
}
input, button {outline: none;}
.shadow90 {
-webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,0.5));
filter: url("data:image/svg+xml;utf8,#drop-shadow");
-ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=1, Color='#444')";
filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=1, Color='#444')";
}
.cookies-alert {
position: fixed;
bottom: 0;
width: 100%;
background: #fafafa;
background: rgba(250,250,250,.9);
color: #111;
font-size: 12px;
text-align: center;
padding: 15px 0;
}
.cookies-close {
float: right;
color: #999;
font-size: 14px;
margin-left: 10px;
}
.cookies-close:hover {
color: #111;
}
.cookies-close .s{
vertical-align: middle;
margin-right: 10px;
}
.container-fluid {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto
}
.container {
margin: 0 auto;
position: relative;
padding-right: 15px;
padding-left: 15px;
}
.bigtext {
font-size: 15px;
line-height: 28px;
}
.menu-anchors {
font-size: 13px;
line-height: 18px;
margin-bottom: 20px;
}
.menu-anchors>li {
display: block;
padding-top: 5px;
padding-bottom: 5px;
}
.top {
height:60px;
z-index:5;
color: #fff;
background: #f90;
position: fixed;
top: 0;
/*transition: top 0.2s ease-in-out;*/
width: 100%;
webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}
.top.premium {
background: #222;
}
.nav-up {
top: -60px;
}
.nav-up .mobile-search{
display: none;
}
.top .logo{
padding-top:10px;
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.top .logo a,
.footer .logo a {
display:block;
width:127px;
height:40px;
overflow:hidden;
background-repeat:no-repeat;
}
.no-svg .top .logo a,
.no-svg .footer .logo a {
background-image:url(../../resources/images/logo-golocio.png);
background-size:193px 61px;
background-position:0 0;
overflow:hidden;
}
.no-svg .top .logo a div.logo-svg,
.no-svg .footer .logo a div.logo-svg {
display:none;
}
.top .logo a:hover {
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity:0.8;
}
.desk-search {
position: absolute;
left: 215px;
top: 20px;
}
.desk-search input{
border-radius: 2px;
border: none;
height: 40px;
width: 250px;
padding: 0 8px 0 40px;
font-size: 13px;
position: relative;
}
.desk-search:before {
font-family: 'symbols';
color:#999;
position: absolute;
font-size: 1.6em;
left: 8px;
top: 10px;
content: "\F707";
z-index: 1;
}
.mobile-search-icon {
display: block;
margin-top: 15px;
color: #fff;
}
.mobile-search {
background-color: #fff;
margin-left: -15px;
margin-right: -15px;
position: fixed;
width: 100%;
top: 60px;
height: 44px;
padding: 2px;
}
.mobile-search:before {
content: "";
display: block;
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid white;
position: absolute;
top: -6px;
right: 21px;
}
.mobile-search input {
border: 1px solid #ddd;
height: 40px;
width: 75%;
padding: 0 5px;
}
.mobile-search button {
height: 40px;
width: 25%;
padding: 0 5px;
background-color: #107ad6;
color: #fff;
text-transform: uppercase;
font-weight: 700;
font-family:"Lato",sans-serif;
border: 1px solid #107ad6;
}
.nav-trigger {
position: relative;
display: block;
width: 44px;
height: 44px;
overflow: hidden;
white-space: nowrap;
/* hide text */
color: transparent;
z-index: 3;
margin-top: 10px;
}
.nav-trigger span, .nav-trigger span::before, .nav-trigger span::after {
/* hamburger icon in CSS */
position: absolute;
display: inline-block;
height: 3px;
width: 24px;
background: #fff;
}
.nav-trigger span {
/* line in the center */
position: absolute;
top: 50%;
right: 10px;
margin-top: -2px;
-webkit-transition: background 0.3s 0.3s;
-moz-transition: background 0.3s 0.3s;
transition: background 0.3s 0.3s;
}
.nav-trigger span::before, .nav-trigger span::after {
/* other 2 lines */
content: '';
right: 0;
/* Force Hardware Acceleration in WebKit */
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
-o-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-transition: -webkit-transform 0.3s 0.3s;
-moz-transition: -moz-transform 0.3s 0.3s;
transition: transform 0.3s 0.3s;
}
.nav-trigger span::before {
/* menu icon top line */
top: -6px;
}
.nav-trigger span::after {
/* menu icon bottom line */
top: 6px;
}
.nav-trigger.nav-is-visible span {
/* hide line in the center */
background: rgba(46, 50, 51, 0);
}
.nav-trigger.nav-is-visible span::before, .nav-trigger.nav-is-visible span::after {
/* keep visible other 2 lines */
background: #fff;
}
.nav-trigger.nav-is-visible span::before {
-webkit-transform: translateX(4px) translateY(-3px) rotate(45deg);
-moz-transform: translateX(4px) translateY(-3px) rotate(45deg);
-ms-transform: translateX(4px) translateY(-3px) rotate(45deg);
-o-transform: translateX(4px) translateY(-3px) rotate(45deg);
transform: translateX(4px) translateY(-3px) rotate(45deg);
}
.nav-trigger.nav-is-visible span::after {
-webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);
-moz-transform: translateX(4px) translateY(2px) rotate(-45deg);
-ms-transform: translateX(4px) translateY(2px) rotate(-45deg);
-o-transform: translateX(4px) translateY(2px) rotate(-45deg);
transform: translateX(4px) translateY(2px) rotate(-45deg);
}
.nav-mobile {
display: none;
background: #f90;
padding: 15px;
text-align: left;
width: 100%;
color: #fff;
height:500px;
overflow-y: scroll;
}
.premium .nav-mobile {
background: #222;
}
.nav-mobile a {
color: #fff;
}
.nav-mobile li {
border-bottom:1px solid rgba(255,255,255,.2);
padding: 8px 0;
}
.nav-mobile ul li:last-child {
border-bottom:none;
padding-bottom: 0;
}
.nav-mobile .s {
vertical-align: middle;
}
.top .contact{
height:44px;
color:#FFF;
padding-top:10px;
}
.top .contact a{
color:#FFF;
font-size:12px;
font-weight: 700;
text-transform:uppercase;
}
.top .contact .s{
font-size:18px;
vertical-align:middle;
}
.top .menu {
text-align: right;
}
.top .menu .alignright{
padding-top:22px;
}
.top .menu .btn{
border-radius:2px;
border:1px solid #FFF;
text-transform:uppercase;
color:#FFF;
padding: 5px 14px;
font-size:12px;
font-weight: 700;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.top .menu .btn:hover{
background-color: #fff;
color: #107ad6;
}
.top .menu .btn.facebook{
border:1px solid #3b5998;
background:#3b5998;
padding-left: 8px;
}
.top .menu .btn.facebook:hover{
color:#fff;
}
.top .menu .btn.facebook .s{
margin-right: 5px;
font-size: 14px;
vertical-align: middle;
margin-top: -3px;
}
.submenu-en {
height:40px;
color: #303030;
background: #fafafa;
border-bottom: 1px solid #e5e5e5;
padding-top: 8px;
font-size: 11px;
}
.submenu-en a{
text-transform: uppercase;
color: #303030;
font-weight: 600;
}
.hero{
padding-bottom: 20px;
position:relative;
color:#fff;
}
.flexslider {
height: 250px;
z-index: 0;
background-color: #111;
}
.flexslider .hero {
padding-top: 100px;
padding-bottom: 60px;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.flexslider .hero h1{
font-size:30px;
line-height:32px;
margin-bottom: 10px;
text-transform: uppercase;
font-family:"Oswald",sans-serif;
text-shadow: 1px 4px 6px #000;
}
.flexslider .hero h2{
font-size: 14px;
line-height: 14px;
margin-bottom:5px;
text-transform: uppercase;
font-weight: 700;
text-shadow: 1px 4px 6px #000;
}
.flexslider .hero .btn {
background:#107ad6;
color: #fff;
text-transform:uppercase;
font-size:12px;
padding:5px 10px;
display: inline-block;
font-weight: 600;
margin: 0 10px;
}
.flexslider .hero .btn-overlay {
display: block;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.flexslider .hero .btn.pack {
background:#ef5e29;
}
.flexslider .flex-control-nav {
left: 50%;
transform: translateX(-50%);
bottom: 0;
}
#bg-video {
height: 450px;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.hero-home {
background-color:#111;
background-image: url(../../sites/web/resources/images/bg-home.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-position: top center;
background-repeat: no-repeat;
padding-top:30px;
padding-bottom: 30px;
min-height: 250px;
color: #fff;
position: relative;
}
.hero-home .container {
position: relative;
margin: 0 auto;
}
.hero-home h1 {
text-transform: uppercase;
font-family:"Oswald",sans-serif;
font-size:30px;
line-height:36px;
text-align: center;
}
.hero-home h3 {
text-transform: uppercase;
font-size:14px;
line-height:18px;
margin-bottom: 10px;
text-align: center;
}
.hero-home .form-group-block {
padding: 8px 10px;
background-color: rgba(255,255,255,.1);
position: relative;
font-size: 13px;
font-weight: 700;
border-radius: 4px;
margin-bottom: 15px;
}
.hero-home .form-group {
margin-bottom: 15px;
position: relative;
}
.hero-home .form-group-block .form-group:last-child {
margin-bottom: 0;
}
.hero-home .column {
position: relative;
margin-bottom: 15px;
}
.hero-home .form-group .column:last-child {
margin-right: 0;
margin-bottom: 0;
}
.hero-home .row {
margin-bottom: 15px;
position: relative;
}
.hero-home .row:last-child {
margin-bottom: 0;
}
.hero-home .input-text {
border: none;
border-radius: 4px;
padding: 0 10px;
height: 44px;
font-size: 14px;
font-family:"Lato",sans-serif;
}
.hero-home .input-select {
background-color: #fff;
padding: 0 10px;
border-radius: 4px;
height: 44px;
padding: 0 10px;
font-size: 14px;
width: 100%;
background: #fff url(../../sites/web/resources/images/icon-arrow-down.svg) no-repeat right 10px center;
background-size: 10px 10px;
padding-right: 30px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.hero-home .input-text-big {
width: 100%;
}
.hero-home .input-datepicker {
background: #fff url(../../sites/web/resources/images/icon-datepicker.svg) no-repeat left 5px center;
background-size: 16px 16px;
padding-left: 30px;
width: 100%;
}
.hero-home .input-category {
width: 100%;
}
.hero-home .input-origin {
width: 100%;
}
.hero-home .input-age {
width: 58px;
}
.hero-home .search-hotels .label-block,
.hero-home .search-flights .label-block {
display: block;
font-size: 12px;
text-transform: uppercase;
}
.hero-home a{
color: #fff;
}
.hero-home .view-seatingmap {
font-size: 12px;
font-weight: 700;
}
.hero-home .view-seatingmap .svg {
vertical-align: middle;
margin-top: -3px;
margin-right: 3px;
}
.hero-home .help-block {
margin-top: 3px;
}
.hero-home .help-block.small {
font-size: 12px;
}
.hero-home .input-quantity {
width: 100%;
}
.hero-home .input-flight-origin {
width: 100%;
margin-bottom: 10px;
}
.hero-home .btn {
width: 100%;
height: 44px;
background: #107AD6;
border-radius: 4px;
color:#fff;
font-family: "Lato", sans-serif;
font-weight: 700;
font-size: 14px;
border: none;
text-transform: uppercase;
}
.hero-home .btn .svg{
vertical-align: middle;
margin-top: -4px;
margin-right: 4px;
width: 16px;
height: 16px;
}
.hero-home .other-services {
font-weight: 700;
}
.hero-home .other-services span {
display: none;
}
.hero-home .other-services label,
.hero-home .add-transfer label {
cursor: pointer;
white-space: nowrap;
}
.hero-home .other-services label {
float: left;
width: 50%;
margin-bottom: 8px;
}
.hero-home .other-services .svg,
.hero-home .add-transfer .svg {
vertical-align: middle;
margin-top: -3px;
margin-right: 3px;
margin-left: 3px;
}
.minihero-event {
height: 120px;
color: #fff;
background: #537B0B url(../../sites/web/resources/images/bg-grass-min.png) repeat left top;
}
.minihero-event .title-event {
padding-top: 30px;
}
.minihero-event h1 {
font-family: "Oswald", sans-serif;
font-size: 30px;
line-height: 36px;
text-transform: uppercase;
margin-bottom: 5px;
}
.minihero-event .info-event {
font-size: 13px;
font-weight: 600;
}
.minihero-event .shirts {
float: left;
margin-top: 15px;
margin-right: 20px;
}
.minihero-event .shirts img{
height: 92px;
}
.minihero-event .shirts img:first-child{
margin-right: 10px;
}
.minihero-event .info-event .date-event {
background: transparent url(../../sites/web/resources/images/icon-datepicker-date-white.svg) no-repeat left center;
background-size: 16px 16px;
padding-left: 20px;
margin-right: 10px;
}
.minihero-event .info-event .location-event {
background: transparent url(../../sites/web/resources/images/icon-geo-white.svg) no-repeat left center;
background-size: 16px 16px;
padding-left: 20px;
}
.section.booking-process {
padding: 20px 0 30px;
min-height: 300px;
}
.section.booking-process .resume-search {
font-size: 13px;
font-weight: 600;
padding-bottom: 10px;
margin-bottom: 20px;
border-bottom: 1px solid #ddd;
}
.section.booking-process .intro-search {
text-transform: uppercase;
color: #f90;
}
.section.booking-process .event-search,
.section.booking-process .hotel-search,
.section.booking-process .flight-search,
.section.booking-process .new-search {
margin-left: 15px;
}
.section.booking-process .svg {
vertical-align: middle;
margin-top: -3px;
margin-right: 3px;
}
.section.booking-process h1 {
font-family: "Oswald", sans-serif;
font-size: 32px;
line-height: 40px;
text-transform: uppercase;
margin-bottom: 18px;
text-align: left;
}
.section.booking-process .offer-selected {
margin-bottom: 30px;
}
.section.booking-process .product-offer-selected {
height: 188px;
width: 300px;
background-color: #fafafa;
float: left;
border-left: 1px solid #ddd;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 12px 15px;
}
.section.booking-process .product-offer-loading {
text-align: center;
padding-top: 40px;
color: #666;
}
.section.booking-process .product-offer-loading .svg{
display: block;
margin: 0 auto 10px auto;
fill:#999;
}
.section.booking-process .product-offer-selected .add {
display: block;
width: 100%;
height: 100%;
color: #212121;
font-size: 14px;
padding-top: 30px;
text-align: center;
}
.section.booking-process .product-offer-selected .add .svg-block {
display: block;
margin: 0 auto 10px auto;
}
.section.booking-process .product-offer-selected .add span {
font-size: 36px;
line-height: 40px;
text-transform: uppercase;
}
.section.booking-process .product-offer-selected .title{
text-transform: uppercase;
font-weight: 700;
font-size: 16px;
margin-bottom: 20px;
}
.section.booking-process .product-offer-selected .update{
float: right;
text-transform: none;
font-size: 12px;
font-weight: 400;
}
.section.booking-process .product-offer-selected p{
margin-bottom: 15px;
}
.section.booking-process .product-offer-selected p:last-child{
margin-bottom: 0;
}
.section.booking-process .product-offer-selected .flight {
margin-bottom: 10px;
}
.section.booking-process .product-offer-selected .flight:last-child {
margin-bottom: 0;
}
.section.booking-process .product-offer-selected .info-date {
float: left;
width: 80px;
}
.section.booking-process .product-offer-selected .label-flight {
text-transform: uppercase;
font-size: 12px;
font-weight: 700;
}
.section.booking-process .product-offer-selected .date {
font-size: 18px;
}
.section.booking-process .product-offer-selected .date span{
font-size: 30px;
}
.section.booking-process .product-offer-selected .info-flight {
float: left;
font-size: 12px;
line-height: 15px;
}
.section.booking-process .price-offer-selected {
height: 188px;
width: 270px;
color: #fff;
text-align: center;
background-color: #212121;
float: left;
border-left: 1px solid #212121;
border-top: 1px solid #212121;
border-bottom: 1px solid #212121;
font-weight: 700;
padding-top: 33px;
}
.section.booking-process .price-offer-selected .text{
text-transform: uppercase;
font-size: 18px;
line-height: 24px;
}
.section.booking-process .price-offer-selected .price{
font-size: 48px;
line-height: 54px;
font-weight: 400;
margin-bottom: 10px;
}
.section.booking-process .price-offer-selected .btn{
display: inline-block;
color: #fff;
background-color: #f90;
text-transform: uppercase;
padding: 5px 12px;
border-radius: 2px;
}
.section.update-search {
padding: 20px 0;
background-color: #fafafa;
border-top: 1px solid #ddd;
}
.section.update-search h1{
font-family: "Oswald", sans-serif;
font-size: 32px;
line-height: 40px;
text-transform: uppercase;
margin-bottom: 18px;
text-align: left;
}
.section.update-search .tickets-list {
float: left;
width: 565px;
}
.section.update-search .tickets-seatingmap {
float: right;
width: 565px;
border: 1px solid #ddd;
background: #fff;
text-align: center;
}
.section.update-search .ticket-block,
.section.update-search .hotel-block,
.section.update-search .flight-block {
margin-bottom: 20px;
border: 1px solid #ddd;
}
.section.update-search .ticket-block.ticket-selected,
.section.update-search .hotel-block.hotel-selected,
.section.update-search .flight-block.flight-selected {
border: 1px solid #107AD6;
}
.section.update-search .ticket-block > .title,
.section.update-search .hotel-block > .title,
.section.update-search .flight-block > .title {
font-size: 16px;
padding: 10px;
background-color: #ddd;
font-weight: 700;
}
.section.update-search .ticket-block.ticket-selected > .title,
.section.update-search .hotel-block.hotel-selected > .title,
.section.update-search .flight-block.flight-selected > .title{
color: #fff;
background-color: #107AD6;
}
.section.update-search .hotel-block.rooms .title{
color: #212121;
background-color: #fafafa;
border-bottom: 1px solid #ddd;
}
.section.update-search .hotel-block.rooms:last-child {
margin-bottom: 0;
}
.section.update-search .ticket-block .content,
.section.update-search .hotel-block .content,
.section.update-search .flight-block .content{
background-color: #FFF;
}
.section.update-search .ticket-block .ticket-row,
.section.update-search .hotel-block .hotel-row,
.section.update-search .flight-block .flight-row {
padding: 22px 12px;
border-bottom: 1px solid #ddd;
}
.section.update-search .ticket-block .ticket-row:last-child,
.section.update-search .hotel-block .hotel-row:last-child,
.section.update-search .flight-block .flight-row:last-child{
border-bottom: none;
}
.section.update-search .hotel-block.rooms .hotel-row {
padding: 20px 10px 14px;
}
.section.update-search .ticket-block .ticket-zone{
width: 16px;
float: left;
margin-right: 10px;
}
.section.update-search .ticket-block .ticket-zone .label-category{
width: 16px;
height: 16px;
display: inline-block;
background-color: #ddd;
}
.section.update-search .ticket-block .ticket-info{
width: 220px;
float: left;
margin-right: 10px;
font-size: 12px;
color: #666;
}
.section.update-search .ticket-block .ticket-info strong{
font-size: 14px;
color: #212121;
}
.section.update-search .ticket-block .ticket-price{
width: 80px;
float: left;
margin-right: 10px;
font-size: 16px;
font-weight: 700;
text-align: center;
}
.section.update-search .ticket-block .ticket-quantity{
width: 60px;
float: left;
margin-right: 10px;
margin-top: -6px;
}
.section.update-search .ticket-block .ticket-quantity select {
background-color: #fff;
padding: 0 10px;
border-radius: 2px;
border:1px solid #ddd;
height: 32px;
width: 60px;
padding: 0 10px;
font-size: 14px;
width: 100%;
background: #fff url(../../sites/web/resources/images/icon-arrow-down.svg) no-repeat right 10px center;
background-size: 10px 10px;
padding-right: 30px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.section.update-search .ticket-block .ticket-action{
width: 120px;
float: left;
margin-top: -6px;
}
.section.update-search .ticket-block .ticket-action .btn{
text-align: center;
display: inline-block;
color: #fff;
text-transform: uppercase;
border-radius: 2px;
background-color: #107AD6;
padding: 0 8px;
font-size: 13px;
font-weight: 700;
height: 32px;
line-height: 32px;
}
.section.update-search .filters,
.section.update-search .filters {
float: left;
width: 250px;
}
.section.update-search .filters h3 {
font-weight: 700;
font-size: 14px;
color: #212121;
margin-bottom: 0;
text-transform: uppercase;
}
.section.update-search .filters button {
display: none;
height: 48px;
color: #fff;
background-color: #04527C;
font-size: 14px;
font-weight: 600;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
border:none;
text-transform: uppercase;
}
.section.update-search .filters .box {
padding: 15px 0;
border-bottom: 1px solid #ddd;
font-size: 12px;
color: #666;
}
.section.update-search .filters .box:last-child {
border-bottom: none;
}
.section.update-search .filters .title {
font-size: 13px;
font-weight: 600;
color: #666;
display: block;
margin-bottom: 5px;
}
.section.update-search .filters .input-text {
padding: 0 5px;
display: block;
width: 100%;
height: 32px;
font-size: 14px;
line-height: 18px;
background-color: #fff;
border: 1px solid #ddd;
font-family: "Lato",Helvetica,Arial,sans-serif;
}
.section.update-search .filters .input-select {
background-color: #fff;
padding: 0 10px;
border-radius: 2px;
border:1px solid #ddd;
height: 32px;
width: 100%;
padding: 0 10px;
font-size: 14px;
width: 100%;
background: #fff url(../../sites/web/resources/images/icon-arrow-down.svg) no-repeat right 10px center;
background-size: 10px 10px;
padding-right: 30px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.section.update-search .filters li.disabled {
opacity: .5;
}
.section.update-search .filters strong {
font-weight: 600;
}
.section.update-search .filters .checkbox {
margin-right: 10px;
}
.section.update-search .filters .svg-star {
margin-top: -3px;
fill: #F5A623;
height: 16px;
width: 16px;
vertical-align: middle;
}
.section.update-search .filters .svg-icon {
fill: #111;
height: 16px;
width: 16px;
vertical-align: middle;
margin-top: -3px;
margin-right: 5px;
}
.section.update-search .filters .more {
margin-top: 5px;
font-weight: 600;
display: inline-block;
}
.section.update-search .hotels-results {
float: right;
width: 880px;
}
.section.update-search .hotel-info {
margin-bottom: 20px;
}
.section.update-search .hotel-info-photo {
width: 124px;
float: left;
margin-right: 10px;
}
.section.update-search .hotel-info-data {
width: 550px;
float: left;
}
.section.update-search .hotel-info-name {
font-weight: 700;
font-size: 14px;
color: #212121;
}
.section.update-search .hotel-info-name .svg-star {
width: 10px;
height: 10px;
margin-top: -3px;
fill: #F5A623;
vertical-align: middle;
}
.section.update-search .hotel-info-rating {
font-size: 12px;
color: #666;
margin-bottom: 5px;
}
.section.update-search .hotel-info-rating img{
vertical-align: middle;
margin-top: -3px;
}
.section.update-search .hotel-info-location {
font-size: 12px;
color: #666;
}
.section.update-search .hotel-info-location .svg {
vertical-align: middle;
margin-top: -3px;
}
.section.update-search .hotel-info-action {
float: right;
}
.section.update-search .hotel-info-action .btn{
text-align: center;
display: inline-block;
color: #fff;
text-transform: uppercase;
border-radius: 2px;
background-color: #f90;
padding: 0 15px;
font-size: 13px;
font-weight: 700;
height: 40px;
line-height: 40px;
}
.section.update-search .hotel-block.rooms .hotel-meals {
float: left;
width: 220px;
margin-right: 10px;
font-weight: 700;
}
.section.update-search .hotel-block.rooms .hotel-cancelation {
float: left;
width: 340px;
margin-right: 10px;
color: #999;
}
.section.update-search .hotel-block.rooms .hotel-price {
float: left;
width: 100px;
text-align: center;
font-weight: 700;
font-size: 16px;
}
.section.update-search .hotel-block.rooms .hotel-action {
float: right;
text-align: right;
color: #D0011B;
}
.section.update-search .hotel-block.rooms .hotel-action .svg{
vertical-align: middle;
margin-top: -3px;
margin-right: 3px;
}
.section.update-search .hotel-block.rooms .hotel-action .btn{
text-align: center;
display: inline-block;
color: #fff;
border-radius: 2px;
background-color: #107AD6;
padding: 0 12px;
font-size: 13px;
font-weight: 700;
height: 36px;
line-height: 36px;
margin-top: -6px;
}
.section.update-search .flights-results {
float: right;
width: 880px;
}
.hero.bg-grass {
background-color:#093;
background-image: url(../../resources/images/pitch-grass.jpg);
}
.hero.vip {
background-color:#111;
background-image: url(../../sites/web/resources/images/header-vip.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-position: center center;
background-repeat: no-repeat;
padding-top:100px;
text-align: center;
}
.hero.vip h1{
font-family:"Oswald",sans-serif;
font-size:60px;
text-transform:uppercase;
line-height:60px;
}
.hero.vip h2{
font-size:18px;
line-height:24px;
font-weight:700;
text-transform:uppercase;
margin-bottom:0;
}
.hero.other-events {
background-color:#111;
background-image: url(../../sites/web/resources/images/header-other-events.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-position: center center;
background-repeat: no-repeat;
padding-top:100px;
text-align: center;
}
.hero.other-events h1{
font-family:"Oswald",sans-serif;
font-size:60px;
text-transform:uppercase;
line-height:60px;
}
.hero.other-events h2{
font-size:18px;
line-height:24px;
font-weight:700;
text-transform:uppercase;
margin-bottom:0;
}
.hero.stadiumlights {
padding-top:50px;
min-height: 250px;
text-align: center;
background-color:#111;
background-image: url(../../sites/web/resources/images/header-stadium-lights.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-position: center top;
background-repeat: no-repeat;
}
.hero.stadiumlights h1{
font-size:48px;
line-height:48px;
font-family:"Oswald",Helvetica,Arial,sans-serif;
font-weight:700;
margin-bottom: 10px;
text-transform:uppercase;
}
.hero.stadiumlights h2{
font-size:14px;
line-height:21px;
font-weight:700;
text-transform:uppercase;
margin-bottom:30px;
}
.hero.bg-flag {
background-color:#111;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.hero.match-shirts{
text-align:center;
padding-top:20px;
}
.hero.match-noshirts{
text-align:center;
padding:30px 15px;
}
.hero.match-shirts h1,
.hero.match-noshirts h1{
font-family:"Oswald",sans-serif;
font-size: 18px;
text-transform: uppercase;
line-height: 24px;
margin-bottom: 5px;
}
.hero.match-shirts h1 span,
.hero.match-noshirts h1 span{
font-size:14px;
line-height: 18px;
text-align: center;
}
.hero.match-shirts h2,
.hero.match-noshirts h2{
font-size: 12px;
line-height: 18px;
font-weight: 700;
}
.hero.match-shirts h2 span,
.hero.match-noshirts h2 span{
margin:0 5px;
display: inline-block;
}
.hero.match-shirts p a,
.hero.match-noshirts p a{
color:#FFF;
font-weight:700;
text-decoration:underline;
margin-right:10px;
}
.hero.match-shirts .shirts{
margin-bottom:20px;
display: none;
}
.hero.match-shirts .shirt{
width:50%;
}
.hero.match-shirts .home{
text-align:right;
padding-right: 5px;
}
.hero.match-shirts .visit{
text-align:left;
padding-left: 5px;
}
.hero.match-shirts .shirt img{
width:50%;
height: auto;
-webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,0.5));
filter: url("data:image/svg+xml;utf8,#drop-shadow");
-ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=1, Color='#444')";
filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=1, Color='#444')";
}
.hero .list-inline.social-links {
display: none;
}
.list-inline.social-links>li {
padding: 0 2px;
}
.social-links .btn {
padding: 5px 10px;
display: inline-block;
border-radius: 2px;
font-weight: 700;
text-decoration: none;
color: #fff;
font-size: 13px;
}
.social-links .btn .s {
vertical-align: middle;
margin-right: 5px;
}
.social-links .btn.twitter {
background-color: #41b7d8;
color: #fff;
}
.social-links .btn.facebook {
background-color: #3b5997;
color: #fff;
}
.social-links .btn.facebook .s{
margin-top: -3px;
}
.social-links .btn.google {
background-color: #d64937;
color: #fff;
}
.hero.national-team h1{
font-size:60px;
line-height:60px;
margin-bottom:40px;
}
.hero.championship {
padding-top:280px;
background-color:#111;
background-image: url(../../resources/images/header-grass.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.hero.championship h1{
font-family:"Oswald",sans-serif;
font-size:60px;
text-transform:uppercase;
line-height:60px;
}
.hero.championship h2{
font-size:18px;
line-height:24px;
font-weight:700;
text-transform:uppercase;
margin-bottom:40px;
}
.hero.team {
padding-top:20px;
}
.hero.team .shirt {
margin-bottom: 20px;
text-align: center;
width: 100%;
}
.hero.team-noshirt .team-info{
text-align:center;
padding-top:100px;
width: 100%;
}
.hero.team .shirt img {
height: auto;
width: 60%;
}
.hero.team h1{
font-family:"Oswald",sans-serif;
font-size:54px;
text-transform:uppercase;
line-height:60px;
text-align: center;
}
.hero.team h2{
font-size:14px;
line-height:21px;
font-weight:700;
text-transform:uppercase;
text-align: center;
margin-bottom: 10px;
}
.hero.team .championships{
width:420px;
}
.hero.team .championships .box{
width:120px;
float:left;
font-size:14px;
font-weight:700;
text-transform:uppercase;
margin:0 20px 20px 0;
}
.hero.team .championships .box .s{
font-size:52px;
}
.hero.team .championships .box span{
font-size:60px;
font-family:"Oswald", Sans-serif;
font-weight:700;
}
.hero.video {
padding-top:130px;
}
.hero.video h1{
font-size:30px;
line-height:30px;
font-family:"Oswald",Helvetica,Arial,sans-serif;
font-weight:700;
text-transform:uppercase;
margin-bottom: 10px;
}
.hero.video h2{
font-size:16px;
line-height:18px;
font-weight:700;
text-transform:uppercase;
margin-bottom:10px;
}
.hero.video input{
width:240px;
height:40px;
font-size:14px;
padding:0 5px;
background:#fff;
color:#333;
border: none;
vertical-align: middle;
}
.librarySearchBox {
display: block;
max-height: 180px !important;
overflow-y: auto;
position: absolute;
z-index: 1;
-webkit-box-shadow: rgba(50, 50, 50, 0.2) 0px 1px 5px;
box-shadow: rgba(50, 50, 50, 0.2) 0px 1px 5px;
}
.librarySearchBox p {
text-align: left;
color:#666;
height: 40px;
line-height: 40px;
padding: 0 20px;
font-size: 14px;
border-bottom: 1px solid #ddd;
background: #fff;
cursor: pointer;
margin-bottom: 0 !important;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.librarySearchBox p:nth-child(even) {
background: #f5f5f5;
}
.librarySearchBox p:last-child {
border-bottom: none;
}
.librarySearchBox p:hover {
background: #1e86c8 !important;
color: #fff !important;
border-bottom: 1px solid #1e86c8 !important;
}
.resultSelected,
.librarySearchBox .resultSelected:nth-child(even) {
background: #1e86c8 !important;
color: #fff !important;
border-bottom: 1px solid #1e86c8 !important;
}
.hero.video button{
height:40px;
background:#107ad6;
text-transform:uppercase;
font-size:18px;
font-family:"Lato",sans-serif;
font-weight: 700;
padding:0 10px;
color:#fff;
text-align:left;
border:none;
cursor: pointer;
vertical-align: middle;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.hero.video button:hover {
background-color: #1579b6;
}
.hero.video button .s{
font-size: 24px;
vertical-align:middle;
}
.hero.video .tags{
margin:37px auto 0 auto;
font-size:14px;
line-height:21px;
}
.hero.video .tags h3{
margin-bottom:20px;
font-size:24px;
font-family:"Oswald",Helvetica,Arial,sans-serif;
text-transform:uppercase;
}
.hero.video .tags a{
color:#fff;
}
.hero.hotels {
padding-top:50px;
min-height: 200px;
text-align: center;
background-color:#111;
background-image: url(../../sites/web/resources/images/header-hotel.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-position: left bottom;
background-repeat: no-repeat;
}
.hero.hotels h1{
font-size:48px;
line-height:48px;
font-family:"Oswald",Helvetica,Arial,sans-serif;
font-weight:400;
margin-bottom: 10px;
text-transform:uppercase;
}
.hero.hotels h2{
font-size:14px;
line-height:21px;
font-weight:700;
text-transform:uppercase;
margin-bottom:70px;
}
.hero.hotels p{
font-size: 12px;
line-height: 16px;
}
.hero.hotels a{
color:#fff;
font-weight:bold;
display: block;
}
.hero.groups {
padding-top:50px;
min-height: 250px;
text-align: center;
background-color:#111;
background-image: url(../../sites/web/resources/images/header-groups.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-position: left bottom;
background-repeat: no-repeat;
}
.hero.groups h1{
font-size:48px;
line-height:48px;
font-family:"Oswald",Helvetica,Arial,sans-serif;
font-weight:700;
margin-bottom: 10px;
text-transform:uppercase;
}
.hero.groups h2{
font-size:14px;
line-height:21px;
font-weight:700;
text-transform:uppercase;
margin-bottom:70px;
}
.hero.packs {
padding-top:30px;
min-height: 200px;
height: 200px;
text-align: center;
background-color:#111;
background-image: url(../../sites/web/resources/images/header-pack.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-position: left center;
background-repeat: no-repeat;
}
.hero.packs h1{
font-size:48px;
line-height:48px;
font-family:"Oswald",Helvetica,Arial,sans-serif;
font-weight:700;
margin-bottom: 10px;
text-transform:uppercase;
}
.hero.packs h2{
font-size:14px;
line-height:21px;
font-weight:700;
text-transform:uppercase;
margin-bottom:70px;
}
.hero.championships {
padding-top:50px;
min-height: 250px;
text-align: center;
background-color:#111;
background-image: url(../../sites/web/resources/images/header-championships.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-position: center bottom;
background-repeat: no-repeat;
}
.hero.championships h1{
font-size:48px;
line-height:48px;
font-family:"Oswald",Helvetica,Arial,sans-serif;
font-weight:700;
margin-bottom: 10px;
text-transform:uppercase;
}
.hero.championships h2{
font-size:14px;
line-height:21px;
font-weight:700;
text-transform:uppercase;
margin-bottom:70px;
}
.hero.teams {
padding-top:50px;
min-height: 250px;
text-align: center;
background-color:#111;
background-image: url(../../sites/web/resources/images/header-teams.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-position: center bottom;
background-repeat: no-repeat;
}
.hero.teams h1{
font-size:48px;
line-height:48px;
font-family:"Oswald",Helvetica,Arial,sans-serif;
font-weight:700;
margin-bottom: 10px;
text-transform:uppercase;
}
.hero.teams h2{
font-size:14px;
line-height:21px;
font-weight:700;
text-transform:uppercase;
margin-bottom:70px;
}
.breadcrumb {
padding: 15px 0;
height: 50px;
overflow: hidden;
position:relative;
z-index:0;
background:#fafafa;
color: #999;
text-transform: uppercase;
font-weight: 700;
}
.breadcrumb li {
margin-right: 30px;
padding-bottom: 11px;
}
.breadcrumb li.here {
color: #111;
border-bottom: 3px solid #111;
}
.submenu{
padding: 15px 0;
position:relative;
z-index:0;
background:#fafafa;
border-top: 1px solid #fff;
}
.submenu .container{
padding: 0;
}
.submenu .list-inline{
margin-bottom: 0;
list-style-type:none;
white-space:nowrap;
overflow-x:auto;
}
.submenu .list-inline::-webkit-scrollbar {
display: none;
}
.submenu .list-inline li{
margin-right: 0;
padding: 0;
}
.submenu .list-inline li:first-child{
margin-left: 15px;
}
.submenu a{
color: #666;
padding: 5px 14px;
font-weight: 700;
display: block;
}
.submenu a:hover{
color: #111;
}
.submenu a.selected{
color: #fff;
background: #107ad6;
border-radius:2px;
}
.circles-icons{
height:140px;
background:#fafafa;
font-size:16px;
color:#111111;
text-align:center;
}
.others-services-info .circles-icons{
height:auto;
margin-bottom: 10px;
}
.circles-icons .container{
width:720px;
}
.circles-icons .column{
width:240px;
float:left;
padding:0 20px;
text-align:center;
}
.circles-icons .circle{
background:#f90;
width:100px;
height:100px;
border-radius:50%;
color:#fff;
display:inline-block;
margin-top:-50px;
margin-bottom:15px;
}
.others-services-info .circles-icons .circle{
margin-top:0;
}
.circles-icons .circle a{
color: #fff;
}
.circles-icons .circle .s{
padding-top:17px;
}
.circles-icons .text{
}
.circles-icons .text a{
color:#111;
}
.banner-implant-home {
min-height: 260px;
background-color: #539715;
background-image: url(../../sites/web/resources/images/soccer-lines.png);
background-repeat: no-repeat;
background-position: center center;
color: #fff;
padding: 45px 0;
position: relative;
}
.banner-implant-home h4{
text-transform: uppercase;
font-weight: 700;
font-size: 14px;
line-height: 21px;
}
.banner-implant-home h2{
font-weight: 300;
font-size: 36px;
line-height: 40px;
margin-bottom: 20px;
max-width: 810px;
}
.banner-implant-home a{
text-transform: uppercase;
font-weight: 700;
font-size: 16px;
line-height: 21px;
display: inline-block;
background-color: #1d7cd2;
color: #fff;
padding: 12px 24px;
}
.banner-implant-home .circle-logo {
width: 200px;
height: 200px;
display: block;
background-color: #c00;
border-radius: 50%;
border: 3px solid #fff;
text-align: center;
color: #fff;
position: absolute;
top: -70px;
right: 100px;
padding-top: 35px;
display: none;
}
.banner-implant-home .circle-logo .s{
font-size: 120px;
}
.banner-implant-home .circle-free {
width: 200px;
height: 200px;
display: block;
background-color: #c00;
border-radius: 50%;
border: 3px solid #fff;
text-align: center;
color: #fff;
position: relative;
padding-top: 35px;
font-size: 18px;
margin-bottom: 20px;
}
.banner-implant-home .circle-free span{
font-size: 21px;
line-height: 24px;
font-weight: 700;
}
.banner-implant-home .circle-free strong{
font-size: 48px;
line-height: 48px;
font-weight: 700;
text-transform: uppercase;
display: block;
}
.banner-implant-account {
min-height: 120px;
background-color: #539715;
background-image: url(../../sites/web/resources/images/soccer-lines.png);
background-repeat: no-repeat;
background-position: center center;
color: #fff;
padding: 33px 0;
position: relative;
}
.banner-implant-account h2{
font-weight: 400;
font-size: 21px;
line-height: 24px;
margin-bottom: 15px;
max-width: 625px;
text-align: center !important;
}
.banner-implant-account a{
text-transform: uppercase;
font-weight: 700;
font-size: 16px;
line-height: 21px;
display: inline-block;
background-color: #1d7cd2;
color: #fff;
padding: 12px 24px;
}
.banner-implant-account .circle-logo {
width: 90px;
height: 90px;
display: block;
background-color: #c00;
border-radius: 50%;
border: 3px solid #fff;
text-align: center;
color: #fff;
position: absolute;
top: -45px;
right: 110px;
padding-top: 15px;
display: none;
}
.banner-implant-account .circle-logo .s{
font-size: 60px;
}
.banner-implant-account .circle-free {
width: 140px;
height: 140px;
display: block;
background-color: #c00;
border-radius: 50%;
border: 3px solid #fff;
text-align: center;
color: #fff;
position: relative;
padding-top: 20px;
font-size: 14px;
line-height: 18px;
margin: 0 auto 20px auto;
}
.banner-implant-account .circle-free span{
font-size: 14px;
line-height: 18px;
font-weight: 700;
}
.banner-implant-account .circle-free strong{
font-size: 32px;
line-height: 32px;
font-weight: 700;
text-transform: uppercase;
display: block;
}
.section {
padding:20px 0;
position:relative;
}
.nopadding {
padding: 0 !important;
}
.nopaddingbottom {
padding-bottom: 0;
}
.bg-odd{
background:#fafafa;
}
.bg-orange{
background:#f90;
color: #fff;
}
.bordertop {
border-top: 1px solid #ddd;
}
.section h1{
font-size:36px;
line-height:36px;
font-weight:300;
color:#f90;
text-align:center;
margin-bottom: 10px;
}
.section h1.title{
margin-bottom:50px;
}
.section h2{
font-size:18px;
line-height:21px;
color:#999;
text-align:center;
margin-bottom:50px;
}
.section h3{
font-size:16px;
line-height:21px;
margin-bottom:10px;
font-weight: 700;
text-transform: uppercase;
}
.section h3 small{
font-size:12px;
}
.section h4 {
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
border-bottom: 1px solid #ddd;
margin-bottom: 20px;
}
.section .box-row{
position:relative;
margin-right: -15px;
margin-left: -15px;
}
.section .box-row .small-box{
width:100%;
height:250px;
float:left;
position:relative;
margin-bottom: 2px;
background-color: #f5f5f5;
background-size: cover;
background-position: center;
overflow: hidden;
}
.section .box-row .medium-box{
width:100%;
height:250px;
float:left;
position:relative;
margin-bottom: 2px;
background-color: #f5f5f5;
background-size: cover;
background-position: center;
overflow: hidden;
}
.section .box-row .large-box{
width:100%;
height:250px;
float:left;
position:relative;
margin-bottom: 2px;
background-color: #f5f5f5;
background-size: cover;
background-position: center;
overflow: hidden;
}
.section .box-row .full-box{
width:100%;
height:250px;
float:left;
position:relative;
margin-bottom: 2px;
background-color: #f5f5f5;
background-size: cover;
background-position: center;
overflow: hidden;
color: #fff;
}
.section .box-row .full-box.banner .text{
position: absolute;
width: 100%;
top: 160px;
text-align: center;
}
.section .box-row .medium-box h3 {
font-family:"Oswald",sans-serif;
font-size:30px;
text-transform:uppercase;
line-height:30px;
margin-bottom: 10px;
}
.section .box-row .full-box.banner h3{
font-family:"Oswald",sans-serif;
font-size:30px;
text-transform:uppercase;
line-height:30px;
margin-bottom: 0;
}
.section .box-row .medium-box h3 span {
font-family:"Lato",sans-serif;
font-size:16px;
font-weight: 700;
text-transform:uppercase;
line-height:21px;
margin-bottom: 0;
}
.section .box-row .full-box.banner h4{
border:none;
font-size:16px;
text-transform:uppercase;
}
.section .box-row .small-box img,
.section .box-row .large-box img,
.section .box-row .full-box img {
width:100%;
height: auto;
}
.section .box-row .small-box.nomargin,
.section .box-row .large-box.nomargin{
margin-right:0;
}
.section.others-events {
padding-bottom: 0;
}
.section.teamcoming {
text-align: center;
}
.section.teamcoming .logo{
display: inline-block;
margin-bottom: 30px;
}
.section.teamcoming p{
color: #666;
margin: 0 auto 30px auto;
}
.section.teamcoming .cicles{
display: inline-block;
margin: 0 auto;
}
.event-box{
text-align:right;
text-transform:uppercase;
color:#FFF;
font-weight:700;
}
.packs .event-box,
.championships .event-box{
text-align:left;
text-transform: none;
}
.event-box .target,
.banner .target{
position:absolute;
top:0;
left:0;
width: 100%;
height: 100%;
z-index:4;
opacity: 0;
}
.event-box .mask{
opacity: 0.4;
background-color: #222;
position:absolute;
top:0;
left:0;
width: 100%;
height: 100%;
z-index:1;
}
.event-box .target.mask{
opacity: 0.4;
background-color: #222;
}
.event-box .shirts{
text-align: center;
padding-top: 20px;
}
.event-box .shirts img{
width: 40%;
height: auto;
}
.event-box .text{
position:absolute;
bottom:20px;
right:20px;
}
.event-box .price{
position:absolute;
top:20px;
right:0;
background-color: #f90;
color: #fff;
font-weight: 700;
padding: 5px 10px;
font-size: 24px;
line-height: 30px;
z-index: 2;
}
.event-box .price small{
font-size: 18px;
}
.packs .event-box .text,
.championships .event-box .text {
z-index: 2;
left: 20px;
}
.event-box.create .text{
text-align: center;
}
.packs .event-box .icons-services{
display: block;
margin: 0 auto 15px auto;
width: 100%;
max-width: 310px;
height: auto;
}
.event-box.create h3{
font-size:48px !important;
line-height: 48px !important;
}
.event-box .cover{
position:absolute;
top:0;
left:0;
z-index:-1;
}
.event-box h3{
font-size:24px;
line-height:30px;
margin-bottom:15px;
}
.event-box h3 span{
font-size:21px;
display:block;
line-height:21px;
}
.event-box a{
font-size:12px;
background:#107ad6;
color:#FFF;
padding:8px 12px;
font-weight:700;
text-transform: uppercase;
}
.section .text {
padding-top: 50px;
}
.financial-warning {
padding: 20px;
background-color: #fafafa;
color: #666;
font-size: 12px;
}
.financial-warning p{
margin-bottom: 10px;
}
.filter{
height:42px;
background:#f90;
margin-bottom:42px;
text-transform:uppercase;
color:#FFF;
padding:10px;
font-size:12px;
font-weight:700;
}
.filter a{
color:#fee2bf;
}
.filter a.active{
color:#fff;
border-bottom:3px solid #FFF;
padding-bottom:11px;
}
.filter a:hover{
color:#fff;
}
.big-viewmore {
display: block;
border-radius: 2px;
margin: 20px 0 60px 0;
text-align: center;
padding: 15px;
color: #fff;
font-weight: 700;
background-color: #107ad6;
text-transform: uppercase;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.big-viewmore:hover{
background-color: #1579b6;
}
.big-viewmore.championships,
.big-viewmore.teams {
margin-bottom: 20px;
}
.table-events{
background:#fafafa;
}
.budget-detail .table-events{
margin-bottom: 20px;
}
.table-events td{
background:#fafafa;
border-bottom:1px solid #ddd;
padding:10px 10px;
vertical-align: top;
position: relative;
}
.table-events tr.selected td {
background:#f3f3f3;
}
.table-events table td{
border-bottom:none;
padding:0 0 10px 0;
}
.table-events.middlealign td{
vertical-align: middle;
}
.table-events tr:last-child td {
border-bottom:none;
}
.table-events .date{
font-weight:700;
text-transform:uppercase;
background:#f3f3f3;
}
.table-events .date span.noconfirm {
color:#F00;
font-size:11px;
}
.table-events .comments {
background-color: #fafafa;
padding: 20px;
text-align: left;
font-size: 14px;
line-height: 21px;
position: relative;
}
.table-events .events{
}
.table-events .events strong{
color:#000;
font-weight:700;
font-size: 13px;
}
.truncate {
max-height: 100px;
overflow:hidden;
}
.viewmore-gradient {
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(250,250,250,0)),color-stop(100%,rgba(250,250,250,1)));
background-image: -webkit-linear-gradient(top,rgba(250,250,250,0),rgba(250,250,250,1));
background: linear-gradient(to bottom,rgba(250,250,250,0),rgba(250,250,250,1));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#00fafafa',EndColorStr='#fafafa');
top: 45px;
cursor: pointer;
height: 60px;
left: 0;
position: absolute;
width: 100%;
}
.table-events .events a.viewmore{
color:#107ad6;
}
.table-events .mini-input{
width: 20px;
}
.table-events .price{
font-size:12px;
color: #666;
}
.table-events .label-request{
color:#F00;
font-size:12px;
text-transform: uppercase;
font-weight:700;
}
.table-events .price span{
font-size:18px;
font-weight:700;
color: #111;
}
.budget-detail .table-events .price span{
color: #c00;
}
.table-events .id{
}
.table-events .actions{
}
.table-events .actions .btn{
font-size:12px;
font-weight:700;
background:#107ad6;
color:#FFF;
padding:8px 12px;
text-transform:uppercase;
border-radius: 2px;
display: inline-block;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
margin-bottom: 3px;
}
.table-events .actions .btn.secondary {
background: #58a2e2;
}
.table-events .actions .btn.ghost {
background: #fff;
border:1px solid #ddd;
color: #333;
}
.table-events .actions .btn.danger {
background: #e06666;
}
.table-events .actions .btn:hover{
background-color: #1579b6;
}
.table-events .actions .btn-request{
background:#f90;
}
.table-events .actions .btn.btn-request:hover{
background-color: #ffb84d;
}
.table-events .actions .btn-pack{
background:#ef5e29;
}
.table-events .actions .btn.btn-pack:hover{
background-color: #f27e54;
}
.table-events .remove {
width: 24px;
padding-top: 15px;
}
.table-events .item-remove {
color: #ccc;
font-size: 12px;
}
.table-events .item-remove:hover {
color: #db7560;
}
.table-events2{
background:#fafafa;
margin:0 -15px;
}
.table-events2 td{
border-bottom:1px solid #ddd;
padding:10px 10px;
}
.table-events2 tr:last-child td {
border-bottom:none;
}
.table-events2 .date{
font-weight:700;
text-transform:uppercase;
background:#f3f3f3;
}
.table-events2 .date span.noconfirm{
color:#F00;
font-size:11px;
}
.table-events2 .events{
}
.table-events2 .events a{
color:#000;
font-weight:700;
font-size: 18px;
}
.table-events2 .price{
font-size:12px;
color: #666;
}
.table-events2 .label-request{
color:#F00;
font-size:12px;
text-transform: uppercase;
font-weight:700;
}
.table-events2 .price span{
font-size:18px;
font-weight:700;
display: block;
color: #111;
}
.table-events2 .id{
}
.table-events2 .actions{
white-space: nowrap;
}
.table-events2 .actions .btn{
font-size:12px;
font-weight:700;
background:#107ad6;
color:#FFF;
padding:8px 12px;
text-transform:uppercase;
border-radius: 2px;
display: inline-block;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
margin-bottom: 3px;
}
.table-events2 .actions .btn:hover{
background-color: #1579b6;
}
.table-events2 .actions .btn-request{
background:#f90;
}
.table-events2 .actions .btn-request:hover{
background-color: #ffb84d;
}
.table-events2 .remove {
width: 24px;
padding-top: 15px;
}
.table-events2 .item-remove {
color: #ccc;
font-size: 12px;
}
.table-events2 .item-remove:hover {
color: #db7560;
}
.label-draft {
background-color: #777;
}
.label-open {
background-color: #5bc0de;
}
.label-close {
background-color: #777
}
.label-implant {
background-color: #777
}
.label-pending {
background-color: #337ab7
}
.label-paid {
background-color: #5cb85c
}
.label-warning {
background-color: #f0ad4e
}
.label-danger {
background-color: #d9534f
}
.label-notavail {
background-color: #c00
}
.label {
display: inline;
padding: 2px 6px 3px;
font-size: 12px;
font-weight: 700;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 2px;
}
.view-more{
font-weight:700;
text-transform:uppercase;
text-align:center;
margin-bottom:30px;
}
.contact-list {
padding-top: 20px;
}
.contact-list li{
margin-bottom: 12px;
}
.contact-list .s{
font-size: 21px;
margin-right: 10px;
color:#107ad6;
vertical-align: middle;
}
.contact-list .s-headset{
font-size: 18px;
}
.contact-list a{
font-weight: 700;
}
.contact-list span{
font-weight: 700;
font-size: 18px;
}
.twocolumns .sidebar {
width: 100%;
padding: 0;
position: relative;
}
.static .sidebar {
width: 100%;
padding: 0;
position: relative;
float: left;
}
.static .pack-detail .sidebar {
float: right;
}
.sidebar .shopping-bag {
background: #fafafa;
margin-bottom: 20px;
width: 100%;
}
.sidebar .shopping-bag.stuck {
margin-top: 5px;
}
.sidebar .shopping-bag h2{
padding: 10px;
background: #f90;
color: #fff;
text-transform: uppercase;
font-size: 18px;
font-weight: 700;
text-align: left;
margin-bottom: 0;
}
.sidebar .shopping-bag h2 i{
margin-right: 10px;
font-size: 16px;
}
.sidebar .shopping-bag .details{
padding: 10px;
}
.sidebar .shopping-bag h3{
color: #999;
text-transform: uppercase;
font-size: 14px;
font-weight: 700;
text-align: left;
margin-bottom: 5px;
}
.sidebar .shopping-bag .event-title{
margin-bottom: 10px;
}
.sidebar .shopping-bag .event-date{
color: #999;
}
.sidebar .shopping-bag .details ul{
margin-bottom: 10px;
}
.sidebar .shopping-bag .details li{
margin-bottom: 5px;
position: relative;
}
.sidebar .shopping-bag .details .bag-item {
border-top:1px solid #ddd;
position: relative;
padding: 10px 0;
font-size: 13px;
}
.sidebar .shopping-bag .details .bag-items .bag-item:last-child {
padding-bottom: 0;
}
.sidebar .shopping-bag .details .item-remove {
color: #ccc;
font-size: 12px;
line-height: 24px;
text-align: center;
width: 24px;
height: 24px;
display: block;
}
.sidebar .shopping-bag .details .item-remove:hover {
color: #db7560;
}
.sidebar .shopping-bag .total{
padding: 20px 10px;
border-top:1px solid #ddd;
font-weight: 700;
text-transform: uppercase;
}
.sidebar .shopping-bag .total .amount{
font-size: 21px;
}
.sidebar .shopping-bag .btn{
font-size: 18px;
display: block;
text-align: center;
font-weight: 700;
background: #107ad6;
color: #FFF;
padding: 15px 0;
text-transform: uppercase;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.static .sidebar .menu {
border-top: 1px solid #ddd;
margin-bottom: 20px;
}
.static .sidebar .menu li{
border-bottom: 1px solid #ddd;
}
.static .sidebar .menu a {
display: block;
padding: 10px 5px;
}
.static .sidebar .menu a.selected {
color: #fff;
background: #f90;
}
.twocolumns .content {
width:100%;
padding: 0;
position: relative;
min-height: 500px;
}
.static .content {
width:100%;
padding: 0;
position: relative;
float: right;
min-height: 500px;
}
.static .pack-detail .content {
float: left;
}
.static p,
.static ul {
margin-bottom: 20px;
}
.static p.lead {
font-size: 18px;
line-height: 28px;
color: #666;
margin-bottom: 40px;
}
.column-33 {
width: 100%;
}
.content h1,
.content h2,
.intranet h1,
.intranet h2 {
text-align: left;
}
.content ul {
margin-bottom: 20px;
}
.content small {
font-size: 14px;
}
.intranet h1 span {
font-size: 30px;
display: block;
}
.intranet h1 span.label {
font-size: 12px;
display: inline-block;
padding: 4px 6px 5px;
vertical-align: middle;
}
.content.sm {
font-size: 14px;
line-height: 21px;
}
.content.sm h2{
text-transform: uppercase;
font-size: 24px;
line-height: 30px;
color: #666;
margin-bottom: 10px;
}
.content.sm h5{
font-size: 16px;
line-height: 24px;
}
.content.sm .lead{
font-size: 18px;
line-height: 26px;
margin-bottom: 40px;
}
.content.sm .dropdown-options>li{
border-bottom: 1px solid #e5e5e5;
margin-bottom: 15px;
}
.content.sm .dropdown-options h5{
margin-bottom: 15px;
}
.content.sm .dropdown-options h5 a{
display: block;
}
.budget-detail h3 {
text-align: left;
font-weight: 700;
font-size: 21px;
line-height: 30px;
}
.budget-detail h3 span {
color: #666;
font-size: 14px;
text-transform: none!important;
display: block;
}
.date-created {
color: #666;
font-weight: 700;
font-size: 14px;
line-height: 21px;
}
.biginfo {
background-color: #fafafa;
padding: 20px;
text-align: left;
margin-bottom: 40px;
font-size: 14px;
line-height: 21px;
position: relative;
}
.big-icon-info{
display: none;
}
.big-icon-comment{
display: none;
}
.budget-detail .actions-total {
margin-bottom: 40px;
}
.budget-detail .actions .btn {
font-size: 14px;
display: block;
margin: 10px auto;
text-align: center;
font-weight: 700;
background: #107ad6;
color: #FFF;
padding: 8px 12px;
text-transform: uppercase;
border-radius: 2px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.budget-detail .actions .link {
font-size: 14px;
display: block;
margin: 10px auto;
text-align: center;
font-weight: 700;
color: #107ad6;
padding: 8px 12px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.budget-detail .total {
text-align: left;
font-weight: 700;
font-size: 21px;
line-height: 30px;
text-transform: uppercase;
color: #666;
}
.budget-detail .total .price{
font-weight: 400;
font-size: 30px;
line-height: 36px;
color: #c00;
display: block;
}
.budget-detail .total .price strong{
font-size: 72px;
line-height: 72px;
font-weight: 400;
}
.budget-detail .discount {
text-align: left;
font-weight: 700;
font-size: 14px;
line-height: 21px;
text-transform: uppercase;
color: #666;
}
.budget-detail .discount .price{
font-weight: 400;
font-size: 18px;
line-height: 24px;
color: #c00;
display: block;
}
.budget-detail .discount .price strong{
font-size: 48px;
line-height: 48px;
font-weight: 400;
}
.budget-detail .subtotal {
text-align: left;
font-weight: 700;
font-size: 14px;
line-height: 21px;
text-transform: uppercase;
color: #666;
}
.budget-detail .subtotal .price{
font-weight: 400;
font-size: 18px;
line-height: 24px;
color: #c00;
display: block;
}
.budget-detail .subtotal .price strong{
font-size: 48px;
line-height: 48px;
font-weight: 400;
}
.bigactions {
background-color: #fafafa;
padding: 20px;
text-align: center;
margin-bottom: 40px;
font-size: 16px;
line-height: 21px;
}
.bigactions p {
margin-bottom: 15px;
}
.bigactions .btn {
font-size: 14px;
display: inline-block;
margin: 0 5px 5px;
font-weight: 700;
background: #107ad6;
color: #FFF;
padding: 8px 12px;
text-transform: uppercase;
border-radius: 2px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.bigactions .btn.secondary {
background: #58a2e2;
}
.bigactions .btn.ghost {
background: #fff;
border:1px solid #ddd;
color: #333;
}
.bigactions .btn.danger {
background: #e06666;
}
.banner-packs {
display: none;
}
.banner-packs-mobile {
border-bottom: 1px solid #ddd;
padding: 0 0 20px 0;
margin-bottom: 20px;
}
.banner-packs .container{
padding: 20px;
background-color: #fff;
webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}
.banner-packs-mobile .container{
padding: 0;
}
.banner-packs .icons {
width: 100%;
margin-bottom: 10px;
}
.banner-packs .text {
width: 100%;
margin-bottom: 10px;
}
.banner-packs .action,
.banner-packs-mobile .action {
width: 100%;
}
.banner-packs .circle {
background: #f90;
width: 64px;
height: 64px;
border-radius: 50%;
color: #fff;
display: inline-block;
margin-right: 10px;
text-align: center;
}
.banner-packs .circle .s {
padding-top: 11px;
}
.banner-packs h3{
color: #f90;
text-transform: uppercase;
font-size: 18px;
line-height: 24px;
margin-bottom: 0;
font-weight: 700;
}
.banner-packs-mobile h3{
color: #f90;
text-transform: uppercase;
font-size: 14px;
line-height: 21px;
margin-bottom: 0;
font-weight: 700;
}
.banner-packs p{
margin-bottom: 0;
}
.banner-packs .btn,
.banner-packs-mobile .btn{
font-size: 14px;
text-align: center;
width: 100%;
font-weight: 700;
background: #ef5e29;
color: #FFF;
padding: 8px 20px;
text-transform: uppercase;
border-radius: 2px;
display: inline-block;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
margin-bottom: 3px;
}
.banner-packs .btn:hover,
.banner-packs-mobile .btn:hover{
background-color: #f27e54;
}
.positional {
margin-top: 30px;
display: none;
}
.positional .intro {
width: 100%;
margin-bottom: 20px;
}
.positional .intro h2 {
font-weight: 300;
font-size: 30px;
line-height: 36px;
color: #f90;
}
.positional .columns {
width: 100%;
}
.positional .columns li{
width: 100%;
margin-bottom: 25px;
}
.positional .columns li .s{
margin: 5px 12px 12px 0;
}
.section.tickets {
}
.section.tickets h1{
font-family:"Oswald",sans-serif;
font-size: 18px;
text-transform: uppercase;
line-height: 40px;
margin-bottom: 10px;
text-align: left;
color: #111;
}
.section.tickets h3{
text-align: left;
font-size:18px;
margin-bottom: 20px;
color:#f90;
}
.section.tickets .others-services-info{
background-color: #fafafa;
padding: 30px;
margin-bottom: 20px;
}
.section.tickets .others-services-info h2{
text-align: left;
margin-bottom: 20px;
}
.section.tickets .others-services-info p{
font-size: 15px;
line-height: 24px;
}
.section.tickets .others-services-info p:last-child{
margin-bottom: 0;
}
.section.tickets .others-services-list{
width: 100%;
}
.others-services-list h3 a {
color: #f90;
}
.circle-plus {
background-color: #f90;
border-radius: 50%;
height: 24px;
width: 24px;
text-align: center;
display: inline-block;
color: #fff;
font-weight: 700;
line-height: 24px;
font-size: 18px;
vertical-align: middle;
margin-right: 5px;
float: right;
-webkit-transition: -webkit-transform .3s ease;
transition: transform .3s ease;
}
.circle-plus.close {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.section.tickets .services-selector{
margin:0 auto 20px;
}
.others-services-list h3 a {
color: #f90;
}
.section.tickets .tickets-onebox{
width: 100%;
}
.section.tickets .tickets-onebox .info-request {
margin-bottom: 10px;
}
.section.tickets .tickets-onebox h3{
color: #111;
font-size: 18px;
line-height: 24px;
font-weight: 300;
margin-bottom: 20px;
font-family:"Oswald",sans-serif;
text-align: left;
text-transform: uppercase;
}
.section.tickets .tickets-onebox h3 span {
color: #666;
font-size: 14px;
line-height: 24px;
font-weight: 700;
font-family:"Lato",sans-serif;
text-transform: none;
display: block;
}
.section.tickets .tickets-onebox .tickets-plane {
max-width: 600px;
margin: 0 auto 20px auto;
}
.section.tickets .tickets-onebox .seats-selected {
font-size: 21px;
line-height: 30px;
color: #666;
font-weight: 700;
}
.section.tickets .tickets-onebox .seats-selected strong{
font-size: 36px;
line-height: 30px;
color: #111;
font-weight: 700;
}
.section.tickets .tickets-list{
width: 100%;
}
.info-request {
border-bottom: 1px solid #ddd;
padding: 0 0 20px 0;
position: relative;
}
.info-request .info-request-icon {
display: none;
}
.info-request .info-request-text {
width: 100%;
}
.info-request .info-request-text h2{
margin-bottom: 5px;
font-size: 14px;
line-height: 21px;
color: #111;
text-align: left;
}
.info-request .info-request-text p{
margin-bottom: 10px;
font-size: 12px;
line-height: 18px;
}
.info-request .info-request-text p:last-child{
margin-bottom: 0;
}
.info-request .info-request-text .btn{
font-size:12px;
display: inline-block;
font-weight:700;
background:#107ad6;
color:#FFF;
padding:8px 12px;
height: 35px;
text-transform:uppercase;
border-radius: 2px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.info-request .info-request-text .btn:hover{
background-color: #1579b6;
}
.section.tickets .tickets-list table{
width: 100%;
margin-bottom: 20px;
}
.section.tickets .tickets-list th{
display: none;
}
.section.tickets .tickets-list td{
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
padding: 20px 8px;
vertical-align: top;
}
.section.tickets .tickets-list tr td:first-child{
padding-left: 0;
}
.section.tickets .tickets-list tr td:last-child{
padding-right: 0;
}
.section.tickets .tickets-list tbody tr:first-child td{
border-top: none;
}
.section.tickets .tickets-list td em{
font-style: italic;
color: #999;
font-size: 13px;
display: inline-block;
}
.section.tickets .tickets-list .actions .unavailable {
font-size:12px;
display: inline-block;
font-weight:700;
border: 2px solid #c00;
color:#c00;
padding:8px 12px;
text-transform:uppercase;
border-radius: 2px;
}
.section.tickets .tickets-list .actions .btn{
font-size:12px;
display: inline-block;
font-weight:700;
background:#107ad6;
color:#FFF;
padding:8px 12px;
height: 35px;
text-transform:uppercase;
border-radius: 2px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.section.tickets .tickets-list .actions .btn:hover{
background-color: #1579b6;
}
.label-category {
display: inline-block;
float: left;
width: 16px;
height: 16px;
margin-right: 15px;
margin-top: 3px;
}
.label-category.category4 {
background: #e20613;
}
.label-category.category3 {
background: #ffec00;
}
.label-category.category2 {
background: #009fe2;
}
.label-category.category1 {
background: #69a82e;
}
.service-prices td .bigamount {
font-size: 30px;
line-height: 36px;
}
.service-prices td .decimal {
font-size: 18px;
}
.service-prices td em {
font-style: italic;
color: #999;
font-size: 13px;
display: inline-block;
}
.section.tickets .tickets-list td .bigamount {
font-size: 30px;
line-height: 36px;
}
.section.tickets .tickets-list td .decimal {
font-size: 18px;
}
.section.tickets .tickets-list p.legend {
color: #999;
font-style: italic;
font-size: 12px;
margin-bottom: 10px;
}
#request_type_box {
padding: 20px;
background-color: #fffbe6;
color: #666;
margin-bottom: 20px;
}
#request_type_box p{
margin-bottom: 10px;
}
#request_type_box strong{
font-size: 18px;
line-height: 24px;
color: #c00;
}
#request_type_box label{
color: #111;
}
.section.tickets .tickets-plane{
width: 100%;
position: relative;
overflow: hidden;
position: relative;
cursor: zoom-in;
height: 150px;
}
.section.tickets .tickets-plane-nofound{
cursor: default;
}
.section.tickets .tickets-plane img{
width: 100%;
}
.section.tickets .tickets-plane-zoom{
position: absolute;
right: 0;
top: 0;
}
.section .col-2,
.section .col-3{
width: 100%;
}
.nomatches {
text-align: center;
}
.nomatches form button{
width:100%;
height:64px;
background:#107ad6;
text-transform:uppercase;
border-radius:2px;
font-size:18px;
font-weight: 700;
font-family:"Lato",sans-serif;
padding:0 3px;
color:#fff;
text-align:center;
border:none;
cursor: pointer;
display: block;
margin-bottom: 20px;
}
.nomatches form input{
font-size:18px;
width:100%;
height:64px;
background:#FFF;
border-radius:2px;
padding:0 10px;
border: 1px solid #ddd;
display: block;
margin-bottom: 20px;
}
.tabs {
border-bottom: 1px solid #ddd;
height: 28px;
background: #fff;
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden;
margin-bottom: 20px;
}
.tabs ul {
margin-left: 0;
margin-bottom: 0;
}
.tabs li {
float: left;
margin-right: 20px;
float: none;
display: inline-block;
}
.tabs li:last-child {
margin-right: 0;
}
.tabs li a{
color:#1e86c8;
text-transform: uppercase;
font-weight: 700;
padding-bottom: 5px;
}
.tabs li a:hover{
color:#1e86c8;
}
.tabs li.here a{
color:#111;
border-bottom: 4px solid #111;
}
.footer{
background:#f90;
color:#FFF;
}
.footer h3{
font-weight:700;
margin-bottom:20px;
text-transform:uppercase;
}
.footer ul{
margin-bottom: 0;
}
.footer .badgets {
padding-top: 10px;
}
.footer .row{
border-bottom:1px solid #ffad33;
margin-bottom:30px;
}
.footer .label{
font-weight:700;
text-transform:uppercase;
margin-right:20px;
}
.footer .newsletter{
width:100%;
padding:50px 0 0 0;
text-align: center;
position: relative;
border-bottom: none;
margin-bottom: 0;
padding-left: 15px;
padding-right: 15px;
}
.footer .newsletter h2{
font-size: 30px;
line-height: 36px;
font-weight: 300;
margin-bottom: 30px;
color: #fff;
text-align: center;
}
.footer .newsletter span.email {
position: relative;
}
.footer .newsletter .newsletter-msg-error,
.footer .newsletter .newsletter-msg-info {
position: absolute;
top: 20px;
left: 0;
padding: 4px;
font-size: 11px;
z-index: 1;
}
.footer .newsletter .newsletter-msg-error .arrow-up {
width: 0;
height: 0;
margin-left: 10px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #db7560;
}
.footer .newsletter .newsletter-msg-info .arrow-up {
width: 0;
height: 0;
margin-left: 10px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #77bfe5;
}
.footer .social-networks{
width:100%;
padding:0 0 50px 0;
text-align: center;
margin-bottom: 30px;
}
.footer .social-networks a{
color:#FFF;
font-size:24px;
vertical-align:middle;
display: block;
width: 48px;
height: 48px;
background: #fff;
border-radius: 50%;
text-align: center;
line-height: 54px;
}
.footer .social-networks .s-twitter {
color: #55acee;
}
.footer .social-networks .s-facebook {
color: #3b5998;
}
.footer .social-networks .s-google {
color: #dc4e41;
}
.footer form {
margin-bottom: 15px;
}
.footer form input{
font-size:14px;
width:100%;
height:40px;
background:#FFF;
border-radius:2px;
padding:0 10px;
border:none;
margin-right:6px;
margin-bottom: 6px;
}
.footer form select{
font-size:14px;
width:100%;
height:40px;
background:#FFF;
border-radius:2px;
padding:0 10px;
border:none;
margin-right:6px;
-webkit-appearance: none;
margin-bottom: 6px;
}
.footer .select:before {
right: 14px;
}
.footer form button{
width:100%;
height:40px;
background:#107ad6;
text-transform:uppercase;
border-radius:2px;
font-size:14px;
font-weight: 700;
font-family:"Lato",sans-serif;
color:#fff;
text-align:center;
border:none;
cursor: pointer;
margin-bottom: 6px;
}
.footer .legend{
text-align: center;
font-size: 12px;
line-height: 18px;
}
.footer .legend a{
text-decoration: underline;
color: #fff;
}
.col-logo{
width:100%;
font-weight:700;
margin-bottom:30px;
}
.col-logo a{
font-weight:700;
color:#FFF;
}
.col-logo ul{
margin-top:35px;
line-height:24px;
}
.col-info, .col-championships{
width:100%;
margin-bottom:20px;
border-top: 1px solid #ffad33;
padding-top: 20px;
}
.col-info a, .col-championships a,.col-teams a{
color:#000;
}
.col-teams{
width:100%;
margin-bottom:20px;
border-top: 1px solid #ffad33;
padding-top: 20px;
}
.footer .col-info .alignleft,
.footer .col-championships .alignleft,
.footer .col-teams .alignleft{
width:50%;
}
.footer .help{
margin:0 auto;
padding-right: 15px;
padding-left: 15px;
width:100%;
text-transform:uppercase;
font-weight:700;
padding-bottom:70px;
}
.footer .help .s{
font-size:36px;
vertical-align:middle;
margin-right:5px;
}
.footer .help a{
color:#FFF;
}
.footer .help .label{
margin-right:0;
margin-bottom: 10px;
text-align:center;
font-size:24px;
}
.footer .help .label span{
font-size:16px;
}
.footer .help .chat{
margin-right:30px;
font-size:18px;
margin-bottom: 10px;
}
.footer .help .phone{
margin-right:30px;
font-size:14px;
margin-bottom: 10px;
}
.footer .help .phone span{
font-size:24px;
text-align:center;
}
.footer .help .phone div{
overflow:hidden;
}
.footer .help .email{
font-size:18px;
text-transform:lowercase;
margin-bottom: 10px;
}
.block-form {
background-color:#fafafa;
padding: 15px;
margin: 20px -15px;
}
.block-form.alt {
background-color:#efefef;
}
.form-horizontal .control-group {
margin-bottom: 15px;
}
.form-horizontal .control-group:before,
.form-horizontal .control-group:after {
display: table;
line-height: 0;
content: "";
}
.form-horizontal .control-group:after {
clear: both;
}
.form-horizontal .control-group .column {
margin-right: 10px;
}
.form-horizontal .control-group .column:last-child {
margin-right: 0;
}
.form-horizontal .control-label {
float: left;
width: 100%;
padding-top: 5px;
text-align: left;
display: block;
margin-bottom: 5px;
}
.form-horizontal label {
display: block;
margin-bottom: 5px;
}
.form-horizontal .controls {
}
.form-horizontal .controls > .radio:first-child,
.form-horizontal .controls > .checkbox:first-child {
padding-top: 5px;
min-width: 150px;
}
.form-horizontal input,
.form-horizontal textarea,
.form-horizontal select,
.form-inline input,
.form-inline textarea,
.form-inline select {
display: inline-block;
margin-bottom: 5px;
vertical-align: middle;
height: 30px;
padding: 0 10px;
font-size: 14px;
line-height: 20px;
color: #555;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.form-horizontal select {
width: 220px;
background-color: #ffffff;
border: 1px solid #ddd;
}
.form-horizontal select,
.form-horizontal input[type="file"] {
height: 30px;
line-height: 30px;
}
.form-horizontal textarea,
.form-horizontal input,
.form-inline textarea,
.form-inline input {
background-color: #ffffff;
border: 1px solid #ddd;
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
transition: border linear 0.2s, box-shadow linear 0.2s;
}
.form-horizontal textarea,
.form-inline textarea {
height: auto;
}
.form-horizontal .radio input[type="radio"],
.form-horizontal .checkbox input[type="checkbox"] {
float: left;
margin-left: -20px;
margin-top: -4px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
min-height: 20px;
padding-left: 20px;
border: none;
}
.form-horizontal .radio.inline,
.form-horizontal .checkbox.inline {
display: inline-block;
padding-top: 5px;
margin-bottom: 0;
vertical-align: middle;
border: none;
}
.form-horizontal .radio.inline + .radio.inline,
.form-horizontal .checkbox.inline + .checkbox.inline {
margin-left: 10px;
}
.input-datepicker {
position: relative;
}
.input-datepicker>input {
padding-left: 30px;
width: 125px;
padding-right: 5px;
}
.input-datepicker:before {
font-family: 'symbols';
color:#999;
position: absolute;
top: 0px;
left: 10px;
line-height: 14px;
content: "\F725";
pointer-events: none;
}
.bigselect {
position: relative;
}
.bigselect:before {
content: "\F723";
font-family: 'symbols';
pointer-events: none;
color:#999;
font-size: 10px;
position: absolute;
top: 1px;
right: 10px;
line-height: 12px;
}
.bigselect select{
background: #fff;
-webkit-appearance: none;
-moz-appearance:none;
appearance:none;
border:1px solid #ddd;
border-radius: 2px;
height: 35px;
padding: 0 10px;
padding-right: 25px;
width: auto;
font-size: 18px;
font-weight: 700;
min-width: 60px;
}
.select {
position: relative;
}
.select:before {
content: "\F723";
pointer-events: none;
font-family: 'symbols';
color:#999;
font-size: 8px;
position: absolute;
top: 3px;
right: 6px;
line-height: 12px;
}
.select select{
background: #fff;
-webkit-appearance: none;
-moz-appearance:none;
appearance:none;
border:1px solid #ddd;
border-radius: 2px;
height: 30px;
font-size: 14px;
padding: 0 10px;
padding-right: 25px;
width: auto;
min-width: 60px;
}
.select2 {
position: relative;
}
.select2:before {
content: "\F723";
pointer-events: none;
font-family: 'symbols';
color:#999;
font-size: 8px;
position: absolute;
top: 9px;
right: 6px;
line-height: 12px;
}
.select2 select{
background: #fff;
padding-right: 25px;
-webkit-appearance: none;
-moz-appearance:none;
appearance:none;
border:1px solid #ddd;
border-radius: 2px;
height: 30px;
font-size: 14px;
padding: 0 10px;
width: auto;
min-width: 60px;
}
.form-horizontal .input-mini,
.form-inline .input-mini {
width: 60px;
}
.form-horizontal .input-small,
.form-inline .input-small {
width: 90px;
}
.form-horizontal .input-medium,
.form-inline .input-medium {
width: 150px;
}
.form-horizontal .input-large,
.form-inline .input-large {
width: 210px;
}
.form-horizontal .input-xlarge,
.form-inline .input-xlarge {
width: 270px;
}
.form-horizontal .input-xxlarge,
.form-inline .input-xxlarge {
width: 100%;
}
.form-horizontal .input-full,
.form-inline .input-full {
width: 100%;
}
.form-horizontal .input-danger {
border-color: #c00;
}
.form-horizontal .help-block {
display: block;
}
.form-horizontal .help-inline {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
padding-left: 5px;
}
.form-horizontal .help-block,
.form-horizontal .help-inline {
color: #999;
font-size: 14px;
}
.form-horizontal .help-danger {
color: #c00;
font-size: 12px;
margin-bottom: 10px;
display: inline-block;
}
.form-horizontal .form-actions {
padding-left: 180px;
margin: 20px 0 8px;
}
.form-horizontal button,
.form-inline button {
border: none;
padding: 0 20px;
height: 30px;
background: #1e86c8;
text-align: center;
color: #fff;
text-transform: uppercase;
font-size: 12px;
font-weight: 700;
font-family:"Lato",sans-serif;
line-height: 30px;
cursor: pointer;
display: block;
float: left;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.form-horizontal button:hover,
.form-inline button:hover {
background-color: #1579b6;
}
.form-horizontal button.btn-lg {
width: 100%;
padding:10px;
font-size: 18px;
height: auto;
}
.box-search {
padding: 15px;
margin-bottom:20px;
background: #fafafa;
}
.box-search input{
width:100%;
height:40px;
font-size:14px;
padding:0 5px;
background:#fff;
color:#333;
vertical-align: middle;
border: 1px solid #ddd;
margin-bottom: 5px;
}
.box-search button{
height:40px;
background:#107ad6;
text-transform:uppercase;
font-size:16px;
font-family:"Lato",sans-serif;
line-height: 40px;
font-weight: 700;
padding:0 10px;
color:#fff;
text-align:center;
border:none;
cursor: pointer;
vertical-align: middle;
width: 100%;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.box-search button:hover {
background-color: #1579b6;
}
.box-search button .s{
font-size: 16px;
margin-top: -2px;
vertical-align: middle;
}
.box-search-hotel {
padding: 15px;
margin-right: -15px;
margin-left: -15px;
margin-top: -20px;
margin-bottom:20px;
background: #fafafa;
}
.box-search-hotel label{
display:block;
text-transform:uppercase;
font-weight: 700;
font-size: 12px;
}
.box-search-hotel .input-xlarge{
width: 100%;
}
.box-search-hotel label.inline{
display:inline-block;
margin-bottom: 0;
}
.box-search-hotel .row {
margin-bottom: 10px;
}
.box-search-hotel .row:last-child {
margin-bottom: 0;
}
.box-search-hotel .column {
margin-right: 10px;
}
.box-search-hotel .column.full {
width: 100%;
}
.box-search-hotel .row .column:last-child {
margin-right: 0;
}
.box-search-hotel .column-room {
width: 85px;
}
.box-search-hotel .column-ages {
float: none;
}
.box-search-hotel .column-room label {
font-size: 9px;
}
.box-search-hotel select.disabled {
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
opacity:0.5;
}
.box-search-hotel .form-horizontal .actionbtn button {
width: 100%;
height: 40px;
}
.box-search-hotel .s-star {
color:#ff9900;
font-size: 11px;
}
.box-search-hotel .stars input {
margin-left: 5px;
margin-right: 10px;
vertical-align: middle;
}
.search-list .search-row{
padding: 10px 0;
border-bottom: 1px solid #ddd;
}
.search-list .search-row:last-child{
border-bottom: 0;
}
.search-list .search-row div.photo{
width: 60px;
margin-right: 10px;
}
.search-list .search-row div.photo a{
display: inline-block;
overflow: hidden;
width: 56px;
height: 56px;
margin: 0 10px 10px 0;
}
.search-list .search-row div.photo img{
width: 56px;
height: 56px;
}
.search-list .search-row div.resume{
width: 70%;
margin-bottom: 10px;
font-size: 12px;
}
.search-list .search-row .resume h2{
text-align: left;
font-size:13px;
line-height: 13px;
font-weight: 700;
margin-bottom: 0;
color:#111;
}
.search-list .search-row .resume h2 span{
color:#f90;
margin-left:10px;
font-size:8px;
vertical-align: middle;
}
.search-list .search-row div.actions {
text-align:left;
width: 100%;
}
.search-list .search-row .actions .btn{
font-size:14px;
background:#107ad6;
color:#FFF;
padding:10px 20px;
margin-bottom: 10px;
display:inline-block;
border-radius: 2px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.search-list .search-row .actions .btn:hover {
background-color: #1579b6;
}
.search-list .search-row .actions .btn strong{
font-size:18px;
}
.search-list .search-row .prices{
margin-top: 20px;
}
.search-list .search-row .prices table,
.service-detail .prices table{
width:100%;
}
.search-list .search-row .prices td,
.service-detail .prices td{
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 10px;
vertical-align: middle;
background:#fafafa;
}
.search-list .search-row .prices .inner_table td,
.service-detail .prices .inner_table td{
border-top: 0px solid #ddd;
border-bottom: 0px solid #ddd;
padding: 5px;
vertical-align: middle;
background:#fafafa;
}
.search-list .search-row .prices td.price,
.service-detail .prices td.price{
font-size: 18px;
font-weight: 700;
}
.search-list .search-row .prices td.conditions,
.service-detail .prices td.conditions{
font-size: 14px;
font-weight: 500;
color: #999;
}
.search-list .search-row .prices td.actions .btn,
.service-detail .prices td.actions .btn{
font-size:12px;
font-weight:700;
background:#107ad6;
color:#FFF;
padding:8px 12px;
text-transform:uppercase;
border-radius: 2px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.search-list .search-row .prices td.actions .btn:hover,
.service-detail .prices td.actions .btn:hover {
background-color: #1579b6;
}
.search-list .search-row .prices .service-prices tbody tr:nth-child(even) td,
.service-detail .prices .service-prices tbody tr:nth-child(even) td {
background-color: #fff;
}
.continue {
padding: 30px 0;
text-align: right;
border-top: 1px solid #ddd;
}
.continue .btn,
#info_groups .btn {
font-size:18px;
font-weight: 700;
background:#107ad6;
color:#FFF;
padding:20px 0;
margin-bottom: 10px;
display:inline-block;
text-transform: uppercase;
border-radius: 2px;
width: 100%;
text-align: center;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.continue .btn.secondary {
background:#f90;
}
.continue .btn.secondary:hover {
background-color: #ffb84d;
}
.continue .btn:hover,
#info_groups .btn:hover{
background-color: #1579b6;
}
.continue .alignright{
width: 100%;
}
.continue .alignleft{
width: 100%;
text-align: left;
padding-top: 20px;
}
.budget-info {
background-color:#fafafa;
padding: 30px;
border: 1px solid #ddd;
}
.budget-info p:last-child{
margin-bottom: 0;
}
.budget-info .btn{
font-size:12px;
font-weight:700;
background:#107ad6;
color:#FFF;
padding:8px 12px;
text-transform:uppercase;
border-radius: 2px;
display: inline-block;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.budget-info .btn-lg {
width: 100%;
padding:15px 0;
font-size: 18px;
height: auto;
}
.budget-info .btn:hover{
background-color: #1579b6;
}
.service-detail {
padding:0;
}
.service-detail h2{
text-align: left;
font-size:21px;
margin-bottom: 5px;
color:#111;
}
.service-detail h2 span{
color:#f90;
display: block;
font-size:18px;
margin-top: 5px;
}
.service-detail h3{
text-align: left;
font-size:18px;
margin-bottom: 20px;
color:#f90;
}
.service-detail p {
margin-bottom: 20px;
}
.hotel-map,
.hotel-gallery {
margin-bottom:20px;
}
.hotel-map {
width: 100%;
height: 0;
margin: 0 auto 20px 0;
padding-top: 50%;
position: relative;
}
.hotel-map iframe{
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
}
.hotel-gallery .big{
margin-bottom: 20px;
}
.hotel-gallery .big img{
width: 100%;
height: auto;
}
.hotel-gallery .minis{
}
.hotel-gallery .minis a{
display: inline-block;
overflow: hidden;
width: 47px;
height: 40px;
margin: 0 10px 10px 0;
}
.hotel-gallery .minis img{
width: 47px;
height: 40px;
}
.service-detail ul.square {
padding-left:30px;
}
.service-detail ul.square li {
list-style: square;
}
#form-checking .block {
background: #fafafa;
padding: 20px 15px;
margin-bottom: 20px;
}
#form-checking .block p:last-child{
margin-bottom: 0;
}
#form-checking h4 {
color: #999;
margin-left: -15px;
margin-right: -15px;
margin-top: 20px;
padding: 0 15px;
}
#form-checking h4 small{
font-size: 12px;
color: #bbb;
}
#form-checking .block h4:first-child {
margin-top: 0;
}
.payment-methods .s {
vertical-align:middle;
}
.payment-methods .s-visa {
color:#0050b9;
}
.payment-methods .s-mastercard {
color:#f90;
}
.payment-methods .s-amex {
color:#0072ce;
}
.payment-methods .s-paypal {
color:#009cde;
}
.payment-methods input[type="radio"] {
margin-top: 10px;
}
#aplazame_radio{
margin-top:6px !important;
}
.s-aplazame {
width: 95px;
height: 40px;
background-size: 89px 44px;
background-position: 5px center;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml;utf8,');
}
.payment-methods label.radio.inline {
display: block;
width: 100%;
margin-left: 0px !important;
}
.payment-methods input:checked ~ span {
font-weight: 600;
}
div[data-aplazame-simulator] {
text-align: right;
clear: both;
text-transform: lowercase;
}
.tickets-table-prices div[data-aplazame-simulator] {
text-align: left;
}
.login-fb {
margin-bottom: 20px;
}
.login-fb .btn{
border-radius: 2px;
padding: 8px 10px;
font-weight: 700;
}
.login-fb .btn.fb{
padding-left: 4px;
color: #fff;
background:#3b5998;
}
.login-fb .btn.fb i {
margin-right: 10px;
vertical-align: middle;
margin-top: -2px;
}
.freecallMobile {
width: 100%;
height: 60px;
padding-top: 10px;
position: fixed;
z-index: 400000;
bottom: 0;
left: 0;
background-color: #43d854;
color: #fff;
text-align: center;
}
.freecallMobile .close{
position: absolute;
top:6px;
right: 6px;
color: #ddd;
font-size: 10px;
padding: 5px;
}
.freecallMobile .close:hover{
color: #fff;
}
.freecallMobile .btn{
color: #fff;
font-weight: 700;
padding: 10px;
font-size: 14px;
display: inline-block;
}
.freecallMobile .btn .s{
font-size: 21px;
vertical-align: top;
}
.minifreecall {
width: 50px;
height: 50px;
position: fixed;
z-index: 400000;
right: 0;
top: 50%;
right: -50px;
margin-top: -120px;
background-color: #43d854;
webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
box-shadow: 0 1px 3px rgba(0,0,0,0.2);
color: #fff;
text-align: center;
font-size: 18px;
padding-top: 7px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.minifreecall:hover {
width: 64px;
}
.freecall {
display: none;
width: 200px;
height: 165px;
position: fixed;
z-index: 400000;
right: 0;
top: 50%;
margin-top: -120px;
background-color: #fff;
webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
box-shadow: 0 1px 3px rgba(0,0,0,0.2);
color: #666;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.freecall .close{
position: absolute;
top:6px;
right: 6px;
color: #ddd;
font-size: 10px;
padding: 5px;
}
.freecall .close:hover{
color: #666;
}
.freecall h3{
background-color:#f3f3f3;
padding: 10px;
color: #222;
font-size: 16px;
line-height: 21px;
}
.freecall p{
padding: 10px;
font-size: 13px;
line-height: 18px;
margin-bottom: 0;
}
.freecall .btn{
color: #fff;
font-weight: 700;
background-color: #43d854;
width: 180px;
padding: 10px;
margin: 0 10px;
display: block;
font-size: 15px;
}
.freecall .btn .s{
font-size: 21px;
vertical-align: top;
}
.spinner {
margin: 30px auto 30px;
width: 200px;
text-align: center;
}
.spinner > div {
width: 48px;
height: 48px;
background-color: #f90;
margin: 0 5px;
color:#fff;
border-radius: 100%;
font-size: 24px;
line-height: 24px;
opacity: 0.2;
display: inline-block;
-webkit-animation: bouncedelay 1.4s infinite ease-in-out;
animation: bouncedelay 1.4s infinite ease-in-out;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.spinner div:first-child {
margin-left: 0;
}
.spinner div:last-child {
margin-right: 0;
}
.spinner .bounce1 {
-webkit-animation-delay: -0.64s;
animation-delay: -0.64s;
}
.spinner .bounce2 {
-webkit-animation-delay: -0.48s;
animation-delay: -0.48s;
}
.spinner .bounce3 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.spinner .bounce4 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
@-webkit-keyframes bouncedelay {
0%, 80%, 100% { -webkit-transform: scale(0.0); opacity: 0.2; }
40% { -webkit-transform: scale(1.0); opacity: 1; }
}
@keyframes bouncedelay {
0%, 80%, 100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
opacity: 0.2;
} 40% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
opacity: 1;
}
}
.bigbtn {
font-size:18px;
font-weight: 700;
background:#107ad6;
color:#FFF;
padding:20px 0;
margin-bottom: 10px;
display:inline-block;
text-transform: uppercase;
border-radius: 2px;
width: 100%;
text-align: center;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/* ==========================================================================
Account Static
========================================================================== */
.account-static .header{
min-height: 400px;
background-color: #111;
color: #fff;
background-image: url(../../account/images/bg-pitchgrass-small.jpg);
background-repeat: no-repeat;
background-position: right bottom;
margin: 0 -15px;
}
.account-static .header .alignleft,
.account-static .header .alignright {
float: none;
}
.account-static .header .logo{
display: block;
margin: 40px auto;
width: 70%;
height: auto;
}
.account-static .header .points{
text-align: center;
margin: 60px auto 40px auto;
min-width: 200px;
text-transform: uppercase;
}
.account-static .header strong{
font-size: 130px;
font-weight: 300;
line-height: 100px;
}
.account-static .intro{
font-size: 18px;
line-height: 24px;
font-weight: 300;
text-align: center;
margin: 30px auto;
}
.account-static .prices{
display: block;
margin: 0 auto;
width: 100%;
height: auto;
}
.account-static .btn {
color: #fff;
background-color: #107ad6;
border-radius: 2;
padding: 15px;
display: inline-block;
margin: 30px auto;
font-weight: 700;
text-align: center;
text-transform: uppercase;
}
.section .account-static h2 {
text-align: center;
text-transform: uppercase;
font-size: 30px;
color: #f90;
line-height: 36px;
font-weight: 300;
}
.account-static .columns{
margin-bottom: 30px;
}
.account-static .column-25{
width: 100%;
padding: 0 15px;
}
.account-static .column-20{
width: 100%;
padding: 0 15px;
}
.account-static .circle{
background: #f90;
width: 128px;
height: 128px;
border-radius: 50%;
color: #fff;
display: block;
text-align: center;
margin: 0 auto 15px auto;
padding-top: 33px;
}
.account-static em{
color: #666;
}
.account-static .stamp-column {
position: relative;
color: #fff;
text-align: center;
font-weight: 700;
font-size: 24px;
line-height: 30px;
padding-top: 64px;
text-transform: uppercase;
min-height: 300px
}
.account-static .implant-form .stamp-content {
position: relative;
width: 264px;
}
.account-static .implant-form .stamp-column:before {
font-family: 'symbols';
color:#c00;
position: absolute;
top: 0px;
left: 0;
font-size: 260px;
line-height: 260px;
content: "\F756";
}
.account-static .implant-form .stamp-column .offer {
font-size: 48px;
line-height: 48px;
}
.account-static .implant-form .stamp-column .launch {
font-size: 24px;
line-height: 24px;
}
.account-static .implant-form .stamp-column .without-cost {
font-size: 36px;
line-height: 36px;
}
.account-static .implant-form .stamp-column .price-strike {
font-size: 30px;
line-height: 30px;
text-decoration: line-through;
}
.account-static .implant-form .form-column p:first-child{
font-size: 18px;
line-height: 24px;
}
.account-static .implant-form .form-column label{
text-transform: uppercase;
color: #666;
font-weight: 700;
}
.account-static .implant-form .form-column input{
margin-right: 3px;
}
.account-static .implant-form .form-column button{
margin-bottom: 12px;
}
.account-static.form-socialnetworks .socialnetworks-intro {
font-size: 18px;
line-height: 24px;
margin-bottom: 40px;
}
.account-static.form-socialnetworks .info {
max-width: 700px;
background: #f9edbe;
color: #111;
margin-left: auto;
margin-right: auto;
}
.account-static.form-socialnetworks .info a{
color: #107ad6;
}
.account-static.form-socialnetworks .list-social-networks {
max-width: 550px;
width: 100%;
margin: 0 auto 60px auto;
}
.account-static.form-socialnetworks .list-social-networks td{
padding: 10px 0;
vertical-align: middle;
border-bottom: 1px solid #ddd;
}
.account-static.form-socialnetworks .list-social-networks tr:last-child td{
border-bottom: none;
}
.account-static.form-socialnetworks .list-social-networks .rounded {
width: 32px;
height: 32px;
border-radius: 50%;
color: #fff;
display: block;
text-align: center;
line-height: 36px;
font-size: 16px;
}
.account-static.form-socialnetworks .list-social-networks .rounded-facebook {
background: #3b5998;
}
.account-static.form-socialnetworks .list-social-networks .rounded-twitter {
background: #55acee;
}
.account-static.form-socialnetworks .list-social-networks .btn {
padding: 5px 30px;
margin: 0;
}
.account-static.form-socialnetworks .btn-facebook,
.account-static.form-socialnetworks .btn-twitter {
background: #3b5998;
padding: 10px 15px;
font-size: 12px;
text-transform: uppercase;
border-radius: 2px;
color: #fff;
display: inline-block;
margin-bottom: 30px;
position: relative;
font-weight: 700;
}
.account-static.form-socialnetworks .btn-twitter {
background: #55acee;
}
.account-static.form-socialnetworks .btn-facebook .s,
.account-static.form-socialnetworks .btn-twitter .s{
margin-right: 15px;
}
.account-static.form-socialnetworks .icon-column {
display: none;
}
/* ==========================================================================
Teams
========================================================================== */
.tags-teams h3{
font-size: 30px;
line-height: 36px;
margin-bottom: 20px;
font-weight: 300;
color: #666;
text-transform: none;
}
.tags-teams ul {
margin-bottom: 20px;
}
.tags-teams li {
margin-bottom: 10px;
}
.tags-teams a {
padding: 2px 5px;
}
.tags-teams a:hover {
background-color: #107ad6;
color: #fff;
border-radius: 2px;
}
/* ==========================================================================
Media Queries
========================================================================== */
@media only screen and (min-width: 35em) {
}
@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
}
/* ==========================================================================
Helper classes
========================================================================== */
.img-responsive {
display: block;
max-width: 100%;
height: auto;
}
.img-responsive.center {
margin: 0 auto;
}
.hidden, .hide {
display: none !important;
visibility: hidden !important;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
display: none !important;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-muted {
color:#999;
}
.text-danger {
color:#c00 !important;
}
.text-upper {
text-transform: uppercase;
}
.disabled {
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
opacity:0.5;
cursor: not-allowed;
}
.flipH {
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
.list-inline {
padding-left: 0;
list-style: none;
}
.list-inline>li {
display: inline-block;
padding-right: 5px;
padding-left: 5px;
}
.list-inline li:first-child {
padding-left: 0;
}
ul.square {
padding-left: 20px;
}
ul.square li {
list-style: square;
}
.bigphoto {
display: block;
max-width: 110%;
height: auto;
padding: 0.6em 0;
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}
.nomarginbottom {
margin-bottom: 0 !important;
}
.nomargintop {
margin-top: 0 !important;
}
/* ==========================================================================
Print styles
========================================================================== */
@media print {
* {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
/* ==========================================================================
Small popup
========================================================================== */
.small-dialog {
background: white;
padding: 20px 30px;
text-align: left;
max-width: 400px;
margin: 40px auto;
position: relative;
}
.small-dialog h1 {
font-size: 18px;
line-height: 24px;
margin-bottom: 20px;
}
.small-dialog .btn{
font-size:12px;
font-weight:700;
background:#107ad6;
color:#FFF;
padding:8px 12px;
text-transform:uppercase;
border-radius: 2px;
display: inline-block;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.small-dialog .btn.secondary {
background: #58a2e2;
}
.small-dialog .btn.ghost {
background: #fff;
border:1px solid #ddd;
color: #333;
}
.small-dialog .btn.danger {
background: #e06666;
}
.table-events .actions .btn:hover{
background-color: #1579b6;
}
.small-dialog .btn:hover{
background-color: #1579b6;
}
/* ==========================================================================
Justified gallery
========================================================================== */
@-webkit-keyframes justified-gallery-show-caption-animation{from{opacity:0}to{opacity:.7}}@-moz-keyframes justified-gallery-show-caption-animation{from{opacity:0}to{opacity:.7}}@-o-keyframes justified-gallery-show-caption-animation{from{opacity:0}to{opacity:.7}}@keyframes justified-gallery-show-caption-animation{from{opacity:0}to{opacity:.7}}@-webkit-keyframes justified-gallery-show-entry-animation{from{opacity:0}to{opacity:1}}@-moz-keyframes justified-gallery-show-entry-animation{from{opacity:0}to{opacity:1}}@-o-keyframes justified-gallery-show-entry-animation{from{opacity:0}to{opacity:1}}@keyframes justified-gallery-show-entry-animation{from{opacity:0}to{opacity:1}}.justified-gallery{width:100%;position:relative;overflow:hidden}.justified-gallery>a,.justified-gallery>div{position:absolute;display:inline-block;overflow:hidden;opacity:0;filter:alpha(opacity=0)}.justified-gallery>a>img,.justified-gallery>div>img,.justified-gallery>a>a>img,.justified-gallery>div>a>img{position:absolute;top:50%;left:50%;margin:0;padding:0;border:0}.justified-gallery>a>.caption,.justified-gallery>div>.caption{display:none;position:absolute;bottom:0;padding:5px;background-color:#000;left:0;right:0;margin:0;color:#fff;font-size:12px;font-weight:300;font-family:sans-serif}.justified-gallery>a>.caption.caption-visible,.justified-gallery>div>.caption.caption-visible{display:initial;opacity:.7;filter:"alpha(opacity=70)";-webkit-animation:justified-gallery-show-caption-animation 500ms 0 ease;-moz-animation:justified-gallery-show-caption-animation 500ms 0 ease;-ms-animation:justified-gallery-show-caption-animation 500ms 0 ease}.justified-gallery>.entry-visible{opacity:1;filter:alpha(opacity=100);-webkit-animation:justified-gallery-show-entry-animation 500ms 0 ease;-moz-animation:justified-gallery-show-entry-animation 500ms 0 ease;-ms-animation:justified-gallery-show-entry-animation 500ms 0 ease}.justified-gallery>.jg-filtered{display:none}.justified-gallery>.spinner{position:absolute;bottom:0;margin-left:-24px;padding:10px 0;left:50%;opacity:initial;filter:initial;overflow:initial}.justified-gallery>.spinner>span{display:inline-block;opacity:0;filter:alpha(opacity=0);width:8px;height:8px;margin:0 4px;background-color:#000;}
/* ==========================================================================
Banner popup
========================================================================== */
.banner-popup-overlay {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(0,0,0,.7);
z-index: 500000;
}
.banner-popup {
width: 100%;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
background-repeat: no-repeat;
z-index: 500001;
text-align: center;
}
.banner-popup img {
width: 100%;
height: auto;
}
.banner-popup .close{
position: absolute;
top:6px;
right: 6px;
color: #ddd;
font-size: 10px;
padding: 5px;
}
@media (min-width: 992px) {
.banner-popup {
width: 600px;
height: 400px;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
background-color: #fff;
z-index: 500001;
text-align: center;
}
.banner-popup img {
width: 600px;
height: 400px;
}
}
/* ==========================================================================
PopUp Styles
========================================================================== */
.modal-overlay {
position: fixed;
top: 0;
left: 0;
z-index: 1045;
width: 100%;
height: 100%;
background: rgba(0,0,0,.7);
display: none;
}
.modal {
display: none;
overflow: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
-webkit-overflow-scrolling: touch;
outline: 0;
}
#contact_tlf_content {
width:100%;
height: 100%;
padding: 15px;
position: absolute;
background: #fff;
}
#contact_name {
margin-top: 20px;
text-align: center;
font-size: 24px;
line-height: 28px;
color: #666;
}
#contact_info {
text-align: center;
font-size: 13px;
line-height: 18px;
color: #666;
margin: 0 10px;
}
#contact_tlf_content .circle {
background: #f90;
width: 100px;
height: 100px;
border-radius: 50%;
color: #fff;
display: block;
text-align: center;
margin: 15px auto;
}
#contact_tlf_content .circle .s {
padding-top: 15px;
}
.contact_input {
width: 100%;
height: 40px;
display: block;
margin: 10px auto;
padding-left: 10px;
font-weight: 600;
color: #999;
border: 1px solid #d8d8d8;
border-radius: 2px;
}
.contact_tlf_btn {
border: none;
text-align: center;
color: #fff;
cursor: pointer;
display: block;
width: 100% !important;
height: 45px !important;
background: #1e86c8 !important;
font-size: 14px !important;
font-weight: 700 !important;
line-height: 40px !important;
margin: 25px auto 10px auto !important;
-webkit-border-radius: 2px !important;
-moz-border-radius: 2px !important;
border-radius: 2px !important;
}
.closeDOMWindow {
font-weight: 700;
color: #1e86c8;
width: 21px;
height: 21px;
display: block;
background: url(../../resources/images/bg-btn-close.png) no-repeat;
position: absolute;
top: 20px;
right: 20px;
text-indent: -9999px;
}
.box-inline-notify {
background: #fafafa;
text-align: center;
padding: 20px;
margin: 0 -15px;
}
.box-inline-notify button {
border: none;
text-align: center;
color: #fff;
cursor: pointer;
width: 100%;
height: 40px;
background: #1e86c8;
font-size: 14px;
font-weight: 700;
line-height: 40px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
display: block;
font-family: "Lato",Helvetica,Arial,sans-serif;
}
.box-inline-notify button.big {
width: 100%;
height: auto;
font-size: 20px;
line-height: 60px;
margin: 10px 0 30px 0;
}
.box-inline-notify .s {
color: #f90;
}
.box-inline-notify .box-title {
margin-top: 20px;
margin-bottom: 20px;
text-align: center;
font-size: 24px;
line-height: 28px;
color: #666;
}
.box-inline-notify p {
text-align: center;
font-size: 14px;
line-height: 18px;
color: #666;
}
.box-inline-notify form {
margin: 20px 0;
}
.box-inline-notify #email_contact {
width: 100%;
height: 40px;
margin-right: 10px;
padding: 0 10px;
font-weight: 600;
color: #999;
border: 1px solid #d8d8d8;
border-radius: 2px;
margin-bottom: 10px;
vertical-align: middle;
display: block;
}
/*
Map Tooltip
*/
#map-tooltip {
position: absolute;
top: 8px;
right: 8px;
bottom: auto;
z-index: 85;
/*display: none;*/
margin: 5px 8px;
padding: 5px 8px;
width: auto;
border-width: 1px;
border-style: solid;
border-color: #969DA6 #8C919A #969797;
border-radius: 5px;
background: white;
background: rgba(255,255,255,.9);
box-shadow: 0 1px 5px rgba(0,0,0,.4);
color: #333;
text-align: right;
font-weight: bold;
font-size: 12px;
line-height: 1.2em;
}
/* Unused. Blinking error on hover */
#map-tooltip.get-out {
top: auto;
bottom: 8px;
}
#map-tooltip {
border-top: 1px solid #969da6;
border-left: 1px solid #8c919a;
border-right: 1px solid #8c919a;
border-bottom: 1px solid #969797;
color: #666666;
background: rgba(255,255,255,.9);
box-shadow: 0 1px 5px rgba(0,0,0,.4);
}
.tooltip-content {
display: block;
text-align: left;
}
.tooltip-content small {
font-weight: normal;
font-size: 0.8em;
}
.tooltip-content span, .tooltip-content small {
display: block;
}
.tooltip-content.textright {
text-align: right;
}
.tooltip-content .available-nocount {
display: none;
}
.tooltip-content .base-price-tooltip, .tooltip-content .price-without-charge{
display: inline;
}
.tooltip-content .base-price-tooltip{
text-decoration:line-through;
}
.tooltip-content .price-without-charge, .tooltip-content .promotion-tooltip{
color: #FF6624;
font-weight: normal;
font-size: 10px;
}
/*
End Tooltips
*/
/*
Spinner
*/
.spinner-msg {
text-align: center;
font-weight: 700;
color: #666;
}
.spinner {
margin: 0 auto;
width: 100px;
text-align: center;
}
.spinner > div {
width: 18px;
height: 18px;
background-color: #333;
border-radius: 100%;
display: inline-block;
-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.spinner .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.spinner .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
0%, 80%, 100% { -webkit-transform: scale(0) }
40% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bouncedelay {
0%, 80%, 100% {
-webkit-transform: scale(0);
transform: scale(0);
} 40% {
-webkit-transform: scale(1.0);
transform: scale(1.0);
}
}
/* ==========================================================================
Slider
========================================================================== */
.slider {
margin: 20px 0 20px 10px;
}
.slider-container {
width: 300px;
}
.slider-container .back-bar {
height: 10px;
position: relative;
}
.slider-container .back-bar .selected-bar {
position: absolute;
height: 100%;
}
.slider-container .back-bar .pointer {
position: absolute;
width: 10px;
height: 10px;
background-color: red;
cursor: pointer;
opacity: 1;
z-index: 2;
}
.slider-container .back-bar .pointer.last-active {
z-index: 3;
}
.slider-container .back-bar .pointer-label {
position: absolute;
top: -17px;
font-size: 8px;
background: white;
white-space: nowrap;
line-height: 1;
}
.slider-container .back-bar .focused {
z-index: 10;
}
.slider-container .clickable-dummy {
cursor: pointer;
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
}
.slider-container .scale {
top: 2px;
position: relative;
}
.slider-container .scale span {
position: absolute;
height: 5px;
border-left: 1px solid #999;
font-size: 0;
}
.slider-container .scale ins {
font-size: 9px;
text-decoration: none;
position: absolute;
left: 0;
top: 5px;
color: #999;
line-height: 1;
}
.slider-container.slider-readonly .clickable-dummy,
.slider-container.slider-readonly .pointer {
cursor: auto;
}
.theme-green .back-bar {
height: 6px;
border-radius: 2px;
background-color: #ddd;
}
.theme-green .back-bar .selected-bar {
border-radius: 2px;
background-color: #f90;
}
.theme-green .back-bar .pointer {
width: 24px;
height: 24px;
top: -10px;
border-radius: 50%;
border: 1px solid #ddd;
background-color: #fff;
box-shadow: 0 1px 4px 0 rgba(0,0,0,0.30);
}
.theme-green .back-bar .pointer-label {
color: #999;
}
.theme-green .back-bar .focused {
color: #333;
}
.theme-green .scale span {
border-left: 1px solid #e5e5e5;
}
.theme-green .scale ins {
color: #999;
}