html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } body { margin: 0 } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block } audio, canvas, progress, video { display: inline-block } audio:not([controls]) { display: none; height: 0 } progress { vertical-align: baseline } template, [hidden] { display: none } a { background-color: transparent } a:active, a:hover { outline-width: 0 } abbr[title] { border-bottom: none } b, strong { font-weight: inherit } b, strong { font-weight: bolder } dfn { font-style: italic } mark { background-color: #ff0; color: #000 } small { font-size: 80%; display: inline-block } img { border-style: none } svg:not(:root) { overflow: hidden } button, input, select, textarea { font: inherit } optgroup { font-weight: bold } button, input, select { overflow: visible } button, select { text-transform: none } button, [type="button"], [type="reset"], [type="submit"] { cursor: pointer } [disabled] { cursor: default } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 } button:-moz-focusring, input:-moz-focusring { outline: 1px dotted ButtonText } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal } textarea { overflow: auto } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0 } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto } [type="search"] { -webkit-appearance: textfield } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none } *, *:before, *:after { box-sizing: border-box } html { box-sizing: border-box; background-attachment: fixed } body { color: #777; scroll-behavior: smooth; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .xdebug-var-dump { position: relative; z-index: 1000 } hr { margin: 15px 0; border-width: 0; border-top: 1px solid currentColor; opacity: 0.1 } img { max-width: 100%; height: auto; display: inline-block; vertical-align: middle } figure { margin: 0 } pre { background-color: #f1f1f1; border: 1px solid #ddd; padding: 20px; width: 100%; overflow-x: auto } p:empty { display: none } a, button, input { -ms-touch-action: manipulation; touch-action: manipulation } ins { text-decoration: none } embed, iframe, object { max-width: 100% } .col, .gallery-item, .columns { position: relative; margin: 0; padding: 0 15px 30px; width: 100% } .col-fit { -webkit-flex: 1; -ms-flex: 1; flex: 1 } .col-first { -webkit-order: -1; -ms-flex-order: -1; order: -1 } .col-last { -webkit-order: 1; -ms-flex-order: 1; order: 1 } .col-inner { position: relative; margin-left: auto; margin-right: auto; width: 100%; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto } .col-has-radius { overflow: hidden } @media screen and (min-width: 850px) { .col:first-child .col-inner { margin-left: auto; margin-right: 0 } .col+.col .col-inner { margin-right: auto; margin-left: 0 } } @media screen and (max-width: 549px) { .small-col-first { -webkit-order: -1; -ms-flex-order: -1; order: -1 } } @media screen and (min-width: 850px) { .large-col-first { -webkit-order: -1; -ms-flex-order: -1; order: -1 } } @media screen and (max-width: 849px) { .medium-col-first { -webkit-order: -1; -ms-flex-order: -1; order: -1 } .col { padding-bottom: 30px } } @media screen and (min-width: 850px) { .row-divided>.col+.col:not(.large-12) { border-left: 1px solid #ececec } .row-divided.row-reverse>.col+.col:not(.large-12) { border-left: 0; border-right: 1px solid #ececec } .col-divided { padding-right: 30px; border-right: 1px solid #ececec } .col.col-divided:not(.col-first):last-child { border-right: 0; padding-right: 0; padding-left: 30px; border-left: 1px solid #ececec } .col-border { padding-right: 0; border-right: 1px solid #ececec } .col-border+.col, .col-divided+.col { padding-left: 30px } } .dark .col-divided { border-color: rgba(255, 255, 255, 0.2) } .align-equal>.col { display: -webkit-flex; display: -ms-flexbox; display: flex } .align-middle { -webkit-align-items: center !important; -ms-flex-align: center !important; -ms-grid-row-align: center !important; align-items: center !important; -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important; vertical-align: middle !important } .align-bottom { -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; -ms-grid-row-align: flex-end !important; align-items: flex-end !important; -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; vertical-align: bottom !important } .align-top { -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; -ms-grid-row-align: flex-start !important; align-items: flex-start !important; -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; vertical-align: top !important } .align-center { -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important } .align-right { -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important } .small-1 { max-width: 8.33333%; -webkit-flex-basis: 8.33333%; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333% } .small-2 { max-width: 16.66667%; -webkit-flex-basis: 16.66667%; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667% } .small-3 { max-width: 25%; -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25% } .small-4 { max-width: 33.33333%; -webkit-flex-basis: 33.33333%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333% } .small-5 { max-width: 41.66667%; -webkit-flex-basis: 41.66667%; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667% } .small-6 { max-width: 50%; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50% } .small-7 { max-width: 58.33333%; -webkit-flex-basis: 58.33333%; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333% } .small-8 { max-width: 66.66667%; -webkit-flex-basis: 66.66667%; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667% } .small-9 { max-width: 75%; -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75% } .small-10 { max-width: 83.33333%; -webkit-flex-basis: 83.33333%; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333% } .small-11 { max-width: 91.66667%; -webkit-flex-basis: 91.66667%; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667% } .small-12 { max-width: 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100% } .small-columns-1>.col, .small-columns-1 .flickity-slider>.col { max-width: 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100% } .small-columns-2>.col, .small-columns-2 .flickity-slider>.col { max-width: 50%; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50% } .small-columns-3>.col, .small-columns-3 .flickity-slider>.col { max-width: 33.33333%; -webkit-flex-basis: 33.33333%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333% } .small-columns-4>.col, .small-columns-4 .flickity-slider>.col { max-width: 25%; -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25% } .small-columns-5>.col, .small-columns-5 .flickity-slider>.col { max-width: 20%; -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20% } .small-columns-6>.col, .small-columns-6 .flickity-slider>.col { max-width: 16.66667%; -webkit-flex-basis: 16.66667%; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667% } .small-columns-7>.col, .small-columns-7 .flickity-slider>.col { max-width: 14.28571%; -webkit-flex-basis: 14.28571%; -ms-flex-preferred-size: 14.28571%; flex-basis: 14.28571% } .small-columns-8>.col, .small-columns-8 .flickity-slider>.col { max-width: 12.5%; -webkit-flex-basis: 12.5%; -ms-flex-preferred-size: 12.5%; flex-basis: 12.5% } @media screen and (min-width: 550px) { .medium-1 { max-width: 8.33333%; -webkit-flex-basis: 8.33333%; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333% } .medium-2 { max-width: 16.66667%; -webkit-flex-basis: 16.66667%; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667% } .medium-3 { max-width: 25%; -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25% } .medium-4 { max-width: 33.33333%; -webkit-flex-basis: 33.33333%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333% } .medium-5 { max-width: 41.66667%; -webkit-flex-basis: 41.66667%; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667% } .medium-6 { max-width: 50%; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50% } .medium-7 { max-width: 58.33333%; -webkit-flex-basis: 58.33333%; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333% } .medium-8 { max-width: 66.66667%; -webkit-flex-basis: 66.66667%; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667% } .medium-9 { max-width: 75%; -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75% } .medium-10 { max-width: 83.33333%; -webkit-flex-basis: 83.33333%; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333% } .medium-11 { max-width: 91.66667%; -webkit-flex-basis: 91.66667%; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667% } .medium-12 { max-width: 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100% } .medium-columns-1>.col, .medium-columns-1 .flickity-slider>.col { max-width: 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100% } .medium-columns-2>.col, .medium-columns-2 .flickity-slider>.col { max-width: 50%; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50% } .medium-columns-3>.col, .medium-columns-3 .flickity-slider>.col { max-width: 33.33333%; -webkit-flex-basis: 33.33333%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333% } .medium-columns-4>.col, .medium-columns-4 .flickity-slider>.col { max-width: 25%; -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25% } .medium-columns-5>.col, .medium-columns-5 .flickity-slider>.col { max-width: 20%; -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20% } .medium-columns-6>.col, .medium-columns-6 .flickity-slider>.col { max-width: 16.66667%; -webkit-flex-basis: 16.66667%; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667% } .medium-columns-7>.col, .medium-columns-7 .flickity-slider>.col { max-width: 14.28571%; -webkit-flex-basis: 14.28571%; -ms-flex-preferred-size: 14.28571%; flex-basis: 14.28571% } .medium-columns-8>.col, .medium-columns-8 .flickity-slider>.col { max-width: 12.5%; -webkit-flex-basis: 12.5%; -ms-flex-preferred-size: 12.5%; flex-basis: 12.5% } } @media screen and (min-width: 850px) { .large-1 { max-width: 8.33333%; -webkit-flex-basis: 8.33333%; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333% } .large-2 { max-width: 16.66667%; -webkit-flex-basis: 16.66667%; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667% } .large-3 { max-width: 25%; -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25% } .large-4 { max-width: 33.33333%; -webkit-flex-basis: 33.33333%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333% } .large-5 { max-width: 41.66667%; -webkit-flex-basis: 41.66667%; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667% } .large-6 { max-width: 50%; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50% } .large-7 { max-width: 58.33333%; -webkit-flex-basis: 58.33333%; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333% } .large-8 { max-width: 66.66667%; -webkit-flex-basis: 66.66667%; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667% } .large-9 { max-width: 75%; -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75% } .large-10 { max-width: 83.33333%; -webkit-flex-basis: 83.33333%; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333% } .large-11 { max-width: 91.66667%; -webkit-flex-basis: 91.66667%; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667% } .large-12 { max-width: 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100% } .gallery-columns-1 .gallery-item, .large-columns-1>.col, .large-columns-1 .flickity-slider>.col { max-width: 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100% } .gallery-columns-2 .gallery-item, .large-columns-2>.col, .large-columns-2 .flickity-slider>.col { max-width: 50%; -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50% } .gallery-columns-3 .gallery-item, .large-columns-3>.col, .large-columns-3 .flickity-slider>.col { max-width: 33.33333%; -webkit-flex-basis: 33.33333%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333% } .gallery-columns-4 .gallery-item, .large-columns-4>.col, .large-columns-4 .flickity-slider>.col { max-width: 25%; -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25% } .gallery-columns-5 .gallery-item, .large-columns-5>.col, .large-columns-5 .flickity-slider>.col { max-width: 20%; -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20% } .gallery-columns-6 .gallery-item, .large-columns-6>.col, .large-columns-6 .flickity-slider>.col { max-width: 16.66667%; -webkit-flex-basis: 16.66667%; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667% } .gallery-columns-7 .gallery-item, .large-columns-7>.col, .large-columns-7 .flickity-slider>.col { max-width: 14.28571%; -webkit-flex-basis: 14.28571%; -ms-flex-preferred-size: 14.28571%; flex-basis: 14.28571% } .gallery-columns-8 .gallery-item, .large-columns-8>.col, .large-columns-8 .flickity-slider>.col { max-width: 12.5%; -webkit-flex-basis: 12.5%; -ms-flex-preferred-size: 12.5%; flex-basis: 12.5% } } .has-shadow>.col>.col-inner { background-color: #FFF } .col-hover-focus .col-inner, .col-hover-fade .col-inner, .col-hover-blur .col-inner { transition: all, .2s } .col-hover-fade .col-inner { opacity: .6 } .col-hover-fade:hover .col-inner { opacity: 1 } .col-hover-blur .col-inner { -webkit-filter: blur(3px); filter: blur(3px) } .col-hover-blur:hover .col-inner { -webkit-filter: blur(0px); filter: blur(0px) } .col-hover-focus:hover .col-inner { opacity: 1 } .row:hover .col-hover-focus .col:not(:hover) { opacity: .6 } body, .container, .full-width .ubermenu-nav, .row { width: 100%; margin: 0 auto } .container { padding-left: 15px; padding-right: 15px } .full-width .ubermenu-nav, .container, .row { max-width: 1080px } .row.row-collapse { max-width: 1050px } .row.row-small { max-width: 1065px } .row.row-large { max-width: 1110px } body.framed, body.framed header, body.framed .header-wrapper, body.boxed, body.boxed header, body.boxed .header-wrapper, body.boxed .is-sticky-section { max-width: 1170px } @media screen and (min-width: 850px) { body.framed { padding: 30px 0 } } .flex-row { -js-display: flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100% } .flex-row-col { -js-display: flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start } .text-center .flex-row { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .header .flex-row { height: 100% } .flex-col { max-height: 100% } .flex-grow { -webkit-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-negative: 1; -ms-flex-preferred-size: auto !important } .flex-center { margin: 0 auto } .flex-left { margin-right: auto } .flex-right { margin-left: auto } .flex-wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .flex-has-center>.nav-row>.flex-col:not(.flex-center), .flex-has-center>.flex-row>.flex-col:not(.flex-center), .flex-has-center>.flex-col:not(.flex-center) { -webkit-flex: 1; -ms-flex: 1; flex: 1 } @media (max-width: 849px) { .medium-flex-wrap { -webkit-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap } .medium-flex-wrap .flex-col { padding-top: 5px; padding-bottom: 5px; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; width: 100% } } @media (max-width: 549px) { .small-flex-wrap { -webkit-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap } .small-flex-wrap .flex-col { -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; width: 100% } } @media (min-width: 850px) { .col2-set, .u-columns { -js-display: flex; display: -webkit-flex; display: -ms-flexbox; display: flex } .col2-set>div+div, .u-columns>div+div { padding-left: 30px } } .row-grid .box .image-cover { padding: 0; height: 100% } .grid-col>.col-inner { height: 100% } .grid-col .slider:not(.flickity-enabled), .grid-col>.col-inner>.img, .grid-col>.col-inner>.img div, .grid-col>.col-inner>.img>.img-inner>img, .grid-col .slider>.img, .grid-col .flickity-slider>.img, .grid-col .col-inner>.img, .grid-col .slider-wrapper, .grid-col .slider, .grid-col .banner, .grid-col .box, .grid-col .box-image, .grid-col .box-image img, .grid-col .image-cover, .grid-col .image-cover img { object-fit: cover; width: 100%; position: absolute !important; top: 0; bottom: 0; height: 100%; padding: 0 !important } .grid-col .box-image img { font-family: 'object-fit: cover;' } .grid-col .flickity-viewport { height: 100% !important } .grid-col .box:not(.box-shade):not(.box-overlay):not(.box-badge) .box-text { background-color: rgba(255, 255, 255, 0.95); position: absolute; bottom: 0; padding-left: 1.5em; padding-right: 1.5em } @media all and (-ms-high-contrast: none) { .payment-icon svg { max-width: 50px } .slider-nav-circle .flickity-prev-next-button svg { height: 36px !important } .nav>li>a>i { top: -1px } } .row, .gallery { width: 100%; -js-display: flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap } .row>div:not(.col) { width: 100% !important } .row.row-masonry, .row.row-grid { display: block } .row.row-masonry>.col, .row.row-grid>.col { float: left } .row .gallery, .row .row:not(.row-collapse), .container .row:not(.row-collapse), .lightbox-content .row:not(.row-collapse) { padding-left: 0; padding-right: 0; margin-left: -15px; margin-right: -15px; width: auto } .row .container { padding-left: 0; padding-right: 0 } .slider-wrapper+.row:not(.row-collapse), .banner-grid-wrapper+.row:not(.row-collapse), .banner+.row:not(.row-collapse), .section+.row:not(.row-collapse) { margin-top: 30px } .row-full-width { max-width: 100% !important } .row-isotope { transition: height .3s } .row-reverse { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } @media screen and (max-width: 549px) { .small-row-reverse { -webkit-flex-direction: col-reverse; -ms-flex-direction: col-reverse; flex-direction: col-reverse } } @media screen and (max-width: 849px) { .medium-row-reverse { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } } .row-collapse { padding: 0 } .row-collapse>.flickity-viewport>.flickity-slider>.col, .row-collapse>.col { padding: 0 !important } .row-collapse>.col .container { max-width: 100% } .row .row-small:not(.row-collapse), .container .row-small:not(.row-collapse) { margin-left: -10px; margin-right: -10px; margin-bottom: 0 } .row-small>.flickity-viewport>.flickity-slider>.col, .row-small>.col { padding: 0 9.8px 19.6px; margin-bottom: 0 } .row .row-xsmall:not(.row-collapse), .container .row-xsmall:not(.row-collapse) { margin-left: -2px; margin-right: -2px; margin-bottom: 0 } .row-xsmall>.flickity-viewport>.flickity-slider>.col, .row-xsmall>.col { padding: 0 2px 3px; margin-bottom: 0 } @media screen and (min-width: 850px) { .row-large { padding-left: 0; padding-right: 0 } .row .row-large:not(.row-collapse), .container .row-large:not(.row-collapse) { margin-left: -30px; margin-right: -30px; margin-bottom: 0 } .row-large>.flickity-viewport>.flickity-slider>.col, .row-large>.col { padding: 0 30px 30px; margin-bottom: 0 } } .row-dashed, .row-solid { overflow: hidden } .row-dashed .col, .row-solid .col { position: relative; padding: 0 } .row-dashed .col-inner, .row-solid .col-inner { padding: 15px } .row-dashed .col:before, .row-solid .col:before { position: absolute; content: " "; height: 100%; top: 0; left: -1px; border-left: 1px dashed #ddd } .row-dashed .col:after, .row-solid .col:after { position: absolute; content: " "; width: 100%; height: 0; top: auto; left: 0; bottom: -1px; border-bottom: 1px dashed #ddd } .row-solid .col:before { border-left-style: solid } .row-solid .col:after { border-bottom-style: solid } .dark .row-solid .col:before, .dark .row-solid .col:after, .dark .row-dashed .col:before, .dark .row-dashed .col:after { border-color: rgba(255, 255, 255, 0.2) } .block-html-after-header .row .col { padding-bottom: 0 } .wpb-js-composer .row:before { display: block !important } .section { padding: 30px 0; position: relative; min-height: auto; width: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row; -ms-flex-flow: row; flex-flow: row; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .section.dark { background-color: #666 } .section-bg { overflow: hidden } .section-bg, .section-content { width: 100% } .section-content { z-index: 1 } .has-parallax { overflow: hidden } .container .section, .row .section { padding-left: 30px; padding-right: 30px } .is-sticky-section+.sticky-section-helper { min-height: 100vh !important; background-color: #000 } .sticky-section-helper+div { position: relative; background-color: #FFF; box-shadow: 15px 15px 15px 15px rgba(0, 0, 0, 0.1) } .sticky-section { padding: 0 !important; height: 100% !important; height: 100vh !important; width: 100% !important; top: 0; left: 0; right: 0; margin: 0 auto; background-color: #fff; position: relative; overflow-x: hidden; overflow-y: scroll } .is-sticky-section { position: fixed !important } .nav-dropdown { position: absolute; min-width: 260px; max-height: 0; z-index: 9; padding: 20px 0 20px; opacity: 0; margin: 0; transition: opacity .25s; box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.15); border: 2px solid #ddd; color: #777; background-color: #fff; text-align: left; display: table; left: -99999px } .dark.nav-dropdown { color: #f1f1f1 } .nav-dropdown:after { visibility: hidden; display: block; content: ""; clear: both; height: 0 } .nav-dropdown li { display: block; margin: 0; vertical-align: top } .nav-dropdown li ul { margin: 0; padding: 0 } .nav-dropdown>li.html { min-width: 260px } li.current-dropdown>.nav-dropdown, .next-prev-thumbs li.has-dropdown:hover>.nav-dropdown, .no-js li.has-dropdown:hover>.nav-dropdown { opacity: 1; max-height: inherit; left: -15px } .nav-right li.current-dropdown:last-child>.nav-dropdown, .nav-right li.has-dropdown:hover:last-child>.nav-dropdown { left: auto; right: -15px } .nav-column li>a, .nav-dropdown>li>a { width: auto; display: block; padding: 10px 20px; line-height: 1.3 } .nav-column>li:last-child:not(.nav-dropdown-col)>a, .nav-dropdown>li:last-child:not(.nav-dropdown-col)>a { border-bottom: 0 !important } .dropdown-uppercase.nav-dropdown .nav-column>li>a, .nav-dropdown.dropdown-uppercase>li>a { text-transform: uppercase; font-size: .85em } .nav-dropdown>li.nav-dropdown-col, .nav-dropdown>li.image-column { text-align: left; display: table-cell; white-space: nowrap; width: 160px; min-width: 160px; border-right: 1px solid transparent } .nav-dropdown .menu-item-has-children>a, .nav-dropdown .title>a, .nav-dropdown .nav-dropdown-col>a { text-transform: uppercase; font-size: .8em; font-weight: bolder; color: #000 } .nav-dropdown .nav-dropdown-col .menu-item-has-children { margin-top: 5px } .nav-dropdown li.image-column { margin: 0 !important; padding: 0 !important; border: 0 !important } .nav-dropdown li.image-column>a { line-height: 0 !important; font-size: 0 !important; padding: 0 !important; margin-left: 0 !important; margin-right: 0 !important; margin-top: -20px !important; margin-bottom: -20px !important } .nav-dropdown li.image-column>a img { margin: 0; display: block; width: 100% } .nav-dropdown li.image-column>a:hover { opacity: .8 } .nav-dropdown-default li.image-column:first-child>a { margin-left: -20px !important; margin-right: 20px !important } .nav-dropdown-default li.image-column:last-child>a { margin-right: -20px !important } .nav-dropdown.nav-dropdown-bold>li.nav-dropdown-col, .nav-dropdown.nav-dropdown-simple>li.nav-dropdown-col { border-color: #f1f1f1 } .nav-dropdown-default .nav-column li>a, .nav-dropdown.nav-dropdown-default>li>a { padding-left: 0; padding-right: 0; margin: 0 10px; border-bottom: 1px solid #ececec } .nav-dropdown-default { padding: 20px } .nav-dropdown-bold .nav-column li>a, .nav-dropdown.nav-dropdown-bold>li>a { margin: 0 10px; padding-left: 10px; border-radius: 10px; padding-right: 5px } .nav-dropdown-bold .nav-column li>a:hover, .nav-dropdown.nav-dropdown-bold>li>a:hover, .nav-dropdown-bold.dark .nav-column li>a:hover, .nav-dropdown.nav-dropdown-bold.dark>li>a:hover { color: #fff !important; background-color: #446084 } .nav-dropdown-simple .nav-column li>a:hover, .nav-dropdown.nav-dropdown-simple>li>a:hover { background-color: rgba(0, 0, 0, 0.03) } .nav-dropdown.nav-dropdown-simple li.html, .nav-dropdown.nav-dropdown-bold li.html { padding: 0 20px 10px } li.current-dropdown>.nav-dropdown-full, li.has-dropdown:hover>.nav-dropdown-full { position: fixed; margin-left: 0 !important; margin-right: 0 !important; left: 50% !important; transition: opacity 0.3s !important; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); right: auto; width: 100%; max-width: 1150px !important; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .nav-dropdown-full>li.nav-dropdown-col { white-space: normal } .nav-dropdown-has-arrow li.has-dropdown:after, .nav-dropdown-has-arrow li.has-dropdown:before { bottom: -2px; z-index: 10; opacity: 0; left: 50%; border: solid transparent; content: ''; height: 0; width: 0; position: absolute; pointer-events: none } .nav-dropdown-has-arrow li.has-dropdown:after { border-color: rgba(221, 221, 221, 0); border-bottom-color: #fff; border-width: 8px; margin-left: -8px } .nav-dropdown-has-arrow li.has-dropdown:before { z-index: -999; border-bottom-color: #ddd; border-width: 11px; margin-left: -11px } .nav-dropdown-has-arrow li.current-dropdown.has-dropdown:before, .nav-dropdown-has-arrow li.current-dropdown.has-dropdown:after { transition: opacity .25s; opacity: 1 } .label-new.menu-item>a:after, .label-hot.menu-item>a:after, .label-sale.menu-item>a:after, .label-popular.menu-item>a:after { content: ''; display: inline-block; font-size: 9px; line-height: 9px; text-transform: uppercase; letter-spacing: -0.1; margin-left: 4px; background-color: #000; font-weight: bolder; border-radius: 2px; color: #fff; padding: 2px 3px 3px; position: relative; top: -2px } .label-new.menu-item>a:after { background-color: #446084 } .label-sale.menu-item>a:after { background-color: #d26e4b } .label-popular.menu-item>a:after { background-color: #7a9c59 } .label-hot.menu-item>a:after { background-color: #b20000 } .nav p { margin: 0; padding-bottom: 0 } .nav, .nav ul:not(.nav-dropdown) { margin: 0; padding: 0 } .nav>li>a.button, .nav>li>button { margin-bottom: 0 } .nav { width: 100%; position: relative; display: inline-block; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .nav>li { display: inline-block; list-style: none; margin: 0; padding: 0; position: relative; margin: 0 7px; transition: background-color .3s } .nav>li>a { padding: 10px 0; display: inline-block; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .html .nav>li>a { padding-top: 0; padding-bottom: 0 } .nav-small .nav>li>a, .nav.nav-small>li>a { vertical-align: top; padding-top: 5px; padding-bottom: 5px; font-weight: normal } .nav-small.nav>li.html { font-size: .75em } .nav-center { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .nav-fill { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .nav-left { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start } .nav-right { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end } @media (max-width: 849px) { .medium-nav-center { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } } @media (max-width: 549px) { .small-nav-center { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } } .nav>li>a, .nav-dropdown>li>a, .nav-column>li>a { color: rgba(102, 102, 102, 0.85); transition: all .2s } .nav-dropdown>li>a, .nav-column>li>a { display: block } .nav>li>a:hover, .nav>li.active>a, .nav>li.current>a, .nav>li>a.active, .nav>li>a.current, .nav-dropdown li.active>a, .nav-column li.active>a, .nav-dropdown>li>a:hover, .nav-column li>a:hover { color: rgba(17, 17, 17, 0.85) } .nav li:first-child { margin-left: 0 !important } .nav li:last-child { margin-right: 0 !important } .nav-uppercase>li>a { letter-spacing: .02em; text-transform: uppercase; font-weight: bolder } .nav-thin>li>a { font-weight: thin !important } @media (min-width: 850px) { .nav-divided>li { margin: 0 .7em } .nav-divided>li+li>a:after { content: ""; position: absolute; top: 50%; width: 1px; border-left: 1px solid rgba(0, 0, 0, 0.1); height: 15px; margin-top: -7px; left: -1em } .nav-divided>li+li.icon-top>a:after { height: 50px; margin-top: -25px } } li.html .row, li.html form, li.html select, li.html input { margin: 0 } li.html>.button { margin-bottom: 0 } li.hide-title>a { display: none !important } .nav-pagination>li>span, .nav-pagination>li>a { font-size: 1.1em; display: block; height: 2.25em; line-height: 2em; text-align: center; width: 2.25em; font-weight: bolder; border-radius: 99px; border: 2px solid currentColor; transition: all .3s; vertical-align: top } .nav-pagination>li i { font-size: 1.2em; vertical-align: middle; top: -1px } .nav-pagination>li>.current, .nav-pagination>li>span:hover, .nav-pagination>li>a:hover { border-color: #446084; background-color: #446084; color: #FFF } .nav-line-bottom>li>a:before, .nav-line-grow>li>a:before, .nav-line>li>a:before { content: " "; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 100%; background-color: #446084; transition: all 0.3s; opacity: 0; height: 3px } .nav-line-bottom>li:hover>a:before, .nav-line-grow>li:hover>a:before, .nav-line-bottom>li.active>a:before, .nav-line-grow>li.active>a:before, .nav-line>li.active>a:before, .nav-line>li:hover>a:before { opacity: 1 } .nav:hover>li:not(:hover)>a:before { opacity: 0 } .tabbed-content .nav-line-bottom:before { top: auto; bottom: 0 } .nav-line-grow>li>a:before { width: 0% } .nav-line-grow>li.active>a:before, .nav-line-grow>li:hover>a:before { width: 100% } .nav-line-bottom>li:before, .nav-line-bottom>li:after { display: none } .nav-line-bottom>li>a:before { top: auto; bottom: 0 } .nav-box>li.active>a, .nav-pills>li.active>a { opacity: 1; color: #fff; background-color: #446084; } .nav-tabs>li.active>a { background-color: #f3e290; } .nav-dark .nav.nav-tabs>li.active>a { color: #000 } .nav-outline>li.active>a { color: #446084; border-color: currentColor } .tabbed-content { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap } .tabbed-content .nav, .tabbed-content .tab-panels { width: 100% } .tab-panels { padding-top: 1em } .tab-panels .entry-content { padding: 0 } .tab-panels .panel:not(.active) { zoom: 1; float: "left"; visibility: hidden; height: 0; padding: 0; display: block; overflow: hidden; opacity: .0 } .tab-panels .panel.active { display: block !important } .nav-box>li, .nav-tabs>li, .nav-outline>li, .nav-pills>li { margin: 0 } .nav-box>li>a { padding: 0 .75em; line-height: 2.5em } .nav-pills>li>a { padding: 0 .75em; border-radius: 99px; line-height: 2.5em } .nav-tabs>li>a { border-top: 2px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; background-color: rgb(240, 124, 122); padding-left: 15px; padding-right: 15px } .nav-tabs>li.active>a { border-top-color: #446084 } .nav-dark .nav-tabs>li:not(.active)>a { background-color: rgba(255, 255, 255, 0.1); border-color: transparent } .tabbed-content .nav-tabs>li { margin: 0 .1em; margin-bottom: -1px } .nav-tabs+.tab-panels { border: 1px solid #ddd; background-color: #F3E290; padding: 30px } .nav-outline>li>a { line-height: 2.4em; padding: 0 .75em; position: relative; z-index: 10; border: 2px solid transparent; border-radius: 32px } @media (min-width: 850px) { .tabbed-content .nav-vertical { padding-top: 0; width: 25% } .nav-vertical+.tab-panels { margin-top: 0 !important; border-left: 1px solid #ddd; padding: 0 30px 30px; -webkit-flex: 1; -ms-flex: 1; flex: 1 } .tabbed-content .nav-vertical.nav-outline { padding-right: 15px } } @media (max-width: 549px) { .small-nav-collapse>li { width: 100%; margin: 0 !important } .small-nav-collapse>li a { width: 100%; display: block } } @media (max-width: 549px) { .small-nav-touch { -webkit-overflow-scrolling: touch; overflow-x: auto; overflow-y: hidden; white-space: nowrap; -webkit-flex-flow: nowrap; -ms-flex-flow: nowrap; flex-flow: nowrap } .small-nav-touch>li { display: inline-block } } .toggle { height: auto; width: 45px; line-height: 1; box-shadow: none !important; padding: 0; color: currentColor; opacity: .6; margin: 0 5px 0 0 } .toggle i { font-size: 1.8em; transition: all .3s } .toggle:focus { color: currentColor } .toggle:hover { cursor: pointer; opacity: 1 } .active>.toggle { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg) } .active>ul.children { display: block !important } .active>ul.sub-menu { display: block !important } .widget .toggle { width: 1em; min-height: 1em; margin: 0 0 0 5px } .widget .toggle i { top: 1px; font-size: 1.2em } .nav.nav-vertical { -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column } .nav-vertical li { list-style: none; margin: 0; width: 100% } .nav-vertical li li { font-size: 1em; padding-left: .5em } .nav-vertical .image-column { display: none } .nav-vertical>li { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .nav-vertical>li ul { width: 100% } .nav-vertical li li.menu-item-has-children { margin-bottom: 1em } .nav-vertical>li>ul>li a, .nav-vertical>li>a { display: block; width: auto; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1 } .nav-vertical li li.menu-item-has-children>a { color: #000; text-transform: uppercase; font-size: .8em; font-weight: bolder } .nav-vertical>li.html { padding-top: 1em; padding-bottom: 1em } .nav-vertical>li>ul li a { transition: color .2s; color: #666 } .nav-vertical>li>ul li a:hover { opacity: 1; color: #111 } .nav-vertical>li>ul { margin: 0 0 2em; padding-left: 1em } .nav .children { position: fixed; opacity: 0; left: -99999px; transition: background-color 0.6s, opacity 0.3s, -webkit-transform 0.3s; transition: background-color 0.6s, transform 0.3s, opacity 0.3s; transition: background-color 0.6s, transform 0.3s, opacity 0.3s, -webkit-transform 0.3s; -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px) } .nav .active>.children { position: inherit; opacity: 1; left: auto; padding-bottom: 30px; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } .nav-sidebar.nav-vertical>li.menu-item.active, .nav-sidebar.nav-vertical>li.menu-item:hover { background-color: rgba(0, 0, 0, 0.05) } .nav-sidebar.nav-vertical>li+li { border-top: 1px solid #ececec } .dark .nav-sidebar.nav-vertical>li+li { border-color: rgba(255, 255, 255, 0.2) } .nav-vertical>li+li { border-top: 1px solid #ececec } .nav-vertical.nav-line>li>a:before { right: -2px; z-index: 1; left: auto; width: 3px; height: 100% } .nav-vertical.nav-tabs>li>a { border: 0 } .nav-vertical.nav-tabs>li.active>a { border-left: 3px solid #446084 } .text-center .toggle { margin-left: -35px } .text-center .nav-vertical li { border: 0 } .text-center.nav-vertical li li, .text-center .nav-vertical li li { padding-left: 0 } @media screen and (max-width: 549px) { .small-nav-vertical { -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column; margin-bottom: 20px } .small-nav-vertical>li { list-style: none; margin: 0 !important; width: 100%; border-bottom: 1px solid #ececec } } .nav-vertical .mega-menu-item { width: 100% } .nav-vertical .social-icons, .nav-vertical .header-button { display: block; width: 100% } @media screen and (min-width: 849px) { .col-divided>.col-inner>.nav-wrapper>.nav-vertical { width: calc(100% + 31px) } } .badge-container { margin: 30px 0 0 0 } .badge { display: table; z-index: 20; pointer-events: none; height: 2.8em; width: 2.8em; -webkit-backface-visibility: hidden; backface-visibility: hidden } .badge.top { left: 0 } .badge-inner { display: table-cell; vertical-align: middle; text-align: center; width: 100%; height: 100%; background-color: #446084; line-height: .85; color: #fff; font-weight: bolder; padding: 2px; transition: background-color .3s, color .3s, border .3s } .badge-small { width: 2.3em; height: 2.3em } .badge-small .badge-inner { line-height: .7 } .badge+.badge { opacity: .9; width: 2.5em; height: 2.5em } .badge+.badge+.badge { opacity: .8 } .badge-frame .badge-inner, .badge-outline .badge-inner { color: #446084; background-color: #fff; border: 2px solid currentColor } .has-hover:hover .badge-outline .badge-inner { border-color: #446084; background-color: #446084; color: #FFF } .badge-outline, .badge-circle { margin-left: -.4em } .badge-circle-inside { margin-left: 1em } .badge-circle+.badge { margin-top: -.4em; margin-left: -.4em } .badge-circle-inside .badge-inner, .badge-circle .badge-inner { border-radius: 999px } .badge-frame .badge-inner, .widget .badge-outline .badge-inner { background-color: transparent } .badge-frame { height: 2em; margin-left: -4px } .widget .badge { margin: 0 !important } .dark .widget .badge-outline .badge-inner { color: #fff; opacity: .7 } .row-collapse .badge-circle { margin-left: 15px } .banner { position: relative; background-color: #446084; width: 100%; min-height: 30px } .banner-bg { overflow: hidden } .banner-layers { max-height: 100%; height: 100%; position: relative } @media (max-width: 549px) { .banner-layers { overflow: auto; -webkit-overflow-scrolling: touch } } .banner-layers>* { position: absolute !important } .dark .banner a { color: #fff } .video-bg { object-fit: cover; object-position: 50% 50%; font-family: 'object-fit: cover; object-position: center center;'; position: absolute; width: 100%; height: 100% } @media (min-width: 549px) { .has-video .bg { display: none } } .box { width: 100%; position: relative; margin: 0 auto } .box>a { width: 100%; display: block } .box a { display: inline-block } .box, .box-image, .box-text { transition: opacity 0.3s, background-color 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s, background-color 0.3s; transition: opacity 0.3s, transform 0.3s, background-color 0.3s, -webkit-transform 0.3s } .box-image>a, .box-image>div>a { display: block } .box-text { padding-top: .7em; padding-bottom: 1.4em; position: relative; width: 100%; font-size: .9em } .has-shadow .box-text { padding-left: 1.2em; padding-right: 1.2em } @media (max-width: 549px) { .box-text { font-size: 85% } } .box-image { position: relative; height: auto; margin: 0 auto; overflow: hidden } .box-overlay .box-image { -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC) } .box-image-inner { position: relative; overflow: hidden; z-index: 0 } .box-text.text-center { padding-left: 10px; padding-right: 10px } .box-image img { max-width: 100%; width: 100%; -webkit-transform: translateZ(0); transform: translateZ(0); margin: 0 auto } .box-label { overflow: hidden } .box-label .box-text.text-center { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); left: 50%; margin: 10% 0 } .box-label .box-text.text-right { right: 0; left: auto } .box-label .box-text { position: absolute; bottom: 0; width: auto; padding: 0; margin: 10%; padding: .5em 1.5em .55em; background-color: #FFF; opacity: .95; box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1) } .box-label:hover .box-text { opacity: 1 } .box-badge { overflow: hidden } .box-badge .box-text { background-color: rgba(255, 255, 255, 0.95); padding: .8em 1em 1em; position: absolute; bottom: 15%; transition: background .3s; z-index: 1 } .dark .box-badge .box-text { background-color: rgba(0, 0, 0, 0.95) } .box-badge:hover .box-text { background-color: #446084 } .box-bounce .box-text { padding: 15px 15px 20px; z-index: 1 } .box-bounce:hover .box-text { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); background-color: #fff } .dark .box-bounce:hover .box-text { background-color: #222 } .box-bounce:hover .box-image { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px) } .box-push .box-text { padding: 15px 20px; background-color: rgba(255, 255, 255, 0.95); max-width: 85%; margin: -15% auto 0 } .box-overlay .box-text, .box-shade .box-text { position: absolute; width: 100%; max-height: 100%; bottom: 0; padding-left: 1.5em; padding-right: 1.5em } .box-overlay.dark .box-text, .box-shade.dark .box-text { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5) } .has-post-icon:hover .box-shade .box-text, .has-post-icon:hover .box-overlay .box-text { opacity: 0 !important } .box-text-middle.box-overlay .box-text, .box-text-middle.box-shade .box-text { position: absolute; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50%; bottom: auto !important; z-index: 16; left: 0; right: 0 } .box-vertical .box-text-middle .box-text { position: relative; top: auto; bottom: auto; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .has-box-vertical .col { width: 100% !important; max-width: 100% !important } @media screen and (max-width: 549px) { .box-vertical .box-image { width: 100% !important } } @media screen and (min-width: 550px) { .box-list-view .col { -webkit-flex-basis: 100% !important; -ms-flex-preferred-size: 100% !important; flex-basis: 100% !important; max-width: 100% !important } .box-list-view .box, .box-vertical { display: table; width: 100% } .box-list-view .box .image-right, .box-vertical .image-right { direction: rtl } .box-list-view .box .box-image, .box-list-view .box .box-text, .box-vertical .box-image, .box-vertical .box-text { direction: ltr; display: table-cell; vertical-align: middle } .box-list-view .box .box-text, .box-vertical .box-text { padding-left: 1.5em; padding-right: 1.5em } .box-list-view .box .box-image, .box-vertical .box-image { width: 50% } .box-list-view .box.align-top .box-text, .box-vertical.align-top .box-text { vertical-align: top } } .button, button, input[type='submit'], input[type='reset'], input[type='button'] { position: relative; display: inline-block; background-color: transparent; text-transform: uppercase; font-size: .97em; letter-spacing: .03em; -ms-touch-action: none; touch-action: none; cursor: pointer; font-weight: bolder; text-align: center; color: currentColor; text-decoration: none; border: 1px solid transparent; vertical-align: middle; border-radius: 0; margin-top: 0; margin-right: 1em; text-shadow: none; line-height: 2.4em; min-height: 2.5em; padding: 0 1.2em; max-width: 100%; transition: border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s, -webkit-transform .3s; transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s; transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s, -webkit-transform .3s; text-rendering: optimizeLegibility; box-sizing: border-box } .button span { display: inline-block; line-height: 1.6 } .button.is-outline { line-height: 2.19em } .nav>li>a.button:hover, .nav>li>a.button { padding-top: 0; padding-bottom: 0 } .nav>li>a.button:hover { color: #FFF } .button, input[type='submit'], input[type='submit'].button, input[type='reset'].button, input[type='button'].button { color: #fff; background-color: #446084; background-color: var(--primary-color); border-color: rgba(0, 0, 0, 0.05) } .button.is-outline, input[type='submit'].is-outline, input[type='reset'].is-outline, input[type='button'].is-outline { border: 2px solid currentColor; background-color: transparent } .dark .button.is-form:hover, .button:hover, input[type='submit']:hover, input[type='reset']:hover, input[type='button']:hover { outline: none; opacity: 1; color: #fff; box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.2) } .button.is-underline, .button.is-link { background-color: transparent !important; border-color: transparent !important; padding-left: .15em; padding-right: .15em } .button.is-underline:before { content: ""; height: 2px; background-color: currentColor; opacity: .3; transition: all .3s; position: absolute; bottom: 0; left: 20%; width: 60% } .button.is-underline:hover:before { left: 0%; width: 100%; opacity: 1 } .is-link, .is-underline { color: #666 } .dark .button.is-underline:hover, .dark .button.is-link:hover { color: #FFF; opacity: .8 } .button.is-underline:hover, .button.is-link:hover { color: #333; box-shadow: none } .is-form, button.is-form, input[type='submit'].is-form, input[type='reset'].is-form, input[type='button'].is-form { overflow: hidden; position: relative; background-color: #f9f9f9; text-shadow: 1px 1px 1px #fff; color: #888; border: 1px solid #ddd; text-transform: none; font-weight: normal } .button.is-form:hover { color: #000; background-color: #f1f1f1 } .dark .button, .dark input[type='submit'], .dark input[type='reset'], .dark input[type='button'] { color: #fff } .dark .button.is-form, .dark input[type='submit'].is-form, .dark input[type='reset'].is-form, .dark input[type='button'].is-form { color: #000 } .is-round { border-radius: 99px } .is-shade, .is-bevel, .is-gloss { overflow: hidden } .is-gloss:after, .is-shade:after, .is-bevel:after { content: ""; position: absolute; top: 0; left: -25%; height: 100%; width: 150%; box-shadow: inset 0 1.2em 0 0 rgba(255, 255, 255, 0.1) } .is-shade:after { box-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, 0.1), inset 0 2em 15px 0 rgba(255, 255, 255, 0.2) } .is-bevel:after { left: 0; width: 100%; box-shadow: inset -0.01em -0.1em 0 0 rgba(0, 0, 0, 0.15) } .is-outline { color: silver } .is-outline:hover { box-shadow: none !important } input[type='submit'], input[type='submit'].button, input[type='submit'], .primary { background-color: #446084 } .primary.is-underline, .primary.is-link, .primary.is-outline { color: #446084 } .is-outline:hover, .primary.is-outline:hover { color: #fff; background-color: #018f9e; border-color: #018f9e; } .success { background-color: #7a9c59 } .success.is-underline, .success.is-link, .success.is-outline { color: #7a9c59 } .success.is-outline:hover { background-color: #7a9c59; border-color: #7a9c59; color: #fff } .white { background-color: #fff !important; color: #666 !important } .white.button.is-outline { background-color: transparent; color: currentColor !important } .white.is-underline, .white.is-link, .white.is-outline { color: #fff !important; background-color: transparent !important } .white.is-outline:hover { background-color: #fff !important; border-color: #fff; color: #666 !important } .secondary, .checkout-button, .button.checkout, .button.alt { background-color: #d26e4b } .secondary.is-underline, .secondary.is-link, .secondary.is-outline { color: #d26e4b } .secondary.is-outline:hover { background-color: #d26e4b; border-color: #d26e4b; color: #fff } a.primary:not(.button), a.secondary:not(.button) { background-color: transparent } .alert { background-color: #b20000 } .alert.is-link, .alert.is-outline { color: #b20000 } .alert.is-outline:hover { background-color: #b20000; border-color: #b20000; color: #fff } .text-center .button:first-of-type { margin-left: 0 !important } .text-right .button:last-of-type, .text-center .button:last-of-type { margin-right: 0 !important } .button.disabled, button.disabled, .button[disabled], button[disabled] { opacity: .6 } .header-buttons .button { margin-bottom: 0; margin-right: .65em } .header-button { display: inline-block } .header-button .is-outline:not(:hover) { color: #999 } .nav-dark .header-button .is-outline:not(:hover) { color: #fff } .header-button .button { margin: 0 } .scroll-for-more:not(:hover) { opacity: .7 } .flex-col button, .flex-col .button, .flex-col input { margin-bottom: 0 } .button br { display: none } code { padding: .2rem .5rem; margin: 0 .2rem; font-size: .9em; background: #F1F1F1; border: 1px solid #E1E1E1; border-radius: 4px } pre>code { display: block; padding: 1rem 1.5rem; white-space: pre } .dark code { border-color: #000; background-color: rgba(0, 0, 0, 0.5) } .is-divider { height: 3px; display: block; background-color: rgba(0, 0, 0, 0.1); margin: 1em 0 1em; width: 100%; max-width: 30px } .widget .is-divider { margin-top: .66em } .dark .is-divider { background-color: rgba(255, 255, 255, 0.3) } form { margin-bottom: 0 } input[type='email'], input[type='date'], input[type='search'], input[type='number'], input[type='text'], input[type='tel'], input[type='url'], input[type='password'], textarea, select, .select2-container .select2-choice, .select2-container .select2-selection { box-sizing: border-box; border: 1px solid #ddd; padding: 0 .75em; height: 2.507em; font-size: .97em; border-radius: 0; max-width: 100%; width: 100%; vertical-align: middle; background-color: #fff; color: #333; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); transition: color .3s, border .3s, background .3s, opacity .3s } input[type='email'], input[type='search'], input[type='number'], input[type='url'], input[type='tel'], input[type='text'], textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none } textarea { padding-top: 0.7em; min-height: 120px } input[type='email']:focus, input[type='search']:focus, input[type='number']:focus, input[type='tel']:focus, input[type='text']:focus, input[type='password']:focus, textarea:focus, select:focus { box-shadow: 0 0 5px #ccc; opacity: 1 !important; outline: 0; color: #333; background-color: #fff } label, legend { font-weight: bold; display: block; font-size: .9em; margin-bottom: 0.4em } legend { width: 100%; font-size: 1em; text-transform: uppercase; font-weight: bold; border-bottom: 1px solid #f1f1f1; padding-bottom: 10px; margin: 30px 0 15px } fieldset { border-width: 0; padding: 0 } input[type='checkbox'], input[type='radio'] { display: inline; margin-right: 10px; /*font-size: 16px*/ } label>.label-body { display: inline-block; font-weight: normal; margin-left: .5em } abbr[title="required"] { color: #b20000 } input[type='checkbox']+label, input[type='radio']+label { display: inline } select, .select2-container .select2-choice, .select2-container .select2-selection { box-shadow: inset 0 -1.4em 1em 0 rgba(0, 0, 0, 0.02); background-color: unset!important; -webkit-appearance: none; -moz-appearance: none; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAHCAYAAAD9NeaIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiIHhtcDpDcmVhdGVEYXRlPSIyMDE1LTA0LTE3VDE3OjEyOjQyKzAyOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxNS0wNC0yMFQxNzoxNjoyNCswMjowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxNS0wNC0yMFQxNzoxNjoyNCswMjowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTU4MjBDRURERjVCMTFFNEEzN0FCODBEM0I5MTExMjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTU4MjBDRUVERjVCMTFFNEEzN0FCODBEM0I5MTExMjkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2RUVFRDJCNkREQzMxMUU0QTM3QUI4MEQzQjkxMTEyOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFNTgyMENFQ0RGNUIxMUU0QTM3QUI4MEQzQjkxMTEyOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuShL/sAAABeSURBVHjaYszOzjZnYGDYCcT8DMSBv0AcP2XKlKVEqmdgAuKTQOwOxB+JtQCIibYAZgkDkRaRZQGyJYQsItsCdEtwWUSRBdgsQbeIYgtAgAWHOMwiJSBezkAhAAgwAJSTG/DI0S9VAAAAAElFTkSuQmCC"); background-position: 100% 50%; background-repeat: no-repeat; background-size: auto 15%; border-radius: 0; display: block } .select2-container .select2-selection, .select2-container .select2-choice { background-image: none } select[multiple="multiple"] { padding: 10px; height: auto; max-height: 200px; background-image: none !important } input:hover, textarea:hover, select:hover { box-shadow: inset 0 -1.8em 1em 0 transparent } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { select::-ms-expand { display: none } select:focus::-ms-value { background: transparent; color: currentColor } } @-moz-document url-prefix() { select { background-image: none } } select::-moz-focusring { color: transparent; text-shadow: 0 0 0 #000000 } .form-flat input:not([type="submit"]), .form-flat textarea, .form-flat select { background-color: rgba(0, 0, 0, 0.03); box-shadow: none; border-color: rgba(0, 0, 0, 0.09); background-position: 99% 50%; color: currentColor !important; border-radius: 99px } .form-flat button, .form-flat input { border-radius: 99px } .form-flat textarea { border-radius: 15px } .form-flat .flex-row .flex-col, .flex-row.form-flat .flex-col { padding-right: 4px } .dark .form-flat input:not([type="submit"]), .dark .form-flat textarea, .dark .form-flat select, .nav-dark .form-flat input:not([type="submit"]), .nav-dark .form-flat textarea, .nav-dark .form-flat select { background-color: rgba(255, 255, 255, 0.2) !important; border-color: rgba(255, 255, 255, 0.09); color: #FFF } .dark .form-flat select option { color: #333 } .nav-dark .form-flat select, .dark .form-flat select { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAHCAYAAAD9NeaIAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAAPElEQVQoz2P4//+/+f///z/8Jx78+f//fzQDqYAEi8izgASLKLOACIuoYwEei6hrARaLaGMBmkWR1DALABoD1L/iJ9oFAAAAAElFTkSuQmCC") } .nav-dark .form-flat input::-webkit-input-placeholder, .dark .form-flat input::-webkit-input-placeholder { color: #FFF } .form-flat .button.icon { color: currentColor !important; border-color: transparent !important; background-color: transparent !important; box-shadow: none } input.wpcf7-not-valid, .woocommerce-invalid input { border-color: #b20000; color: #b20000 } .select2-container .select2-choice>.select2-chosen, .select2-container .select2-selection--single .select2-selection__rendered, .select2-selection { padding: 0; line-height: 2.507em } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 2.507em } .icon-box .icon-box-img { margin-bottom: 1em; max-width: 100%; position: relative } .slider>.icon-box, .flickity-slider>.icon-box { padding-right: 3% !important; padding-left: 3% !important } .icon-box-img svg, .icon-box-img img { padding-top: .2em; width: 100% } .icon-box-img svg { width: 100%; height: 100%; transition: all .3s; fill: currentColor } .icon-box-img svg path { fill: currentColor } .icon-box:hover .has-icon-bg svg path, .icon-box:hover .has-icon-bg svg, .icon-box:hover .has-icon-bg i { fill: #fff } .has-icon-bg .icon { padding-top: 100%; height: 0; overflow: hidden; position: relative } .has-icon-bg .icon .icon-inner { color: #446084; position: absolute; height: 100%; width: 100%; top: 0; border: 2px solid currentColor; border-radius: 100%; transition: all .3s } .icon-box:hover .has-icon-bg .icon .icon-inner { background-color: currentColor } .has-icon-bg .icon svg, .has-icon-bg .icon i, .has-icon-bg .icon img { position: absolute; left: 0; object-fit: cover; padding: 0; top: 50%; margin: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 60%; margin-left: 20%; margin-right: 20% } .icon-box-left .has-icon-bg .icon { position: absolute; width: 100% } .icon-box-left, .icon-box-right { -js-display: flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; width: 100% } .icon-box-left .icon-box-img, .icon-box-right .icon-box-img { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-bottom: 0; max-width: 200px } .icon-box-left .icon-box-text, .icon-box-right .icon-box-text { -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px } .icon-box-right .icon-box-text { -webkit-order: -1; -ms-flex-order: -1; order: -1 } .icon-box-left .icon-box-img+.icon-box-text { padding-left: 1em } .icon-box-right .icon-box-img+.icon-box-text { padding-right: 1em } .icon-box-center .icon-box-img { margin: 0 auto 1em } .lazy-icons i[class^="icon-"] { visibility: hidden } .links>li>a:before, i[class^="icon-"], i[class*=" icon-"] { font-family: 'fl-icons' !important; speak: none !important; margin: 0; padding: 0; display: inline-block; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; position: relative; line-height: 1.2 } .widget-title i { opacity: .35; margin-right: 4px } button i, .button i { vertical-align: middle; top: -1.5px } .button.open-video i { top: -.027em } a.remove, a.icon-remove { display: block; width: 24px; height: 24px; font-size: 15px !important; line-height: 19px !important; border-radius: 100%; color: #ccc; font-weight: bold; text-align: center; border: 2px solid currentColor } button.icon:not(.button), a.icon:not(.button) { font-family: sans-serif; margin-left: .25em; margin-right: .25em; font-size: 1.2em } .header a.icon:not(.button) { margin-left: .3em; margin-right: .3em } .header .nav-small a.icon:not(.button) { font-size: 1em } .button.icon { margin-left: .12em; margin-right: .12em; min-width: 2.5em; padding-left: .6em; padding-right: .6em; display: inline-block } .button.icon i { font-size: 1.2em } .button.icon i+span { padding-right: .5em } .button.icon.is-small { border-width: 1px } .button.icon.is-small i { top: -1px } .button.icon.circle { padding-left: 0; padding-right: 0 } .button.icon.circle>span { margin: 0 8px } .button.icon.circle>span+i { margin-left: -4px } .button.icon.circle>i { margin: 0 8px } .button.icon.circle>i+span { margin-left: -4px } .button.icon.circle>i:only-child { margin: 0 } .nav>li>a>i { vertical-align: middle; transition: color .3s; font-size: 20px } .nav>li>a>i+span { margin-left: 5px } .nav>li.has-icon-left>a>i { margin-right: 5px } .nav>li>a>span+i { margin-left: 5px } .nav-small>li>a>i { font-size: 1em } .nav>li>a>i.icon-search { font-size: 1.2em } .nav>li>a>i.icon-menu { font-size: 1.9em } .nav>li.has-icon>a>i { min-width: 1em } .nav-vertical>li>a>i { font-size: 16px; opacity: .6; top: -2px } .header-button a.icon:not(.button) { display: inline-block; padding: 6px 0 } .header-button a.icon:not(.button) i { font-size: 24px } .header-button a.icon:not(.button) i.icon-search { font-size: 16px } .nav-small .header-button a.icon:not(.button) { padding: 3px 0 } .button:not(.icon)>i { margin-left: -.15em; margin-right: .4em } .button:not(.icon)>span+i { margin-right: -.15em; margin-left: .4em } .has-dropdown .icon-angle-down { font-size: 16px; margin-left: .2em; opacity: .6 } .overlay-icon { background-color: rgba(0, 0, 0, 0.2); width: 3em; color: #fff; height: 3em; line-height: 2.8em; border-radius: 100%; text-align: center; border: 2px solid #FFF; opacity: .8; transition: opacity .2s, -webkit-transform .2s; transition: transform .2s, opacity .2s; transition: transform .2s, opacity .2s, -webkit-transform .2s } .overlay-icon i { font-size: 1.3em; transition: color .3s; top: 3px } .has-hover:hover .overlay-icon { opacity: 1; -webkit-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15) } .box-shade .overlay-icon, .box-overlay .overlay-icon { opacity: 0 } .image-icon { display: inline-block; height: auto; vertical-align: middle; position: relative } span+.image-icon { margin-left: 10px } .image-icon img { max-width: 32px; min-width: 100% } .nav-small .image-icon { width: 16px; height: 16px; margin: 0 5px } .nav-small .image-icon img { vertical-align: top } [data-icon-label] { position: relative } [data-icon-label="0"]:after { display: none } [data-icon-label]:after { content: attr(data-icon-label); position: absolute; font-style: normal; font-family: Arial, Sans-serif !important; top: -10px; right: -10px; font-weight: bolder; background-color: #d26e4b; box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.3); font-size: 11px; padding-left: 2px; padding-right: 2px; opacity: .9; line-height: 17px; letter-spacing: -.5px; height: 17px; min-width: 17px; border-radius: 99px; color: #fff; text-align: center; z-index: 1; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s } .nav-small [data-icon-label]:after { min-width: 13px; top: -4px; right: -10px; height: 13px; font-size: 10px; line-height: 13px } .button [data-icon-label]:after { top: -12px; right: -12px } .reveal-icon i { width: 1em } .reveal-icon i, .reveal-icon span { display: inline-block; transition: opacity .3s, -webkit-transform .3s; transition: opacity .3s, transform .3s; transition: opacity .3s, transform .3s, -webkit-transform .3s } .reveal-icon span { -webkit-transform: translateX(0.75em); -ms-transform: translateX(0.75em); transform: translateX(0.75em) } .reveal-icon i+span { -webkit-transform: translateX(-0.75em); -ms-transform: translateX(-0.75em); transform: translateX(-0.75em) } .reveal-icon:hover>span { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } .reveal-icon:not(:hover) i { opacity: 0 } img { transition: opacity 1s; opacity: 1 } .col-inner>.img:not(:last-child), .col>.img:not(:last-child) { margin-bottom: 1em } .img { position: relative } .img .img-inner { position: relative; overflow: hidden } .img, .img img { width: 100% } .overlay { position: absolute; top: 0; bottom: 0; height: 100%; left: -1px; right: -1px; background-color: rgba(0, 0, 0, 0.15); transition: opacity .6s, -webkit-transform .3s; transition: transform .3s, opacity .6s; transition: transform .3s, opacity .6s, -webkit-transform .3s; pointer-events: none } .img .caption { position: absolute; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); max-height: 100% !important; overflow-y: auto; bottom: 0; padding: 4px 10px; font-size: 14px; color: #FFF; width: 100%; background-color: rgba(0, 0, 0, 0.3) } .img .caption-show, .img:hover .caption { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } img[data-lazy-srcset]:not(.lazyloaded), .lazy-load { height: 0; padding-top: 33%; opacity: .3 } .lazy-load.hide-for-small { opacity: 0 } .product-gallery img.lazy-load, .product-small img.lazy-load, .product-small img[data-lazy-srcset]:not(.lazyloaded) { background-color: rgba(68, 96, 132, 0.1); padding-top: 100% } .has-format, .video-fit, .image-cover { position: relative; height: auto; overflow: hidden; padding-top: 100%; background-position: 50% 50%; background-size: cover } .video-fit { padding-top: 56.5% } .video-fit video, .video-fit iframe, img.back-image, .image-cover img, .has-format img { right: 0; width: 100%; height: 100%; bottom: 0; left: 0; top: 0; position: absolute; object-position: 50% 50%; object-fit: cover; font-family: 'object-fit: cover;' } .video-fit iframe { object-fit: fill } .image-tools { padding: 10px; position: absolute } .image-tools a:last-child { margin-bottom: 0 } .image-tools a.button { display: block } .image-tools.bottom.left { padding-top: 0; padding-right: 0 } .image-tools.top.right { padding-bottom: 0; padding-left: 0 } .image-tools .cart-icon { position: absolute; left: 10px; margin: 5px; bottom: 100% } .image-tools .wishlist-button:hover { background-color: #b20000; border-color: #b20000 } @media only screen and (max-device-width: 1024px) { .image-tools { opacity: 1 !important; padding: 5px } } .overlay-tools { margin-top: 10px } .overlay-tools a { display: inline-block; font-size: .8em; background-color: rgba(0, 0, 0, 0.4); padding: 2px 10px 3px; margin-right: 5px; border-radius: 99px; text-shadow: none; transition: all .3s } .overlay-tools a:hover { background-color: #FFF; color: #000 !important } .tag-label { text-transform: uppercase; display: inline-block; font-size: .65em; line-height: 1; letter-spacing: 1.1; font-weight: bold; border-radius: 2px; padding: 2px 5px; color: #fff; background-color: rgba(0, 0, 0, 0.4); transition: background-color .3s, opacity .3s } .has-hover:hover .tag-label { opacity: 1; background-color: #d26e4b } .lightbox-content { background-color: #fff; max-width: 875px; margin: 0 auto; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.15); position: relative } .lightbox-content .lightbox-inner { padding: 30px 20px } .pswp__bg { background-color: rgba(0, 0, 0, 0.6) } @media (min-width: 549px) { .pswp__top-bar { background-color: transparent !important } } .pswp__item { transition: opacity .5s; opacity: 0 } .pswp--visible .pswp__item { opacity: 1 } .pswp__caption__center { text-align: center } .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0; transition: opacity .25s } .mfp-bg.mfp-ready { opacity: .6 } .mfp-bg.mfp-removing { opacity: 0 !important } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 30px; box-sizing: border-box } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle } .mfp-image-holder { padding: 40px 6.66% } .mfp-align-top .mfp-container:before { display: none } .mfp-content { position: relative; display: inline-block; vertical-align: middle; max-width: 100%; margin: 0 auto; text-align: left; z-index: 1045; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); opacity: 0; transition: opacity .3s, -webkit-transform .5s; transition: transform .5s, opacity .3s; transition: transform .5s, opacity .3s, -webkit-transform .5s } .mfp-content-inner { box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.2) } .mfp-ready .mfp-content { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .mfp-ready.mfp-removing .mfp-content { opacity: 0 } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto } .mfp-ajax-cur { cursor: progress } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -webkit-zoom-out; cursor: zoom-out } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: zoom-in } .mfp-auto-cursor .mfp-content { cursor: auto } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .mfp-loading.mfp-figure { display: none } .mfp-hide { display: none !important } .mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -.8em; left: 8px; right: 8px; z-index: 1044 } .mfp-preloader a { color: #cccccc } .mfp-preloader a:hover { color: white } .mfp-s-ready .mfp-preloader { display: none } .mfp-s-error .mfp-content { display: none } .mfp-close { cursor: pointer; outline: none; z-index: 1046; box-shadow: none; position: fixed; top: 0; right: 0; text-decoration: none; text-align: center; opacity: 0; padding: 0; mix-blend-mode: difference; margin: 0 !important; color: #fff; font-style: normal; font-weight: 300; font-size: 40px; min-height: 0; width: 40px; -webkit-backface-visibility: hidden; height: 40px; line-height: 40px; font-family: Arial, monospace; transition: opacity .3s, -webkit-transform .3s; transition: opacity .3s, transform .3s; transition: opacity .3s, transform .3s, -webkit-transform .3s; -webkit-transform: translateY(50%) translateZ(1px); transform: translateY(50%) translateZ(1px) } .mfp-content .mfp-close { position: absolute } .mfp-ready .mfp-close { opacity: .5; -webkit-transform: translateY(0) translateZ(1px); transform: translateY(0) translateZ(1px) } .mfp-removing .mfp-close { display: none !important } .mfp-close:hover { opacity: 1 } .mfp-close-btn-in .mfp-close { top: 0 !important; color: currentColor } .mfp-counter { position: absolute; top: 0; right: 0; color: #cccccc; font-size: 12px; line-height: 18px } .mfp-arrow { position: fixed; opacity: .6; color: #fff; mix-blend-mode: difference; top: 50%; z-index: 1046; margin: 0; text-align: center; width: 50px; height: 50px } .mfp-arrow i { pointer-events: none; font-size: 42px !important } .mfp-arrow:hover { opacity: 1 } .mfp-arrow:active { top: 50.1% } .mfp-arrow-left { left: 0; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%) } .mfp-arrow-right { right: 0; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%) } .mfp-ready .mfp-arrow-right, .mfp-ready .mfp-arrow-left { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px } .mfp-iframe-holder .mfp-close { top: -40px } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25% } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black } img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; -webkit-backface-visibility: hidden; backface-visibility: hidden; line-height: 0; padding: 0 0 40px; margin: 0 auto } .mfp-figure { line-height: 0 } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444444 } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px } .mfp-figure figure { margin: 0 } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto } .mfp-title { font-size: 11px; text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px } .mfp-image-holder .mfp-content { max-width: 100% } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0 } .mfp-img-mobile img.mfp-img { padding: 0 } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0 } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0 } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px } } .processing, .loading-spin { position: relative } .processing:before, .loading-spin { content: ''; margin: 0px auto; font-size: 10px; text-indent: -9999em; border-top: 3px solid rgba(0, 0, 0, 0.1) !important; border-right: 3px solid rgba(0, 0, 0, 0.1) !important; border-bottom: 3px solid rgba(0, 0, 0, 0.1) !important; opacity: .8; border-left: 3px solid #446084; -webkit-animation: spin .6s infinite linear; animation: spin .6s infinite linear; border-radius: 50%; width: 30px; height: 30px; pointer-events: none } .box-image.processing:before, .dark .processing:before, .dark.processing:before, .dark.loading-spin, .dark .loading-spin { border-top: 3px solid rgba(0, 0, 0, 0.1) !important; border-right: 3px solid rgba(0, 0, 0, 0.1) !important; border-bottom: 3px solid rgba(0, 0, 0, 0.1) !important; border-left: 3px solid #fff !important } .box-image.processing:after { content: ""; background-color: #000; opacity: .1; position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .box-image.processing .image-tools { opacity: 0 !important } .woocommerce-checkout.processing:before { position: fixed } .processing:before, .loading-spin.centered { position: absolute; top: 50%; left: 50%; margin-left: -15px; margin-top: -15px; z-index: 99 } .loading-spin { border-radius: 50%; width: 30px; height: 30px } .button.loading { opacity: 1 !important; position: relative; color: rgba(255, 255, 255, 0.05); pointer-events: none !important } .button.loading:after { -webkit-animation: spin 500ms infinite linear; animation: spin 500ms infinite linear; border: 2px solid #fff; border-radius: 32px; border-right-color: transparent !important; border-top-color: transparent !important; content: ""; display: block; height: 16px; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; position: absolute; width: 16px } .is-outline .button.loading:after { border-color: #446084 } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } .off-canvas .mfp-content { -ms-scrollbar-base-color: #000; -ms-scrollbar-arrow-color: #000; -ms-overflow-style: -ms-autohiding-scrollbar } .off-canvas .nav-vertical>li>a { padding-top: 15px; padding-bottom: 15px } .off-canvas .nav-vertical li li>a { padding-top: 5px; padding-bottom: 5px } .off-canvas .hide-for-off-canvas { display: none !important } .off-canvas .hide-for-small, .off-canvas .hide-for-medium { display: inline-block !important } .off-canvas-right .mfp-content, .off-canvas-left .mfp-content { position: fixed; top: 0; bottom: 0; width: 260px; background-color: rgba(255, 255, 255, 0.95); left: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; -webkit-transform: translateX(-270px); -ms-transform: translateX(-270px); transform: translateX(-270px); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5) } .off-canvas-right.dark .mfp-content, .off-canvas-left.dark .mfp-content { background-color: rgba(0, 0, 0, 0.95) } .off-canvas-right .mfp-content { left: auto; right: 0; -webkit-transform: translateX(270px); -ms-transform: translateX(270px); transform: translateX(270px) } .off-canvas-center .nav-vertical>li>a { font-size: 1.5em } .off-canvas-center .mfp-container { padding: 0 } .off-canvas-center .mfp-content { padding-top: 50px; max-width: 700px; overflow-y: auto; -webkit-overflow-scrolling: touch } .off-canvas-center .mfp-content .searchform { max-width: 260px; margin: 0 auto } .off-canvas-center.mfp-bg.mfp-ready { opacity: .85 } .mfp-bg.off-canvas-center:not(.dark) { background-color: #fff; opacity: .95 } .off-canvas-center .nav-sidebar.nav-vertical>li { border: 0 } .off-canvas-center .nav-sidebar.nav-vertical>li>a { padding-right: 30px; padding-left: 30px } .off-canvas-center .nav-sidebar.nav-vertical>li .toggle { position: absolute; top: 15px; right: 0 } .off-canvas-center:not(.dark) .mfp-close { color: currentColor } .off-canvas.mfp-removing .mfp-content { opacity: 0 !important } .off-canvas-left.mfp-ready .mfp-content, .off-canvas-right.mfp-ready .mfp-content { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); opacity: 1 } .has-off-canvas .off-canvas-blur { -webkit-filter: blur(5px); filter: blur(5px) } .has-off-canvas .off-canvas-zoom { -webkit-transform: scale(0.98); -ms-transform: scale(0.98); transform: scale(0.98) } .has-off-canvas .current-lightbox-clicked { opacity: 0 !important; -webkit-transform: translateY(-7px); -ms-transform: translateY(-7px); transform: translateY(-7px) } .has-off-canvas.has-off-canvas-right .current-lightbox-clicked, .has-off-canvas.has-off-canvas-left .current-lightbox-clicked { -webkit-transform: translateX(-7px); -ms-transform: translateX(-7px); transform: translateX(-7px) } .off-canvas .sidebar-menu { padding: 30px 0 } .off-canvas .sidebar-inner { padding: 30px 20px } .off-canvas:not(.off-canvas-center) .nav-vertical li>a { padding-left: 20px } .off-canvas:not(.off-canvas-center) li.html { padding: 20px } .slider-wrapper { position: relative } .slider>.img, .flickity-slider>.img, .slider-wrapper:last-child { margin-bottom: 0 } .slider, .row-slider { position: relative } .slider-full .flickity-slider>.col { padding: 0 !important } .slider-load-first { transition: max-height 2s; max-height: 999px } .slider-load-first:not(.flickity-enabled) { max-height: 500px } .slider-load-first:not(.flickity-enabled)>div { opacity: 0 } .slider:not(.flickity-enabled) { white-space: nowrap; overflow-y: hidden; overflow-x: scroll; width: auto; -ms-overflow-style: -ms-autohiding-scrollbar } .row-slider::-webkit-scrollbar, .slider::-webkit-scrollbar { width: 0px !important; height: 0px !important } .row-slider:not(.flickity-enabled) { display: block !important } .slider:not(.flickity-enabled)>* { display: inline-block !important; white-space: normal !important; vertical-align: top } .slider:not(.flickity-enabled)>a { width: 100% } .slider>div:not(.col), .slider>a, .slider>p, .slider>a>img, .slider>img { width: 100% } .flickity-slider>div:not(.col), .flickity-slider>a, .flickity-slider>p, .flickity-slider>a>img, .flickity-slider>img, .flickity-slider>figure { width: 100% !important; padding: 0; margin: 0; transition: opacity .6s, box-shadow 0.6s, -webkit-transform .6s; transition: transform .6s, opacity .6s, box-shadow 0.6s; transition: transform .6s, opacity .6s, box-shadow 0.6s, -webkit-transform .6s } .flickity-slider>.row:not(.is-selected) { opacity: 0 } .flickity-enabled { position: relative } .flickity-enabled:focus { outline: none } .flickity-viewport { overflow: hidden; position: relative; height: 100%; width: 100% } .flickity-slider { position: absolute; width: 100%; height: 100% } .slider-has-parallax .bg { transition: opacity 0.3s !important } .is-dragging .flickity-viewport .flickity-slider { pointer-events: none } .flickity-enabled.is-draggable { -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab } .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; cursor: grabbing } .flickity-prev-next-button { position: absolute; top: 40%; bottom: 40%; background-color: transparent; margin: 0; padding: 0; width: 36px; color: #111; border: none; cursor: pointer; opacity: 0; transition: opacity .3s, background .3s, box-shadow .3s, -webkit-transform .3s; transition: transform .3s, opacity .3s, background .3s, box-shadow .3s; transition: transform .3s, opacity .3s, background .3s, box-shadow .3s, -webkit-transform .3s } .flickity-prev-next-button.next { -webkit-transform: translateX(-20%); -ms-transform: translateX(-20%); transform: translateX(-20%); right: 2% } .flickity-prev-next-button.previous { -webkit-transform: translateX(20%); -ms-transform: translateX(20%); transform: translateX(20%); left: 2% } .slider-show-nav .flickity-prev-next-button, .slider:hover .flickity-prev-next-button { opacity: 0.7; -webkit-transform: translateX(0) !important; -ms-transform: translateX(0) !important; transform: translateX(0) !important } .slider .flickity-prev-next-button:hover { box-shadow: none; opacity: 1 } .slider .flickity-prev-next-button:hover svg, .slider .flickity-prev-next-button:hover .arrow { fill: #446084 } @media (min-width: 850px) { .slider-nav-outside .flickity-prev-next-button.next { right: auto; left: 100% } .slider-nav-outside .flickity-prev-next-button.previous { left: auto; right: 100% } } .flickity-prev-next-button:disabled, button.flickity-prev-next-button[disabled] { opacity: 0 !important; background: none !important; cursor: auto; box-shadow: none !important; pointer-events: none } .flickity-prev-next-button svg { position: absolute; padding: 5px; left: 50%; top: 50%; width: 100%; max-width: 100%; padding: 20%; max-height: 100%; height: auto; transition: all 0.3s; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .slider-nav-push:not(.slider-nav-simple) .flickity-prev-next-button svg { margin-top: -40px } .flickity-prev-next-button svg, .flickity-prev-next-button .arrow { border-color: currentColor; fill: currentColor; transition: all 0.3s } .slider-auto-height, .animate-height { transition: height .2s } .flickity-prev-next-button.no-svg { color: #111; font-size: 26px } .slider-no-arrows .flickity-prev-next-button { display: none !important } .flickity-page-dots { position: absolute; bottom: 15px; left: 20%; right: 20%; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 1 } .slider-nav-outside .flickity-page-dots, .row-slider .flickity-page-dots { bottom: 0 } .flickity-rtl .flickity-page-dots { direction: rtl } .flickity-page-dots .dot { display: inline-block; width: 12px; height: 12px; margin: 0 5px; border: 3px solid #111; border-radius: 50%; opacity: 0.4; cursor: pointer; transition: opacity .3s } .nav-dots-small .flickity-page-dots .dot, .row-slider .flickity-page-dots .dot { opacity: 0.2; width: 10px; height: 10px; border: 0; background-color: #111 } .flickity-page-dots .dot:hover { opacity: 0.7 } .flickity-page-dots .dot.is-selected { background-color: #111; opacity: 1 !important } .slider-nav-circle .flickity-prev-next-button svg, .slider-nav-circle .flickity-prev-next-button .arrow { border-radius: 100%; border: 2px solid currentColor } .slider-nav-circle .flickity-prev-next-button:hover svg, .slider-nav-circle .flickity-prev-next-button:hover .arrow { background-color: #446084; border-color: #446084; fill: #fff !important } .slider-nav-outside.slider-nav-circle .next { -webkit-transform: translateX(-50%) !important; -ms-transform: translateX(-50%) !important; transform: translateX(-50%) !important } .slider-nav-outside.slider-nav-circle .previous { -webkit-transform: translateX(50%) !important; -ms-transform: translateX(50%) !important; transform: translateX(50%) !important } .slider-nav-reveal { padding-top: 0; overflow: hidden } .slider-nav-reveal .flickity-prev-next-button:hover, .slider-nav-reveal .flickity-prev-next-button { width: 30px; top: -2px; bottom: 0; height: 100%; background-color: #fff; box-shadow: 0 -150px 15px 0 rgba(0, 0, 0, 0.3); margin: 0 !important } .dark .slider-nav-reveal .flickity-prev-next-button { border-radius: 99px; background-color: rgba(0, 0, 0, 0.3); color: #FFF } .slider-nav-reveal .flickity-prev-next-button.next { -webkit-transform: translateX(10%); -ms-transform: translateX(10%); transform: translateX(10%); left: auto !important; right: -1px !important } .slider-nav-reveal .flickity-prev-next-button.previous { -webkit-transform: translateX(-10%); -ms-transform: translateX(-10%); transform: translateX(-10%); transform: translateX(-10%); right: auto !important; left: -1px !important } .slider-nav-light .flickity-prev-next-button { color: #fff } .slider-nav-light .flickity-prev-next-button svg, .slider-nav-light .flickity-prev-next-button .arrow { fill: #fff } .slider-nav-light .flickity-page-dots .dot { border-color: #fff } .slider-nav-light .flickity-page-dots .dot.is-selected { background-color: #fff } .slider-style-container .flickity-slider>*, .slider-style-shadow .flickity-slider>*, .slider-style-focus .flickity-slider>* { max-width: 1080px; margin: 0 auto } .slider-style-container:not(.flickity-enabled) .ux_banner, .slider-style-shadow:not(.flickity-enabled) .ux_banner, .slider-style-focus:not(.flickity-enabled) .ux_banner { opacity: 0 !important } .slider-style-container .ux_banner, .slider-style-shadow .ux_banner, .slider-style-focus .ux_banner { opacity: 1 } .slider-style-container .flickity-slider>*:not(.is-selected), .slider-style-shadow .flickity-slider>*:not(.is-selected), .slider-style-focus .flickity-slider>*:not(.is-selected) { opacity: 0.5 } .slider-style-shadow { padding: 15px 0 25px } .slider-style-shadow .flickity-slider>*:before { content: ""; position: absolute; bottom: -6px; height: 100px; left: -10%; right: -10%; background-size: 100% 100%; z-index: -2; background-image: url("../img/shadow@2x.png") } .slider-style-shadow .flickity-slider>*:not(.is-selected) { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); z-index: -1; opacity: 1 } .slider-style-shadow .flickity-slider>*:not(.is-selected):before { height: 200px; opacity: .5 } .slider-style-shadow .flickity-slider>.is-selected { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95) } .slider-style-focus { background-color: transparent; padding: 30px 0 } .slider-style-focus .flickity-page-dots { bottom: 6px } .slider-style-focus .flickity-slider>* { max-width: 1050px } .slider-style-focus .flickity-slider>*:not(.is-selected) { -webkit-transform: scale(0.93); -ms-transform: scale(0.93); transform: scale(0.93) } @media screen and (max-width: 549px) { .slider-wrapper .flickity-prev-next-button { display: none } .row-slider .flickity-prev-next-button { width: 20px !important; opacity: 0.8; background-color: transparent !important; box-shadow: none !important; -webkit-transform: translateX(0) !important; -ms-transform: translateX(0) !important; transform: translateX(0) !important } .row-slider .flickity-prev-next-button svg { padding: 3px !important; border: 0 !important } .flickity-page-dots { pointer-events: none } } table { width: 100%; margin-bottom: 1em; border-color: #ececec; border-spacing: 0 } th, td { padding: .5em; text-align: left; border-bottom: 1px solid #ececec; line-height: 1.3; font-size: .9em } td { color: #888 } th:first-child, td:first-child { padding-left: 0 } th:last-child, td:last-child { padding-right: 0 } .dark th, .dark td { border-color: rgba(255, 255, 255, 0.08) } td label, td .label, td input, td select, td form, td dl, td p { margin: .5em 0 } label { color: #222 } .table { display: table } .table-cell { display: table-cell; vertical-align: middle } @media (max-width: 849px) { .touch-scroll-table { width: calc(100% + 30px); padding: 15px; position: relative; overflow-y: hidden; margin-left: -15px; overflow-x: scroll; box-shadow: inset -2px 0px 18px -5px rgba(0, 0, 0, 0.5) } .touch-scroll-table table { width: 100% } } .text-box { max-height: 100% } .text-box .text { position: relative; z-index: 10; backface-visbility: hidden } .text-box-square .text, .text-box-circle .text { height: 0; padding: 100% 0 0 0 !important; background-color: rgba(0, 0, 0, 0.9) } .text-box-square .text-inner, .text-box-circle .text-inner { position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .text-box-circle .border, .text-box-circle .text { border-radius: 100% !important } a { color: #334862; text-decoration: none } a:focus, .button:focus, button:focus, input:focus { outline: none } a.plain { color: currentColor; transition: color .3s, opacity .3s, -webkit-transform .3s; transition: color .3s, opacity .3s, transform .3s; transition: color .3s, opacity .3s, transform .3s, -webkit-transform .3s } .nav-dark a.plain:hover { opacity: .7 } a:hover, a.remove:hover, a.icon-circle:hover { color: #000 } .dark a, .dark .widget a { color: currentColor } .dark a:hover, .dark .widget a:hover { color: #fff } ul.links { margin: 5px 0; font-size: .85em } ul.links li { margin: 0 .4em; display: inline-block } ul.links li a { color: currentColor } ul.links li:before { font-family: 'fl-icons'; display: inline-block; margin-right: 5px } ul.links li:first-child { margin-left: 0 } ul.links li:last-child { margin-right: 0 } .next-prev-nav .flex-col { padding: .7em 0 } .next-prev-nav i { font-size: 2em; margin: 0 10px !important; top: -1px; vertical-align: middle } .next-prev-nav .flex-col+.flex-col { border-left: 1px solid #ececec } ul { list-style: disc } ol { list-style: decimal } ol, ul { margin-top: 0; padding: 0 } ul ul, ul ol, ol ol, ol ul { margin: 1.5em 0 1.5em 3em } li { margin-bottom: .6em } dl dt, dl dd { display: inline-block; margin: 0 5px 0 0 } dl dt p, dl dd p { margin: 0; padding: 0 } dl { opacity: 0.8; text-transform: uppercase; font-size: 0.85em } ul.ul-reset { margin: 0; padding: 0 } ul.ul-reset>li { margin: 0; padding: 0; list-style: none } .entry-content ol li, .entry-summary ol li, .entry-content ul li, .entry-summary ul li, .col-inner ul li { margin-left: 1.3em } ul li.bullet-checkmark, ul li.bullet-arrow, ul li.bullet-star { list-style: none; position: relative; padding: 7px 0px 7px 25px; margin: 0; border-bottom: 1px solid #ececec } .dark ul li.bullet-checkmark, .dark ul li.bullet-arrow, .dark ul li.bullet-star { border-color: rgba(255, 255, 255, 0.2) } ul li.bullet-checkmark:before, ul li.bullet-arrow:before, ul li.bullet-star:before { font-family: 'fl-icons'; left: 0; position: absolute; font-size: 16px; color: #7a9c59 } ul li.bullet-checkmark:before { content: "\e00a" !important } ul li.bullet-arrow:before { content: "\f105" !important } ul li.bullet-star:before { content: "\e005" !important } .button, button, input, textarea, select, fieldset { margin-bottom: 1em } pre, blockquote, form, figure, p, dl, ul, ol { margin-bottom: 0.5em } form p { margin-bottom: .5em } body { line-height: 1.6 } h1, h2, h3, h4, h5, h6 { color: #555; width: 100%; margin-top: 0; margin-bottom: .5em; text-rendering: optimizeSpeed } .h1, h1 { font-size: 1.7em; line-height: 1.3 } .h2, h2 { font-size: 1.6em; line-height: 1.3 } .h3, h3 { font-size: 1.25em } .h4, h4 { font-size: 1.125em } .h5, h5 { font-size: 1em } .h6, h6 { font-size: .85em; opacity: .8 } h1.entry-title.mb { margin-bottom: 30px } @media (max-width: 549px) { h1 { font-size: 1.4em } h2 { font-size: 1.2em } h3 { font-size: 1em } } h6 span { font-weight: normal; font-weight: 500 } h3 label { display: inline-block; margin-right: 10px } p { margin-top: 0 } h1>span, h2>span, h3>span, h4>span, h5>span, h6>span, p.headline>span { -webkit-box-decoration-break: clone; box-decoration-break: clone } p.lead, a.lead { font-size: 1.3em } .uppercase, h6, th, span.widget-title { line-height: 1.05; letter-spacing: .05em; text-transform: uppercase } .lowercase { text-transform: none !important } span.widget-title { font-size: 1em; font-weight: 600 } .is-normal { font-weight: normal } .is-bold { font-weight: bold } .thin-font, .is-thin { font-weight: 300 !important } .thin-font strong, .is-thin strong { font-weight: 700 !important } .is-italic { font-style: italic !important } .is-uppercase, .uppercase { line-height: 1.2; text-transform: uppercase } .is-alt-font, .alt-font { font-family: Georgia } .is-xxxlarge { font-size: 2.5em } .is-xxlarge { font-size: 2em } .is-xlarge { font-size: 1.5em } .is-larger { font-size: 1.3em } .is-large { font-size: 1.15em } .is-small, .is-small.button { font-size: .8em } .is-smaller { font-size: .75em } .is-xsmall { font-size: .7em } .is-xxsmall { font-size: .6em } @media (max-width: 549px) { .is-xxlarge { font-size: 2.5em } .is-xlarge { font-size: 1.8em } .is-larger { font-size: 1.2em } .is-large { font-size: 1em } } .box-text h1, .box-text h2, .box-text h3, .box-text h4, .box-text h5, .box-text h6, .box-text a:not(.button) { line-height: 1.3; margin-top: .1em; margin-bottom: .1em } .box-text p { margin-top: .1em; margin-bottom: .1em } .box-text .button { margin-top: 1em } .banner .button { margin-top: .5em; margin-bottom: .5em } .banner .is-divider, .banner .text-center .is-divider { margin-top: 1em; margin-bottom: 1em } .banner h1 { font-size: 3.5em } .banner h2 { font-size: 2.9em } .banner h3 { font-size: 2em } .banner h2, .banner h3, .banner h1 { padding: 0; font-weight: lighter; margin-top: .2em; margin-bottom: .2em; line-height: 1.2; } .banner h4 { padding: 0; font-size: 1.5em; margin-top: .6em; margin-bottom: .6em; font-weight: lighter; } .banner h6, .banner h5, .banner p { padding: 0; margin-top: 1em; margin-bottom: 1em } .line-height-small { line-height: 1.4em } [data-line-height="xs"] { line-height: 0.85 !important } [data-line-height="s"] { line-height: 1 !important } [data-line-height="m"] { line-height: 1.2 !important } [data-line-height="l"] { line-height: 1.4 !important } [data-line-height="xl"] { line-height: 1.6 !important } .nav>li>a { font-size: .8em } .nav>li.html { font-size: .85em } .nav-size-xsmall>li>a { font-size: .65em } .nav-size-small>li>a { font-size: .7em } .nav-size-medium>li>a { font-size: .9em } .nav-size-large>li>a { font-size: 1em } .nav-size-xlarge>li>a { font-size: 1.1em } .nav-spacing-xsmall>li { margin: 0 } .nav-spacing-small>li { margin: 0 5px } .nav-spacing-medium>li { margin: 0 9px } .nav-spacing-large>li { margin: 0 11px } .nav-spacing-xlarge>li { margin: 0 13px } .fancy-underline { position: relative } .fancy-underline:after { content: ""; color: green; position: absolute; left: 0; border-radius: 999px; right: 0; top: 100%; height: 9px; background: url("../img/underline.png") 50% top no-repeat; background-size: 100% 9px } span.count-up { opacity: 0; transition: opacity 2s } span.count-up.active { opacity: 1 } [data-text-color="primary"] { color: #446084 !important } [data-text-color="secondary"] { color: #d26e4b !important } [data-text-color="alert"] { color: #b20000 !important } [data-text-color="success"] { color: #7a9c59 !important } [data-text-bg="primary"] { background-color: #446084 } [data-text-bg="secondary"] { background-color: #d26e4b } [data-text-bg="alert"] { background-color: #b20000 } [data-text-bg="success"] { background-color: #7a9c59 } .text-bordered-white, .text-bordered-primary, .text-bordered-dark { border: 2px solid #ffffff; padding: 5px; display: inline-block } .text-bordered-dark { border-color: #000000 } h1.text-bordered-white, h1.text-bordered-primary, h1.text-bordered-dark { padding: 15px } .text-boarder-top-bottom-white, .text-boarder-top-bottom-dark { border-top: 3px solid #ffffff; padding-top: 15px; border-bottom: 3px solid #ffffff; padding-bottom: 15px; display: inline-block } .text-boarder-top-bottom-dark { border-color: #000000 } blockquote { position: relative; font-size: 1.2em; margin: 0 0 1.25em; padding: 0 1.25em 0 1.875em; border-left: 2px solid #446084; font-style: italic; color: #333 } .dark blockquote { color: #FFF } .container:after, .row:after, .clearfix:after, .clear:after { content: ""; display: table; clear: both } @media (max-width: 549px) { [data-show="hide-for-small"], .hide-for-small { display: none !important } .small-text-center { text-align: center !important; width: 100% !important; float: none !important } } @media (min-width: 550px) { [data-show="show-for-small"], .show-for-small { display: none !important } } @media (min-width: 850px) { [data-show="show-for-medium"], .show-for-medium { display: none !important } } @media (max-width: 849px) { [data-show="hide-for-medium"], .hide-for-medium { display: none !important } .medium-text-center .pull-left, .medium-text-center .pull-right { float: none } .medium-text-center .ml { margin-left: auto } .medium-text-center .mr { margin-right: auto } .medium-text-center { text-align: center !important; width: 100% !important; float: none !important } } @media (min-width: 850px) { [data-show="hide-for-large"], .hide-for-large { display: none !important } } .full-width, .expand { width: 100% !important; max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; display: block } .pull-right { float: "right"; margin-right: 0 !important } .pull-left { float: "left"; margin-left: 0 !important } .mb { margin-bottom: 30px } .mt { margin-top: 30px } .mr { margin-right: 30px } .ml { margin-left: 30px } .mb-0 { margin-bottom: 0 !important } .ml-0 { margin-left: 0 !important } .mr-0 { margin-right: 0 !important } .mt-0 { margin-top: 0 !important } .mb-half { margin-bottom: 15px } .mt-half { margin-top: 15px } .mr-half { margin-right: 15px } .ml-half { margin-left: 15px } .mb-half:last-child, .mb:last-child { margin-bottom: 0 } .pb { padding-bottom: 30px } .pt { padding-top: 30px } .pb-half { padding-bottom: 15px } .pt-half { padding-top: 15px } .pb-0 { padding-bottom: 0 !important } .pt-0 { padding-top: 0 !important } .no-margin { margin: 0 !important } .no-padding { padding: 0 !important } .inner-padding { padding: 30px } .first-reset *:first-child { margin-top: 0 } .last-reset *:last-child { margin-bottom: 0 } .no-select { -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important } .text-left { text-align: left } .text-center { text-align: center } .text-right { text-align: right } .text-center>div, .text-center>div>div, .text-center .is-divider, .text-center .is-star-rating { margin-left: auto; margin-right: auto } .text-center .pull-right, .text-center .pull-left { float: none } .text-right>div, .text-right>div>div, .text-right .is-divider, .text-right .is-star-rating { margin-left: auto; margin-right: 0 } .relative { position: relative !important } .absolute { position: absolute !important } .fixed { position: fixed !important; z-index: 12 } .top { top: 0 } .right { right: 0 } .left { left: 0 } .bottom { bottom: 0 } .fill { position: absolute; top: 0; left: 0; height: 100%; right: 0; bottom: 0; padding: 0 !important; margin: 0 !important } .v-center { bottom: auto; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .h-center { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .h-center.v-center { left: auto !important; bottom: auto !important; right: 50%; top: 50%; -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); transform: translate(50%, -50%) } .pull-right { float: right } .pull-left { float: left } .is-full-height { min-height: 550px; height: 100%; height: 100vh; padding-top: 0 !important; padding-bottom: 0 !important } .bg-fill { background-size: cover !important; background-repeat: no-repeat !important; background-position: 50% 50% } .bg-top { background-position: top; object-position: top } .circle { border-radius: 999px !important; object-fit: cover } .circle img { border-radius: 999px !important; object-fit: cover } .round { border-radius: 5px } .has-border { border: 2px solid #446084; padding: 15px 30px 30px } .dashed-border { border-style: dashed } .success-border { border-color: #7a9c59 } .bt { border-top: 1px solid #ececec } .bb { border-bottom: 1px solid #ececec } .bl { border-left: 1px solid #ececec } .br { border-right: 1px solid #ececec } .hidden { display: none !important; visibility: hidden !important } .is-invisible { visibility: hidden; opacity: 0 } .z-1 { z-index: 21 } .z-2 { z-index: 22 } .z-3 { z-index: 23 } .z-4 { z-index: 24 } .z-5 { z-index: 25 } .z-top { z-index: 9995 } .z-top-2 { z-index: 9996 } .z-top-3 { z-index: 9997 } .no-click { pointer-events: none } .no-wrap { white-space: nowrap } .primary-color { color: #446084 } .secondary-color { color: #d26e4b } .success-color { color: #7a9c59 } .alert-color { color: #b20000 } .bg-primary-color { background-color: #446084 } .bg-secondary-color { background-color: #d26e4b } .bg-success-color { background-color: #7a9c59 } .bg-alert-color { background-color: #b20000 } .inline { display: inline } .block { display: block } @media (max-width: 549px) { .small-block { display: block } } .inline-block { display: inline-block } .inline-images img, img.inline { display: inline-block !important } .is-well { padding: 30px; background-color: rgba(0, 0, 0, 0.02); box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.07), inset 0 0 0 1px rgba(0, 0, 0, 0.05) } .no-overflow { overflow: hidden } .no-text-overflow { white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .strong { font-weight: bold } .op-4 { opacity: .4 } .op-5 { opacity: .5 } .op-6 { opacity: .6 } .op-7 { opacity: .7 } .op-8 { opacity: .8 } @media (max-width: 549px) { .sm-touch-scroll { overflow-y: none; overflow-x: auto; -webkit-overflow-scrolling: touch } } .no-scrollbar { -ms-overflow-style: -ms-autohiding-scrollbar } .no-scrollbar::-webkit-scrollbar { width: 0px !important; height: 0px !important } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000 } @media screen and (max-width: 549px) { .x5 { left: 5% } .x15 { left: 15% } .x25 { left: 25% } .x35 { left: 35% } .x45 { left: 45% } .x55 { right: 45% } .x65 { right: 35% } .x75 { right: 25% } .x85 { right: 15% } .x95 { right: 5% } .x0 { left: 0% } .x10 { left: 10% } .x20 { left: 20% } .x30 { left: 30% } .x40 { left: 40% } .x60 { right: 40% } .x70 { right: 30% } .x80 { right: 20% } .x90 { right: 10% } .x100 { right: 0% } .y0 { top: 0% } .y10 { top: 10% } .y20 { top: 20% } .y30 { top: 30% } .y40 { top: 40% } .y60 { bottom: 40% } .y70 { bottom: 30% } .y80 { bottom: 20% } .y90 { bottom: 10% } .y100 { bottom: 0% } .y5 { top: 5% } .y15 { top: 15% } .y25 { top: 25% } .y35 { top: 35% } .y45 { top: 45% } .y55 { bottom: 45% } .y65 { bottom: 35% } .y75 { bottom: 25% } .y85 { bottom: 15% } .y95 { bottom: 5% } .x50 { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .y50 { top: 50.3%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .y50.x50 { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } } @media screen and (min-width: 550px) and (max-width: 849px) { .md-x5 { left: 5% } .md-x15 { left: 15% } .md-x25 { left: 25% } .md-x35 { left: 35% } .md-x45 { left: 45% } .md-x55 { right: 45% } .md-x65 { right: 35% } .md-x75 { right: 25% } .md-x85 { right: 15% } .md-x95 { right: 5% } .md-y5 { top: 5% } .md-y15 { top: 15% } .md-y25 { top: 25% } .md-y35 { top: 35% } .md-y45 { top: 45% } .md-y55 { bottom: 45% } .md-y65 { bottom: 35% } .md-y75 { bottom: 25% } .md-y85 { bottom: 15% } .md-y95 { bottom: 5% } .md-x0 { left: 0% } .md-x10 { left: 10% } .md-x20 { left: 20% } .md-x30 { left: 30% } .md-x40 { left: 40% } .md-x60 { right: 40% } .md-x70 { right: 30% } .md-x80 { right: 20% } .md-x90 { right: 10% } .md-x100 { right: 0% } .md-y0 { top: 0% } .md-y10 { top: 10% } .md-y20 { top: 20% } .md-y30 { top: 30% } .md-y40 { top: 40% } .md-y60 { bottom: 40% } .md-y70 { bottom: 30% } .md-y80 { bottom: 20% } .md-y90 { bottom: 10% } .md-y100 { bottom: 0% } .md-x50 { left: 50%; -webkit-transform: translateX(-50%) !important; -ms-transform: translateX(-50%) !important; transform: translateX(-50%) !important } .md-y50 { top: 50%; -webkit-transform: translateY(-50%) !important; -ms-transform: translateY(-50%) !important; transform: translateY(-50%) !important } .md-x50.md-y50 { -webkit-transform: translate(-50%, -50%) !important; -ms-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important } } @media screen and (min-width: 850px) { .lg-x5 { left: 5% } .lg-x15 { left: 15% } .lg-x25 { left: 25% } .lg-x35 { left: 35% } .lg-x45 { left: 45% } .lg-x55 { right: 45% } .lg-x65 { right: 35% } .lg-x75 { right: 25% } .lg-x85 { right: 15% } .lg-x95 { right: 5% } .lg-y5 { top: 5% } .lg-y15 { top: 15% } .lg-y25 { top: 25% } .lg-y35 { top: 35% } .lg-y45 { top: 45% } .lg-y55 { bottom: 45% } .lg-y65 { bottom: 35% } .lg-y75 { bottom: 25% } .lg-y85 { bottom: 15% } .lg-y95 { bottom: 5% } .lg-x0 { left: 0% } .lg-x10 { left: 10% } .lg-x20 { left: 20% } .lg-x30 { left: 30% } .lg-x40 { left: 40% } .lg-x60 { right: 40% } .lg-x70 { right: 30% } .lg-x80 { right: 20% } .lg-x90 { right: 10% } .lg-x100 { right: 0% } .lg-y0 { top: 0% } .lg-y10 { top: 10% } .lg-y20 { top: 20% } .lg-y30 { top: 30% } .lg-y40 { top: 40% } .lg-y60 { bottom: 40% } .lg-y70 { bottom: 30% } .lg-y80 { bottom: 20% } .lg-y90 { bottom: 10% } .lg-y100 { bottom: 0% } .lg-x50 { left: 50%; -webkit-transform: translateX(-50%) !important; -ms-transform: translateX(-50%) !important; transform: translateX(-50%) !important } .lg-y50 { top: 50%; -webkit-transform: translateY(-50%) !important; -ms-transform: translateY(-50%) !important; transform: translateY(-50%) !important } .lg-x50.lg-y50 { -webkit-transform: translate(-50%, -50%) !important; -ms-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important } } .res-text { font-size: 11px } .widget-area .res-text, .small-1 .res-text, .small-2 .res-text, .small-3 .res-text { font-size: 8px } .small-1 .res-text h6, .small-2 .res-text h6, .small-3 .res-text h6 { font-size: 10px } .small-1 .res-text p.lead, .small-2 .res-text p.lead, .small-3 .res-text p.lead { font-size: 16px } .small-4 .res-text { font-size: 8.5px } .small-5 .res-text { font-size: 9px } .small-6 .res-text { font-size: 10px } .small-7 .res-text { font-size: 11px } .small-8 .res-text { font-size: 12px } .small-9 .res-text { font-size: 13px } .small-10 .res-text { font-size: 14px } .small-11 .res-text { font-size: 15px } @media screen and (min-width: 550px) { .medium-1 .res-text, .medium-2 .res-text, .medium-3 .res-text, .medium-4 .res-text, .medium-5 .res-text, .medium-6 .res-text, .medium-7 .res-text { font-size: .8vw } .medium-8 .res-text { font-size: .9vw } .medium-9 .res-text { font-size: 1.15vw } .medium-10 .res-text { font-size: 1.3vw } .medium-11 .res-text { font-size: 1.5vw } .res-text { font-size: 1.8vw } } @media screen and (min-width: 850px) { .res-text { font-size: 16px } .widget-area .res-text, .large-1 .res-text, .large-2 .res-text, .large-3 .res-text { font-size: 8px } .large-1 .res-text h6, .large-2 .res-text h6, .large-3 .res-text h6 { font-size: 10px } .large-1 .res-text p.lead, .large-2 .res-text p.lead, .large-3 .res-text p.lead { font-size: 16px } .large-4 .res-text { font-size: 8.5px } .large-5 .res-text { font-size: 9px } .large-6 .res-text { font-size: 10px } .large-7 .res-text { font-size: 11px } .large-8 .res-text { font-size: 12px } .large-9 .res-text { font-size: 13px } .large-10 .res-text { font-size: 14px } .large-11 .res-text { font-size: 15px } } [data-animate], .slider [data-animate] { will-change: filter, transform, opacity; -webkit-backface-visibility: hidden; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0 !important; transition: opacity 0.7s ease-in, -webkit-filter 1.3s, -webkit-transform 1.6s; transition: filter 1.3s, transform 1.6s, opacity 0.7s ease-in; transition: filter 1.3s, transform 1.6s, opacity 0.7s ease-in, -webkit-filter 1.3s, -webkit-transform 1.6s } [data-animate="bounceInLeft"], [data-animate="bounceInUp"], [data-animate="bounceInDown"], [data-animate="bounceInRight"], .slider [data-animate="bounceInLeft"], .slider [data-animate="bounceInUp"], .slider [data-animate="bounceInDown"], .slider [data-animate="bounceInRight"] { transition: opacity 0.5s ease-in, -webkit-transform 0.8s cubic-bezier(0, 0.195, 0, 1.465); transition: transform 0.8s cubic-bezier(0, 0.195, 0, 1.465), opacity 0.5s ease-in; transition: transform 0.8s cubic-bezier(0, 0.195, 0, 1.465), opacity 0.5s ease-in, -webkit-transform 0.8s cubic-bezier(0, 0.195, 0, 1.465) } [data-animate="bounceInLeft"], .slider [data-animate="bounceInLeft"] { -webkit-transform: translate3d(-300px, 0, 0); transform: translate3d(-300px, 0, 0) } [data-animate="blurIn"], .slider [data-animate="blurIn"] { -webkit-filter: blur(15px); filter: blur(15px) } [data-animate="fadeInLeft"], .slider [data-animate="fadeInLeft"] { -webkit-transform: translate3d(-70px, 0, 0); transform: translate3d(-70px, 0, 0) } [data-animate="fadeInRight"], .slider [data-animate="fadeInRight"] { -webkit-transform: translate3d(70px, 0, 0); transform: translate3d(70px, 0, 0) } [data-animate="bounceInUp"], [data-animate="fadeInUp"], .slider [data-animate="bounceInUp"], .slider [data-animate="fadeInUp"] { -webkit-transform: translate3d(0, 70px, 0); transform: translate3d(0, 70px, 0) } [data-animate="bounceInRight"], .slider [data-animate="bounceInRight"] { -webkit-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0) } [data-animate="bounceIn"], .slider [data-animate="bounceIn"] { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3) } [data-animate="bounceInDown"], [data-animate="fadeInDown"], .slider [data-animate="bounceInDown"], .slider [data-animate="fadeInDown"] { -webkit-transform: translate3d(0, -70px, 0); transform: translate3d(0, -70px, 0) } [data-animate="flipInY"], .slider [data-animate="flipInY"] { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -90deg) translate3d(15px, 0, 0); transform: perspective(400px) rotate3d(0, 1, 0, -90deg) translate3d(15px, 0, 0); -webkit-backface-visibility: visible; backface-visibility: visible } [data-animate="flipInX"], .slider [data-animate="flipInX"] { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg) translate3d(0, -15px, 0); transform: perspective(400px) rotate3d(1, 0, 0, 90deg) translate3d(0, -15px, 0); -webkit-backface-visibility: visible; backface-visibility: visible } [data-animated="true"], .slider .is-selected [data-animated="true"], .row-slider.slider [data-animated="true"] { -webkit-animation-delay: .1s; animation-delay: .1s; -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); opacity: 1 !important } .flickity-slider>*:not(.is-selected) [data-animated="true"] { transition: opacity 0.3s !important } [data-animate="none"], .slider [data-animate="none"] { opacity: 1 !important } [data-animated="true"][data-animate="blurIn"], .slider [data-animate="blurIn"][data-animated="true"] { -webkit-filter: blur(0); filter: blur(0) } [data-animated="false"] { transition: none !important } .has-shadow [data-animate], [data-animate]:hover { transition-delay: 0s !important } [data-animate-delay="100"] { transition-delay: .1s } .nav-anim>li { transition: opacity .3s, -webkit-transform .3s; transition: transform .3s, opacity .3s; transition: transform .3s, opacity .3s, -webkit-transform .3s; -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); opacity: 0 } .active .nav-anim>li, .nav-anim.active>li, .mfp-ready .nav-anim>li { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .nav-anim>li, .col+.col [data-animate], [data-animate-delay="200"], [data-animate]+[data-animate] { transition-delay: .2s } .nav-anim>li+li, [data-animate-delay="300"] { transition-delay: .3s } .nav-anim>li+li+li, .col+.col+.col [data-animate], [data-animate-delay="400"], [data-animate]+[data-animate]+[data-animate] { transition-delay: .4s } .nav-anim>li+li+li+li, [data-animate-delay="500"] { transition-delay: .5s } .nav-anim>li+li+li+li+li, .col+.col+.col+.col [data-animate], [data-animate-delay="600"], [data-animate]+[data-animate]+[data-animate]+[data-animate] { transition-delay: .6s } .nav-anim>li+li+li+li+li+li, [data-animate-delay="700"] { transition-delay: .7s } .nav-anim>li+li+li+li+li+li+li, .col+.col+.col+.col+.col [data-animate], [data-animate]+[data-animate]+[data-animate]+[data-animate]+[data-animate], [data-animate-delay="800"] { transition-delay: .8s } .nav-anim>li+li+li+li+li+li+li+li, .col+.col+.col+.col+.col+.col [data-animate], [data-animate-delay="900"] { transition-delay: .9s } .nav-anim>li+li+li+li+li+li+li+li+li, .col+.col+.col+.col+.col+.col+.col [data-animate], [data-animate-delay="1000"] { transition-delay: 1s } .is-border { border-width: 1px; border-style: solid; border-color: #ececec; position: absolute; pointer-events: none; border-radius: 0; margin: 0; top: 0; bottom: 0; right: 0; left: 0 } .is-dashed { border-style: dashed } .is-dotted { border-style: dotted } .has-shadow.box:not(.box-overlay):not(.box-shade), .has-shadow .box:not(.box-overlay):not(.box-shade) { background-color: #fff } .dark .has-shadow.box:not(.box-overlay):not(.box-shade), .dark .has-shadow .box:not(.box-overlay):not(.box-shade) { background-color: #333 } .row-box-shadow-1 .col-inner, .row-box-shadow-2 .col-inner, .row-box-shadow-3 .col-inner, .row-box-shadow-4 .col-inner, .row-box-shadow-5 .col-inner, .row-box-shadow-1-hover .col-inner, .row-box-shadow-2-hover .col-inner, .row-box-shadow-3-hover .col-inner, .row-box-shadow-4-hover .col-inner, .row-box-shadow-5-hover .col-inner, .box-shadow-1, .box-shadow-2, .box-shadow-3, .box-shadow-4, .box-shadow-5, .box-shadow-1-hover, .box-shadow-2-hover, .box-shadow-3-hover, .box-shadow-4-hover, .box-shadow-5-hover { transition: box-shadow .3s, background-color .3s, color .3s, opacity .3s, -webkit-transform .3s; transition: transform .3s, box-shadow .3s, background-color .3s, color .3s, opacity .3s; transition: transform .3s, box-shadow .3s, background-color .3s, color .3s, opacity .3s, -webkit-transform .3s } .row-box-shadow-1 .col-inner, .row-box-shadow-1-hover .col-inner:hover, .box-shadow-1, .box-shadow-1-hover:hover { box-shadow: 0 1px 3px -2px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) } .box-shadow, .row-box-shadow-2 .col-inner, .row-box-shadow-2-hover .col-inner:hover, .box-shadow-2, .box-shadow-2-hover:hover { box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23) } .row-box-shadow-3 .col-inner, .row-box-shadow-3-hover .col-inner:hover, .box-shadow-3, .box-shadow-3-hover:hover { box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.22) } .row-box-shadow-4 .col-inner, .row-box-shadow-4-hover .col-inner:hover, .box-shadow-4, .box-shadow-4-hover:hover { box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.1) } .row-box-shadow-5 .col-inner, .row-box-shadow-5-hover .col-inner:hover, .box-shadow-5, .box-shadow-5-hover:hover { box-shadow: 0px 30px 40px 0px rgba(0, 0, 0, 0.2) } .row-box-shadow-5-hover .col-inner:hover, .box-shadow-5-hover:hover, .box-shadow-4-hover:hover, .row-box-shadow-4-hover .col-inner:hover { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px) } .text-shadow, .text-shadow-1 { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3) } .text-shadow-2 { text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4) } .text-shadow-3 { text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.4) } .text-shadow-4 { text-shadow: 3px 3px 12px rgba(0, 0, 0, 0.5) } .text-shadow-5 { text-shadow: 5px 5px 16px rgba(0, 0, 0, 0.6) } a.hotspot { background-color: #000; color: #FFF; border-radius: 99px; opacity: .8; font-weight: bolder; display: block; padding: 0; line-height: 1.5em; text-align: center; height: 1.5em; width: 1.5em; transition: all .3s } a.hotspot i { font-size: .8em } a.hotspot:hover { opacity: 1; color: #000 !important; background-color: #fff !important } .has-hover .bg, .has-hover [class*="image-"] img { transition: opacity .6s, box-shadow .3s, -webkit-filter .6s, -webkit-transform .6s; transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s; transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s, -webkit-filter .6s, -webkit-transform .6s } .bg-color .bg, .bg-grayscale:hover .bg, .has-hover .image-color img, .has-hover:hover .image-grayscale img { -webkit-filter: grayscale(100%); filter: grayscale(100%) } .bg-color:hover .bg, .has-hover:hover .image-color img { -webkit-filter: grayscale(0); filter: grayscale(0) } .bg-zoom:hover .bg, .has-hover:hover .image-zoom img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } .bg-zoom-long .bg, .has-hover .image-zoom-long img { transition: -webkit-transform 5s !important; transition: transform 5s !important; transition: transform 5s, -webkit-transform 5s !important } .bg-zoom-long .bg, .has-hover:hover .image-zoom-long img { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3) } .bg-zoom-fade:hover .bg, .has-hover:hover .image-zoom-fade img { opacity: .7; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } .bg-glow:hover .bg, .has-hover:hover .image-glow img { -webkit-filter: brightness(1.1); filter: brightness(1.1) } .bg-fade-out:hover .bg, .has-hover:hover .image-fade-out img { opacity: .7 } .image-fade:hover .bg, .has-hover:hover .image-fade img { opacity: .6 } .bg-fade-in .bg, .image-fade-in img { opacity: .7 } .bg-fade-in:hover .bg, .has-hover:hover .image-fade-in img { opacity: 1 } .bg-blur:hover .bg, .has-hover:hover .image-blur img { -webkit-filter: blur(5px); filter: blur(5px) } .bg-overlay-remove:hover .overlay, .bg-overlay-add:not(:hover) .overlay, .has-hover:hover .image-overlay-remove .overlay, .has-hover:not(:hover) .image-overlay-add .overlay { opacity: 0 } .bg-overlay-remove-50:hover .overlay, .bg-overlay-add-50:not(:hover) .overlay, .has-hover:hover .image-overlay-remove-50 .overlay, .has-hover:not(:hover) .image-overlay-add-50 .overlay { opacity: .5 } .has-mask { overflow: hidden; -webkit-transform: translateZ(0px); transform: translateZ(0px) } .mask-circle { -webkit-clip-path: circle(50% at center); clip-path: circle(50% at center) } .mask-angled { -webkit-clip-path: polygon(0 calc(0% + 30px), 100% 0, 100% 100%, 0 100%); clip-path: polygon(0 calc(0% + 30px), 100% 0, 100% 100%, 0 100%) } .mask-angled-right { -webkit-clip-path: polygon(0 0, 100% calc(0% + 30px), 100% 100%, 0 100%); clip-path: polygon(0 0, 100% calc(0% + 30px), 100% 100%, 0 100%) } .mask-arrow { -webkit-clip-path: polygon(0 0, calc(50% - 30px) 0, 50% calc(0% + 30px), calc(50% + 30px) 0, 100% 0, 100% 100%, 0 100%); clip-path: polygon(0 0, calc(50% - 30px) 0, 50% calc(0% + 30px), calc(50% + 30px) 0, 100% 0, 100% 100%, 0 100%) } .mask-angled-large { -webkit-clip-path: polygon(0 calc(0% + 60px), 100% 0, 100% 100%, 0 100%); clip-path: polygon(0 calc(0% + 60px), 100% 0, 100% 100%, 0 100%) } .mask-angled-right-large { -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 60px), 0 100%); clip-path: polygon(0 0, 100% 0, 100% calc(100% - 60px), 0 100%) } .mask-arrow-large { -webkit-clip-path: polygon(0 0, calc(50% - 60px) 0, 50% calc(0% + 60px), calc(50% + 60px) 0, 100% 0, 100% 100%, 0 100%); clip-path: polygon(0 0, calc(50% - 60px) 0, 50% calc(0% + 60px), calc(50% + 60px) 0, 100% 0, 100% 100%, 0 100%) } .mask-angled-right, .mask-arrow, .mask-angled { margin-top: -30px } .mask-angled-right-large, .mask-arrow-large, .mask-angled-large { margin-top: -60px } [data-parallax]:not(.parallax-active) { opacity: 0 } [data-parallax] { will-change: transform !important } [data-parallax-container] { overflow: hidden } [data-parallax]:not(.parallax-active) .bg { opacity: 0 } .shade { content: " "; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.2); background: linear-gradient(to top, #323232 0%, rgba(50, 50, 50, 0) 33%); opacity: .3; pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: opacity .3s } .shade-top { opacity: .4; background: rgba(0, 0, 0, 0.2); background: linear-gradient(to bottom, #000 0%, transparent 70%) } .box:hover .shade { opacity: .5 } .box-shade:not(.dark) .shade { opacity: .8; background: rgba(255, 255, 255, 0.2); background: linear-gradient(to top, #fff 0%, rgba(255, 255, 255, 0) 33%) } .show-on-hover, .hover-slide, .hover-slide-in, .hover-zoom, .hover-zoom-in { opacity: 0; transition: opacity .5s, max-height .6s, -webkit-transform .3s, -webkit-filter .6s; transition: opacity .5s, transform .3s, max-height .6s, filter .6s; transition: opacity .5s, transform .3s, max-height .6s, filter .6s, -webkit-transform .3s, -webkit-filter .6s; -webkit-filter: blur(0); filter: blur(0); pointer-events: none } .hover-slide { -webkit-transform: translateY(15%) translateZ(0); transform: translateY(15%) translateZ(0) } .hover-slide-in { -webkit-transform: translateY(100%) translateZ(0); transform: translateY(100%) translateZ(0) } .box-text-middle .box-text.hover-slide { -webkit-transform: translateY(-40%) translateZ(0); transform: translateY(-40%) translateZ(0) } .hover-fade-out { transition: opacity .3s } .has-hover:hover .hover-fade-out { opacity: 0 } .hover-invert { opacity: 1 !important; -webkit-filter: invert(0); filter: invert(0) } .has-hover:hover .hover-invert { -webkit-filter: invert(100%); filter: invert(100%) } .hover-reveal { transition: all .6s; opacity: 0; -webkit-transform: translateY(15%) translateZ(0); transform: translateY(15%) translateZ(0); max-height: 0 } .has-hover:hover .hover-reveal { opacity: 1; max-height: 150px } .has-hover:hover .hover-reveal.reveal-small { max-height: 30px } .hover-blur { opacity: 0; transition: opacity .3s, -webkit-filter .3s; transition: filter .3s, opacity .3s; transition: filter .3s, opacity .3s, -webkit-filter .3s; -webkit-filter: blur(10px); filter: blur(10px) } .has-hover:hover .hover-blur { opacity: 1; -webkit-filter: blur(0) !important; filter: blur(0) !important } .hover-zoom { -webkit-transform: scale(1.1) translateZ(0); transform: scale(1.1) translateZ(0) } .box-text-middle .box-text.hover-zoom { -webkit-transform: scale(1.1) translateZ(0) translateY(-50%); transform: scale(1.1) translateZ(0) translateY(-50%) } .hover-zoom-in { -webkit-transform: scale(0.9) translateZ(0); transform: scale(0.9) translateZ(0) } .box-text-middle .box-text.hover-zoom-in { -webkit-transform: scale(0.9) translateZ(0) translateY(-50%); transform: scale(0.9) translateZ(0) translateY(-50%) } .hover-bounce { opacity: 1 !important; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; -webkit-transform: scale(1) translateZ(0) translateY(10px) !important; transform: scale(1) translateZ(0) translateY(10px) !important } .has-hover:hover .hover-bounce { -webkit-transform: scale(1) translateZ(0) translateY(0) !important; transform: scale(1) translateZ(0) translateY(0) !important } .box-text-middle .hover-bounce { -webkit-transform: scale(1) translateZ(0) translateY(-40%) !important; transform: scale(1) translateZ(0) translateY(-40%) !important } .box-text-middle:hover .box-text.hover-bounce { -webkit-transform: scale(1) translateZ(0) translateY(-50%) !important; transform: scale(1) translateZ(0) translateY(-50%) !important } .has-hover:hover img.show-on-hover { opacity: 1 } .has-hover:hover .hover-slide, .has-hover:hover .hover-slide-in, .has-hover:hover .hover-zoom, .has-hover:hover .hover-zoom-in, .has-hover:hover .show-on-hover { opacity: 1; -webkit-transform: scale(1) translateZ(0) translateY(0) !important; transform: scale(1) translateZ(0) translateY(0) !important; pointer-events: inherit } .has-hover:hover .show-on-hover.center, .box-text-middle:hover .show-on-hover.box-text { -webkit-transform: scale(1) translateZ(0) translateY(-50%) !important; transform: scale(1) translateZ(0) translateY(-50%) !important } .slider .has-slide-effect { overflow: hidden; background-color: transparent !important } .slider .has-slide-effect .bg { opacity: 0; transition: opacity 1s } .slide-zoom-in .bg, .slide-zoom-in-fast .bg { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .slide-zoom-out-fast .bg, .slide-zoom-out .bg { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2) } .has-slide-effect.is-selected .bg { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); transition: opacity 1s, -webkit-transform 20s ease-out; transition: opacity 1s, transform 20s ease-out; transition: opacity 1s, transform 20s ease-out, -webkit-transform 20s ease-out } .slide-fade-in.is-selected .bg { transition: opacity 3.5s } .slide-fade-in-fast.is-selected .bg { transition: opacity 1.5s } .slide-zoom-in-fast.is-selected .bg, .slide-zoom-in.is-selected .bg { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2) } .slide-zoom-out-fast.is-selected .bg { transition: opacity 1s, -webkit-transform 5s ease-out; transition: opacity 1s, transform 5s ease-out; transition: opacity 1s, transform 5s ease-out, -webkit-transform 5s ease-out } .button.tooltip { opacity: 1 } .tooltipster-default { border-radius: 5px; background: #111; color: #fff; transition: opacity .2s; opacity: 0 } .tooltipster-default a { color: #eee } .tooltipster-default:hover { color: #FFF } .tooltipster-fade-show { opacity: 1 } .tooltipster-default .tooltipster-content { font-family: Arial, sans-serif; font-size: 14px; line-height: 16px; padding: 8px 10px; overflow: hidden } .tooltipster-base { padding: 0; font-size: 0; line-height: 0; position: absolute; left: 0; top: 0; z-index: 9999999; pointer-events: none; width: auto; overflow: visible } .tooltipster-base .tooltipster-content { overflow: hidden } .tooltipster-arrow { display: block; text-align: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1 } .tooltipster-arrow span, .tooltipster-arrow-border { display: block; width: 0; height: 0; position: absolute } .tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-top: 8px solid; bottom: -7px } .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-top: 9px solid; bottom: -7px } .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-bottom: 8px solid; top: -7px } .tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-bottom: 9px solid; top: -7px } .tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border { left: 0; right: 0; margin: 0 auto } .tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span { left: 6px } .tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { left: 5px } .tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span { right: 6px } .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border { right: 5px } .tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-left: 8px solid; top: 50%; margin-top: -7px; right: -7px } .tooltipster-arrow-left .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-left: 9px solid; margin-top: -8px } .tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-right: 8px solid; top: 50%; margin-top: -7px; left: -7px } .tooltipster-arrow-right .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-right: 9px solid; margin-top: -8px } .dark, .dark p, .dark td { color: #f1f1f1 } .dark a.lead, .dark label, .dark .heading-font, .dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .hover-dark:hover p, .hover-dark:hover h1, .hover-dark:hover h2, .hover-dark:hover h3, .hover-dark:hover h4, .hover-dark:hover h5, .hover-dark:hover h6, .hover-dark:hover a { color: #fff } .dark .stars a+a, .dark .product-section, .dark .product-footer .woocommerce-tabs { border-color: rgba(255, 255, 255, 0.2) } .nav-dark .is-outline, .dark .nav>li>a, .dark .nav>li.html, .dark .nav-vertical li li.menu-item-has-children>a, .dark .nav-vertical>li>ul li a, .nav-dropdown.dark>li>a, .nav-dropdown.dark .nav-column>li>a, .nav-dark .nav>li>a, .nav-dark .nav>li>button { color: rgba(255, 255, 255, 0.8) } .dark .nav>li>a:hover, .dark .nav>li.active>a, .dark .nav>li>a.active .nav-dark .nav>li.current>a, .nav-dark .nav>li>a:hover, .nav-dark .nav>li.active>a, .nav-dropdown.dark>li>a:hover, .nav-dropdown.dark .nav-column>li>a:hover, .nav-dark a.plain:hover, .nav-dark .nav>li>a.active { color: #fff } .dark.nav-dropdown.nav-dropdown-bold>li.nav-dropdown-col, .dark.nav-dropdown.nav-dropdown-simple>li.nav-dropdown-col, .nav-dropdown.dark .nav-column>li>a, .nav-dropdown.dark>li>a, .nav-dark .nav>li.header-divider, .nav-dark .header-divider:after, .nav-dark .nav-divided>li+li>a:after { border-color: rgba(255, 255, 255, 0.2) } .dark .nav-vertical li li.menu-item-has-children>a, .nav-dark .nav-vertical li li.menu-item-has-children>a, .nav-dark .nav>li.html, .nav-dark .header-button { color: #fff } .nav-box a:hover span.amount, .nav-dark span.amount { color: currentColor } html { overflow-x: hidden } #wrapper, #main { background-color: #fff; position: relative } #main.dark { background-color: #333 } .page-wrapper { padding-top: 30px; padding-bottom: 30px } .page-wrapper-full { padding-top: 0 } .header, .header-wrapper { width: 100%; z-index: 30; position: relative; background-size: cover; background-position: 50% 0; transition: background-color .3s, opacity .3s } .header-bg-color { background-color: rgba(255, 255, 255, 0.9) } .header-top, .header-bottom { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: no-wrap; -ms-flex-wrap: no-wrap; flex-wrap: no-wrap } .header.show-on-scroll, .header.has-transparent, .header.transparent { position: absolute } .header.show-on-scroll:not(.stuck), .header.transparent:not(.stuck) { left: auto; right: auto } .header.show-on-scroll .header-wrapper { transition: opacity .3s; visibility: hidden; opacity: 0 } .header.show-on-scroll .header-wrapper.stuck { visibility: visible; opacity: 1 } .header.transparent .header-wrapper, .header.transparent .header-bg-image, .header.transparent .header-bg-color, .header.transparent .header-bottom { box-shadow: none; background-color: transparent; background-image: none !important } .header-bg-image, .header-bg-color { background-position: 50% 0; transition: background .4s } .header-top { background-color: #446084; z-index: 11; position: relative; min-height: 20px } .header-main { z-index: 10; position: relative } .header-bottom { z-index: 9; position: relative; min-height: 35px } .top-divider { margin-bottom: -1px; border-top: 1px solid currentColor; opacity: 0.1 } .nav-dark .top-divider { display: none } .stuck { top: 0; position: fixed; left: 0; right: 0; margin: 0 auto } .sticky-jump .stuck { -webkit-animation: stuckMoveDown .6s; animation: stuckMoveDown .6s } .sticky-fade .stuck { -webkit-animation: stuckFadeIn .6s; animation: stuckFadeIn .6s } .sticky-shrink .stuck .header-main { transition: height .8s } @-webkit-keyframes stuckMoveDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%) } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes stuckMoveDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%) } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } @-webkit-keyframes stuckFadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } @keyframes stuckFadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } .stuck .header-inner, .stuck .logo, .stuck .logo img { padding-top: 0; margin-top: 0 } .header-wrapper:not(.stuck) .logo img { transition: max-height .5s } .header.show-on-scroll .hide-for-sticky, .stuck .hide-for-sticky { display: none } .header-wrapper.stuck, .header-shadow .header-wrapper, .layout-shadow #wrapper { box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15) } .nav>li.header-divider { border-left: 1px solid rgba(0, 0, 0, 0.1); height: 30px; vertical-align: middle; position: relative; margin: 0 7.5px } .nav-dark .nav>li.header-divider { border-color: rgba(255, 255, 255, 0.1) } .header-block { width: 100%; min-height: 15px } .header-full-width .container { max-width: 100% !important } @media (max-width: 849px) { .header-main li.html.custom { display: none } } @media (max-width: 549px) { .nav-mobile>li>a:not(.button) { line-height: 5em } } .post { margin: 0 0 30px } .masonery .post { margin-bottom: 0 } /* .entry-header-text { padding: 1.5em 0 1.5em } */ .entry-header-text.text-center { padding-left: 1.5em; padding-right: 1.5em } .entry-header-text-top { padding-top: 0 } .entry-header-text-bottom { padding-bottom: 0px } .entry-content { /* padding-top: 1.5em; */ padding-bottom: 1.5em } .masonery .article-inner .box { margin-bottom: 1.5em } .article-inner { transition: opacity .3s, box-shadow .5s, -webkit-transform .3s; transition: opacity .3s, box-shadow .5s, transform .3s; transition: opacity .3s, box-shadow .5s, transform .3s, -webkit-transform .3s } .blog-featured-title+#main .post-sidebar { padding-top: 30px } .from_the_blog_comments { padding-top: 7px; opacity: .8 } .article-inner.has-shadow { background-color: #fff } .article-inner.has-shadow .entry-content, .article-inner.has-shadow footer.entry-meta, .article-inner.has-shadow .entry-header-text, .article-inner.has-shadow .author-box { padding-left: 1.5em; padding-right: 1.5em } .article-inner.has-shadow .entry-header-text-top { padding-top: 1.5em } .entry-author { padding: 2em 0 } .banner h2.entry-title { font-size: 2em } .badge.post-date { top: 7% } .entry-image img { width: 100% } .entry-image-float { position: relative } @media (min-width: 850px) { .entry-image-float { max-width: 50%; float: left; margin-right: 2em } .entry-image-float+.entry-content { padding-top: 0 } } .post .entry-summary p:last-of-type { margin-bottom: 0 } footer.entry-meta { font-size: .8em; border-top: 1px solid #ececec; border-bottom: 2px solid #ececec; padding: .5em 0 .6em } li.recentcomments { padding: 7px 0 } li.recentcomments a { display: inline !important } .box-blog-post .is-divider { margin-top: .5em; margin-bottom: .5em; height: 2px } .bypostauthor { display: block } .more-link { margin-top: 1.5em } .updated:not(.published) { display: none } @media (min-width: 850px) { .alignleft { display: inline; float: left; margin-right: 1.5em } .alignright { display: inline; float: right; margin-left: 1.5em } .aligncenter { clear: both; display: block; margin: 0 auto } } .wp-caption { margin-bottom: 2em; max-width: 100% } .wp-caption .wp-caption-text { padding: .4em; font-size: .9em; /* background: rgba(0, 0, 0, 0.05); */ font-style: italic } .wp-caption-text { text-align: center } img.size-full.alignnone { margin-bottom: 2em } .row .entry-content .gallery { padding: 0 } .gallery-caption { display: block } .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0 } .widget { margin-bottom: 1.5em } .widget ul { margin: 0 } .widget li { list-style: none } .widgets-framed .widget, .widgets-boxed .widget { padding: 15px 20px 15px; background-color: #fff; border: 1px solid #ddd; box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.05) } .widgets-boxed .widget h3 { background-color: #446084; margin-left: -21px; margin-top: -16px; padding: 10px 20px 10px; width: calc(100% + 42px); color: #FFF } .widgets-boxed h3+.is-divider { display: none } ul.menu>li, .widget>ul>li { list-style: none; margin-bottom: .3em; text-align: left; margin: 0 } ul.menu>li li, .widget>ul>li li { list-style: none } ul.menu>li>a, ul.menu>li>span:first-child, .widget>ul>li>a, .widget>ul>li>span:first-child { display: inline-block; padding: 6px 0; -webkit-flex: 1; -ms-flex: 1; flex: 1 } ul.menu>li:before, .widget>ul>li:before { font-family: 'fl-icons'; display: inline-block; opacity: .6; margin-right: 6px } ul.menu>li li>a, .widget>ul>li li>a { font-size: .9em; padding: 3px 0; display: inline-block } ul.menu>li+li, .widget>ul>li+li { border-top: 1px solid #ececec } .dark ul.menu>li+li, .dark .widget>ul>li+li { border-color: rgba(255, 255, 255, 0.08) } ul.menu>li ul, .widget>ul>li ul { border-left: 1px solid #ddd; margin: 0 0 10px 3px; padding-left: 15px; width: 100%; display: none } ul.menu>li ul li, .widget>ul>li ul li { border: 0; margin: 0 } .dark ul.menu>li ul, .dark .widget>ul>li ul { border-color: rgba(255, 255, 255, 0.08) } .dark ul.menu>li>a:hover, .dark ul.menu>li.active>a, .dark ul.menu>li.current-cat>a, .dark .widget>ul>li>a:hover, .dark .widget>ul>li.active>a, .dark .widget>ul>li.current-cat>a { color: #fff } ul.menu>li.has-child, .widget>ul>li.has-child { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .widget>ul>li .count { opacity: .5; font-size: .7em; line-height: 3em } .widget .current>ul, .widget .current-cat-parent>ul { display: block } .widget .current-cat>a { color: #000; font-weight: bolder } .recent-blog-posts { padding: 10px 0 10px } .recent-blog-posts a { line-height: 1.2; display: block; margin-bottom: 6px } .widget .instagram-pics:after { content: ""; display: table; clear: both } .widget .instagram-pics>li { border: 0; list-style: none; float: left; width: 33.333333%; margin: 0; padding: 0 } .widget .instagram-pics>li a { padding: 0; margin: 0; display: block } .widget .instagram-pics>li img { display: block; width: 100% } .widget_layered_nav li { display: -webkit-flex; display: -ms-flexbox; display: flex } .widget_display-latest-tweets li { font-style: italic; font-size: .9em } .widget_display-latest-tweets a { display: inline !important } .widget_display-latest-tweets span { font-weight: bolder; display: block } .wpcf7 { color: #333; position: relative } .wpcf7 .ajax-loader { display: none !important } .dark .wpcf7 { color: #FFF } .wpcf7 p { padding: 0; margin: 0 } .wpcf7 br { display: none } .wpcf7 label { display: inline-block; width: 100% } .wpcf7 span.wpcf7-list-item { margin-left: 0; margin-right: 1.2em; } .wpcf7 .wpcf7-form-control-wrap { display: block } .wpcf7 .ajax-loader { position: absolute; right: 0; background-color: #FFF; border-radius: 99px } .wpcf7 .wpcf7-not-valid-tip { margin-top: -10px; position: relative; padding: 5px 8px; line-height: 1.2em; border-radius: 3px; opacity: .8; background-color: #f1f1f1; color: #b20000 } .wpcf7 .wpcf7-not-valid-tip:after { bottom: 100%; left: 30px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-bottom-color: #f1f1f1; border-width: 10px; margin-left: -10px } .wpcf7 .wpcf7-validation-errors { display: none !important } .wpcf7 .flex-col .wpcf7-not-valid-tip { position: absolute; z-index: 99; margin-top: 5px; width: 100% } .wpcf7 .wpcf7-response-output { margin: 5px 0 0 0; border-radius: 10px } .wpcf7-form .processing * { opacity: .8 } .portfolio-inner img { width: 100% } .portfolio-bottom { margin-bottom: -1px } .row+.portfolio-related .portfolio-element-wrapper { margin-top: 30px } .accordion-inner { padding: 1em 2.3em; display: none } .accordion-title { font-size: 110%; padding: .6em 2.3em; display: block; position: relative; border-top: 1px solid #ddd; transition: border 200ms ease-out, background-color .3s } .dark .accordion-title { border-color: rgba(255, 255, 255, 0.2) } .accordion-title.active { border-color: #446084; color: #446084; font-weight: bold; background-color: rgba(0, 0, 0, 0.03) } .dark .accordion-title.active { color: #FFF } .accordion .toggle { width: 2.3em; height: 1.5em; margin-right: 5px; top: .3em; border-radius: 999px; position: absolute; left: 0 } .accordion .active .toggle { top: .1em; opacity: 1; color: currentColor } .breadcrumbs { text-transform: uppercase; color: #222; font-weight: bold; letter-spacing: 0px; padding: 0 } .product-info .breadcrumbs { font-size: .85em; margin: 0 0 .5em } .breadcrumbs .divider { position: relative; top: 1.5px; opacity: .35; margin: 0 .3em; font-weight: 300 } .dark .breadcrumbs { color: #fff } .breadcrumbs a { color: rgba(102, 102, 102, 0.7); font-weight: normal } .breadcrumbs a:first-of-type { margin-left: 0 } .breadcrumbs a.current, .breadcrumbs a:hover { color: #111 } .dark .breadcrumbs a { color: #fff } .checkout-breadcrumbs { padding: 15px 0 } .checkout-breadcrumbs a { color: #ccc } @media (min-width: 850px) { .comment-form { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-left: -15px; margin-right: -15px } .comment-form>p { padding: 0 15px; width: 100% } .comment-form p.comment-form-author, .comment-form p.comment-form-email, .comment-form p.comment-form-url { -webkit-flex: 1; -ms-flex: 1; flex: 1 } } .comment-inner:target { padding: 15px; background-color: #f1f1f1; border-radius: 10px } .comment { list-style: none; padding: 1em 0 0 0 } .comment .meta { margin-bottom: 0 } .comment .avatar { border-radius: 100% } .comment .description { font-style: italic } .comment .comment-text { padding: 0 1.5em } .comment+.comment { border-top: 1px dashed #ddd } li .comment-respond { background-color: rgba(0, 0, 0, 0.05); margin-top: 15px; padding: 15px 25px 0 } li .comment-respond .comment-reply-title { font-size: 1.2em } li .comment-respond small { text-transform: uppercase; margin-left: 10px; font-size: .6em } .footer-wrapper { width: 100%; position: relative } .footer { padding: 30px 0 0 } .footer-1 { background-color: #fff } .footer-2 { background-color: #777 } .footer-1, .footer-2 { border-top: 1px solid rgba(0, 0, 0, 0.05) } .footer-secondary { padding: 7.5px 0 } .absolute-footer, html { background-color: #5b5b5b } .footer ul { margin: 0 } .absolute-footer { color: rgba(0, 0, 0, 0.5); padding: 10px 0 15px; font-size: .9em } .absolute-footer.dark { color: rgba(255, 255, 255, 0.5) } .absolute-footer.fixed { left: 0; right: 0; bottom: 0; padding: 7.5px 15px; z-index: 101; color: #FFF; background-color: transparent; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7) } .absolute-footer ul { padding-bottom: 5px; opacity: .8; border-bottom: 1px solid #ddd } .absolute-footer.dark ul { border-color: rgba(255, 255, 255, 0.08) } .absolute-footer.text-center ul { border: 0; padding-top: 5px } .reveal-footer { z-index: 1; margin-bottom: 100px; position: relative; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5) } .reveal-footer+.footer-wrapper { position: fixed; bottom: 0; z-index: 0 } .back-to-top { margin: 0; opacity: 0; bottom: 20px; right: 20px; pointer-events: none; -webkit-transform: translateY(30%); -ms-transform: translateY(30%); transform: translateY(30%) } .back-to-top.active { opacity: 1; pointer-events: inherit; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .logo { line-height: 1; margin: 0 } .logo-tagline { font-style: italic; font-size: .9em; line-height: 1; margin: .85em 0 } .logo a { text-decoration: none; display: block; color: #446084; font-size: 32px; text-transform: uppercase; font-weight: bolder; margin: 0 } .logo img { display: block; width: auto } .header-logo-dark, .nav-dark .header-logo, .header-logo-sticky, .sticky .dark .header-logo-dark, .sticky .has-sticky-logo .header-logo { display: none !important } .nav-dark .header-logo-dark, .stuck .header-logo-sticky { display: block !important } .stuck .header-logo-sticky+img, .stuck .header-logo-sticky+img+img { display: none !important } .nav-dark .logo a { color: #fff } .logo-left .logo { margin-left: 0; margin-right: 30px } .logo-center .flex-left { -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-flex: 1 1 0; -ms-flex: 1 1 0; flex: 1 1 0 } .logo-center .logo { -webkit-order: 2; -ms-flex-order: 2; order: 2; text-align: center; margin: 0 30px } .logo-center .logo img { margin: 0 auto } .logo-center .flex-right { -webkit-order: 3; -ms-flex-order: 3; order: 3; -webkit-flex: 1 1 0; -ms-flex: 1 1 0; flex: 1 1 0 } @media screen and (max-width: 849px) { .header-inner .nav { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap } .medium-logo-left .flex-left { -webkit-order: -1; -ms-flex-order: -1; order: -1; -webkit-flex: 0; -ms-flex: 0; flex: 0 } .medium-logo-left .logo { -webkit-flex: 1; -ms-flex: 1; flex: 1 } .medium-logo-center .flex-left { -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-flex: 1 1 0; -ms-flex: 1 1 0; flex: 1 1 0 } .medium-logo-center .logo { -webkit-order: 2; -ms-flex-order: 2; order: 2; text-align: center; margin: 0 15px } .medium-logo-center .logo img { margin: 0 auto } .medium-logo-center .flex-right { -webkit-flex: 1 1 0; -ms-flex: 1 1 0; flex: 1 1 0; -webkit-order: 3; -ms-flex-order: 3; order: 3 } } .map-height { height: 400px } .map-inner { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); padding: 20px } .message-box { padding-left: 30px; padding-right: 30px; background-color: #f1f1f1 } .message-box.dark { background-color: #333 } .message-box .col, .message-box .col-inner, .message-box .row { padding-top: 0 !important; padding-bottom: 0 !important } .next-prev-thumbs li { position: relative; display: inline-block; margin: 0 1px 0 !important } .next-prev-thumbs li .button { margin-bottom: 0 } .next-prev-thumbs .nav-dropdown { padding: 2px; width: 90px; min-width: 90px } .page-title { position: relative } .page-title .widget { margin: 0 .3em; vertical-align: middle } .page-title-bg { overflow: hidden } .title-bg { transition: opacity .6s } .title-overlay { background-color: rgba(0, 0, 0, 0.25) } .page-title-inner { position: relative; padding-top: 20px; min-height: 60px } .page-title-inner ul, .page-title-inner select, .page-title-inner form, .page-title-inner button, .page-title-inner p { margin-top: 0; margin-bottom: 0 } .normal-title { background-color: #f7f7f7; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec } .normal-title .page-title-inner { padding-top: 15px; padding-bottom: 15px } .featured-title { background-color: #446084; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2) } .featured-title .page-title-inner { padding-bottom: 20px } .featured-title .page-title-bg { box-shadow: inset 0 0 30px 0px rgba(0, 0, 0, 0.1) } .featured-title .overlay { background-color: rgba(0, 0, 0, 0.4) } .payment-icon { display: inline-block; opacity: .6; transition: opacity .3s; border-radius: 5px; background-color: rgba(0, 0, 0, 0.1); padding-bottom: 0; padding: 3px 5px 5px; margin: 3px 3px 0 } .payment-icon svg { vertical-align: middle; height: 20px; width: auto !important } .payment-icon:hover { opacity: 1 } .dark .payment-icon { background-color: rgba(255, 255, 255, 0.1) } .dark .payment-icon svg { fill: #FFF } .pricing-table { border: 1px solid #ececec; background-color: #FFF; padding-bottom: 15px; overflow: hidden } .dark .pricing-table { border-color: rgba(255, 255, 255, 0.2) } .pricing-table .title { padding: 0.5em 15%; border-bottom: 1px solid #ececec } .dark .pricing-table .title { border-color: rgba(255, 255, 255, 0.2) } .pricing-table .price { color: #000; padding: 0.6em 15% 0; font-weight: 300 } .pricing-table .description { padding: 15px 15px 0 } .pricing-table .items { padding: 10px 15% } .pricing-table .is-disabled { text-decoration: line-through; opacity: .6 } .pricing-table .items .button:last-child { margin: 30px 0 0 } .pricing-table .bullet-more-info { font-size: 14px; margin-left: 10px } .pricing-table .items>div { padding: 7.5px 0; border-bottom: 1px solid #ececec } .dark .pricing-table .items>div { border-color: rgba(255, 255, 255, 0.08) } .dark .pricing-table { background-color: #333 } .pricing-table .title { background-color: rgba(0, 0, 0, 0.02) } .featured-table { margin-top: -15px; border-color: #446084; border-width: 2px } .featured-table .title { color: #FFF; border-color: #446084; background-color: #446084 } .scroll-to { width: 100% } .scroll-to-bullets { right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 999; max-height: 100vh; overflow: hidden; position: fixed } .scroll-to-bullets a { display: block; border: 3px solid transparent; background-color: #446084; margin: 10px 15px; width: 15px; height: 15px; border-radius: 30px; transition: all .3s; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3) } .scroll-to-bullets a:hover { opacity: 1; background-color: #FFF } .scroll-to-bullets a.active { opacity: 1; border-color: #446084; background-color: #FFF } .sidebar-menu .search-form { display: block !important } .searchform-wrapper form { margin-bottom: 0 } .mobile-nav>.search-form, .sidebar-menu .search-form { padding: 5px 0; width: 100% } .form-flat .search-form-categories { padding-right: 5px } .widget_search .submit-button, .searchform-wrapper:not(.form-flat) .submit-button { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important } .searchform { position: relative } .searchform .button.icon { margin: 0 } .searchform .button.icon i { font-size: 1.2em } .searchform-wrapper { width: 100% } .searchform-wrapper.form-flat .submit-button.loading .icon-search { opacity: 0.0 } .searchform-wrapper.form-flat .submit-button.loading:after { border-color: currentColor } .searchform-wrapper.form-flat .flex-col:last-of-type { margin-left: -2.9em } .searchform-wrapper .autocomplete-suggestions { overflow-y: scroll; -webkit-overflow-scrolling: touch; max-height: 50vh; overflow-y: auto } .header-block .autocomplete-suggestions, .header .search-form .autocomplete-suggestions { max-height: 80vh } .col .live-search-results, .header-block .live-search-results, .header .search-form .live-search-results { text-align: left; color: #111; top: 105%; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); left: 0; right: 0; background-color: rgba(255, 255, 255, 0.95); position: absolute } .header li .html .live-search-results { top: 0; position: relative; box-shadow: none; background-color: transparent } .autocomplete-suggestion { padding: 10px 0.75em; border-bottom: 1px solid rgba(0, 0, 0, 0.05); display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: default } .autocomplete-suggestion .search-name { -webkit-flex: 1; -ms-flex: 1; flex: 1 } .autocomplete-suggestion img { width: 40px; border-radius: 99px; height: 40px; display: inline-block; margin-right: 10px } .autocomplete-suggestion img+.search-name { margin-top: -0.15em; padding-left: 0.5em } .autocomplete-suggestion .search-price { padding-top: 3px; margin-left: 5px; font-size: .8em } .autocomplete-suggestion:last-child { border-bottom: none } .autocomplete-selected { background-color: rgba(0, 0, 0, 0.05) } #search-lightbox { font-size: 1.5em; margin: 0 auto; max-width: 600px } .section-title-container { margin-bottom: 1.5em } .row-collapse+.section-title-container, .slider-wrapper+.section-title-container, .banner+.section-title-container { margin-top: 30px } .section-title { position: relative; -js-display: flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 97%; left: 1.5%; } .section-title i { opacity: .6; margin-right: 0.5em } .section-title i.icon-angle-right { margin-right: 0; margin-left: 10px } .section-title span { text-transform: uppercase } .section-title small { text-transform: none; font-weight: normal; padding-left: 15px; font-size: 1em; opacity: .7 } .section-title b { display: block; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: 2px; opacity: .1; background-color: currentColor } .section-title a { display: block; padding-left: 15px; font-size: .8em; margin-left: auto } .section-title-normal { border-bottom: 2px solid #ececec } .section-title-normal span { margin-right: 15px; padding-bottom: 7.5px; border-bottom: 2px solid rgba(0, 0, 0, 0.1); margin-bottom: -2px } .dark .section-title-normal span, .dark .section-title-normal { border-color: rgba(255, 255, 255, 0.2) } .section-title-normal b { display: none } .section-title-center span { margin: 0 15px } .section-title-center span, .section-title-bold-center span { text-align: center } .section-title-center small, .section-title-bold-center small { padding: 0 15px; display: block } .section-title-bold-center span, .section-title-bold span { border: 2px solid rgba(0, 0, 0, 0.1); padding: .3em .8em } .section-title-bold b:first-of-type { display: none } .icon-lock:before { content: "\e904" } .icon-user-o:before { content: "\e900" } .icon-line:before, .icon-chat:before { content: "\e903" } .icon-user:before { content: "\e901" } .icon-shopping-cart:before { content: "\e908" } .icon-tumblr:before { content: "\e603" } .icon-gift:before { content: "\e604" } .icon-phone:before { content: "\e600" } .icon-play:before { content: "\e605" } .icon-menu:before { content: "\e800" } .icon-shopping-basket:before { content: "\e909" } .icon-shopping-bag:before { content: "\e90a" } .icon-google-plus:before { content: "\e905" } .icon-heart-o:before { content: "\e906" } .icon-heart:before { content: "\e000" } .icon-500px:before { content: "\e601" } .icon-vk:before { content: "\e602" } .icon-angle-left:before { content: "\f104" } .icon-angle-right:before { content: "\f105" } .icon-angle-up:before { content: "\f106" } .icon-angle-down:before { content: "\f107" } .icon-twitter:before { content: "\e001" } .icon-envelop:before { content: "\e003" } .icon-tag:before { content: "\e004" } .icon-star:before { content: "\e005" } .icon-star-o:before { content: "\e006" } .icon-facebook:before { content: "\e002" } .icon-feed:before { content: "\e008" } .icon-checkmark:before { content: "\e00a" } .icon-plus:before { content: "\e00c" } .icon-instagram:before { content: "\e00e" } .icon-pinterest:before { content: "\e010" } .icon-search:before { content: "\e012" } .icon-skype:before { content: "\e011" } .icon-dribbble:before { content: "\e013" } .icon-certificate:before { content: "\f0a3" } .icon-expand:before { content: "\e015" } .icon-linkedin:before { content: "\e016" } .icon-map-pin-fill:before { content: "\e009" } .icon-pen-alt-fill:before { content: "\e017" } .icon-youtube:before { content: "\e018" } .icon-flickr:before { content: "\e019" } .icon-clock:before { content: "\e01a" } .icon-snapchat:before { content: "\e902" } .text-center .social-icons { margin-left: auto; margin-right: auto } .social-icons { display: inline-block; vertical-align: middle; font-size: .85em; color: #999 } .html .social-icons { font-size: 1em } .html .social-icons .button { margin-bottom: 0 } .social-icons span { font-weight: bold; padding-right: 10px } .social-icons i { min-width: 1em } .nav-dark .social-icons, .dark .social-icons { color: #FFF } .nav-dark .social-icons .button.is-outline, .dark .social-icons .button.is-outline { border-color: rgba(255, 255, 255, 0.5) } .social-button, .social-icons .button.icon:not(.is-outline), .social-icons .button.icon:hover { background-color: currentColor !important; border-color: currentColor !important } .social-button>i, .social-button>span, .social-icons .button.icon:not(.is-outline)>i, .social-icons .button.icon:not(.is-outline)>span, .social-icons .button.icon:hover>i, .social-icons .button.icon:hover>span { color: #fff !important } .button.facebook:not(.is-outline), .button.facebook:hover { color: #3a589d !important } .button.instagram:not(.is-outline), .button.instagram:hover { color: #3b6994 !important } .button.whatsapp:not(.is-outline), .button.whatsapp:hover { color: #51cb5a !important } .button.twitter:not(.is-outline), .button.twitter:hover { color: #2478ba !important } .button.email:not(.is-outline), .button.email:hover { color: #111 !important } .button.pinterest:not(.is-outline), .button.pinterest:hover { color: #cb2320 !important } .button.rss:not(.is-outline), .button.rss:hover { color: #fc7600 !important } .button.tumblr:not(.is-outline), .button.tumblr:hover { color: #36455d !important } .button.vk:not(.is-outline), .button.vk:hover { color: #527498 !important } .button.google-plus:not(.is-outline), .button.google-plus:hover { color: #dd4e31 !important } .button.linkedin:not(.is-outline), .button.linkedin:hover { color: #0072b7 !important } .button.youtube:not(.is-outline), .button.youtube:hover { color: #c33223 !important } .button.flickr:not(.is-outline), .button.flickr:hover { color: #e5086f !important } .button.snapchat:not(.is-outline), .button.snapchat:hover { color: #fff600 !important } .button.snapchat:not(.is-outline) i, .button.snapchat:hover i { text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4) } .button.px500:not(.is-outline), .button.px500:hover { color: #0099e5 !important } .woocommerce-product-rating { visibility: visible; position: relative } .star-rating { text-align: left; font-size: 16px; display: block; overflow: hidden; position: relative; height: 1em; line-height: 1em; letter-spacing: 0; margin: .5em 0; width: 5.4em; font-family: "fl-icons" !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .star-rating:before, .woocommerce-page .star-rating:before { content: '\e006\e006\e006\e006\e006'; color: #d26e4b; float: left; top: 0; left: 0; position: absolute } .star-rating span { overflow: hidden; float: left; width: 10px; height: 10px; top: 0; left: 0; font-family: "fl-icons" !important; position: absolute; padding-top: 1.5em; font-weight: normal !important } .star-rating span:before { content: '\e005\e005\e005\e005\e005'; color: #d26e4b; top: 0; position: absolute; left: 0 } .woocommerce-review-link { opacity: 0; position: absolute; left: 0; right: 0; bottom: 0; top: 0; display: block } li.wc-layered-nav-rating { font-size: .8em } li.wc-layered-nav-rating .star-rating { margin-bottom: 0; display: inline-block } .stars a { font-size: 16px; margin-left: -10px; display: inline-block; color: transparent !important; overflow: hidden; font-family: 'fl-icons' } .stars a+a { margin-left: .3em; border-left: 1px solid #ececec } .stars a:hover:after, .stars a.active:after { color: #d26e4b } .stars a:after { color: #ddd; content: '\e005' } .stars a.star-2:after { content: '\e005\e005' } .stars a.star-3:after { content: '\e005\e005\e005' } .stars a.star-4:after { content: '\e005\e005\e005\e005' } .stars a.star-5:after { content: '\e005\e005\e005\e005\e005' }