/* * Prefixed by https://autoprefixer.github.io * PostCSS: v8.3.6, * Autoprefixer: v10.3.1 * Browsers: last 4 version */ /* Stylesheet for the 'Club Tennis Lleida' */ /* Reset Styles ***********************/ /*html {overflow-x: hidden;} html,*/ body {font-family: 'Open Sans', sans-serif;color:#919191;font-size: 16px;line-height: 27px;margin:0;padding:0;height:100% !important;position: relative;} .row {max-width: 75rem;} /*@media (min-width: 77em) { .row {max-width: 75rem;} } @media (min-width: 90em) { .row {max-width: 88rem;} }*/ /*initialization*/ a {color: #C2B30F;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} a:hover, a:focus {color: #C2B30F;} p a {color: #C2B30F;text-decoration: none;} p a:hover {color: #C2B30F;text-decoration: underline;} ::-moz-selection {background: #C2B30F;color:#fff;} ::selection {background: #C2B30F;color:#fff;} ::-moz-selection {background: #C2B30F;color:#fff;} /*Utility*/ /*body * {-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}*/ .uppercase {text-transform: uppercase;} .lowercase {text-transform:inherit !important;} .overflow {overflow: hidden;} .underline {text-decoration: underline;} .separador {height: 4px;margin: 0 0 .8rem;width: 80px;background-color: #ED3545;display: inline-block;} .italic {font-style: italic;} .box-shadow {-webkit-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.3);box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.3);} .pointer {cursor:pointer;} .rounded {border-radius: 50% !important;} .rounded-none { border-radius: 0 !important;} .rounded-img {height:47px !important;width:47px !important;overflow: hidden;} .radius {border-radius: 6px !important;} .radius-top {border-radius: 6px 6px 0 0 !important;} .radius-none { border-radius: 0 !important;} .icon {max-width:100px;max-height:100px;width:100%;height:100%;} .icon-small {max-width:64px;max-height:64px;width:100%;height:100%;} .icon-large {max-width:250px;max-height:250px;width:100%;height:100%;} .icon-rounded {width:100px;height:100px;position: relative;} /*hr*/ hr {border-color: #ccc;max-width: 100%;} hr.grey {border-color: #F8F1EE;border-width: 4px;} /*separate*/ .separate {background-color: #9DAFBD;height:1px;width: 100%;margin-bottom:0.5em;} .separate.small {width: 55px} /*text-decoration*/ .dashed {-webkit-text-decoration: underline dashed;text-decoration: underline dashed;} .dotted {-webkit-text-decoration: underline dotted;text-decoration: underline dotted;} /*titles*/ h1, h2, h3, h4, h5, h6 {font-family: 'Oswald', sans-serif;font-weight:700;color:#3D3935;} h1 {font-size: 3.5em;} h2 {font-size: 3em;} @media only screen and (max-width: 40em) { h1 {font-size: 2.3em;} h2 {font-size: 2em;} h3 {font-size: 1.5rem;} } /*font*/ .oswald {font-family: 'Oswald', sans-serif;} .opensans {font-family: 'Open Sans', sans-serif;} .archivo {font-family: 'Archivo Black', sans-serif;} .fw-300 {font-weight:300 !important;} .fw-400 {font-weight:400 !important;} .fw-500 {font-weight:500 !important;} .fw-700 {font-weight:700 !important;} .fw-900 {font-weight:900 !important;} .fs-07 {font-size: 0.7em;} .fs-08 {font-size: 0.8em;} .fs-09 {font-size: 0.9em;} .fs-1 {font-size: 1em;} .fs-13 {font-size: 1.3em;} .fs-15 {font-size: 1.5em;} .fs-2 {font-size: 2em;} .fs-25 {font-size: 2.5em;} .fs-3 {font-size: 3em;} .fs-35 {font-size: 3.5em;} .fs-4 {font-size: 4em;} .fs-45 {font-size: 4.5em;} .fs-5 {font-size: 5em;} .xxsmall {font-size:0.5em;} .xsmall {font-size:0.8em;} .small {font-size:0.9em;} .medium {font-size:1.2em;} .large {font-size:1.6em;} .xlarge {font-size:2em;} .no-wrap { white-space: nowrap;} @media only screen and (max-width: 40em) { .medium {font-size:1.1em;} .large {font-size:1.3em;} .xlarge {font-size:1.6em;} } /*display*/ .d-block {display: block;} .d-inline {display: inline !important;} .d-inline-block {display: inline-block !important;} .v-align-top {vertical-align:top;} .v-align-middle {vertical-align:middle;} .v-align-bottom {vertical-align:bottom;} .display-table {display:table;} .display-table img {display:table-cell;vertical-align:bottom;} /*width*/ .w-25 {width: 25%;} .w-50 {width: 50%;} .w-75 {width: 75%;} .w-90 {width: 90%;} .w-100 {width: 100%;} @media only screen and (max-width: 40em) { .w-25, .w-50, .w-75, .w-90, .w-100 {width: 100%;} } /*ul*/ ul.inline {list-style: none;margin-left:0;margin-bottom:0;} ul.inline li {display: inline-block;margin:0 0.5em;} ul.inline li:first-child {margin-left:0;} ul.inline-list {list-style: none;margin-left:0;margin-bottom:0;} ul.inline-list li {display: inline-block;margin-right:0.5em;} ul.inline-list li:last-child {margin-right:0;} div.inline-list ul {list-style: none;margin-left:0;margin-bottom:0;} div.inline-list ul li {display: inline-block;margin-right:0.5em;} div.inline-list ul li:last-child {margin-right:0;} .item ul.inline li {margin-left:0em;} ul.style-none {list-style: none;margin:0;} ul.style-none li {display:block;margin:0 0 0.8em !important;} ul.list-tick {list-style: none;margin-left:0;margin-bottom:1em !important;margin-right:0 !important;} ul.list-tick > li {margin-bottom: 0.8em;padding-left: 1.5em;position: relative;} ul.list-tick > li:last-child {margin-bottom:0;} ul.list-tick > li::before {position:absolute;left:0;top:4px;content: '\E806' !important;font-family: "tmi" !important;color: #005D74;background-color: #E9EEF2;border-radius:50%;font-size:0.6em;padding:0.1em 0.5em 0em 0.7em;} ul.list-tick-dark {list-style: none;margin-left:0;margin-bottom:1em !important;margin-right:0 !important;} ul.list-tick-dark > li {margin-bottom: 0.8em;padding-left: 1.5em;position: relative;} ul.list-tick-dark > li:last-child {margin-bottom:0;} ul.list-tick-dark > li::before {position:absolute;left:0;top:4px;content: '\E806' !important;font-family: "tmi" !important;color: #ffffff;background-color: #005D74;border-radius:50%;font-size:0.6em;padding:0.1em 0.5em 0em 0.7em;} ul.list-doc-dark {list-style: none;margin-left:0;margin-bottom:1em !important;margin-right:0 !important;} ul.list-doc-dark > li {margin-bottom: 0.8em;padding-left: 1.5em;position: relative;} ul.list-doc-dark > li:last-child {margin-bottom:0;} ul.list-doc-dark > li::before {position:absolute;left:0;top:4px;content: '\F15C' !important;font-family: "tmi" !important;color: #ffffff;background-color: #005D74;border-radius:50%;font-size:0.5em;padding:0.2em 0.6em 0.25em 0.7em;} ul.list-arrow {list-style: none;margin-left:0;margin-bottom:1em !important;margin-right:0 !important;} ul.list-arrow > li {margin-bottom: 0.5em;padding-left: 1.2em;position: relative;} ul.list-arrow > li:last-child {margin-bottom:0;} ul.list-arrow > li::before {position:absolute;left:0;top:0px;content: '\E80B' !important;font-family: "tmi" !important;color: #005D74;font-size: 1.2em;} ul.list-border-bottom > li {position: relative;padding-bottom:0.8em;} ul.list-border-bottom > li::before {position:absolute;left:0;bottom:0px;content:'';width:100px;height:1px;background-color: #919191;} ul.list-border-bottom > li:last-child::before {display: none;} ul.list-border-bottom.text-center > li::before {position:absolute;left: 50%;-webkit-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);transform: translate(-50%, 0);bottom:0px;content:'';width:100px;height:1px;background-color: #919191;} /*opacity*/ .opacity-0 {opacity: 0;} .opacity-01 {opacity: 0.1;} .opacity-02 {opacity: 0.2;} .opacity-03 {opacity: 0.3;} .opacity-04 {opacity: 0.4;} .opacity-05 {opacity: 0.5;} .opacity-06 {opacity: 0.6;} .opacity-07 {opacity: 0.7;} .opacity-08 {opacity: 0.8;} .opacity-09 {opacity: 0.9;} .opacity-fixed {height:100%;width: 100%;position:absolute;background-color: rgba(0,0,0,0.4);left:0;top:0;} .opacity-green::before {background: rgba(194, 179, 15, 0.8);height: 100%;width: 100%;position: absolute;content:"";top: 0;left: 0;z-index: 0;} .opacity-green * {position: relative;} .opacity-black::before {background-color: rgba(0,0,0,0.4);width:100%;height: 100%;position:absolute;content:"";top: 0;left:0;z-index: 0;} .opacity-black * {position: relative;} .opacity-darkblack::before {background-color: rgba(0,0,0,0.6);width:100%;height: 100%;position:absolute;content:"";top: 0;left:0;z-index: 0;} .opacity-darkblack * {position: relative;} .opacity-grey::before {background-color: rgba(0,0,0,0.2);width:100%;height: 100%;position:absolute;content:"";top: 0;left:0;z-index: 0;} .opacity-gradientveil-black::before{ background: rgba(255,255,255,0); background: -webkit-gradient(left top, left bottom, color-stop(-10%, rgba(255,255,255,0)), color-stop(100%, rgba(0,0,0,0.8))); background: -o-linear-gradient(top, rgba(255,255,255,0) -10%, rgba(0,0,0,0.8) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(-10%, rgba(255,255,255,0)), to(rgba(0,0,0,0.8))); background: linear-gradient(to bottom, rgba(255,255,255,0) -10%, rgba(0,0,0,0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0 ); position: absolute; width:100%;height: 100%;position:absolute;content:"";top: 0;left:0;z-index: 0; } /*colors////// */ .none {color: transparent;} .black {color: #3D3935;} .darkgrey {color:#666666;} .grey {color:#999999;} .lightgrey {color:#E5E5E5;} .cleargrey {color:#f1f1f1;} .white {color: #fff;} /*main colors*/ .darkgray {color:#222222;} .green {color:#C2B30F;} /*bg colors////// */ .bg-none {background-color: transparent;} .bg-black {background-color: #3D3935;} .bg-darkgrey {background-color:#666666;} .bg-grey {background-color:#999999;} .bg-lightgrey {background-color:#E5E5E5;} .bg-cleargrey {background-color:#f1f1f1;} .bg-white {background-color: #fff;} /*main colors*/ .bg-darkgray {background-color:#222222;} .bg-green {background-color:#C2B30F;} .bg-gradient-dark { background: rgb(0,0,0); background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.8)), to(rgba(0,0,0,0.1432773793110994))); background: -o-linear-gradient(bottom, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.1432773793110994) 100%); background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.1432773793110994) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); position: absolute;top: 0;right: 0;bottom: 0;width: 100%;height: 100%;z-index: 0; } .bg-gradient-anime { background: -o-linear-gradient(135deg, #2F4D5C, #021B3D, #005D74, #021B3D); background: linear-gradient(-45deg, #2F4D5C, #021B3D, #005D74, #021B3D); background-size: 400% 400%; -webkit-animation: Gradient 15s ease infinite; animation: Gradient 15s ease infinite; } @-webkit-keyframes Gradient { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } @keyframes Gradient { 0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} } /*theme-color */ .white-theme-color *, .white-theme-color *:hover { color:#fff; } .grey-theme-color *, .grey-theme-color *:hover { color:#919191; } .cleargrey-theme-color *, .cleargrey-theme-color *:hover { color:#C1BDBD; } .black-theme-color * { color:#3D3935; } .black-theme-color a:hover {color: #222;} /*d-flex ///////////////*/ .d-flex { display:-webkit-box; display:-ms-flexbox; display:flex; } .d-inline-flex { display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; } .d-flex-auto { -webkit-box-flex:1; -ms-flex:auto; flex:auto; } /*ordre horitzontal*/ .flex-row { -ms-flex-direction: row !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; flex-direction: row !important; } .flex-row-reverse { -ms-flex-direction: row-reverse !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; flex-direction: row-reverse !important; } /*ordre vertical*/ .flex-column { -ms-flex-direction: column !important; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; flex-direction: column !important; } .flex-column-reverse { -ms-flex-direction: column-reverse !important; -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; flex-direction: column-reverse !important; } /*justificats horitzontals*/ .justify-content-start { -ms-flex-pack: start !important; -webkit-box-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -ms-flex-pack: end !important; -webkit-box-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -ms-flex-pack: center !important; -webkit-box-pack: center !important; justify-content: center !important; } .justify-content-between { -ms-flex-pack: justify !important; -webkit-box-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } /*alineats verticals*/ .align-items-start { -ms-flex-align: start !important; -webkit-box-align: start !important; align-items: flex-start !important; } .align-items-end { -ms-flex-align: end !important; -webkit-box-align: end !important; align-items: flex-end !important; } .align-items-center { -ms-flex-align: center !important; -webkit-box-align: center !important; align-items: center !important; } .align-items-baseline { -ms-flex-align: baseline !important; -webkit-box-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -ms-flex-align: stretch !important; -webkit-box-align: stretch !important; align-items: stretch !important; } /*alineats verticals interiors*/ .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } /*mateix ample*/ .equalW { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .flex-grow { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .flex-fill { -ms-flex: 1 1 auto !important; -webkit-box-flex: 1 !important; flex: 1 1 auto !important; } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } /* positioning */ .relative {position: relative !important;} .fixed {position: fixed !important;} .abs {position: absolute !important;} .abs.top, .fixed.top {top: 0px;} .abs.left, .fixed.left {left: 0px;} .abs.bottom, .fixed.bottom {bottom: 0px;} .abs.right, .fixed.right {right: 0px;} .abs.center, .fixed.center {top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);} .horizontal-center {left: 50%;-webkit-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);transform: translate(-50%, 0);} .vertical-center {top: 50%;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);} .extend {left: 0;top: 0;right: 0;bottom: 0;width: 100% !important;height: 100% !important;} .black-veil {position: absolute;background-color: rgba(51, 51, 51, 0.8);left: 0;top: 0;right: 0;bottom: 0;width: 100%;height: 100%;z-index: 0;pointer-events: none;} .z0 {z-index: 0} .z10 {z-index: 10} .z100 {z-index: 100} /*buttons*/ button {cursor: pointer;} .button {letter-spacing: 0.5px;font-family: 'Archivo Black', sans-serif;font-size: 1rem;color: #fff;border: none;background-color: #C2B30F;-webkit-box-shadow: none;box-shadow: none;cursor: pointer;border-radius:0px;min-width: 150px;line-height: inherit;} .button:hover, .button:focus {background-color: #AFA108;border:none;color: #fff;} .button.grey {color: #fff;border: none;background-color: #3C3C3B;} .button.grey:hover, .button.grey:focus {background-color: #666;border:none;color: #fff !important;} .button.lightgrey {color: #666;border: none;background-color: #ddd;} .button.lightgrey:hover, .button.lightgrey:focus {background-color: #ccc;border:none;color: #666 !important;} .button.white {color: #C2B30F;border: none;background-color: #fff;} .button.white:hover, .button.white:focus {background-color: #3C3C3B;border:none;color: #fff !important;} .button.white:hover *, .button.white:focus * {color: #fff !important;} .button.border {background-color: transparent;-webkit-box-shadow: 0px 0px 0px 3px #3D3935 inset;box-shadow: 0px 0px 0px 3px #3D3935 inset;color: #3D3935;} .button.border:hover, .button.border:focus {background-color: #3D3935;color: #fff;-webkit-box-shadow: 0px 0px 0px 3px #3D3935 inset;box-shadow: 0px 0px 0px 3px #3D3935 inset;} .button.border-white {background-color: transparent;-webkit-box-shadow: 0px 0px 0px 3px #fff inset;box-shadow: 0px 0px 0px 3px #fff inset;color: #fff;} .button.border-white:hover, .button.border-white:focus {background-color: #fff;color: #222;-webkit-box-shadow: 0px 0px 0px 3px #fff inset;box-shadow: 0px 0px 0px 3px #fff inset;} .button.border-green {background-color: transparent;-webkit-box-shadow: 0px 0px 0px 3px #C2B30F inset;box-shadow: 0px 0px 0px 3px #C2B30F inset;color: #C2B30F;} .button.border-green:hover, .button.border-green:focus {background-color: #C2B30F;color: #fff;-webkit-box-shadow: 0px 0px 0px 3px #C2B30F inset;box-shadow: 0px 0px 0px 3px #C2B30F inset;} .button.small {padding: 0.85em 1em;font-size:0.8em;} .button.box-shadow {-webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.6);box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.6);} /*bgfixed*/ .bgfixed {background-attachment: fixed !important;} /*bgimage*/ .bgimage {min-height: 110px;background-position: center center;background-size: cover;background-repeat: no-repeat;display: block;width: 100%;position: relative;} .bgimage.top {background-position: top center;} .bgimage.bottom {background-position: bottom center;} .bgimage.right {background-position: center right;} .bgimage.left {background-position: center left;} .bgimage.contain {background-size: contain;} .xxs {height: 64px;min-height: 64px;} .xs {height: 80px;min-height: 114px;} .sm {height: 110px;min-height: 110px;} .l {height: 180px;min-height: 180px;} .xl {height: 226px;min-height: 226px;} .xxl {height: 310px;min-height: 310px;} .xxxl {height: 450px;min-height: 450px;} .xxxxl {height: 510px;min-height: 510px;} .huge {height: 600px;min-height: 600px;} .min-100x100 {min-height: 100%;} .h-100 {height: 100%;} @media only screen and (max-width: 40em) { .huge {height: 500px;min-height: 500px;} } /*line*/ .xsLine{padding:0.3em 0;} .smallLine{padding:0.8em 0;} .mediumLine{padding:1.8em 0;} .line{padding:3em 0;} .largeLine {padding: 5em 0;} .large2Line {padding: 8.5em 0;} .xlLine {padding: 10em 0;} .xxlLine {padding: 12em 0;} .xxxlLine {padding: 12em 0;} /*margins*/ .xsMargin {margin-bottom:0.3em;} .smallMargin {margin-bottom:0.8em;} .mediumMargin {margin-bottom:1.5em;} .largeMargin {margin-bottom:2.5em;} .xlMargin {margin-bottom:3.5em;} .xxlMargin {margin-bottom:5.5em;} /*borderline*/ .borderline {position:relative;} .borderline::after {background: #C2B30F none repeat scroll 0 0;bottom: 0;content: "";display: block;height: 7px;width: 50px;position: absolute;bottom:0;left:0;-webkit-transition: all 0.2s ease-in-out 0s;-o-transition: all 0.2s ease-in-out 0s;transition: all 0.2s ease-in-out 0s;} .borderline.white::after {background: #fff none repeat scroll 0 0;} .center-line::after {left: 50%;-webkit-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);transform: translate(-50%, 0);} /*.borderline.active::after, .borderline:hover::after {width: 40%;}*/ /*border*/ /*.dotted {border-style: dotted !important;} .dashed {border-style: dashed !important;}*/ .ba-0 {border:none;} .ba-1 {border:1px solid #ddd;} .bl-0 {border-left: none !important;} .br-0 {border-right: none !important;} .bb-0 {border-bottom: none !important;} .bt-0 {border-top: none !important;} .bl-1 {border-left: 1px solid #ddd;} .br-1 {border-right: 1px solid #ddd;} .bb-1 {border-bottom: 1px solid #ddd;} .bt-1 {border-top: 1px solid #ddd;} .ba-1-blue {border:1px solid #C2B30F;} .bt-1-blue {border-top: 1px solid #C2B30F;} .bb-1-blue {border-bottom: 1px solid #C2B30F;} .bl-1-blue {border-left: 1px solid #C2B30F;} .br-1-blue {border-right: 1px solid #C2B30F;} .ba-2-blue {border: 2px solid #C2B30F;} .bt-2-blue {border-top: 2px solid #C2B30F;} .bb-2-blue {border-bottom: 2px solid #C2B30F;} .bl-2-blue {border-left: 2px solid #C2B30F;} .br-2-blue {border-right: 2px solid #C2B30F;} .ba-4-blue {border: 4px solid #C2B30F;} .bt-4-blue {border-top: 4px solid #C2B30F;} .bb-4-blue {border-bottom: 4px solid #C2B30F;} .bl-4-blue {border-left: 4px solid #C2B30F;} .br-4-blue {border-right: 4px solid #C2B30F;} .ba-1-darkblue {border:1px solid #C2B30F;} .bt-1-darkblue {border-top: 1px solid #C2B30F;} .bb-1-darkblue {border-bottom: 1px solid #C2B30F;} .bl-1-darkblue {border-left: 1px solid #C2B30F;} .br-1-darkblue {border-right: 1px solid #C2B30F;} .ba-2-darkblue {border: 2px solid #C2B30F;} .bt-2-darkblue {border-top: 2px solid #C2B30F;} .bb-2-darkblue {border-bottom: 2px solid #C2B30F;} .bl-2-darkblue {border-left: 2px solid #C2B30F;} .br-2-darkblue {border-right: 2px solid #C2B30F;} .ba-4-darkblue {border: 4px solid #C2B30F;} .bt-4-darkblue {border-top: 4px solid #C2B30F;} .bb-4-darkblue {border-bottom: 4px solid #C2B30F;} .bl-4-darkblue {border-left: 4px solid #C2B30F;} .br-4-darkblue {border-right: 4px solid #C2B30F;} .ba-1-white {border: 1px solid white;} .bt-1-white {border-top: 1px solid white;} .bb-1-white {border-bottom: 1px solid white;} .bl-1-white {border-left: 1px solid white;} .br-1-white {border-right: 1px solid white;} .ba-2-white {border: 2px solid white;} .bt-2-white {border-top: 2px solid white;} .bb-2-white {border-bottom: 2px solid white;} .bl-2-white {border-left: 2px solid white;} .br-2-white {border-right: 2px solid white;} .ba-4-white {border: 4px solid white;} .bt-4-white {border-top: 4px solid white;} .bb-4-white {border-bottom: 4px solid white;} .bl-4-white {border-left: 4px solid white;} .br-4-white {border-right: 4px solid white;} /*padding*/ .pa-0 {padding:0;} .px-0 {padding-left:0;padding-right:0;} .py-0 {padding-top:0;padding-bottom:0;} .pt-0 {padding-top:0;} .pr-0 {padding-right:0;} .pb-0 {padding-bottom:0;} .pl-0 {padding-left:0;} .pa-02 {padding:0.2em;} .px-02 {padding-left:0.2em;padding-right:0.2em;} .py-02 {padding-top:0.2em;padding-bottom:0.2em;} .pt-02 {padding-top:0.2em;} .pr-02 {padding-right:0.2em;} .pb-02 {padding-bottom:0.2em;} .pl-02 {padding-left:0.2em;} .pa-03 {padding:0.3em;} .px-03 {padding-left:0.3em;padding-right:0.3em;} .py-03 {padding-top:0.3em;padding-bottom:0.3em;} .pt-03 {padding-top:0.3em;} .pr-03 {padding-right:0.3em;} .pb-03 {padding-bottom:0.3em;} .pl-03 {padding-left:0.3em;} .pa-05 {padding:0.5em;} .px-05 {padding-left:0.5em;padding-right:0.5em;} .py-05 {padding-top:0.5em;padding-bottom:0.5em;} .pt-05 {padding-top:0.5em;} .pr-05 {padding-right:0.5em;} .pb-05 {padding-bottom:0.5em;} .pl-05 {padding-left:0.5em;} .pa-08 {padding:0.8em;} .px-08 {padding-left:0.8em;padding-right:0.8em;} .py-08 {padding-top:0.8em;padding-bottom:0.8em;} .pt-08 {padding-top:0.8em;} .pr-08 {padding-right:0.8em;} .pb-08 {padding-bottom:0.8em;} .pl-08 {padding-left:0.8em;} .pa-1 {padding:1em;} .px-1 {padding-left:1em;padding-right:1em;} .py-1 {padding-top:1em;padding-bottom:1em;} .pt-1 {padding-top:1em;} .pr-1 {padding-right:1em;} .pb-1 {padding-bottom:1em;} .pl-1 {padding-left:1em;} .pa-15 {padding:1.5em;} .px-15 {padding-left:1.5em;padding-right:1.5em;} .py-15 {padding-top:1.5em;padding-bottom:1.5em;} .pt-15 {padding-top:1.5em;} .pr-15 {padding-right:1.5em;} .pb-15 {padding-bottom:1.5em;} .pl-15 {padding-left:1.5em;} .pa-2 {padding:2em;} .px-2 {padding-left:2em;padding-right:2em;} .py-2 {padding-top:2em;padding-bottom:2em;} .pt-2 {padding-top:2em;} .pr-2 {padding-right:2em;} .pb-2 {padding-bottom:2em;} .pl-2 {padding-left:2em;} .pa-25 {padding:2.5em;} .px-25 {padding-left:2.5em;padding-right:2.5em;} .py-25 {padding-top:2.5em;padding-bottom:2.5em;} .pt-25 {padding-top:2.5em;} .pr-25 {padding-right:2.5em;} .pb-25 {padding-bottom:2.5em;} .pl-25 {padding-left:2.5em;} .pa-3 {padding:3em;} .px-3 {padding-left:3em;padding-right:3em;} .py-3 {padding-top:3em;padding-bottom:3em;} .pt-3 {padding-top:3em;} .pr-3 {padding-right:3em;} .pb-3 {padding-bottom:3em;} .pl-3 {padding-left:3em;} .pa-35 {padding:3.5em;} .px-35 {padding-left:3.5em;padding-right:3.5em;} .py-35 {padding-top:3.5em;padding-bottom:3.5em;} .pt-35 {padding-top:3.5em;} .pr-35 {padding-right:3.5em;} .pb-35 {padding-bottom:3.5em;} .pl-35 {padding-left:3.5em;} .pa-4 {padding:4em;} .px-4 {padding-left:4em;padding-right:4em;} .py-4 {padding-top:4em;padding-bottom:4em;} .pt-4 {padding-top:4em;} .pr-4 {padding-right:4em;} .pb-4 {padding-bottom:4em;} .pl-4 {padding-left:4em;} .pa-45 {padding:4.5em;} .px-45 {padding-left:4.5em;padding-right:4.5em;} .py-45 {padding-top:4.5em;padding-bottom:4.5em;} .pt-45 {padding-top:4.5em;} .pr-45 {padding-right:4.5em;} .pb-45 {padding-bottom:4.5em;} .pl-45 {padding-left:4.5em;} .pa-5 {padding:5em;} .px-5 {padding-left:5em;padding-right:5em;} .py-5 {padding-top:5em;padding-bottom:5em;} .pt-5 {padding-top:5em;} .pr-5 {padding-right:5em;} .pb-5 {padding-bottom:5em;} .pl-5 {padding-left:5em;} .pa-55 {padding:5.5em;} .px-55 {padding-left:5.5em;padding-right:5.5em;} .py-55 {padding-top:5.5em;padding-bottom:5.5em;} .pt-55 {padding-top:5.5em;} .pr-55 {padding-right:5.5em;} .pb-55 {padding-bottom:5.5em;} .pl-55 {padding-left:5.5em;} .pa-10 {padding:10em;} .px-10 {padding-left:10em;padding-right:10em;} .py-10 {padding-top:10em;padding-bottom:10em;} .pt-10 {padding-top:10em;} .pr-10 {padding-right:10em;} .pb-10 {padding-bottom:10em;} .pl-10 {padding-left:10em;} /*margin*/ .ma-0 {margin:0;} .mx-0 {margin-left:0;margin-right:0;} .my-0 {margin-top:0;margin-bottom:0;} .mt-0 {margin-top:0;} .mr-0 {margin-right:0;} .mb-0 {margin-bottom:0;} .ml-0 {margin-left:0;} .ma-02 {margin:0.2em;} .mx-02 {margin-left:0.2em;margin-right:0.2em;} .my-02 {margin-top:0.2em;margin-bottom:0.2em;} .mt-02 {margin-top:0.2em;} .mr-02 {margin-right:0.2em;} .mb-02 {margin-bottom:0.2em;} .ml-02 {margin-left:0.2em;} .ma-03 {margin:0.3em;} .mx-03 {margin-left:0.3em;margin-right:0.3em;} .my-03 {margin-top:0.3em;margin-bottom:0.3em;} .mt-03 {margin-top:0.3em;} .mr-03 {margin-right:0.3em;} .mb-03 {margin-bottom:0.3em;} .ml-03 {margin-left:0.3em;} .ma-05 {margin:0.5em;} .mx-05 {margin-left:0.5em;margin-right:0.5em;} .my-05 {margin-top:0.5em;margin-bottom:0.5em;} .mt-05 {margin-top:0.5em;} .mr-05 {margin-right:0.5em;} .mb-05 {margin-bottom:0.5em;} .ml-05 {margin-left:0.5em;} .ma-1 {margin:1em;} .mx-1 {margin-left:1em;margin-right:1em;} .my-1 {margin-top:1em;margin-bottom:1em;} .mt-1 {margin-top:1em;} .mr-1 {margin-right:1em;} .mb-1 {margin-bottom:1em;} .ml-1 {margin-left:1em;} .ma-15 {margin:1em;} .mx-15 {margin-left:1.5em;margin-right:1.5em;} .my-15 {margin-top:1.5em;margin-bottom:1.5em;} .mt-15 {margin-top:1.5em;} .mr-15 {margin-right:1.5em;} .mb-15 {margin-bottom:1.5em;} .ml-15 {margin-left:1.5em;} .ma-2 {margin:2em;} .mx-2 {margin-left:2em;margin-right:2em;} .my-2 {margin-top:2em;margin-bottom:2em;} .mt-2 {margin-top:2em;} .mr-2 {margin-right:2em;} .mb-2 {margin-bottom:2em;} .ml-2 {margin-left:2em;} .ma-25 {margin:2.5em;} .mx-25 {margin-left:2.5em;margin-right:2.5em;} .my-25 {margin-top:2.5em;margin-bottom:2.5em;} .mt-25 {margin-top:2.5em;} .mr-25 {margin-right:2.5em;} .mb-25 {margin-bottom:2.5em;} .ml-25 {margin-left:2.5em;} .ma-3 {margin:3em;} .mx-3 {margin-left:3em;margin-right:3em;} .my-3 {margin-top:3em;margin-bottom:3em;} .mt-3 {margin-top:3em;} .mr-3 {margin-right:3em;} .mb-3 {margin-bottom:3em;} .ml-3 {margin-left:3em;} .ma-35 {margin:3.5em;} .mx-35 {margin-left:3.5em;margin-right:3.5em;} .my-35 {margin-top:3.5em;margin-bottom:3.5em;} .mt-35 {margin-top:3.5em;} .mr-35 {margin-right:3.5em;} .mb-35 {margin-bottom:3.5em;} .ml-35 {margin-left:3.5em;} .ma-4 {margin:4em;} .mx-4 {margin-left:4em;margin-right:4em;} .my-4 {margin-top:4em;margin-bottom:4em;} .mt-4 {margin-top:4em;} .mr-4 {margin-right:4em;} .mb-4 {margin-bottom:4em;} .ml-4 {margin-left:4em;} .ma-45 {margin:4.5em;} .mx-45 {margin-left:4.5em;margin-right:4.5em;} .my-45 {margin-top:4.5em;margin-bottom:4.5em;} .mt-45 {margin-top:4.5em;} .mr-45 {margin-right:4.5em;} .mb-45 {margin-bottom:4.5em;} .ml-45 {margin-left:4.5em;} .ma-5 {margin:5em;} .mx-5 {margin-left:5em;margin-right:5em;} .my-5 {margin-top:5em;margin-bottom:5em;} .mt-5 {margin-top:5em;} .mr-5 {margin-right:5em;} .mb-5 {margin-bottom:5em;} .ml-5 {margin-left:5em;} .ma-55 {margin:5.5em;} .mx-55 {margin-left:5.5em;margin-right:5.5em;} .my-55 {margin-top:5.5em;margin-bottom:5.5em;} .mt-55 {margin-top:5.5em;} .mr-55 {margin-right:5.5em;} .mb-55 {margin-bottom:5.5em;} .ml-55 {margin-left:5.5em;} .ma-auto { margin: auto;} .mt-auto, .my-auto { margin-top: auto;} .mb-auto, .my-auto { margin-bottom: auto;} .mr-auto, .mx-auto { margin-right: auto;} .ml-auto, .mx-auto { margin-left: auto;} /*arrow_box*/ .arrow_box {position: relative;} .arrow_box:after {top: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(101, 103, 92, 0);border-top-color: #65675c;border-width: 30px;margin-left: -30px;} .arrow_box-left {position: relative;} .arrow_box-left:after {top: 100%;left: 98%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(101, 103, 92, 0);border-top-color: #efefef;border-width: 10px;margin-left: -30px;} .box-arrow:after {bottom: 100%;left: 80%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(255, 255, 255, 0);border-bottom-color: #ffffff;border-width: 11px;margin-left: -11px;} /*forms*/ input::-moz-placeholder, textarea::-moz-placeholder {opacity: 0.9 !important;color:#9EC2C7 !important;} form *:focus {border:1px solid #ddd !important;} [type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], [type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"], textarea, select {border-radius: 0;-webkit-box-shadow: none;box-shadow: none;border-color:#ddd;font-weight: 300;} label {font-weight: 300;} /*z-index*/ .fixed-corner .upbutton, .fixed-corner .form-contact {z-index:100;} .headerbar {z-index:100;} .textslide {z-index:1;position: relative;} .breadcrumbs-bar {z-index:1;position: relative;} /*fixed-corner*/ /*.fixed-corner {position: fixed;bottom:1em;right:1em;} .fixed-corner .contact {position: relative;}*/ .fixed-corner * {-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;} .fixed-corner .upbutton {position: fixed;bottom:1em;right:-6em;padding: 0.55em 0.25em;} .fixed-corner.scrolled .upbutton {right:1em;opacity: 1;} .fixed-corner .upbutton {display:inline-block;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;opacity: 0;} .fixed-corner .upbutton i {color:#fff;} .fixed-corner .upbutton:hover {background-color:#AFA108;} .fixed-corner .upbutton:hover i {color:#fff;} body.main_nav-bar_active .fixed-corner {display: none !important} /*greyscale*/ .greyscale { filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+ */ filter: grayscale(1); /* Current draft standard */ -webkit-filter: grayscale(1); /* New WebKit */ -moz-filter: grayscale(1); -ms-filter: grayscale(1); -o-filter: grayscale(1); filter: gray; /* IE6+ */ /*opacity: 0.4;*/ } .greyscale:hover { filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+ */ filter: grayscale(0); /* Current draft standard */ -webkit-filter: grayscale(0); /* New WebKit */ -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: gray; /* IE6+ */ opacity: 1; } /*multiply*/ .multiply { mix-blend-mode: multiply; } /*box-same*/ .box-same {position: relative;width: 100%;} .box-same:before {content: "";float: left;padding-top: 100%;/* initial ratio of 1:1*/} /*a-bg*/ .a-bg {position: relative;display: block;} .a-bg:hover .bgimage {-webkit-transform: scale(1.15);-ms-transform: scale(1.15);transform: scale(1.15);} /*.a-bg:hover .abs {-webkit-transform: translateY(-8px);transform: translateY(-8px);}*/ .a-bg:hover .abs.center {-webkit-transform: translate(-50%, -60%) !important;-ms-transform: translate(-50%, -60%) !important;transform: translate(-50%, -60%) !important;} .a-bg .bg-gradient-blue.opacity {opacity: 0;} .a-bg:hover .bg-gradient-blue.opacity {opacity: 1;} .a-bg * { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } /*#owl-imgproducts .a-bg {position: relative;display: block;} #owl-imgproducts .a-bg:hover .bgimage {-webkit-transform: scale(1.1);transform: scale(1.1);} #owl-imgproducts .a-bg .abs {-webkit-transform: translate(-50%, -50%) !important;transform: translate(-50%, -50%) !important;opacity: 1 !important;}*/ /*a-bgcolor*/ .a-bgcolor:hover .more {color:#2F4D5C;} .a-bgcolor:hover .in {-webkit-transform: translateY(-8px);-ms-transform: translateY(-8px);transform: translateY(-8px);} .a-bgcolor.hvr-sweep-to-top::before {background-color: #2F4D5C;} .a-bgcolor.hvr-sweep-to-top:hover {color: #1E1E1E;} .a-bgcolor * { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } /*icon-more*/ .icon-more {height:55px;width:55px;display: block;} a:hover .icon-more {background-color: #AFA108;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} a.a-bg:hover .icon-more i.abs.center {-webkit-transform: translate(-50%, -50%) !important;-ms-transform: translate(-50%, -50%) !important;transform: translate(-50%, -50%) !important;} /*a-box*/ .a-box:hover {background-color: #ddd;} /*a-effect*/ .a-effect {display:block;position: relative;text-align: center;} .a-effect * {text-decoration:none !important;} .a-effect:hover {text-decoration:none !important;background-color: #004357;} .a-effect:hover * {color:#fff;} .a-effect .descript-a-effect {opacity: 1;} .a-effect:hover .descript-a-effect {opacity: 0;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);} .a-effect .a-text {display: block;padding:1.5em 1.5em 3em 1.5em;} .a-effect:hover .a-text {-webkit-transform: translate(0, 20%);-ms-transform: translate(0, 20%);transform: translate(0, 20%);} .a-effect .a-more {display: block;} .a-effect:hover .a-more{-webkit-transform: translate(0, -15%);-ms-transform: translate(0, -15%);transform: translate(0, -15%);} .a-effect * { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } /*list-actions*/ .list-actions {margin-bottom: 2rem;position: relative;} .list-actions article {position: relative;} .list-actions .image {background-position: center top;background-repeat: no-repeat;background-size: cover;min-height: 15rem;position: relative;} .list-actions .actions {background-color: rgba(0,0,0,0.8);bottom: 0;float: left;font-size: 0.875em;height: 100%;left: 0;opacity: 0;overflow: hidden;position: absolute;right: 0;top: 0;-webkit-transition: opacity 0.25s ease 0s;-o-transition: opacity 0.25s ease 0s;transition: opacity 0.25s ease 0s;width: 100%;z-index: 9;} .list-actions .actions:hover {opacity: 1;} .list-actions .actions ul {position: relative;left: 50%;float: left;height: 100%;margin-left: 0;} .list-actions .actions li {vertical-align: middle;float: left;height: 100%;display: table;position: relative;left: -50%;margin: 0 1.5em;} .list-actions .actions li a {color:#fff;display: table-cell;vertical-align: middle;width: 80px;height: 100%;z-index: 101;text-transform: uppercase;font-weight: 600;} .list-actions .actions li a:hover, .list-actions .actions li a:focus {outline: medium none;color: #ED3545;} .list-actions .actions li a .moreIcon {margin-bottom:0.5em;font-size:2em;line-height: 2.8em;color: #ffffff;text-align:center;border: 1px solid rgba(255, 255, 255, 1);border-radius: 50%;display: block;/*margin: 0 auto 1em;*/position: relative;} .list-actions .actions li a:hover .moreIcon, .list-actions .actions li a:focus .moreIcon {border-color: rgba(255, 255, 255, 1);background-color:#fff;color: #ED3545;} /*border-hover-effect*/ .border-hover-effect {position: relative;display: block;} .border-hover-effect::before, .border-hover-effect::after {content: "";position: absolute;border: 2px solid transparent;width: 0;height: 0;z-index: 1;pointer-events: none;-webkit-transition: border-color 0.2s, width 0s 0.2s, height 0s 0.2s;-o-transition: border-color 0.2s, width 0s 0.2s, height 0s 0.2s;transition: border-color 0.2s, width 0s 0.2s, height 0s 0.2s;} .border-hover-effect::before {top: 0;left: 0;} .border-hover-effect::after {bottom: 0;right: 0;} .border-hover-effect:hover::before, .border-hover-effect:hover::after, .border-hover-effect:focus::before, .border-hover-effect:focus::after {width: 100%;height: 100%;} .border-hover-effect:hover::before, .border-hover-effect:focus::before {border-top-color: white;border-right-color: white;-webkit-transition: width 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), height 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.2s, border-right-color 0.1s 0.2s;-o-transition: width 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), height 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.2s, border-right-color 0.1s 0.2s;transition: width 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), height 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.2s, border-right-color 0.1s 0.2s;} .border-hover-effect:hover::after, .border-hover-effect:focus::after {border-bottom-color: white;border-left-color: white;-webkit-transition: border-bottom-color 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s, width 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s, height 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.6s, border-left-color 0.1s 0.6s;-o-transition: border-bottom-color 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s, width 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s, height 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.6s, border-left-color 0.1s 0.6s;transition: border-bottom-color 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s, width 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s, height 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.6s, border-left-color 0.1s 0.6s;} .border-hover-effect--light:hover::before, .border-hover-effect--light:focus::before {border-top-color: white;border-right-color: white;} .border-hover-effect--light:hover::after, .border-hover-effect--light:focus::after {border-bottom-color: white;border-left-color: white;} /*scene*/ .smallscene {max-height: 205px;} .scene {max-height: 315px;} .mediumscene {max-height: 430px;} .largescene {max-height: 630px;} .scene-top {margin-top:-10%;} .scene-right {margin-right:-15%;} .scene-bottom {margin-bottom:-10%;} .scene-left {margin-left:-15%;} /*owl /////*/ .owl-carousel img {/*max-height:120px;*/max-width: 100%;width: auto !important;display:inline-block !important;} .owl-carousel .owl-nav {margin:0 !important;} /*outside nav*/ .owl-carousel .owl-prev, .owl-carousel .owl-next {position: absolute;top: 50%;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);} .owl-carousel .owl-prev:hover, .owl-carousel .owl-next:hover {background:transparent !important;} .owl-carousel .owl-prev {left: -4em;} .owl-carousel .owl-next {right: -4em;} .owl-carousel .owl-prev span {padding: 0 0.09em 0 0;} .owl-carousel .owl-next span {padding: 0 0 0 0.09em;} /*inside nav*/ .owl-carousel.in-arrows .owl-prev {left: 0.5em;} .owl-carousel.in-arrows .owl-next {right: 0.5em;} /*bottom right nav*/ .owl-carousel.nav-bottom-right .owl-nav {position: absolute;bottom: 3em;right: 3em;} .owl-carousel.nav-bottom-right .owl-prev, .owl-carousel.nav-bottom-right .owl-next {position: unset;top: inherit;left: inherit;right: inherit;-webkit-transform: none;-ms-transform: none;transform: none;display: inline-block !important;} .owl-carousel.nav-bottom-right .owl-prev:hover span, .owl-carousel.nav-bottom-right .owl-next:hover span {background-color: #2A7886 !important;color:white !important;} @media only screen and (max-width: 40em) { .owl-carousel.nav-bottom-right .owl-nav {right: 1em;} } /*top right nav*/ .owl-carousel.nav-top-right .owl-nav {position: absolute;top: -6em;right: 0em;} .owl-carousel.nav-top-right .owl-prev, .owl-carousel.nav-top-right .owl-next {position: unset;top: inherit;left: inherit;right: inherit;-webkit-transform: none;-ms-transform: none;transform: none;display: inline-block !important;} .owl-carousel.nav-top-right .owl-prev:hover span, .owl-carousel.nav-top-right .owl-next:hover span {background-color: #2A7886 !important;color:white !important;} @media only screen and (max-width: 64.063em) { .owl-carousel.nav-top-right {padding-top: 3em;} .owl-carousel.nav-top-right .owl-nav {top: -1em;} } /*normal dots*/ .owl-carousel .owl-dots {margin-top: 1.5em !important;} .owl-carousel .owl-dots .owl-dot span {width: 12px;height: 12px;margin: 5px;background: #fff;border:2px solid #C2B30F;} .owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span {background: #C2B30F;} /*white dots*/ .owl-carousel.white-theme .owl-dots .owl-dot span {background: transparent;border: 2px solid #fff;} .owl-carousel.white-theme .owl-dots .owl-dot.active span, .owl-carousel.white-theme .owl-dots .owl-dot:hover span {background: #fff;} /*top dots*/ .owl-carousel.dots-top .owl-dots {position: absolute !important;left: 50%;-webkit-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);transform: translate(-50%, 0);margin:0;top:-2em;} /*bottom dots*/ /*.owl-carousel.dots-bottom .owl-dots {position: absolute !important;left: 50%;transform: translate(-50%, 0);margin:0;bottom:-2em;}*/ /*bottom left dots*/ .owl-carousel.dots-bottom-left .owl-dots {position: absolute !important;left: 3em;bottom:3em;-webkit-transform: none;-ms-transform: none;transform: none;margin:0;} @media only screen and (max-width: 40em) { .owl-carousel.dots-bottom-left .owl-dots {left: 1em;} } /*flex carrousel*/ .owl-carousel.flex-carrousel .owl-stage, .owl-carousel.flex-carrousel .owl-stage-outer {display: -webkit-box;display: -ms-flexbox;display: flex;height: 100%;} .owl-carousel.flex-carrousel .owl-item .item, .owl-carousel.flex-carrousel .owl-item .item .h-100 {height: 100%;} /*overlay*/ .overlay, .overlay-product {visibility: hidden;position: fixed;top: 0;left: 0;height: 100%;width: 100%;opacity: 0;background-color: rgba(255,255,255,1);-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);-webkit-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;z-index: 1000000000000000000000000000000000000;} .overlay.full-menu, .overlay-product.full-menu {visibility: visible;opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);} .overlay .menu-cerrar {position: absolute;top: 10px;right: 10px;} .overlay .brand-overlay {position: absolute;top: 10px;left: 10px;max-width: 210px;} .overlay .search-overlay {border-bottom:2px solid #222;} .overlay .search-overlay input {border-radius:none;border:none;font-size:1.5em;} .overlay .search-overlay input.input-group-field {height: 4rem;} .overlay .search-overlay input:hover, .overlay .search-overlay input:focus, .overlay .search-overlay button:hover, .overlay .search-overlay button:focus {border-radius:none !important;border:none !important;-webkit-box-shadow: none !important;box-shadow: none !important;} .overlay .search-overlay input::-webkit-input-placeholder {opacity: 1 !important;color:#222;} .overlay .search-overlay input::placeholder, .overlay .search-overlay input::-webkit-input-placeholder {opacity: 1 !important;color:#222;} .overlay .search-overlay input:-ms-input-placeholder {opacity: 1 !important;color:#222;} .overlay .search-overlay input::-webkit-input-placeholder {opacity: 1 !important;color:#222;} .overlay .search-overlay input::-moz-placeholder {opacity: 1 !important;color:#222;} .overlay .search-overlay input::-ms-input-placeholder {opacity: 1 !important;color:#222;} .overlay .search-overlay input::placeholder {opacity: 1 !important;color:#222;} @media only screen and (max-width: 40em) { .overlay .search-overlay input {border-radius:none;border:none;font-size:1.1em;} } /*off-canvas*/ .off-canvas {background: #fff;width: 70%;overflow: hidden !important;z-index:101 !important;-ms-transform: translateX(100%);-webkit-transform: translateX(100%);transform: translateX(100%);} .off-canvas .brand {width:100px;height:auto;} .off-canvas.is-closed .is-drilldown {opacity: 0;} .off-canvas .is-drilldown {max-width: 100% !important;} .off-canvas .is-drilldown-submenu-parent > a::after {font-family: "tmi" !important;color: #2F4D5C;border: none;content: '\e806';} .off-canvas .js-drilldown-back > a {padding:0.5em 0 !important;color: transparent;} .off-canvas .js-drilldown-back > a::before {font-family: "tmi" !important;color: #2F4D5C;border: none;content: '\e805';vertical-align: inherit;margin-right: 1em;} .off-canvas ul.menu {padding-bottom:1.5em;} .off-canvas ul.menu li {border-bottom:1px solid #ddd;} .off-canvas ul.menu li:last-child {border-bottom:none;} .off-canvas ul.menu li a {font-size: 1.1em;padding:1.2em 0;} .off-canvas ul.menu li a.active {font-weight: 700;} .js-off-canvas-overlay {background-color:#101E26;} .js-off-canvas-overlay.is-visible {opacity: 0.7;} .blur {-webkit-filter: blur(5px);filter: blur(5px);} @media only screen and (max-width: 40em) { .off-canvas {width: 80%;} .off-canvas ul.menu li a {font-size: 0.9em;padding:0.8em 0;} } /*polygon*/ .polygon {position: relative;overflow:hidden;} /*.polygon * {z-index: 1;}*/ .polygon::before {position: absolute;left: 0;width: 100%;content: '';z-index: 0;} .polygon-70h::before {height: 70%;} .polygon-100h::before {height: 100%;} .polygon-bottom::before {bottom: 0;} .polygon-top::before {top: 0;} .polygon-green::before {background-color: #C2B30F;} .polygon-lightgrey::before {background-color: #e5e5e5;} .polygon-left-to-right::before {-webkit-clip-path: polygon(0 70%, 100% 20%, 100% 100%, 0% 100%);clip-path: polygon(0 70%, 100% 20%, 100% 100%, 0% 100%);} .polygon-right-to-left::before {-webkit-clip-path: polygon(0 0%, 100% 95%, 100% 100%, 0% 100%);clip-path: polygon(0 0%, 100% 95%, 100% 100%, 0% 100%);} .polygon-right50-to-left::before {-webkit-clip-path: polygon(0 50%, 100% 80%, 100% 100%, 0% 100%);clip-path: polygon(0 50%, 100% 80%, 100% 100%, 0% 100%);} @media only screen and (max-width: 40em) { .polygon-left-to-right::before {-webkit-clip-path: polygon(0 50%, 100% 20%, 100% 100%, 0% 100%);clip-path: polygon(0 50%, 100% 20%, 100% 100%, 0% 100%);} } /*bg-ball*/ .bg-ball {background-image: url('../images/theme/bg-ball.svg');background-position: center center;background-size: cover;background-repeat: no-repeat;display: block;width: 100%;position: relative;} .bg-ball-before::before {background-image: url('../images/theme/bg-ball.svg');background-position: center center;background-repeat: no-repeat;} .bg-ball-after::after {background-image: url('../images/theme/bg-ball.svg');background-position: center center;background-repeat: no-repeat;} /*table-responsive*/ table.table-responsive {line-height: 21px;border-collapse: collapse;margin: 0;padding: 0;width: 100%;table-layout: fixed;font-size: 0.75em;} table.table-responsive * {vertical-align: top;} table.table-responsive tr {background-color: #fff;border-bottom: 1px solid #ddd;padding: .3em;} table.table-responsive thead th {border-right:1px solid #fff;} table.table-responsive thead th:last-child {border-right:none;} table.table-responsive thead th, table.table-responsive thead td {padding: 0.5em;font-weight: bold;text-align: left;color:#fff;background-color: #2F4D5C;} table.table-responsive tbody th, table.table-responsive tbody td {padding: 0.5em;} table.table-responsive thead, table.table-responsive tbody, table.table-responsive tfoot {border:none;} table.table-responsive a {color:#2F4D5C;text-decoration: underline;} table.table-responsive a:hover {text-decoration: none;} table.table-responsive .img-zoom {position: relative;border:1px solid #ddd;display:inline-block;} table.table-responsive .img-zoom .magnified {position:absolute;bottom:0;right:0;padding: 0 0.3em;font-size: 0.8em;background-color:#2F4D5C;} table.table-responsive .img-zoom img {max-width: 45px;max-height: 45px;} table.table-responsive.custom thead th, table.table-responsive.custom thead td {color:#1E1E1E;background-color:#F2F2F2;} table.table-responsive.custom tr {border-bottom: 1px dashed #ddd;} table.table-responsive.custom thead th {border-right:none;} @media only screen and (max-width: 63.9em) { table.table-responsive {border: 0;} table.table-responsive thead {border: none;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;} table.table-responsive tbody td.fw-700 {padding:0.8em 0.5em;background-color:#2F4D5C;color:#fff;text-transform: uppercase;} table.table-responsive tbody td.fw-700::before {color:#fff !important;} table.table-responsive tr {border: 1px solid #ddd;padding:0;} table.table-responsive tr {/*border-bottom: 4px solid #ddd;*/display: block;margin-bottom: 2em !important;} table.table-responsive td {border-bottom: 1px solid #ddd;display: block;text-align: right;} table.table-responsive td::before {content: attr(data-label);float: left;font-weight: bold;color: #2F4D5C;text-transform: none;} table.table-responsive td:last-child {border-bottom: 0;} table.table-responsive.custom tr {border-bottom: 1px solid #ddd;} } /*swipebox*/ #swipebox-bottom-bar, #swipebox-top-bar {text-shadow: 1px 1px 1px black;background: #000;opacity: 0.95;} /*CUSTOM DRUPAL//////////////// */ /*.toolbar-toggle-orientation {display:none !important;}*/ /*user-logged-in*/ body.user-logged-in.toolbar-fixed.toolbar-horizontal .cd-auto-hide-header, body.user-logged-in.toolbar-fixed.toolbar-horizontal .ui-widget.ui-dialog.ui-dialog-off-canvas .cd-auto-hide-header {padding-top:79px !important;} body.user-logged-in.toolbar-fixed.toolbar-vertical .ui-widget.ui-dialog.ui-dialog-off-canvas .cd-auto-hide-header {padding-top:79px !important;} body.user-logged-in.toolbar-fixed.toolbar-horizontal .cd-auto-hide-header.scrolled {padding-top:0 !important;} /*body.user-logged-in #block-tennislleida-content .contextual-region {padding:2em 1em;max-width: 70rem;margin:0 auto;}*/ body.user-logged-in #highlight {margin-top: 79px !important; z-index: 10000 !important;} /* Highlights */ #highlight .callout {display: none;} #highlight .callout.primary {display: block;} body.user-logged-in #highlight .callout {display: block;} #highlight .callout {padding-top: 1em !important;padding-left: 1em !important; padding-right: 2.5em !important; max-width:40em;} #highlight .message {font-size: 13px !important;line-height: 1.5 !important;margin-bottom: 1em;word-break: break-all;} /*block-tennislleida-local-tasks*/ #block-tennislleida-local-tasks {padding:1em 1em 0;border-bottom:1px solid #ddd;text-align:center;} #block-tennislleida-local-tasks ul {list-style: none;} #block-tennislleida-local-tasks ul li {display:inline-block;margin:0.3em;} #block-tennislleida-local-tasks ul li a {border-radius:5px;padding:0.5em 1em;background-color: #f1f1f1;display:inline-block;} #block-tennislleida-local-tasks ul li a.is-active {background-color: #ddd;} /*user-login-form*/ #user-login-form, #user-register-form, #user-pass {padding:2em 1em;max-width: 42rem;margin:0 auto;} #user-login-form .form-item, #user-register-form .form-item, #user-pass .form-item {margin-bottom:1em;} #user-login-form .form-item input, #user-register-form .form-item input, #user-pass .form-item input {margin-bottom:0.5em;} #user-login-form .form-item .description, #user-register-form .form-item .description, #user-pass .form-item .description, #user-pass p {font-size: 0.8em;font-weight: 300;line-height: 1.6;font-style: italic;} #user-login-form .form-item input, #user-register-form .form-item input, #user-pass .form-item input {background-color:#f1f1f1 !important;} #edit-field-nom-i-cognoms-0-value, #edit-pass-pass1, #edit-pass-pass2 {background-color:#f1f1f1 !important;} /* ========================================================================== HEADER ==========================================================================*/ #header {background-color: transparent;} /*feedback*/ #feedback {position: fixed;top: 237px;right: -63px;z-index:2;} #feedback .pull_feedback {background-color: #C2B30F;display: block;padding: 0.5em 1em 0.5em 0.3em;text-align: center;color: #fff;font-size: 1.1em;line-height:1.2;-webkit-transform: rotate(270deg);-moz-transform: rotate(270deg);-o-transform: rotate(270deg);writing-mode: lr-tb;} #feedback .pull_feedback:hover {background-color: #AFA108;} body.main_nav-bar_active #feedback {display: none;} #feedback-mobile {display: block !important;} .scrolled #feedback-mobile {display: none !important;} #feedback-mobile:hover {background-color: #AFA108;} @media only screen and (max-width: 64em) { } /*elements*/ .left-elements, .right-elements {padding:1em 0;} /*.center-elements {padding:1em 0;}*/ /*@media only screen and (max-width: 63.9em) { .left-elements, .right-elements {padding:0.5em 0;} }*/ /*.left-elements {background-color:#EBEBEB;} .center-elements {background-color:#999999;} .right-elements {background-color:#666666;}*/ /*section*/ .section-intro {min-height: 100vh;background-color: transparent;} .section-in .section-image {padding-top:10em;} @media only screen and (max-width: 64em) { .section-in .section-image {padding-top:8em;} } /*text-slide*/ .textslide a.swipebox:hover i {color:#C2B30F !important;} /*.section-intro .textslide {padding: 3em 0;} .section-in .textslide {padding-top: 5em;}*/ @media only screen and (min-width: 64.063em) { .textslide h1 {font-size:4em;line-height: 1.2;} } @media only screen and (max-width: 64.063em) { /*.section-in .textslide {padding-top: 0em;}*/ } /*brandbar /////////////////////// */ .brandbar {background:transparent;z-index:2;} .brandbar .brand img {max-height: 130px;} .brandbar .brand img.white {display:block;} @media only screen and (min-width: 40em) { .main_nav-bar.active .brandbar.cd-auto-hide-header.scrolled {background-color: transparent;-webkit-box-shadow: none;box-shadow: none;} } /*.main_nav-bar.active .brandbar .brand img {max-height: 100px;}*/ /*hamburger-icon*/ #hamburger-icon {width:35px;height:20px;position:relative;display:inline-block;margin-top:0.3rem;} #hamburger-icon .icon-line {display:block;background:#fff;width:35px;height:4px;position:absolute;left:0;border-radius:2px;-o-transition: all 0.4s;transition: all 0.4s;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;} #hamburger-icon .line-1{top:0;} #hamburger-icon .line-2 {top:50%;} #hamburger-icon .line-3 {top:100%;} #hamburger-icon:hover .line-1, #hamburger-icon:focus .line-1{-ms-transform: translateY(-2px);transform: translateY(-2px);-webkit-transform: translateY(-2px);-moz-transform: translateY(-2px);} #hamburger-icon:hover .line-3, #hamburger-icon:focus .line-3 {-ms-transform: translateY(2px);transform: translateY(2px);-webkit-transform: translateY(2px);-moz-transform: translateY(2px);} #hamburger-icon.active .line-1 {-ms-transform: translateY(10px) translateX(0) rotate(45deg);transform: translateY(10px) translateX(0) rotate(45deg);-webkit-transform: translateY(10px) translateX(0) rotate(45deg);-moz-transform: translateY(10px) translateX(0) rotate(45deg);} #hamburger-icon.active .line-2 {opacity: 0;} #hamburger-icon.active .line-3 {-ms-transform: translateY(-10px) translateX(0) rotate(-45deg);transform: translateY(-10px) translateX(0) rotate(-45deg);-webkit-transform: translateY(-10px) translateX(0) rotate(-45deg);-moz-transform: translateY(-10px) translateX(0) rotate(-45deg);} /*main_nav-panel*/ .main_nav-panel {display:none;} .main_nav-panel.active{display: block;-webkit-transform: translatey(0px);-ms-transform: translatey(0px);transform: translatey(0px);min-height: 100vh;z-index: 1;} .main_nav-panel .social a {position: relative;border-radius:50%;height:37px;width:37px;background-color:#C2B30F;display: inline-block;} .main_nav-panel .social a:hover {text-decoration: none;background-color: #AFA108;} .main_nav-panel .social a i {color:#fff;} .main_nav-panel .social a:hover i {/*color:#fff;*/} .main_nav-panel .contact-info li {margin-bottom:0 !important;} .main_nav-panel .contact-info a {text-decoration: none;color:#919191;} .main_nav-panel .contact-info a:hover {text-decoration: underline;} /*main_nav*/ .main_nav {opacity:0;visibility:hidden;-webkit-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;} .main_nav.active {opacity:1;visibility:visible;width: 100%;min-height: 100vh;width: 100%;} @media only screen and (max-width: 64em) { .main_nav.active .pt-10 {padding-top:6em;} } @media only screen and (max-width: 40em) { .main_nav .contact-info {font-size: 0.9em;} } /*main_nav-accordion*/ #main_nav-accordion.style-none li {margin-bottom:0 !important;} #main_nav-accordion li a.main_nav-accordion-title {display:inline-block;font-weight: 700;text-transform: uppercase;font-size: 2.2em;color:#fff;font-family: 'Oswald', sans-serif;} #main_nav-accordion li[data-accordion-item] a.main_nav-accordion-title {position: relative;} #main_nav-accordion li[data-accordion-item] a.main_nav-accordion-title::before {transition: -webkit-transform .15s ease-in;-webkit-transition: -webkit-transform .15s ease-in;-o-transition: transform .15s ease-in;transition: transform .15s ease-in;transition: transform .15s ease-in, -webkit-transform .15s ease-in;transition: transform .15s ease-in,-webkit-transform .15s ease-in;content: '\e807';font-family: 'clubtennislleida';position: absolute;right:-22px;top: 55%;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);font-size: 0.5em;} #main_nav-accordion li[data-accordion-item].is-active a.main_nav-accordion-title::before {top: 30%;-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);} #main_nav-accordion li.is-active a.main_nav-accordion-title, #main_nav-accordion li a.main_nav-accordion-title:hover {color:#C2B30F;} #main_nav-accordion .accordion-content {background-color: transparent;border:none;padding:0;margin-bottom:0.5em;} #main_nav-accordion .accordion-content a {display:inline-block;font-weight: 500;text-transform: uppercase;font-size: 1.2em;color:#919191;font-family: 'Oswald', sans-serif;} #main_nav-accordion .accordion-content a:hover {color:#fff;} @media only screen and (max-width: 64em) { #main_nav-accordion li a.main_nav-accordion-title {font-size: 1.5em;} #main_nav-accordion .accordion-content a {font-size: 1em;} #main_nav-accordion li[data-accordion-item] a.main_nav-accordion-title::before {right:-17px;} } /*is-locked*/ .is-locked{overflow: hidden;position: fixed;top: 0;left: 0;width: 100%;height: 100vh;} /*languages*/ .languages a.white:hover {color:#fff;} .languages i::before {transition: -webkit-transform .35s ease-in;-webkit-transition: -webkit-transform .35s ease-in;-o-transition: transform .35s ease-in;transition: transform .35s ease-in;transition: transform .35s ease-in, -webkit-transform .35s ease-in;transition: transform .35s ease-in,-webkit-transform .35s ease-in;} .languages .hover i::before {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);} .languages #languages-dropdown {width: 100px !important;padding:0.5em 1em;border:none;border-radius:0;} .languages #languages-dropdown a {color:#999;} .languages #languages-dropdown a:hover {color:#222;} .languages #languages-dropdown a.active {font-weight: 700;color:#C2B30F;} /*brandbar scrolled ////// */ /*no scrolled*/ @media only screen and (max-width: 63.9em) { .brandbar .brand img {max-height: 100px;} } @media only screen and (max-width: 40em) { .brandbar .brand img {max-height: 70px;} } /*si scrolled*/ .brandbar.cd-auto-hide-header.scrolled {background:rgba(61,57,53,0.9);border-bottom:none;-webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);} .brandbar.cd-auto-hide-header.scrolled .brand a {padding:0.5em !important;} .brandbar.cd-auto-hide-header.scrolled .brand a img {max-height: 65px;} /*.brandbar.cd-auto-hide-header.scrolled .left-elements {padding:0.5em 0;}*/ /*.brandbar.cd-auto-hide-header.scrolled .right-elements {padding:1.05em 0;}*/ /*video-theme*/ .video-theme {overflow:hidden;height: 100vh;max-height: 100vh;} .video-theme .bg-video {position: fixed;height: 100%;max-height: 100vh;width: 100%;left: 0;top: 0;background-size: cover;z-index:-1;overflow:hidden;} .video-theme .bg-video img, .video-theme .bg-video video {position: relative;top: 0;left: 50%;min-width: 100%;min-height: 100%;width: auto;height: auto;z-index: 0;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);z-index: -1;} @media only screen and (max-width: 40em) { .video-theme .bg-video video {-webkit-transform: translateX(-50%) scale(1.1);-ms-transform: translateX(-50%) scale(1.1);transform: translateX(-50%) scale(1.1);} } /*videoModal .videoModal {top:0;left:0;position: fixed;z-index: 102;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8);display: flex;align-items: center;justify-content: center;opacity: 0;visibility: hidden;transition: 0.3s ease;} .videoModal iframe {width:90%;transform: scale(0, 0);border-radius: 5px;} .videoModal.toggle {opacity: 1;visibility: visible;} .OpenVideo {animation: OpenVideo 0.3s ease forwards;} @keyframes OpenVideo { 0% { transform: scale(0.6, 0.6); opacity: 0.4; } 100% { transform: scale(1, 1); opacity: 1; } } a.showVid:hover i{color:#C2B30F !important;}*/ /*slide-theme*/ .slide-theme {overflow:hidden;height: 100vh;max-height: 100vh;} .slide-theme #owl-mainslide, .slide-theme #owl-mainslide .owl-item .item {min-height: 100vh;} /*molletes*/ .breadcrumbs-bar .breadcrumbs {margin-bottom: 0;} .breadcrumbs-bar .breadcrumbs * {color:#fff;text-transform: none;} .breadcrumbs-bar .breadcrumbs li {float: none;display: inline-block; font-size:0.9em;} .breadcrumbs-bar .breadcrumbs li:not(:last-child)::after {color:#fff;} @media only screen and (max-width: 40em) { .breadcrumbs-bar {display: none;} } /*share-bar*/ .share-bar a i {color:#919191;} .share-bar a:hover i {color:#C2B30F;} /*navnews-bar*/ .navnews-bar a i {color:#919191;} .navnews-bar a:hover i {color:#C2B30F;} /* ========================================================================== CONTAINER-MAIN ==========================================================================*/ #container-main {background-color:#fff;} /*breadcrumbs*/ #block-tennislleida-breadcrumbs ol {margin: 0;list-style: none;} #block-tennislleida-breadcrumbs ol li {display: inline-block;} #block-tennislleida-breadcrumbs ol li::before {content: '/';display: inline-block;margin: 0 0.5em 0 0.5em;} #block-tennislleida-breadcrumbs ol li:first-child::before {display: none;} /*field*/ .field .field-left {border:8px solid white;} .field .field-right {border:8px solid white;border-left:none !important;} .field a:hover * {color:#C2B30F !important;} @media only screen and (max-width: 40em) { .field {display:block;} .field .field-right {border-left:8px solid white !important;border-top:none !important;} } /*row-flex*/ @media only screen and (min-width: 64.063em) { .row-flex .row.d-flex {display: -webkit-box;display: -ms-flexbox;display: flex;} } @media only screen and (max-width: 64em) { .row-flex .row.d-flex {display: block;} .row-flex .bg-green .tabs-panel .row.d-flex {display: -webkit-box;display: -ms-flexbox;display: flex;} } @media only screen and (max-width: 40em) { .row-flex .bg-green .tabs-panel .row.d-flex {display: block !important;} } /*box-on*/ .box-on {margin-top:-3em;margin-right:-3em;} @media only screen and (max-width: 64em) { .box-on {margin-top:0em;margin-right:0em;} } /*fixed-nav*/ .fixed-nav.is-stuck {-webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.3);} .fixed-nav {z-index: 10;} .fixed-nav a {color:#222;font-weight: 700;padding:1.9em 1em;text-transform: uppercase;text-decoration: none;position: relative;display: inline-block;} .fixed-nav a::after {background: #222 none repeat scroll 0 0;bottom: 0;content: "";display: block;height: 2px;width: 0;position: absolute;bottom:20px;left: 50%;-webkit-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);transform: translate(-50%, 0);-webkit-transition: all 0.2s ease-in-out 0.2s;-o-transition: all 0.2s ease-in-out 0.2s;transition: all 0.2s ease-in-out 0.2s;} .fixed-nav a:hover::after, .fixed-nav a.is-active::after {width: 30%;} .fixed-nav span.type-text {color: #3D3935;font-weight: 700;padding: 1.25em 1em;font-size: 1.3em;display: inline-block;} @media only screen and (max-width: 64em) { .fixed-nav {z-index: 10;} .fixed-nav a {padding: 1.9em 0.5em;} } @media only screen and (max-width: 40em) { .fixed-nav {z-index: 1;} .fixed-nav span.type-text.medium {font-size: 1.5em;} } .fixed-nav a.type-button {color: #fff !important;padding: 1.47em 2em;text-transform: initial;font-size: 1.3em;} .fixed-nav a.type-button:hover {background-color: #222;} .fixed-nav a.type-button::after {display:none;} /*list-wrap*/ .list-wrap {display: -webkit-box;display: -ms-flexbox;display: flex;list-style:none;margin:0;-ms-flex-wrap: wrap;flex-wrap: wrap;position: relative;} .list-wrap li {margin-right: 20px;margin-bottom: 20px;} .list-wrap li ul li {margin-right: 0px;margin-bottom: 0px;} @media only screen and (min-width: 64.63em) { .list-wrap.tres-col li {-webkit-box-flex: 1;-ms-flex: 1 1 30%;flex: 1 1 30%;width: 31.5%;max-width: 31.5%;} .list-wrap.tres-col li ul li{width:100%;max-width: 100%;-webkit-box-flex: 0;-ms-flex: none;flex: none;} } @media only screen and (max-width: 64em) { .list-wrap.tres-col li {-webkit-box-flex: 1;-ms-flex: 1 1 47%;flex: 1 1 47%;width: 1 1 47%;max-width: 1 1 47%;} .list-wrap.tres-col li ul li{width:100%;max-width: 100%;-webkit-box-flex: 0;-ms-flex: none;flex: none;} } @media only screen and (max-width: 40em) { .list-wrap.tres-col li {-webkit-box-flex: 1;-ms-flex: 1 1 97%;flex: 1 1 97%;width: 1 1 97%;max-width: 1 1 97%;margin-right: 0;} .list-wrap.tres-col li ul li{width:100%;max-width: 100%;-webkit-box-flex: 0;-ms-flex: none;flex: none;} } @media only screen and (min-width: 64.63em) { .list-wrap.two-col li {-webkit-box-flex: 1;-ms-flex: 1 1 47%;flex: 1 1 47%;width: 1 1 47%;max-width: 1 1 47%;} } @media only screen and (max-width: 64em) { .list-wrap.two-col li {-webkit-box-flex: 1;-ms-flex: 1 1 47%;flex: 1 1 47%;width: 1 1 47%;max-width: 1 1 47%;} } @media only screen and (max-width: 40em) { .list-wrap.two-col li {-webkit-box-flex: 1;-ms-flex: 1 1 97%;flex: 1 1 97%;width: 1 1 97%;max-width: 1 1 97%;margin-right: 0;} } /*news-categories*/ .news-categories a {border:1px solid #C2B30F;color:#C2B30F;border-radius: 8px;padding:0.3em 0.8em;font-size: 0.7em;text-transform: uppercase;} .news-categories a:hover {border:1px solid #C2B30F;color:#C2B30F;} /*news-bar-list*/ .news-bar-list .column.column-block {margin-bottom:3.875rem;} .news-bar-list .column:nth-child(even) {text-align: right;} .news-bar-list a.categorie {min-width: 250px;text-align: left;} .news-bar-list a.categorie i {float:right;} .news-bar-list a.categorie i::before {transition: -webkit-transform .35s ease-in;-webkit-transition: -webkit-transform .35s ease-in;-o-transition: transform .35s ease-in;transition: transform .35s ease-in;transition: transform .35s ease-in, -webkit-transform .35s ease-in;transition: transform .35s ease-in,-webkit-transform .35s ease-in;} .news-bar-list a.categorie.hover i::before {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);} .news-bar-list #categories-dropdown {min-width: 250px;text-align: left;} .news-bar-list #categories-dropdown a {color:#C2B30F;} .news-bar-list #categories-dropdown a:hover {color:#C2B30F;} .news-bar-list #categories-dropdown a.active {font-weight: 700;color:#C2B30F;} .news-bar-list #categories-dropdown ul li:last-child {margin:0 !important;} @media only screen and (max-width: 40em) { .news-bar-list .column:nth-child(even) {text-align: left;} } .img-news {max-height: 600px;} .page-node-type-noticia .news-gallery .extend.bgimage {background-position: top center !important;} /*shared-bar*/ .shared-bar .social-share a:hover {color:#C2B30F;} .shared-bar .news-categories a {font-size: 0.8em;} @media only screen and (max-width: 40em) { .shared-bar {text-align: center;} .shared-bar .float-left, .shared-bar .float-right {float:none !important;display: block;} .shared-bar .float-left {margin-bottom:1.5em;} } /*custom-tabs*/ .custom-tabs {display: block !important;} .custom-tabs li {float:none;margin-right:1em !important;vertical-align: top;} .custom-tabs li:last-child {margin-right:0 !important;} .custom-tabs li > a {padding: 0.5rem;font-size:1rem;color: #9EC2C7;line-height: 1;} .custom-tabs li > a i, .custom-tabs li > a h5 {color: #C1BDBD;} .custom-tabs li > a:focus, .custom-tabs li > a:hover {background: transparent;} .custom-tabs li > a[aria-selected="true"] {background-color:transparent;} .custom-tabs li > a[aria-selected="true"] i {color:#C2B30F !important;} .custom-tabs li > a[aria-selected="true"] h5 {color: #3D3935 !important;} /*custom-tabs-vertical*/ .custom-tabs-vertical {display: block !important;} .custom-tabs-vertical .tabs-title {float:none;border-bottom:1px solid rgba(255,255,255,0.2);margin-bottom:0 !important;} .custom-tabs-vertical .tabs-title:last-child {border-bottom:none;} .custom-tabs-vertical .tabs-title > a {padding: 0.8rem 0;font-size:0.95rem;color: #fff;} .custom-tabs-vertical .tabs-title > a:focus, .custom-tabs-vertical .tabs-title > a:hover {color:#C2B30F;background-color:transparent;} .custom-tabs-vertical .tabs-title > a[aria-selected="true"] {background-color:transparent;color:#C2B30F !important;font-weight: 700;} @media only screen and (max-width: 40em) { /*.custom-tabs {display: flex !important;} .custom-tabs .tabs-title {flex: 1;} .custom-tabs .tabs-title > a {border:2px solid #9EC2C7 !important;border-radius: 3px;height:100%;} .custom-tabs .tabs-title > a[aria-selected="true"] {border:2px solid #2A7886 !important;}*/ } /*custom-tabs*/ .custom-tabs-grey {display: block !important;} .custom-tabs-grey .tabs-title {float:none;border-right:1px solid #ddd;margin:0 !important;} .custom-tabs-grey .tabs-title:last-child {border-right:0;} .custom-tabs-grey .tabs-title > a {padding:1rem;font-size:1rem;color: #919191;} .custom-tabs-grey .tabs-title > a:focus, .custom-tabs-grey .tabs-title > a:hover {background: transparent;text-decoration: underline;} .custom-tabs-grey .tabs-title > a[aria-selected="true"] {background-color:transparent;font-weight: 700;} .custom-tabs-grey .tabs-title.is-active a:hover, .custom-tabs-grey .tabs-title.is-active a:focus {text-decoration: none !important;} @media only screen and (max-width: 40em) { /*.custom-tabs {display: flex !important;} .custom-tabs .tabs-title {flex: 1;} .custom-tabs .tabs-title > a {border:2px solid #9EC2C7 !important;border-radius: 3px;height:100%;} .custom-tabs .tabs-title > a[aria-selected="true"] {border:2px solid #2A7886 !important;}*/ } /*custom-tabs*/ .custom-tabs-grey-button {display: block !important;} .custom-tabs-grey-button .tabs-title {float:none;margin:0 !important;} .custom-tabs-grey-button .tabs-title:last-child {border-right:0;} .custom-tabs-grey-button .tabs-title > a {padding:0.5em 1rem;font-size:1rem;color: #919191;} .custom-tabs-grey-button .tabs-title > a:focus, .custom-tabs-grey-button .tabs-title > a:hover {background: transparent;text-decoration: none;opacity: 0.8;} .custom-tabs-grey-button .tabs-title > a[aria-selected="true"] {border:1px solid #919191;background-color:transparent;font-weight: 700;} .custom-tabs-grey-button .tabs-title.is-active a:hover, .custom-tabs-grey-button .tabs-title.is-active a:focus {text-decoration: none !important;border:1px solid #919191;opacity: 1;} @media only screen and (max-width: 40em) { /*.custom-tabs {display: flex !important;} .custom-tabs .tabs-title {flex: 1;} .custom-tabs .tabs-title > a {border:2px solid #9EC2C7 !important;border-radius: 3px;height:100%;} .custom-tabs .tabs-title > a[aria-selected="true"] {border:2px solid #2A7886 !important;}*/ } /*nav-items*/ .nav-items {margin:0 !important;list-style-type: none !important;} .nav-items li {border-bottom:1px solid #ddd !important;margin-bottom: 0 !important;} .nav-items li a {color:#222 !important;padding:0.7em !important;display: block !important;border-left:5px solid #fff !important;line-height:unset} .nav-items li a:hover {color:#C2B30F !important;} .nav-items li.is-active a {color:#C2B30F !important;border-left:5px solid #C2B30F !important;} /*filter-options*/ /*.filter-options .tabs-title {float:none;margin:0 !important;}*/ .filter-options .tabs-title {padding:0.5em 1rem;font-size:1rem;color: #919191;font-weight: 700;text-transform: uppercase;} .filter-options .tabs-title:focus, .filter-options .tabs-title:hover {background: transparent;text-decoration: none;opacity: 0.8;} .filter-options .tabs-title.active {border:1px solid #919191;background-color:transparent;font-weight: 700;border-radius:0;opacity: 1 !important;} .filter-options .tabs-title.active a:hover, .filter-options .tabs-title.active a:focus {text-decoration: none !important;border:1px solid #919191;opacity: 1 !important;} /*list-fases*/ .list-fases .item {border:6px solid #E5E5E5;background-color: white;} .list-fases .item.complete {border-color: #C2B30F;background-color: #E5E5E5;} /*list-blocks*/ .list-extend-content {position: relative;z-index: 1;} .list-blocks {display: -webkit-box !important;display: -ms-flexbox !important;display: flex !important;-ms-flex-wrap: wrap;flex-wrap: wrap;} .list-blocks .item {height:100%;position: relative;} .list-blocks .item.box-shadow:hover {-webkit-box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.3);box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.3);} .list-blocks .item .extend-content {width: 100%;display: none;position: absolute;top:0;left:0;z-index: 11;} .list-blocks .item .extend-content .block * {font-size: 0.8em;} @media only screen and (min-width: 64em) { .list-blocks .item:hover .extend-content, .list-blocks .item .extend-content:hover {display: block;} } /*forms*/ .webform-flexbox {margin: 0em 0em !important;} form input, form textarea, form select {border-radius:5px !important;border: none !important;} form .js-form-type-checkbox, form #edit-actions {text-align: center;} form *::-webkit-input-placeholder, form input::-webkit-input-placeholder, form textarea::-webkit-input-placeholder, form select::-webkit-input-placeholder {color: #999 !important;opacity:1 !important;font-size: 0.9em;} form *::-moz-placeholder, form input::-moz-placeholder, form textarea::-moz-placeholder, form select::-moz-placeholder {color: #999 !important;opacity:1 !important;font-size: 0.9em;} form *:-ms-input-placeholder, form input:-ms-input-placeholder, form textarea:-ms-input-placeholder, form select:-ms-input-placeholder {color: #999 !important;opacity:1 !important;font-size: 0.9em;} form *::-ms-input-placeholder, form input::-ms-input-placeholder, form textarea::-ms-input-placeholder, form select::-ms-input-placeholder {color: #999 !important;opacity:1 !important;font-size: 0.9em;} form *::placeholder, form input.form-date, form input::placeholder, form textarea::placeholder, form select::placeholder {color: #999 !important;opacity:1 !important;font-size: 0.9em;} .grey-form form .form-item input, .grey-form form .form-item input.form-date, .grey-form form .form-item textarea, .grey-form form .form-item select {background-color:#f1f1f1 !important;} /*gallery-bar*/ .gallery-bar .list-wrap.tres-col > li { -webkit-box-shadow: 0 0 4px 3px rgba(0,0,0,0.05); box-shadow: 0 0 4px 3px rgba(0,0,0,0.05); } .gallery-bar .list-wrap.tres-col li span { max-height: 207px; overflow: auto; } /*others*/ .form-item-politica-de-privacidad, .form-item-politica-privacidad, .form-item-politica-de-privacitat { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 1rem; } .form-item-politica-de-privacidad input[type="checkbox"], .form-item-politica-privacidad input[type="checkbox"], .form-item-politica-de-privacitat input[type="checkbox"] { margin:auto; margin-left: 0; margin-right: 0.5rem; width: 1em; height: 1em; } .form-item-captcha-response *:not(input) {color: white;} .grey-form .form-item-captcha-response *:not(input) {color: unset;} #edit-captcha-response--description {display: none;} .form-item-captcha-response > label {display: none;} .g-recaptcha * {margin:auto;} .captcha {margin-bottom: 1em;} .form-item-politica-de-privacidad *, .form-item-politica-privacidad *, .form-item-politica-de-privacitat * {font-size: 0.9em; color: white !important;} .form-item-politica-de-privacidad a, .form-item-politica-privacidad a, .form-item-politica-de-privacitat a { color: white !important; text-decoration: underline !important} .form-item-politica-de-privacidad a:hover, .form-item-politica-de-privacidad a:hover, .form-item-politica-de-privacitat a:hover {color: rgb(212, 212, 212) !important;} .grey-form .form-item-politica-de-privacidad *, .grey-form .form-item-politica-privacidad *, .grey-form .form-item-politica-de-privacitat * {color: #666 !important;} .grey-form .form-item-politica-de-privacidad a, .grey-form .form-item-politica-privacidad a, .grey-form .form-item-politica-de-privacitat a { color: #C2B30F !important; text-decoration: none !important} .grey-form .form-item-politica-de-privacidad a:hover, .grey-form .form-item-politica-privacidad a:hover, .grey-form .form-item-politica-de-privacitat a:hover {color: #9e9210 !important;} .opacity-green form label { color: white; display: none; } .opacity-green form select { color: #999; font-size: 0.9em; } .webform-flex:first-child .webform-flex--container {margin-left: 0px !important;} .webform-flex:last-child .webform-flex--container {margin-right: 0px !important;} #private-area .tabs-content { border: none !important; } /* user-not-logged-in */ /*.user-not-logged-in .languages, .user-not-logged-in.page-node-type-estancia .info-bar { display:none; }*/ .user-not-logged-in .languages { display:none; } /*destacatsclub*/ #destacatsclub .a-bg h5 {opacity: 0.8;} #destacatsclub .a-bg:hover h5 {opacity: 1;} #destacatsclub .owl-carousel .owl-dots .owl-dot span {background: transparent;} #destacatsclub .owl-carousel .owl-dots .owl-dot.active span, #destacatsclub .owl-carousel .owl-dots .owl-dot:hover span {background: #C2B30F;} /* ========================================================================== FOOTER ==========================================================================*/ /*#footer hr {border-color: #919191;}*/ #footer .brand img {max-width: 120px;width: 100%;height: auto;} #footer a {text-decoration: none;color:#919191;} #footer a:hover {text-decoration: underline;} #footer .social a {position: relative;border-radius:50%;height:47px;width:47px;background-color:#fff;display: inline-block;} #footer .social a:hover {text-decoration: none;background-color: #C2B30F;color:#fff;} #footer .social a i {color:#3D3935;} #footer .social a:hover i {color:#fff;} #footer ul.style-none li {margin: 0 0 0.5em !important;} @media only screen and (max-width: 59em) { #footer .abs {position: inherit !important;} #footer .brand-bar-footer .text-center {text-align:center !important;} #footer .social .abs {position: absolute !important;} #footer .contact-info {margin-bottom:2em;} #footer .contact-info li {margin-bottom:0 !important;} #footer .legal-info li:first-child {display: block;margin-bottom:0.5em;} } @media only screen and (max-width: 40em) { #footer .develop {margin-top: 1em;} } /* ========================================================================== Media Queries ==========================================================================*/ /* Small screens */ @media only screen { .show-for-xlarge {display: none !important;} .hide-for-xlarge {display: inline-block !important;} } /* Define mobile styles */ @media only screen and (max-width: 40em) { } /* max-width 640px, mobile-only styles, use when QAing mobile issues */ /* Medium screens */ @media only screen and (min-width: 40.063em) {} /* min-width 641px, medium screens */ @media only screen and (min-width: 40.063em) and (max-width: 63.9em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */ @media only screen and (min-width: 64.063em) and (max-width: 84em) {} /* Large screens */ @media only screen and (min-width: 64.063em) {} /* min-width 1025px, large screens */ @media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */ /* XLarge screens */ @media only screen and (min-width: 90.063em) { .show-for-xlarge {display: inline-block !important;} .hide-for-xlarge {display: none !important;} } /* min-width 1441px, xlarge screens */ @media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */ /* XXLarge screens */ @media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */ /*#block-tennislleida-local-tasks > ul { display: flex; margin: auto; justify-content: center; list-style: none; } #block-tennislleida-local-tasks > ul li a { display: inline-block; padding: 0.6em 1em 0.6em 1em; color: white; background-color: #C2B30F; } #block-tennislleida-local-tasks > ul li a:hover { background-color: #AFA108; } #block-tennislleida-local-tasks { background-color: #C2B30F; }*/ .pagination { text-align: center; margin-top: 2em; } .pagination ul li.is-active a { background-color: #C2B30F; color: white; } .pagination ul li a { background-color: #f1f1f1; color: #C2B30F; padding: 0.8em 1.2em; text-align: center; } /* escondido estades */ body.page-node-type-estancia .intro-bar .button, body.page-node-type-estancia #inscriute {display:none;} body.page-node-type-estancia .info-bar.mb-2 {margin-bottom: 0 !important;}