@charset "UTF-8";

#start-resizable-editor-section{display:none}.wp-block-audio{margin:0 0 1em}.wp-block-audio figcaption{margin-top:.5em;margin-bottom:1em}.wp-block-audio audio{width:100%;min-width:300px}.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;cursor:pointer;display:inline-block;font-size:1.125em;padding:calc(.667em + 2px) calc(1.333em + 2px);text-align:center;text-decoration:none;overflow-wrap:break-word;box-sizing:border-box}.wp-block-button__link:active,.wp-block-button__link:focus,.wp-block-button__link:hover,.wp-block-button__link:visited{color:#fff}.wp-block-button__link.aligncenter{text-align:center}.wp-block-button__link.alignright{text-align:right}.wp-block-buttons>.wp-block-button.has-custom-width{max-width:none}.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link{width:100%}.wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block-buttons>.wp-block-button.wp-block-button__width-25{width:calc(25% - .5em)}.wp-block-buttons>.wp-block-button.wp-block-button__width-50{width:calc(50% - .5em)}.wp-block-buttons>.wp-block-button.wp-block-button__width-75{width:calc(75% - .5em)}.wp-block-buttons>.wp-block-button.wp-block-button__width-100{width:calc(100% - .5em)}.wp-block-buttons>.wp-block-button.wp-block-button__width-100:only-child{margin-right:0;width:100%}@supports (column-gap:0.5em){.wp-block-buttons.is-content-justification-right>.wp-block-button.wp-block-button,.wp-block-buttons>.wp-block-button.wp-block-button{margin-right:0;margin-left:0}.wp-block-buttons>.wp-block-button.wp-block-button__width-25{width:calc(25% - .375em)}.wp-block-buttons>.wp-block-button.wp-block-button__width-50{width:calc(50% - .25em)}.wp-block-buttons>.wp-block-button.wp-block-button__width-75{width:calc(75% - .125em)}.wp-block-buttons>.wp-block-button.wp-block-button__width-100{width:auto;flex-basis:100%}}.wp-block-button.is-style-squared,.wp-block-button__link.wp-block-button.is-style-squared{border-radius:0}.wp-block-button.no-border-radius,.wp-block-button__link.no-border-radius{border-radius:0!important}.is-style-outline>.wp-block-button__link,.wp-block-button__link.is-style-outline{border:2px solid;padding:.667em 1.333em}.is-style-outline>.wp-block-button__link:not(.has-text-color),.wp-block-button__link.is-style-outline:not(.has-text-color){color:currentColor}.is-style-outline>.wp-block-button__link:not(.has-background),.wp-block-button__link.is-style-outline:not(.has-background){background-color:transparent}.wp-block-buttons{display:flex;flex-direction:row;flex-wrap:wrap;column-gap:.5em}.wp-block-buttons.is-vertical{flex-direction:column}.wp-block-buttons.is-vertical>.wp-block-button{margin-right:0}.wp-block-buttons.is-vertical>.wp-block-button:last-child{margin-bottom:0}.wp-block-buttons>.wp-block-button{display:inline-block;margin-left:0;margin-right:.5em;margin-bottom:.5em}.wp-block-buttons>.wp-block-button:last-child{margin-right:0}.wp-block-buttons.is-content-justification-left{justify-content:flex-start}.wp-block-buttons.is-content-justification-left.is-vertical{align-items:flex-start}.wp-block-buttons.is-content-justification-center{justify-content:center}.wp-block-buttons.is-content-justification-center.is-vertical{align-items:center}.wp-block-buttons.is-content-justification-right{justify-content:flex-end}.wp-block-buttons.is-content-justification-right>.wp-block-button{margin-left:.5em;margin-right:0}.wp-block-buttons.is-content-justification-right>.wp-block-button:first-child{margin-left:0}.wp-block-buttons.is-content-justification-right.is-vertical{align-items:flex-end}.wp-block-buttons.is-content-justification-space-between{justify-content:space-between}.wp-block-buttons.aligncenter{text-align:center}.wp-block-buttons.alignleft .wp-block-button{margin-left:0;margin-right:.5em}.wp-block-buttons.alignleft .wp-block-button:last-child{margin-right:0}.wp-block-buttons.alignright .wp-block-button{margin-right:0;margin-left:.5em}.wp-block-buttons.alignright .wp-block-button:first-child{margin-left:0}.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block-button.aligncenter{margin-left:auto;margin-right:auto;margin-bottom:.5em;width:100%}.wp-block-button.aligncenter,.wp-block-calendar{text-align:center}.wp-block-calendar tbody td,.wp-block-calendar th{padding:.25em;border:1px solid #ddd}.wp-block-calendar tfoot td{border:none}.wp-block-calendar table{width:100%;border-collapse:collapse}.wp-block-calendar table th{font-weight:400;background:#ddd}.wp-block-calendar a{text-decoration:underline}.wp-block-calendar table caption,.wp-block-calendar table tbody{color:#40464d}.wp-block-categories.alignleft{margin-right:2em}.wp-block-categories.alignright{margin-left:2em}.wp-block-code code{display:block;white-space:pre-wrap;overflow-wrap:break-word}.wp-block-columns{display:flex;margin-bottom:1.75em;box-sizing:border-box;flex-wrap:wrap}@media (min-width:782px){.wp-block-columns{flex-wrap:nowrap}}.wp-block-columns.has-background{padding:1.25em 2.375em}.wp-block-columns.are-vertically-aligned-top{align-items:flex-start}.wp-block-columns.are-vertically-aligned-center{align-items:center}.wp-block-columns.are-vertically-aligned-bottom{align-items:flex-end}.wp-block-column{flex-grow:1;min-width:0;word-break:break-word;overflow-wrap:break-word}@media (max-width:599px){.wp-block-column{flex-basis:100%!important}}@media (min-width:600px) and (max-width:781px){.wp-block-column:not(:only-child){flex-basis:calc(50% - 1em)!important;flex-grow:0}.wp-block-column:nth-child(2n){margin-left:2em}}@media (min-width:782px){.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-column[style*=flex-basis]{flex-grow:0}.wp-block-column:not(:first-child){margin-left:2em}}.wp-block-column.is-vertically-aligned-top{align-self:flex-start}.wp-block-column.is-vertically-aligned-center{align-self:center}.wp-block-column.is-vertically-aligned-bottom{align-self:flex-end}.wp-block-column.is-vertically-aligned-bottom,.wp-block-column.is-vertically-aligned-center,.wp-block-column.is-vertically-aligned-top{width:100%}.wp-block-cover,.wp-block-cover-image{position:relative;background-size:cover;background-position:50%;min-height:430px;width:100%;display:flex;justify-content:center;align-items:center;padding:1em;box-sizing:border-box}.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax{background-attachment:fixed}@supports (-webkit-overflow-scrolling:touch){.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax{background-attachment:scroll}}@media (prefers-reduced-motion:reduce){.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax{background-attachment:scroll}}.wp-block-cover-image.is-repeated,.wp-block-cover.is-repeated{background-repeat:repeat;background-size:auto}.wp-block-cover-image.has-background-dim:not([class*=-background-color]),.wp-block-cover.has-background-dim:not([class*=-background-color]){background-color:#000}.wp-block-cover-image.has-background-dim:before,.wp-block-cover.has-background-dim:before{content:"";background-color:inherit}.wp-block-cover-image.has-background-dim:not(.has-background-gradient):before,.wp-block-cover-image .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim:not(.has-background-gradient):before,.wp-block-cover .wp-block-cover__gradient-background{position:absolute;top:0;left:0;bottom:0;right:0;z-index:1;opacity:.5}.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient):before{opacity:.1}.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient):before{opacity:.2}.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient):before{opacity:.3}.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient):before{opacity:.4}.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient):before{opacity:.5}.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient):before{opacity:.6}.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient):before{opacity:.7}.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient):before{opacity:.8}.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient):before{opacity:.9}.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient):before{opacity:1}.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.alignleft,.wp-block-cover.alignright{max-width:420px;width:100%}.wp-block-cover-image:after,.wp-block-cover:after{display:block;content:"";font-size:0;min-height:inherit}@supports (position:sticky){.wp-block-cover-image:after,.wp-block-cover:after{content:none}}.wp-block-cover-image.aligncenter,.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.aligncenter,.wp-block-cover.alignleft,.wp-block-cover.alignright{display:flex}.wp-block-cover-image .wp-block-cover__inner-container,.wp-block-cover .wp-block-cover__inner-container{width:100%;z-index:1;color:#fff}.wp-block-cover-image h1:not(.has-text-color),.wp-block-cover-image h2:not(.has-text-color),.wp-block-cover-image h3:not(.has-text-color),.wp-block-cover-image h4:not(.has-text-color),.wp-block-cover-image h5:not(.has-text-color),.wp-block-cover-image h6:not(.has-text-color),.wp-block-cover-image p:not(.has-text-color),.wp-block-cover h1:not(.has-text-color),.wp-block-cover h2:not(.has-text-color),.wp-block-cover h3:not(.has-text-color),.wp-block-cover h4:not(.has-text-color),.wp-block-cover h5:not(.has-text-color),.wp-block-cover h6:not(.has-text-color),.wp-block-cover p:not(.has-text-color){color:inherit}.wp-block-cover-image.is-position-top-left,.wp-block-cover.is-position-top-left{align-items:flex-start;justify-content:flex-start}.wp-block-cover-image.is-position-top-center,.wp-block-cover.is-position-top-center{align-items:flex-start;justify-content:center}.wp-block-cover-image.is-position-top-right,.wp-block-cover.is-position-top-right{align-items:flex-start;justify-content:flex-end}.wp-block-cover-image.is-position-center-left,.wp-block-cover.is-position-center-left{align-items:center;justify-content:flex-start}.wp-block-cover-image.is-position-center-center,.wp-block-cover.is-position-center-center{align-items:center;justify-content:center}.wp-block-cover-image.is-position-center-right,.wp-block-cover.is-position-center-right{align-items:center;justify-content:flex-end}.wp-block-cover-image.is-position-bottom-left,.wp-block-cover.is-position-bottom-left{align-items:flex-end;justify-content:flex-start}.wp-block-cover-image.is-position-bottom-center,.wp-block-cover.is-position-bottom-center{align-items:flex-end;justify-content:center}.wp-block-cover-image.is-position-bottom-right,.wp-block-cover.is-position-bottom-right{align-items:flex-end;justify-content:flex-end}.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container{margin:0;width:auto}.wp-block-cover-image img.wp-block-cover__image-background,.wp-block-cover-image video.wp-block-cover__video-background,.wp-block-cover img.wp-block-cover__image-background,.wp-block-cover video.wp-block-cover__video-background{position:absolute;top:0;left:0;right:0;bottom:0;margin:0;padding:0;width:100%;height:100%;max-width:none;max-height:none;-o-object-fit:cover;object-fit:cover;outline:none;border:none;box-shadow:none}.wp-block-cover__image-background,.wp-block-cover__video-background{z-index:0}.wp-block-cover-image-text,.wp-block-cover-image-text a,.wp-block-cover-image-text a:active,.wp-block-cover-image-text a:focus,.wp-block-cover-image-text a:hover,.wp-block-cover-text,.wp-block-cover-text a,.wp-block-cover-text a:active,.wp-block-cover-text a:focus,.wp-block-cover-text a:hover,section.wp-block-cover-image h2,section.wp-block-cover-image h2 a,section.wp-block-cover-image h2 a:active,section.wp-block-cover-image h2 a:focus,section.wp-block-cover-image h2 a:hover{color:#fff}.wp-block-cover-image .wp-block-cover.has-left-content{justify-content:flex-start}.wp-block-cover-image .wp-block-cover.has-right-content{justify-content:flex-end}.wp-block-cover-image.has-left-content .wp-block-cover-image-text,.wp-block-cover.has-left-content .wp-block-cover-text,section.wp-block-cover-image.has-left-content>h2{margin-left:0;text-align:left}.wp-block-cover-image.has-right-content .wp-block-cover-image-text,.wp-block-cover.has-right-content .wp-block-cover-text,section.wp-block-cover-image.has-right-content>h2{margin-right:0;text-align:right}.wp-block-cover-image .wp-block-cover-image-text,.wp-block-cover .wp-block-cover-text,section.wp-block-cover-image>h2{font-size:2em;line-height:1.25;z-index:1;margin-bottom:0;max-width:840px;padding:.44em;text-align:center}.wp-block-embed.alignleft,.wp-block-embed.alignright,.wp-block[data-align=left]>[data-type="core/embed"],.wp-block[data-align=right]>[data-type="core/embed"]{max-width:360px;width:100%}.wp-block-embed.alignleft .wp-block-embed__wrapper,.wp-block-embed.alignright .wp-block-embed__wrapper,.wp-block[data-align=left]>[data-type="core/embed"] .wp-block-embed__wrapper,.wp-block[data-align=right]>[data-type="core/embed"] .wp-block-embed__wrapper{min-width:280px}.wp-block-cover .wp-block-embed{min-width:320px;min-height:240px}.wp-block-embed{margin:0 0 1em}.wp-block-embed figcaption{margin-top:.5em;margin-bottom:1em}.wp-block-embed iframe{max-width:100%}.wp-block-embed__wrapper{position:relative}.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper:before{content:"";display:block;padding-top:50%}.wp-embed-responsive .wp-has-aspect-ratio iframe{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%}.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper:before{padding-top:42.85%}.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper:before{padding-top:50%}.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before{padding-top:56.25%}.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper:before{padding-top:75%}.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper:before{padding-top:100%}.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper:before{padding-top:177.77%}.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper:before{padding-top:200%}.wp-block-file{margin-bottom:1.5em}.wp-block-file.aligncenter{text-align:center}.wp-block-file.alignright{text-align:right}.wp-block-file .wp-block-file__embed{margin-bottom:1em}.wp-block-file .wp-block-file__button{background:#32373c;border-radius:2em;color:#fff;font-size:.8em;padding:.5em 1em}.wp-block-file a.wp-block-file__button{text-decoration:none}.wp-block-file a.wp-block-file__button:active,.wp-block-file a.wp-block-file__button:focus,.wp-block-file a.wp-block-file__button:hover,.wp-block-file a.wp-block-file__button:visited{box-shadow:none;color:#fff;opacity:.85;text-decoration:none}.wp-block-file *+.wp-block-file__button{margin-left:.75em}.blocks-gallery-grid,.wp-block-gallery{display:flex;flex-wrap:wrap;list-style-type:none;padding:0;margin:0}.blocks-gallery-grid .blocks-gallery-image,.blocks-gallery-grid .blocks-gallery-item,.wp-block-gallery .blocks-gallery-image,.wp-block-gallery .blocks-gallery-item{margin:0 1em 1em 0;display:flex;flex-grow:1;flex-direction:column;justify-content:center;position:relative;align-self:flex-start;width:calc(50% - 1em)}.blocks-gallery-grid .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery .blocks-gallery-item:nth-of-type(2n){margin-right:0}.blocks-gallery-grid .blocks-gallery-image figure,.blocks-gallery-grid .blocks-gallery-item figure,.wp-block-gallery .blocks-gallery-image figure,.wp-block-gallery .blocks-gallery-item figure{margin:0;height:100%}@supports (position:sticky){.blocks-gallery-grid .blocks-gallery-image figure,.blocks-gallery-grid .blocks-gallery-item figure,.wp-block-gallery .blocks-gallery-image figure,.wp-block-gallery .blocks-gallery-item figure{display:flex;align-items:flex-end;justify-content:flex-start}}.blocks-gallery-grid .blocks-gallery-image img,.blocks-gallery-grid .blocks-gallery-item img,.wp-block-gallery .blocks-gallery-image img,.wp-block-gallery .blocks-gallery-item img{display:block;max-width:100%;height:auto;width:100%}@supports (position:sticky){.blocks-gallery-grid .blocks-gallery-image img,.blocks-gallery-grid .blocks-gallery-item img,.wp-block-gallery .blocks-gallery-image img,.wp-block-gallery .blocks-gallery-item img{width:auto}}.blocks-gallery-grid .blocks-gallery-image figcaption,.blocks-gallery-grid .blocks-gallery-item figcaption,.wp-block-gallery .blocks-gallery-image figcaption,.wp-block-gallery .blocks-gallery-item figcaption{position:absolute;bottom:0;width:100%;max-height:100%;overflow:auto;padding:3em .77em .7em;color:#fff;text-align:center;font-size:.8em;background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent);box-sizing:border-box;margin:0}.blocks-gallery-grid .blocks-gallery-image figcaption img,.blocks-gallery-grid .blocks-gallery-item figcaption img,.wp-block-gallery .blocks-gallery-image figcaption img,.wp-block-gallery .blocks-gallery-item figcaption img{display:inline}.blocks-gallery-grid figcaption,.wp-block-gallery figcaption{flex-grow:1}.blocks-gallery-grid.is-cropped .blocks-gallery-image,.blocks-gallery-grid.is-cropped .blocks-gallery-item,.wp-block-gallery.is-cropped .blocks-gallery-image,.wp-block-gallery.is-cropped .blocks-gallery-item{align-self:inherit}.blocks-gallery-grid.is-cropped .blocks-gallery-image a,.blocks-gallery-grid.is-cropped .blocks-gallery-image img,.blocks-gallery-grid.is-cropped .blocks-gallery-item a,.blocks-gallery-grid.is-cropped .blocks-gallery-item img,.wp-block-gallery.is-cropped .blocks-gallery-image a,.wp-block-gallery.is-cropped .blocks-gallery-image img,.wp-block-gallery.is-cropped .blocks-gallery-item a,.wp-block-gallery.is-cropped .blocks-gallery-item img{width:100%}@supports (position:sticky){.blocks-gallery-grid.is-cropped .blocks-gallery-image a,.blocks-gallery-grid.is-cropped .blocks-gallery-image img,.blocks-gallery-grid.is-cropped .blocks-gallery-item a,.blocks-gallery-grid.is-cropped .blocks-gallery-item img,.wp-block-gallery.is-cropped .blocks-gallery-image a,.wp-block-gallery.is-cropped .blocks-gallery-image img,.wp-block-gallery.is-cropped .blocks-gallery-item a,.wp-block-gallery.is-cropped .blocks-gallery-item img{height:100%;flex:1;-o-object-fit:cover;object-fit:cover}}.blocks-gallery-grid.columns-1 .blocks-gallery-image,.blocks-gallery-grid.columns-1 .blocks-gallery-item,.wp-block-gallery.columns-1 .blocks-gallery-image,.wp-block-gallery.columns-1 .blocks-gallery-item{width:100%;margin-right:0}@media (min-width:600px){.blocks-gallery-grid.columns-3 .blocks-gallery-image,.blocks-gallery-grid.columns-3 .blocks-gallery-item,.wp-block-gallery.columns-3 .blocks-gallery-image,.wp-block-gallery.columns-3 .blocks-gallery-item{width:calc(33.33333% - .66667em);margin-right:1em}.blocks-gallery-grid.columns-4 .blocks-gallery-image,.blocks-gallery-grid.columns-4 .blocks-gallery-item,.wp-block-gallery.columns-4 .blocks-gallery-image,.wp-block-gallery.columns-4 .blocks-gallery-item{width:calc(25% - .75em);margin-right:1em}.blocks-gallery-grid.columns-5 .blocks-gallery-image,.blocks-gallery-grid.columns-5 .blocks-gallery-item,.wp-block-gallery.columns-5 .blocks-gallery-image,.wp-block-gallery.columns-5 .blocks-gallery-item{width:calc(20% - .8em);margin-right:1em}.blocks-gallery-grid.columns-6 .blocks-gallery-image,.blocks-gallery-grid.columns-6 .blocks-gallery-item,.wp-block-gallery.columns-6 .blocks-gallery-image,.wp-block-gallery.columns-6 .blocks-gallery-item{width:calc(16.66667% - .83333em);margin-right:1em}.blocks-gallery-grid.columns-7 .blocks-gallery-image,.blocks-gallery-grid.columns-7 .blocks-gallery-item,.wp-block-gallery.columns-7 .blocks-gallery-image,.wp-block-gallery.columns-7 .blocks-gallery-item{width:calc(14.28571% - .85714em);margin-right:1em}.blocks-gallery-grid.columns-8 .blocks-gallery-image,.blocks-gallery-grid.columns-8 .blocks-gallery-item,.wp-block-gallery.columns-8 .blocks-gallery-image,.wp-block-gallery.columns-8 .blocks-gallery-item{width:calc(12.5% - .875em);margin-right:1em}.blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n),.blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n),.blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n),.blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n),.blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n),.blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n),.blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n),.blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n),.blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n),.blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n),.blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n),.blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n),.blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n),.blocks-gallery-grid.columns-8 .blocks-gallery-image:nth-of-type(8n),.blocks-gallery-grid.columns-8 .blocks-gallery-item:nth-of-type(8n),.wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n),.wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n),.wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n),.wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n),.wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n),.wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n),.wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n),.wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n),.wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n),.wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n),.wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n),.wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n),.wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n),.wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n){margin-right:0}}.blocks-gallery-grid .blocks-gallery-image:last-child,.blocks-gallery-grid .blocks-gallery-item:last-child,.wp-block-gallery .blocks-gallery-image:last-child,.wp-block-gallery .blocks-gallery-item:last-child{margin-right:0}.blocks-gallery-grid.alignleft,.blocks-gallery-grid.alignright,.wp-block-gallery.alignleft,.wp-block-gallery.alignright{max-width:420px;width:100%}.blocks-gallery-grid.aligncenter .blocks-gallery-item figure,.wp-block-gallery.aligncenter .blocks-gallery-item figure{justify-content:center}.wp-block-group{box-sizing:border-box}h1.has-background,h2.has-background,h3.has-background,h4.has-background,h5.has-background,h6.has-background{padding:1.25em 2.375em}.wp-block-image{margin:0 0 1em}.wp-block-image img{max-width:100%}.wp-block-image:not(.is-style-rounded) img{border-radius:inherit}.wp-block-image.aligncenter{text-align:center}.wp-block-image.alignfull img,.wp-block-image.alignwide img{width:100%}.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright{display:table}.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption{display:table-caption;caption-side:bottom}.wp-block-image .alignleft{float:left;margin:.5em 1em .5em 0}.wp-block-image .alignright{float:right;margin:.5em 0 .5em 1em}.wp-block-image .aligncenter{margin-left:auto;margin-right:auto}.wp-block-image figcaption{margin-top:.5em;margin-bottom:1em}.wp-block-image.is-style-circle-mask img,.wp-block-image.is-style-rounded img{border-radius:9999px}@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none){.wp-block-image.is-style-circle-mask img{-webkit-mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');mask-mode:alpha;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;border-radius:0}}.wp-block-image figure{margin:0}ol.wp-block-latest-comments{margin-left:0}.wp-block-latest-comments .wp-block-latest-comments{padding-left:0}.wp-block-latest-comments__comment{line-height:1.1;list-style:none;margin-bottom:1em}.has-avatars .wp-block-latest-comments__comment{min-height:2.25em;list-style:none}.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta{margin-left:3.25em}.has-dates .wp-block-latest-comments__comment,.has-excerpts .wp-block-latest-comments__comment{line-height:1.5}.wp-block-latest-comments__comment-excerpt p{font-size:.875em;line-height:1.8;margin:.36em 0 1.4em}.wp-block-latest-comments__comment-date{display:block;font-size:.75em}.wp-block-latest-comments .avatar,.wp-block-latest-comments__comment-avatar{border-radius:1.5em;display:block;float:left;height:2.5em;margin-right:.75em;width:2.5em}.wp-block-latest-posts.alignleft{margin-right:2em}.wp-block-latest-posts.alignright{margin-left:2em}.wp-block-latest-posts.wp-block-latest-posts__list{list-style:none;padding-left:0}.wp-block-latest-posts.wp-block-latest-posts__list li{clear:both}.wp-block-latest-posts.is-grid{display:flex;flex-wrap:wrap;padding:0}.wp-block-latest-posts.is-grid li{margin:0 1.25em 1.25em 0;width:100%}@media (min-width:600px){.wp-block-latest-posts.columns-2 li{width:calc(50% - .625em)}.wp-block-latest-posts.columns-2 li:nth-child(2n){margin-right:0}.wp-block-latest-posts.columns-3 li{width:calc(33.33333% - .83333em)}.wp-block-latest-posts.columns-3 li:nth-child(3n){margin-right:0}.wp-block-latest-posts.columns-4 li{width:calc(25% - .9375em)}.wp-block-latest-posts.columns-4 li:nth-child(4n){margin-right:0}.wp-block-latest-posts.columns-5 li{width:calc(20% - 1em)}.wp-block-latest-posts.columns-5 li:nth-child(5n){margin-right:0}.wp-block-latest-posts.columns-6 li{width:calc(16.66667% - 1.04167em)}.wp-block-latest-posts.columns-6 li:nth-child(6n){margin-right:0}}.wp-block-latest-posts__post-author,.wp-block-latest-posts__post-date{display:block;color:#555;font-size:.8125em}.wp-block-latest-posts__post-excerpt{margin-top:.5em;margin-bottom:1em}.wp-block-latest-posts__featured-image a{display:inline-block}.wp-block-latest-posts__featured-image img{height:auto;width:auto;max-width:100%}.wp-block-latest-posts__featured-image.alignleft{margin-right:1em}.wp-block-latest-posts__featured-image.alignright{margin-left:1em}.wp-block-latest-posts__featured-image.aligncenter{margin-bottom:1em;text-align:center}.block-editor-image-alignment-control__row .components-base-control__field{display:flex;justify-content:space-between;align-items:center}.block-editor-image-alignment-control__row .components-base-control__field .components-base-control__label{margin-bottom:0}ol.has-background,ul.has-background{padding:1.25em 2.375em}.wp-block-media-text{ direction:ltr; display:grid;grid-template-columns:50% 1fr;grid-template-rows:auto}.wp-block-media-text.has-media-on-the-right{grid-template-columns:1fr 50%}.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media{align-self:start}.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media,.wp-block-media-text .wp-block-media-text__content,.wp-block-media-text .wp-block-media-text__media{align-self:center}.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media{align-self:end}.wp-block-media-text .wp-block-media-text__media{ grid-column:1;grid-row:1; margin:0}.wp-block-media-text .wp-block-media-text__content{direction:ltr; grid-column:2;grid-row:1; padding:0 8%;word-break:break-word}.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media{ grid-column:2;grid-row:1 }.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{ grid-column:1;grid-row:1 }.wp-block-media-text__media img,.wp-block-media-text__media video{max-width:unset;width:100%;vertical-align:middle}.wp-block-media-text.is-image-fill .wp-block-media-text__media{height:100%;min-height:250px;background-size:cover}.wp-block-media-text.is-image-fill .wp-block-media-text__media>a{display:block;height:100%}.wp-block-media-text.is-image-fill .wp-block-media-text__media img{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media (max-width:600px){.wp-block-media-text.is-stacked-on-mobile{grid-template-columns:100%!important}.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media{grid-column:1;grid-row:1}.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content{grid-column:1;grid-row:2}}.wp-block-navigation{position:relative}.wp-block-navigation ul,.wp-block-navigation ul li{list-style:none;padding:0}.wp-block-navigation .wp-block-navigation-link,.wp-block-navigation .wp-block-pages-list__item{display:flex;align-items:center;position:relative}.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__container:empty,.wp-block-navigation .wp-block-pages-list__item .wp-block-navigation-link__container:empty{display:none}.wp-block-navigation .wp-block-navigation-link__content,.wp-block-navigation .wp-block-pages-list__item__link{color:inherit;display:block}.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link,.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__container,.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__content,.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__content:active,.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__content:focus,.wp-block-navigation[style*=text-decoration] .wp-block-pages-list__item,.wp-block-navigation[style*=text-decoration] .wp-block-pages-list__item__link,.wp-block-navigation[style*=text-decoration] .wp-block-pages-list__item__link:active,.wp-block-navigation[style*=text-decoration] .wp-block-pages-list__item__link:focus{text-decoration:inherit}.wp-block-navigation:not([style*=text-decoration]) .wp-block-navigation-link__content,.wp-block-navigation:not([style*=text-decoration]) .wp-block-navigation-link__content:active,.wp-block-navigation:not([style*=text-decoration]) .wp-block-navigation-link__content:focus,.wp-block-navigation:not([style*=text-decoration]) .wp-block-pages-list__item__link,.wp-block-navigation:not([style*=text-decoration]) .wp-block-pages-list__item__link:active,.wp-block-navigation:not([style*=text-decoration]) .wp-block-pages-list__item__link:focus{text-decoration:none}.wp-block-navigation .wp-block-navigation-link__submenu-icon,.wp-block-navigation .wp-block-page-list__submenu-icon{height:inherit}.wp-block-navigation .wp-block-navigation-link__submenu-icon svg,.wp-block-navigation .wp-block-page-list__submenu-icon svg{stroke:currentColor}.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__content.wp-block-navigation-link__content.wp-block-navigation-link__content,.wp-block-navigation .wp-block-pages-list__item .wp-block-pages-list__item__link{padding:0}.wp-block-navigation .has-child>.wp-block-navigation-link__content,.wp-block-navigation .has-child>.wp-block-pages-list__item__link{margin-right:.5em}.wp-block-navigation .has-child .submenu-container,.wp-block-navigation .has-child .wp-block-navigation-link__container{background-color:inherit;color:inherit;position:absolute;z-index:2;flex-direction:column;align-items:normal;min-width:200px;display:none;opacity:0;transition:opacity .1s linear;visibility:hidden}.wp-block-navigation .has-child .submenu-container>.wp-block-navigation-link>.wp-block-navigation-link__content,.wp-block-navigation .has-child .submenu-container>.wp-block-navigation-link>.wp-block-pages-list__item__link,.wp-block-navigation .has-child .submenu-container>.wp-block-pages-list__item>.wp-block-navigation-link__content,.wp-block-navigation .has-child .submenu-container>.wp-block-pages-list__item>.wp-block-pages-list__item__link,.wp-block-navigation .has-child .wp-block-navigation-link__container>.wp-block-navigation-link>.wp-block-navigation-link__content,.wp-block-navigation .has-child .wp-block-navigation-link__container>.wp-block-navigation-link>.wp-block-pages-list__item__link,.wp-block-navigation .has-child .wp-block-navigation-link__container>.wp-block-pages-list__item>.wp-block-navigation-link__content,.wp-block-navigation .has-child .wp-block-navigation-link__container>.wp-block-pages-list__item>.wp-block-pages-list__item__link{flex-grow:1}.wp-block-navigation .has-child .submenu-container>.wp-block-navigation-link>.wp-block-navigation-link__submenu-icon,.wp-block-navigation .has-child .submenu-container>.wp-block-navigation-link>.wp-block-page-list__submenu-icon,.wp-block-navigation .has-child .submenu-container>.wp-block-pages-list__item>.wp-block-navigation-link__submenu-icon,.wp-block-navigation .has-child .submenu-container>.wp-block-pages-list__item>.wp-block-page-list__submenu-icon,.wp-block-navigation .has-child .wp-block-navigation-link__container>.wp-block-navigation-link>.wp-block-navigation-link__submenu-icon,.wp-block-navigation .has-child .wp-block-navigation-link__container>.wp-block-navigation-link>.wp-block-page-list__submenu-icon,.wp-block-navigation .has-child .wp-block-navigation-link__container>.wp-block-pages-list__item>.wp-block-navigation-link__submenu-icon,.wp-block-navigation .has-child .wp-block-navigation-link__container>.wp-block-pages-list__item>.wp-block-page-list__submenu-icon{padding-right:.5em}@media (min-width:782px){.wp-block-navigation .has-child .submenu-container .submenu-container:before,.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__container:before,.wp-block-navigation .has-child .wp-block-navigation-link__container .submenu-container:before,.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container:before{content:"";position:absolute;right:100%;height:100%;display:block;width:.5em;background:transparent}.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__submenu-icon svg,.wp-block-navigation .has-child .submenu-container .wp-block-page-list__submenu-icon svg,.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__submenu-icon svg,.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-page-list__submenu-icon svg{transform:rotate(-90deg)}}.wp-block-navigation .has-child:hover>.wp-block-navigation-link__container{display:flex;visibility:visible;opacity:1}.wp-block-navigation .has-child:focus-within>.wp-block-navigation-link__container{display:flex;visibility:visible;opacity:1}.wp-block-navigation .has-child:hover{cursor:pointer}.wp-block-navigation .has-child:hover>.submenu-container{display:flex;visibility:visible;opacity:1}.wp-block-navigation .has-child:focus-within{cursor:pointer}.wp-block-navigation .has-child:focus-within>.submenu-container{display:flex;visibility:visible;opacity:1}.wp-block-navigation.wp-block-navigation.items-justified-right>.submenu-container .has-child .submenu-container,.wp-block-navigation.wp-block-navigation.items-justified-right>.submenu-container .has-child .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation.items-justified-right>.wp-block-navigation__container .has-child .submenu-container,.wp-block-navigation.wp-block-navigation.items-justified-right>.wp-block-navigation__container .has-child .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation.items-justified-space-between>.submenu-container>.has-child:last-child .submenu-container,.wp-block-navigation.wp-block-navigation.items-justified-space-between>.submenu-container>.has-child:last-child .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .submenu-container,.wp-block-navigation.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation-link__container{left:auto;right:0}.wp-block-navigation.wp-block-navigation.items-justified-right>.submenu-container .has-child .submenu-container .submenu-container,.wp-block-navigation.wp-block-navigation.items-justified-right>.submenu-container .has-child .submenu-container .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation.items-justified-right>.submenu-container .has-child .wp-block-navigation-link__container .submenu-container,.wp-block-navigation.wp-block-navigation.items-justified-right>.submenu-container .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation.items-justified-right>.wp-block-navigation__container .has-child .submenu-container .submenu-container,.wp-block-navigation.wp-block-navigation.items-justified-right>.wp-block-navigation__container .has-child .submenu-container .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation.items-justified-right>.wp-block-navigation__container .has-child .wp-block-navigation-link__container .submenu-container,.wp-block-navigation.wp-block-navigation.items-justified-right>.wp-block-navigation__container .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation.items-justified-space-between>.submenu-container>.has-child:last-child .submenu-container .submenu-container,.wp-block-navigation.wp-block-navigation.items-justified-space-between>.submenu-container>.has-child:last-child .submenu-container .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation.items-justified-space-between>.submenu-container>.has-child:last-child .wp-block-navigation-link__container .submenu-container,.wp-block-navigation.wp-block-navigation.items-justified-space-between>.submenu-container>.has-child:last-child .wp-block-navigation-link__container .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .submenu-container .submenu-container,.wp-block-navigation.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .submenu-container .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation-link__container .submenu-container,.wp-block-navigation.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation-link__container .wp-block-navigation-link__container{left:auto;right:100%}.wp-block-navigation.wp-block-navigation .wp-block-navigation__container>.wp-block-navigation-link,.wp-block-navigation.wp-block-navigation .wp-block-page-list,.wp-block-navigation.wp-block-navigation .wp-block-page-list>.wp-block-pages-list__item{margin:0 2em 0 0}.wp-block-navigation.wp-block-navigation .wp-block-navigation__container>.wp-block-navigation-link:last-child,.wp-block-navigation.wp-block-navigation .wp-block-page-list:last-child,.wp-block-navigation.wp-block-navigation .wp-block-page-list>.wp-block-pages-list__item:last-child{margin-right:0}.wp-block-navigation.wp-block-navigation.has-background .wp-block-navigation__container>.wp-block-navigation-link,.wp-block-navigation.wp-block-navigation.has-background .wp-block-page-list,.wp-block-navigation.wp-block-navigation.has-background .wp-block-page-list>.wp-block-pages-list__item{margin:0 .5em 0 0}.wp-block-navigation.wp-block-navigation.has-background .wp-block-navigation__container .wp-block-navigation-link__content,.wp-block-navigation.wp-block-navigation.has-background .wp-block-page-list .wp-block-pages-list__item__link{padding:.5em 1em}.wp-block-navigation.wp-block-navigation .has-child .submenu-container,.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container{left:-1em;top:100%}.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link,.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-pages-list__item,.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link,.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-pages-list__item{margin:0}.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__content,.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-pages-list__item__link,.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__content,.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-pages-list__item__link{padding:.5em 1em}.wp-block-navigation.wp-block-navigation .has-child .submenu-container .submenu-container,.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .submenu-container,.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container{left:-1px}@media (min-width:782px){.wp-block-navigation.wp-block-navigation .has-child .submenu-container .submenu-container,.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .submenu-container,.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container{left:100%;top:-1px}}.wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container,.wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container{left:0;top:100%}.wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container .submenu-container,.wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .submenu-container,.wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container{left:0}@media (min-width:782px){.wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container .submenu-container,.wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .submenu-container,.wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container{left:100%;top:0}}.wp-block-navigation:not(.has-background) .submenu-container,.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation-link__container{background-color:#fff;color:#000;border:1px solid rgba(0,0,0,.15)}.wp-block-navigation__container{align-items:center;list-style:none;margin:0;padding-left:0}.wp-block-navigation__container .is-responsive{display:none}@media (min-width:600px){.wp-block-navigation__container{display:flex;flex-wrap:wrap}.is-vertical .wp-block-navigation__container{display:block;flex-direction:column;align-items:flex-start}}.items-justified-center .wp-block-navigation__container{justify-content:center}.items-justified-right .wp-block-navigation__container{justify-content:flex-end}.items-justified-space-between .wp-block-navigation__container{justify-content:space-between}.is-vertical.items-justified-center>ul{align-items:center}.is-vertical.items-justified-right>ul{align-items:flex-end}.is-vertical.items-justified-right>ul .wp-block-navigation-link,.is-vertical.items-justified-right>ul .wp-block-pages-list__item{margin-right:0;justify-content:flex-end}.wp-block-navigation__responsive-container{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1;align-items:flex-start;justify-content:flex-start}.wp-block-navigation__responsive-container.is-menu-open{display:flex;flex-direction:column;overflow:auto;z-index:100000;padding:24px;background-color:inherit}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{display:flex;flex-direction:column;margin-left:auto;margin-right:auto;align-items:flex-start;line-height:48px;padding:0}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container .wp-block-page-list{flex-direction:column}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link .wp-block-navigation-link__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item,.wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item .submenu-container{background:transparent!important}@media (min-width:600px){.wp-block-navigation__responsive-container:not(.is-menu-open){display:flex;flex-direction:row;position:relative;background-color:inherit}.wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-close{display:none}.wp-block-navigation__responsive-container.is-menu-open .submenu-container.submenu-container.submenu-container.submenu-container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link__container.wp-block-navigation-link__container.wp-block-navigation-link__container.wp-block-navigation-link__container{left:0}}.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{background-color:#fff;color:#000}.wp-block-navigation__responsive-container-close,.wp-block-navigation__responsive-container-open{vertical-align:middle;cursor:pointer;color:currentColor;background:transparent;border:none;margin:0;padding:0}.wp-block-navigation__responsive-container-close svg,.wp-block-navigation__responsive-container-open svg{fill:currentColor;pointer-events:none;display:block;width:24px;height:24px}.wp-block-navigation__responsive-container-open{display:flex}@media (min-width:600px){.wp-block-navigation__responsive-container-open{display:none}}.items-justified-left .wp-block-navigation__responsive-container-open{margin-left:0;margin-right:auto}.items-justified-center .wp-block-navigation__responsive-container-open{margin-left:auto;margin-right:auto}.items-justified-right .wp-block-navigation__responsive-container-open{margin-left:auto;margin-right:0}.wp-block-navigation__responsive-container-close{position:absolute;top:24px;right:24px;z-index:2}.wp-block-navigation__responsive-close{width:100%}.is-menu-open .wp-block-navigation__responsive-close,.is-menu-open .wp-block-navigation__responsive-container-content,.is-menu-open .wp-block-navigation__responsive-dialog{width:100%;height:100%}.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link__submenu-icon,.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list__submenu-icon{display:none}.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child .submenu-container,.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child .wp-block-navigation-link__container{position:relative;opacity:1;visibility:visible;padding:0 0 0 32px;border:none}.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link,.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item{flex-direction:column;align-items:flex-start}html.has-modal-open{overflow:hidden}.wp-block-navigation .wp-block-navigation-link__label{word-break:normal;overflow-wrap:break-word}.wp-block-navigation .wp-block-home-link__content{color:inherit;display:block;padding:.5em 1em}.wp-block-navigation[style*=text-decoration] .wp-block-home-link,.wp-block-navigation[style*=text-decoration] .wp-block-home-link__content,.wp-block-navigation[style*=text-decoration] .wp-block-home-link__content:active,.wp-block-navigation[style*=text-decoration] .wp-block-home-link__content:focus{text-decoration:inherit}.wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content,.wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content:active,.wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content:focus{text-decoration:none}.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-home-link__container{background-color:#fff;color:#000;border:1px solid rgba(0,0,0,.15)}.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-home-link__container .wp-block-home-link__container{top:-1px}.wp-block-navigation .wp-block-page-list{display:flex;flex-wrap:wrap;background-color:inherit}.wp-block-navigation .wp-block-pages-list__item{background-color:inherit}.wp-block-navigation .wp-block-page-list__submenu-icon{display:none}.is-open .wp-block-navigation__container .wp-block-page-list,.is-vertical .wp-block-navigation__container .wp-block-page-list,.wp-block-navigation .show-submenu-icons .wp-block-page-list__submenu-icon{display:block}@media (min-width:480px){.is-open .wp-block-navigation__container .wp-block-page-list{display:flex}}.items-justified-space-between .wp-block-page-list{display:contents}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;line-height:.68;font-weight:100;margin:.05em .1em 0 0;text-transform:uppercase;font-style:normal}p.has-drop-cap.has-background{overflow:hidden}p.has-background{padding:1.25em 2.375em}p.has-text-color a{color:inherit}.wp-block-post-author{display:flex;flex-wrap:wrap}.wp-block-post-author__byline{width:100%;margin-top:0;margin-bottom:0;font-size:.5em}.wp-block-post-author__avatar{margin-right:1em}.wp-block-post-author__bio{margin-bottom:.7em;font-size:.7em}.wp-block-post-author__content{flex-grow:1;flex-basis:0}.wp-block-post-author__name{font-weight:700;margin:0}.wp-block-post-comments .commentlist{list-style:none;margin:0;padding:0}.wp-block-post-comments .commentlist .comment{min-height:2.25em;padding-left:3.25em}.wp-block-post-comments .commentlist .comment p{font-size:.875em;line-height:1.8;margin:.36em 0 1.4em}.wp-block-post-comments .commentlist .children{list-style:none;margin:0;padding:0}.wp-block-post-comments .comment-author{line-height:1.5;margin-left:-3.25em}.wp-block-post-comments .comment-author .avatar{border-radius:1.5em;display:block;float:left;height:2.5em;margin-right:.75em;width:2.5em}.wp-block-post-comments .comment-author cite{font-style:normal}.wp-block-post-comments .comment-meta{line-height:1.5;margin-left:-3.25em}.wp-block-post-comments .comment-body .commentmetadata{font-size:.75em}.wp-block-post-comments .comment-form-author label,.wp-block-post-comments .comment-form-comment label,.wp-block-post-comments .comment-form-email label,.wp-block-post-comments .comment-form-url label{display:block}.wp-block-post-comments .comment-form-comment textarea{box-sizing:border-box;width:100%}.wp-block-post-comments .reply{font-size:.75em;margin-bottom:1.4em}.wp-block-post-comments input,.wp-block-post-comments textarea{border:1px solid #949494}.wp-block-post-comments-form input[type=submit]{border:none;box-shadow:none;cursor:pointer;display:inline-block;text-align:center;overflow-wrap:break-word}.wp-block-post-excerpt__more-link,.wp-block-post-title a{display:inline-block}.wp-block-preformatted{white-space:pre-wrap}.wp-block-preformatted.has-background{padding:1.25em 2.375em}.wp-block-pullquote{margin:0 0 1em;padding:3em 0;text-align:center}.wp-block-pullquote.alignleft,.wp-block-pullquote.alignright{max-width:420px}.wp-block-pullquote.alignleft p,.wp-block-pullquote.alignright p{font-size:1.25em}.wp-block-pullquote p{font-size:1.75em;line-height:1.6}.wp-block-pullquote cite,.wp-block-pullquote footer{position:relative}.wp-block-pullquote .has-text-color a{color:inherit}.wp-block-pullquote:not(.is-style-solid-color){background:none}.wp-block-pullquote.is-style-solid-color{border:none}.wp-block-pullquote.is-style-solid-color blockquote{margin-left:auto;margin-right:auto;text-align:left;max-width:60%}.wp-block-pullquote.is-style-solid-color blockquote p{margin-top:0;margin-bottom:0;font-size:2em}.wp-block-pullquote.is-style-solid-color blockquote cite{text-transform:none;font-style:normal}.wp-block-pullquote cite{color:inherit}.wp-block-post-template,.wp-block-query-loop{max-width:100%;list-style:none;padding:0}.wp-block-post-template li,.wp-block-query-loop li{clear:both}.wp-block-post-template.is-flex-container,.wp-block-query-loop.is-flex-container{flex-direction:row;display:flex;flex-wrap:wrap}.wp-block-post-template.is-flex-container li,.wp-block-query-loop.is-flex-container li{margin:0 0 1.25em;width:100%}@media (min-width:600px){.wp-block-post-template.is-flex-container li,.wp-block-query-loop.is-flex-container li{margin-right:1.25em}.wp-block-post-template.is-flex-container.is-flex-container.columns-2>li,.wp-block-query-loop.is-flex-container.is-flex-container.columns-2>li{width:calc(50% - .625em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-2>li:nth-child(2n),.wp-block-query-loop.is-flex-container.is-flex-container.columns-2>li:nth-child(2n){margin-right:0}.wp-block-post-template.is-flex-container.is-flex-container.columns-3>li,.wp-block-query-loop.is-flex-container.is-flex-container.columns-3>li{width:calc(33.33333% - .83333em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-3>li:nth-child(3n),.wp-block-query-loop.is-flex-container.is-flex-container.columns-3>li:nth-child(3n){margin-right:0}.wp-block-post-template.is-flex-container.is-flex-container.columns-4>li,.wp-block-query-loop.is-flex-container.is-flex-container.columns-4>li{width:calc(25% - .9375em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-4>li:nth-child(4n),.wp-block-query-loop.is-flex-container.is-flex-container.columns-4>li:nth-child(4n){margin-right:0}.wp-block-post-template.is-flex-container.is-flex-container.columns-5>li,.wp-block-query-loop.is-flex-container.is-flex-container.columns-5>li{width:calc(20% - 1em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-5>li:nth-child(5n),.wp-block-query-loop.is-flex-container.is-flex-container.columns-5>li:nth-child(5n){margin-right:0}.wp-block-post-template.is-flex-container.is-flex-container.columns-6>li,.wp-block-query-loop.is-flex-container.is-flex-container.columns-6>li{width:calc(16.66667% - 1.04167em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-6>li:nth-child(6n),.wp-block-query-loop.is-flex-container.is-flex-container.columns-6>li:nth-child(6n){margin-right:0}}.wp-block-query-pagination{display:flex;flex-direction:row;flex-wrap:wrap}.wp-block-query-pagination>.wp-block-query-pagination-next,.wp-block-query-pagination>.wp-block-query-pagination-numbers,.wp-block-query-pagination>.wp-block-query-pagination-previous{display:inline-block;margin-right:.5em;margin-bottom:.5em}.wp-block-query-pagination>.wp-block-query-pagination-next:last-child,.wp-block-query-pagination>.wp-block-query-pagination-numbers:last-child,.wp-block-query-pagination>.wp-block-query-pagination-previous:last-child{margin-right:0}.wp-block-quote.is-large,.wp-block-quote.is-style-large{margin-bottom:1em;padding:0 1em}.wp-block-quote.is-large p,.wp-block-quote.is-style-large p{font-size:1.5em;font-style:italic;line-height:1.6}.wp-block-quote.is-large cite,.wp-block-quote.is-large footer,.wp-block-quote.is-style-large cite,.wp-block-quote.is-style-large footer{font-size:1.125em;text-align:right}.wp-block-rss.wp-block-rss{box-sizing:border-box}.wp-block-rss.alignleft{margin-right:2em}.wp-block-rss.alignright{margin-left:2em}.wp-block-rss.is-grid{display:flex;flex-wrap:wrap;padding:0;list-style:none}.wp-block-rss.is-grid li{margin:0 1em 1em 0;width:100%}@media (min-width:600px){.wp-block-rss.columns-2 li{width:calc(50% - 1em)}.wp-block-rss.columns-3 li{width:calc(33.33333% - 1em)}.wp-block-rss.columns-4 li{width:calc(25% - 1em)}.wp-block-rss.columns-5 li{width:calc(20% - 1em)}.wp-block-rss.columns-6 li{width:calc(16.66667% - 1em)}}.wp-block-rss__item-author,.wp-block-rss__item-publish-date{display:block;color:#555;font-size:.8125em}.wp-block-search .wp-block-search__button{background:#f7f7f7;border:1px solid #ccc;padding:.375em .625em;color:#32373c;margin-left:.625em;word-break:normal}.wp-block-search .wp-block-search__button.has-icon{line-height:0}.wp-block-search .wp-block-search__button svg{min-width:1.5em;min-height:1.5em}.wp-block-search .wp-block-search__inside-wrapper{display:flex;flex:auto;flex-wrap:nowrap;max-width:100%}.wp-block-search .wp-block-search__label{width:100%}.wp-block-search .wp-block-search__input{flex-grow:1;min-width:3em;border:1px solid #949494}.wp-block-search.wp-block-search__button-only .wp-block-search__button{margin-left:0}.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper{padding:4px;border:1px solid #949494}.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input{border-radius:0;border:none;padding:0 0 0 .25em}.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus{outline:none}.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button{padding:.125em .5em}.wp-block-search.aligncenter .wp-block-search__inside-wrapper{margin:auto}.wp-block-separator{border-top:1px solid;border-bottom:1px solid}.wp-block-separator.is-style-wide{border-bottom-width:1px}.wp-block-separator.is-style-dots{background:none!important;border:none;text-align:center;width:none;line-height:1;height:auto}.wp-block-separator.is-style-dots:before{content:"···";color:currentColor;font-size:1.5em;letter-spacing:2em;padding-left:2em;font-family:serif}.wp-block-site-logo{line-height:0}.wp-block-site-logo a{display:inline-block}.wp-block-site-logo.is-default-size img{width:120px;height:auto}.wp-block-site-logo .aligncenter{display:table}.wp-block-site-logo.is-style-rounded img{border-radius:9999px}.wp-block-social-links{display:flex;flex-wrap:wrap;padding-left:0;padding-right:0;text-indent:0;margin-left:0}.wp-block-social-links .wp-social-link a,.wp-block-social-links .wp-social-link a:hover{text-decoration:none;border-bottom:0;box-shadow:none}.wp-block-social-links .wp-social-link.wp-social-link.wp-social-link{margin:4px 8px 4px 0}.wp-block-social-links .wp-social-link a{padding:.25em}.wp-block-social-links .wp-social-link svg{width:1em;height:1em}.wp-block-social-links.has-small-icon-size{font-size:16px}.wp-block-social-links,.wp-block-social-links.has-normal-icon-size{font-size:24px}.wp-block-social-links.has-large-icon-size{font-size:36px}.wp-block-social-links.has-huge-icon-size{font-size:48px}.wp-block-social-links.aligncenter{justify-content:center;display:flex}.wp-block-social-links.alignright{justify-content:flex-end}.wp-block-social-link{display:block;border-radius:9999px;transition:transform .1s ease;height:auto}@media (prefers-reduced-motion:reduce){.wp-block-social-link{transition-duration:0s;transition-delay:0s}}.wp-block-social-link a{display:block;line-height:0;transition:transform .1s ease}.wp-block-social-link:hover{transform:scale(1.1)}.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:active,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:visited,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg{color:currentColor;fill:currentColor}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link{background-color:#f0f0f0;color:#444}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon{background-color:#f90;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp{background-color:#1ea0c3;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance{background-color:#0757fe;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen{background-color:#1e1f26;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart{background-color:#02e49b;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble{background-color:#e94c89;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox{background-color:#4280ff;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy{background-color:#f45800;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook{background-color:#1778f2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx{background-color:#000;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr{background-color:#0461dd;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare{background-color:#e65678;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github{background-color:#24292d;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads{background-color:#eceadd;color:#382110}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google{background-color:#ea4434;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram{background-color:#f00075;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm{background-color:#e21b24;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin{background-color:#0d66c2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon{background-color:#3288d4;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium{background-color:#02ab6c;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup{background-color:#f6405f;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-patreon{background-color:#ff424d;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest{background-color:#e60122;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket{background-color:#ef4155;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit{background-color:#fe4500;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype{background-color:#0478d7;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat{background-color:#fefc00;color:#fff;stroke:#000}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud{background-color:#ff5600;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify{background-color:#1bd760;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-telegram{background-color:#2aabee;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tiktok{background-color:#000;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr{background-color:#011835;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch{background-color:#6440a4;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter{background-color:#1da1f2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo{background-color:#1eb7ea;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk{background-color:#4680c2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress{background-color:#3499cd;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp{background-color:#d32422;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube{background-color:red;color:#fff}.wp-block-social-links.is-style-logos-only .wp-social-link{background:none;padding:4px}.wp-block-social-links.is-style-logos-only .wp-social-link-amazon{color:#f90}.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp{color:#1ea0c3}.wp-block-social-links.is-style-logos-only .wp-social-link-behance{color:#0757fe}.wp-block-social-links.is-style-logos-only .wp-social-link-codepen{color:#1e1f26}.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart{color:#02e49b}.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble{color:#e94c89}.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox{color:#4280ff}.wp-block-social-links.is-style-logos-only .wp-social-link-etsy{color:#f45800}.wp-block-social-links.is-style-logos-only .wp-social-link-facebook{color:#1778f2}.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx{color:#000}.wp-block-social-links.is-style-logos-only .wp-social-link-flickr{color:#0461dd}.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare{color:#e65678}.wp-block-social-links.is-style-logos-only .wp-social-link-github{color:#24292d}.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads{color:#382110}.wp-block-social-links.is-style-logos-only .wp-social-link-google{color:#ea4434}.wp-block-social-links.is-style-logos-only .wp-social-link-instagram{color:#f00075}.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm{color:#e21b24}.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin{color:#0d66c2}.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon{color:#3288d4}.wp-block-social-links.is-style-logos-only .wp-social-link-medium{color:#02ab6c}.wp-block-social-links.is-style-logos-only .wp-social-link-meetup{color:#f6405f}.wp-block-social-links.is-style-logos-only .wp-social-link-patreon{color:#ff424d}.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest{color:#e60122}.wp-block-social-links.is-style-logos-only .wp-social-link-pocket{color:#ef4155}.wp-block-social-links.is-style-logos-only .wp-social-link-reddit{color:#fe4500}.wp-block-social-links.is-style-logos-only .wp-social-link-skype{color:#0478d7}.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat{color:#fff;stroke:#000}.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud{color:#ff5600}.wp-block-social-links.is-style-logos-only .wp-social-link-spotify{color:#1bd760}.wp-block-social-links.is-style-logos-only .wp-social-link-telegram{color:#2aabee}.wp-block-social-links.is-style-logos-only .wp-social-link-tiktok{color:#000}.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr{color:#011835}.wp-block-social-links.is-style-logos-only .wp-social-link-twitch{color:#6440a4}.wp-block-social-links.is-style-logos-only .wp-social-link-twitter{color:#1da1f2}.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo{color:#1eb7ea}.wp-block-social-links.is-style-logos-only .wp-social-link-vk{color:#4680c2}.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress{color:#3499cd}.wp-block-social-links.is-style-logos-only .wp-social-link-yelp{color:#d32422}.wp-block-social-links.is-style-logos-only .wp-social-link-youtube{color:red}.wp-block-social-links.is-style-pill-shape .wp-social-link{width:auto}.wp-block-social-links.is-style-pill-shape .wp-social-link a{padding-left:.66667em;padding-right:.66667em}.wp-block-spacer{clear:both}.wp-block-tag-cloud.aligncenter{text-align:center}.wp-block-tag-cloud.alignfull{padding-left:1em;padding-right:1em}.wp-block-table{margin:0 0 1em;overflow-x:auto}.wp-block-table table{border-collapse:collapse;width:100%}.wp-block-table .has-fixed-layout{table-layout:fixed;width:100%}.wp-block-table .has-fixed-layout td,.wp-block-table .has-fixed-layout th{word-break:break-word}.wp-block-table.aligncenter,.wp-block-table.alignleft,.wp-block-table.alignright{display:table;width:auto}.wp-block-table.aligncenter td,.wp-block-table.aligncenter th,.wp-block-table.alignleft td,.wp-block-table.alignleft th,.wp-block-table.alignright td,.wp-block-table.alignright th{word-break:break-word}.wp-block-table .has-subtle-light-gray-background-color{background-color:#f3f4f5}.wp-block-table .has-subtle-pale-green-background-color{background-color:#e9fbe5}.wp-block-table .has-subtle-pale-blue-background-color{background-color:#e7f5fe}.wp-block-table .has-subtle-pale-pink-background-color{background-color:#fcf0ef}.wp-block-table.is-style-stripes{border-spacing:0;border-collapse:inherit;background-color:transparent;border-bottom:1px solid #f0f0f0}.wp-block-table.is-style-stripes tbody tr:nth-child(odd){background-color:#f0f0f0}.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd){background-color:#f3f4f5}.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd){background-color:#e9fbe5}.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd){background-color:#e7f5fe}.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd){background-color:#fcf0ef}.wp-block-table.is-style-stripes td,.wp-block-table.is-style-stripes th{border-color:transparent}.wp-block-table .has-border-color>*,.wp-block-table .has-border-color td,.wp-block-table .has-border-color th,.wp-block-table .has-border-color tr{border-color:inherit}.wp-block-table table[style*=border-style]>*,.wp-block-table table[style*=border-style] td,.wp-block-table table[style*=border-style] th,.wp-block-table table[style*=border-style] tr{border-style:inherit}.wp-block-table table[style*=border-width]>*,.wp-block-table table[style*=border-width] td,.wp-block-table table[style*=border-width] th,.wp-block-table table[style*=border-width] tr{border-width:inherit}.wp-block-text-columns,.wp-block-text-columns.aligncenter{display:flex}.wp-block-text-columns .wp-block-column{margin:0 1em;padding:0}.wp-block-text-columns .wp-block-column:first-child{margin-left:0}.wp-block-text-columns .wp-block-column:last-child{margin-right:0}.wp-block-text-columns.columns-2 .wp-block-column{width:50%}.wp-block-text-columns.columns-3 .wp-block-column{width:33.33333%}.wp-block-text-columns.columns-4 .wp-block-column{width:25%}pre.wp-block-verse{font-family:inherit;overflow:auto;white-space:pre-wrap}.wp-block-video{margin:0 0 1em}.wp-block-video video{width:100%}@supports (position:sticky){.wp-block-video [poster]{-o-object-fit:cover;object-fit:cover}}.wp-block-video.aligncenter{text-align:center}.wp-block-video figcaption{margin-top:.5em;margin-bottom:1em}.wp-block-post-featured-image{margin-left:0;margin-right:0}.wp-block-post-featured-image a{display:inline-block}.wp-block-post-featured-image img{max-width:100%;height:auto}.wp-block-post-featured-image.alignfull img,.wp-block-post-featured-image.alignwide img{width:100%}:root .has-pale-pink-background-color{background-color:#f78da7}:root .has-vivid-red-background-color{background-color:#cf2e2e}:root .has-luminous-vivid-orange-background-color{background-color:#ff6900}:root .has-luminous-vivid-amber-background-color{background-color:#fcb900}:root .has-light-green-cyan-background-color{background-color:#7bdcb5}:root .has-vivid-green-cyan-background-color{background-color:#00d084}:root .has-pale-cyan-blue-background-color{background-color:#8ed1fc}:root .has-vivid-cyan-blue-background-color{background-color:#0693e3}:root .has-vivid-purple-background-color{background-color:#9b51e0}:root .has-white-background-color{background-color:#fff}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-cyan-bluish-gray-background-color{background-color:#abb8c3}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-black-background-color{background-color:#000}:root .has-pale-pink-color{color:#f78da7}:root .has-vivid-red-color{color:#cf2e2e}:root .has-luminous-vivid-orange-color{color:#ff6900}:root .has-luminous-vivid-amber-color{color:#fcb900}:root .has-light-green-cyan-color{color:#7bdcb5}:root .has-vivid-green-cyan-color{color:#00d084}:root .has-pale-cyan-blue-color{color:#8ed1fc}:root .has-vivid-cyan-blue-color{color:#0693e3}:root .has-vivid-purple-color{color:#9b51e0}:root .has-white-color{color:#fff}:root .has-very-light-gray-color{color:#eee}:root .has-cyan-bluish-gray-color{color:#abb8c3}:root .has-very-dark-gray-color{color:#313131}:root .has-black-color{color:#000}:root .has-vivid-cyan-blue-to-vivid-purple-gradient-background{background:linear-gradient(135deg,#0693e3,#9b51e0)}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-light-green-cyan-to-vivid-green-cyan-gradient-background{background:linear-gradient(135deg,#7adcb4,#00d082)}:root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background:linear-gradient(135deg,#fcb900,#ff6900)}:root .has-luminous-vivid-orange-to-vivid-red-gradient-background{background:linear-gradient(135deg,#ff6900,#cf2e2e)}:root .has-very-light-gray-to-cyan-bluish-gray-gradient-background{background:linear-gradient(135deg,#eee,#a9b8c3)}:root .has-cool-to-warm-spectrum-gradient-background{background:linear-gradient(135deg,#4aeadc,#9778d1 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#fef84c)}:root .has-blush-light-purple-gradient-background{background:linear-gradient(135deg,#ffceec,#9896f0)}:root .has-blush-bordeaux-gradient-background{background:linear-gradient(135deg,#fecda5,#fe2d2d 50%,#6b003e)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-luminous-dusk-gradient-background{background:linear-gradient(135deg,#ffcb70,#c751c0 50%,#4158d0)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-pale-ocean-gradient-background{background:linear-gradient(135deg,#fff5cb,#b6e3d4 50%,#33a7b5)}:root .has-electric-grass-gradient-background{background:linear-gradient(135deg,#caf880,#71ce7e)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}.has-small-font-size{font-size:.8125em}.has-normal-font-size,.has-regular-font-size{font-size:1em}.has-medium-font-size{font-size:1.25em}.has-large-font-size{font-size:2.25em}.has-huge-font-size,.has-larger-font-size{font-size:2.625em}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}@font-face{font-family:'FontAwesome';font-display:swap;src:url(//spgrid.bg/wp-content/themes/revolution/assets/fonts/fontawesome-webfont.eot?v=4.7.0);src:url(//spgrid.bg/wp-content/themes/revolution/assets/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'),url(//spgrid.bg/wp-content/themes/revolution/assets/fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'),url(//spgrid.bg/wp-content/themes/revolution/assets/fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'),url(//spgrid.bg/wp-content/themes/revolution/assets/fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),url(//spgrid.bg/wp-content/themes/revolution/assets/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}@-moz-keyframes flash {
0% {
opacity: 1
}
25% {
opacity: 0
}
50% {
opacity: 1
}
75% {
opacity: 0
}
100% {
opacity: 1
}
}
@-webkit-keyframes flash {
0% {
opacity: 1
}
25% {
opacity: 0
}
50% {
opacity: 1
}
75% {
opacity: 0
}
100% {
opacity: 1
}
}
@-o-keyframes flash {
0% {
opacity: 1
}
25% {
opacity: 0
}
50% {
opacity: 1
}
75% {
opacity: 0
}
100% {
opacity: 1
}
}
@-ms-keyframes flash {
0% {
opacity: 1
}
25% {
opacity: 0
}
50% {
opacity: 1
}
75% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes flash {
0% {
opacity: 1
}
25% {
opacity: 0
}
50% {
opacity: 1
}
75% {
opacity: 0
}
100% {
opacity: 1
}
}
@-moz-keyframes bounce {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
20% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
40% {
-webkit-transform: translateY(-30px);
-moz-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-o-transform: translateY(-30px);
transform: translateY(-30px)
}
50% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
60% {
-webkit-transform: translateY(-15px);
-moz-transform: translateY(-15px);
-ms-transform: translateY(-15px);
-o-transform: translateY(-15px);
transform: translateY(-15px)
}
80% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
}
@-webkit-keyframes bounce {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
20% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
40% {
-webkit-transform: translateY(-30px);
-moz-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-o-transform: translateY(-30px);
transform: translateY(-30px)
}
50% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
60% {
-webkit-transform: translateY(-15px);
-moz-transform: translateY(-15px);
-ms-transform: translateY(-15px);
-o-transform: translateY(-15px);
transform: translateY(-15px)
}
80% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
}
@-o-keyframes bounce {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
20% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
40% {
-webkit-transform: translateY(-30px);
-moz-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-o-transform: translateY(-30px);
transform: translateY(-30px)
}
50% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
60% {
-webkit-transform: translateY(-15px);
-moz-transform: translateY(-15px);
-ms-transform: translateY(-15px);
-o-transform: translateY(-15px);
transform: translateY(-15px)
}
80% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
}
@-ms-keyframes bounce {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
20% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
40% {
-webkit-transform: translateY(-30px);
-moz-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-o-transform: translateY(-30px);
transform: translateY(-30px)
}
50% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
60% {
-webkit-transform: translateY(-15px);
-moz-transform: translateY(-15px);
-ms-transform: translateY(-15px);
-o-transform: translateY(-15px);
transform: translateY(-15px)
}
80% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes bounce {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
20% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
40% {
-webkit-transform: translateY(-30px);
-moz-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-o-transform: translateY(-30px);
transform: translateY(-30px)
}
50% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
60% {
-webkit-transform: translateY(-15px);
-moz-transform: translateY(-15px);
-ms-transform: translateY(-15px);
-o-transform: translateY(-15px);
transform: translateY(-15px)
}
80% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
}
@-moz-keyframes shake {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
10% {
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px)
}
20% {
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px)
}
30% {
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px)
}
40% {
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px)
}
50% {
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px)
}
60% {
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px)
}
70% {
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px)
}
80% {
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px)
}
90% {
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px)
}
100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
}
@-webkit-keyframes shake {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
10% {
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px)
}
20% {
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px)
}
30% {
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px)
}
40% {
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px)
}
50% {
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px)
}
60% {
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px)
}
70% {
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px)
}
80% {
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px)
}
90% {
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px)
}
100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
}
@-o-keyframes shake {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
10% {
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px)
}
20% {
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px)
}
30% {
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px)
}
40% {
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px)
}
50% {
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px)
}
60% {
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px)
}
70% {
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px)
}
80% {
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px)
}
90% {
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px)
}
100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
}
@-ms-keyframes shake {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
10% {
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px)
}
20% {
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px)
}
30% {
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px)
}
40% {
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px)
}
50% {
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px)
}
60% {
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px)
}
70% {
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px)
}
80% {
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px)
}
90% {
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px)
}
100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes shake {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
10% {
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px)
}
20% {
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px)
}
30% {
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px)
}
40% {
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px)
}
50% {
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px)
}
60% {
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px)
}
70% {
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px)
}
80% {
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px)
}
90% {
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px)
}
100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
}
@-moz-keyframes tada {
0% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
10% {
-webkit-transform: scale(0.9) rotate(-3deg);
-moz-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
-o-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg)
}
20% {
-webkit-transform: scale(0.9) rotate(-3deg);
-moz-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
-o-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg)
}
30% {
-webkit-transform: scale(1.1) rotate(3deg);
-moz-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
-o-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg)
}
40% {
-webkit-transform: scale(1.1) rotate(-3deg);
-moz-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
-o-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg)
}
50% {
-webkit-transform: scale(1.1) rotate(3deg);
-moz-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
-o-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg)
}
60% {
-webkit-transform: scale(1.1) rotate(-3deg);
-moz-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
-o-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg)
}
70% {
-webkit-transform: scale(1.1) rotate(3deg);
-moz-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
-o-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg)
}
80% {
-webkit-transform: scale(1.1) rotate(-3deg);
-moz-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
-o-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg)
}
90% {
-webkit-transform: scale(1.1) rotate(3deg);
-moz-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
-o-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg)
}
100% {
-webkit-transform: scale(1) rotate(0);
-moz-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
-o-transform: scale(1) rotate(0);
transform: scale(1) rotate(0)
}
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
10% {
-webkit-transform: scale(0.9) rotate(-3deg);
-moz-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
-o-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg)
}
20% {
-webkit-transform: scale(0.9) rotate(-3deg);
-moz-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
-o-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg)
}
30% {
-webkit-transform: scale(1.1) rotate(3deg);
-moz-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
-o-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg)
}
40% {
-webkit-transform: scale(1.1) rotate(-3deg);
-moz-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
-o-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg)
}
50% {
-webkit-transform: scale(1.1) rotate(3deg);
-moz-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
-o-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg)
}
60% {
-webkit-transform: scale(1.1) rotate(-3deg);
-moz-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
-o-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg)
}
70% {
-webkit-transform: scale(1.1) rotate(3deg);
-moz-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
-o-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg)
}
80% {
-webkit-transform: scale(1.1) rotate(-3deg);
-moz-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
-o-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg)
}
90% {
-webkit-transform: scale(1.1) rotate(3deg);
-moz-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
-o-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg)
}
100% {
-webkit-transform: scale(1) rotate(0);
-moz-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
-o-transform: scale(1) rotate(0);
transform: scale(1) rotate(0)
}
}
@-o-keyframes tada {
0% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
10% {
-webkit-transform: scale(0.9) rotate(-3deg);
-moz-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
-o-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg)
}
20% {
-webkit-transform: scale(0.9) rotate(-3deg);
-moz-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
-o-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg)
}
30% {
-webkit-transform: scale(1.1) rotate(3deg);
-moz-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
-o-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg)
}
40% {
-webkit-transform: scale(1.1) rotate(-3deg);
-moz-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
-o-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg)
}
50% {
-webkit-transform: scale(1.1) rotate(3deg);
-moz-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
-o-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg)
}
60% {
-webkit-transform: scale(1.1) rotate(-3deg);
-moz-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
-o-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg)
}
70% {
-webkit-transform: scale(1.1) rotate(3deg);
-moz-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
-o-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg)
}
80% {
-webkit-transform: scale(1.1) rotate(-3deg);
-moz-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
-o-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg)
}
90% {
-webkit-transform: scale(1.1) rotate(3deg);
-moz-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
-o-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg)
}
100% {
-webkit-transform: scale(1) rotate(0);
-moz-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
-o-transform: scale(1) rotate(0);
transform: scale(1) rotate(0)
}
}
@-ms-keyframes tada {
0% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
10% {
-webkit-transform: scale(0.9) rotate(-3deg);
-moz-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
-o-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg)
}
20% {
-webkit-transform: scale(0.9) rotate(-3deg);
-moz-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
-o-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg)
}
30% {
-webkit-transform: scale(1.1) rotate(3deg);
-moz-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
-o-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg)
}
40% {
-webkit-transform: scale(1.1) rotate(-3deg);
-moz-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
-o-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg)
}
50% {
-webkit-transform: scale(1.1) rotate(3deg);
-moz-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
-o-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg)
}
60% {
-webkit-transform: scale(1.1) rotate(-3deg);
-moz-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
-o-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg)
}
70% {
-webkit-transform: scale(1.1) rotate(3deg);
-moz-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
-o-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg)
}
80% {
-webkit-transform: scale(1.1) rotate(-3deg);
-moz-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
-o-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg)
}
90% {
-webkit-transform: scale(1.1) rotate(3deg);
-moz-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
-o-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg)
}
100% {
-webkit-transform: scale(1) rotate(0);
-moz-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
-o-transform: scale(1) rotate(0);
transform: scale(1) rotate(0)
}
}
@keyframes tada {
0% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
10% {
-webkit-transform: scale(0.9) rotate(-3deg);
-moz-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
-o-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg)
}
20% {
-webkit-transform: scale(0.9) rotate(-3deg);
-moz-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
-o-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg)
}
30% {
-webkit-transform: scale(1.1) rotate(3deg);
-moz-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
-o-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg)
}
40% {
-webkit-transform: scale(1.1) rotate(-3deg);
-moz-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
-o-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg)
}
50% {
-webkit-transform: scale(1.1) rotate(3deg);
-moz-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
-o-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg)
}
60% {
-webkit-transform: scale(1.1) rotate(-3deg);
-moz-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
-o-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg)
}
70% {
-webkit-transform: scale(1.1) rotate(3deg);
-moz-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
-o-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg)
}
80% {
-webkit-transform: scale(1.1) rotate(-3deg);
-moz-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
-o-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg)
}
90% {
-webkit-transform: scale(1.1) rotate(3deg);
-moz-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
-o-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg)
}
100% {
-webkit-transform: scale(1) rotate(0);
-moz-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
-o-transform: scale(1) rotate(0);
transform: scale(1) rotate(0)
}
}
@-moz-keyframes swing {
20%,
40%,
60%,
80%,
100% {
-webkit-transform-origin: top center 50%;
-moz-transform-origin: top center 50%;
-ms-transform-origin: top center 50%;
-o-transform-origin: top center 50%;
transform-origin: top center 50%
}
20% {
-webkit-transform: rotate(15deg);
-moz-transform: rotate(15deg);
-ms-transform: rotate(15deg);
-o-transform: rotate(15deg);
transform: rotate(15deg)
}
40% {
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
transform: rotate(-10deg)
}
60% {
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
-ms-transform: rotate(5deg);
-o-transform: rotate(5deg);
transform: rotate(5deg)
}
80% {
-webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
transform: rotate(-5deg)
}
100% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg)
}
}
@-webkit-keyframes swing {
20%,
40%,
60%,
80%,
100% {
-webkit-transform-origin: top center 50%;
-moz-transform-origin: top center 50%;
-ms-transform-origin: top center 50%;
-o-transform-origin: top center 50%;
transform-origin: top center 50%
}
20% {
-webkit-transform: rotate(15deg);
-moz-transform: rotate(15deg);
-ms-transform: rotate(15deg);
-o-transform: rotate(15deg);
transform: rotate(15deg)
}
40% {
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
transform: rotate(-10deg)
}
60% {
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
-ms-transform: rotate(5deg);
-o-transform: rotate(5deg);
transform: rotate(5deg)
}
80% {
-webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
transform: rotate(-5deg)
}
100% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg)
}
}
@-o-keyframes swing {
20%,
40%,
60%,
80%,
100% {
-webkit-transform-origin: top center 50%;
-moz-transform-origin: top center 50%;
-ms-transform-origin: top center 50%;
-o-transform-origin: top center 50%;
transform-origin: top center 50%
}
20% {
-webkit-transform: rotate(15deg);
-moz-transform: rotate(15deg);
-ms-transform: rotate(15deg);
-o-transform: rotate(15deg);
transform: rotate(15deg)
}
40% {
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
transform: rotate(-10deg)
}
60% {
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
-ms-transform: rotate(5deg);
-o-transform: rotate(5deg);
transform: rotate(5deg)
}
80% {
-webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
transform: rotate(-5deg)
}
100% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg)
}
}
@-ms-keyframes swing {
20%,
40%,
60%,
80%,
100% {
-webkit-transform-origin: top center 50%;
-moz-transform-origin: top center 50%;
-ms-transform-origin: top center 50%;
-o-transform-origin: top center 50%;
transform-origin: top center 50%
}
20% {
-webkit-transform: rotate(15deg);
-moz-transform: rotate(15deg);
-ms-transform: rotate(15deg);
-o-transform: rotate(15deg);
transform: rotate(15deg)
}
40% {
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
transform: rotate(-10deg)
}
60% {
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
-ms-transform: rotate(5deg);
-o-transform: rotate(5deg);
transform: rotate(5deg)
}
80% {
-webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
transform: rotate(-5deg)
}
100% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg)
}
}
@keyframes swing {
20%,
40%,
60%,
80%,
100% {
-webkit-transform-origin: top center 50%;
-moz-transform-origin: top center 50%;
-ms-transform-origin: top center 50%;
-o-transform-origin: top center 50%;
transform-origin: top center 50%
}
20% {
-webkit-transform: rotate(15deg);
-moz-transform: rotate(15deg);
-ms-transform: rotate(15deg);
-o-transform: rotate(15deg);
transform: rotate(15deg)
}
40% {
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
transform: rotate(-10deg)
}
60% {
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
-ms-transform: rotate(5deg);
-o-transform: rotate(5deg);
transform: rotate(5deg)
}
80% {
-webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
transform: rotate(-5deg)
}
100% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg)
}
}
@-moz-keyframes wobble {
0% {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%)
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
-moz-transform: translateX(-25%) rotate(-5deg);
-ms-transform: translateX(-25%) rotate(-5deg);
-o-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg)
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
-moz-transform: translateX(20%) rotate(3deg);
-ms-transform: translateX(20%) rotate(3deg);
-o-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg)
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
-moz-transform: translateX(-15%) rotate(-3deg);
-ms-transform: translateX(-15%) rotate(-3deg);
-o-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg)
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
-moz-transform: translateX(10%) rotate(2deg);
-ms-transform: translateX(10%) rotate(2deg);
-o-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg)
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
-moz-transform: translateX(-5%) rotate(-1deg);
-ms-transform: translateX(-5%) rotate(-1deg);
-o-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg)
}
100% {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%)
}
}
@-webkit-keyframes wobble {
0% {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%)
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
-moz-transform: translateX(-25%) rotate(-5deg);
-ms-transform: translateX(-25%) rotate(-5deg);
-o-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg)
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
-moz-transform: translateX(20%) rotate(3deg);
-ms-transform: translateX(20%) rotate(3deg);
-o-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg)
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
-moz-transform: translateX(-15%) rotate(-3deg);
-ms-transform: translateX(-15%) rotate(-3deg);
-o-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg)
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
-moz-transform: translateX(10%) rotate(2deg);
-ms-transform: translateX(10%) rotate(2deg);
-o-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg)
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
-moz-transform: translateX(-5%) rotate(-1deg);
-ms-transform: translateX(-5%) rotate(-1deg);
-o-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg)
}
100% {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%)
}
}
@-o-keyframes wobble {
0% {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%)
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
-moz-transform: translateX(-25%) rotate(-5deg);
-ms-transform: translateX(-25%) rotate(-5deg);
-o-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg)
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
-moz-transform: translateX(20%) rotate(3deg);
-ms-transform: translateX(20%) rotate(3deg);
-o-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg)
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
-moz-transform: translateX(-15%) rotate(-3deg);
-ms-transform: translateX(-15%) rotate(-3deg);
-o-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg)
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
-moz-transform: translateX(10%) rotate(2deg);
-ms-transform: translateX(10%) rotate(2deg);
-o-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg)
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
-moz-transform: translateX(-5%) rotate(-1deg);
-ms-transform: translateX(-5%) rotate(-1deg);
-o-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg)
}
100% {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%)
}
}
@-ms-keyframes wobble {
0% {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%)
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
-moz-transform: translateX(-25%) rotate(-5deg);
-ms-transform: translateX(-25%) rotate(-5deg);
-o-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg)
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
-moz-transform: translateX(20%) rotate(3deg);
-ms-transform: translateX(20%) rotate(3deg);
-o-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg)
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
-moz-transform: translateX(-15%) rotate(-3deg);
-ms-transform: translateX(-15%) rotate(-3deg);
-o-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg)
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
-moz-transform: translateX(10%) rotate(2deg);
-ms-transform: translateX(10%) rotate(2deg);
-o-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg)
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
-moz-transform: translateX(-5%) rotate(-1deg);
-ms-transform: translateX(-5%) rotate(-1deg);
-o-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg)
}
100% {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%)
}
}
@keyframes wobble {
0% {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%)
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
-moz-transform: translateX(-25%) rotate(-5deg);
-ms-transform: translateX(-25%) rotate(-5deg);
-o-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg)
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
-moz-transform: translateX(20%) rotate(3deg);
-ms-transform: translateX(20%) rotate(3deg);
-o-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg)
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
-moz-transform: translateX(-15%) rotate(-3deg);
-ms-transform: translateX(-15%) rotate(-3deg);
-o-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg)
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
-moz-transform: translateX(10%) rotate(2deg);
-ms-transform: translateX(10%) rotate(2deg);
-o-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg)
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
-moz-transform: translateX(-5%) rotate(-1deg);
-ms-transform: translateX(-5%) rotate(-1deg);
-o-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg)
}
100% {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%)
}
}
@-moz-keyframes pulse {
0% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
50% {
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1)
}
100% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
50% {
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1)
}
100% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
}
@-o-keyframes pulse {
0% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
50% {
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1)
}
100% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
}
@-ms-keyframes pulse {
0% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
50% {
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1)
}
100% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
}
@keyframes pulse {
0% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
50% {
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1)
}
100% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
}
@-moz-keyframes wiggle {
0% {
-webkit-transform: skewX(9deg);
-moz-transform: skewX(9deg);
-ms-transform: skewX(9deg);
-o-transform: skewX(9deg);
transform: skewX(9deg)
}
10% {
-webkit-transform: skewX(-8deg);
-moz-transform: skewX(-8deg);
-ms-transform: skewX(-8deg);
-o-transform: skewX(-8deg);
transform: skewX(-8deg)
}
20% {
-webkit-transform: skewX(7deg);
-moz-transform: skewX(7deg);
-ms-transform: skewX(7deg);
-o-transform: skewX(7deg);
transform: skewX(7deg)
}
30% {
-webkit-transform: skewX(-6deg);
-moz-transform: skewX(-6deg);
-ms-transform: skewX(-6deg);
-o-transform: skewX(-6deg);
transform: skewX(-6deg)
}
40% {
-webkit-transform: skewX(5deg);
-moz-transform: skewX(5deg);
-ms-transform: skewX(5deg);
-o-transform: skewX(5deg);
transform: skewX(5deg)
}
50% {
-webkit-transform: skewX(-4deg);
-moz-transform: skewX(-4deg);
-ms-transform: skewX(-4deg);
-o-transform: skewX(-4deg);
transform: skewX(-4deg)
}
60% {
-webkit-transform: skewX(3deg);
-moz-transform: skewX(3deg);
-ms-transform: skewX(3deg);
-o-transform: skewX(3deg);
transform: skewX(3deg)
}
70% {
-webkit-transform: skewX(-2deg);
-moz-transform: skewX(-2deg);
-ms-transform: skewX(-2deg);
-o-transform: skewX(-2deg);
transform: skewX(-2deg)
}
80% {
-webkit-transform: skewX(1deg);
-moz-transform: skewX(1deg);
-ms-transform: skewX(1deg);
-o-transform: skewX(1deg);
transform: skewX(1deg)
}
90% {
-webkit-transform: skewX(0deg);
-moz-transform: skewX(0deg);
-ms-transform: skewX(0deg);
-o-transform: skewX(0deg);
transform: skewX(0deg)
}
100% {
-webkit-transform: skewX(0deg);
-moz-transform: skewX(0deg);
-ms-transform: skewX(0deg);
-o-transform: skewX(0deg);
transform: skewX(0deg)
}
}
@-webkit-keyframes wiggle {
0% {
-webkit-transform: skewX(9deg);
-moz-transform: skewX(9deg);
-ms-transform: skewX(9deg);
-o-transform: skewX(9deg);
transform: skewX(9deg)
}
10% {
-webkit-transform: skewX(-8deg);
-moz-transform: skewX(-8deg);
-ms-transform: skewX(-8deg);
-o-transform: skewX(-8deg);
transform: skewX(-8deg)
}
20% {
-webkit-transform: skewX(7deg);
-moz-transform: skewX(7deg);
-ms-transform: skewX(7deg);
-o-transform: skewX(7deg);
transform: skewX(7deg)
}
30% {
-webkit-transform: skewX(-6deg);
-moz-transform: skewX(-6deg);
-ms-transform: skewX(-6deg);
-o-transform: skewX(-6deg);
transform: skewX(-6deg)
}
40% {
-webkit-transform: skewX(5deg);
-moz-transform: skewX(5deg);
-ms-transform: skewX(5deg);
-o-transform: skewX(5deg);
transform: skewX(5deg)
}
50% {
-webkit-transform: skewX(-4deg);
-moz-transform: skewX(-4deg);
-ms-transform: skewX(-4deg);
-o-transform: skewX(-4deg);
transform: skewX(-4deg)
}
60% {
-webkit-transform: skewX(3deg);
-moz-transform: skewX(3deg);
-ms-transform: skewX(3deg);
-o-transform: skewX(3deg);
transform: skewX(3deg)
}
70% {
-webkit-transform: skewX(-2deg);
-moz-transform: skewX(-2deg);
-ms-transform: skewX(-2deg);
-o-transform: skewX(-2deg);
transform: skewX(-2deg)
}
80% {
-webkit-transform: skewX(1deg);
-moz-transform: skewX(1deg);
-ms-transform: skewX(1deg);
-o-transform: skewX(1deg);
transform: skewX(1deg)
}
90% {
-webkit-transform: skewX(0deg);
-moz-transform: skewX(0deg);
-ms-transform: skewX(0deg);
-o-transform: skewX(0deg);
transform: skewX(0deg)
}
100% {
-webkit-transform: skewX(0deg);
-moz-transform: skewX(0deg);
-ms-transform: skewX(0deg);
-o-transform: skewX(0deg);
transform: skewX(0deg)
}
}
@-o-keyframes wiggle {
0% {
-webkit-transform: skewX(9deg);
-moz-transform: skewX(9deg);
-ms-transform: skewX(9deg);
-o-transform: skewX(9deg);
transform: skewX(9deg)
}
10% {
-webkit-transform: skewX(-8deg);
-moz-transform: skewX(-8deg);
-ms-transform: skewX(-8deg);
-o-transform: skewX(-8deg);
transform: skewX(-8deg)
}
20% {
-webkit-transform: skewX(7deg);
-moz-transform: skewX(7deg);
-ms-transform: skewX(7deg);
-o-transform: skewX(7deg);
transform: skewX(7deg)
}
30% {
-webkit-transform: skewX(-6deg);
-moz-transform: skewX(-6deg);
-ms-transform: skewX(-6deg);
-o-transform: skewX(-6deg);
transform: skewX(-6deg)
}
40% {
-webkit-transform: skewX(5deg);
-moz-transform: skewX(5deg);
-ms-transform: skewX(5deg);
-o-transform: skewX(5deg);
transform: skewX(5deg)
}
50% {
-webkit-transform: skewX(-4deg);
-moz-transform: skewX(-4deg);
-ms-transform: skewX(-4deg);
-o-transform: skewX(-4deg);
transform: skewX(-4deg)
}
60% {
-webkit-transform: skewX(3deg);
-moz-transform: skewX(3deg);
-ms-transform: skewX(3deg);
-o-transform: skewX(3deg);
transform: skewX(3deg)
}
70% {
-webkit-transform: skewX(-2deg);
-moz-transform: skewX(-2deg);
-ms-transform: skewX(-2deg);
-o-transform: skewX(-2deg);
transform: skewX(-2deg)
}
80% {
-webkit-transform: skewX(1deg);
-moz-transform: skewX(1deg);
-ms-transform: skewX(1deg);
-o-transform: skewX(1deg);
transform: skewX(1deg)
}
90% {
-webkit-transform: skewX(0deg);
-moz-transform: skewX(0deg);
-ms-transform: skewX(0deg);
-o-transform: skewX(0deg);
transform: skewX(0deg)
}
100% {
-webkit-transform: skewX(0deg);
-moz-transform: skewX(0deg);
-ms-transform: skewX(0deg);
-o-transform: skewX(0deg);
transform: skewX(0deg)
}
}
@-ms-keyframes wiggle {
0% {
-webkit-transform: skewX(9deg);
-moz-transform: skewX(9deg);
-ms-transform: skewX(9deg);
-o-transform: skewX(9deg);
transform: skewX(9deg)
}
10% {
-webkit-transform: skewX(-8deg);
-moz-transform: skewX(-8deg);
-ms-transform: skewX(-8deg);
-o-transform: skewX(-8deg);
transform: skewX(-8deg)
}
20% {
-webkit-transform: skewX(7deg);
-moz-transform: skewX(7deg);
-ms-transform: skewX(7deg);
-o-transform: skewX(7deg);
transform: skewX(7deg)
}
30% {
-webkit-transform: skewX(-6deg);
-moz-transform: skewX(-6deg);
-ms-transform: skewX(-6deg);
-o-transform: skewX(-6deg);
transform: skewX(-6deg)
}
40% {
-webkit-transform: skewX(5deg);
-moz-transform: skewX(5deg);
-ms-transform: skewX(5deg);
-o-transform: skewX(5deg);
transform: skewX(5deg)
}
50% {
-webkit-transform: skewX(-4deg);
-moz-transform: skewX(-4deg);
-ms-transform: skewX(-4deg);
-o-transform: skewX(-4deg);
transform: skewX(-4deg)
}
60% {
-webkit-transform: skewX(3deg);
-moz-transform: skewX(3deg);
-ms-transform: skewX(3deg);
-o-transform: skewX(3deg);
transform: skewX(3deg)
}
70% {
-webkit-transform: skewX(-2deg);
-moz-transform: skewX(-2deg);
-ms-transform: skewX(-2deg);
-o-transform: skewX(-2deg);
transform: skewX(-2deg)
}
80% {
-webkit-transform: skewX(1deg);
-moz-transform: skewX(1deg);
-ms-transform: skewX(1deg);
-o-transform: skewX(1deg);
transform: skewX(1deg)
}
90% {
-webkit-transform: skewX(0deg);
-moz-transform: skewX(0deg);
-ms-transform: skewX(0deg);
-o-transform: skewX(0deg);
transform: skewX(0deg)
}
100% {
-webkit-transform: skewX(0deg);
-moz-transform: skewX(0deg);
-ms-transform: skewX(0deg);
-o-transform: skewX(0deg);
transform: skewX(0deg)
}
}
@keyframes wiggle {
0% {
-webkit-transform: skewX(9deg);
-moz-transform: skewX(9deg);
-ms-transform: skewX(9deg);
-o-transform: skewX(9deg);
transform: skewX(9deg)
}
10% {
-webkit-transform: skewX(-8deg);
-moz-transform: skewX(-8deg);
-ms-transform: skewX(-8deg);
-o-transform: skewX(-8deg);
transform: skewX(-8deg)
}
20% {
-webkit-transform: skewX(7deg);
-moz-transform: skewX(7deg);
-ms-transform: skewX(7deg);
-o-transform: skewX(7deg);
transform: skewX(7deg)
}
30% {
-webkit-transform: skewX(-6deg);
-moz-transform: skewX(-6deg);
-ms-transform: skewX(-6deg);
-o-transform: skewX(-6deg);
transform: skewX(-6deg)
}
40% {
-webkit-transform: skewX(5deg);
-moz-transform: skewX(5deg);
-ms-transform: skewX(5deg);
-o-transform: skewX(5deg);
transform: skewX(5deg)
}
50% {
-webkit-transform: skewX(-4deg);
-moz-transform: skewX(-4deg);
-ms-transform: skewX(-4deg);
-o-transform: skewX(-4deg);
transform: skewX(-4deg)
}
60% {
-webkit-transform: skewX(3deg);
-moz-transform: skewX(3deg);
-ms-transform: skewX(3deg);
-o-transform: skewX(3deg);
transform: skewX(3deg)
}
70% {
-webkit-transform: skewX(-2deg);
-moz-transform: skewX(-2deg);
-ms-transform: skewX(-2deg);
-o-transform: skewX(-2deg);
transform: skewX(-2deg)
}
80% {
-webkit-transform: skewX(1deg);
-moz-transform: skewX(1deg);
-ms-transform: skewX(1deg);
-o-transform: skewX(1deg);
transform: skewX(1deg)
}
90% {
-webkit-transform: skewX(0deg);
-moz-transform: skewX(0deg);
-ms-transform: skewX(0deg);
-o-transform: skewX(0deg);
transform: skewX(0deg)
}
100% {
-webkit-transform: skewX(0deg);
-moz-transform: skewX(0deg);
-ms-transform: skewX(0deg);
-o-transform: skewX(0deg);
transform: skewX(0deg)
}
}
@-moz-keyframes bounceOut {
0% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
25% {
-webkit-transform: scale(.95, .95);
-moz-transform: scale(.95, .95);
-ms-transform: scale(.95, .95);
-o-transform: scale(.95, .95);
transform: scale(.95, .95)
}
50% {
opacity: 1;
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1)
}
100% {
opacity: 0;
-webkit-transform: scale(.3, .3);
-moz-transform: scale(.3, .3);
-ms-transform: scale(.3, .3);
-o-transform: scale(.3, .3);
transform: scale(.3, .3)
}
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
25% {
-webkit-transform: scale(.95, .95);
-moz-transform: scale(.95, .95);
-ms-transform: scale(.95, .95);
-o-transform: scale(.95, .95);
transform: scale(.95, .95)
}
50% {
opacity: 1;
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1)
}
100% {
opacity: 0;
-webkit-transform: scale(.3, .3);
-moz-transform: scale(.3, .3);
-ms-transform: scale(.3, .3);
-o-transform: scale(.3, .3);
transform: scale(.3, .3)
}
}
@-o-keyframes bounceOut {
0% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
25% {
-webkit-transform: scale(.95, .95);
-moz-transform: scale(.95, .95);
-ms-transform: scale(.95, .95);
-o-transform: scale(.95, .95);
transform: scale(.95, .95)
}
50% {
opacity: 1;
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1)
}
100% {
opacity: 0;
-webkit-transform: scale(.3, .3);
-moz-transform: scale(.3, .3);
-ms-transform: scale(.3, .3);
-o-transform: scale(.3, .3);
transform: scale(.3, .3)
}
}
@-ms-keyframes bounceOut {
0% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
25% {
-webkit-transform: scale(.95, .95);
-moz-transform: scale(.95, .95);
-ms-transform: scale(.95, .95);
-o-transform: scale(.95, .95);
transform: scale(.95, .95)
}
50% {
opacity: 1;
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1)
}
100% {
opacity: 0;
-webkit-transform: scale(.3, .3);
-moz-transform: scale(.3, .3);
-ms-transform: scale(.3, .3);
-o-transform: scale(.3, .3);
transform: scale(.3, .3)
}
}
@keyframes bounceOut {
0% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
25% {
-webkit-transform: scale(.95, .95);
-moz-transform: scale(.95, .95);
-ms-transform: scale(.95, .95);
-o-transform: scale(.95, .95);
transform: scale(.95, .95)
}
50% {
opacity: 1;
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1)
}
100% {
opacity: 0;
-webkit-transform: scale(.3, .3);
-moz-transform: scale(.3, .3);
-ms-transform: scale(.3, .3);
-o-transform: scale(.3, .3);
transform: scale(.3, .3)
}
}
@-moz-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px)
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-moz-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
-o-transform: translateY(-2000px);
transform: translateY(-2000px)
}
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px)
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-moz-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
-o-transform: translateY(-2000px);
transform: translateY(-2000px)
}
}
@-o-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px)
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-moz-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
-o-transform: translateY(-2000px);
transform: translateY(-2000px)
}
}
@-ms-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px)
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-moz-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
-o-transform: translateY(-2000px);
transform: translateY(-2000px)
}
}
@keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px)
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-moz-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
-o-transform: translateY(-2000px);
transform: translateY(-2000px)
}
}
@-moz-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px)
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-moz-transform: translateY(2000px);
-ms-transform: translateY(2000px);
-o-transform: translateY(2000px);
transform: translateY(2000px)
}
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px)
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-moz-transform: translateY(2000px);
-ms-transform: translateY(2000px);
-o-transform: translateY(2000px);
transform: translateY(2000px)
}
}
@-o-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px)
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-moz-transform: translateY(2000px);
-ms-transform: translateY(2000px);
-o-transform: translateY(2000px);
transform: translateY(2000px)
}
}
@-ms-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px)
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-moz-transform: translateY(2000px);
-ms-transform: translateY(2000px);
-o-transform: translateY(2000px);
transform: translateY(2000px)
}
}
@keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px)
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-moz-transform: translateY(2000px);
-ms-transform: translateY(2000px);
-o-transform: translateY(2000px);
transform: translateY(2000px)
}
}
@-moz-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
-ms-transform: translateX(20px);
-o-transform: translateX(20px);
transform: translateX(20px)
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-moz-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
-o-transform: translateX(-2000px);
transform: translateX(-2000px)
}
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
-ms-transform: translateX(20px);
-o-transform: translateX(20px);
transform: translateX(20px)
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-moz-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
-o-transform: translateX(-2000px);
transform: translateX(-2000px)
}
}
@-o-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
-ms-transform: translateX(20px);
-o-transform: translateX(20px);
transform: translateX(20px)
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-moz-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
-o-transform: translateX(-2000px);
transform: translateX(-2000px)
}
}
@-ms-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
-ms-transform: translateX(20px);
-o-transform: translateX(20px);
transform: translateX(20px)
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-moz-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
-o-transform: translateX(-2000px);
transform: translateX(-2000px)
}
}
@keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
-ms-transform: translateX(20px);
-o-transform: translateX(20px);
transform: translateX(20px)
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-moz-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
-o-transform: translateX(-2000px);
transform: translateX(-2000px)
}
}
@-moz-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
-ms-transform: translateX(-20px);
-o-transform: translateX(-20px);
transform: translateX(-20px)
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-moz-transform: translateX(2000px);
-ms-transform: translateX(2000px);
-o-transform: translateX(2000px);
transform: translateX(2000px)
}
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
-ms-transform: translateX(-20px);
-o-transform: translateX(-20px);
transform: translateX(-20px)
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-moz-transform: translateX(2000px);
-ms-transform: translateX(2000px);
-o-transform: translateX(2000px);
transform: translateX(2000px)
}
}
@-o-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
-ms-transform: translateX(-20px);
-o-transform: translateX(-20px);
transform: translateX(-20px)
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-moz-transform: translateX(2000px);
-ms-transform: translateX(2000px);
-o-transform: translateX(2000px);
transform: translateX(2000px)
}
}
@-ms-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
-ms-transform: translateX(-20px);
-o-transform: translateX(-20px);
transform: translateX(-20px)
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-moz-transform: translateX(2000px);
-ms-transform: translateX(2000px);
-o-transform: translateX(2000px);
transform: translateX(2000px)
}
}
@keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
-ms-transform: translateX(-20px);
-o-transform: translateX(-20px);
transform: translateX(-20px)
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-moz-transform: translateX(2000px);
-ms-transform: translateX(2000px);
-o-transform: translateX(2000px);
transform: translateX(2000px)
}
}
@-moz-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3, .3);
-moz-transform: scale(.3, .3);
-ms-transform: scale(.3, .3);
-o-transform: scale(.3, .3);
transform: scale(.3, .3)
}
50% {
opacity: 1;
-webkit-transform: scale(1.05, 1.05);
-moz-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05)
}
70% {
-webkit-transform: scale(.9, .9);
-moz-transform: scale(.9, .9);
-ms-transform: scale(.9, .9);
-o-transform: scale(.9, .9);
transform: scale(.9, .9)
}
100% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3, .3);
-moz-transform: scale(.3, .3);
-ms-transform: scale(.3, .3);
-o-transform: scale(.3, .3);
transform: scale(.3, .3)
}
50% {
opacity: 1;
-webkit-transform: scale(1.05, 1.05);
-moz-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05)
}
70% {
-webkit-transform: scale(.9, .9);
-moz-transform: scale(.9, .9);
-ms-transform: scale(.9, .9);
-o-transform: scale(.9, .9);
transform: scale(.9, .9)
}
100% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
}
@-o-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3, .3);
-moz-transform: scale(.3, .3);
-ms-transform: scale(.3, .3);
-o-transform: scale(.3, .3);
transform: scale(.3, .3)
}
50% {
opacity: 1;
-webkit-transform: scale(1.05, 1.05);
-moz-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05)
}
70% {
-webkit-transform: scale(.9, .9);
-moz-transform: scale(.9, .9);
-ms-transform: scale(.9, .9);
-o-transform: scale(.9, .9);
transform: scale(.9, .9)
}
100% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
}
@-ms-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3, .3);
-moz-transform: scale(.3, .3);
-ms-transform: scale(.3, .3);
-o-transform: scale(.3, .3);
transform: scale(.3, .3)
}
50% {
opacity: 1;
-webkit-transform: scale(1.05, 1.05);
-moz-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05)
}
70% {
-webkit-transform: scale(.9, .9);
-moz-transform: scale(.9, .9);
-ms-transform: scale(.9, .9);
-o-transform: scale(.9, .9);
transform: scale(.9, .9)
}
100% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
}
@keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3, .3);
-moz-transform: scale(.3, .3);
-ms-transform: scale(.3, .3);
-o-transform: scale(.3, .3);
transform: scale(.3, .3)
}
50% {
opacity: 1;
-webkit-transform: scale(1.05, 1.05);
-moz-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05)
}
70% {
-webkit-transform: scale(.9, .9);
-moz-transform: scale(.9, .9);
-ms-transform: scale(.9, .9);
-o-transform: scale(.9, .9);
transform: scale(.9, .9)
}
100% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
}
@-moz-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-moz-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
-o-transform: translateY(-2000px);
transform: translateY(-2000px)
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
-moz-transform: translateY(30px);
-ms-transform: translateY(30px);
-o-transform: translateY(30px);
transform: translateY(30px)
}
80% {
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-o-transform: translateY(-10px);
transform: translateY(-10px)
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-moz-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
-o-transform: translateY(-2000px);
transform: translateY(-2000px)
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
-moz-transform: translateY(30px);
-ms-transform: translateY(30px);
-o-transform: translateY(30px);
transform: translateY(30px)
}
80% {
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-o-transform: translateY(-10px);
transform: translateY(-10px)
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
}
@-o-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-moz-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
-o-transform: translateY(-2000px);
transform: translateY(-2000px)
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
-moz-transform: translateY(30px);
-ms-transform: translateY(30px);
-o-transform: translateY(30px);
transform: translateY(30px)
}
80% {
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-o-transform: translateY(-10px);
transform: translateY(-10px)
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
}
@-ms-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-moz-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
-o-transform: translateY(-2000px);
transform: translateY(-2000px)
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
-moz-transform: translateY(30px);
-ms-transform: translateY(30px);
-o-transform: translateY(30px);
transform: translateY(30px)
}
80% {
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-o-transform: translateY(-10px);
transform: translateY(-10px)
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-moz-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
-o-transform: translateY(-2000px);
transform: translateY(-2000px)
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
-moz-transform: translateY(30px);
-ms-transform: translateY(30px);
-o-transform: translateY(30px);
transform: translateY(30px)
}
80% {
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-o-transform: translateY(-10px);
transform: translateY(-10px)
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
}
@-moz-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-moz-transform: translateY(2000px);
-ms-transform: translateY(2000px);
-o-transform: translateY(2000px);
transform: translateY(2000px)
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
-moz-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-o-transform: translateY(-30px);
transform: translateY(-30px)
}
80% {
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
transform: translateY(10px)
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-moz-transform: translateY(2000px);
-ms-transform: translateY(2000px);
-o-transform: translateY(2000px);
transform: translateY(2000px)
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
-moz-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-o-transform: translateY(-30px);
transform: translateY(-30px)
}
80% {
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
transform: translateY(10px)
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
}
@-o-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-moz-transform: translateY(2000px);
-ms-transform: translateY(2000px);
-o-transform: translateY(2000px);
transform: translateY(2000px)
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
-moz-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-o-transform: translateY(-30px);
transform: translateY(-30px)
}
80% {
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
transform: translateY(10px)
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
}
@-ms-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-moz-transform: translateY(2000px);
-ms-transform: translateY(2000px);
-o-transform: translateY(2000px);
transform: translateY(2000px)
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
-moz-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-o-transform: translateY(-30px);
transform: translateY(-30px)
}
80% {
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
transform: translateY(10px)
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-moz-transform: translateY(2000px);
-ms-transform: translateY(2000px);
-o-transform: translateY(2000px);
transform: translateY(2000px)
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
-moz-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-o-transform: translateY(-30px);
transform: translateY(-30px)
}
80% {
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
transform: translateY(10px)
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
}
@-moz-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-moz-transform: translateX(2000px);
-ms-transform: translateX(2000px);
-o-transform: translateX(2000px);
transform: translateX(2000px)
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
-moz-transform: translateX(-30px);
-ms-transform: translateX(-30px);
-o-transform: translateX(-30px);
transform: translateX(-30px)
}
80% {
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px)
}
100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-moz-transform: translateX(2000px);
-ms-transform: translateX(2000px);
-o-transform: translateX(2000px);
transform: translateX(2000px)
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
-moz-transform: translateX(-30px);
-ms-transform: translateX(-30px);
-o-transform: translateX(-30px);
transform: translateX(-30px)
}
80% {
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px)
}
100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
}
@-o-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-moz-transform: translateX(2000px);
-ms-transform: translateX(2000px);
-o-transform: translateX(2000px);
transform: translateX(2000px)
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
-moz-transform: translateX(-30px);
-ms-transform: translateX(-30px);
-o-transform: translateX(-30px);
transform: translateX(-30px)
}
80% {
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px)
}
100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
}
@-ms-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-moz-transform: translateX(2000px);
-ms-transform: translateX(2000px);
-o-transform: translateX(2000px);
transform: translateX(2000px)
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
-moz-transform: translateX(-30px);
-ms-transform: translateX(-30px);
-o-transform: translateX(-30px);
transform: translateX(-30px)
}
80% {
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px)
}
100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-moz-transform: translateX(2000px);
-ms-transform: translateX(2000px);
-o-transform: translateX(2000px);
transform: translateX(2000px)
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
-moz-transform: translateX(-30px);
-ms-transform: translateX(-30px);
-o-transform: translateX(-30px);
transform: translateX(-30px)
}
80% {
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px)
}
100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
}
@-moz-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-moz-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
-o-transform: translateX(-2000px);
transform: translateX(-2000px)
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
-moz-transform: translateX(30px);
-ms-transform: translateX(30px);
-o-transform: translateX(30px);
transform: translateX(30px)
}
80% {
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px)
}
100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-moz-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
-o-transform: translateX(-2000px);
transform: translateX(-2000px)
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
-moz-transform: translateX(30px);
-ms-transform: translateX(30px);
-o-transform: translateX(30px);
transform: translateX(30px)
}
80% {
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px)
}
100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
}
@-o-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-moz-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
-o-transform: translateX(-2000px);
transform: translateX(-2000px)
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
-moz-transform: translateX(30px);
-ms-transform: translateX(30px);
-o-transform: translateX(30px);
transform: translateX(30px)
}
80% {
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px)
}
100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
}
@-ms-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-moz-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
-o-transform: translateX(-2000px);
transform: translateX(-2000px)
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
-moz-transform: translateX(30px);
-ms-transform: translateX(30px);
-o-transform: translateX(30px);
transform: translateX(30px)
}
80% {
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px)
}
100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-moz-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
-o-transform: translateX(-2000px);
transform: translateX(-2000px)
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
-moz-transform: translateX(30px);
-ms-transform: translateX(30px);
-o-transform: translateX(30px);
transform: translateX(30px)
}
80% {
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px)
}
100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
}
@-moz-keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
@-o-keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
@-ms-keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
@keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
@-moz-keyframes fadeOutUp {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
100% {
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px);
opacity: 0
}
}
@-webkit-keyframes fadeOutUp {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
100% {
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px);
opacity: 0
}
}
@-o-keyframes fadeOutUp {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
100% {
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px);
opacity: 0
}
}
@-ms-keyframes fadeOutUp {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
100% {
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px);
opacity: 0
}
}
@keyframes fadeOutUp {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
100% {
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px);
opacity: 0
}
}
@-moz-keyframes fadeOutDown {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
100% {
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
opacity: 0
}
}
@-webkit-keyframes fadeOutDown {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
100% {
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
opacity: 0
}
}
@-o-keyframes fadeOutDown {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
100% {
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
opacity: 0
}
}
@-ms-keyframes fadeOutDown {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
100% {
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
opacity: 0
}
}
@keyframes fadeOutDown {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
100% {
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
opacity: 0
}
}
@-moz-keyframes fadeOutRight {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
100% {
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
-ms-transform: translateX(20px);
-o-transform: translateX(20px);
transform: translateX(20px);
opacity: 0
}
}
@-webkit-keyframes fadeOutRight {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
100% {
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
-ms-transform: translateX(20px);
-o-transform: translateX(20px);
transform: translateX(20px);
opacity: 0
}
}
@-o-keyframes fadeOutRight {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
100% {
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
-ms-transform: translateX(20px);
-o-transform: translateX(20px);
transform: translateX(20px);
opacity: 0
}
}
@-ms-keyframes fadeOutRight {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
100% {
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
-ms-transform: translateX(20px);
-o-transform: translateX(20px);
transform: translateX(20px);
opacity: 0
}
}
@keyframes fadeOutRight {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
100% {
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
-ms-transform: translateX(20px);
-o-transform: translateX(20px);
transform: translateX(20px);
opacity: 0
}
}
@-moz-keyframes fadeOutLeft {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
100% {
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
-ms-transform: translateX(-20px);
-o-transform: translateX(-20px);
transform: translateX(-20px);
opacity: 0
}
}
@-webkit-keyframes fadeOutLeft {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
100% {
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
-ms-transform: translateX(-20px);
-o-transform: translateX(-20px);
transform: translateX(-20px);
opacity: 0
}
}
@-o-keyframes fadeOutLeft {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
100% {
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
-ms-transform: translateX(-20px);
-o-transform: translateX(-20px);
transform: translateX(-20px);
opacity: 0
}
}
@-ms-keyframes fadeOutLeft {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
100% {
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
-ms-transform: translateX(-20px);
-o-transform: translateX(-20px);
transform: translateX(-20px);
opacity: 0
}
}
@keyframes fadeOutLeft {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
100% {
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
-ms-transform: translateX(-20px);
-o-transform: translateX(-20px);
transform: translateX(-20px);
opacity: 0
}
}
@-moz-keyframes fadeOutUpBig {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
100% {
-webkit-transform: translateY(-2000px);
-moz-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
-o-transform: translateY(-2000px);
transform: translateY(-2000px);
opacity: 0
}
}
@-webkit-keyframes fadeOutUpBig {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
100% {
-webkit-transform: translateY(-2000px);
-moz-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
-o-transform: translateY(-2000px);
transform: translateY(-2000px);
opacity: 0
}
}
@-o-keyframes fadeOutUpBig {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
100% {
-webkit-transform: translateY(-2000px);
-moz-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
-o-transform: translateY(-2000px);
transform: translateY(-2000px);
opacity: 0
}
}
@-ms-keyframes fadeOutUpBig {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
100% {
-webkit-transform: translateY(-2000px);
-moz-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
-o-transform: translateY(-2000px);
transform: translateY(-2000px);
opacity: 0
}
}
@keyframes fadeOutUpBig {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
100% {
-webkit-transform: translateY(-2000px);
-moz-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
-o-transform: translateY(-2000px);
transform: translateY(-2000px);
opacity: 0
}
}
@-moz-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-moz-transform: translateY(2000px);
-ms-transform: translateY(2000px);
-o-transform: translateY(2000px);
transform: translateY(2000px)
}
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-moz-transform: translateY(2000px);
-ms-transform: translateY(2000px);
-o-transform: translateY(2000px);
transform: translateY(2000px)
}
}
@-o-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-moz-transform: translateY(2000px);
-ms-transform: translateY(2000px);
-o-transform: translateY(2000px);
transform: translateY(2000px)
}
}
@-ms-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-moz-transform: translateY(2000px);
-ms-transform: translateY(2000px);
-o-transform: translateY(2000px);
transform: translateY(2000px)
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-moz-transform: translateY(2000px);
-ms-transform: translateY(2000px);
-o-transform: translateY(2000px);
transform: translateY(2000px)
}
}
@-moz-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-moz-transform: translateX(2000px);
-ms-transform: translateX(2000px);
-o-transform: translateX(2000px);
transform: translateX(2000px)
}
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-moz-transform: translateX(2000px);
-ms-transform: translateX(2000px);
-o-transform: translateX(2000px);
transform: translateX(2000px)
}
}
@-o-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-moz-transform: translateX(2000px);
-ms-transform: translateX(2000px);
-o-transform: translateX(2000px);
transform: translateX(2000px)
}
}
@-ms-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-moz-transform: translateX(2000px);
-ms-transform: translateX(2000px);
-o-transform: translateX(2000px);
transform: translateX(2000px)
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-moz-transform: translateX(2000px);
-ms-transform: translateX(2000px);
-o-transform: translateX(2000px);
transform: translateX(2000px)
}
}
@-moz-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-moz-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
-o-transform: translateX(-2000px);
transform: translateX(-2000px)
}
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-moz-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
-o-transform: translateX(-2000px);
transform: translateX(-2000px)
}
}
@-o-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-moz-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
-o-transform: translateX(-2000px);
transform: translateX(-2000px)
}
}
@-ms-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-moz-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
-o-transform: translateX(-2000px);
transform: translateX(-2000px)
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-moz-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
-o-transform: translateX(-2000px);
transform: translateX(-2000px)
}
}
@-moz-keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@-o-keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@-ms-keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@-moz-keyframes fadeInUp {
0% {
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
opacity: 0
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
@-webkit-keyframes fadeInUp {
0% {
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
opacity: 0
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
@-o-keyframes fadeInUp {
0% {
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
opacity: 0
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
@-ms-keyframes fadeInUp {
0% {
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
opacity: 0
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
@keyframes fadeInUp {
0% {
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
opacity: 0
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
@-moz-keyframes fadeInDown {
0% {
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px);
opacity: 0
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
@-webkit-keyframes fadeInDown {
0% {
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px);
opacity: 0
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
@-o-keyframes fadeInDown {
0% {
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px);
opacity: 0
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
@-ms-keyframes fadeInDown {
0% {
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px);
opacity: 0
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
@keyframes fadeInDown {
0% {
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px);
opacity: 0
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
@-moz-keyframes fadeInRight {
0% {
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
-ms-transform: translateX(20px);
-o-transform: translateX(20px);
transform: translateX(20px);
opacity: 0
}
100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
}
@-webkit-keyframes fadeInRight {
0% {
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
-ms-transform: translateX(20px);
-o-transform: translateX(20px);
transform: translateX(20px);
opacity: 0
}
100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
}
@-o-keyframes fadeInRight {
0% {
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
-ms-transform: translateX(20px);
-o-transform: translateX(20px);
transform: translateX(20px);
opacity: 0
}
100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
}
@-ms-keyframes fadeInRight {
0% {
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
-ms-transform: translateX(20px);
-o-transform: translateX(20px);
transform: translateX(20px);
opacity: 0
}
100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
}
@keyframes fadeInRight {
0% {
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
-ms-transform: translateX(20px);
-o-transform: translateX(20px);
transform: translateX(20px);
opacity: 0
}
100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
}
@-moz-keyframes fadeInLeft {
0% {
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
-ms-transform: translateX(-20px);
-o-transform: translateX(-20px);
transform: translateX(-20px);
opacity: 0
}
100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
}
@-webkit-keyframes fadeInLeft {
0% {
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
-ms-transform: translateX(-20px);
-o-transform: translateX(-20px);
transform: translateX(-20px);
opacity: 0
}
100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
}
@-o-keyframes fadeInLeft {
0% {
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
-ms-transform: translateX(-20px);
-o-transform: translateX(-20px);
transform: translateX(-20px);
opacity: 0
}
100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
}
@-ms-keyframes fadeInLeft {
0% {
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
-ms-transform: translateX(-20px);
-o-transform: translateX(-20px);
transform: translateX(-20px);
opacity: 0
}
100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
}
@keyframes fadeInLeft {
0% {
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
-ms-transform: translateX(-20px);
-o-transform: translateX(-20px);
transform: translateX(-20px);
opacity: 0
}
100% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1
}
}
@-moz-keyframes fadeInUpBig {
0% {
-webkit-transform: translateY(2000px);
-moz-transform: translateY(2000px);
-ms-transform: translateY(2000px);
-o-transform: translateY(2000px);
transform: translateY(2000px);
opacity: 0
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
@-webkit-keyframes fadeInUpBig {
0% {
-webkit-transform: translateY(2000px);
-moz-transform: translateY(2000px);
-ms-transform: translateY(2000px);
-o-transform: translateY(2000px);
transform: translateY(2000px);
opacity: 0
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
@-o-keyframes fadeInUpBig {
0% {
-webkit-transform: translateY(2000px);
-moz-transform: translateY(2000px);
-ms-transform: translateY(2000px);
-o-transform: translateY(2000px);
transform: translateY(2000px);
opacity: 0
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
@-ms-keyframes fadeInUpBig {
0% {
-webkit-transform: translateY(2000px);
-moz-transform: translateY(2000px);
-ms-transform: translateY(2000px);
-o-transform: translateY(2000px);
transform: translateY(2000px);
opacity: 0
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
@keyframes fadeInUpBig {
0% {
-webkit-transform: translateY(2000px);
-moz-transform: translateY(2000px);
-ms-transform: translateY(2000px);
-o-transform: translateY(2000px);
transform: translateY(2000px);
opacity: 0
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
@-moz-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-moz-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
-o-transform: translateY(-2000px);
transform: translateY(-2000px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-moz-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
-o-transform: translateY(-2000px);
transform: translateY(-2000px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
}
@-o-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-moz-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
-o-transform: translateY(-2000px);
transform: translateY(-2000px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
}
@-ms-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-moz-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
-o-transform: translateY(-2000px);
transform: translateY(-2000px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-moz-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
-o-transform: translateY(-2000px);
transform: translateY(-2000px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
}
@-moz-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-moz-transform: translateX(2000px);
-ms-transform: translateX(2000px);
-o-transform: translateX(2000px);
transform: translateX(2000px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-moz-transform: translateX(2000px);
-ms-transform: translateX(2000px);
-o-transform: translateX(2000px);
transform: translateX(2000px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
}
@-o-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-moz-transform: translateX(2000px);
-ms-transform: translateX(2000px);
-o-transform: translateX(2000px);
transform: translateX(2000px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
}
@-ms-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-moz-transform: translateX(2000px);
-ms-transform: translateX(2000px);
-o-transform: translateX(2000px);
transform: translateX(2000px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-moz-transform: translateX(2000px);
-ms-transform: translateX(2000px);
-o-transform: translateX(2000px);
transform: translateX(2000px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
}
@-moz-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-moz-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
-o-transform: translateX(-2000px);
transform: translateX(-2000px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-moz-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
-o-transform: translateX(-2000px);
transform: translateX(-2000px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
}
@-o-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-moz-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
-o-transform: translateX(-2000px);
transform: translateX(-2000px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
}
@-ms-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-moz-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
-o-transform: translateX(-2000px);
transform: translateX(-2000px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-moz-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
-o-transform: translateX(-2000px);
transform: translateX(-2000px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
}
@-moz-keyframes flip {
0% {
-webkit-transform: perspective(400px) rotateY(0);
-moz-transform: perspective(400px) rotateY(0);
-ms-transform: perspective(400px) rotateY(0);
-o-transform: perspective(400px) rotateY(0);
transform: perspective(400px) rotateY(0);
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
-ms-animation-timing-function: ease-out;
-o-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
transform: perspective(400px) translateZ(150px) rotateY(170deg);
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
-ms-animation-timing-function: ease-out;
-o-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-ms-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
80% {
-webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
-moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
-ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
-o-transform: perspective(400px) rotateY(360deg) scale(0.95);
transform: perspective(400px) rotateY(360deg) scale(0.95);
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-ms-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
100% {
-webkit-transform: perspective(400px) scale(1);
-moz-transform: perspective(400px) scale(1);
-ms-transform: perspective(400px) scale(1);
-o-transform: perspective(400px) scale(1);
transform: perspective(400px) scale(1);
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-ms-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) rotateY(0);
-moz-transform: perspective(400px) rotateY(0);
-ms-transform: perspective(400px) rotateY(0);
-o-transform: perspective(400px) rotateY(0);
transform: perspective(400px) rotateY(0);
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
-ms-animation-timing-function: ease-out;
-o-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
transform: perspective(400px) translateZ(150px) rotateY(170deg);
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
-ms-animation-timing-function: ease-out;
-o-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-ms-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
80% {
-webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
-moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
-ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
-o-transform: perspective(400px) rotateY(360deg) scale(0.95);
transform: perspective(400px) rotateY(360deg) scale(0.95);
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-ms-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
100% {
-webkit-transform: perspective(400px) scale(1);
-moz-transform: perspective(400px) scale(1);
-ms-transform: perspective(400px) scale(1);
-o-transform: perspective(400px) scale(1);
transform: perspective(400px) scale(1);
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-ms-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
@-o-keyframes flip {
0% {
-webkit-transform: perspective(400px) rotateY(0);
-moz-transform: perspective(400px) rotateY(0);
-ms-transform: perspective(400px) rotateY(0);
-o-transform: perspective(400px) rotateY(0);
transform: perspective(400px) rotateY(0);
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
-ms-animation-timing-function: ease-out;
-o-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
transform: perspective(400px) translateZ(150px) rotateY(170deg);
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
-ms-animation-timing-function: ease-out;
-o-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-ms-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
80% {
-webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
-moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
-ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
-o-transform: perspective(400px) rotateY(360deg) scale(0.95);
transform: perspective(400px) rotateY(360deg) scale(0.95);
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-ms-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
100% {
-webkit-transform: perspective(400px) scale(1);
-moz-transform: perspective(400px) scale(1);
-ms-transform: perspective(400px) scale(1);
-o-transform: perspective(400px) scale(1);
transform: perspective(400px) scale(1);
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-ms-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
@-ms-keyframes flip {
0% {
-webkit-transform: perspective(400px) rotateY(0);
-moz-transform: perspective(400px) rotateY(0);
-ms-transform: perspective(400px) rotateY(0);
-o-transform: perspective(400px) rotateY(0);
transform: perspective(400px) rotateY(0);
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
-ms-animation-timing-function: ease-out;
-o-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
transform: perspective(400px) translateZ(150px) rotateY(170deg);
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
-ms-animation-timing-function: ease-out;
-o-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-ms-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
80% {
-webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
-moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
-ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
-o-transform: perspective(400px) rotateY(360deg) scale(0.95);
transform: perspective(400px) rotateY(360deg) scale(0.95);
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-ms-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
100% {
-webkit-transform: perspective(400px) scale(1);
-moz-transform: perspective(400px) scale(1);
-ms-transform: perspective(400px) scale(1);
-o-transform: perspective(400px) scale(1);
transform: perspective(400px) scale(1);
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-ms-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) rotateY(0);
-moz-transform: perspective(400px) rotateY(0);
-ms-transform: perspective(400px) rotateY(0);
-o-transform: perspective(400px) rotateY(0);
transform: perspective(400px) rotateY(0);
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
-ms-animation-timing-function: ease-out;
-o-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
transform: perspective(400px) translateZ(150px) rotateY(170deg);
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
-ms-animation-timing-function: ease-out;
-o-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-ms-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
80% {
-webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
-moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
-ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
-o-transform: perspective(400px) rotateY(360deg) scale(0.95);
transform: perspective(400px) rotateY(360deg) scale(0.95);
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-ms-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
100% {
-webkit-transform: perspective(400px) scale(1);
-moz-transform: perspective(400px) scale(1);
-ms-transform: perspective(400px) scale(1);
-o-transform: perspective(400px) scale(1);
transform: perspective(400px) scale(1);
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-ms-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
@-moz-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
-moz-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
-o-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
-moz-transform: perspective(400px) rotateX(-10deg);
-ms-transform: perspective(400px) rotateX(-10deg);
-o-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg)
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
-moz-transform: perspective(400px) rotateX(10deg);
-ms-transform: perspective(400px) rotateX(10deg);
-o-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg)
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
-moz-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
-o-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1
}
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
-moz-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
-o-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
-moz-transform: perspective(400px) rotateX(-10deg);
-ms-transform: perspective(400px) rotateX(-10deg);
-o-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg)
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
-moz-transform: perspective(400px) rotateX(10deg);
-ms-transform: perspective(400px) rotateX(10deg);
-o-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg)
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
-moz-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
-o-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1
}
}
@-o-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
-moz-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
-o-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
-moz-transform: perspective(400px) rotateX(-10deg);
-ms-transform: perspective(400px) rotateX(-10deg);
-o-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg)
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
-moz-transform: perspective(400px) rotateX(10deg);
-ms-transform: perspective(400px) rotateX(10deg);
-o-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg)
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
-moz-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
-o-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1
}
}
@-ms-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
-moz-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
-o-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
-moz-transform: perspective(400px) rotateX(-10deg);
-ms-transform: perspective(400px) rotateX(-10deg);
-o-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg)
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
-moz-transform: perspective(400px) rotateX(10deg);
-ms-transform: perspective(400px) rotateX(10deg);
-o-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg)
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
-moz-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
-o-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
-moz-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
-o-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
-moz-transform: perspective(400px) rotateX(-10deg);
-ms-transform: perspective(400px) rotateX(-10deg);
-o-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg)
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
-moz-transform: perspective(400px) rotateX(10deg);
-ms-transform: perspective(400px) rotateX(10deg);
-o-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg)
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
-moz-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
-o-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1
}
}
@-moz-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
-moz-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
-o-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
-moz-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
-o-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0
}
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
-moz-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
-o-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
-moz-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
-o-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0
}
}
@-o-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
-moz-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
-o-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
-moz-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
-o-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0
}
}
@-ms-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
-moz-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
-o-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
-moz-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
-o-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
-moz-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
-o-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
-moz-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
-o-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0
}
}
@-moz-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
-moz-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
-o-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
-moz-transform: perspective(400px) rotateY(-10deg);
-ms-transform: perspective(400px) rotateY(-10deg);
-o-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg)
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
-moz-transform: perspective(400px) rotateY(10deg);
-ms-transform: perspective(400px) rotateY(10deg);
-o-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg)
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
-moz-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
-o-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1
}
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
-moz-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
-o-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
-moz-transform: perspective(400px) rotateY(-10deg);
-ms-transform: perspective(400px) rotateY(-10deg);
-o-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg)
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
-moz-transform: perspective(400px) rotateY(10deg);
-ms-transform: perspective(400px) rotateY(10deg);
-o-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg)
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
-moz-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
-o-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1
}
}
@-o-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
-moz-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
-o-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
-moz-transform: perspective(400px) rotateY(-10deg);
-ms-transform: perspective(400px) rotateY(-10deg);
-o-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg)
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
-moz-transform: perspective(400px) rotateY(10deg);
-ms-transform: perspective(400px) rotateY(10deg);
-o-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg)
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
-moz-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
-o-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1
}
}
@-ms-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
-moz-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
-o-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
-moz-transform: perspective(400px) rotateY(-10deg);
-ms-transform: perspective(400px) rotateY(-10deg);
-o-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg)
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
-moz-transform: perspective(400px) rotateY(10deg);
-ms-transform: perspective(400px) rotateY(10deg);
-o-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg)
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
-moz-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
-o-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
-moz-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
-o-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
-moz-transform: perspective(400px) rotateY(-10deg);
-ms-transform: perspective(400px) rotateY(-10deg);
-o-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg)
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
-moz-transform: perspective(400px) rotateY(10deg);
-ms-transform: perspective(400px) rotateY(10deg);
-o-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg)
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
-moz-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
-o-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1
}
}
@-moz-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
-moz-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
-o-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
-moz-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
-o-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0
}
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
-moz-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
-o-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
-moz-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
-o-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0
}
}
@-o-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
-moz-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
-o-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
-moz-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
-o-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0
}
}
@-ms-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
-moz-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
-o-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
-moz-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
-o-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
-moz-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
-o-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
-moz-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
-o-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0
}
}
@-moz-keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
-moz-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
-o-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
-moz-transform: translateX(-20%) skewX(30deg);
-ms-transform: translateX(-20%) skewX(30deg);
-o-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
-moz-transform: translateX(0%) skewX(-15deg);
-ms-transform: translateX(0%) skewX(-15deg);
-o-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
-moz-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
-o-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1
}
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
-moz-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
-o-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
-moz-transform: translateX(-20%) skewX(30deg);
-ms-transform: translateX(-20%) skewX(30deg);
-o-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
-moz-transform: translateX(0%) skewX(-15deg);
-ms-transform: translateX(0%) skewX(-15deg);
-o-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
-moz-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
-o-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1
}
}
@-o-keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
-moz-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
-o-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
-moz-transform: translateX(-20%) skewX(30deg);
-ms-transform: translateX(-20%) skewX(30deg);
-o-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
-moz-transform: translateX(0%) skewX(-15deg);
-ms-transform: translateX(0%) skewX(-15deg);
-o-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
-moz-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
-o-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1
}
}
@-ms-keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
-moz-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
-o-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
-moz-transform: translateX(-20%) skewX(30deg);
-ms-transform: translateX(-20%) skewX(30deg);
-o-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
-moz-transform: translateX(0%) skewX(-15deg);
-ms-transform: translateX(0%) skewX(-15deg);
-o-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
-moz-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
-o-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
-moz-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
-o-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
-moz-transform: translateX(-20%) skewX(30deg);
-ms-transform: translateX(-20%) skewX(30deg);
-o-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
-moz-transform: translateX(0%) skewX(-15deg);
-ms-transform: translateX(0%) skewX(-15deg);
-o-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
-moz-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
-o-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1
}
}
@-moz-keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
-moz-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
-o-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
-moz-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
-o-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0
}
}
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
-moz-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
-o-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
-moz-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
-o-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0
}
}
@-o-keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
-moz-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
-o-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
-moz-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
-o-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0
}
}
@-ms-keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
-moz-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
-o-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
-moz-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
-o-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0
}
}
@keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
-moz-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
-o-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
-moz-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
-o-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0
}
}
@-moz-keyframes rotateOut {
0% {
-webkit-transform-origin: center center 50%;
-moz-transform-origin: center center 50%;
-ms-transform-origin: center center 50%;
-o-transform-origin: center center 50%;
transform-origin: center center 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: center center 50%;
-moz-transform-origin: center center 50%;
-ms-transform-origin: center center 50%;
-o-transform-origin: center center 50%;
transform-origin: center center 50%;
-webkit-transform: rotate(200deg);
-moz-transform: rotate(200deg);
-ms-transform: rotate(200deg);
-o-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0
}
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center 50%;
-moz-transform-origin: center center 50%;
-ms-transform-origin: center center 50%;
-o-transform-origin: center center 50%;
transform-origin: center center 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: center center 50%;
-moz-transform-origin: center center 50%;
-ms-transform-origin: center center 50%;
-o-transform-origin: center center 50%;
transform-origin: center center 50%;
-webkit-transform: rotate(200deg);
-moz-transform: rotate(200deg);
-ms-transform: rotate(200deg);
-o-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0
}
}
@-o-keyframes rotateOut {
0% {
-webkit-transform-origin: center center 50%;
-moz-transform-origin: center center 50%;
-ms-transform-origin: center center 50%;
-o-transform-origin: center center 50%;
transform-origin: center center 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: center center 50%;
-moz-transform-origin: center center 50%;
-ms-transform-origin: center center 50%;
-o-transform-origin: center center 50%;
transform-origin: center center 50%;
-webkit-transform: rotate(200deg);
-moz-transform: rotate(200deg);
-ms-transform: rotate(200deg);
-o-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0
}
}
@-ms-keyframes rotateOut {
0% {
-webkit-transform-origin: center center 50%;
-moz-transform-origin: center center 50%;
-ms-transform-origin: center center 50%;
-o-transform-origin: center center 50%;
transform-origin: center center 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: center center 50%;
-moz-transform-origin: center center 50%;
-ms-transform-origin: center center 50%;
-o-transform-origin: center center 50%;
transform-origin: center center 50%;
-webkit-transform: rotate(200deg);
-moz-transform: rotate(200deg);
-ms-transform: rotate(200deg);
-o-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center center 50%;
-moz-transform-origin: center center 50%;
-ms-transform-origin: center center 50%;
-o-transform-origin: center center 50%;
transform-origin: center center 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: center center 50%;
-moz-transform-origin: center center 50%;
-ms-transform-origin: center center 50%;
-o-transform-origin: center center 50%;
transform-origin: center center 50%;
-webkit-transform: rotate(200deg);
-moz-transform: rotate(200deg);
-ms-transform: rotate(200deg);
-o-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0
}
}
@-moz-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
}
@-o-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
}
@-ms-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
}
@-moz-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
}
@-o-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
}
@-ms-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
}
@-moz-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
}
@-o-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
}
@-ms-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
}
@-moz-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
}
@-o-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
}
@-ms-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
}
@-moz-keyframes rotateIn {
0% {
-webkit-transform-origin: center center 50%;
-moz-transform-origin: center center 50%;
-ms-transform-origin: center center 50%;
-o-transform-origin: center center 50%;
transform-origin: center center 50%;
-webkit-transform: rotate(-200deg);
-moz-transform: rotate(-200deg);
-ms-transform: rotate(-200deg);
-o-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0
}
100% {
-webkit-transform-origin: center center 50%;
-moz-transform-origin: center center 50%;
-ms-transform-origin: center center 50%;
-o-transform-origin: center center 50%;
transform-origin: center center 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center 50%;
-moz-transform-origin: center center 50%;
-ms-transform-origin: center center 50%;
-o-transform-origin: center center 50%;
transform-origin: center center 50%;
-webkit-transform: rotate(-200deg);
-moz-transform: rotate(-200deg);
-ms-transform: rotate(-200deg);
-o-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0
}
100% {
-webkit-transform-origin: center center 50%;
-moz-transform-origin: center center 50%;
-ms-transform-origin: center center 50%;
-o-transform-origin: center center 50%;
transform-origin: center center 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
@-o-keyframes rotateIn {
0% {
-webkit-transform-origin: center center 50%;
-moz-transform-origin: center center 50%;
-ms-transform-origin: center center 50%;
-o-transform-origin: center center 50%;
transform-origin: center center 50%;
-webkit-transform: rotate(-200deg);
-moz-transform: rotate(-200deg);
-ms-transform: rotate(-200deg);
-o-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0
}
100% {
-webkit-transform-origin: center center 50%;
-moz-transform-origin: center center 50%;
-ms-transform-origin: center center 50%;
-o-transform-origin: center center 50%;
transform-origin: center center 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
@-ms-keyframes rotateIn {
0% {
-webkit-transform-origin: center center 50%;
-moz-transform-origin: center center 50%;
-ms-transform-origin: center center 50%;
-o-transform-origin: center center 50%;
transform-origin: center center 50%;
-webkit-transform: rotate(-200deg);
-moz-transform: rotate(-200deg);
-ms-transform: rotate(-200deg);
-o-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0
}
100% {
-webkit-transform-origin: center center 50%;
-moz-transform-origin: center center 50%;
-ms-transform-origin: center center 50%;
-o-transform-origin: center center 50%;
transform-origin: center center 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center center 50%;
-moz-transform-origin: center center 50%;
-ms-transform-origin: center center 50%;
-o-transform-origin: center center 50%;
transform-origin: center center 50%;
-webkit-transform: rotate(-200deg);
-moz-transform: rotate(-200deg);
-ms-transform: rotate(-200deg);
-o-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0
}
100% {
-webkit-transform-origin: center center 50%;
-moz-transform-origin: center center 50%;
-ms-transform-origin: center center 50%;
-o-transform-origin: center center 50%;
transform-origin: center center 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
@-moz-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
100% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
100% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
@-o-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
100% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
@-ms-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
100% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
100% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
@-moz-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
100% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
100% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
@-o-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
100% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
@-ms-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
100% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
100% {
-webkit-transform-origin: left bottom 50%;
-moz-transform-origin: left bottom 50%;
-ms-transform-origin: left bottom 50%;
-o-transform-origin: left bottom 50%;
transform-origin: left bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
@-moz-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
100% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
100% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
@-o-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
100% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
@-ms-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
100% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
100% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
@-moz-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
100% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
100% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
@-o-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
100% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
@-ms-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
100% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
100% {
-webkit-transform-origin: right bottom 50%;
-moz-transform-origin: right bottom 50%;
-ms-transform-origin: right bottom 50%;
-o-transform-origin: right bottom 50%;
transform-origin: right bottom 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
@-moz-keyframes hinge {
0% {
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left 50%;
-moz-transform-origin: top left 50%;
-ms-transform-origin: top left 50%;
-o-transform-origin: top left 50%;
transform-origin: top left 50%;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
-ms-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
20%,
60% {
-webkit-transform: rotate(80deg);
-moz-transform: rotate(80deg);
-ms-transform: rotate(80deg);
-o-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left 50%;
-moz-transform-origin: top left 50%;
-ms-transform-origin: top left 50%;
-o-transform-origin: top left 50%;
transform-origin: top left 50%;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
-ms-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
40% {
-webkit-transform: rotate(60deg);
-moz-transform: rotate(60deg);
-ms-transform: rotate(60deg);
-o-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left 50%;
-moz-transform-origin: top left 50%;
-ms-transform-origin: top left 50%;
-o-transform-origin: top left 50%;
transform-origin: top left 50%;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
-ms-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
-moz-transform: rotate(60deg) translateY(0);
-ms-transform: rotate(60deg) translateY(0);
-o-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
-webkit-transform-origin: top left 50%;
-moz-transform-origin: top left 50%;
-ms-transform-origin: top left 50%;
-o-transform-origin: top left 50%;
transform-origin: top left 50%;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
-ms-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
100% {
-webkit-transform: translateY(700px);
-moz-transform: translateY(700px);
-ms-transform: translateY(700px);
-o-transform: translateY(700px);
transform: translateY(700px);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0
}
}
@-webkit-keyframes hinge {
0% {
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left 50%;
-moz-transform-origin: top left 50%;
-ms-transform-origin: top left 50%;
-o-transform-origin: top left 50%;
transform-origin: top left 50%;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
-ms-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
20%,
60% {
-webkit-transform: rotate(80deg);
-moz-transform: rotate(80deg);
-ms-transform: rotate(80deg);
-o-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left 50%;
-moz-transform-origin: top left 50%;
-ms-transform-origin: top left 50%;
-o-transform-origin: top left 50%;
transform-origin: top left 50%;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
-ms-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
40% {
-webkit-transform: rotate(60deg);
-moz-transform: rotate(60deg);
-ms-transform: rotate(60deg);
-o-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left 50%;
-moz-transform-origin: top left 50%;
-ms-transform-origin: top left 50%;
-o-transform-origin: top left 50%;
transform-origin: top left 50%;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
-ms-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
-moz-transform: rotate(60deg) translateY(0);
-ms-transform: rotate(60deg) translateY(0);
-o-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
-webkit-transform-origin: top left 50%;
-moz-transform-origin: top left 50%;
-ms-transform-origin: top left 50%;
-o-transform-origin: top left 50%;
transform-origin: top left 50%;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
-ms-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
100% {
-webkit-transform: translateY(700px);
-moz-transform: translateY(700px);
-ms-transform: translateY(700px);
-o-transform: translateY(700px);
transform: translateY(700px);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0
}
}
@-o-keyframes hinge {
0% {
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left 50%;
-moz-transform-origin: top left 50%;
-ms-transform-origin: top left 50%;
-o-transform-origin: top left 50%;
transform-origin: top left 50%;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
-ms-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
20%,
60% {
-webkit-transform: rotate(80deg);
-moz-transform: rotate(80deg);
-ms-transform: rotate(80deg);
-o-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left 50%;
-moz-transform-origin: top left 50%;
-ms-transform-origin: top left 50%;
-o-transform-origin: top left 50%;
transform-origin: top left 50%;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
-ms-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
40% {
-webkit-transform: rotate(60deg);
-moz-transform: rotate(60deg);
-ms-transform: rotate(60deg);
-o-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left 50%;
-moz-transform-origin: top left 50%;
-ms-transform-origin: top left 50%;
-o-transform-origin: top left 50%;
transform-origin: top left 50%;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
-ms-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
-moz-transform: rotate(60deg) translateY(0);
-ms-transform: rotate(60deg) translateY(0);
-o-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
-webkit-transform-origin: top left 50%;
-moz-transform-origin: top left 50%;
-ms-transform-origin: top left 50%;
-o-transform-origin: top left 50%;
transform-origin: top left 50%;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
-ms-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
100% {
-webkit-transform: translateY(700px);
-moz-transform: translateY(700px);
-ms-transform: translateY(700px);
-o-transform: translateY(700px);
transform: translateY(700px);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0
}
}
@-ms-keyframes hinge {
0% {
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left 50%;
-moz-transform-origin: top left 50%;
-ms-transform-origin: top left 50%;
-o-transform-origin: top left 50%;
transform-origin: top left 50%;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
-ms-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
20%,
60% {
-webkit-transform: rotate(80deg);
-moz-transform: rotate(80deg);
-ms-transform: rotate(80deg);
-o-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left 50%;
-moz-transform-origin: top left 50%;
-ms-transform-origin: top left 50%;
-o-transform-origin: top left 50%;
transform-origin: top left 50%;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
-ms-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
40% {
-webkit-transform: rotate(60deg);
-moz-transform: rotate(60deg);
-ms-transform: rotate(60deg);
-o-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left 50%;
-moz-transform-origin: top left 50%;
-ms-transform-origin: top left 50%;
-o-transform-origin: top left 50%;
transform-origin: top left 50%;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
-ms-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
-moz-transform: rotate(60deg) translateY(0);
-ms-transform: rotate(60deg) translateY(0);
-o-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
-webkit-transform-origin: top left 50%;
-moz-transform-origin: top left 50%;
-ms-transform-origin: top left 50%;
-o-transform-origin: top left 50%;
transform-origin: top left 50%;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
-ms-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
100% {
-webkit-transform: translateY(700px);
-moz-transform: translateY(700px);
-ms-transform: translateY(700px);
-o-transform: translateY(700px);
transform: translateY(700px);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0
}
}
@keyframes hinge {
0% {
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left 50%;
-moz-transform-origin: top left 50%;
-ms-transform-origin: top left 50%;
-o-transform-origin: top left 50%;
transform-origin: top left 50%;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
-ms-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
20%,
60% {
-webkit-transform: rotate(80deg);
-moz-transform: rotate(80deg);
-ms-transform: rotate(80deg);
-o-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left 50%;
-moz-transform-origin: top left 50%;
-ms-transform-origin: top left 50%;
-o-transform-origin: top left 50%;
transform-origin: top left 50%;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
-ms-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
40% {
-webkit-transform: rotate(60deg);
-moz-transform: rotate(60deg);
-ms-transform: rotate(60deg);
-o-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left 50%;
-moz-transform-origin: top left 50%;
-ms-transform-origin: top left 50%;
-o-transform-origin: top left 50%;
transform-origin: top left 50%;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
-ms-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
-moz-transform: rotate(60deg) translateY(0);
-ms-transform: rotate(60deg) translateY(0);
-o-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
-webkit-transform-origin: top left 50%;
-moz-transform-origin: top left 50%;
-ms-transform-origin: top left 50%;
-o-transform-origin: top left 50%;
transform-origin: top left 50%;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
-ms-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
100% {
-webkit-transform: translateY(700px);
-moz-transform: translateY(700px);
-ms-transform: translateY(700px);
-o-transform: translateY(700px);
transform: translateY(700px);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0
}
}
@-moz-keyframes rollIn {
0% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-moz-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
-o-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg)
}
100% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-moz-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
-o-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg)
}
}
@-webkit-keyframes rollIn {
0% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-moz-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
-o-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg)
}
100% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-moz-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
-o-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg)
}
}
@-o-keyframes rollIn {
0% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-moz-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
-o-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg)
}
100% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-moz-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
-o-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg)
}
}
@-ms-keyframes rollIn {
0% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-moz-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
-o-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg)
}
100% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-moz-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
-o-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg)
}
}
@keyframes rollIn {
0% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-moz-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
-o-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg)
}
100% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-moz-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
-o-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg)
}
}
@-moz-keyframes rollOut {
0% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-moz-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
-o-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg)
}
100% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-moz-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
-o-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg)
}
}
@-webkit-keyframes rollOut {
0% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-moz-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
-o-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg)
}
100% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-moz-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
-o-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg)
}
}
@-o-keyframes rollOut {
0% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-moz-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
-o-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg)
}
100% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-moz-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
-o-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg)
}
}
@-ms-keyframes rollOut {
0% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-moz-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
-o-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg)
}
100% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-moz-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
-o-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg)
}
}
@keyframes rollOut {
0% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-moz-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
-o-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg)
}
100% {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-moz-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
-o-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg)
}
} html {
font-family: sans-serif;
line-height: 1.15;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
article,
aside,
footer,
header,
nav,
section {
display: block
}
h1 {
font-size: 2em;
margin: 0.67em 0
}
figcaption,
figure {
display: block
}
figure {
margin: 1em 40px
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible
}
main {
display: block
}
pre {
font-family: monospace, monospace;
font-size: 1em
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects
}
a:active,
a:hover {
outline-width: 0
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted
}
b,
strong {
font-weight: inherit
}
b,
strong {
font-weight: bolder
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em
}
dfn {
font-style: italic
}
mark {
background-color: #ff0;
color: #000
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -0.25em
}
sup {
top: -0.5em
}
audio,
video {
display: inline-block
}
audio:not([controls]) {
display: none;
height: 0
}
img {
border-style: none
}
svg:not(:root) {
overflow: hidden
}
button,
input,
optgroup,
select,
textarea {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
margin: 0
}
button {
overflow: visible
}
button,
select {
text-transform: none
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText
}
input {
overflow: visible
}
[type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
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;
outline-offset: -2px
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em
}
legend {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: table;
max-width: 100%;
padding: 0;
color: inherit;
white-space: normal
}
progress {
display: inline-block;
vertical-align: baseline
}
textarea {
overflow: auto
}
details {
display: block
}
summary {
display: list-item
}
menu {
display: block
}
canvas {
display: inline-block
}
template {
display: none
}
[hidden] {
display: none
}
.foundation-mq {
font-family: "small=0em&medium=40em&large=64em&xlarge=90em&xxlarge=100em"
}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 100%
}
*,
*::before,
*::after {
-webkit-box-sizing: inherit;
box-sizing: inherit
}
body {
margin: 0;
padding: 0;
background: #fefefe;
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-weight: normal;
line-height: 1.5;
color: #0a0a0a;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
img {
display: inline-block;
vertical-align: middle;
max-width: 100%;
height: auto;
-ms-interpolation-mode: bicubic
}
textarea {
height: auto;
min-height: 50px;
border-radius: 0
}
select {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
border-radius: 0
}
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
max-width: none !important
}
button {
padding: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
border-radius: 0;
background: transparent;
line-height: 1;
cursor: auto
}
[data-whatinput='mouse'] button {
outline: 0
}
pre {
overflow: auto
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit
}
.is-visible {
display: block !important
}
.is-hidden {
display: none !important
}
.row {
max-width: 90rem;
margin-right: auto;
margin-left: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap
}
.row .row {
margin-right: -.9375rem;
margin-left: -.9375rem
}
@media print,
screen and (min-width: 40em) {
.row .row {
margin-right: -.9375rem;
margin-left: -.9375rem
}
}
@media print,
screen and (min-width: 64em) {
.row .row {
margin-right: -1.25rem;
margin-left: -1.25rem
}
}
@media screen and (min-width: 90em) {
.row .row {
margin-right: -1.25rem;
margin-left: -1.25rem
}
}
@media screen and (min-width: 100em) {
.row .row {
margin-right: -1.25rem;
margin-left: -1.25rem
}
}
.row .row.collapse {
margin-right: 0;
margin-left: 0
}
.row.expanded {
max-width: none
}
.row.expanded .row {
margin-right: auto;
margin-left: auto
}
.row:not(.expanded) .row {
max-width: none
}
.row.collapse>.column,
.row.collapse>.columns {
padding-right: 0;
padding-left: 0
}
.row.is-collapse-child,
.row.collapse>.column>.row,
.row.collapse>.columns>.row {
margin-right: 0;
margin-left: 0
}
.column,
.columns {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
padding-right: .9375rem;
padding-left: .9375rem;
min-width: 0
}
@media print,
screen and (min-width: 40em) {
.column,
.columns {
padding-right: .9375rem;
padding-left: .9375rem
}
}
@media print,
screen and (min-width: 64em) {
.column,
.columns {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
.column.row.row,
.row.row.columns {
float: none;
display: block
}
.row .column.row.row,
.row .row.row.columns {
margin-right: 0;
margin-left: 0;
padding-right: 0;
padding-left: 0
}
.small-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.small-offset-0 {
margin-left: 0%
}
.small-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.small-offset-1 {
margin-left: 8.33333%
}
.small-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.small-offset-2 {
margin-left: 16.66667%
}
.small-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.small-offset-3 {
margin-left: 25%
}
.small-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.small-offset-4 {
margin-left: 33.33333%
}
.small-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.small-offset-5 {
margin-left: 41.66667%
}
.small-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.small-offset-6 {
margin-left: 50%
}
.small-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.small-offset-7 {
margin-left: 58.33333%
}
.small-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.small-offset-8 {
margin-left: 66.66667%
}
.small-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.small-offset-9 {
margin-left: 75%
}
.small-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.small-offset-10 {
margin-left: 83.33333%
}
.small-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.small-offset-11 {
margin-left: 91.66667%
}
.small-up-1 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.small-up-1>.column,
.small-up-1>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.small-up-2 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.small-up-2>.column,
.small-up-2>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.small-up-3 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.small-up-3>.column,
.small-up-3>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.small-up-4 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.small-up-4>.column,
.small-up-4>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.small-up-5 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.small-up-5>.column,
.small-up-5>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.small-up-6 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.small-up-6>.column,
.small-up-6>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.small-up-7 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.small-up-7>.column,
.small-up-7>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 14.28571%;
flex: 0 0 14.28571%;
max-width: 14.28571%
}
.small-up-8 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.small-up-8>.column,
.small-up-8>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%
}
.small-collapse>.column,
.small-collapse>.columns {
padding-right: 0;
padding-left: 0
}
.small-uncollapse>.column,
.small-uncollapse>.columns {
padding-right: .9375rem;
padding-left: .9375rem
}
@media print,
screen and (min-width: 40em) {
.medium-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.medium-offset-0 {
margin-left: 0%
}
.medium-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.medium-offset-1 {
margin-left: 8.33333%
}
.medium-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.medium-offset-2 {
margin-left: 16.66667%
}
.medium-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.medium-offset-3 {
margin-left: 25%
}
.medium-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.medium-offset-4 {
margin-left: 33.33333%
}
.medium-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.medium-offset-5 {
margin-left: 41.66667%
}
.medium-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.medium-offset-6 {
margin-left: 50%
}
.medium-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.medium-offset-7 {
margin-left: 58.33333%
}
.medium-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.medium-offset-8 {
margin-left: 66.66667%
}
.medium-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.medium-offset-9 {
margin-left: 75%
}
.medium-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.medium-offset-10 {
margin-left: 83.33333%
}
.medium-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.medium-offset-11 {
margin-left: 91.66667%
}
.medium-up-1 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.medium-up-1>.column,
.medium-up-1>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.medium-up-2 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.medium-up-2>.column,
.medium-up-2>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.medium-up-3 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.medium-up-3>.column,
.medium-up-3>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.medium-up-4 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.medium-up-4>.column,
.medium-up-4>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.medium-up-5 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.medium-up-5>.column,
.medium-up-5>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.medium-up-6 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.medium-up-6>.column,
.medium-up-6>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.medium-up-7 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.medium-up-7>.column,
.medium-up-7>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 14.28571%;
flex: 0 0 14.28571%;
max-width: 14.28571%
}
.medium-up-8 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.medium-up-8>.column,
.medium-up-8>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%
}
}
@media print,
screen and (min-width: 40em) and (min-width: 40em) {
.medium-expand {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px
}
}
.row.medium-unstack>.column,
.row.medium-unstack>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%
}
@media print,
screen and (min-width: 40em) {
.row.medium-unstack>.column,
.row.medium-unstack>.columns {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px
}
}
@media print,
screen and (min-width: 40em) {
.medium-collapse>.column,
.medium-collapse>.columns {
padding-right: 0;
padding-left: 0
}
.medium-uncollapse>.column,
.medium-uncollapse>.columns {
padding-right: .9375rem;
padding-left: .9375rem
}
}
@media print,
screen and (min-width: 64em) {
.large-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.large-offset-0 {
margin-left: 0%
}
.large-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.large-offset-1 {
margin-left: 8.33333%
}
.large-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.large-offset-2 {
margin-left: 16.66667%
}
.large-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.large-offset-3 {
margin-left: 25%
}
.large-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.large-offset-4 {
margin-left: 33.33333%
}
.large-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.large-offset-5 {
margin-left: 41.66667%
}
.large-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.large-offset-6 {
margin-left: 50%
}
.large-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.large-offset-7 {
margin-left: 58.33333%
}
.large-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.large-offset-8 {
margin-left: 66.66667%
}
.large-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.large-offset-9 {
margin-left: 75%
}
.large-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.large-offset-10 {
margin-left: 83.33333%
}
.large-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.large-offset-11 {
margin-left: 91.66667%
}
.large-up-1 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.large-up-1>.column,
.large-up-1>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.large-up-2 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.large-up-2>.column,
.large-up-2>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.large-up-3 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.large-up-3>.column,
.large-up-3>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.large-up-4 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.large-up-4>.column,
.large-up-4>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.large-up-5 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.large-up-5>.column,
.large-up-5>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.large-up-6 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.large-up-6>.column,
.large-up-6>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.large-up-7 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.large-up-7>.column,
.large-up-7>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 14.28571%;
flex: 0 0 14.28571%;
max-width: 14.28571%
}
.large-up-8 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.large-up-8>.column,
.large-up-8>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%
}
}
@media print,
screen and (min-width: 64em) and (min-width: 64em) {
.large-expand {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px
}
}
.row.large-unstack>.column,
.row.large-unstack>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%
}
@media print,
screen and (min-width: 64em) {
.row.large-unstack>.column,
.row.large-unstack>.columns {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px
}
}
@media print,
screen and (min-width: 64em) {
.large-collapse>.column,
.large-collapse>.columns {
padding-right: 0;
padding-left: 0
}
.large-uncollapse>.column,
.large-uncollapse>.columns {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (min-width: 90em) {
.xlarge-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.xlarge-offset-0 {
margin-left: 0%
}
.xlarge-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.xlarge-offset-1 {
margin-left: 8.33333%
}
.xlarge-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.xlarge-offset-2 {
margin-left: 16.66667%
}
.xlarge-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.xlarge-offset-3 {
margin-left: 25%
}
.xlarge-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.xlarge-offset-4 {
margin-left: 33.33333%
}
.xlarge-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.xlarge-offset-5 {
margin-left: 41.66667%
}
.xlarge-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.xlarge-offset-6 {
margin-left: 50%
}
.xlarge-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.xlarge-offset-7 {
margin-left: 58.33333%
}
.xlarge-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.xlarge-offset-8 {
margin-left: 66.66667%
}
.xlarge-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.xlarge-offset-9 {
margin-left: 75%
}
.xlarge-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.xlarge-offset-10 {
margin-left: 83.33333%
}
.xlarge-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.xlarge-offset-11 {
margin-left: 91.66667%
}
.xlarge-up-1 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xlarge-up-1>.column,
.xlarge-up-1>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.xlarge-up-2 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xlarge-up-2>.column,
.xlarge-up-2>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.xlarge-up-3 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xlarge-up-3>.column,
.xlarge-up-3>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.xlarge-up-4 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xlarge-up-4>.column,
.xlarge-up-4>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.xlarge-up-5 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xlarge-up-5>.column,
.xlarge-up-5>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.xlarge-up-6 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xlarge-up-6>.column,
.xlarge-up-6>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.xlarge-up-7 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xlarge-up-7>.column,
.xlarge-up-7>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 14.28571%;
flex: 0 0 14.28571%;
max-width: 14.28571%
}
.xlarge-up-8 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xlarge-up-8>.column,
.xlarge-up-8>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%
}
}
@media screen and (min-width: 90em) and (min-width: 90em) {
.xlarge-expand {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px
}
}
.row.xlarge-unstack>.column,
.row.xlarge-unstack>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%
}
@media screen and (min-width: 90em) {
.row.xlarge-unstack>.column,
.row.xlarge-unstack>.columns {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px
}
}
@media screen and (min-width: 90em) {
.xlarge-collapse>.column,
.xlarge-collapse>.columns {
padding-right: 0;
padding-left: 0
}
.xlarge-uncollapse>.column,
.xlarge-uncollapse>.columns {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
@media screen and (min-width: 100em) {
.xxlarge-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.xxlarge-offset-0 {
margin-left: 0%
}
.xxlarge-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.xxlarge-offset-1 {
margin-left: 8.33333%
}
.xxlarge-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.xxlarge-offset-2 {
margin-left: 16.66667%
}
.xxlarge-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.xxlarge-offset-3 {
margin-left: 25%
}
.xxlarge-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.xxlarge-offset-4 {
margin-left: 33.33333%
}
.xxlarge-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.xxlarge-offset-5 {
margin-left: 41.66667%
}
.xxlarge-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.xxlarge-offset-6 {
margin-left: 50%
}
.xxlarge-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.xxlarge-offset-7 {
margin-left: 58.33333%
}
.xxlarge-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.xxlarge-offset-8 {
margin-left: 66.66667%
}
.xxlarge-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.xxlarge-offset-9 {
margin-left: 75%
}
.xxlarge-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.xxlarge-offset-10 {
margin-left: 83.33333%
}
.xxlarge-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.xxlarge-offset-11 {
margin-left: 91.66667%
}
.xxlarge-up-1 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xxlarge-up-1>.column,
.xxlarge-up-1>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.xxlarge-up-2 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xxlarge-up-2>.column,
.xxlarge-up-2>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.xxlarge-up-3 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xxlarge-up-3>.column,
.xxlarge-up-3>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.xxlarge-up-4 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xxlarge-up-4>.column,
.xxlarge-up-4>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.xxlarge-up-5 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xxlarge-up-5>.column,
.xxlarge-up-5>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.xxlarge-up-6 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xxlarge-up-6>.column,
.xxlarge-up-6>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.xxlarge-up-7 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xxlarge-up-7>.column,
.xxlarge-up-7>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 14.28571%;
flex: 0 0 14.28571%;
max-width: 14.28571%
}
.xxlarge-up-8 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.xxlarge-up-8>.column,
.xxlarge-up-8>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%
}
}
@media screen and (min-width: 100em) and (min-width: 100em) {
.xxlarge-expand {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px
}
}
.row.xxlarge-unstack>.column,
.row.xxlarge-unstack>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%
}
@media screen and (min-width: 100em) {
.row.xxlarge-unstack>.column,
.row.xxlarge-unstack>.columns {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px
}
}
@media screen and (min-width: 100em) {
.xxlarge-collapse>.column,
.xxlarge-collapse>.columns {
padding-right: 0;
padding-left: 0
}
.xxlarge-uncollapse>.column,
.xxlarge-uncollapse>.columns {
padding-right: 1.25rem;
padding-left: 1.25rem
}
}
.shrink {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
max-width: 100%
}
.column-block {
margin-bottom: 1.25rem
}
.column-block>:last-child {
margin-bottom: 0
}
@media print,
screen and (min-width: 40em) {
.column-block {
margin-bottom: 1.875rem
}
.column-block>:last-child {
margin-bottom: 0
}
}
@media print,
screen and (min-width: 64em) {
.column-block {
margin-bottom: 2.5rem
}
.column-block>:last-child {
margin-bottom: 0
}
}
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
margin: 0;
padding: 0
}
p {
margin-bottom: 1rem;
font-size: inherit;
line-height: 1.6;
text-rendering: optimizeLegibility
}
em,
i {
font-style: italic;
line-height: inherit
}
strong,
b {
font-weight: bold;
line-height: inherit
}
small {
font-size: 80%;
line-height: inherit
}
h1,
.h1,
.thb-countdown .thb-countdown-ul li .timestamp,
h2,
.h2,
.thb-accordion.style2 .vc_tta-panel-heading h4,
p.woocommerce-thankyou-order-received,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-style: normal;
font-weight: normal;
color: inherit;
text-rendering: optimizeLegibility
}
h1 small,
.h1 small,
.thb-countdown .thb-countdown-ul li .timestamp small,
h2 small,
.h2 small,
.thb-accordion.style2 .vc_tta-panel-heading h4 small,
p.woocommerce-thankyou-order-received small,
h3 small,
.h3 small,
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small {
line-height: 0;
color: #cacaca
}
h1,
.h1,
.thb-countdown .thb-countdown-ul li .timestamp {
font-size: 1.5rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: .5rem
}
h2,
.h2,
.thb-accordion.style2 .vc_tta-panel-heading h4,
p.woocommerce-thankyou-order-received {
font-size: 1.25rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: .5rem
}
h3,
.h3 {
font-size: 1.1875rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: .5rem
}
h4,
.h4 {
font-size: 1.125rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: .5rem
}
h5,
.h5 {
font-size: 1.0625rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: .5rem
}
h6,
.h6 {
font-size: 1rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: .5rem
}
@media print,
screen and (min-width: 40em) {
h1,
.h1,
.thb-countdown .thb-countdown-ul li .timestamp {
font-size: 3rem
}
h2,
.h2,
.thb-accordion.style2 .vc_tta-panel-heading h4,
p.woocommerce-thankyou-order-received {
font-size: 2.5rem
}
h3,
.h3 {
font-size: 1.9375rem
}
h4,
.h4 {
font-size: 1.5625rem
}
h5,
.h5 {
font-size: 1.25rem
}
h6,
.h6 {
font-size: 1rem
}
}
a {
line-height: inherit;
color: #1779ba;
text-decoration: none;
cursor: pointer
}
a:hover {
color: #1468a0
}
a img {
border: 0
}
hr {
clear: both;
max-width: 90rem;
height: 0;
margin: 1.25rem auto;
border-top: 0;
border-right: 0;
border-bottom: 1px solid #cacaca;
border-left: 0
}
ul,
ol,
dl {
margin-bottom: 1rem;
list-style-position: outside;
line-height: 1.6
}
li {
font-size: inherit
}
ul {
margin-left: 1.25rem;
list-style-type: disc
}
ol {
margin-left: 1.25rem
}
ul ul,
ol ul,
ul ol,
ol ol {
margin-left: 1.25rem;
margin-bottom: 0
}
dl {
margin-bottom: 1rem
}
dl dt {
margin-bottom: .3rem;
font-weight: bold
}
blockquote {
margin: 0 0 1rem;
padding: .5625rem 1.25rem 0 1.1875rem;
border-left: 1px solid #cacaca
}
blockquote,
blockquote p {
line-height: 1.6;
color: #8a8a8a
}
cite {
display: block;
font-size: .8125rem;
color: #8a8a8a
}
cite:before {
content: "— "
}
abbr,
abbr[title] {
border-bottom: 1px dotted #0a0a0a;
cursor: help;
text-decoration: none
}
figure {
margin: 0
}
code {
padding: .125rem .3125rem .0625rem;
border: 1px solid #cacaca;
background-color: #e6e6e6;
font-family: Consolas, "Liberation Mono", Courier, monospace;
font-weight: normal;
color: #0a0a0a
}
kbd {
margin: 0;
padding: .125rem .25rem 0;
background-color: #e6e6e6;
font-family: Consolas, "Liberation Mono", Courier, monospace;
color: #0a0a0a
}
.subheader {
margin-top: .2rem;
margin-bottom: .5rem;
font-weight: normal;
line-height: 1.4;
color: #8a8a8a
}
.lead {
font-size: 125%;
line-height: 1.6
}
.stat {
font-size: 2.5rem;
line-height: 1
}
p+.stat {
margin-top: -1rem
}
ul.no-bullet,
ol.no-bullet {
margin-left: 0;
list-style: none
}
.text-left {
text-align: left
}
.text-right {
text-align: right
}
.text-center {
text-align: center
}
.text-justify {
text-align: justify
}
@media print,
screen and (min-width: 40em) {
.medium-text-left {
text-align: left
}
.medium-text-right {
text-align: right
}
.medium-text-center {
text-align: center
}
.medium-text-justify {
text-align: justify
}
}
@media print,
screen and (min-width: 64em) {
.large-text-left {
text-align: left
}
.large-text-right {
text-align: right
}
.large-text-center {
text-align: center
}
.large-text-justify {
text-align: justify
}
}
@media screen and (min-width: 90em) {
.xlarge-text-left {
text-align: left
}
.xlarge-text-right {
text-align: right
}
.xlarge-text-center {
text-align: center
}
.xlarge-text-justify {
text-align: justify
}
}
@media screen and (min-width: 100em) {
.xxlarge-text-left {
text-align: left
}
.xxlarge-text-right {
text-align: right
}
.xxlarge-text-center {
text-align: center
}
.xxlarge-text-justify {
text-align: justify
}
}
.show-for-print {
display: none !important
}
@media print {
* {
background: transparent !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
color: black !important;
text-shadow: none !important
}
.show-for-print {
display: block !important
}
.hide-for-print {
display: none !important
}
table.show-for-print {
display: table !important
}
thead.show-for-print {
display: table-header-group !important
}
tbody.show-for-print {
display: table-row-group !important
}
tr.show-for-print {
display: table-row !important
}
td.show-for-print {
display: table-cell !important
}
th.show-for-print {
display: table-cell !important
}
a,
a:visited {
text-decoration: underline
}
a[href]:after {
content: " (" attr(href) ")"
}
.ir a:after,
a[href^='javascript:']:after,
a[href^='#']:after {
content: ''
}
abbr[title]:after {
content: " (" attr(title) ")"
}
pre,
blockquote {
border: 1px solid #8a8a8a;
page-break-inside: avoid
}
thead {
display: table-header-group
}
tr,
img {
page-break-inside: avoid
}
img {
max-width: 100% !important
}
@page {
margin: 0.5cm
}
p,
h2,
h3 {
orphans: 3;
widows: 3
}
h2,
h3 {
page-break-after: avoid
}
.print-break-inside {
page-break-inside: auto
}
}
.hide {
display: none !important
}
.invisible {
visibility: hidden
}
@media screen and (max-width: 39.9375em) {
.hide-for-small-only {
display: none !important
}
}
@media screen and (max-width: 0em),
screen and (min-width: 40em) {
.show-for-small-only {
display: none !important
}
}
@media print,
screen and (min-width: 40em) {
.hide-for-medium {
display: none !important
}
}
@media screen and (max-width: 39.9375em) {
.show-for-medium {
display: none !important
}
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
.hide-for-medium-only {
display: none !important
}
}
@media screen and (max-width: 39.9375em),
screen and (min-width: 64em) {
.show-for-medium-only {
display: none !important
}
}
@media print,
screen and (min-width: 64em) {
.hide-for-large {
display: none !important
}
}
@media screen and (max-width: 63.9375em) {
.show-for-large {
display: none !important
}
}
@media screen and (min-width: 64em) and (max-width: 89.9375em) {
.hide-for-large-only {
display: none !important
}
}
@media screen and (max-width: 63.9375em),
screen and (min-width: 90em) {
.show-for-large-only {
display: none !important
}
}
@media screen and (min-width: 90em) {
.hide-for-xlarge {
display: none !important
}
}
@media screen and (max-width: 89.9375em) {
.show-for-xlarge {
display: none !important
}
}
@media screen and (min-width: 90em) and (max-width: 99.9375em) {
.hide-for-xlarge-only {
display: none !important
}
}
@media screen and (max-width: 89.9375em),
screen and (min-width: 100em) {
.show-for-xlarge-only {
display: none !important
}
}
@media screen and (min-width: 100em) {
.hide-for-xxlarge {
display: none !important
}
}
@media screen and (max-width: 99.9375em) {
.show-for-xxlarge {
display: none !important
}
}
@media screen and (min-width: 100em) {
.hide-for-xxlarge-only {
display: none !important
}
}
@media screen and (max-width: 99.9375em) {
.show-for-xxlarge-only {
display: none !important
}
}
.show-for-sr,
.show-on-focus {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
border: 0
}
.show-on-focus:active,
.show-on-focus:focus {
position: static !important;
width: auto;
height: auto;
overflow: visible;
clip: auto;
white-space: normal;
-webkit-clip-path: none;
clip-path: none
}
.show-for-landscape,
.hide-for-portrait {
display: block !important
}
@media screen and (orientation: landscape) {
.show-for-landscape,
.hide-for-portrait {
display: block !important
}
}
@media screen and (orientation: portrait) {
.show-for-landscape,
.hide-for-portrait {
display: none !important
}
}
.hide-for-landscape,
.show-for-portrait {
display: none !important
}
@media screen and (orientation: landscape) {
.hide-for-landscape,
.show-for-portrait {
display: none !important
}
}
@media screen and (orientation: portrait) {
.hide-for-landscape,
.show-for-portrait {
display: block !important
}
}
.align-right {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.align-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.align-justify {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.align-spaced {
-ms-flex-pack: distribute;
justify-content: space-around
}
.align-right.vertical.menu>li>a {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.align-center.vertical.menu>li>a {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.align-top {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.align-self-top {
-ms-flex-item-align: start;
align-self: flex-start
}
.align-bottom {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.align-self-bottom {
-ms-flex-item-align: end;
align-self: flex-end
}
.align-middle {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.align-self-middle {
-ms-flex-item-align: center;
align-self: center
}
.align-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch
}
.align-self-stretch {
-ms-flex-item-align: stretch;
align-self: stretch
}
.align-center-middle {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center
}
.small-order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.small-order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.small-order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3
}
.small-order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4
}
.small-order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5
}
.small-order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6
}
@media print,
screen and (min-width: 40em) {
.medium-order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.medium-order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.medium-order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3
}
.medium-order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4
}
.medium-order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5
}
.medium-order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6
}
}
@media print,
screen and (min-width: 64em) {
.large-order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.large-order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.large-order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3
}
.large-order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4
}
.large-order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5
}
.large-order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6
}
}
@media screen and (min-width: 90em) {
.xlarge-order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.xlarge-order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.xlarge-order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3
}
.xlarge-order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4
}
.xlarge-order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5
}
.xlarge-order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6
}
}
@media screen and (min-width: 100em) {
.xxlarge-order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.xxlarge-order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.xxlarge-order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3
}
.xxlarge-order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4
}
.xxlarge-order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5
}
.xxlarge-order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6
}
}
.flex-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.flex-child-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.flex-child-grow {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto
}
.flex-child-shrink {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto
}
.flex-dir-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.flex-dir-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.flex-dir-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.flex-dir-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
@media print,
screen and (min-width: 40em) {
.medium-flex-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.medium-flex-child-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.medium-flex-child-grow {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto
}
.medium-flex-child-shrink {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto
}
.medium-flex-dir-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.medium-flex-dir-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.medium-flex-dir-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.medium-flex-dir-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
}
@media print,
screen and (min-width: 64em) {
.large-flex-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.large-flex-child-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.large-flex-child-grow {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto
}
.large-flex-child-shrink {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto
}
.large-flex-dir-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.large-flex-dir-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.large-flex-dir-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.large-flex-dir-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
}
@media screen and (min-width: 90em) {
.xlarge-flex-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.xlarge-flex-child-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.xlarge-flex-child-grow {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto
}
.xlarge-flex-child-shrink {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto
}
.xlarge-flex-dir-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.xlarge-flex-dir-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.xlarge-flex-dir-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.xlarge-flex-dir-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
}
@media screen and (min-width: 100em) {
.xxlarge-flex-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.xxlarge-flex-child-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.xxlarge-flex-child-grow {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto
}
.xxlarge-flex-child-shrink {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto
}
.xxlarge-flex-dir-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.xxlarge-flex-dir-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.xxlarge-flex-dir-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.xxlarge-flex-dir-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
}
.responsive-embed,
.flex-video {
position: relative;
height: 0;
margin-bottom: 1rem;
padding-bottom: 75%;
overflow: hidden
}
.responsive-embed iframe,
.responsive-embed object,
.responsive-embed embed,
.responsive-embed video,
.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.responsive-embed.widescreen,
.flex-video.widescreen {
padding-bottom: 56.25%
}
.reset,
.searchform fieldset,
.widget ul,
.widget.widget_calendar table {
margin: 0;
padding: 0;
list-style: none
}
.cf:before,
.thb-fixed:before,
.thb-product-detail.thb-product-style2 .summary:before,
.woocommerce-MyAccount-navigation:before,
.product_list_widget li:before,
.thb-pricing-table.style3 .pricing-description ul:before,
.thb-pricing-table.style3 .pricing-description ol:before,
.woocommerce-checkout h3:before,
#order_review_heading:before,
.woocommerce-Address-title h3:before,
.woocommerce-MyAccount-content h3:before,
.woocommerce-MyAccount-content legend:before,
.thb-product-detail .product-information .woocommerce-product-details__short-description:before,
.woocommerce-checkout-payment .wc_payment_methods .wc_payment_method .payment_box.payment_method_conektacard:before,
#customer_details:before,
.woocommerce-MyAccount-content fieldset:before,
.cf:after,
.thb-fixed:after,
.thb-product-detail.thb-product-style2 .summary:after,
.woocommerce-MyAccount-navigation:after,
.product_list_widget li:after,
.thb-pricing-table.style3 .pricing-description ul:after,
.thb-pricing-table.style3 .pricing-description ol:after,
.woocommerce-checkout h3:after,
#order_review_heading:after,
.woocommerce-Address-title h3:after,
.woocommerce-MyAccount-content h3:after,
.woocommerce-MyAccount-content legend:after,
.thb-product-detail .product-information .woocommerce-product-details__short-description:after,
.woocommerce-checkout-payment .wc_payment_methods .wc_payment_method .payment_box.payment_method_conektacard:after,
#customer_details:after,
.woocommerce-MyAccount-content fieldset:after {
content: " ";
display: table
}
.cf:after,
.thb-fixed:after,
.thb-product-detail.thb-product-style2 .summary:after,
.woocommerce-MyAccount-navigation:after,
.product_list_widget li:after,
.thb-pricing-table.style3 .pricing-description ul:after,
.thb-pricing-table.style3 .pricing-description ol:after,
.woocommerce-checkout h3:after,
#order_review_heading:after,
.woocommerce-Address-title h3:after,
.woocommerce-MyAccount-content h3:after,
.woocommerce-MyAccount-content legend:after,
.thb-product-detail .product-information .woocommerce-product-details__short-description:after,
.woocommerce-checkout-payment .wc_payment_methods .wc_payment_method .payment_box.payment_method_conektacard:after,
#customer_details:after,
.woocommerce-MyAccount-content fieldset:after {
clear: both
}
.endcolumn [class*="column"]+[class*="column"]:last-child {
float: left
}
.transition,
.btn-block.style1 .cover-bg img,
.btn-block.style1 .post.style5 .post-gallery img,
.post.style5 .btn-block.style1 .post-gallery img,
.btn-block.style1 .thb_post_nav.style2 .post_nav_link .inner img,
.thb_post_nav.style2 .post_nav_link .btn-block.style1 .inner img,
.btn-block.style1 .thb_portfolio_nav .inner img,
.thb_portfolio_nav .btn-block.style1 .inner img,
.btn-block.style1 .thb-carousel .slick-dots li .portrait_bullet img,
.thb-carousel .slick-dots li .btn-block.style1 .portrait_bullet img,
.btn-block.style1 .thb-fancy-box .thb-fancy-content img,
.thb-fancy-box .btn-block.style1 .thb-fancy-content img,
.thb-video-lightbox.hover-style1 img,
.thb-video-lightbox.hover-style2 img,
.thb-video-lightbox svg.thb-play-02 .circle2,
.thb-flip-box .thb-flip-box-side,
.thb-tabs,
.thb-portfolio-slider.thb-portfolio-slider-style4 .portfolio-slide .slide-bg,
.products .product .product_thumbnail.thb_hover .product_thumbnail_hover,
.products .product .product_after_title .button:after,
.products .product.product-category a div span {
transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1)
}
.transition2 {
transition: all 1s cubic-bezier(0.645, 0.045, 0.095, 1.08)
}
.quick-transition,
.thb-animated-arrow svg path,
a,
#wrapper .click-capture,
.header:before,
.header.fixed,
.logolink .logoimg,
.thb-header-menu>li.menu-item-has-children>a span:before,
.thb-mobile-close div span:before,
.thb-page-header .thb-blog-categories li a:after,
.post .post-gallery .post-gallery-overlay,
.post .post-gallery .post-gallery-overlay svg,
.post.style3 .post-gallery>a img,
.post.style5 .post-gallery .post-category,
.post.style6,
.post.style8:after,
.post.style8 .post-category,
.post.style8 .style8-container,
.post.style8 .post-content,
.post.style8 .style8-meta .post-meta,
.post.style8 .style8-meta .style8-link,
.scroll-bottom.style1:before,
.scroll-bottom.style1>div:before,
.scroll-bottom.style1>div:after,
.scroll-bottom.style2,
.scroll-bottom.style3>div:before,
.scroll-bottom.style3>div:after,
.scroll-bottom.style4,
.scroll-bottom.style4>div:before,
.scroll-bottom.style4>div:after,
.share_container .product_copy form,
.thb_post_nav.style1,
.thb_post_nav.style2 .post_nav_link .inner,
.thb_post_nav.style2 .post_nav_link div:not(.inner) span,
.thb_post_nav.style2 .post_nav_link div:not(.inner) em,
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="file"],
textarea,
input[type="submit"],
.button,
.btn,
input[type="submit"].arrow-enabled>svg,
.button.arrow-enabled>svg,
.btn.arrow-enabled>svg,
input.gradient[type="submit"]:after,
.button.gradient:after,
.btn.gradient:after,
input.style2.gradient[type="submit"]:before,
.button.style2.gradient:before,
.btn.style2.gradient:before,
input.style4[type="submit"]:after,
input.style4[type="submit"]:before,
.button.style4:after,
.button.style4:before,
.btn.style4:after,
.btn.style4:before,
.btn-text.style1:before,
.btn-text.style2:before,
.btn-text.style2:after,
.btn-text.style3 span:after,
.btn-text.style4 .arrow>div,
.thb-portfolio .type-portfolio.style1 .thb-portfolio-hover,
.thb-portfolio .type-portfolio.style2 .thb-portfolio-image,
.thb-portfolio .type-portfolio.style2 .thb-portfolio-content,
.thb-portfolio .type-portfolio.style3.thb-added .portfolio-holder,
.thb-portfolio .type-portfolio.style3.thb-added .portfolio-holder:after,
.thb-portfolio .type-portfolio.style3 .thb-portfolio-image,
.thb-portfolio .type-portfolio.style3 .thb-portfolio-hover,
.thb-portfolio .type-portfolio.style3 .thb-portfolio-content,
.thb-portfolio .type-portfolio.style3 .thb-portfolio-content .thb-excerpt,
.thb-portfolio .type-portfolio.style3 .thb-portfolio-content .portfolio-read-more,
.thb-portfolio .type-portfolio.style4 .thb-portfolio-image .thb-portfolio-hover,
.thb-portfolio .type-portfolio.style5 .thb-portfolio-image,
.thb-portfolio .type-portfolio.style5 .thb-portfolio-image .wp-post-image,
.thb-portfolio .type-portfolio.style5 .thb-portfolio-image .thb-portfolio-hover,
.thb-portfolio .type-portfolio.style6 .thb-portfolio-hover,
.thb-portfolio .type-portfolio.style6 .thb-portfolio-content,
.thb-portfolio .type-portfolio.style7 .thb-portfolio-image,
.thb-portfolio .type-portfolio.style7 .thb-portfolio-hover,
.thb-portfolio .type-portfolio.style7 h5 span,
.thb-portfolio .type-portfolio.style7 .thb-categories span,
.thb-portfolio .type-portfolio.style8 .thb-portfolio-hover,
.thb-portfolio .type-portfolio.style8 .thb-portfolio-content,
.thb-portfolio .type-portfolio.style9 .thb-portfolio-content h3,
.thb-portfolio-filter.style1 ul li a:before,
.thb-portfolio-filter.style3 ul li a:before,
.thb-portfolio-filter.style2 .select2.select2-container--default:after,
.thb-portfolio-filter.style2 .select2-dropdown .select2-results__options .select2-results__option span,
.thb-portfolio-filter.style2 .select2-dropdown .select2-results__options .select2-results__option span:before,
.thb-portfolio-share,
.thb-portfolio-share strong span,
.thb_portfolio_nav .post_nav_link div:not(.inner) span,
.thb_portfolio_nav .post_nav_link div:not(.inner) em,
.thb_portfolio_nav.style3 ul li a:before,
.thb-carousel .slick-dots li .portrait_bullet,
.mfp-close-btn-in button.mfp-close,
.mfp-zoom-in .mfp-with-anim,
.mfp-zoom-in .mfp-iframe-scaler,
.mfp-zoom-in .mfp-inline-holder,
.mfp-zoom-in.mfp-bg,
.mfp-zoom-out .mfp-with-anim,
.mfp-zoom-out.mfp-bg,
.thb_image_link img,
.thb_image_link .thb-image-inner .thb-portfolio-video,
.thb-expand,
#scroll_to_top svg,
.wpb_text_column a:not(.btn):not(.button):after,
.thb_location_container.thb-office-locations-style1 .thb_location,
.thb_location_container.thb-office-locations-style2 .thb_location h5:after,
.thb-accordion.style3 .vc_tta-panel,
.thb-bg-list-parent.style1 .thb-bg-list.has-btn .list-content-container,
.thb-client-row.thb-opacity.with-accent .thb-client,
.thb-client-row .thb-client img,
.thb-client-row .style4 .accent-color,
.thb-fancy-box .thb-fancy-hover,
.thb-fancy-box.fancy-style5 .thb-fancy-image-container,
.thb-fancy-box.fancy-style5 .thb-fancy-content,
.thb-fancy-box.fancy-style6 .thb-fancy-content,
.thb-fancy-box.fancy-style6 .thb-fancy-image,
.thb-fancy-box.fancy-style7 .thb-fancy-image-container,
.thb-fancy-box.fancy-style7 .fancy-text-link span,
.thb-fancy-box.fancy-style8:after,
.thb-tabs.style1 .vc_tta-panel-heading h4 a:before,
.thb-horizontal-list:before,
.thb-iconbox,
.thb-iconbox.top.type1 figure,
.thb-iconbox.top.type2 figure,
.thb-iconbox.top.type3.has-link .iconbox-content,
.thb-iconbox.top.type3.has-link .iconbox-content .thb-read-more,
.thb-iconbox.top.type8.has-link .iconbox-content,
.thb-iconbox.top.type8.has-link .iconbox-content .thb-read-more,
.thb-iconbox.top.type9.has-link .iconbox-content,
.thb-iconbox.top.type9.has-link .iconbox-content .thb-read-more,
.thb-iconbox.left.has-link .iconbox-content,
.thb-iconbox.right.has-link .iconbox-content,
.thb-iconbox.left.has-link .iconbox-content .thb-read-more,
.thb-iconbox.right.has-link .iconbox-content .thb-read-more,
.thb-like-button,
.thb-portfolio-slider .portfolio-slide .cover-bg,
.thb-portfolio-slider .portfolio-slide .post.style5 .post-gallery,
.post.style5 .thb-portfolio-slider .portfolio-slide .post-gallery,
.thb-portfolio-slider .portfolio-slide .thb_post_nav.style2 .post_nav_link .inner,
.thb_post_nav.style2 .post_nav_link .thb-portfolio-slider .portfolio-slide .inner,
.thb-portfolio-slider .portfolio-slide .thb_portfolio_nav .inner,
.thb_portfolio_nav .thb-portfolio-slider .portfolio-slide .inner,
.thb-portfolio-slider .portfolio-slide .thb-carousel .slick-dots li .portrait_bullet,
.thb-carousel .slick-dots li .thb-portfolio-slider .portfolio-slide .portrait_bullet,
.thb-portfolio-slider .portfolio-slide .thb-fancy-box .thb-fancy-content,
.thb-fancy-box .thb-portfolio-slider .portfolio-slide .thb-fancy-content,
.thb-portfolio-slider.thb-portfolio-slider-style3 .portfolio-slide .thb-portfolio-image .portfolio-slider-image,
.thb-portfolio-slider.thb-portfolio-slider-style7 .portfolio-style7-dots-wrapper .thb-portfolio-slider-style7-bullets:before,
.thb-pricing-table.style2 .pricing-style2-highlight,
.thb-pricing-toggle .thb-pricing-toggle-element,
.thb-team-row .thb-team-member img,
.thb-team-row .thb-team-member .team-information,
.thb-team-row .thb-team-member.member_style1 .team-information,
.thb-team-row .thb-team-member.member_style3 .team-container,
.thb-testimonials.thb-carousel,
.thb-testimonials.style9 .slick-dots-wrapper .slick-dots li .portrait_bullet,
.thb-instagram-row figure:after,
.thb-instagram-row figure span,
.side-panel,
.products .product .product_after_title .product_after_shop_loop_buttons,
.products .product .product_after_title .product_after_shop_loop_price,
.products .product.thb-listing-style2 .yith-wcwl-add-to-wishlist,
.thb-product-detail .product-thumbnails .slick-slide,
.login-page-form li a:before,
.thb-form-container,
.thb-form-container .thb-login-form,
.thb-form-container .thb-register-form {
transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1)
}
.mid-transition,
.mobile-toggle-holder.style4 .mobile-toggle>span,
.post.style9 .style9-title .post-title h4 a,
.post.style9 .style9-title .style9-arrow,
.post.style9 .style9-title .style9-arrow svg,
.post.style9 .style9-content,
.post.style10,
input.style3[type="submit"]:before,
.button.style3:before,
.btn.style3:before,
.thb-portfolio .type-portfolio.style9 .thb-portfolio-image .wp-post-image,
.thb-portfolio .type-portfolio.style9 .thb-portfolio-hover,
.thb-portfolio .type-portfolio.style10 .thb-image-hover,
.thb-portfolio .type-portfolio.style10 .thb-portfolio-hover,
#thb-featured-portfolio .side-panel-content .portfolio .post-gallery img,
.thb-gradienttype.on-hover-true .thb-gradienttype-hover,
.thb-video-lightbox svg .back,
.thb-video-lightbox svg .front,
.thb-fancy-box.fancy-style8 .thb-fancy-image-container,
.thb-fancy-box.fancy-style8 .thb-fancy-content svg,
.thb-fancy-box.fancy-style8 .thb-fancy-content .thb-fancy-text-content,
.thb-fancy-box.fancy-style8 .thb-fancy-content .thb-fancy-text-content p,
.thb-team-row .thb-team-member.member_style5 .team-information-hover,
.thb-team-row .thb-team-member.member_style5 .team-information {
transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1)
}
.linear-transition {
transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1)
}
.linear-quick-transition,
.mobile-toggle-holder.style2 .mobile-toggle span,
.post .post-gallery img,
.post.style5 .post-gallery .wp-post-image,
.post.style5 .post-gallery .overlay:after,
.thb_portfolio_nav .inner,
.thb_portfolio_nav.style1 .post_nav_link strong,
.thb_portfolio_nav.style1 .post_nav_link strong .title,
.thb_portfolio_nav.style1 .post_nav_link strong .title:before,
#scroll_to_top .thb-animated-arrow.circular,
.thb-accordion .vc_tta-panel-heading h4 a:after,
.thb-client-row .style3 .client-title,
.thb-fancy-box .thb-fancy-link .thb-animated-arrow,
.thb-fancy-box.fancy-style3,
.thb-fancy-box.fancy-style3 .thb-fancy-image-container,
.thb-pricing-toggle .thb-pricing-toggle-element .thb-pricing-toggle-circle,
.products .product .product_thumbnail .yith-wcwl-add-to-wishlist,
.products .product .product_thumbnail .yith-wcwl-add-to-wishlist a,
.products .product .product_thumbnail .yith-wcwl-add-to-wishlist .text {
transition: all .25s linear
}
.linear-mid-transition {
transition: all .5s linear
}
.general-shadow-styles.small-shadow,
.columns .small-shadow.vc_column-inner,
.small-shadow.row,
.thb_image_link img.small-shadow,
.small-shadow.thb-video-lightbox,
.thb-freescroll .columns img.small-shadow {
-webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1)
}
.general-shadow-styles.medium-shadow,
.columns .medium-shadow.vc_column-inner,
.medium-shadow.row,
.thb_image_link img.medium-shadow,
.medium-shadow.thb-video-lightbox,
.thb-freescroll .columns img.medium-shadow {
-webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1)
}
.general-shadow-styles.large-shadow,
.columns .large-shadow.vc_column-inner,
.large-shadow.row,
.thb_image_link img.large-shadow,
.large-shadow.thb-video-lightbox,
.thb-freescroll .columns img.large-shadow {
-webkit-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1);
box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1)
}
.general-shadow-styles.xlarge-shadow,
.columns .xlarge-shadow.vc_column-inner,
.xlarge-shadow.row,
.thb_image_link img.xlarge-shadow,
.xlarge-shadow.thb-video-lightbox,
.thb-freescroll .columns img.xlarge-shadow {
-webkit-box-shadow: 0 8px 40px rgba(0, 0, 0, 0.08);
-moz-box-shadow: 0 8px 40px rgba(0, 0, 0, 0.08);
box-shadow: 0 8px 40px rgba(0, 0, 0, 0.08)
}
.admin-bar .admin-style,
.admin-bar .thb-borders,
.admin-bar .header,
.admin-bar .thb-search-popup,
.admin-bar #mobile-menu,
.admin-bar .share_container,
.admin-bar .side-panel {
top: 0
}
@media screen and (min-width: 601px) {
.admin-bar .admin-style,
.admin-bar .thb-borders,
.admin-bar .header,
.admin-bar .thb-search-popup,
.admin-bar #mobile-menu,
.admin-bar .share_container,
.admin-bar .side-panel {
top: 46px
}
}
@media screen and (min-width: 783px) {
.admin-bar .admin-style,
.admin-bar .thb-borders,
.admin-bar .header,
.admin-bar .thb-search-popup,
.admin-bar #mobile-menu,
.admin-bar .share_container,
.admin-bar .side-panel {
top: 32px
}
}
.custom_scroll {
overflow: hidden;
height: 100%;
position: relative
}
.flex-video {
margin: 0
}
.vc_video-aspect-ratio-235 .flex-video.widescreen {
padding-bottom: 42.5%
}
.center-contents {
display: flex;
justify-content: center;
align-items: center
}
.cover-bg,
.post.style5 .post-gallery,
.thb_post_nav.style2 .post_nav_link .inner,
.thb_portfolio_nav .inner,
.thb-carousel .slick-dots li .portrait_bullet,
.thb-fancy-box .thb-fancy-content {
flex-direction: column;
background-position: center;
background-size: cover
}
.no-padding,
.row .row.no-padding {
margin: 0
}
.no-padding>.columns,
.row .row.no-padding>.columns {
padding: 0
}
@media only screen and (min-width: 640px) {
.no-padding,
.row .row.no-padding {
padding: 0
}
}
.columns .vc_video-bg+.vc_column-inner {
position: relative;
z-index: 20
}
.columns.thb_video_bg {
position: relative;
overflow: hidden;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important
}
.columns.thb_video_bg .wpb_wrapper {
z-index: 5;
position: relative
}
.columns.thb_video_bg .thb-row-video-bg {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
z-index: -1;
transform: translate3d(-50%, -50%, 0)
}
.columns.thb_video_bg .thb_video_overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
pointer-events: none;
transform: translateZ(0)
}
.vc_editor.compose-mode .vc_element>.columns {
width: 100%;
max-width: 100%
}
.columns .vc_column-inner {
width: 100%
}
.columns:not(.full-height) .vc_column-inner:not(.thb-fixed) {
min-height: 100%
}
.columns.thb-dark-column .thb-image-slider .thb-animated-arrow.circular {
border-color: rgba(9, 9, 9, 0.4)
}
.columns.thb-dark-column .thb-image-slider .thb-animated-arrow.circular svg {
fill: #090909
}
.columns.thb-light-column {
color: #e6e6e6
}
.columns.thb-light-column input[type="text"],
.columns.thb-light-column input[type="password"],
.columns.thb-light-column input[type="date"],
.columns.thb-light-column input[type="datetime"],
.columns.thb-light-column input[type="email"],
.columns.thb-light-column input[type="number"],
.columns.thb-light-column input[type="search"],
.columns.thb-light-column input[type="tel"],
.columns.thb-light-column input[type="time"],
.columns.thb-light-column input[type="url"],
.columns.thb-light-column textarea {
background: rgba(255, 255, 255, 0.05);
color: #c1c1c1
}
.columns.thb-light-column input[type="text"]:not(:focus),
.columns.thb-light-column input[type="password"]:not(:focus),
.columns.thb-light-column input[type="date"]:not(:focus),
.columns.thb-light-column input[type="datetime"]:not(:focus),
.columns.thb-light-column input[type="email"]:not(:focus),
.columns.thb-light-column input[type="number"]:not(:focus),
.columns.thb-light-column input[type="search"]:not(:focus),
.columns.thb-light-column input[type="tel"]:not(:focus),
.columns.thb-light-column input[type="time"]:not(:focus),
.columns.thb-light-column input[type="url"]:not(:focus),
.columns.thb-light-column textarea:not(:focus) {
border-color: rgba(255, 255, 255, 0.15)
}
.columns.thb-light-column input[type="text"]:focus,
.columns.thb-light-column input[type="password"]:focus,
.columns.thb-light-column input[type="date"]:focus,
.columns.thb-light-column input[type="datetime"]:focus,
.columns.thb-light-column input[type="email"]:focus,
.columns.thb-light-column input[type="number"]:focus,
.columns.thb-light-column input[type="search"]:focus,
.columns.thb-light-column input[type="tel"]:focus,
.columns.thb-light-column input[type="time"]:focus,
.columns.thb-light-column input[type="url"]:focus,
.columns.thb-light-column textarea:focus {
color: #c1c1c1
}
.columns.thb-light-column .btn-block,
.columns.thb-light-column .masonry_btn {
color: #fff
}
.columns.thb-light-column .btn-block:hover,
.columns.thb-light-column .masonry_btn:hover {
color: #fff
}
.columns.thb-light-column .thb-video-lightbox.thb-video-lightbox-icon-style-style4 {
border-color: rgba(255, 255, 255, 0.2)
}
.columns.thb-light-column .thb-share-icons.style2 svg {
fill: #fff
}
.columns.thb-light-column .thb-share-icons.style2 a,
.columns.thb-light-column .thb-page-menu.style2 li a {
color: #fff
}
.columns.thb-light-column .thb-page-menu.style2 li {
border-color: rgba(255, 255, 255, 0.3)
}
.columns.thb-light-column .thb_location_container.center-arrows.row .slick-nav,
.columns.thb-light-column .thb-content-carousel.center-arrows.row .slick-nav {
border-color: rgba(255, 255, 255, 0.4)
}
.columns.thb-light-column .thb_location_container.center-arrows.row .slick-nav:hover,
.columns.thb-light-column .thb-content-carousel.center-arrows.row .slick-nav:hover {
border-color: #fff
}
.columns.thb-light-column .thb_location_container.center-arrows.row .slick-nav svg,
.columns.thb-light-column .thb-content-carousel.center-arrows.row .slick-nav svg {
fill: #fff
}
.columns.thb-light-column .wp-caption-text {
color: #575757
}
.columns.thb-light-column .boxed-icon:not(:hover) {
border-color: rgba(255, 255, 255, 0.1);
color: #fff
}
.columns.thb-light-column .boxed-icon:not(:hover) svg {
fill: #fff
}
.columns.thb-light-column .btn-text.style4 .arrow svg:first-child,
.columns.thb-light-column .thb-portfolio-slider-style3.thb-carousel-dark .thb-animated-arrow.circular svg {
fill: #fff
}
.columns.thb-light-column .wpcf7-checkbox label {
border-color: rgba(255, 255, 255, 0.2)
}
.columns.thb-light-column .thb-iconbox.has-link {
color: #e6e6e6
}
.columns.thb-light-column .thb-iconbox.top.type1 figure .thb-iconbox-line,
.columns.thb-light-column .thb-iconbox.top.type2 figure .thb-iconbox-line,
.columns.thb-light-column .thb-iconbox.top.type4 {
border-color: rgba(255, 255, 255, 0.2)
}
.columns.thb-light-column .thb-iconbox.top.type1 figure .thb-iconbox-line:hover,
.columns.thb-light-column .thb-iconbox.top.type2 figure .thb-iconbox-line:hover,
.columns.thb-light-column .thb-iconbox.top.type4:hover {
border-color: #fff
}
.columns.thb-light-column .thb-iconbox .thb-read-more svg,
.columns.thb-light-column .thb-portfolio .type-portfolio.style4:hover svg,
.columns.thb-light-column .thb-portfolio .type-portfolio.style4 svg,
.columns.thb-light-column .thb-portfolio .type-portfolio.style4 .thb-portfolio-content svg .bar {
fill: #fff
}
.columns.thb-light-column .thb-tabs.style2 .vc_tta-panel-heading h4 a {
color: rgba(255, 255, 255, 0.6)
}
.columns.thb-light-column .thb-tabs.style2 .vc_tta-panel-heading h4 {
border-bottom-color: rgba(255, 255, 255, 0.15)
}
.columns.thb-light-column .thb-portfolio-filter.style3 ul li a {
color: rgba(255, 255, 255, 0.8)
}
.columns.thb-light-column .thb-tabs.style2 .vc_tta-panel-heading h4 a.active,
.columns.thb-light-column .thb-tabs.style4 .vc_tta-panel-heading h4 a:not(.active),
.columns.thb-light-column .thb-tabs.style3 .vc_tta-panel-heading h4 a:not(.active),
.columns.thb-light-column .thb-portfolio-filter.style1 ul li a:not(.active),
.columns.thb-light-column .thb-portfolio-filter.style2 .thb-filter-by,
.columns.thb-light-column .portfolio-attributes a,
.columns.thb-light-column .thb-portfolio-filter.style3 ul li a:hover,
.columns.thb-light-column .thb-portfolio-filter.style3 ul li a.active {
color: #fff
}
.columns.thb-light-column .portfolio-attributes h6,
.columns.thb-light-column .thb-portfolio-slider.thb-portfolio-slider-style3 .portfolio-slide .content-side a:not(:hover) {
color: #fff
}
.columns.thb-light-column .portfolio-attributes p,
.columns.thb-light-column .portfolio-attributes.style2 .attribute p {
color: rgba(255, 255, 255, 0.8)
}
.columns.thb-light-column .portfolio-attributes.style2 .attribute {
border-color: rgba(255, 255, 255, 0.2)
}
.columns.thb-light-column .thb-portfolio-slider-style3.thb-carousel-dark .thb-animated-arrow.circular {
border-color: rgba(255, 255, 255, 0.2)
}
.columns.thb-light-column .thb-carousel .slick-dots li button {
background: rgba(255, 255, 255, 0.2)
}
.columns.thb-light-column .thb-carousel .slick-dots li.slick-active button,
.columns.thb-light-column .thb-carousel .slick-dots .select {
background: #fff
}
.columns.thb-light-column .thb-like-button {
border-color: rgba(255, 255, 255, 0.2)
}
.columns.thb-light-column .thb-like-button .counter {
color: #fff
}
.columns.thb-light-column .thb-like-button:hover {
border-color: #fff
}
.columns.thb-light-column .thb-stroketype * {
-webkit-text-stroke-color: #fff;
-moz-text-stroke-color: #fff;
-o-text-stroke-color: #fff;
-ms-text-stroke-color: #fff;
text-stroke-color: #fff
}
.columns.thb-light-column .thb-horizontal-list {
border-bottom-color: rgba(255, 255, 255, 0.09)
}
.columns.thb-light-column .thb-accordion.style1 .vc_tta-panel {
border-bottom-color: rgba(255, 255, 255, 0.15)
}
.columns.thb-light-column .thb-tabs.style1 .vc_tta-panel-heading h4 a {
color: rgba(255, 255, 255, 0.55)
}
.columns.thb-light-column .thb-tabs.style1 .vc_tta-panel-heading h4 a.active {
color: #fff
}
.columns.thb-light-column .thb-accordion.style1 .vc_tta-panel-heading h4 a:after,
.columns.thb-light-column .thb-accordion.style1 .vc_tta-panel-heading h4 a:before {
background: rgba(255, 255, 255, 0.55)
}
.columns.thb-light-column .thb-accordion.style3 .vc_tta-panel-heading h4 a:after,
.columns.thb-light-column .thb-accordion.style3 .vc_tta-panel-heading h4 a:before {
background: rgba(255, 255, 255, 0.55)
}
.columns.thb-light-column .thb-accordion.style3 .vc_tta-panel {
border-color: rgba(255, 255, 255, 0.25)
}
.columns.thb-light-column .thb-accordion.style3 .vc_tta-panel.active {
background: #1c1c1c
}
.columns.thb-light-column .thb-accordion.style3 .vc_tta-panel-heading h4 a {
color: #fff
}
.columns.thb-light-column .thb_twitter_container p {
color: rgba(255, 255, 255, 0.7)
}
.columns.thb-light-column h1,
.columns.thb-light-column h2,
.columns.thb-light-column h3,
.columns.thb-light-column h4,
.columns.thb-light-column h5,
.columns.thb-light-column h6,
.columns.thb-light-column .thb-portfolio .type-portfolio h1,
.columns.thb-light-column .thb-portfolio .type-portfolio h2,
.columns.thb-light-column .thb-portfolio .type-portfolio.style6 .portfolio-holder,
.columns.thb-light-column .thb-awards-parent,
.columns.thb-light-column .thb-awards .award-container .thb-award-description strong,
.columns.thb-light-column .thb-awards .award-container .thb-award-description b,
.columns.thb-light-column .thb-experience .thb-experience-description strong,
.columns.thb-light-column .thb-experience .thb-experience-position strong,
.columns.thb-light-column .thb-experience .thb-experience-description b,
.columns.thb-light-column .thb-experience .thb-experience-position b,
.columns.thb-light-column .thb-experience,
.columns.thb-light-column label,
.columns.thb-light-column .thb-counter,
.columns.thb-light-column .post .post-title a,
.columns.thb-light-column .post .post-category a,
.columns.thb-light-column .thb-accordion.style1 .vc_tta-panel-heading h4 a,
.columns.thb-light-column .post.style9 .style9-content .style9-readmore,
.columns.thb-light-column .thb_twitter_container .thb_tweet_time,
.columns.thb-light-column .thb_twitter_container p a,
.columns.thb-light-column .thb_twitter_container .thb_follow_us a {
color: #fff
}
.columns.thb-light-column .thb-awards-parent+.thb-awards-parent {
border-top-color: rgba(255, 255, 255, 0.6)
}
.columns.thb-light-column .thb-awards .award-container,
.columns.thb-light-column .thb-experience {
border-bottom-color: rgba(255, 255, 255, 0.2)
}
.columns.thb-light-column .post.style9 {
border-bottom-color: rgba(255, 255, 255, 0.15)
}
.columns.thb-light-column .post.style9 .post-category a {
color: #ee9982
}
.columns.thb-light-column .post.style9:not(.active) .style9-title .style9-arrow:not(:hover) {
border-color: rgba(255, 255, 255, 0.18)
}
.columns.thb-light-column .post.style9:not(.active) .style9-title .style9-arrow svg {
fill: rgba(255, 255, 255, 0.36)
}
.columns.thb-light-column .wpb_text_column a {
color: #fff
}
.columns.thb-light-column .wpb_text_column a:after {
border-bottom-color: #fff
}
.columns.thb-light-column .thb-awards .award-container .thb-award-description,
.columns.thb-light-column .thb-experience .experience-date {
color: #b8b8b8
}
.columns.thb-light-column .thb-iconbox figure svg path,
.columns.thb-light-column .thb-iconbox figure svg circle,
.columns.thb-light-column .thb-iconbox figure svg rect,
.columns.thb-light-column .thb-iconbox figure svg ellipse {
stroke: #fff
}
.columns.thb-light-column .thb-pricing-table.style2 .pricing-container .thb_pricing_head .pricing_sub_title,
.columns.thb-light-column .thb-pricing-table.style2 .pricing-container .thb_pricing_head .thb-price,
.columns.thb-light-column .thb-tabs.style4 .thb-tab-menu {
border-color: rgba(255, 255, 255, 0.1)
}
.columns.thb-light-column .thb-team-row .thb-team-member.member_style1 h6,
.columns.thb-light-column .thb-team-row .thb-team-member.member_style1 .job-title,
.columns.thb-light-column .thb-team-row .thb-team-member.member_style4 h6,
.columns.thb-light-column .thb-team-row .thb-team-member.member_style1 .job-title {
color: #fff
}
.light-button-text,
.columns.thb-light-column .btn-text,
.footer.dark .btn-text {
color: #fff
}
.light-button-text.style1:before,
.columns.thb-light-column .style1.btn-text:before,
.footer.dark .style1.btn-text:before {
background: rgba(255, 255, 255, 0.35)
}
.light-button-text.style1:hover,
.columns.thb-light-column .style1.btn-text:hover,
.footer.dark .style1.btn-text:hover {
color: #fff
}
.light-button-text.style1:hover:before,
.columns.thb-light-column .style1.btn-text:hover:before,
.footer.dark .style1.btn-text:hover:before {
background: #fff
}
.light-button-text.style2:before,
.columns.thb-light-column .style2.btn-text:before,
.footer.dark .style2.btn-text:before {
background: rgba(255, 255, 255, 0.35)
}
.light-button-text.style2:after,
.columns.thb-light-column .style2.btn-text:after,
.footer.dark .style2.btn-text:after {
background: #fff
}
.light-button-text.style3:hover,
.columns.thb-light-column .style3.btn-text:hover,
.footer.dark .style3.btn-text:hover {
color: #fff
}
.light-button-text.style3 span:after,
.columns.thb-light-column .style3.btn-text span:after,
.footer.dark .style3.btn-text span:after {
background: #fff
}
.light-button-text.style4:hover,
.columns.thb-light-column .style4.btn-text:hover,
.footer.dark .style4.btn-text:hover {
color: #fff
}
.light-button-text.style4 svg:nth-child(2n),
.columns.thb-light-column .style4.btn-text svg:nth-child(2n),
.footer.dark .style4.btn-text svg:nth-child(2n) {
fill: #fff
}
.light-button-text.style5:hover,
.columns.thb-light-column .style5.btn-text:hover,
.footer.dark .style5.btn-text:hover {
color: #fff
}
.light-button-text.style5 svg,
.columns.thb-light-column .style5.btn-text svg,
.footer.dark .style5.btn-text svg,
.light-button-text.style5 svg .bar,
.columns.thb-light-column .style5.btn-text svg .bar,
.footer.dark .style5.btn-text svg .bar {
fill: #fff
}
.small-1\/5 {
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
@media only screen and (min-width: 1024px) {
.thb-5,
.medium-1\/5 {
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
}
@media only screen and (min-width: 1440px) {
.large-1\/5 {
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
}
.small-2\/5 {
-webkit-flex: 0 0 40%;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 40%
}
@media only screen and (min-width: 1024px) {
.thb-5-2,
.medium-2\/5 {
-webkit-flex: 0 0 40%;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 40%
}
}
@media only screen and (min-width: 1440px) {
.large-2\/5 {
-webkit-flex: 0 0 40%;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 40%
}
}
.small-3\/5 {
-webkit-flex: 0 0 60%;
-ms-flex: 0 0 60%;
flex: 0 0 60%;
max-width: 60%
}
@media only screen and (min-width: 1024px) {
.thb-5-3,
.medium-3\/5 {
-webkit-flex: 0 0 60%;
-ms-flex: 0 0 60%;
flex: 0 0 60%;
max-width: 60%
}
}
@media only screen and (min-width: 1440px) {
.large-3\/5 {
-webkit-flex: 0 0 60%;
-ms-flex: 0 0 60%;
flex: 0 0 60%;
max-width: 60%
}
}
.thb-fixed,
.thb-product-detail.thb-product-style2 .summary,
.woocommerce-MyAccount-navigation {
will-change: top;
-webkit-transition: top .25s cubic-bezier(0.25, 0.8, 0.25, 1);
-moz-transition: top .25s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: top .25s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: top .25s cubic-bezier(0.25, 0.8, 0.25, 1);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden
}
@media only screen and (max-width: 640px) {
.thb-fixed,
.thb-product-detail.thb-product-style2 .summary,
.woocommerce-MyAccount-navigation {
position: static !important
}
}
.thb-padding-sizes.regular-padding .columns,
.wpb_gallery .regular-padding.row .columns,
.regular-padding.thb-freescroll .columns,
.thb-team-row .regular-padding.row.style1 .columns {
margin-bottom: 20px
}
@media only screen and (min-width: 640px) {
.thb-padding-sizes.regular-padding .columns,
.wpb_gallery .regular-padding.row .columns,
.regular-padding.thb-freescroll .columns,
.thb-team-row .regular-padding.row.style1 .columns {
margin-bottom: 30px
}
}
@media only screen and (min-width: 1024px) {
.thb-padding-sizes.regular-padding .columns,
.wpb_gallery .regular-padding.row .columns,
.regular-padding.thb-freescroll .columns,
.thb-team-row .regular-padding.row.style1 .columns {
margin-bottom: 40px
}
}
.thb-padding-sizes.medium-padding .columns,
.wpb_gallery .medium-padding.row .columns,
.medium-padding.thb-freescroll .columns,
.thb-team-row .medium-padding.row.style1 .columns {
margin-bottom: 20px
}
@media only screen and (min-width: 640px) {
.thb-padding-sizes.medium-padding .columns,
.wpb_gallery .medium-padding.row .columns,
.medium-padding.thb-freescroll .columns,
.thb-team-row .medium-padding.row.style1 .columns {
margin-bottom: 30px
}
}
.thb-padding-sizes.mini-padding,
.wpb_gallery .mini-padding.row,
.mini-padding.thb-freescroll,
.thb-team-row .mini-padding.row.style1 {
margin: 0 -5px
}
.thb-padding-sizes.mini-padding .columns,
.wpb_gallery .mini-padding.row .columns,
.mini-padding.thb-freescroll .columns,
.thb-team-row .mini-padding.row.style1 .columns {
padding: 0 5px;
margin-bottom: 10px
}
.thb-padding-sizes.pixel-padding,
.wpb_gallery .pixel-padding.row,
.pixel-padding.thb-freescroll,
.thb-team-row .pixel-padding.row.style1 {
margin: 0 -1px
}
.thb-padding-sizes.pixel-padding .columns,
.wpb_gallery .pixel-padding.row .columns,
.pixel-padding.thb-freescroll .columns,
.thb-team-row .pixel-padding.row.style1 .columns {
padding: 0 1px;
margin-bottom: 2px
}
.thb-padding-sizes.no-padding,
.row .thb-padding-sizes.row.no-padding,
.row .row.no-padding.thb-freescroll,
.wpb_gallery .no-padding.row,
.no-padding.thb-freescroll,
.thb-team-row .no-padding.row.style1 {
margin: 0
}
.thb-padding-sizes.no-padding .columns,
.wpb_gallery .no-padding.row .columns,
.no-padding.thb-freescroll .columns,
.thb-team-row .no-padding.row.style1 .columns {
padding: 0;
margin-bottom: 0
}
.thb-animated-arrow {
cursor: pointer;
opacity: 1
}
.thb-animated-arrow svg {
fill: #fff
}
.thb-animated-arrow svg .handle {
-webkit-transform: translateX(8px);
-moz-transform: translateX(8px);
-ms-transform: translateX(8px);
-o-transform: translateX(8px);
transform: translateX(8px)
}
.thb-animated-arrow svg .bar {
opacity: 0;
transform-origin: left center;
-webkit-transform: translateX(16px);
-moz-transform: translateX(16px);
-ms-transform: translateX(16px);
-o-transform: translateX(16px);
transform: translateX(16px)
}
.thb-animated-arrow:hover .handle {
-webkit-transform: translateX(4px);
-moz-transform: translateX(4px);
-ms-transform: translateX(4px);
-o-transform: translateX(4px);
transform: translateX(4px)
}
.thb-animated-arrow:hover .bar {
opacity: 1;
-webkit-transform: translateX(4px) scale(0.8);
-moz-transform: translateX(4px) scale(0.8);
-ms-transform: translateX(4px) scale(0.8);
-o-transform: translateX(4px) scale(0.8);
transform: translateX(4px) scale(0.8)
}
.thb-animated-arrow.dark svg,
.thb-carousel-dark .thb-animated-arrow svg {
fill: #090909
}
.thb-animated-arrow.dark.circular,
.thb-carousel-dark .thb-animated-arrow.circular {
border-color: rgba(9, 9, 9, 0.4)
}
.thb-animated-arrow.arrow-right {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg)
}
.thb-animated-arrow.circular {
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 21px;
width: 42px;
height: 42px;
border: 1px solid rgba(255, 255, 255, 0.4)
}
.thb-animated-arrow.circular svg {
width: 20px;
height: 20px;
overflow: visible
}
.thb-animated-arrow.circular.slick-next .handle {
-webkit-transform: translateX(-8px);
-moz-transform: translateX(-8px);
-ms-transform: translateX(-8px);
-o-transform: translateX(-8px);
transform: translateX(-8px)
}
.thb-animated-arrow.circular.slick-next .bar {
-webkit-transform: translateX(-12px);
-moz-transform: translateX(-12px);
-ms-transform: translateX(-12px);
-o-transform: translateX(-12px);
transform: translateX(-12px)
}
.thb-animated-arrow.circular.slick-next:hover .handle {
-webkit-transform: translateX(-4px);
-moz-transform: translateX(-4px);
-ms-transform: translateX(-4px);
-o-transform: translateX(-4px);
transform: translateX(-4px)
}
.thb-animated-arrow.circular.slick-next:hover .bar {
-webkit-transform: translateX(0px) scale(0.8);
-moz-transform: translateX(0px) scale(0.8);
-ms-transform: translateX(0px) scale(0.8);
-o-transform: translateX(0px) scale(0.8);
transform: translateX(0px) scale(0.8)
}
.material-spinner {
animation: material-rotator 1.4s linear infinite
}
.material-spinner .material-path {
stroke-dasharray: 187;
stroke-dashoffset: 0;
transform-origin: center;
animation: material-dash 1.4s ease-in-out infinite, material-colors 5.6s ease-in-out infinite
}
@keyframes material-rotator {
0% {
transform: rotate(0deg)
}
100% {
transform: rotate(270deg)
}
}
@keyframes material-colors {
0% {
stroke: #4285F4
}
25% {
stroke: #DE3E35
}
50% {
stroke: #F7C223
}
75% {
stroke: #1B9A59
}
100% {
stroke: #4285F4
}
}
@keyframes material-dash {
0% {
stroke-dashoffset: 187
}
50% {
stroke-dashoffset: 46.75;
transform: rotate(135deg)
}
100% {
stroke-dashoffset: 187;
transform: rotate(450deg)
}
}
.preloader-style2-container {
width: 100px;
height: 100px;
position: absolute;
top: 50%;
left: 50%;
margin: auto;
-webkit-filter: url(#thb-goo);
-moz-filter: url(#thb-goo);
filter: url(#thb-goo);
-webkit-animation: rotate-move 2s ease-in-out infinite;
-moz-animation: rotate-move 2s ease-in-out infinite;
-ms-animation: rotate-move 2s ease-in-out infinite;
-o-animation: rotate-move 2s ease-in-out infinite;
animation: rotate-move 2s ease-in-out infinite
}
.preloader-style3-container {
width: 100%;
height: 1px;
overflow: hidden;
position: relative
}
.preloader-style3-container:before {
content: '';
display: block;
top: 0;
bottom: 0;
position: absolute;
left: 0;
background: #ee9982;
will-change: left, right;
-webkit-animation: loading-line 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
-moz-animation: loading-line 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
-ms-animation: loading-line 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
-o-animation: loading-line 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
animation: loading-line 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite
}
.preloader-style3-container:after {
content: '';
display: block;
bottom: 0;
position: absolute;
top: 0;
left: 0;
background: #ee9982;
will-change: left, right;
-webkit-animation: loading-line-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
-moz-animation: loading-line-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
-ms-animation: loading-line-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
-o-animation: loading-line-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
animation: loading-line-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
-webkit-animation-delay: 1.15s;
-moz-animation-delay: 1.15s;
-ms-animation-delay: 1.15s;
-o-animation-delay: 1.15s;
animation-delay: 1.15s
}
@-moz-keyframes loading-line {
0% {
left: -35%;
right: 100%
}
60% {
left: 100%;
right: -90%
}
100% {
left: 100%;
right: -90%
}
}
@-webkit-keyframes loading-line {
0% {
left: -35%;
right: 100%
}
60% {
left: 100%;
right: -90%
}
100% {
left: 100%;
right: -90%
}
}
@-o-keyframes loading-line {
0% {
left: -35%;
right: 100%
}
60% {
left: 100%;
right: -90%
}
100% {
left: 100%;
right: -90%
}
}
@-ms-keyframes loading-line {
.preloader-style3-container 0% {
left: -35%;
right: 100%
}
.preloader-style3-container 60% {
left: 100%;
right: -90%
}
.preloader-style3-container 100% {
left: 100%;
right: -90%
}
}
@keyframes loading-line {
0% {
left: -35%;
right: 100%
}
60% {
left: 100%;
right: -90%
}
100% {
left: 100%;
right: -90%
}
}
@-moz-keyframes loading-line-short {
0% {
left: -200%;
right: 100%
}
60% {
left: 107%;
right: -8%
}
100% {
left: 107%;
right: -8%
}
}
@-webkit-keyframes loading-line-short {
0% {
left: -200%;
right: 100%
}
60% {
left: 107%;
right: -8%
}
100% {
left: 107%;
right: -8%
}
}
@-o-keyframes loading-line-short {
0% {
left: -200%;
right: 100%
}
60% {
left: 107%;
right: -8%
}
100% {
left: 107%;
right: -8%
}
}
@-ms-keyframes loading-line-short {
.preloader-style3-container 0% {
left: -200%;
right: 100%
}
.preloader-style3-container 60% {
left: 107%;
right: -8%
}
.preloader-style3-container 100% {
left: 107%;
right: -8%
}
}
@keyframes loading-line-short {
0% {
left: -200%;
right: 100%
}
60% {
left: 107%;
right: -8%
}
100% {
left: 107%;
right: -8%
}
}
.thb-dot {
width: 60px;
height: 60px;
border-radius: 50%;
background-color: #000;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto
}
.dot-3 {
background-color: #f74d75;
-webkit-animation: dot-3-move 2s ease infinite, index 6s ease infinite;
-moz-animation: dot-3-move 2s ease infinite, index 6s ease infinite;
-ms-animation: dot-3-move 2s ease infinite, index 6s ease infinite;
-o-animation: dot-3-move 2s ease infinite, index 6s ease infinite;
animation: dot-3-move 2s ease infinite, index 6s ease infinite
}
.dot-2 {
background-color: #54f3c0;
-webkit-animation: dot-2-move 2s ease infinite, index 6s -4s ease infinite;
-moz-animation: dot-2-move 2s ease infinite, index 6s -4s ease infinite;
-ms-animation: dot-2-move 2s ease infinite, index 6s -4s ease infinite;
-o-animation: dot-2-move 2s ease infinite, index 6s -4s ease infinite;
animation: dot-2-move 2s ease infinite, index 6s -4s ease infinite
}
.dot-1 {
background-color: #54ccf3;
-webkit-animation: dot-1-move 2s ease infinite, index 6s -2s ease infinite;
-moz-animation: dot-1-move 2s ease infinite, index 6s -2s ease infinite;
-ms-animation: dot-1-move 2s ease infinite, index 6s -2s ease infinite;
-o-animation: dot-1-move 2s ease infinite, index 6s -2s ease infinite;
animation: dot-1-move 2s ease infinite, index 6s -2s ease infinite
}
@-moz-keyframes dot-3-move {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
20% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
45% {
-webkit-transform: translateY(-18px) scale(0.5);
-moz-transform: translateY(-18px) scale(0.5);
-ms-transform: translateY(-18px) scale(0.5);
-o-transform: translateY(-18px) scale(0.5);
transform: translateY(-18px) scale(0.5)
}
60% {
-webkit-transform: translateY(-45px) scale(0.5);
-moz-transform: translateY(-45px) scale(0.5);
-ms-transform: translateY(-45px) scale(0.5);
-o-transform: translateY(-45px) scale(0.5);
transform: translateY(-45px) scale(0.5)
}
80% {
-webkit-transform: translateY(-45px) scale(0.5);
-moz-transform: translateY(-45px) scale(0.5);
-ms-transform: translateY(-45px) scale(0.5);
-o-transform: translateY(-45px) scale(0.5);
transform: translateY(-45px) scale(0.5)
}
100% {
-webkit-transform: translateY(0px) scale(1);
-moz-transform: translateY(0px) scale(1);
-ms-transform: translateY(0px) scale(1);
-o-transform: translateY(0px) scale(1);
transform: translateY(0px) scale(1)
}
}
@-webkit-keyframes dot-3-move {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
20% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
45% {
-webkit-transform: translateY(-18px) scale(0.5);
-moz-transform: translateY(-18px) scale(0.5);
-ms-transform: translateY(-18px) scale(0.5);
-o-transform: translateY(-18px) scale(0.5);
transform: translateY(-18px) scale(0.5)
}
60% {
-webkit-transform: translateY(-45px) scale(0.5);
-moz-transform: translateY(-45px) scale(0.5);
-ms-transform: translateY(-45px) scale(0.5);
-o-transform: translateY(-45px) scale(0.5);
transform: translateY(-45px) scale(0.5)
}
80% {
-webkit-transform: translateY(-45px) scale(0.5);
-moz-transform: translateY(-45px) scale(0.5);
-ms-transform: translateY(-45px) scale(0.5);
-o-transform: translateY(-45px) scale(0.5);
transform: translateY(-45px) scale(0.5)
}
100% {
-webkit-transform: translateY(0px) scale(1);
-moz-transform: translateY(0px) scale(1);
-ms-transform: translateY(0px) scale(1);
-o-transform: translateY(0px) scale(1);
transform: translateY(0px) scale(1)
}
}
@-o-keyframes dot-3-move {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
20% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
45% {
-webkit-transform: translateY(-18px) scale(0.5);
-moz-transform: translateY(-18px) scale(0.5);
-ms-transform: translateY(-18px) scale(0.5);
-o-transform: translateY(-18px) scale(0.5);
transform: translateY(-18px) scale(0.5)
}
60% {
-webkit-transform: translateY(-45px) scale(0.5);
-moz-transform: translateY(-45px) scale(0.5);
-ms-transform: translateY(-45px) scale(0.5);
-o-transform: translateY(-45px) scale(0.5);
transform: translateY(-45px) scale(0.5)
}
80% {
-webkit-transform: translateY(-45px) scale(0.5);
-moz-transform: translateY(-45px) scale(0.5);
-ms-transform: translateY(-45px) scale(0.5);
-o-transform: translateY(-45px) scale(0.5);
transform: translateY(-45px) scale(0.5)
}
100% {
-webkit-transform: translateY(0px) scale(1);
-moz-transform: translateY(0px) scale(1);
-ms-transform: translateY(0px) scale(1);
-o-transform: translateY(0px) scale(1);
transform: translateY(0px) scale(1)
}
}
@-ms-keyframes dot-3-move {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
20% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
45% {
-webkit-transform: translateY(-18px) scale(0.5);
-moz-transform: translateY(-18px) scale(0.5);
-ms-transform: translateY(-18px) scale(0.5);
-o-transform: translateY(-18px) scale(0.5);
transform: translateY(-18px) scale(0.5)
}
60% {
-webkit-transform: translateY(-45px) scale(0.5);
-moz-transform: translateY(-45px) scale(0.5);
-ms-transform: translateY(-45px) scale(0.5);
-o-transform: translateY(-45px) scale(0.5);
transform: translateY(-45px) scale(0.5)
}
80% {
-webkit-transform: translateY(-45px) scale(0.5);
-moz-transform: translateY(-45px) scale(0.5);
-ms-transform: translateY(-45px) scale(0.5);
-o-transform: translateY(-45px) scale(0.5);
transform: translateY(-45px) scale(0.5)
}
100% {
-webkit-transform: translateY(0px) scale(1);
-moz-transform: translateY(0px) scale(1);
-ms-transform: translateY(0px) scale(1);
-o-transform: translateY(0px) scale(1);
transform: translateY(0px) scale(1)
}
}
@keyframes dot-3-move {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
20% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
45% {
-webkit-transform: translateY(-18px) scale(0.5);
-moz-transform: translateY(-18px) scale(0.5);
-ms-transform: translateY(-18px) scale(0.5);
-o-transform: translateY(-18px) scale(0.5);
transform: translateY(-18px) scale(0.5)
}
60% {
-webkit-transform: translateY(-45px) scale(0.5);
-moz-transform: translateY(-45px) scale(0.5);
-ms-transform: translateY(-45px) scale(0.5);
-o-transform: translateY(-45px) scale(0.5);
transform: translateY(-45px) scale(0.5)
}
80% {
-webkit-transform: translateY(-45px) scale(0.5);
-moz-transform: translateY(-45px) scale(0.5);
-ms-transform: translateY(-45px) scale(0.5);
-o-transform: translateY(-45px) scale(0.5);
transform: translateY(-45px) scale(0.5)
}
100% {
-webkit-transform: translateY(0px) scale(1);
-moz-transform: translateY(0px) scale(1);
-ms-transform: translateY(0px) scale(1);
-o-transform: translateY(0px) scale(1);
transform: translateY(0px) scale(1)
}
}
@-moz-keyframes dot-2-move {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
20% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
45% {
-webkit-transform: translate(-16px, 12px) scale(0.5);
-moz-transform: translate(-16px, 12px) scale(0.5);
-ms-transform: translate(-16px, 12px) scale(0.5);
-o-transform: translate(-16px, 12px) scale(0.5);
transform: translate(-16px, 12px) scale(0.5)
}
60% {
-webkit-transform: translate(-40px, 30px) scale(0.5);
-moz-transform: translate(-40px, 30px) scale(0.5);
-ms-transform: translate(-40px, 30px) scale(0.5);
-o-transform: translate(-40px, 30px) scale(0.5);
transform: translate(-40px, 30px) scale(0.5)
}
80% {
-webkit-transform: translate(-40px, 30px) scale(0.5);
-moz-transform: translate(-40px, 30px) scale(0.5);
-ms-transform: translate(-40px, 30px) scale(0.5);
-o-transform: translate(-40px, 30px) scale(0.5);
transform: translate(-40px, 30px) scale(0.5)
}
100% {
-webkit-transform: translateY(0px) scale(1);
-moz-transform: translateY(0px) scale(1);
-ms-transform: translateY(0px) scale(1);
-o-transform: translateY(0px) scale(1);
transform: translateY(0px) scale(1)
}
}
@-webkit-keyframes dot-2-move {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
20% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
45% {
-webkit-transform: translate(-16px, 12px) scale(0.5);
-moz-transform: translate(-16px, 12px) scale(0.5);
-ms-transform: translate(-16px, 12px) scale(0.5);
-o-transform: translate(-16px, 12px) scale(0.5);
transform: translate(-16px, 12px) scale(0.5)
}
60% {
-webkit-transform: translate(-40px, 30px) scale(0.5);
-moz-transform: translate(-40px, 30px) scale(0.5);
-ms-transform: translate(-40px, 30px) scale(0.5);
-o-transform: translate(-40px, 30px) scale(0.5);
transform: translate(-40px, 30px) scale(0.5)
}
80% {
-webkit-transform: translate(-40px, 30px) scale(0.5);
-moz-transform: translate(-40px, 30px) scale(0.5);
-ms-transform: translate(-40px, 30px) scale(0.5);
-o-transform: translate(-40px, 30px) scale(0.5);
transform: translate(-40px, 30px) scale(0.5)
}
100% {
-webkit-transform: translateY(0px) scale(1);
-moz-transform: translateY(0px) scale(1);
-ms-transform: translateY(0px) scale(1);
-o-transform: translateY(0px) scale(1);
transform: translateY(0px) scale(1)
}
}
@-o-keyframes dot-2-move {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
20% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
45% {
-webkit-transform: translate(-16px, 12px) scale(0.5);
-moz-transform: translate(-16px, 12px) scale(0.5);
-ms-transform: translate(-16px, 12px) scale(0.5);
-o-transform: translate(-16px, 12px) scale(0.5);
transform: translate(-16px, 12px) scale(0.5)
}
60% {
-webkit-transform: translate(-40px, 30px) scale(0.5);
-moz-transform: translate(-40px, 30px) scale(0.5);
-ms-transform: translate(-40px, 30px) scale(0.5);
-o-transform: translate(-40px, 30px) scale(0.5);
transform: translate(-40px, 30px) scale(0.5)
}
80% {
-webkit-transform: translate(-40px, 30px) scale(0.5);
-moz-transform: translate(-40px, 30px) scale(0.5);
-ms-transform: translate(-40px, 30px) scale(0.5);
-o-transform: translate(-40px, 30px) scale(0.5);
transform: translate(-40px, 30px) scale(0.5)
}
100% {
-webkit-transform: translateY(0px) scale(1);
-moz-transform: translateY(0px) scale(1);
-ms-transform: translateY(0px) scale(1);
-o-transform: translateY(0px) scale(1);
transform: translateY(0px) scale(1)
}
}
@-ms-keyframes dot-2-move {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
20% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
45% {
-webkit-transform: translate(-16px, 12px) scale(0.5);
-moz-transform: translate(-16px, 12px) scale(0.5);
-ms-transform: translate(-16px, 12px) scale(0.5);
-o-transform: translate(-16px, 12px) scale(0.5);
transform: translate(-16px, 12px) scale(0.5)
}
60% {
-webkit-transform: translate(-40px, 30px) scale(0.5);
-moz-transform: translate(-40px, 30px) scale(0.5);
-ms-transform: translate(-40px, 30px) scale(0.5);
-o-transform: translate(-40px, 30px) scale(0.5);
transform: translate(-40px, 30px) scale(0.5)
}
80% {
-webkit-transform: translate(-40px, 30px) scale(0.5);
-moz-transform: translate(-40px, 30px) scale(0.5);
-ms-transform: translate(-40px, 30px) scale(0.5);
-o-transform: translate(-40px, 30px) scale(0.5);
transform: translate(-40px, 30px) scale(0.5)
}
100% {
-webkit-transform: translateY(0px) scale(1);
-moz-transform: translateY(0px) scale(1);
-ms-transform: translateY(0px) scale(1);
-o-transform: translateY(0px) scale(1);
transform: translateY(0px) scale(1)
}
}
@keyframes dot-2-move {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
20% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
45% {
-webkit-transform: translate(-16px, 12px) scale(0.5);
-moz-transform: translate(-16px, 12px) scale(0.5);
-ms-transform: translate(-16px, 12px) scale(0.5);
-o-transform: translate(-16px, 12px) scale(0.5);
transform: translate(-16px, 12px) scale(0.5)
}
60% {
-webkit-transform: translate(-40px, 30px) scale(0.5);
-moz-transform: translate(-40px, 30px) scale(0.5);
-ms-transform: translate(-40px, 30px) scale(0.5);
-o-transform: translate(-40px, 30px) scale(0.5);
transform: translate(-40px, 30px) scale(0.5)
}
80% {
-webkit-transform: translate(-40px, 30px) scale(0.5);
-moz-transform: translate(-40px, 30px) scale(0.5);
-ms-transform: translate(-40px, 30px) scale(0.5);
-o-transform: translate(-40px, 30px) scale(0.5);
transform: translate(-40px, 30px) scale(0.5)
}
100% {
-webkit-transform: translateY(0px) scale(1);
-moz-transform: translateY(0px) scale(1);
-ms-transform: translateY(0px) scale(1);
-o-transform: translateY(0px) scale(1);
transform: translateY(0px) scale(1)
}
}
@-moz-keyframes dot-1-move {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
20% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
45% {
-webkit-transform: translate(16px, 12px) scale(0.5);
-moz-transform: translate(16px, 12px) scale(0.5);
-ms-transform: translate(16px, 12px) scale(0.5);
-o-transform: translate(16px, 12px) scale(0.5);
transform: translate(16px, 12px) scale(0.5)
}
60% {
-webkit-transform: translate(40px, 30px) scale(0.5);
-moz-transform: translate(40px, 30px) scale(0.5);
-ms-transform: translate(40px, 30px) scale(0.5);
-o-transform: translate(40px, 30px) scale(0.5);
transform: translate(40px, 30px) scale(0.5)
}
80% {
-webkit-transform: translate(40px, 30px) scale(0.5);
-moz-transform: translate(40px, 30px) scale(0.5);
-ms-transform: translate(40px, 30px) scale(0.5);
-o-transform: translate(40px, 30px) scale(0.5);
transform: translate(40px, 30px) scale(0.5)
}
100% {
-webkit-transform: translateY(0px) scale(1);
-moz-transform: translateY(0px) scale(1);
-ms-transform: translateY(0px) scale(1);
-o-transform: translateY(0px) scale(1);
transform: translateY(0px) scale(1)
}
}
@-webkit-keyframes dot-1-move {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
20% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
45% {
-webkit-transform: translate(16px, 12px) scale(0.5);
-moz-transform: translate(16px, 12px) scale(0.5);
-ms-transform: translate(16px, 12px) scale(0.5);
-o-transform: translate(16px, 12px) scale(0.5);
transform: translate(16px, 12px) scale(0.5)
}
60% {
-webkit-transform: translate(40px, 30px) scale(0.5);
-moz-transform: translate(40px, 30px) scale(0.5);
-ms-transform: translate(40px, 30px) scale(0.5);
-o-transform: translate(40px, 30px) scale(0.5);
transform: translate(40px, 30px) scale(0.5)
}
80% {
-webkit-transform: translate(40px, 30px) scale(0.5);
-moz-transform: translate(40px, 30px) scale(0.5);
-ms-transform: translate(40px, 30px) scale(0.5);
-o-transform: translate(40px, 30px) scale(0.5);
transform: translate(40px, 30px) scale(0.5)
}
100% {
-webkit-transform: translateY(0px) scale(1);
-moz-transform: translateY(0px) scale(1);
-ms-transform: translateY(0px) scale(1);
-o-transform: translateY(0px) scale(1);
transform: translateY(0px) scale(1)
}
}
@-o-keyframes dot-1-move {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
20% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
45% {
-webkit-transform: translate(16px, 12px) scale(0.5);
-moz-transform: translate(16px, 12px) scale(0.5);
-ms-transform: translate(16px, 12px) scale(0.5);
-o-transform: translate(16px, 12px) scale(0.5);
transform: translate(16px, 12px) scale(0.5)
}
60% {
-webkit-transform: translate(40px, 30px) scale(0.5);
-moz-transform: translate(40px, 30px) scale(0.5);
-ms-transform: translate(40px, 30px) scale(0.5);
-o-transform: translate(40px, 30px) scale(0.5);
transform: translate(40px, 30px) scale(0.5)
}
80% {
-webkit-transform: translate(40px, 30px) scale(0.5);
-moz-transform: translate(40px, 30px) scale(0.5);
-ms-transform: translate(40px, 30px) scale(0.5);
-o-transform: translate(40px, 30px) scale(0.5);
transform: translate(40px, 30px) scale(0.5)
}
100% {
-webkit-transform: translateY(0px) scale(1);
-moz-transform: translateY(0px) scale(1);
-ms-transform: translateY(0px) scale(1);
-o-transform: translateY(0px) scale(1);
transform: translateY(0px) scale(1)
}
}
@-ms-keyframes dot-1-move {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
20% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
45% {
-webkit-transform: translate(16px, 12px) scale(0.5);
-moz-transform: translate(16px, 12px) scale(0.5);
-ms-transform: translate(16px, 12px) scale(0.5);
-o-transform: translate(16px, 12px) scale(0.5);
transform: translate(16px, 12px) scale(0.5)
}
60% {
-webkit-transform: translate(40px, 30px) scale(0.5);
-moz-transform: translate(40px, 30px) scale(0.5);
-ms-transform: translate(40px, 30px) scale(0.5);
-o-transform: translate(40px, 30px) scale(0.5);
transform: translate(40px, 30px) scale(0.5)
}
80% {
-webkit-transform: translate(40px, 30px) scale(0.5);
-moz-transform: translate(40px, 30px) scale(0.5);
-ms-transform: translate(40px, 30px) scale(0.5);
-o-transform: translate(40px, 30px) scale(0.5);
transform: translate(40px, 30px) scale(0.5)
}
100% {
-webkit-transform: translateY(0px) scale(1);
-moz-transform: translateY(0px) scale(1);
-ms-transform: translateY(0px) scale(1);
-o-transform: translateY(0px) scale(1);
transform: translateY(0px) scale(1)
}
}
@keyframes dot-1-move {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
20% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
45% {
-webkit-transform: translate(16px, 12px) scale(0.5);
-moz-transform: translate(16px, 12px) scale(0.5);
-ms-transform: translate(16px, 12px) scale(0.5);
-o-transform: translate(16px, 12px) scale(0.5);
transform: translate(16px, 12px) scale(0.5)
}
60% {
-webkit-transform: translate(40px, 30px) scale(0.5);
-moz-transform: translate(40px, 30px) scale(0.5);
-ms-transform: translate(40px, 30px) scale(0.5);
-o-transform: translate(40px, 30px) scale(0.5);
transform: translate(40px, 30px) scale(0.5)
}
80% {
-webkit-transform: translate(40px, 30px) scale(0.5);
-moz-transform: translate(40px, 30px) scale(0.5);
-ms-transform: translate(40px, 30px) scale(0.5);
-o-transform: translate(40px, 30px) scale(0.5);
transform: translate(40px, 30px) scale(0.5)
}
100% {
-webkit-transform: translateY(0px) scale(1);
-moz-transform: translateY(0px) scale(1);
-ms-transform: translateY(0px) scale(1);
-o-transform: translateY(0px) scale(1);
transform: translateY(0px) scale(1)
}
}
@-moz-keyframes rotate-move {
0% {
-webkit-transform: translate(-50%, -50%) rotate(0deg);
-moz-transform: translate(-50%, -50%) rotate(0deg);
-ms-transform: translate(-50%, -50%) rotate(0deg);
-o-transform: translate(-50%, -50%) rotate(0deg);
transform: translate(-50%, -50%) rotate(0deg)
}
55% {
-webkit-transform: translate(-50%, -50%) rotate(0deg);
-moz-transform: translate(-50%, -50%) rotate(0deg);
-ms-transform: translate(-50%, -50%) rotate(0deg);
-o-transform: translate(-50%, -50%) rotate(0deg);
transform: translate(-50%, -50%) rotate(0deg)
}
80% {
-webkit-transform: translate(-50%, -50%) rotate(360deg);
-moz-transform: translate(-50%, -50%) rotate(360deg);
-ms-transform: translate(-50%, -50%) rotate(360deg);
-o-transform: translate(-50%, -50%) rotate(360deg);
transform: translate(-50%, -50%) rotate(360deg)
}
100% {
-webkit-transform: translate(-50%, -50%) rotate(360deg);
-moz-transform: translate(-50%, -50%) rotate(360deg);
-ms-transform: translate(-50%, -50%) rotate(360deg);
-o-transform: translate(-50%, -50%) rotate(360deg);
transform: translate(-50%, -50%) rotate(360deg)
}
}
@-webkit-keyframes rotate-move {
0% {
-webkit-transform: translate(-50%, -50%) rotate(0deg);
-moz-transform: translate(-50%, -50%) rotate(0deg);
-ms-transform: translate(-50%, -50%) rotate(0deg);
-o-transform: translate(-50%, -50%) rotate(0deg);
transform: translate(-50%, -50%) rotate(0deg)
}
55% {
-webkit-transform: translate(-50%, -50%) rotate(0deg);
-moz-transform: translate(-50%, -50%) rotate(0deg);
-ms-transform: translate(-50%, -50%) rotate(0deg);
-o-transform: translate(-50%, -50%) rotate(0deg);
transform: translate(-50%, -50%) rotate(0deg)
}
80% {
-webkit-transform: translate(-50%, -50%) rotate(360deg);
-moz-transform: translate(-50%, -50%) rotate(360deg);
-ms-transform: translate(-50%, -50%) rotate(360deg);
-o-transform: translate(-50%, -50%) rotate(360deg);
transform: translate(-50%, -50%) rotate(360deg)
}
100% {
-webkit-transform: translate(-50%, -50%) rotate(360deg);
-moz-transform: translate(-50%, -50%) rotate(360deg);
-ms-transform: translate(-50%, -50%) rotate(360deg);
-o-transform: translate(-50%, -50%) rotate(360deg);
transform: translate(-50%, -50%) rotate(360deg)
}
}
@-o-keyframes rotate-move {
0% {
-webkit-transform: translate(-50%, -50%) rotate(0deg);
-moz-transform: translate(-50%, -50%) rotate(0deg);
-ms-transform: translate(-50%, -50%) rotate(0deg);
-o-transform: translate(-50%, -50%) rotate(0deg);
transform: translate(-50%, -50%) rotate(0deg)
}
55% {
-webkit-transform: translate(-50%, -50%) rotate(0deg);
-moz-transform: translate(-50%, -50%) rotate(0deg);
-ms-transform: translate(-50%, -50%) rotate(0deg);
-o-transform: translate(-50%, -50%) rotate(0deg);
transform: translate(-50%, -50%) rotate(0deg)
}
80% {
-webkit-transform: translate(-50%, -50%) rotate(360deg);
-moz-transform: translate(-50%, -50%) rotate(360deg);
-ms-transform: translate(-50%, -50%) rotate(360deg);
-o-transform: translate(-50%, -50%) rotate(360deg);
transform: translate(-50%, -50%) rotate(360deg)
}
100% {
-webkit-transform: translate(-50%, -50%) rotate(360deg);
-moz-transform: translate(-50%, -50%) rotate(360deg);
-ms-transform: translate(-50%, -50%) rotate(360deg);
-o-transform: translate(-50%, -50%) rotate(360deg);
transform: translate(-50%, -50%) rotate(360deg)
}
}
@-ms-keyframes rotate-move {
0% {
-webkit-transform: translate(-50%, -50%) rotate(0deg);
-moz-transform: translate(-50%, -50%) rotate(0deg);
-ms-transform: translate(-50%, -50%) rotate(0deg);
-o-transform: translate(-50%, -50%) rotate(0deg);
transform: translate(-50%, -50%) rotate(0deg)
}
55% {
-webkit-transform: translate(-50%, -50%) rotate(0deg);
-moz-transform: translate(-50%, -50%) rotate(0deg);
-ms-transform: translate(-50%, -50%) rotate(0deg);
-o-transform: translate(-50%, -50%) rotate(0deg);
transform: translate(-50%, -50%) rotate(0deg)
}
80% {
-webkit-transform: translate(-50%, -50%) rotate(360deg);
-moz-transform: translate(-50%, -50%) rotate(360deg);
-ms-transform: translate(-50%, -50%) rotate(360deg);
-o-transform: translate(-50%, -50%) rotate(360deg);
transform: translate(-50%, -50%) rotate(360deg)
}
100% {
-webkit-transform: translate(-50%, -50%) rotate(360deg);
-moz-transform: translate(-50%, -50%) rotate(360deg);
-ms-transform: translate(-50%, -50%) rotate(360deg);
-o-transform: translate(-50%, -50%) rotate(360deg);
transform: translate(-50%, -50%) rotate(360deg)
}
}
@keyframes rotate-move {
0% {
-webkit-transform: translate(-50%, -50%) rotate(0deg);
-moz-transform: translate(-50%, -50%) rotate(0deg);
-ms-transform: translate(-50%, -50%) rotate(0deg);
-o-transform: translate(-50%, -50%) rotate(0deg);
transform: translate(-50%, -50%) rotate(0deg)
}
55% {
-webkit-transform: translate(-50%, -50%) rotate(0deg);
-moz-transform: translate(-50%, -50%) rotate(0deg);
-ms-transform: translate(-50%, -50%) rotate(0deg);
-o-transform: translate(-50%, -50%) rotate(0deg);
transform: translate(-50%, -50%) rotate(0deg)
}
80% {
-webkit-transform: translate(-50%, -50%) rotate(360deg);
-moz-transform: translate(-50%, -50%) rotate(360deg);
-ms-transform: translate(-50%, -50%) rotate(360deg);
-o-transform: translate(-50%, -50%) rotate(360deg);
transform: translate(-50%, -50%) rotate(360deg)
}
100% {
-webkit-transform: translate(-50%, -50%) rotate(360deg);
-moz-transform: translate(-50%, -50%) rotate(360deg);
-ms-transform: translate(-50%, -50%) rotate(360deg);
-o-transform: translate(-50%, -50%) rotate(360deg);
transform: translate(-50%, -50%) rotate(360deg)
}
}
@-moz-keyframes index {
0% {
z-index: 3
}
33.3% {
z-index: 2
}
66.6% {
z-index: 1
}
100% {
z-index: 3
}
}
@-webkit-keyframes index {
0% {
z-index: 3
}
33.3% {
z-index: 2
}
66.6% {
z-index: 1
}
100% {
z-index: 3
}
}
@-o-keyframes index {
0% {
z-index: 3
}
33.3% {
z-index: 2
}
66.6% {
z-index: 1
}
100% {
z-index: 3
}
}
@-ms-keyframes index {
0% {
z-index: 3
}
33.3% {
z-index: 2
}
66.6% {
z-index: 1
}
100% {
z-index: 3
}
}
@keyframes index {
0% {
z-index: 3
}
33.3% {
z-index: 2
}
66.6% {
z-index: 1
}
100% {
z-index: 3
}
}
.lazyload,
.lazyloading {
opacity: 0.3
}
.lazyload.thb_3dimage,
.lazyloading.thb_3dimage {
opacity: 1
}
.lazyloaded {
opacity: 1;
-webkit-transition: opacity .25s cubic-bezier(0.25, 0.8, 0.25, 1);
-moz-transition: opacity .25s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: opacity .25s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: opacity .25s cubic-bezier(0.25, 0.8, 0.25, 1)
}
body {
line-height: 1.4;
color: #535353
}
@media only screen and (max-width: 1023px) {
body.footer-effect-on {
padding-bottom: 0 !important
}
}
a {
color: #090909;
text-decoration-skip: ink
}
a:hover {
color: #ee9982
}
a:focus {
outline: none
}
p {
font-size: 18px;
margin-bottom: 1.55rem;
word-spacing: 0.001em;
font-feature-settings: "kern" 1;
font-kerning: normal
}
.full-width-row,
.row.full-width-row {
width: 100%;
margin-left: auto;
margin-right: auto;
max-width: 100%
}
.full-height {
display: flex;
min-height: 100vh
}
.row {
background-size: cover
}
.row:before,
.row:after {
display: none !important
}
.row.mpc-row {
display: flex
}
.row.thb-arrow-enabled,
.row.thb-divider-enabled,
.row.thb-overlay-enabled {
position: relative
}
.compose-mode .row.thb-arrow-enabled>.vc_element,
.compose-mode .row.thb-divider-enabled>.vc_element,
.compose-mode .row.thb-overlay-enabled>.vc_element {
z-index: 10
}
.row.thb-divider-enabled>.columns,
.row.thb-overlay-enabled>.columns {
z-index: 3
}
.row.row-o-full-height {
display: flex;
min-height: 100vh
}
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
.row.row-o-full-height {
height: 100vh
}
}
.row.row-o-columns-bottom {
align-items: flex-end
}
.row.row-o-columns-middle {
align-items: center
}
.row.row-o-content-middle .vc_column-inner {
display: flex;
flex-direction: column;
justify-content: center
}
.row.row-o-content-bottom .vc_column-inner {
display: flex;
flex-direction: column;
justify-content: flex-end
}
.row.thb_video_play_button_enabled:not(.thb_video_active)>div:not(.columns) video {
visibility: hidden !important
}
.row.max_width {
max-width: 90rem !important;
padding: 0;
margin: 0 auto
}
@media only screen and (min-width: 640px) {
.row.max_width {
padding: 0 35px
}
}
@media only screen and (min-width: 640px) {
.row {
padding: 0 35px
}
.row .row:not(.max_width) {
padding: 0
}
}
.row.no-column-padding {
margin: auto
}
.row.no-column-padding>.columns {
padding: 0
}
.row.no-row-padding {
padding: 0
}
@media only screen and (min-width: 1024px) {
.row.low-padding {
margin: 0 -15px
}
.row.low-padding .columns {
padding: 0 15px
}
}
.row .columns .wpb_wrapper {
width: 100%
}
.row.thb_video_bg {
position: relative;
overflow: hidden;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important
}
.row.thb_video_bg .columns {
z-index: 5
}
.row.thb_video_bg .thb-row-video-bg {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
z-index: -1;
transform: translate3d(-50%, -50%, 0)
}
.row.thb_video_bg .thb_video_overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
pointer-events: none;
transform: translateZ(0)
}
.row .thb_video_play {
display: inline-block;
width: 32px;
height: 32px;
z-index: 20
}
@media only screen and (min-width: 1024px) {
.row .thb_video_play {
width: 64px;
height: 64px
}
}
.row .thb_video_play svg {
width: 32px;
height: 32px
}
@media only screen and (min-width: 1024px) {
.row .thb_video_play svg {
width: 64px;
height: 64px
}
}
.row .thb_video_play svg .play,
.row .thb_video_play svg .pause {
fill: #fff
}
.row .thb_video_play svg .play {
display: block
}
.row .thb_video_play svg .pause {
display: none
}
.row .thb_video_play svg.playing .play {
display: none
}
.row .thb_video_play svg.playing .pause {
display: block
}
.row .thb-row-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
pointer-events: none
}
.row.vc_parallax .thb-row-overlay {
z-index: 1
}
.row .thb-divider-container {
position: absolute;
top: auto;
bottom: 0;
left: 0;
z-index: 2;
width: 100%;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
pointer-events: none
}
.row .thb-divider-container .thb-svg-divider {
width: 100%;
left: 0;
bottom: -1px;
height: 100%;
position: absolute
}
.row .thb-divider-container[data-position="top"] {
top: -1px;
bottom: auto;
transform: rotate(180deg)
}
.row .thb-divider-container[data-position="top"] .thb-svg-divider {
bottom: auto;
top: -1px
}
.row .thb-divider-container.second[data-position="both"] {
top: -1px;
bottom: auto;
transform: rotate(180deg)
}
.row .thb-divider-container.second[data-position="both"] .thb-svg-divider {
bottom: auto;
top: -1px
}
.row .thb-divider-container.waves_opacity .thb-svg-divider path:nth-child(2) {
fill-opacity: 0.15
}
.row .thb-divider-container.waves_opacity .thb-svg-divider path:nth-child(3) {
fill-opacity: 0.3
}
figure {
margin: 0;
padding: 0
}
#wrapper {
height: 100%;
min-height: 100vh;
display: flex;
flex-direction: column;
scroll-behavior: smooth
}
#wrapper [role="main"] {
display: flex;
flex: 1;
flex-direction: column;
z-index: 30;
background: #fff;
overflow: hidden
}
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
#wrapper [role="main"] {
display: block;
flex: none
}
}
#wrapper [role="main"]>.row {
width: 100%
}
.header-lateral #wrapper [role="main"] {
padding-top: 15vh
}
.footer-effect-on.footer-shadow-light #wrapper [role="main"] {
-webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.1), 0 7px 40px rgba(0, 0, 0, 0.07);
-moz-box-shadow: 0 0 50px rgba(0, 0, 0, 0.1), 0 7px 40px rgba(0, 0, 0, 0.07);
box-shadow: 0 0 50px rgba(0, 0, 0, 0.1), 0 7px 40px rgba(0, 0, 0, 0.07)
}
.footer-effect-on.footer-shadow-heavy #wrapper [role="main"] {
-webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.7), 0 20px 60px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.7), 0 20px 60px rgba(0, 0, 0, 0.2);
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.7), 0 20px 60px rgba(0, 0, 0, 0.2)
}
.footer-effect-on #wrapper [role="main"] {
position: relative
}
@media only screen and (min-width: 640px) {
.thb-header-style-style7 #wrapper .lateral-header-spacing,
.thb-header-style-style7 #wrapper [role="main"],
.thb-header-style-style7 #wrapper .share_container,
.thb-header-style-style7 #wrapper .thb_post_nav.style1,
.thb-header-style-style7 #wrapper .footer,
.thb-header-style-style7 #wrapper .subfooter {
padding-left: 70px
}
}
#wrapper .click-capture {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 50;
opacity: 0;
visibility: hidden;
background-image: -owg-radial-gradient(circle at center, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.2));
background-image: -webkit-radial-gradient(circle at center, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.2));
background-image: -moz-radial-gradient(circle at center, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.2));
background-image: -o-radial-gradient(circle at center, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.2));
background-image: radial-gradient(circle at center, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.2))
}
#wrapper .click-capture .thb-header-style-style7 {
z-index: 109
}
#wrapper.open-cc .click-capture {
opacity: 1;
pointer-events: auto;
visibility: visible
}
.not-found {
text-align: center;
width: 100%;
margin-bottom: 30px
}
.not-found figure {
display: inline-flex;
width: 120px;
height: 120px;
border: 6px solid #f8f8f8;
color: #e6e6e6;
justify-content: center;
align-items: center;
margin-bottom: 30px;
border-radius: 60px
}
.not-found figure:after {
content: '!';
font-size: 80px
}
.thb-page-preloader {
position: fixed;
z-index: 999;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.compose-mode .vc_element,
.view-mode .vc_element {
max-width: 100%
}
.thb-borders {
position: fixed;
top: 0;
left: 0;
width: 100%;
bottom: 0;
pointer-events: none;
z-index: 999;
border: 0px solid #343434
}
@media only screen and (max-width: 640px) {
.thb-borders {
display: none
}
}
@media only screen and (min-width: 640px) {
.rtl .medium-text-left {
text-align: right
}
}
@media only screen and (min-width: 640px) {
.rtl .medium-text-right {
text-align: left
}
}
.thb-page-transition-on {
opacity: 0;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both
}
.vc_editor.compose-mode .thb-page-transition-on,
.elementor-editor-active .thb-page-transition-on {
opacity: 1;
-webkit-animation: none;
-moz-animation: none;
-ms-animation: none;
-o-animation: none;
animation: none
}
.thb-page-transition-overlay {
position: fixed;
top: 0;
z-index: 500;
width: 100%;
height: 100%;
background-color: #000;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both
}
.vc_editor.compose-mode .thb-page-transition-overlay {
display: none
}
@-moz-keyframes thb-fade-in {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@-webkit-keyframes thb-fade-in {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@-o-keyframes thb-fade-in {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@-ms-keyframes thb-fade-in {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes thb-fade-in {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
.thb-fade-in {
-webkit-animation-name: thb-fade-in;
-moz-animation-name: thb-fade-in;
-ms-animation-name: thb-fade-in;
-o-animation-name: thb-fade-in;
animation-name: thb-fade-in
}
@-moz-keyframes thb-fade-out {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
@-webkit-keyframes thb-fade-out {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
@-o-keyframes thb-fade-out {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
@-ms-keyframes thb-fade-out {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
@keyframes thb-fade-out {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
.thb-fade-out {
-webkit-animation-name: thb-fade-out;
-moz-animation-name: thb-fade-out;
-ms-animation-name: thb-fade-out;
-o-animation-name: thb-fade-out;
animation-name: thb-fade-out
}
@-moz-keyframes thb-fade-up-in {
0% {
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
opacity: 0
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
@-webkit-keyframes thb-fade-up-in {
0% {
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
opacity: 0
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
@-o-keyframes thb-fade-up-in {
0% {
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
opacity: 0
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
@-ms-keyframes thb-fade-up-in {
0% {
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
opacity: 0
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
@keyframes thb-fade-up-in {
0% {
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
opacity: 0
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
.thb-fade-up-in {
-webkit-animation-name: thb-fade-up-in;
-moz-animation-name: thb-fade-up-in;
-ms-animation-name: thb-fade-up-in;
-o-animation-name: thb-fade-up-in;
animation-name: thb-fade-up-in
}
@-moz-keyframes thb-fade-up-out {
0% {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
opacity: 1
}
100% {
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
opacity: 0
}
}
@-webkit-keyframes thb-fade-up-out {
0% {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
opacity: 1
}
100% {
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
opacity: 0
}
}
@-o-keyframes thb-fade-up-out {
0% {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
opacity: 1
}
100% {
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
opacity: 0
}
}
@-ms-keyframes thb-fade-up-out {
0% {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
opacity: 1
}
100% {
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
opacity: 0
}
}
@keyframes thb-fade-up-out {
0% {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
opacity: 1
}
100% {
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
opacity: 0
}
}
.thb-fade-up-out {
-webkit-animation-name: thb-fade-up-out;
-moz-animation-name: thb-fade-up-out;
-ms-animation-name: thb-fade-up-out;
-o-animation-name: thb-fade-up-out;
animation-name: thb-fade-up-out
}
@-moz-keyframes thb-fade-down-in {
0% {
-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-ms-transform: translateY(-50px);
-o-transform: translateY(-50px);
transform: translateY(-50px);
opacity: 0
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
@-webkit-keyframes thb-fade-down-in {
0% {
-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-ms-transform: translateY(-50px);
-o-transform: translateY(-50px);
transform: translateY(-50px);
opacity: 0
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
@-o-keyframes thb-fade-down-in {
0% {
-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-ms-transform: translateY(-50px);
-o-transform: translateY(-50px);
transform: translateY(-50px);
opacity: 0
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
@-ms-keyframes thb-fade-down-in {
0% {
-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-ms-transform: translateY(-50px);
-o-transform: translateY(-50px);
transform: translateY(-50px);
opacity: 0
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
@keyframes thb-fade-down-in {
0% {
-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-ms-transform: translateY(-50px);
-o-transform: translateY(-50px);
transform: translateY(-50px);
opacity: 0
}
100% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
.thb-fade-down-in {
-webkit-animation-name: thb-fade-down-in;
-moz-animation-name: thb-fade-down-in;
-ms-animation-name: thb-fade-down-in;
-o-animation-name: thb-fade-down-in;
animation-name: thb-fade-down-in
}
@-moz-keyframes thb-fade-down-out {
0% {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
opacity: 1
}
100% {
-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-ms-transform: translateY(-50px);
-o-transform: translateY(-50px);
transform: translateY(-50px);
opacity: 0
}
}
@-webkit-keyframes thb-fade-down-out {
0% {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
opacity: 1
}
100% {
-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-ms-transform: translateY(-50px);
-o-transform: translateY(-50px);
transform: translateY(-50px);
opacity: 0
}
}
@-o-keyframes thb-fade-down-out {
0% {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
opacity: 1
}
100% {
-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-ms-transform: translateY(-50px);
-o-transform: translateY(-50px);
transform: translateY(-50px);
opacity: 0
}
}
@-ms-keyframes thb-fade-down-out {
0% {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
opacity: 1
}
100% {
-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-ms-transform: translateY(-50px);
-o-transform: translateY(-50px);
transform: translateY(-50px);
opacity: 0
}
}
@keyframes thb-fade-down-out {
0% {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
opacity: 1
}
100% {
-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-ms-transform: translateY(-50px);
-o-transform: translateY(-50px);
transform: translateY(-50px);
opacity: 0
}
}
.thb-fade-down-out {
-webkit-animation-name: thb-fade-down-out;
-moz-animation-name: thb-fade-down-out;
-ms-animation-name: thb-fade-down-out;
-o-animation-name: thb-fade-down-out;
animation-name: thb-fade-down-out
}
@-moz-keyframes thb-swipe-left-in {
0% {
width: 100%
}
100% {
width: 0
}
}
@-webkit-keyframes thb-swipe-left-in {
0% {
width: 100%
}
100% {
width: 0
}
}
@-o-keyframes thb-swipe-left-in {
0% {
width: 100%
}
100% {
width: 0
}
}
@-ms-keyframes thb-swipe-left-in {
0% {
width: 100%
}
100% {
width: 0
}
}
@keyframes thb-swipe-left-in {
0% {
width: 100%
}
100% {
width: 0
}
}
.thb-swipe-left-in {
position: fixed;
left: 0;
right: auto;
width: 100%;
-webkit-animation-name: thb-swipe-left-in;
-moz-animation-name: thb-swipe-left-in;
-ms-animation-name: thb-swipe-left-in;
-o-animation-name: thb-swipe-left-in;
animation-name: thb-swipe-left-in
}
@-moz-keyframes thb-swipe-left-out {
0% {
width: 0%
}
100% {
width: 100%
}
}
@-webkit-keyframes thb-swipe-left-out {
0% {
width: 0%
}
100% {
width: 100%
}
}
@-o-keyframes thb-swipe-left-out {
0% {
width: 0%
}
100% {
width: 100%
}
}
@-ms-keyframes thb-swipe-left-out {
0% {
width: 0%
}
100% {
width: 100%
}
}
@keyframes thb-swipe-left-out {
0% {
width: 0%
}
100% {
width: 100%
}
}
.thb-swipe-left-out {
position: fixed;
right: 0;
width: 100%;
-webkit-animation-name: thb-swipe-left-out;
-moz-animation-name: thb-swipe-left-out;
-ms-animation-name: thb-swipe-left-out;
-o-animation-name: thb-swipe-left-out;
animation-name: thb-swipe-left-out
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #343434;
font-family: inherit;
letter-spacing: -0.03em
}
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
font-weight: 400
}
h1,
.h1,
.thb-countdown .thb-countdown-ul li .timestamp {
font-size: 34px;
line-height: 1.2;
margin-bottom: 10px;
font-weight: 600
}
@media only screen and (min-width: 1024px) {
h1,
.h1,
.thb-countdown .thb-countdown-ul li .timestamp {
font-size: 42px
}
}
@media only screen and (min-width: 1440px) {
h1,
.h1,
.thb-countdown .thb-countdown-ul li .timestamp {
font-size: 60px
}
}
h1 strong,
.h1 strong,
.thb-countdown .thb-countdown-ul li .timestamp strong {
font-weight: 400
}
h2,
.h2,
.thb-accordion.style2 .vc_tta-panel-heading h4,
p.woocommerce-thankyou-order-received {
font-size: 22px;
line-height: 1.3;
margin-bottom: 20px;
font-weight: 600
}
@media only screen and (min-width: 1024px) {
h2,
.h2,
.thb-accordion.style2 .vc_tta-panel-heading h4,
p.woocommerce-thankyou-order-received {
font-size: 34px
}
}
h3 {
font-size: 20px;
line-height: 1.3;
margin-bottom: 20px;
font-weight: 600
}
@media only screen and (min-width: 1024px) {
h3 {
font-size: 28px
}
}
h4 {
font-size: 18px;
line-height: 1.3;
margin-bottom: 20px;
font-weight: 600
}
@media only screen and (min-width: 1024px) {
h4 {
font-size: 24px
}
}
h5 {
font-size: 18px;
line-height: 1.3;
margin-bottom: 20px;
font-weight: 600
}
h6 {
font-size: 12px;
line-height: 1.3;
margin-bottom: 10px;
font-weight: 600;
color: #929292;
text-transform: uppercase
}
hr {
border-color: #eee
}
ul,
ol {
margin-left: 0;
list-style-position: outside;
font-size: inherit
}
ul ul,
ul ol,
ol ul,
ol ol {
margin-left: 15px
}
ul li,
ol li {
margin-bottom: 0
}
ul li:last-child,
ol li:last-child {
margin: 0
}
.post-content ul,
.pricing-description ul,
.post-content ol,
.pricing-description ol {
padding-left: 25px
}
p small {
font-size: 90%
}
blockquote {
display: block;
padding: 5% 10%;
border: 0;
text-align: center
}
blockquote p {
font-size: 30px;
margin: 0;
font-weight: 400;
color: #343434;
line-height: 1.3
}
cite {
margin-top: 20px;
color: #343434;
font-style: normal;
font-weight: 400
}
code {
font-family: Consolas, Courier New, monospace;
display: inline-block;
font-size: 16px
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 1em;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em
}
pre.wp-block-verse {
white-space: nowrap;
overflow: auto
}
.header {
display: flex;
align-items: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 100;
padding: 15px 0;
user-select: none;
-webkit-transition: background .25s cubic-bezier(0.25, 0.8, 0.25, 1), padding .25s cubic-bezier(0.25, 0.8, 0.25, 1);
-moz-transition: background .25s cubic-bezier(0.25, 0.8, 0.25, 1), padding .25s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: background .25s cubic-bezier(0.25, 0.8, 0.25, 1), padding .25s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: background .25s cubic-bezier(0.25, 0.8, 0.25, 1), padding .25s cubic-bezier(0.25, 0.8, 0.25, 1)
}
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
.header {
justify-content: center
}
.header>.row {
width: 100%;
margin: 0;
flex: none !important
}
}
.header:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
opacity: 0
}
.fixed-header-on .header {
position: fixed
}
@media only screen and (min-width: 640px) {
.header {
padding: 60px 0
}
}
.header .row {
flex: 1
}
.header .row .columns {
display: flex;
align-items: center
}
.header .mobile-toggle-holder {
display: inline-flex
}
@media only screen and (min-width: 640px) {
.thb-borders-on .header {
margin-top: 10px
}
}
.header.hide-header-items {
border-color: transparent !important
}
.header.hide-header-items .mobile-toggle-holder,
.header.hide-header-items .full-menu,
.header.hide-header-items .button,
.header.hide-header-items .socials,
.header.hide-header-items .thb-header-secondary,
.header.hide-header-items .header-secondary-text,
.header.hide-header-items #quick_cart,
.header.hide-header-items .music_toggle {
opacity: 0 !important;
pointer-events: none
}
.header.hide-secondary-items .secondary-area {
opacity: 0 !important;
pointer-events: none
}
.header.fixed {
padding: 15px 0;
background: #fff;
margin-top: 0 !important
}
@media only screen and (min-width: 640px) {
.header.fixed {
padding: 20px 0
}
}
.open-search .header.fixed {
background: transparent !important
}
.header.fixed.light-header {
background: #090909
}
.header.fixed.thb-fixed-shadow-style1:before {
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07), 0 1px 2px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07), 0 1px 2px rgba(0, 0, 0, 0.15);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07), 0 1px 2px rgba(0, 0, 0, 0.15)
}
.header.fixed.thb-fixed-shadow-style2:before {
-webkit-box-shadow: 0 9px 38px rgba(0, 0, 0, 0.05), 0 5px 12px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 9px 38px rgba(0, 0, 0, 0.05), 0 5px 12px rgba(0, 0, 0, 0.1);
box-shadow: 0 9px 38px rgba(0, 0, 0, 0.05), 0 5px 12px rgba(0, 0, 0, 0.1)
}
.header.fixed.thb-fixed-shadow-style3:before {
-webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.1), 0 5px 22px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.1), 0 5px 22px rgba(0, 0, 0, 0.15);
box-shadow: 0 19px 38px rgba(0, 0, 0, 0.1), 0 5px 22px rgba(0, 0, 0, 0.15)
}
.header.fixed:not(.headroom--unpinned):before {
opacity: 1
}
.header.headroom--unpinned {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
.header-style1-open .header.headroom--unpinned,
.open-search .header.headroom--unpinned {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.logolink {
display: flex;
position: relative
}
.logolink .logoimg {
max-height: 40px
}
.logolink .logoimg.logo-light {
opacity: 0;
position: absolute;
top: 0;
left: 0
}
.logolink .logoimg[src$=".svg"] {
max-height: 100%;
height: 40px
}
.subheader+.header.style1 .header_overlay_menu {
-webkit-transform: translateY(calc( -100% - 40px));
-moz-transform: translateY(calc( -100% - 40px));
-ms-transform: translateY(calc( -100% - 40px));
-o-transform: translateY(calc( -100% - 40px));
transform: translateY(calc( -100% - 40px))
}
.header.style1 .logo-holder {
margin-right: 10%
}
.rtl .header.style1 .logo-holder {
margin-right: 0;
margin-left: 10%
}
.header.style1 .mobile-toggle-holder {
flex-direction: row-reverse
}
.header.style1 .mobile-toggle-holder strong {
margin-left: 20px;
margin-right: 0
}
@media only screen and (min-width: 640px) {
.header.style1 .mobile-toggle-holder strong {
margin-left: 30px
}
}
.rtl .header.style1 .mobile-toggle-holder strong {
margin-left: 0;
margin-right: 20px
}
@media only screen and (min-width: 640px) {
.rtl .header.style1 .mobile-toggle-holder strong {
margin-left: 0;
margin-right: 30px
}
}
.header.style1 .style1-holder {
display: flex;
flex: 1;
justify-content: space-between
}
.header.style1 .header_overlay_menu {
position: absolute;
top: 0;
left: 0;
width: 100%;
padding: 80px 0 65px;
background: #090909;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
overflow: hidden
}
.rtl .header.style1 .header_overlay_menu {
left: auto;
right: 0
}
.header.style1 .header_overlay_menu .header_overlay_padding {
padding-top: 40px
}
.header-full-width-on .header.style1 .header_overlay_menu .header_overlay_padding .row {
max-width: none
}
.header.style1 .header_overlay_menu .logo-holder {
visibility: hidden;
margin-right: 10%
}
.rtl .header.style1 .header_overlay_menu .logo-holder {
margin-right: 0;
margin-left: 10%
}
.header.style1 .header_overlay_menu .header_overlay_menu_holder {
flex: 1
}
.header.style1 .header_overlay_menu .thb-secondary-menu-container {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 50px;
padding: 35px 0 0;
position: relative;
font-size: 14px
}
.header.style1 .header_overlay_menu .thb-secondary-menu-container .thb-secondary-line {
display: block;
height: 1px;
background: rgba(255, 255, 255, 0.8);
position: absolute;
top: 0;
left: 0;
right: 0;
transform-origin: 0 0;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1)
}
.header.style1 .header_overlay_menu .thb-secondary-menu-container .menu {
list-style: none;
margin: 0;
padding: 0;
text-align: left
}
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
.header.style1 .header_overlay_menu .thb-secondary-menu-container .menu {
margin-right: auto
}
}
.header.style1 .header_overlay_menu .thb-secondary-menu-container .menu li {
display: inline-flex;
margin-right: 20px
}
.header.style1 .header_overlay_menu .thb-secondary-menu-container .menu li a:not(:hover) {
color: rgba(255, 255, 255, 0.6)
}
.rtl .header.style1 .header_overlay_menu .thb-secondary-menu-container .menu li {
margin-right: 0;
margin-left: 20px
}
.header.style1 .header_overlay_menu .thb-secondary-menu-container .thb-full-menu.socials a {
padding: 0
}
.header.style1 .header_overlay_menu .thb-secondary-menu-container .thb-full-menu.socials a:not(:hover) {
color: rgba(255, 255, 255, 0.6)
}
.header.style2 .columns {
justify-content: space-between
}
@media only screen and (min-width: 1024px) {
.header.style2 .mobile-toggle-holder {
display: none
}
}
.header.style3 .columns {
justify-content: space-between
}
.header.style3 .columns>div:last-child {
flex: 1;
text-align: right
}
.rtl .header.style3 .columns>div:last-child {
text-align: left
}
.header.style3 #full-menu {
margin-right: 30px
}
@media only screen and (min-width: 1024px) {
.header.style3 #full-menu {
visibility: hidden
}
}
.header.style3 #full-menu .thb-full-menu>li {
opacity: 0
}
.header.style4 .columns {
justify-content: space-between;
position: relative
}
.header.style4 #full-menu {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
-moz-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0)
}
.header.style4 .mobile-toggle-holder {
display: inline-flex
}
@media only screen and (min-width: 1024px) {
.header.style4 .mobile-toggle-holder {
display: none
}
}
.header.style5 .columns,
.header.center-logo .columns {
justify-content: space-between;
position: relative
}
@media only screen and (min-width: 1024px) {
.header.style5 .logo-holder,
.header.center-logo .logo-holder {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
-moz-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0)
}
}
.header.style5 .mobile-toggle-holder,
.header.center-logo .mobile-toggle-holder {
display: inline-flex
}
@media only screen and (min-width: 1024px) {
.header.style5 .mobile-toggle-holder,
.header.center-logo .mobile-toggle-holder {
display: none
}
}
.header.style6 .columns {
justify-content: space-between;
position: relative
}
.header.style6 .logo-holder {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
-moz-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0)
}
.header.style6 .mobile-toggle-holder {
display: inline-flex;
flex-direction: row-reverse
}
.header.style6 .mobile-toggle-holder strong {
margin-left: 30px;
margin-right: 0
}
.header.style6 .mobile-toggle-holder.style2 .mobile-toggle span {
left: 0;
right: auto
}
.header.style7 .style7-label {
display: none
}
@media only screen and (min-width: 640px) {
.header.style7 .mobile-toggle-holder {
display: none
}
}
.header.style7 .logo-holder {
display: inline-flex
}
@media only screen and (min-width: 640px) {
.header.style7 .logo-holder {
margin: 0 auto
}
}
.header.style7 .secondary-area {
margin-left: auto
}
@media only screen and (min-width: 640px) {
.header.style7 {
left: 70px;
width: auto;
right: 0
}
}
.header.style8 {
padding: 20px 0;
align-items: center;
justify-content: center
}
.open-cc .header.style8 {
background: #fff
}
.header.style8 .mobile-toggle-holder strong {
display: none
}
@media only screen and (min-width: 640px) {
.header.style8 {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 6vw
}
}
.header.style9 .columns {
justify-content: space-between
}
.header.style9 .columns div:last-child {
text-align: right
}
.header.style10 .small-12.columns {
display: flex;
align-items: center;
justify-content: space-between
}
@media only screen and (min-width: 1024px) {
.header.style10 .logo-holder.style10-logo {
visibility: hidden;
display: none
}
}
.header.style10 .full-menu {
position: relative
}
.header.style10 .thb-full-menu .logo-holder {
display: flex;
justify-content: center;
align-items: center
}
.header.style10 .thb-full-menu .logo-holder .logolink {
display: block
}
.header.style10 .thb-full-menu>li>a {
display: flex;
align-items: center
}
@media only screen and (min-width: 1024px) {
.header.style10 .mobile-toggle-holder {
display: none
}
}
.header.style11 .style11-content {
display: flex;
align-items: center
}
.header.style11 .style11-content .thb-full-menu {
margin-left: 40px
}
@media only screen and (min-width: 1024px) {
.header.style11 .style11-content .thb-full-menu {
margin-left: 60px
}
}
.rtl .header.style11 .style11-content .thb-full-menu {
margin-left: 0;
margin-right: 40px
}
@media only screen and (min-width: 1024px) {
.rtl .header.style11 .style11-content .thb-full-menu {
margin-left: 0;
margin-right: 60px
}
}
.header.style11 .columns {
justify-content: space-between
}
@media only screen and (min-width: 1024px) {
.header.style11 .mobile-toggle-holder {
display: none
}
}
.header.style12 {
flex-direction: column;
justify-content: center;
align-items: stretch
}
.header.style12>.row {
width: 100%
}
.header.style12>.row>.columns {
justify-content: space-between
}
@media only screen and (min-width: 1024px) {
.header.style12>.row:first-child {
padding-bottom: 25px
}
}
@media only screen and (min-width: 1024px) {
.header.style12>.row:first-child .secondary-area #quick_cart,
.header.style12>.row:first-child .secondary-area .thb-search-holder,
.header.style12>.row:first-child .secondary-area .mobile-toggle-holder {
display: none
}
}
.header.style12>.row+.row {
display: none;
position: relative;
padding-top: 5px
}
@media only screen and (min-width: 1024px) {
.header.style12>.row+.row {
display: flex
}
}
.header.style12>.row+.row:before {
content: '';
position: absolute;
top: 0;
left: 50%;
margin-left: -50vw;
display: block !important;
width: 100vw;
height: 1px;
background: rgba(0, 0, 0, 0.15)
}
.header.style12.fixed .row:first-child {
padding-bottom: 15px
}
.header.style12.fixed .thb-full-menu>li>a:not(.logolink) {
padding: 10px 0
}
.header.style12.fixed .thb-full-menu.thb-underline>li>a:before {
top: calc(100% - 7px)
}
.header-full-width-on .header.style1>.row,
.header-full-width-on .header.style2>.row,
.header-full-width-on .header.style3>.row,
.header-full-width-on .header.style4>.row,
.header-full-width-on .header.style5>.row,
.header-full-width-on .header.style6>.row,
.header-full-width-on .header.style9>.row,
.header-full-width-on .header.style10>.row,
.header-full-width-on .header.style11>.row {
max-width: none
}
.white-header .logoimg,
.header.light-header .logoimg {
opacity: 0
}
.white-header .logoimg.logo-light,
.header.light-header .logoimg.logo-light {
opacity: 1
}
.white-header .mobile-toggle span,
.header.light-header .mobile-toggle span,
.white-header .thb-full-menu.thb-underline>li>a:before,
.header.light-header .thb-full-menu.thb-underline>li>a:before,
.white-header .thb-full-menu.thb-line-through>li>a:before,
.header.light-header .thb-full-menu.thb-line-through>li>a:before,
.white-header .music_toggle span,
.header.light-header .music_toggle span {
background: #fff
}
.white-header .mobile-toggle-holder.style4 .mobile-toggle>span:before,
.header.light-header .mobile-toggle-holder.style4 .mobile-toggle>span:before,
.white-header .mobile-toggle-holder.style4 .mobile-toggle>span:after,
.header.light-header .mobile-toggle-holder.style4 .mobile-toggle>span:after {
background: #fff
}
.white-header .thb-full-menu>li>a:not(:hover),
.header.light-header .thb-full-menu>li>a:not(:hover),
.white-header .thb-full-menu.thb-underline>li>a:hover,
.header.light-header .thb-full-menu.thb-underline>li>a:hover,
.white-header .thb-full-menu.thb-line-marker>li>a:hover,
.header.light-header .thb-full-menu.thb-line-marker>li>a:hover,
.white-header .thb-full-menu.thb-line-through>li>a:hover,
.header.light-header .thb-full-menu.thb-line-through>li>a:hover {
color: #fff
}
.white-header .header-secondary-text svg path,
.header.light-header .header-secondary-text svg path,
.white-header .header-secondary-text svg circle,
.header.light-header .header-secondary-text svg circle,
.white-header .header-secondary-text svg rect,
.header.light-header .header-secondary-text svg rect,
.white-header .header-secondary-text svg ellipse,
.header.light-header .header-secondary-text svg ellipse {
stroke: #fff
}
.white-header .header-secondary-text p,
.header.light-header .header-secondary-text p {
color: #fff
}
.white-header .header-secondary-text a,
.header.light-header .header-secondary-text a {
color: #fff
}
.white-header .secondary-text,
.header.light-header .secondary-text,
.white-header .mobile-toggle-holder strong,
.header.light-header .mobile-toggle-holder strong,
.white-header #quick_cart,
.header.light-header #quick_cart {
color: #fff
}
.white-header .thb-search-holder svg,
.header.light-header .thb-search-holder svg {
fill: #fff
}
.white-header #quick_cart svg g,
.header.light-header #quick_cart svg g {
stroke: #fff
}
.white-header.style12>.row+.row:before,
.style12.header.light-header>.row+.row:before {
background: rgba(255, 255, 255, 0.15)
}
.thb-header-menu {
display: inline-block;
margin: 5px 0 0;
padding: 0;
list-style: none;
line-height: 1;
position: relative
}
.thb-header-menu li>a {
display: block;
white-space: nowrap;
-webkit-transition: color .25s cubic-bezier(0.25, 0.8, 0.25, 1);
-moz-transition: color .25s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: color .25s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: color .25s cubic-bezier(0.25, 0.8, 0.25, 1)
}
.thb-header-menu li>a:not(:hover) {
color: rgba(255, 255, 255, 0.6)
}
.thb-header-menu li.menu-item-has-children {
position: relative
}
.thb-header-menu li .sub-menu {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
left: 100%;
top: 0;
bottom: 0;
opacity: 0;
visibility: hidden;
display: flex;
align-items: center
}
.thb-header-menu li .sub-menu a {
margin-right: 20px
}
.rtl .thb-header-menu li .sub-menu {
left: auto;
right: 100%
}
.rtl .thb-header-menu li .sub-menu a {
margin-right: 0;
margin-left: 20px
}
.thb-header-menu>li {
padding: 15px 0
}
.thb-header-menu>li>a {
font-size: 26px;
min-width: 250px;
display: flex;
align-items: center
}
.thb-header-menu>li.menu-item-has-children {
padding-right: 30px
}
.rtl .thb-header-menu>li.menu-item-has-children {
padding-right: 0;
padding-left: 30px
}
.thb-header-menu>li.menu-item-has-children>a span {
display: inline-flex;
margin-left: 30px;
position: relative;
align-items: center;
-webkit-transition: -webkit-transform .25s cubic-bezier(0.25, 0.8, 0.25, 1);
-moz-transition: -moz-transform .25s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: -o-transform .25s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: transform .25s cubic-bezier(0.25, 0.8, 0.25, 1)
}
.rtl .thb-header-menu>li.menu-item-has-children>a span {
margin-left: 0;
margin-right: 30px
}
.thb-header-menu>li.menu-item-has-children>a span:before {
content: '';
display: inline;
width: 30px;
height: 1px;
background: #ee9982;
opacity: 0;
-webkit-transform-origin: 0 0 50%;
-moz-transform-origin: 0 0 50%;
-ms-transform-origin: 0 0 50%;
-o-transform-origin: 0 0 50%;
transform-origin: 0 0 50%;
-webkit-transform: scale(0, 1) translateX(0px);
-moz-transform: scale(0, 1) translateX(0px);
-ms-transform: scale(0, 1) translateX(0px);
-o-transform: scale(0, 1) translateX(0px);
transform: scale(0, 1) translateX(0px)
}
.thb-header-menu>li.menu-item-has-children>a span:after {
display: inline-flex;
content: "\f105";
font-family: FontAwesome;
vertical-align: middle;
font-size: 18px
}
.rtl .thb-header-menu>li.menu-item-has-children>a span:after {
content: "\f104"
}
.thb-header-menu>li.menu-item-has-children:hover>a,
.thb-header-menu>li.menu-item-has-children.sfHover>a {
color: #ee9982
}
.thb-header-menu>li.menu-item-has-children:hover>a span,
.thb-header-menu>li.menu-item-has-children.sfHover>a span {
-webkit-transform: translateX(4px);
-moz-transform: translateX(4px);
-ms-transform: translateX(4px);
-o-transform: translateX(4px);
transform: translateX(4px)
}
.thb-header-menu>li.menu-item-has-children:hover>a span:after,
.thb-header-menu>li.menu-item-has-children.sfHover>a span:after {
color: #ee9982
}
.rtl .thb-header-menu>li.menu-item-has-children:hover>a span,
.rtl .thb-header-menu>li.menu-item-has-children.sfHover>a span {
-webkit-transform: translateX(-4px);
-moz-transform: translateX(-4px);
-ms-transform: translateX(-4px);
-o-transform: translateX(-4px);
transform: translateX(-4px)
}
.thb-header-menu>li.menu-item-has-children:hover>a span:before,
.thb-header-menu>li.menu-item-has-children.sfHover>a span:before {
opacity: 1;
-webkit-transform: scale(1, 1) translateX(5px);
-moz-transform: scale(1, 1) translateX(5px);
-ms-transform: scale(1, 1) translateX(5px);
-o-transform: scale(1, 1) translateX(5px);
transform: scale(1, 1) translateX(5px)
}
.rtl .thb-header-menu>li.menu-item-has-children:hover>a span:before,
.rtl .thb-header-menu>li.menu-item-has-children.sfHover>a span:before {
-webkit-transform: scale(1, 1) translateX(-5px);
-moz-transform: scale(1, 1) translateX(-5px);
-ms-transform: scale(1, 1) translateX(-5px);
-o-transform: scale(1, 1) translateX(-5px);
transform: scale(1, 1) translateX(-5px)
}
.full-menu {
display: none;
vertical-align: middle
}
@media only screen and (min-width: 1024px) {
.full-menu {
display: inline-flex
}
}
.thb-full-menu {
display: flex;
margin: 0;
padding: 0;
list-style: none;
line-height: 1
}
.thb-full-menu.thb-language-switcher {
margin-left: 20px
}
@media only screen and (max-width: 1024px) {
.thb-full-menu.thb-language-switcher {
display: none
}
}
.thb-full-menu.thb-language-switcher>li>a {
text-transform: capitalize
}
.rtl .thb-full-menu.thb-language-switcher {
margin-left: 0;
margin-right: 20px
}
.thb-full-menu.thb-standard>li.current-menu-item:not(.has-hash)>a {
color: #ee9982
}
.thb-full-menu.thb-underline>li>a {
position: relative
}
.thb-full-menu.thb-underline>li>a:before {
content: '';
display: block;
position: absolute;
left: 0;
width: 100%;
top: calc(100% - 17px);
height: 3px;
background: #343434;
-webkit-transform-origin: right center;
-moz-transform-origin: right center;
-ms-transform-origin: right center;
-o-transform-origin: right center;
transform-origin: right center;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transition: -webkit-transform .25s cubic-bezier(0.25, 0.8, 0.25, 1);
-moz-transition: -moz-transform .25s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: -o-transform .25s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: transform .25s cubic-bezier(0.25, 0.8, 0.25, 1)
}
.thb-full-menu.thb-underline>li>a:hover {
color: #090909
}
.thb-full-menu.thb-underline>li>a:hover:before {
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-ms-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
.thb-full-menu.thb-underline>li.current-menu-item>a {
color: #090909
}
.thb-full-menu.thb-underline>li.current-menu-item>a:before {
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-ms-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
.thb-full-menu.thb-line-through>li>a {
position: relative
}
.thb-full-menu.thb-line-through>li>a:before {
content: '';
display: block;
position: absolute;
left: -5px;
width: calc(100% + 10px);
top: calc(50% - 1px);
height: 2px;
background: #343434;
-webkit-transform-origin: right center;
-moz-transform-origin: right center;
-ms-transform-origin: right center;
-o-transform-origin: right center;
transform-origin: right center;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transition: -webkit-transform .25s cubic-bezier(0.25, 0.8, 0.25, 1);
-moz-transition: -moz-transform .25s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: -o-transform .25s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: transform .25s cubic-bezier(0.25, 0.8, 0.25, 1)
}
.thb-full-menu.thb-line-through>li>a:hover {
color: #090909
}
.thb-full-menu.thb-line-through>li>a:hover:before {
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-ms-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
.thb-full-menu.thb-line-through>li.current-menu-item>a {
color: #090909
}
.thb-full-menu.thb-line-through>li.current-menu-item>a:before {
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-ms-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
.thb-full-menu.thb-line-marker>li>a {
position: relative
}
.thb-full-menu.thb-line-marker>li>a:before {
content: '';
display: block;
position: absolute;
left: -2px;
width: calc(100% + 4px);
top: 50%;
height: 20%;
background: #ee9982;
z-index: -1;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-o-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scale(1, 0);
-moz-transform: scale(1, 0);
-ms-transform: scale(1, 0);
-o-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transition: -webkit-transform .25s cubic-bezier(0.25, 0.8, 0.25, 1);
-moz-transition: -moz-transform .25s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: -o-transform .25s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: transform .25s cubic-bezier(0.25, 0.8, 0.25, 1)
}
.thb-full-menu.thb-line-marker>li>a:hover {
color: #090909
}
.thb-full-menu.thb-line-marker>li>a:hover:before {
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
.thb-full-menu.thb-line-marker.current-menu-item>a {
color: #090909
}
.thb-full-menu.thb-line-marker.current-menu-item>a:before {
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
.thb-full-menu.socials {
margin-left: 30px
}
.rtl .thb-full-menu.socials {
margin-left: 0;
margin-right: 30px
}
.thb-full-menu.socials li+li {
margin-left: 10px
}
.rtl .thb-full-menu.socials li+li {
margin-left: 0;
margin-right: 10px
}
.thb-full-menu>li {
display: inline-flex
}
.thb-full-menu>li+li {
margin-left: 30px
}
.rtl .thb-full-menu>li+li {
margin-left: 0;
margin-right: 30px
}
.thb-full-menu>li a:not(.logolink) {
padding: 20px 0
}
.thb-full-menu>li a:not(.logolink)[data-filter].active {
color: #ee9982
}
.thb-full-menu>li.logo-menu-item {
padding: 0 35px
}
.thb-full-menu li {
margin: 0;
white-space: nowrap
}
.thb-full-menu li.menu-item-has-children {
position: relative
}
.thb-full-menu li.menu-item-has-children:hover {
overflow: visible
}
.thb-full-menu li.menu-item-has-children>a:after {
display: inline-flex;
content: "\f107";
font-family: FontAwesome;
margin-left: 10px;
font-size: 11px
}
.rtl .thb-full-menu li.menu-item-has-children>a:after {
margin-left: 0;
margin-right: 10px
}
.thb-full-menu .sub-menu {
padding: 30px 0;
margin: 0;
list-style: none;
background: #090909;
position: absolute;
text-align: left;
min-width: calc(100% + 60px);
top: 100%;
left: -30px;
opacity: 0;
visibility: hidden;
z-index: 2;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden
}
.rtl .thb-full-menu .sub-menu {
left: auto;
right: -30px;
text-align: right
}
.thb-full-menu .sub-menu li {
display: block;
padding: 0 30px;
margin-bottom: 15px;
font-size: 13px;
line-height: 1.1
}
.thb-full-menu .sub-menu li:last-child {
margin-bottom: 0
}
.thb-full-menu .sub-menu li a {
display: block;
color: #fff;
padding: 0;
opacity: 0
}
.thb-full-menu .sub-menu li a:hover {
color: #bfbfbf
}
.thb-full-menu .sub-menu li.menu-item-has-children {
position: relative
}
.thb-full-menu .sub-menu li.menu-item-has-children>a:after {
content: "\f105"
}
.rtl .thb-full-menu .sub-menu li.menu-item-has-children>a:after {
content: "\f104"
}
.thb-full-menu .sub-menu li.title-item>a {
font-size: 12px;
text-transform: uppercase;
font-weight: 600
}
.thb-full-menu .sub-menu li.title-item>a:after {
display: none
}
.thb-dropdown-style1 .thb-full-menu .sub-menu li.title-item>a {
padding-top: 10px
}
.thb-dropdown-style3 .thb-full-menu .sub-menu li.title-item>a {
padding-top: 9px;
padding-bottom: 14px;
margin-bottom: 9px;
font-size: 14px;
text-transform: none;
font-weight: 400;
border-bottom: 1px solid rgba(0, 0, 0, 0.13)
}
.thb-dropdown-style3 .thb-full-menu .sub-menu li.title-item>a:before {
display: none
}
.thb-dropdown-color-dark.thb-dropdown-style2 .thb-full-menu .sub-menu li.title-item>a {
border-bottom: 1px solid rgba(255, 255, 255, 0.13)
}
.thb-full-menu .sub-menu .sub-menu {
top: -30px;
left: 100%;
z-index: 10
}
.rtl .thb-full-menu .sub-menu .sub-menu {
left: 0;
right: 100%
}
.thb-full-menu .sub-menu .sub-menu.is_right {
left: auto;
right: 100%
}
.thb-full-menu .sub-menu .sub-menu .sub-menu {
z-index: 15
}
.thb-dropdown-color-light .thb-full-menu .sub-menu {
background: #fff
}
.thb-dropdown-color-light .thb-full-menu .sub-menu li a {
color: #343434
}
.thb-dropdown-style2 .thb-full-menu .sub-menu {
border-radius: 4px;
padding: 0;
left: 50%;
border: 1px solid rgba(0, 0, 0, 0.12);
-webkit-box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06);
-moz-box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06);
box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%)
}
.thb-dropdown-style2 .thb-full-menu .sub-menu:after {
bottom: 100%;
left: 50%;
content: " ";
height: 12px;
width: 12px;
position: absolute;
pointer-events: none;
background: #fff;
border-radius: 2px;
border-top: 1px solid rgba(0, 0, 0, 0.12);
border-right: 1px solid rgba(0, 0, 0, 0.12);
-webkit-transform: translate3d(-50%, 50%, 0) rotate(-45deg);
-moz-transform: translate3d(-50%, 50%, 0) rotate(-45deg);
-ms-transform: translate3d(-50%, 50%, 0) rotate(-45deg);
-o-transform: translate3d(-50%, 50%, 0) rotate(-45deg);
transform: translate3d(-50%, 50%, 0) rotate(-45deg)
}
.thb-dropdown-style2 .thb-full-menu .sub-menu>li {
display: block;
padding: 0;
margin: 0;
border-top: 1px solid rgba(0, 0, 0, 0.12)
}
.thb-dropdown-style2 .thb-full-menu .sub-menu>li a {
display: flex;
font-size: 12px;
text-transform: uppercase;
font-weight: 600;
padding: 0 24px;
min-height: 50px;
align-items: center
}
.thb-dropdown-style2 .thb-full-menu .sub-menu>li:first-child {
border-top-color: transparent
}
.thb-dropdown-style2 .thb-full-menu .sub-menu .sub-menu {
top: 1px;
left: 100%;
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%)
}
.thb-dropdown-style2 .thb-full-menu .sub-menu .sub-menu.is_right {
left: auto;
right: 100%
}
.thb-dropdown-style2 .thb-full-menu .sub-menu .sub-menu:after {
display: none
}
.thb-dropdown-style2 .thb-full-menu .sub-menu .sub-menu li.menu-item-has-children {
display: flex
}
.thb-dropdown-color-dark.thb-dropdown-style2 .thb-full-menu .sub-menu {
border-color: rgba(255, 255, 255, 0.1)
}
.thb-dropdown-color-dark.thb-dropdown-style2 .thb-full-menu .sub-menu:after {
background: #090909;
border-color: rgba(255, 255, 255, 0.1)
}
.thb-dropdown-color-dark.thb-dropdown-style2 .thb-full-menu .sub-menu>li {
border-color: rgba(255, 255, 255, 0.1)
}
.thb-dropdown-style3 .thb-full-menu .sub-menu {
left: 50%;
-webkit-box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06);
-moz-box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06);
box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
border-top: 3px solid #ee9982
}
.thb-dropdown-style3 .thb-full-menu .sub-menu:after {
bottom: 100%;
left: 50%;
content: '';
width: 0;
height: 0;
border-style: solid;
margin-left: -7px;
border-color: transparent;
border-bottom-color: #ee9982;
border-width: 7px;
position: absolute;
pointer-events: none;
z-index: -1
}
.thb-dropdown-style3 .thb-full-menu .sub-menu>li {
overflow: visible
}
.thb-dropdown-style3 .thb-full-menu .sub-menu>li a {
display: flex;
align-items: center;
font-size: 14px;
font-weight: 500;
position: relative;
line-height: 1.2
}
.thb-dropdown-style3 .thb-full-menu .sub-menu .sub-menu {
top: -33px;
left: 100%;
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%)
}
.thb-dropdown-style3 .thb-full-menu .sub-menu .sub-menu:after {
display: none
}
.thb-dropdown-style3 .thb-full-menu .sub-menu .sub-menu.is_right {
left: auto;
right: 100%
}
.thb-full-menu li.menu-item-mega-parent>.sub-menu {
display: none;
flex-wrap: nowrap
}
.thb-full-menu li.menu-item-mega-parent>.sub-menu>li {
flex: 1
}
.thb-dropdown-style2 .thb-full-menu li.menu-item-mega-parent>.sub-menu>li {
border-top: 0
}
.thb-dropdown-style2 .thb-full-menu li.menu-item-mega-parent>.sub-menu>li+li {
border-left: 1px solid rgba(0, 0, 0, 0.12)
}
.thb-dropdown-color-dark.thb-dropdown-style2 .thb-full-menu li.menu-item-mega-parent>.sub-menu>li+li {
border-left: 1px solid rgba(255, 255, 255, 0.1)
}
.thb-full-menu li.menu-item-mega-parent>.sub-menu>li a {
opacity: 1
}
.thb-full-menu li.menu-item-mega-parent>.sub-menu>li.menu-item-has-children>.sub-menu {
padding-top: 20px;
padding-bottom: 0;
opacity: 1 !important;
position: static;
visibility: visible !important;
box-shadow: none;
min-width: 100%;
background: none
}
.thb-dropdown-style2 .thb-full-menu li.menu-item-mega-parent>.sub-menu>li.menu-item-has-children>.sub-menu,
.thb-dropdown-style3 .thb-full-menu li.menu-item-mega-parent>.sub-menu>li.menu-item-has-children>.sub-menu {
padding: 0
}
.thb-dropdown-style2 .thb-full-menu li.menu-item-mega-parent>.sub-menu>li.menu-item-has-children>.sub-menu {
border: 0;
border-radius: 0
}
.thb-dropdown-style3 .thb-full-menu li.menu-item-mega-parent>.sub-menu>li.menu-item-has-children>.sub-menu {
border: 0;
margin-top: 15px
}
.thb-dropdown-style2 .thb-full-menu li.menu-item-mega-parent>.sub-menu>li.menu-item-has-children>.sub-menu {
border-top: 1px solid rgba(0, 0, 0, 0.12)
}
.thb-dropdown-color-dark.thb-dropdown-style2 .thb-full-menu li.menu-item-mega-parent>.sub-menu>li.menu-item-has-children>.sub-menu {
border-top: 1px solid rgba(255, 255, 255, 0.1)
}
.thb-full-menu li.menu-item-mega-parent>.sub-menu>li.menu-item-has-children>.sub-menu>li {
padding: 0
}
.thb-full-menu li.menu-item-mega-parent>.sub-menu>li.menu-item-has-children>.sub-menu>li.menu-item-has-children>a:after {
content: "\f105"
}
.thb-full-menu li.menu-item-mega-parent>.sub-menu>li.mega-menu-title>a {
font-size: 12px;
text-transform: uppercase;
font-weight: 600
}
.thb-full-menu li.menu-item-mega-parent>.sub-menu>li.mega-menu-title>a:after {
display: none
}
.thb-dropdown-style3 .thb-full-menu li.menu-item-mega-parent>.sub-menu>li.mega-menu-title>a {
padding-bottom: 14px;
margin-bottom: 9px;
font-size: 14px;
text-transform: none;
font-weight: 400;
border-bottom: 1px solid rgba(0, 0, 0, 0.13)
}
.thb-dropdown-style3 .thb-full-menu li.menu-item-mega-parent>.sub-menu>li.mega-menu-title>a:before {
display: none
}
.thb-dropdown-color-dark.thb-dropdown-style3 .thb-full-menu li.menu-item-mega-parent>.sub-menu>li.mega-menu-title>a {
border-bottom: 1px solid rgba(255, 255, 255, 0.13)
}
.secondary-area {
display: inline-flex;
align-items: center;
vertical-align: middle
}
.secondary-area>div+div,
.secondary-area>ul+div,
.secondary-area>ul+ul,
.secondary-area>div+ul,
.secondary-area>a+div {
margin-left: 20px
}
.rtl .secondary-area>div+div,
.rtl .secondary-area>ul+div,
.rtl .secondary-area>ul+ul,
.rtl .secondary-area>div+ul,
.rtl .secondary-area>a+div {
margin-left: 0;
margin-right: 20px
}
@media only screen and (max-width: 1024px) {
.secondary-area .thb-header-button,
.secondary-area .thb-search-holder,
.secondary-area .socials,
.secondary-area .quick_cart,
.secondary-area .thb-header-secondary,
.secondary-area .header-secondary-text {
display: none
}
}
.header-secondary-text {
margin: 0 0 0 30px
}
.rtl .header-secondary-text {
margin: 0 30px 0 0
}
.header-secondary-text li {
display: inline-flex;
align-items: center
}
.header-secondary-text li+li {
margin-left: 20px
}
@media only screen and (min-width: 1024px) {
.header-secondary-text li+li {
margin-left: 30px
}
}
.header-secondary-text svg {
height: 32px;
width: auto;
margin-right: 15px
}
.header-secondary-text svg path,
.header-secondary-text svg circle,
.header-secondary-text svg rect,
.header-secondary-text svg ellipse {
stroke: #090909
}
@media only screen and (min-width: 1024px) {
.header-secondary-text svg {
margin-right: 20px
}
}
.rtl .header-secondary-text svg {
margin-right: 0;
margin-left: 15px
}
@media only screen and (min-width: 1024px) {
.rtl .header-secondary-text svg {
margin-right: 0;
margin-left: 20px
}
}
.header-secondary-text div p {
color: #090909;
font-weight: 500;
margin: 0;
line-height: 1
}
.header-secondary-text div p.smaller {
font-weight: 400;
font-size: 10px;
text-transform: uppercase
}
.header-secondary-text div p+p.smaller {
margin-top: 5px
}
.header-secondary-text+.thb-full-menu.socials {
margin-left: 20px
}
.thb-header-button {
margin-left: 20px
}
.rtl .thb-header-button {
margin-left: 0;
margin-right: 20px
}
.thb-search-holder {
display: inline-flex;
cursor: pointer;
position: relative;
margin-left: 20px
}
.rtl .thb-search-holder {
margin-left: 0;
margin-right: 20px
}
.thb-search-holder span {
height: 1px;
display: block;
width: 16px;
position: absolute;
left: 0;
top: 50%;
background: #fff;
-webkit-transform-origin: center 50%;
-moz-transform-origin: center 50%;
-ms-transform-origin: center 50%;
-o-transform-origin: center 50%;
transform-origin: center 50%
}
.thb-search-holder span:nth-child(1) {
-webkit-transform: rotateZ(45deg) scale(0, 1);
-moz-transform: rotateZ(45deg) scale(0, 1);
-ms-transform: rotateZ(45deg) scale(0, 1);
-o-transform: rotateZ(45deg) scale(0, 1);
transform: rotateZ(45deg) scale(0, 1)
}
.thb-search-holder span:nth-child(2) {
-webkit-transform: rotateZ(-45deg) scale(0, 1);
-moz-transform: rotateZ(-45deg) scale(0, 1);
-ms-transform: rotateZ(-45deg) scale(0, 1);
-o-transform: rotateZ(-45deg) scale(0, 1);
transform: rotateZ(-45deg) scale(0, 1)
}
.hide-header-items .thb-search-holder svg {
opacity: 0
}
.thb-search-popup {
display: flex;
flex-direction: column;
position: fixed;
top: 0;
left: 0;
width: 100%;
color: #fff;
background: #090909;
z-index: 90;
padding: 40px 0;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
@media only screen and (min-width: 640px) {
.thb-search-popup {
padding: 100px 0
}
}
.thb-search-popup .search-header-spacer {
display: block;
width: 100%;
pointer-events: none
}
.thb-search-popup .row {
width: 100%
}
.thb-search-popup .searchform {
position: relative
}
.thb-search-popup .searchform .searchform-bar {
display: block;
height: 1px;
background: rgba(255, 255, 255, 0.8);
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 40;
transform-origin: 0 0;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1)
}
.thb-search-popup fieldset {
opacity: 0;
margin-top: 40px
}
.thb-search-popup .s {
font-size: 36px;
font-weight: 400;
border-top: 0;
border-left: 0;
border-right: 0;
padding-top: 0;
padding-bottom: 0;
height: 80px;
color: #fff;
background: transparent;
padding-left: 0;
border-radius: 0
}
.thb-search-popup .s:-moz-placeholder {
color: rgba(255, 255, 255, 0.4)
}
.thb-search-popup .s::-moz-placeholder {
color: rgba(255, 255, 255, 0.4)
}
.thb-search-popup .s:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.4)
}
.thb-search-popup .s::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.4)
}
.thb-search-popup .s:focus,
.thb-search-popup .s:active {
background: transparent;
color: #fff
}
.thb-search-popup .submit {
text-align: right
}
.thb-search-popup .submit svg {
fill: #fff
}
@media only screen and (min-width: 640px) {
.thb-header-style-style7 .thb-search-popup {
left: 70px;
width: calc(100% - 70px)
}
}
.header-style-8-content {
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 100%;
height: auto
}
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
.header-style-8-content {
height: 100%
}
}
.header-style-8-content>.row {
margin: 35px -10px 0;
padding: 0
}
@media only screen and (min-width: 640px) {
.header-style-8-content>.row {
margin: 35px -15px 0
}
}
@media only screen and (min-width: 1024px) {
.header-style-8-content>.row {
margin: 35px -20px 0
}
}
.header-style-8-content .sub-menu {
display: none
}
.header-style-8-content .mobile-menu-bottom {
flex: none !important
}
#quick_cart {
display: inline-flex;
align-items: center;
cursor: pointer;
color: #343434;
margin-left: 20px
}
.rtl #quick_cart {
margin-left: 0;
margin-right: 20px
}
#quick_cart svg {
display: block;
height: 22px;
width: 23px;
overflow: visible;
position: relative;
bottom: 2px
}
#quick_cart svg g {
stroke-width: 4
}
#quick_cart .float_count {
font-size: 14px;
margin-left: 4px;
font-weight: 500
}
.rtl #quick_cart .float_count {
margin-left: 0;
margin-right: 4px
}
.music_toggle {
display: inline-flex;
width: 20px;
height: 14px;
justify-content: center;
align-items: flex-end;
margin-left: 20px
}
.rtl .music_toggle {
margin-left: 0;
margin-right: 20px
}
.music_toggle span {
display: inline-flex;
margin: 0 1px;
width: 2px;
height: 7px;
background: #090909
}
.music_toggle span:nth-child(1) {
height: 10px
}
.music_toggle span:nth-child(2) {
height: 6px
}
.music_toggle span:nth-child(3) {
height: 13px
}
.music_toggle span:nth-child(4) {
height: 8px
}
.music_toggle.on span:nth-child(1) {
-webkit-animation: music-bar 2s 1s ease-out alternate infinite;
-moz-animation: music-bar 2s 1s ease-out alternate infinite;
-ms-animation: music-bar 2s 1s ease-out alternate infinite;
-o-animation: music-bar 2s 1s ease-out alternate infinite;
animation: music-bar 2s 1s ease-out alternate infinite
}
.music_toggle.on span:nth-child(2) {
-webkit-animation: music-bar 2s 0.5s ease-out alternate infinite;
-moz-animation: music-bar 2s 0.5s ease-out alternate infinite;
-ms-animation: music-bar 2s 0.5s ease-out alternate infinite;
-o-animation: music-bar 2s 0.5s ease-out alternate infinite;
animation: music-bar 2s 0.5s ease-out alternate infinite
}
.music_toggle.on span:nth-child(3) {
-webkit-animation: music-bar 2s 1.5s ease-out alternate infinite;
-moz-animation: music-bar 2s 1.5s ease-out alternate infinite;
-ms-animation: music-bar 2s 1.5s ease-out alternate infinite;
-o-animation: music-bar 2s 1.5s ease-out alternate infinite;
animation: music-bar 2s 1.5s ease-out alternate infinite
}
.music_toggle.on span:nth-child(4) {
-webkit-animation: music-bar 2s 0.25s ease-out alternate infinite;
-moz-animation: music-bar 2s 0.25s ease-out alternate infinite;
-ms-animation: music-bar 2s 0.25s ease-out alternate infinite;
-o-animation: music-bar 2s 0.25s ease-out alternate infinite;
animation: music-bar 2s 0.25s ease-out alternate infinite
}
@-moz-keyframes music-bar {
0% {
height: 6px
}
10% {
height: 10px
}
20% {
height: 6px
}
30% {
height: 14px
}
40% {
height: 18px
}
50% {
height: 6px
}
60% {
height: 16px
}
70% {
height: 10px
}
80% {
height: 12px
}
90% {
height: 4px
}
100% {
height: 18px
}
}
@-webkit-keyframes music-bar {
0% {
height: 6px
}
10% {
height: 10px
}
20% {
height: 6px
}
30% {
height: 14px
}
40% {
height: 18px
}
50% {
height: 6px
}
60% {
height: 16px
}
70% {
height: 10px
}
80% {
height: 12px
}
90% {
height: 4px
}
100% {
height: 18px
}
}
@-o-keyframes music-bar {
0% {
height: 6px
}
10% {
height: 10px
}
20% {
height: 6px
}
30% {
height: 14px
}
40% {
height: 18px
}
50% {
height: 6px
}
60% {
height: 16px
}
70% {
height: 10px
}
80% {
height: 12px
}
90% {
height: 4px
}
100% {
height: 18px
}
}
@-ms-keyframes music-bar {
0% {
height: 6px
}
10% {
height: 10px
}
20% {
height: 6px
}
30% {
height: 14px
}
40% {
height: 18px
}
50% {
height: 6px
}
60% {
height: 16px
}
70% {
height: 10px
}
80% {
height: 12px
}
90% {
height: 4px
}
100% {
height: 18px
}
}
@keyframes music-bar {
0% {
height: 6px
}
10% {
height: 10px
}
20% {
height: 6px
}
30% {
height: 14px
}
40% {
height: 18px
}
50% {
height: 6px
}
60% {
height: 16px
}
70% {
height: 10px
}
80% {
height: 12px
}
90% {
height: 4px
}
100% {
height: 18px
}
}
.subheader {
width: 100%;
padding: 0;
z-index: 40;
height: 40px;
margin: 0;
background: #fff;
position: absolute;
display: none;
font-size: 12px;
align-items: center
}
.subheader>.row {
flex: 1
}
.subheader-full-width-on .subheader>.row {
max-width: none
}
.subheader .thb-full-menu>li+li {
margin-left: 20px
}
@media only screen and (min-width: 640px) {
.subheader {
display: flex
}
.subheader+.header:not(.fixed) {
top: 40px
}
.admin-bar .subheader {
top: 46px
}
.admin-bar .subheader+.header:not(.fixed) {
top: 86px
}
}
@media only screen and (min-width: 640px) and (min-width: 783px) {
.admin-bar .subheader {
top: 32px
}
.admin-bar .subheader+.header:not(.fixed) {
top: 40px
}
}
.subheader .subheader-right {
text-align: right
}
.subheader .subheader-right .social {
display: inline-block;
font-size: 16px;
width: 16px;
text-align: center
}
.subheader .subheader-right .social+.social {
margin-left: 8px
}
.rtl .subheader .subheader-right .social+.social {
margin-left: 0;
margin-right: 8px
}
.rtl .subheader .subheader-right {
text-align: left
}
.subheader.style1 .subheader-left *,
.subheader.style3 .subheader-left * {
margin: 0
}
.subheader .subheader-left * {
font-size: inherit;
line-height: 1
}
.subheader .subheader-left i.fa {
margin-right: 5px
}
.subheader.style3 .subheader-right * {
font-size: inherit;
line-height: 1
}
.subheader.style3 .subheader-right i.fa {
margin-right: 5px
}
.subheader.style3 .subheader-right .thb-full-menu {
justify-content: flex-end
}
.subheader.dark {
background: #343434;
color: #fff
}
.subheader.dark a {
color: #fff
}
.subheader.dark .thb-full-menu.thb-standard>li.current-menu-item:not(.has-hash)>a {
color: #fff
}
#mobile-menu {
position: fixed;
top: 0;
height: 100%;
z-index: 110;
padding: 50px;
width: 320px;
max-width: 100%;
overflow: hidden;
right: 0;
background: #fff;
will-change: transform
}
#mobile-menu.style1 {
-webkit-transform: translate3d(100%, 0, 0);
-moz-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
-o-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
.thb-header-style-style7 #mobile-menu {
right: auto;
left: 0;
border-right: 1px solid #ededed;
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
-o-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
@media only screen and (min-width: 640px) {
.thb-header-style-style7 #mobile-menu {
-webkit-transform: translate3d(calc(-100% + 70px), 0, 0);
-moz-transform: translate3d(calc(-100% + 70px), 0, 0);
-ms-transform: translate3d(calc(-100% + 70px), 0, 0);
-o-transform: translate3d(calc(-100% + 70px), 0, 0);
transform: translate3d(calc(-100% + 70px), 0, 0);
width: 420px;
padding-right: 100px
}
}
.thb-header-style-style7 #mobile-menu .thb-mobile-close {
display: none
}
.thb-header-style-style7 #mobile-menu .mobile-toggle-holder {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 70px;
padding: 30px 15px;
text-align: center
}
.thb-header-style-style7 #mobile-menu .mobile-toggle-holder strong {
display: none
}
.thb-header-style-style7 #mobile-menu .style7-label {
display: none;
position: absolute;
top: 50%;
right: 15px;
font-size: 14px;
line-height: 1;
font-weight: 500;
text-transform: uppercase;
color: #090909;
-webkit-transform: translateY(-50%) rotateZ(-90deg);
-moz-transform: translateY(-50%) rotateZ(-90deg);
-ms-transform: translateY(-50%) rotateZ(-90deg);
-o-transform: translateY(-50%) rotateZ(-90deg);
transform: translateY(-50%) rotateZ(-90deg)
}
@media only screen and (min-width: 640px) {
.thb-header-style-style7 #mobile-menu .style7-label {
display: block
}
}
.thb-header-style-style7 #mobile-menu.dark {
border-right: 1px solid transparent
}
.thb-header-style-style7 #mobile-menu.dark .style7-label {
color: #fff
}
.thb-header-style-style7 #mobile-menu.dark .mobile-toggle-holder .mobile-toggle span {
background: #fff
}
.thb-header-style-style8 #mobile-menu {
height: 100%;
width: 100%;
left: 0;
right: 0;
transform-origin: 0 0;
-webkit-transform: translate3d(0, 0, 0) scale(1, 0);
-moz-transform: translate3d(0, 0, 0) scale(1, 0);
-ms-transform: translate3d(0, 0, 0) scale(1, 0);
-o-transform: translate3d(0, 0, 0) scale(1, 0);
transform: translate3d(0, 0, 0) scale(1, 0)
}
@media only screen and (min-width: 640px) {
.thb-header-style-style8 #mobile-menu {
width: 94%;
left: 6%
}
}
#mobile-menu .logolink {
margin-bottom: 30px
}
#mobile-menu .custom_scroll {
display: flex;
flex-direction: column
}
#mobile-menu .thb-mobile-search {
margin-bottom: 20px;
max-width: 200px
}
#mobile-menu .thb-mobile-search input[type="text"] {
height: 42px;
padding: 12px 15px
}
#mobile-menu .thb-mobile-search .submit {
right: 5px;
top: calc(50% + 1px)
}
#mobile-menu .thb-mobile-search .submit svg {
width: 14px
}
#mobile-menu .thb-header-button {
display: none;
margin-left: 0;
margin-bottom: 40px
}
@media only screen and (max-width: 1024px) {
#mobile-menu .thb-header-button {
display: inline-flex
}
}
#mobile-menu .thb-mobile-language-switcher {
margin-bottom: 30px
}
#mobile-menu .thb-mobile-language-switcher a {
font-size: 14px;
text-transform: capitalize;
opacity: 0.6;
position: relative;
color: #343434;
margin-right: 10px
}
#mobile-menu .thb-mobile-language-switcher a:after {
content: '';
display: block;
height: 1px;
width: 100%;
position: absolute;
left: 0;
bottom: -2px;
background: #343434;
-webkit-transition: -webkit-transform .25s cubic-bezier(0.25, 0.8, 0.25, 1);
-moz-transition: -moz-transform .25s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: -o-transform .25s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: transform .25s cubic-bezier(0.25, 0.8, 0.25, 1);
-webkit-transform-origin: right center;
-moz-transform-origin: right center;
-ms-transform-origin: right center;
-o-transform-origin: right center;
transform-origin: right center;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1)
}
#mobile-menu .thb-mobile-language-switcher a.active,
#mobile-menu .thb-mobile-language-switcher a:hover {
opacity: 1
}
#mobile-menu .thb-mobile-language-switcher a.active:after,
#mobile-menu .thb-mobile-language-switcher a:hover:after {
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-ms-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
#mobile-menu .mobile-menu-top {
flex: 1
}
#mobile-menu .menu-footer {
font-size: 12px
}
#mobile-menu .menu-footer p {
font-size: inherit
}
#mobile-menu .menu-footer a {
color: rgba(9, 9, 9, 0.4)
}
#mobile-menu .menu-footer a:hover {
color: #090909
}
#mobile-menu .socials a {
display: inline-flex;
margin-right: 10px;
color: rgba(9, 9, 9, 0.4)
}
#mobile-menu .socials a:hover {
color: #090909
}
#mobile-menu.dark {
background: #090909
}
#mobile-menu.dark .thb-mobile-search input[type="text"] {
background: transparent;
border-color: rgba(255, 255, 255, 0.1)
}
#mobile-menu.dark .thb-mobile-search input[type="text"]:-moz-placeholder {
color: rgba(255, 255, 255, 0.25)
}
#mobile-menu.dark .thb-mobile-search input[type="text"]::-moz-placeholder {
color: rgba(255, 255, 255, 0.25)
}
#mobile-menu.dark .thb-mobile-search input[type="text"]:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.25)
}
#mobile-menu.dark .thb-mobile-search input[type="text"]::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.25)
}
#mobile-menu.dark .thb-mobile-search .submit svg {
fill: #fff
}
#mobile-menu.dark .thb-mobile-close span {
background: rgba(255, 255, 255, 0.6)
}
#mobile-menu.dark .thb-mobile-close span:before {
background: #fff
}
#mobile-menu.dark .thb-mobile-language-switcher a {
color: #fff
}
#mobile-menu.dark .thb-mobile-language-switcher a:after {
background: #fff
}
#mobile-menu.dark .thb-mobile-menu>li>a {
color: #fff
}
#mobile-menu.dark .thb-mobile-menu>li>a:hover {
color: #ee9982
}
#mobile-menu.dark .thb-mobile-menu li.menu-item-has-children>a .thb-arrow div {
background: rgba(255, 255, 255, 0.7)
}
#mobile-menu.dark .sub-menu a {
color: rgba(255, 255, 255, 0.75)
}
#mobile-menu.dark .sub-menu a:hover {
color: #ee9982
}
#mobile-menu.dark .thb-secondary-bar {
background: rgba(255, 255, 255, 0.7)
}
#mobile-menu.dark .thb-secondary-menu a {
color: rgba(255, 255, 255, 0.6)
}
#mobile-menu.dark .thb-secondary-menu a:hover {
color: #ee9982
}
#mobile-menu.dark .menu-footer a {
color: #fff
}
#mobile-menu.dark .menu-footer {
color: rgba(255, 255, 255, 0.75)
}
#mobile-menu.dark .socials a {
color: rgba(255, 255, 255, 0.4)
}
#mobile-menu.dark .socials a:hover {
color: #fff
}
#mobile-menu.style2 {
display: none;
visibility: hidden;
width: 100%;
opacity: 0;
padding: 10vh 30px;
text-align: center;
-webkit-transform: scale(.95, .95);
-moz-transform: scale(.95, .95);
-ms-transform: scale(.95, .95);
-o-transform: scale(.95, .95);
transform: scale(.95, .95)
}
#mobile-menu.style2 .thb-secondary-bar {
display: none
}
#mobile-menu.style2 .custom_scroll {
flex: 1
}
#mobile-menu.style2 .mobile-menu-top {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column
}
#mobile-menu.style2 .thb-mobile-menu li.menu-item-has-children>a {
padding-left: 28px
}
#mobile-menu.style2 .thb-mobile-menu li>a {
justify-content: center
}
#mobile-menu.style2 .thb-mobile-menu li .sub-menu {
margin-left: 0
}
#mobile-menu.style2 .thb-secondary-menu li {
display: block
}
@media only screen and (min-width: 640px) {
#mobile-menu.style2 .thb-secondary-menu li {
display: inline-block;
margin: 0 15px
}
}
#mobile-menu.style3 {
width: 100vw;
padding: 10%;
-webkit-transform: translate3d(100%, 0, 0);
-moz-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
-o-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
@media only screen and (min-width: 640px) {
#mobile-menu.style3 {
padding: 0
}
}
#mobile-menu.style3 .thb-secondary-bar {
display: none
}
#mobile-menu.style3 .menubg-placeholder {
position: fixed;
top: 0;
left: 0;
width: 30vw;
display: none;
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
-o-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
@media only screen and (min-width: 640px) {
#mobile-menu.style3 .menubg-placeholder {
display: block
}
}
@media only screen and (min-width: 640px) {
#mobile-menu.style3 .custom_scroll {
padding: 6%;
margin-left: 30vw
}
}
#mobile-menu.style3 .thb-mobile-menu>li:first-child>a {
padding-top: 0
}
#mobile-menu.style3 .thb-mobile-menu>li>a {
font-size: 40px
}
@media only screen and (min-width: 640px) {
#mobile-menu.style3 .mobile-menu-bottom .thb-secondary-menu li {
display: inline-block;
margin-right: 20px
}
}
#mobile-menu .menubg-placeholder {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
opacity: 0;
background-size: cover;
pointer-events: none
}
.left-align-mobile-menu,
.thb-header-style-style6 #mobile-menu.style1 {
right: auto;
left: 0;
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
-o-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
.thb-mobile-menu {
line-height: 1;
margin: 0 0 40px;
padding: 0;
list-style: none
}
.thb-mobile-menu>li>a {
display: flex;
justify-content: flex-start;
align-items: center;
text-transform: none;
position: relative;
font-size: 20px;
padding: 13px 0
}
.thb-mobile-menu>li>a:not(:hover) {
color: #565555
}
.thb-mobile-menu li.menu-item-has-children>a .thb-arrow {
display: inline-flex;
margin-left: 15px;
position: relative;
height: 17px;
width: 15px;
padding: 5px 2px
}
.thb-mobile-menu li.menu-item-has-children>a .thb-arrow div {
height: 1px;
display: block;
width: 6px;
position: absolute;
left: 4px;
top: 7px;
background: #565555
}
.thb-mobile-menu li.menu-item-has-children>a .thb-arrow div:nth-child(1) {
-webkit-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-o-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: rotateZ(40deg);
-moz-transform: rotateZ(40deg);
-ms-transform: rotateZ(40deg);
-o-transform: rotateZ(40deg);
transform: rotateZ(40deg)
}
.thb-mobile-menu li.menu-item-has-children>a .thb-arrow div:nth-child(2) {
left: auto;
right: 3px;
-webkit-transform-origin: 100% 0%;
-moz-transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
-o-transform-origin: 100% 0%;
transform-origin: 100% 0%;
-webkit-transform: rotateZ(-40deg);
-moz-transform: rotateZ(-40deg);
-ms-transform: rotateZ(-40deg);
-o-transform: rotateZ(-40deg);
transform: rotateZ(-40deg)
}
.thb-mobile-menu li.menu-item-has-children>a:hover .thb-arrow div {
background: #ee9982
}
.thb-mobile-menu .sub-menu {
display: none;
font-size: 14px;
margin-left: 25px;
list-style: none
}
.thb-mobile-menu .sub-menu a {
display: block;
padding: 8px 0
}
.thb-mobile-menu .sub-menu a:not(:hover) {
color: #3c3c3c
}
.thb-secondary-bar {
content: '';
display: block;
height: 1px;
background: #090909;
width: 100%;
transform-origin: 0 0;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1)
}
.thb-secondary-menu {
padding-top: 40px;
list-style: none;
position: relative
}
.thb-secondary-menu a {
display: block;
font-size: 14px;
line-height: 1;
padding: 10px 0;
color: rgba(9, 9, 9, 0.6)
}
.thb-secondary-menu a:hover {
color: #ee9982
}
.mobile-toggle-holder {
cursor: pointer;
align-items: center
}
.mobile-toggle-holder .mobile-toggle {
display: inline-flex;
width: 16px;
height: 12px;
align-items: center;
transition: none;
vertical-align: middle;
position: relative
}
.mobile-toggle-holder .mobile-toggle span {
display: block;
position: absolute;
width: 16px;
height: 1px;
background: #090909;
content: " ";
left: 0
}
.mobile-toggle-holder .mobile-toggle span:nth-child(1) {
top: 0px
}
.mobile-toggle-holder .mobile-toggle span:nth-child(2) {
top: 5px
}
.mobile-toggle-holder .mobile-toggle span:nth-child(3) {
top: 10px
}
.mobile-toggle-holder strong {
display: inline-flex;
position: relative;
overflow: hidden;
font-size: 14px;
font-weight: 400;
margin-right: 15px;
line-height: 1
}
.mobile-toggle-holder strong .close-label {
position: absolute;
top: 100%;
left: 0;
min-width: 100%;
height: 100%
}
.rtl .mobile-toggle-holder strong {
margin-right: 0;
margin-left: 15px
}
.mobile-toggle-holder.style1 .mobile-toggle>span:nth-child(1) {
transform-origin: 0 0
}
.mobile-toggle-holder.style1 .mobile-toggle>span:nth-child(2) {
-webkit-transition: width .25s cubic-bezier(0.25, 0.8, 0.25, 1);
-moz-transition: width .25s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: width .25s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: width .25s cubic-bezier(0.25, 0.8, 0.25, 1)
}
.mobile-toggle-holder.style1 .mobile-toggle>span:nth-child(3) {
transform-origin: 0 100%
}
.mobile-toggle-holder.style1:hover .mobile-toggle>span:nth-child(2) {
width: 200%
}
.mobile-toggle-holder.style2 .mobile-toggle {
width: 26px;
height: 14px
}
.mobile-toggle-holder.style2 .mobile-toggle span {
width: 26px;
height: 2px;
left: auto;
right: 0
}
.mobile-toggle-holder.style2 .mobile-toggle span:nth-child(1) {
top: 0px;
transform-origin: 0 0
}
.mobile-toggle-holder.style2 .mobile-toggle span:nth-child(2) {
top: 6px;
width: 21px;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s
}
.mobile-toggle-holder.style2 .mobile-toggle span:nth-child(3) {
top: 12px;
width: 17px;
transform-origin: 0 100%;
-webkit-transition-delay: .05s;
-moz-transition-delay: .05s;
-o-transition-delay: .05s;
transition-delay: .05s
}
.mobile-toggle-holder.style2:hover .mobile-toggle>span {
width: 26px
}
.mobile-toggle-holder.style2:hover .mobile-toggle>span:nth-child(2) {
-webkit-transition-delay: .05s;
-moz-transition-delay: .05s;
-o-transition-delay: .05s;
transition-delay: .05s
}
.mobile-toggle-holder.style2:hover .mobile-toggle>span:nth-child(3) {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s
}
.mobile-toggle-holder.style2.active .mobile-toggle>span {
width: 26px;
left: 0;
right: auto;
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s
}
.mobile-toggle-holder.style4 .mobile-toggle {
width: 25px;
overflow: hidden
}
.mobile-toggle-holder.style4 .mobile-toggle>span {
width: 25px;
height: 2px;
background: none !important
}
.mobile-toggle-holder.style4 .mobile-toggle>span:before,
.mobile-toggle-holder.style4 .mobile-toggle>span:after {
content: '';
background: #343434;
display: block;
position: absolute;
top: 0;
left: 0;
height: 2px;
width: 100%
}
.mobile-toggle-holder.style4 .mobile-toggle>span:after {
left: calc(100% + 15px)
}
.mobile-toggle-holder.style4 .mobile-toggle>span:nth-child(1) {
top: 0
}
.mobile-toggle-holder.style4 .mobile-toggle>span:nth-child(2) {
display: none
}
.mobile-toggle-holder.style4 .mobile-toggle>span:nth-child(3) {
top: 8px
}
.mobile-toggle-holder.style4 .mobile-toggle>span:nth-child(3):before {
left: calc(-100% - 15px)
}
.mobile-toggle-holder.style4 .mobile-toggle>span:nth-child(3):after {
left: 0
}
.mobile-toggle-holder.style4:hover .mobile-toggle>span:nth-child(1) {
-webkit-transform: translateX(calc(-100% - 15px));
-moz-transform: translateX(calc(-100% - 15px));
-ms-transform: translateX(calc(-100% - 15px));
-o-transform: translateX(calc(-100% - 15px));
transform: translateX(calc(-100% - 15px))
}
.mobile-toggle-holder.style4:hover .mobile-toggle>span:nth-child(3) {
-webkit-transition-delay: .1s;
-moz-transition-delay: .1s;
-o-transition-delay: .1s;
transition-delay: .1s;
-webkit-transform: translateX(calc(100% + 15px));
-moz-transform: translateX(calc(100% + 15px));
-ms-transform: translateX(calc(100% + 15px));
-o-transform: translateX(calc(100% + 15px));
transform: translateX(calc(100% + 15px))
}
.thb-mobile-close {
display: block;
width: 16px;
height: 16px;
position: absolute;
top: 30px;
right: 30px;
z-index: 40;
-webkit-transform: scale(0, 0);
-moz-transform: scale(0, 0);
-ms-transform: scale(0, 0);
-o-transform: scale(0, 0);
transform: scale(0, 0);
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s
}
.rtl .thb-mobile-close {
right: auto;
left: 30px
}
.thb-mobile-close div {
display: block;
width: 16px;
height: 16px;
position: relative
}
.thb-mobile-close div span {
height: 1px;
display: block;
width: 16px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -8px;
background: #a2a2a2
}
.thb-mobile-close div span:before {
content: '';
position: absolute;
display: block;
top: 0;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background: #090909;
-webkit-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-o-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1)
}
.thb-mobile-close div span:nth-child(1) {
-webkit-transform: rotateZ(45deg);
-moz-transform: rotateZ(45deg);
-ms-transform: rotateZ(45deg);
-o-transform: rotateZ(45deg);
transform: rotateZ(45deg)
}
.thb-mobile-close div span:nth-child(2) {
-webkit-transform: rotateZ(-45deg);
-moz-transform: rotateZ(-45deg);
-ms-transform: rotateZ(-45deg);
-o-transform: rotateZ(-45deg);
transform: rotateZ(-45deg)
}
.thb-mobile-close div span:nth-child(2):before {
-webkit-transition-delay: .1s;
-moz-transition-delay: .1s;
-o-transition-delay: .1s;
transition-delay: .1s
}
.thb-mobile-close:hover div span:before {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
.thb-page-header {
text-align: center;
margin-bottom: 10vh
}
@media only screen and (min-width: 640px) {
.thb-page-header {
margin-bottom: 12vh
}
}
.thb-page-header h1 {
margin-bottom: 0;
line-height: 1
}
@media only screen and (min-width: 1024px) {
.thb-page-header h1 {
font-size: 70px
}
}
.thb-page-header .searchform {
margin-top: 5vh
}
.thb-page-header .archive-description {
margin-top: 40px
}
.thb-page-header .archive-description+.thb-blog-categories {
margin-top: 0
}
.thb-page-header .thb-blog-categories {
list-style: none;
margin: 40px 0 0 0;
padding: 0;
text-align: center
}
.thb-page-header .thb-blog-categories li {
display: block;
text-align: center
}
@media only screen and (min-width: 640px) {
.thb-page-header .thb-blog-categories li {
display: inline-block;
padding: 0 14px
}
}
.thb-page-header .thb-blog-categories li a {
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
position: relative
}
.thb-page-header .thb-blog-categories li a:after {
content: '';
display: block;
position: absolute;
top: calc( 100% + 1px);
left: 0;
width: 100%;
height: 1px;
background: #ee9982;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1);
transform-origin: 0 0
}
.thb-page-header .thb-blog-categories li a:hover:after,
.thb-page-header .thb-blog-categories li a.active:after {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
.thb-page-header .thb-blog-categories li a.active {
color: #ee9982
}
.thb-page-header.style2 {
margin-bottom: 10vh;
padding-bottom: 10vh
}
.header-color-light-header .thb-page-header h1 {
color: #fff
}
.blog_row {
width: 100%
}
.blog-main-container {
display: flex;
flex-direction: column
}
@media only screen and (min-width: 1024px) {
.blog-main-container {
flex-direction: row
}
}
.blog-main-container .blog-container {
flex: 1
}
.blog-main-container .blog-container.blog-style6 .row:not(.pagination-space) .columns {
display: flex
}
.blog-main-container .blog-container.blog-style5 .columns {
width: 100%
}
.blog-main-container .blog-container.blog-style3 .pagination {
justify-content: flex-start
}
.blog-main-container .blog-container.blog-style8 .columns {
display: flex
}
.blog-main-container .blog-container.blog-style8 .columns .post.style8 {
width: 100%
}
.blog-main-container .blog-container.blog-style9 .thb-toggle-blog>.columns:first-of-type .style9 {
padding-top: 0
}
.sidebar {
width: 100%;
padding: 0 15px
}
@media only screen and (min-width: 640px) {
.sidebar {
padding: 0
}
}
@media only screen and (min-width: 1024px) {
.sidebar {
width: 350px;
margin-left: 60px
}
}
@media only screen and (min-width: 1024px) {
.rtl .sidebar {
margin-left: 0;
margin-right: 60px
}
}
.post .post-category {
font-size: 10px;
font-weight: 500;
margin-bottom: 15px;
line-height: 1;
text-transform: uppercase
}
.post .post-category a {
color: #343434
}
.post .post-title a {
display: block
}
.post .post-title a:hover {
text-decoration: underline
}
.post .post-content {
margin-bottom: 15px;
line-height: 1.8
}
.post .post-meta {
font-size: 14px;
font-weight: 400
}
.post .post-gallery {
margin-bottom: 35px;
position: relative;
overflow: hidden;
border-radius: 3px
}
.post .post-gallery img {
border-radius: 3px;
width: 100%;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
backface-visibility: hidden;
transform-origin: center center
}
.post .post-gallery a {
display: block
}
.post .post-gallery .post-gallery-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
display: flex;
justify-content: center;
align-items: center;
background: rgba(0, 0, 0, 0.4);
border-radius: 3px
}
.post .post-gallery .post-gallery-overlay svg {
fill: #fff;
width: 50px;
height: auto;
opacity: 0;
-webkit-transform: translateX(-30px) scale(0.85);
-moz-transform: translateX(-30px) scale(0.85);
-ms-transform: translateX(-30px) scale(0.85);
-o-transform: translateX(-30px) scale(0.85);
transform: translateX(-30px) scale(0.85)
}
.post:hover>.post-gallery img {
-webkit-transform: scale(1.05, 1.05);
-moz-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05)
}
.post:hover>.post-gallery .post-gallery-overlay {
opacity: 1
}
.post:hover>.post-gallery .post-gallery-overlay svg {
opacity: 1;
-webkit-transform: translateX(0px) scale(1);
-moz-transform: translateX(0px) scale(1);
-ms-transform: translateX(0px) scale(1);
-o-transform: translateX(0px) scale(1);
transform: translateX(0px) scale(1)
}
.post.sticky .entry-title {
text-decoration: underline
}
.post.listing {
display: flex;
align-items: center
}
.post.listing .post-gallery {
margin-bottom: 0;
margin-right: 30px
}
.rtl .post.listing .post-gallery {
margin-right: 0;
margin-left: 30px
}
.post.listing .post-gallery .count {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
font-size: 60px;
font-weight: 500;
line-height: 1;
pointer-events: none
}
.post.listing .attachment-post-thumbnail {
width: 100px
}
.post.listing .listing_content {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center
}
.post.listing .listing_content .post-title h6 {
font-size: 14px;
letter-spacing: normal;
text-transform: none;
margin-bottom: 5px
}
.post.listing .listing_content .post-meta {
font-size: 12px
}
.post.style1,
.post.style4 {
margin-bottom: 30px
}
@media only screen and (min-width: 1024px) {
.post.style1,
.post.style4 {
margin-bottom: 40px
}
}
.post.style1 .post-title h3,
.post.style4 .post-title h3 {
font-size: 18px;
font-weight: 600;
margin-bottom: 10px
}
.post.style1 .post-content p,
.post.style4 .post-content p {
font-size: 14px
}
.post.style1 .post-meta,
.post.style4 .post-meta {
font-size: 12px
}
.post.style2 .blog-post-container {
position: relative;
background: #fff;
padding: 30px 15px;
margin: 0;
text-align: center
}
@media only screen and (min-width: 640px) {
.post.style2 .blog-post-container {
padding: 50px;
margin: -90px 10% 0
}
}
.post.style3 {
margin-bottom: 35px
}
.post.style3 .post-gallery>a {
overflow: hidden
}
.post.style3 .post-gallery>a img {
display: block;
transform-origin: center;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden
}
@media only screen and (min-width: 1024px) {
.post.style3 {
margin-bottom: 40px
}
.post.style3 .post-gallery {
margin-bottom: 0
}
}
.post.style3 .style3-content {
display: flex;
flex-direction: column;
justify-content: center
}
.post.style3 .post-content {
margin-bottom: 20px
}
.post.style3 .post-content p {
font-size: 16px;
margin: 0
}
.post.style3:hover .post-gallery img {
-webkit-transform: scale(1.05, 1.05);
-moz-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05)
}
.post.style3.style3-border {
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
padding-bottom: 35px
}
@media only screen and (min-width: 1024px) {
.post.style3.style3-border {
padding-bottom: 40px
}
}
.post.style5 {
margin-bottom: 40px;
width: 100%
}
.post.style5 .post-gallery {
background-color: #090909;
display: flex;
flex-direction: column;
justify-content: flex-end;
position: relative;
border-radius: 3px;
margin: 0;
height: 0;
padding-bottom: 65%;
overflow: hidden
}
.post.style5 .post-gallery>a {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 3
}
.half-height .post.style5 .post-gallery {
padding-bottom: calc( 65% + 15px)
}
@media only screen and (min-width: 640px) {
.half-height .post.style5 .post-gallery .post-title h3 {
font-size: 30px
}
}
.post.style5 .post-gallery .wp-post-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
border-radius: 3px;
pointer-events: none;
z-index: 0;
height: 100%;
object-fit: cover
}
.post.style5 .post-gallery .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 3px;
overflow: hidden;
pointer-events: none;
z-index: 1
}
.post.style5 .post-gallery .overlay:after {
content: '';
display: block;
border-radius: 3px;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transform: translateY(10%);
-moz-transform: translateY(10%);
-ms-transform: translateY(10%);
-o-transform: translateY(10%);
transform: translateY(10%);
background-image: -owg-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.85));
background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.85));
background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.85));
background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.85));
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.85))
}
.post.style5 .post-gallery .post-category {
position: absolute;
top: 15px;
right: 15px;
z-index: 5
}
@media only screen and (min-width: 640px) {
.post.style5 .post-gallery .post-category {
top: 30px;
right: 30px
}
}
.rtl .post.style5 .post-gallery .post-category {
right: auto;
left: 15px
}
@media only screen and (min-width: 640px) {
.rtl .post.style5 .post-gallery .post-category {
right: auto;
left: 30px
}
}
.post.style5 .post-gallery .post-category a {
color: #fff;
border: 2px solid rgba(255, 255, 255, 0.4);
text-transform: uppercase;
color: #fff;
display: flex;
height: 32px;
border-radius: 3px;
justify-content: center;
align-items: center;
padding: 0 15px;
margin-left: 5px
}
.post.style5 .post-gallery .post-category a:hover {
border-color: #fff
}
.post.style5 .post-gallery .style5-content-container {
position: absolute;
bottom: 15px;
left: 15px;
right: calc( 10% + 15px);
z-index: 7
}
@media only screen and (min-width: 640px) {
.post.style5 .post-gallery .style5-content-container {
bottom: 40px;
left: 40px;
right: calc( 10% + 40px)
}
}
.rtl .post.style5 .post-gallery .style5-content-container {
right: 15px;
left: calc( 10% + 15px)
}
@media only screen and (min-width: 640px) {
.rtl .post.style5 .post-gallery .style5-content-container {
right: 40px;
left: calc( 10% + 40px)
}
}
.post.style5 .post-gallery .post-meta {
color: #fff;
opacity: 0.6
}
.post.style5 .post-gallery .post-title h3 {
font-size: 16px;
margin-bottom: 10px
}
.post.style5 .post-gallery .post-title a {
text-transform: uppercase;
color: #fff;
font-weight: 600;
text-decoration: none
}
.post.style5 .post-gallery.large-title .post-title h3 {
font-size: 30px
}
.post.style5:hover .post-gallery .overlay:after {
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%)
}
.post.style6 {
display: flex;
flex-direction: column;
justify-content: space-between;
border-bottom: 6px solid rgba(0, 0, 0, 0.05);
margin-bottom: 40px
}
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
.post.style6 {
display: block
}
}
.post.style6 .post-gallery {
margin-bottom: 40px;
overflow: hidden;
border-radius: 3px
}
.post.style6 .post-content p {
font-size: 14px
}
.post.style6 .post-title h3 {
font-size: 26px;
font-weight: 400
}
.post.style6 .post-meta {
font-size: 12px;
opacity: 0.6;
margin-bottom: 30px
}
.post.style6:hover {
border-color: #090909
}
.post.style7 {
display: flex;
align-items: center;
margin-bottom: 35px;
padding-bottom: 35px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05)
}
.post.style7 .post-gallery {
margin-right: 20px;
margin-bottom: 0;
width: 75px
}
@media only screen and (min-width: 640px) {
.post.style7 .post-gallery {
width: 150px;
margin-right: 35px
}
}
.rtl .post.style7 .post-gallery {
margin-right: 0;
margin-left: 25px
}
@media only screen and (min-width: 640px) {
.rtl .post.style7 .post-gallery {
margin-right: 0;
margin-left: 35px
}
}
.post.style7 .style7-content {
flex: 1;
position: relative
}
@media only screen and (min-width: 640px) {
.post.style7 .style7-content {
padding-right: 15%
}
}
@media only screen and (min-width: 1024px) {
.post.style7 .style7-content {
padding-right: 25%
}
}
@media only screen and (min-width: 640px) {
.rtl .post.style7 .style7-content {
padding-right: 0;
padding-left: 15%
}
}
@media only screen and (min-width: 1024px) {
.rtl .post.style7 .style7-content {
padding-right: 0;
padding-left: 25%
}
}
.post.style7 .style7-content .thb-post-arrow {
display: none;
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
@media only screen and (min-width: 640px) {
.post.style7 .style7-content .thb-post-arrow {
display: block
}
}
.rtl .post.style7 .style7-content .thb-post-arrow {
right: auto;
left: 0
}
.post.style7 .style7-content .thb-post-arrow svg {
fill: rgba(9, 9, 9, 0.2);
-webkit-transform: translateX(-20%);
-moz-transform: translateX(-20%);
-ms-transform: translateX(-20%);
-o-transform: translateX(-20%);
transform: translateX(-20%);
-webkit-transition: all .15s linear;
-moz-transition: all .15s linear;
-o-transition: all .15s linear;
transition: all .15s linear
}
.post.style7 .style7-content .thb-post-arrow svg .bar {
fill: #090909;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transition: all .15s linear;
-moz-transition: all .15s linear;
-o-transition: all .15s linear;
transition: all .15s linear
}
.post.style7:last-child {
border-bottom: 0;
padding-bottom: 0
}
.post.style7:hover .style7-content .thb-post-arrow svg {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
fill: #090909
}
.post.style7:hover .style7-content .thb-post-arrow svg .bar {
opacity: 1;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
.post.style8 {
display: flex;
flex-direction: column;
border: 1px solid #e8e9ea;
border-radius: 4px;
position: relative;
padding: 15px 20px;
margin-bottom: 30px
}
@media only screen and (min-width: 640px) {
.post.style8 {
padding: 40px 45px
}
}
@media only screen and (min-width: 1024px) {
.post.style8 {
margin-bottom: 40px
}
}
.post.style8:after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 4px;
z-index: -1;
opacity: 0;
-webkit-box-shadow: 0 4px 18px rgba(0, 0, 0, 0.07);
-moz-box-shadow: 0 4px 18px rgba(0, 0, 0, 0.07);
box-shadow: 0 4px 18px rgba(0, 0, 0, 0.07)
}
.post.style8 .post-category {
font-size: 12px;
font-weight: 600
}
.post.style8 .post-category a {
color: #9fa2a4
}
.post.style8 .style8-container {
height: 100%
}
.post.style8 .post-title h3 {
font-size: 20px;
font-weight: 600
}
.post.style8 .post-content {
font-size: 14px;
opacity: 0
}
.post.style8 .post-content p {
font-size: inherit
}
.post.style8 .style8-meta {
position: relative;
overflow: hidden;
min-height: 16px
}
.post.style8 .style8-meta .post-meta,
.post.style8 .style8-meta .style8-link {
font-size: 12px
}
.post.style8 .style8-meta .style8-link {
position: absolute;
top: 0;
left: 0;
height: 100%;
opacity: 0;
text-transform: uppercase;
font-weight: 600;
-webkit-transform: translateY(50%);
-moz-transform: translateY(50%);
-ms-transform: translateY(50%);
-o-transform: translateY(50%);
transform: translateY(50%)
}
.post.style8 .style8-meta .style8-link a {
color: #ee9982
}
.rtl .post.style8 .style8-meta .style8-link {
left: auto;
right: 0
}
.post.style8:hover:after {
opacity: 1
}
.post.style8:hover .post-category {
opacity: 0;
-webkit-transform: translateY(-15px);
-moz-transform: translateY(-15px);
-ms-transform: translateY(-15px);
-o-transform: translateY(-15px);
transform: translateY(-15px)
}
.post.style8:hover .post-category+.style8-container {
-webkit-transform: translateY(-30px);
-moz-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-o-transform: translateY(-30px);
transform: translateY(-30px)
}
.post.style8:hover .post-content {
opacity: 1
}
.post.style8:hover .style8-meta .post-meta {
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
opacity: 0
}
.post.style8:hover .style8-meta .style8-link {
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%);
opacity: 1
}
.post.style9 {
display: block;
padding-top: 30px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}
.post.style9 .style9-title {
padding-right: 50px;
margin-bottom: 30px;
position: relative
}
.rtl .post.style9 .style9-title {
padding-right: 0;
padding-left: 50px
}
.post.style9 .style9-title .post-category {
margin-bottom: 20px;
letter-spacing: 0.07em
}
.post.style9 .style9-title .post-title h4 {
text-transform: uppercase;
letter-spacing: 0.07em;
margin-bottom: 15px
}
.post.style9 .style9-title .post-meta {
font-size: 12px
}
.post.style9 .style9-title .style9-arrow {
position: absolute;
top: 50%;
right: 0;
z-index: 10;
display: flex;
justify-content: center;
align-items: center;
width: 44px;
height: 44px;
border-radius: 22px;
border: 2px solid rgba(0, 0, 0, 0.18);
cursor: pointer;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.rtl .post.style9 .style9-title .style9-arrow {
right: auto;
left: 0
}
.post.style9 .style9-title .style9-arrow svg {
width: 26px;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.post.style9 .style9-title .style9-arrow svg .handle {
-webkit-transform: translateX(8px);
-moz-transform: translateX(8px);
-ms-transform: translateX(8px);
-o-transform: translateX(8px);
transform: translateX(8px)
}
.post.style9 .style9-title .style9-arrow svg .bar {
display: none
}
.post.style9 .style9-title .style9-arrow:hover {
border-color: #ee9982
}
.post.style9 .style9-content {
height: auto;
max-height: 0;
overflow: hidden
}
.post.style9 .style9-content .style9-readmore {
text-transform: uppercase;
font-weight: 600;
font-size: 10px;
letter-spacing: 0.07em
}
.post.style9.active .style9-content {
max-height: 400px;
padding-bottom: 30px
}
.post.style9.active .post-title a {
color: #ee9982
}
.post.style9.active .style9-arrow {
border-color: #ee9982
}
.post.style9.active .style9-arrow svg {
fill: #ee9982;
-webkit-transform: rotateZ(-90deg) rotateY(180deg);
-moz-transform: rotateZ(-90deg) rotateY(180deg);
-ms-transform: rotateZ(-90deg) rotateY(180deg);
-o-transform: rotateZ(-90deg) rotateY(180deg);
transform: rotateZ(-90deg) rotateY(180deg)
}
.post.style9.active .style9-arrow svg .handle {
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px)
}
.post.style10 {
border-radius: 5px;
margin-bottom: 30px;
padding: 10px;
-webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1)
}
@media only screen and (min-width: 1024px) {
.post.style10 {
margin-bottom: 40px
}
}
.post.style10 .post-gallery {
margin-bottom: 10px
}
.post.style10 .style10-content {
padding: 10px
}
@media only screen and (min-width: 1024px) {
.post.style10 .style10-content {
padding: 20px
}
}
.post.style10 .post-category {
text-transform: none;
font-size: 13px
}
.post.style10 .post-title h4 {
font-size: 20px;
font-weight: 500;
margin-bottom: 10px
}
.post.style10 .post-content {
font-size: 14px;
margin-bottom: 5px
}
.post.style10 .post-content p {
font-size: inherit
}
.post.style10 .style10-readmore {
font-size: 15px;
font-weight: 500;
color: #ee9982
}
.post.style10:hover {
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px);
-webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1)
}
@media only screen and (min-width: 1024px) {
.post-content-container {
padding-right: 60px
}
}
.post-detail .post-title .post-category {
font-weight: 500;
font-size: 12px
}
.post-detail .post-title .post-category a {
display: inline-block
}
.post-detail .post-title .entry-title {
word-wrap: break-word;
line-height: 1.1;
font-weight: 500;
margin-bottom: 30px
}
.post-detail .post-title .post-meta {
margin-top: 5px;
font-size: 12px;
text-transform: uppercase;
font-weight: 400
}
.post-detail .post-title .post-meta a {
font-weight: 700;
display: inline-block
}
.post-detail .post-content {
font-size: 20px
}
.post-detail .post-content p {
font-size: inherit
}
.post-detail.format-gallery .post-gallery-detail {
margin-bottom: 90px
}
.post-detail.format-gallery .thb-carousel figure {
height: 75vh;
max-height: 600px
}
.post-detail.format-gallery .thb-carousel figure img {
height: 100%;
object-fit: cover;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
.post-detail.format-gallery .thb-carousel .slick-dots-wrapper {
position: absolute;
bottom: -30px;
left: 0;
width: 100%
}
.post-detail.format-gallery .thb-overlay-caption figcaption {
top: auto;
bottom: 15px;
left: 15px
}
@media only screen and (min-width: 640px) {
.post-detail.format-gallery .thb-overlay-caption figcaption {
top: auto;
bottom: 40px;
left: 40px
}
}
.post-detail.style1-detail .post-gallery .post-title .post-category {
color: #fff
}
.post-detail.style1-detail .post-gallery .post-title .post-category a {
color: #fff
}
.post-detail.style1-detail .post-gallery .post-title .entry-title {
color: #fff
}
.post-detail.style1-detail .post-gallery .post-title .post-meta {
color: #fff
}
.post-detail.style1-detail .post-gallery .post-title .post-meta a {
color: #fff
}
.post-detail.style1-detail.format-video .post-gallery-detail,
.post-detail.style1-detail.format-gallery .post-gallery-detail {
padding: 0
}
.post-detail.style1-detail.format-video .post-title,
.post-detail.style1-detail.format-gallery .post-title {
margin-bottom: 60px
}
.post-detail.style1-detail.format-video .post-title h1,
.post-detail.style1-detail.format-gallery .post-title h1 {
font-size: 42px
}
.post-detail.style2-detail .entry-header {
margin-bottom: 50px
}
.post-detail.style2-detail .entry-header h1.entry-title {
font-size: 40px
}
.post-detail.style2-detail .thb-carousel figure {
height: 50vh
}
.post-detail.style2-detail .post-gallery-detail {
padding-bottom: 0;
min-height: 0;
margin-bottom: 50px
}
.post-detail:hover .post-gallery-detail .parallax_bg img {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
.post-detail .post-gallery-detail {
background: #343434;
padding-bottom: 15vh;
margin-bottom: 30px;
border-radius: 0;
min-height: 60vh
}
@media only screen and (min-width: 640px) {
.post-detail .post-gallery-detail {
margin-bottom: 60px
}
}
@media only screen and (min-width: 1024px) {
.post-detail .post-gallery-detail {
margin-bottom: 90px
}
}
.post-detail .post-gallery-detail .parallax_bg {
opacity: 0.7
}
.post-detail .post-gallery-detail .parallax_bg img {
height: 100%;
object-fit: cover;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
.lateral-header .post-detail .post-gallery-detail {
padding-top: 15vh
}
.post-detail .entry-footer {
text-align: center;
border-bottom: 1px solid #efefef;
padding: 20px 0;
margin-bottom: 30px
}
@media only screen and (min-width: 640px) {
.post-detail .entry-footer {
padding: 40px 0;
margin-bottom: 40px
}
}
.post-gallery.parallax {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative;
overflow: hidden;
padding-top: 5vh
}
.post-gallery.parallax img {
width: 100%
}
.post-gallery.parallax .parallax_bg {
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
position: absolute;
background-attachment: fixed;
top: 0;
left: 0;
z-index: 0;
will-change: transform;
transform: scale(1.1)
}
.post-gallery.parallax .parallax_bg.animate-scale-in {
-webkit-animation: post-gallery-scale-in 1s 1 forwards;
-moz-animation: post-gallery-scale-in 1s 1 forwards;
-ms-animation: post-gallery-scale-in 1s 1 forwards;
-o-animation: post-gallery-scale-in 1s 1 forwards;
animation: post-gallery-scale-in 1s 1 forwards
}
@keyframes post-gallery-scale-in {
0% {
transform: scale(1.1)
}
100% {
transform: scale(1)
}
}
.post-gallery.parallax .post-title {
width: 100%;
z-index: 2;
text-align: center
}
.scroll-bottom {
position: absolute !important;
bottom: 0;
left: 50%;
width: 30px;
height: 50px;
margin-left: -15px;
text-align: center;
z-index: 30;
cursor: pointer
}
.scroll-bottom.style1:before {
content: '';
position: absolute;
top: 0;
left: 50%;
height: 50px;
width: 1px;
background: #343434;
will-change: transform;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-o-transform-origin: 0 0;
transform-origin: 0 0
}
.scroll-bottom.style1>div {
position: relative;
display: inline-block;
height: 50px;
width: 1px
}
.scroll-bottom.style1>div:before {
content: '';
width: 10px;
height: 1px;
background: #343434;
position: absolute;
bottom: 30%;
right: 0;
will-change: transform;
-webkit-transform: rotateZ(45deg) scaleX(0);
-moz-transform: rotateZ(45deg) scaleX(0);
-ms-transform: rotateZ(45deg) scaleX(0);
-o-transform: rotateZ(45deg) scaleX(0);
transform: rotateZ(45deg) scaleX(0);
-webkit-transform-origin: 100% 100%;
-moz-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
-o-transform-origin: 100% 100%;
transform-origin: 100% 100%
}
.scroll-bottom.style1>div:after {
content: '';
width: 10px;
height: 1px;
background: #343434;
position: absolute;
bottom: 30%;
left: 2px;
will-change: transform;
-webkit-transform: rotateZ(-45deg) scaleX(0);
-moz-transform: rotateZ(-45deg) scaleX(0);
-ms-transform: rotateZ(-45deg) scaleX(0);
-o-transform: rotateZ(-45deg) scaleX(0);
transform: rotateZ(-45deg) scaleX(0);
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%
}
.scroll-bottom.style1:hover:before {
-webkit-transform: scaleY(.7);
-moz-transform: scaleY(.7);
-ms-transform: scaleY(.7);
-o-transform: scaleY(.7);
transform: scaleY(.7)
}
.scroll-bottom.style1:hover>div:before {
-webkit-transform: rotateZ(45deg) scaleX(1);
-moz-transform: rotateZ(45deg) scaleX(1);
-ms-transform: rotateZ(45deg) scaleX(1);
-o-transform: rotateZ(45deg) scaleX(1);
transform: rotateZ(45deg) scaleX(1);
-webkit-transition-delay: .1s;
-moz-transition-delay: .1s;
-o-transition-delay: .1s;
transition-delay: .1s
}
.scroll-bottom.style1:hover>div:after {
-webkit-transform: rotateZ(-45deg) scaleX(1);
-moz-transform: rotateZ(-45deg) scaleX(1);
-ms-transform: rotateZ(-45deg) scaleX(1);
-o-transform: rotateZ(-45deg) scaleX(1);
transform: rotateZ(-45deg) scaleX(1);
-webkit-transition-delay: .1s;
-moz-transition-delay: .1s;
-o-transition-delay: .1s;
transition-delay: .1s
}
.single-portfolio.light-title .scroll-bottom.style1:before,
.single-portfolio.light-title .scroll-bottom.style1>div:before,
.single-portfolio.light-title .scroll-bottom.style1>div:after,
.scroll-bottom.style1.light:before,
.scroll-bottom.style1.light>div:before,
.scroll-bottom.style1.light>div:after {
background: #fff
}
.scroll-bottom.style2 {
bottom: 15px;
border-radius: 14px;
border: 2px solid rgba(52, 52, 52, 0.4);
-webkit-transform: scale(.75, .75);
-moz-transform: scale(.75, .75);
-ms-transform: scale(.75, .75);
-o-transform: scale(.75, .75);
transform: scale(.75, .75)
}
@media only screen and (min-width: 640px) {
.scroll-bottom.style2 {
bottom: 30px;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
}
.scroll-bottom.style2:hover {
border-color: rgba(52, 52, 52, 0.8)
}
.scroll-bottom.style2 div {
position: absolute;
top: 8px;
left: 12px;
width: 2px;
height: 4px;
background: #343434;
border-radius: 4px;
-webkit-animation: thb-scrollanimation 2s infinite;
-moz-animation: thb-scrollanimation 2s infinite;
-ms-animation: thb-scrollanimation 2s infinite;
-o-animation: thb-scrollanimation 2s infinite;
animation: thb-scrollanimation 2s infinite
}
.single-portfolio.light-title .scroll-bottom.style2,
.scroll-bottom.style2.light {
border-color: rgba(255, 255, 255, 0.4)
}
.single-portfolio.light-title .scroll-bottom.style2 div,
.scroll-bottom.style2.light div {
background: #fff
}
.single-portfolio.light-title .scroll-bottom.style2:hover,
.scroll-bottom.style2.light:hover {
border-color: rgba(255, 255, 255, 0.8)
}
.scroll-bottom.style3>div {
position: relative;
display: inline-block;
height: 50px;
width: 1px
}
.scroll-bottom.style3>div:before {
content: '';
width: 16px;
height: 2px;
background: #343434;
position: absolute;
bottom: 50%;
right: 1px;
will-change: transform;
-webkit-transform: rotateZ(45deg) scaleX(0.75);
-moz-transform: rotateZ(45deg) scaleX(0.75);
-ms-transform: rotateZ(45deg) scaleX(0.75);
-o-transform: rotateZ(45deg) scaleX(0.75);
transform: rotateZ(45deg) scaleX(0.75);
-webkit-transform-origin: 100% 100%;
-moz-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
-o-transform-origin: 100% 100%;
transform-origin: 100% 100%
}
.scroll-bottom.style3>div:after {
content: '';
width: 16px;
height: 2px;
background: #343434;
position: absolute;
bottom: 50%;
left: 1px;
will-change: transform;
-webkit-transform: rotateZ(-45deg) scaleX(0.75);
-moz-transform: rotateZ(-45deg) scaleX(0.75);
-ms-transform: rotateZ(-45deg) scaleX(0.75);
-o-transform: rotateZ(-45deg) scaleX(0.75);
transform: rotateZ(-45deg) scaleX(0.75);
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%
}
.scroll-bottom.style3:hover>div:before {
-webkit-transform: rotateZ(45deg) scaleX(1);
-moz-transform: rotateZ(45deg) scaleX(1);
-ms-transform: rotateZ(45deg) scaleX(1);
-o-transform: rotateZ(45deg) scaleX(1);
transform: rotateZ(45deg) scaleX(1);
-webkit-transition-delay: .1s;
-moz-transition-delay: .1s;
-o-transition-delay: .1s;
transition-delay: .1s
}
.scroll-bottom.style3:hover>div:after {
-webkit-transform: rotateZ(-45deg) scaleX(1);
-moz-transform: rotateZ(-45deg) scaleX(1);
-ms-transform: rotateZ(-45deg) scaleX(1);
-o-transform: rotateZ(-45deg) scaleX(1);
transform: rotateZ(-45deg) scaleX(1);
-webkit-transition-delay: .1s;
-moz-transition-delay: .1s;
-o-transition-delay: .1s;
transition-delay: .1s
}
.single-portfolio.light-title .scroll-bottom.style3>div:before,
.single-portfolio.light-title .scroll-bottom.style3>div:after,
.scroll-bottom.style3.light>div:before,
.scroll-bottom.style3.light>div:after {
background: #fff
}
.scroll-bottom.style4 {
display: flex;
justify-content: center;
align-items: center;
width: 0;
height: 0;
margin-left: -40px;
border-style: solid;
border-width: 0 40px 40px 40px;
border-color: transparent transparent #090909 transparent
}
.scroll-bottom.style4>div {
position: absolute;
display: inline-block;
height: 40px;
width: 1px;
top: 20px;
left: 0
}
.scroll-bottom.style4>div:before {
content: '';
width: 16px;
height: 1px;
background: #fff;
position: absolute;
bottom: 50%;
right: 1px;
will-change: transform;
-webkit-transform: rotateZ(45deg) scaleX(0.75);
-moz-transform: rotateZ(45deg) scaleX(0.75);
-ms-transform: rotateZ(45deg) scaleX(0.75);
-o-transform: rotateZ(45deg) scaleX(0.75);
transform: rotateZ(45deg) scaleX(0.75);
-webkit-transform-origin: 100% 100%;
-moz-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
-o-transform-origin: 100% 100%;
transform-origin: 100% 100%
}
.scroll-bottom.style4>div:after {
content: '';
width: 16px;
height: 1px;
background: #fff;
position: absolute;
bottom: 50%;
left: 1px;
will-change: transform;
-webkit-transform: rotateZ(-45deg) scaleX(0.75);
-moz-transform: rotateZ(-45deg) scaleX(0.75);
-ms-transform: rotateZ(-45deg) scaleX(0.75);
-o-transform: rotateZ(-45deg) scaleX(0.75);
transform: rotateZ(-45deg) scaleX(0.75);
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%
}
.scroll-bottom.style4.light {
border-color: transparent transparent #fff transparent
}
.scroll-bottom.style4.light>div:before,
.scroll-bottom.style4.light>div:after {
background: #090909
}
.scroll-bottom.style4:active {
-webkit-transform: rotateX(-20deg);
-moz-transform: rotateX(-20deg);
-ms-transform: rotateX(-20deg);
-o-transform: rotateX(-20deg);
transform: rotateX(-20deg);
transform-style: preserve-3d;
transform-origin: 0 100%
}
@-moz-keyframes thb-scrollanimation {
0% {
height: 5px
}
50% {
height: 24px
}
100% {
height: 5px
}
}
@-webkit-keyframes thb-scrollanimation {
0% {
height: 5px
}
50% {
height: 24px
}
100% {
height: 5px
}
}
@-o-keyframes thb-scrollanimation {
0% {
height: 5px
}
50% {
height: 24px
}
100% {
height: 5px
}
}
@-ms-keyframes thb-scrollanimation {
0% {
height: 5px
}
50% {
height: 24px
}
100% {
height: 5px
}
}
@keyframes thb-scrollanimation {
0% {
height: 5px
}
50% {
height: 24px
}
100% {
height: 5px
}
}
.row.style8 .columns {
display: flex
}
.related-posts {
background: #f7f7f7;
padding: 10vh 0 calc(10vh - 40px)
}
.related-posts .post .post-gallery {
margin-bottom: 20px
}
.related-posts .post .post-category {
margin-bottom: 10px;
font-size: 10px
}
.related-posts .post .post-title h3 {
font-weight: 400;
margin-bottom: 35px;
font-size: 14px;
line-height: 1.4
}
.share_container {
position: fixed;
z-index: 999;
padding: 0;
left: 0;
top: 0;
bottom: 0;
right: 0;
margin: 0;
display: none;
background: rgba(255, 255, 255, 0.95);
justify-content: center;
align-items: center;
opacity: 0;
will-change: opacity
}
.share_container .row {
width: 100%
}
.share_container .spacer {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
cursor: url(//spgrid.bg/wp-content/themes/revolution/assets/img/close_black.png) 10 10, no-drop;
cursor: -webkit-image-set(url(//spgrid.bg/wp-content/themes/revolution/assets/img/close_black.png) 1x, url(//spgrid.bg/wp-content/themes/revolution/assets/img/close_black@2x.png) 2x) 10 10, auto
}
.share_container .vcenter {
display: flex;
flex-direction: column;
text-align: center;
width: 100%;
padding: 0 20px;
max-width: 620px;
margin: 0
}
.share_container h4 {
font-size: 20px;
font-weight: 400;
margin-bottom: 30px
}
.share_container .product_copy form {
border-radius: 3px;
display: flex;
background: #fafafa;
border: 1px solid #ee9982;
padding: 16px 20px;
height: 50px;
padding: 5px
}
.share_container .product_copy form input {
display: inline-flex;
flex: 1;
margin: 0;
background: transparent;
border: transparent;
color: #090909;
padding: 0 20px;
height: 38px
}
.share_container .product_copy form input::selection {
background: rgba(238, 153, 130, 0.2)
}
.share_container .product_copy form .btn {
padding: 0;
text-align: center;
width: 80px;
text-transform: uppercase;
font-weight: 600;
font-size: 12px;
height: 38px
}
.share_container .product_share {
margin-bottom: 60px
}
.share_container .product_share .social {
margin: 0 2px 6px
}
.share_container .product_share .placeholder {
width: auto
}
.thb_post_nav.style1 {
position: fixed;
bottom: 0;
left: 0;
z-index: 5;
width: 100%;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
background: #fff;
padding: 20px 0;
border-top: 1px solid #f6f6f6
}
.thb_post_nav.style1.active {
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%)
}
.thb_post_nav.style1 .row {
position: relative
}
.thb_post_nav.style1 .center_link {
display: flex;
justify-content: center;
align-items: center
}
.thb_post_nav.style1 .post_nav_link {
display: flex;
flex-direction: column;
font-size: 14px;
-webkit-transition: all .15s linear;
-moz-transition: all .15s linear;
-o-transition: all .15s linear;
transition: all .15s linear;
color: #090909;
min-height: 18px
}
.thb_post_nav.style1 .post_nav_link svg {
position: absolute;
top: 50%;
fill: rgba(9, 9, 9, 0.2);
-webkit-transition: all .15s linear;
-moz-transition: all .15s linear;
-o-transition: all .15s linear;
transition: all .15s linear
}
.thb_post_nav.style1 .post_nav_link svg .bar {
fill: #090909;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transition: all .15s linear;
-moz-transition: all .15s linear;
-o-transition: all .15s linear;
transition: all .15s linear
}
.thb_post_nav.style1 .post_nav_link strong {
display: block;
margin-bottom: 3px;
text-transform: uppercase;
font-size: 10px;
font-weight: 600;
color: #aaa
}
.thb_post_nav.style1 .post_nav_link strong,
.thb_post_nav.style1 .post_nav_link span {
display: none
}
@media only screen and (min-width: 640px) {
.thb_post_nav.style1 .post_nav_link strong,
.thb_post_nav.style1 .post_nav_link span {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
}
.thb_post_nav.style1 .post_nav_link.prev {
padding-left: 13px
}
.thb_post_nav.style1 .post_nav_link.prev svg {
left: 27px;
-webkit-transform: translate3d(0%, -50%, 0);
-moz-transform: translate3d(0%, -50%, 0);
-ms-transform: translate3d(0%, -50%, 0);
-o-transform: translate3d(0%, -50%, 0);
transform: translate3d(0%, -50%, 0)
}
@media only screen and (min-width: 640px) {
.thb_post_nav.style1 .post_nav_link.prev svg {
left: 37px
}
}
.thb_post_nav.style1 .post_nav_link.prev svg .bar {
transform-origin: 100% 0
}
.thb_post_nav.style1 .post_nav_link.prev:hover {
padding-left: 22px
}
.thb_post_nav.style1 .post_nav_link.prev:hover svg {
-webkit-transform: translate3d(-20%, -50%, 0);
-moz-transform: translate3d(-20%, -50%, 0);
-ms-transform: translate3d(-20%, -50%, 0);
-o-transform: translate3d(-20%, -50%, 0);
transform: translate3d(-20%, -50%, 0)
}
.thb_post_nav.style1 .post_nav_link.next {
text-align: right;
padding-right: 13px
}
.thb_post_nav.style1 .post_nav_link.next svg {
right: 27px;
-webkit-transform: translate3d(0%, -50%, 0);
-moz-transform: translate3d(0%, -50%, 0);
-ms-transform: translate3d(0%, -50%, 0);
-o-transform: translate3d(0%, -50%, 0);
transform: translate3d(0%, -50%, 0)
}
@media only screen and (min-width: 640px) {
.thb_post_nav.style1 .post_nav_link.next svg {
right: 37px
}
}
.thb_post_nav.style1 .post_nav_link.next:hover {
padding-right: 22px
}
.thb_post_nav.style1 .post_nav_link.next:hover svg {
-webkit-transform: translate3d(20%, -50%, 0);
-moz-transform: translate3d(20%, -50%, 0);
-ms-transform: translate3d(20%, -50%, 0);
-o-transform: translate3d(20%, -50%, 0);
transform: translate3d(20%, -50%, 0)
}
.thb_post_nav.style1 .post_nav_link:hover svg {
fill: #090909
}
.thb_post_nav.style1 .post_nav_link:hover svg .bar {
opacity: 1;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
.thb_post_nav.style2 {
background: #090909
}
.thb_post_nav.style2 .post_nav_link {
display: flex;
height: 100%;
justify-content: center;
align-items: center;
position: relative;
overflow: hidden;
color: #fff;
padding: 20% 0 10%
}
.thb_post_nav.style2 .post_nav_link strong {
position: absolute;
top: 15px;
font-weight: 500;
font-size: 14px;
z-index: 2
}
@media only screen and (min-width: 640px) {
.thb_post_nav.style2 .post_nav_link strong {
top: 45px
}
}
.thb_post_nav.style2 .post_nav_link .inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.8;
z-index: 0
}
.thb_post_nav.style2 .post_nav_link div:not(.inner) {
display: flex;
z-index: 1;
flex-direction: column;
top: 0;
left: 0;
width: 100%;
padding: 0 20%
}
.thb_post_nav.style2 .post_nav_link div:not(.inner) span {
font-weight: 500
}
@media only screen and (min-width: 640px) {
.thb_post_nav.style2 .post_nav_link div:not(.inner) span {
font-size: 26px
}
}
.thb_post_nav.style2 .post_nav_link div:not(.inner) em {
display: block;
opacity: 0;
font-size: 14px;
font-style: normal;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px)
}
.thb_post_nav.style2 .post_nav_link:hover {
color: #fff
}
.thb_post_nav.style2 .post_nav_link:hover .inner {
opacity: 0.2
}
.thb_post_nav.style2 .post_nav_link:hover div:not(.inner) span {
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px)
}
.thb_post_nav.style2 .post_nav_link:hover div:not(.inner) em {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.thb_post_nav.style2 .post_nav_link.prev strong {
right: 15px
}
@media only screen and (min-width: 640px) {
.thb_post_nav.style2 .post_nav_link.prev strong {
right: 45px
}
}
.thb_post_nav.style2 .post_nav_link.prev div {
text-align: right
}
.thb_post_nav.style2 .post_nav_link.next strong {
left: 15px
}
@media only screen and (min-width: 640px) {
.thb_post_nav.style2 .post_nav_link.next strong {
left: 45px
}
}
.share-post-link {
font-size: 14px
}
.share-post-link svg {
margin-right: 5px
}
.rtl .share-post-link svg {
margin-right: 0;
margin-left: 5px
}
.authorpage {
margin-bottom: 10vh
}
.authorpage .avatar {
display: block;
float: left;
width: 40px;
height: 40px;
border-radius: 3px
}
@media only screen and (min-width: 640px) {
.authorpage .avatar {
width: 72px;
height: 72px
}
}
.authorpage .author-content {
padding-left: 60px
}
@media only screen and (min-width: 640px) {
.authorpage .author-content {
padding-left: 110px
}
}
.authorpage .author-content h5 {
font-weight: 500
}
@media only screen and (max-width: 640px) {
.authorpage .author-content h5 {
margin-bottom: 5px
}
}
.authorpage .author-content p {
color: #818181;
font-size: 14px;
margin-bottom: 15px;
line-height: 1.4
}
.authorpage .author-content .square-icon {
display: inline-block;
color: #343434;
font-size: 14px;
margin-right: 8px
}
.authorpage .author-content .square-icon:hover {
color: #ee9982
}
.authorpage .author-content .square-icon.facebook:hover {
color: #3b5998
}
.authorpage .author-content .square-icon.facebook-messenger:hover {
color: #0084ff
}
.authorpage .author-content .square-icon.linkedin:hover {
color: #007bb6
}
.authorpage .author-content .square-icon.pinterest:hover {
color: #cb2027
}
.authorpage .author-content .square-icon.twitter:hover {
color: #00aced
}
.authorpage .author-content .square-icon.instagram:hover {
color: #3f729b
}
.authorpage .author-content .square-icon.vk:hover {
color: #45668e
}
.authorpage .author-content .square-icon.tumblr:hover {
color: #35465c
}
.authorpage .author-content .square-icon.xing:hover {
color: #cfdc00
}
.authorpage .author-content .square-icon.soundcloud:hover {
color: #f80
}
.authorpage .author-content .square-icon.dribbble:hover {
color: #ea4c89
}
.authorpage .author-content .square-icon.youtube:hover {
color: #e52d27
}
.authorpage .author-content .square-icon.youtube-play:hover {
color: #e52d27
}
.authorpage .author-content .square-icon.spotify:hover {
color: #7ab800
}
.authorpage .author-content .square-icon.behance:hover {
color: #1769ff
}
.authorpage .author-content .square-icon.deviantart:hover {
color: #4e6252
}
.authorpage .author-content .square-icon.vimeo:hover {
color: #1ab7ea
}
.authorpage .author-content .square-icon.flickr:hover {
color: #0063dc
}
.authorpage .author-content .square-icon.rss:hover {
color: #f26522
}
.authorpage .author-content .square-icon.whatsapp:hover {
color: #25d366
}
.authorpage .author-content .square-icon.twitch:hover {
color: #6441a5
}
.authorpage .author-content .square-icon.fivehundred:hover {
color: #0099e5
}
.authorpage .author-content .square-icon.email:hover {
color: #ee9982
}
.authorpage .author-content .square-icon.bandcamp:hover {
color: #629aa9
}
.authorpage .author-content .square-icon.github:hover {
color: #4078c0
}
.authorpage .author-content .square-icon.codepen:hover {
color: #fcd000
}
.authorpage .author-content .square-icon.telegram:hover {
color: #08c
}
.authorpage .author-content .square-icon.imdb:hover {
color: #f5de50
}
.authorpage .author-content .square-icon.tripadvisor:hover {
color: #00af87
}
.authorpage .author-content .square-icon.wechat:hover {
color: #7bb32e
}
.authorpage .author-content .square-icon.weibo:hover {
color: #e6162d
}
.comments-container {
padding: 12vh 0 0;
margin-bottom: 10vh;
border-top: 1px solid #efefef
}
.comments-container .comments-title {
display: block;
font-weight: 400
}
.comment-reply-title {
display: block;
line-height: 1;
margin-bottom: 10px;
font-weight: 400
}
.comment-reply-title small {
display: inline-flex;
text-transform: uppercase;
font-weight: 500;
margin-left: 10px;
font-size: 11px
}
.commentlist {
list-style: none;
margin: 0;
display: block;
padding: 0
}
.commentlist>.comment:last-child .comment-body {
margin-bottom: 0
}
.commentlist .pingback .comment-body {
display: inline
}
.commentlist .pingback .comment-body .url {
font-weight: 700
}
.commentlist .comment-body,
.commentlist .comment-text {
position: relative;
padding-left: 58px;
padding-bottom: 0;
margin-bottom: 20px
}
@media only screen and (min-width: 640px) {
.commentlist .comment-body,
.commentlist .comment-text {
padding-left: 108px
}
}
.rtl .commentlist .comment-body,
.rtl .commentlist .comment-text {
padding-left: 0;
padding-right: 58px
}
@media only screen and (min-width: 640px) {
.rtl .commentlist .comment-body,
.rtl .commentlist .comment-text {
padding-left: 0;
padding-right: 108px
}
}
.commentlist .comment-body .star-rating,
.commentlist .comment-body .comment-form-rating p.stars,
.comment-form-rating .commentlist .comment-body p.stars,
.commentlist .comment-text .star-rating,
.commentlist .comment-text .comment-form-rating p.stars,
.comment-form-rating .commentlist .comment-text p.stars {
float: right
}
.commentlist .comment-body p.meta,
.commentlist .comment-text p.meta {
display: block;
font-size: .8125rem;
font-style: normal;
font-weight: 700;
color: #343434
}
.commentlist .comment-text {
padding-top: 20px
}
.commentlist .comment,
.commentlist .review {
margin: 0
}
.commentlist .comment:before,
.commentlist .review:before {
display: none !important
}
.commentlist .comment .comment_container,
.commentlist .review .comment_container {
position: relative
}
.commentlist .comment .woocommerce-review__dash,
.commentlist .review .woocommerce-review__dash {
display: none
}
.commentlist .comment .comment-meta,
.commentlist .comment .woocommerce-review__published-date,
.commentlist .review .comment-meta,
.commentlist .review .woocommerce-review__published-date {
line-height: 1;
font-size: 12px;
color: #818181;
margin-bottom: 15px;
font-weight: 400
}
.commentlist .comment .comment-meta a,
.commentlist .comment .woocommerce-review__published-date a,
.commentlist .review .comment-meta a,
.commentlist .review .woocommerce-review__published-date a {
color: #818181
}
.commentlist .comment .woocommerce-review__published-date,
.commentlist .review .woocommerce-review__published-date {
display: block;
margin-top: 5px
}
.commentlist .comment .vcard,
.commentlist .review .vcard {
display: inline-block;
border: 0;
padding: 0;
margin: 0 0 10px;
line-height: 12px
}
.commentlist .comment .vcard .fn,
.commentlist .review .vcard .fn {
font-style: normal;
font-weight: 700;
color: #343434
}
.commentlist .comment .vcard .fn .url,
.commentlist .review .vcard .fn .url {
color: #343434
}
.commentlist .comment .vcard .fn:before,
.commentlist .review .vcard .fn:before {
display: none
}
.commentlist .comment .vcard .says,
.commentlist .review .vcard .says {
display: none
}
.commentlist .comment .avatar,
.commentlist .review .avatar {
width: 40px;
height: 40px;
position: absolute;
top: 20px;
left: 0;
border-radius: 3px
}
@media only screen and (min-width: 640px) {
.commentlist .comment .avatar,
.commentlist .review .avatar {
width: 72px;
height: 72px
}
}
.rtl .commentlist .comment .avatar,
.rtl .commentlist .review .avatar {
left: auto;
right: 0
}
.commentlist .comment .comment-awaiting-moderation,
.commentlist .review .comment-awaiting-moderation {
font-size: 10px
}
.commentlist .comment p,
.commentlist .review p {
font-size: 14px;
word-break: break-word;
color: #818181;
margin-bottom: 10px
}
.commentlist .comment .reply,
.commentlist .review .reply {
font-size: 12px;
font-weight: 600;
display: inline-flex;
align-items: center
}
.commentlist .comment .reply svg,
.commentlist .review .reply svg {
height: 7px
}
.commentlist .comment .reply svg path,
.commentlist .review .reply svg path {
fill: #505050
}
.commentlist .comment .reply a,
.commentlist .review .reply a {
color: #505050
}
.commentlist .comment .reply a:hover,
.commentlist .review .reply a:hover {
color: #ee9982
}
.commentlist .comment .reply a:hover svg path,
.commentlist .review .reply a:hover svg path {
fill: #ee9982
}
.commentlist .comment .children,
.commentlist .review .children {
list-style: none;
margin-left: 10px;
margin-bottom: 20px
}
@media only screen and (min-width: 640px) {
.commentlist .comment .children,
.commentlist .review .children {
margin-left: 108px
}
}
.rtl .commentlist .comment .children,
.rtl .commentlist .review .children {
margin-left: 0;
margin-right: 10px
}
@media only screen and (min-width: 640px) {
.rtl .commentlist .comment .children,
.rtl .commentlist .review .children {
margin-left: 0;
margin-right: 108px
}
}
.commentlist .comment .comment-respond,
.commentlist .review .comment-respond {
margin-top: 40px;
margin-bottom: 0
}
.commentlist .comment .comment-respond .comment-reply-title,
.commentlist .review .comment-respond .comment-reply-title {
margin-bottom: 30px
}
.comment-respond {
padding: 2vh 0;
margin-bottom: 10vh
}
.comment-respond:first-child {
margin-top: 10vh
}
@media only screen and (min-width: 1024px) {
.comment-respond .row {
margin: 0 -15px
}
.comment-respond .row .columns {
padding: 0 15px
}
}
.comment-form p {
font-size: 12px;
margin-bottom: 35px
}
.comment-form p.form-submit {
margin-top: 10px
}
.comment-form textarea,
.comment-form input:not(.submit) {
width: 100%
}
.comment-form input[type="checkbox"],
.comment-form input[type="radio"] {
width: auto;
margin-right: 10px
}
.star-rating,
.comment-form-rating p.stars {
display: inline-block;
position: relative;
font-size: 12px;
letter-spacing: 0.2em;
font-family: FontAwesome;
color: #dcdcdc
}
.star-rating:before,
.comment-form-rating p.stars:before {
font-family: FontAwesome;
content: "\f005 \f005 \f005 \f005 \f005"
}
.star-rating>span,
.comment-form-rating p.stars>span {
display: block;
top: 0;
left: 0;
position: absolute;
height: 18px;
overflow: hidden
}
.star-rating>span:before,
.comment-form-rating p.stars>span:before {
color: #ffc200;
content: "\f005 \f005 \f005 \f005 \f005"
}
.star-rating>span strong,
.comment-form-rating p.stars>span strong {
display: none
}
.star-rating+.write_first,
.comment-form-rating p.stars+.write_first {
display: inline-block;
font-size: 13px;
font-weight: 300;
color: #343434;
margin-left: 20px;
line-height: 18px;
vertical-align: text-top
}
.comment-form-rating p {
margin-bottom: 27px
}
.comment-form-rating p.stars {
display: block;
height: 5px
}
.comment-form-rating p.stars:before {
content: none
}
.comment-form-rating p.stars>span:before {
content: none
}
.comment-form-rating p.stars a {
position: relative;
color: #dcdcdc;
display: inline-block;
text-indent: -999em;
width: 11px
}
.comment-form-rating p.stars a:before {
position: absolute;
display: block;
width: 15px;
text-indent: 0;
content: "\f005"
}
.comment-form-rating p.stars a:hover~a {
color: #dcdcdc
}
.comment-form-rating p.stars a.active~a {
color: #dcdcdc
}
.comment-form-rating p.stars:hover a,
.comment-form-rating p.stars.selected a {
color: #ffc200
}
form {
margin: 0
}
form fieldset {
padding: 0;
margin: 0;
border: 0
}
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="file"],
textarea {
border: 1px solid rgba(0, 0, 0, 0.07);
padding: 15px 20px;
height: 48px;
margin-bottom: 27px;
color: #343434;
font-size: 14px;
font-weight: 400;
background: #fafafa;
max-width: 100%;
outline: 0;
font-family: inherit;
border-radius: 3px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.form-radius-off input[type="text"],
.form-radius-off input[type="password"],
.form-radius-off input[type="date"],
.form-radius-off input[type="datetime"],
.form-radius-off input[type="email"],
.form-radius-off input[type="number"],
.form-radius-off input[type="search"],
.form-radius-off input[type="tel"],
.form-radius-off input[type="time"],
.form-radius-off input[type="url"],
.form-radius-off input[type="file"],
.form-radius-off textarea {
border-radius: 0
}
.thb-small-form input[type="text"],
.thb-small-form input[type="password"],
.thb-small-form input[type="date"],
.thb-small-form input[type="datetime"],
.thb-small-form input[type="email"],
.thb-small-form input[type="number"],
.thb-small-form input[type="search"],
.thb-small-form input[type="tel"],
.thb-small-form input[type="time"],
.thb-small-form input[type="url"],
.thb-small-form input[type="file"],
.thb-small-form textarea {
margin-bottom: 14px
}
.footer.dark input[type="text"],
.footer.dark input[type="password"],
.footer.dark input[type="date"],
.footer.dark input[type="datetime"],
.footer.dark input[type="email"],
.footer.dark input[type="number"],
.footer.dark input[type="search"],
.footer.dark input[type="tel"],
.footer.dark input[type="time"],
.footer.dark input[type="url"],
.footer.dark input[type="file"],
.footer.dark textarea {
background: rgba(255, 255, 255, 0.05);
color: #c1c1c1
}
.footer.dark input[type="text"]:not(:focus),
.footer.dark input[type="password"]:not(:focus),
.footer.dark input[type="date"]:not(:focus),
.footer.dark input[type="datetime"]:not(:focus),
.footer.dark input[type="email"]:not(:focus),
.footer.dark input[type="number"]:not(:focus),
.footer.dark input[type="search"]:not(:focus),
.footer.dark input[type="tel"]:not(:focus),
.footer.dark input[type="time"]:not(:focus),
.footer.dark input[type="url"]:not(:focus),
.footer.dark input[type="file"]:not(:focus),
.footer.dark textarea:not(:focus) {
border-color: rgba(255, 255, 255, 0.15)
}
.footer.dark input[type="text"]:focus,
.footer.dark input[type="password"]:focus,
.footer.dark input[type="date"]:focus,
.footer.dark input[type="datetime"]:focus,
.footer.dark input[type="email"]:focus,
.footer.dark input[type="number"]:focus,
.footer.dark input[type="search"]:focus,
.footer.dark input[type="tel"]:focus,
.footer.dark input[type="time"]:focus,
.footer.dark input[type="url"]:focus,
.footer.dark input[type="file"]:focus,
.footer.dark textarea:focus {
color: #c1c1c1
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="file"]:focus,
textarea:focus {
background: #fff;
border-color: #ee9982;
color: #090909;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none
}
.wpcf7-form-control-wrap input[type="text"],
.wpcf7-form-control-wrap input[type="password"],
.wpcf7-form-control-wrap input[type="date"],
.wpcf7-form-control-wrap input[type="datetime"],
.wpcf7-form-control-wrap input[type="email"],
.wpcf7-form-control-wrap input[type="number"],
.wpcf7-form-control-wrap input[type="search"],
.wpcf7-form-control-wrap input[type="tel"],
.wpcf7-form-control-wrap input[type="time"],
.wpcf7-form-control-wrap input[type="url"],
.wpcf7-form-control-wrap input[type="file"],
.wpcf7-form-control-wrap textarea {
margin-bottom: 27px;
width: 100%
}
.thb-small-form .wpcf7-form-control-wrap input[type="text"],
.thb-small-form .wpcf7-form-control-wrap input[type="password"],
.thb-small-form .wpcf7-form-control-wrap input[type="date"],
.thb-small-form .wpcf7-form-control-wrap input[type="datetime"],
.thb-small-form .wpcf7-form-control-wrap input[type="email"],
.thb-small-form .wpcf7-form-control-wrap input[type="number"],
.thb-small-form .wpcf7-form-control-wrap input[type="search"],
.thb-small-form .wpcf7-form-control-wrap input[type="tel"],
.thb-small-form .wpcf7-form-control-wrap input[type="time"],
.thb-small-form .wpcf7-form-control-wrap input[type="url"],
.thb-small-form .wpcf7-form-control-wrap input[type="file"],
.thb-small-form .wpcf7-form-control-wrap textarea {
margin-bottom: 14px
}
input[type="text"].wpcf7-not-valid,
input[type="password"].wpcf7-not-valid,
input[type="date"].wpcf7-not-valid,
input[type="datetime"].wpcf7-not-valid,
input[type="email"].wpcf7-not-valid,
input[type="number"].wpcf7-not-valid,
input[type="search"].wpcf7-not-valid,
input[type="tel"].wpcf7-not-valid,
input[type="time"].wpcf7-not-valid,
input[type="url"].wpcf7-not-valid,
input[type="file"].wpcf7-not-valid,
textarea.wpcf7-not-valid {
border-color: #e76049
}
input[type="text"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="date"]:-moz-placeholder,
input[type="datetime"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="number"]:-moz-placeholder,
input[type="search"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
input[type="time"]:-moz-placeholder,
input[type="url"]:-moz-placeholder,
input[type="file"]:-moz-placeholder,
textarea:-moz-placeholder {
font-weight: 400;
color: #c1c1c1
}
input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="date"]::-moz-placeholder,
input[type="datetime"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="time"]::-moz-placeholder,
input[type="url"]::-moz-placeholder,
input[type="file"]::-moz-placeholder,
textarea::-moz-placeholder {
font-weight: 400;
color: #c1c1c1
}
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder,
input[type="datetime"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="time"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
input[type="file"]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
font-weight: 400;
color: #c1c1c1
}
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder,
input[type="datetime"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="time"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
input[type="file"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
font-weight: 400;
color: #c1c1c1
}
input[type="text"].full,
.woocommerce-checkout input[type="text"],
.woocommerce-MyAccount-content input[type="text"],
input[type="password"].full,
.woocommerce-checkout input[type="password"],
.woocommerce-MyAccount-content input[type="password"],
input[type="date"].full,
.woocommerce-checkout input[type="date"],
.woocommerce-MyAccount-content input[type="date"],
input[type="datetime"].full,
.woocommerce-checkout input[type="datetime"],
.woocommerce-MyAccount-content input[type="datetime"],
input[type="email"].full,
.woocommerce-checkout input[type="email"],
.woocommerce-MyAccount-content input[type="email"],
input[type="number"].full,
.woocommerce-checkout input[type="number"],
.woocommerce-MyAccount-content input[type="number"],
input[type="search"].full,
.woocommerce-checkout input[type="search"],
.woocommerce-MyAccount-content input[type="search"],
input[type="tel"].full,
.woocommerce-checkout input[type="tel"],
.woocommerce-MyAccount-content input[type="tel"],
input[type="time"].full,
.woocommerce-checkout input[type="time"],
.woocommerce-MyAccount-content input[type="time"],
input[type="url"].full,
.woocommerce-checkout input[type="url"],
.woocommerce-MyAccount-content input[type="url"],
input[type="file"].full,
.woocommerce-checkout input[type="file"],
.woocommerce-MyAccount-content input[type="file"],
textarea.full,
.woocommerce-checkout textarea,
.woocommerce-MyAccount-content textarea {
width: 100%
}
input[type="text"].small,
input[type="password"].small,
input[type="date"].small,
input[type="datetime"].small,
input[type="email"].small,
input[type="number"].small,
input[type="search"].small,
input[type="tel"].small,
input[type="time"].small,
input[type="url"].small,
input[type="file"].small,
textarea.small {
height: 42px;
padding: 12px 20px
}
div.wpcf7 .ajax-loader {
display: none !important
}
div.wpcf7.loading {
padding-bottom: 20px;
position: relative
}
div.wpcf7.loading .wpcf-3-form-control-wrap {
opacity: 0.5;
pointer-events: none
}
div.wpcf7.loading .ajax-loader {
display: block !important;
position: absolute;
bottom: 0;
left: 50%
}
.wpcf7-checkbox {
display: block;
margin-bottom: 12px;
position: relative
}
.thb-small-form .wpcf7-checkbox {
margin-bottom: 14px
}
.wpcf7-checkbox label {
padding: 10px;
border: 1px solid #dedede;
border-radius: 3px;
font-size: 13px;
line-height: 1;
color: #343434;
margin: 0;
min-width: 150px;
position: relative
}
.wpcf7-checkbox label input {
margin-right: 5px
}
.wpcf7-checkbox .wpcf7-list-item>[type="checkbox"],
.wpcf7-checkbox .wpcf7-list-item>[type="radio"] {
position: absolute;
top: 5px;
left: 0
}
.wpcf7-checkbox .wpcf7-list-item>.wpcf7-list-item-label {
padding-left: 25px;
display: inline-block
}
.thb-small-form .wpcf7-checkbox .wpcf7-list-item>.wpcf7-list-item-label {
font-size: 13px
}
.wpcf7-checkbox .wpcf7-list-item {
display: block;
margin: 0 0 15px 0
}
@media only screen and (min-width: 640px) {
.wpcf7-checkbox .wpcf7-list-item {
display: inline-block;
margin: 0 15px 15px 0
}
}
.wpcf7-response-output {
padding: 18px 22px !important;
font-size: 12px;
text-transform: uppercase;
text-align: center
}
.parsley-error-list,
.wpcf7-not-valid-tip,
.screen-reader-response {
display: none !important
}
.wpcf7-form-control-wrap {
display: block;
width: 100%
}
label {
display: inline-block;
clear: left;
font-size: 14px;
color: #343434;
margin: 0 0 15px;
font-weight: 400
}
label.woocommerce-form__label-for-checkbox.inline .woocommerce-form__input-checkbox {
margin-right: 10px
}
label.woocommerce-form__label-for-checkbox.inline span {
display: inline-block;
vertical-align: middle
}
input[type="file"] {
cursor: pointer
}
input[type="file"]::file-selector-button,
input[type="file"]::-webkit-file-upload-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-transform: uppercase;
font-size: 12px;
font-weight: 700;
margin-right: 10px;
border: 0;
background: 0
}
textarea {
height: auto;
min-height: 185px;
line-height: 1.6;
resize: none
}
.wpcf7-form textarea {
height: 235px
}
.footer .wpcf7-form textarea {
height: 125px;
min-height: 125px
}
#customer_details textarea {
background-image: none;
line-height: 1.6
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid rgba(0, 0, 0, 0.07);
padding: 0 20px;
border-radius: 3px;
height: 48px;
line-height: 48px;
color: #343434;
font-size: 14px;
background: #fafafa url(//spgrid.bg/wp-content/themes/revolution/assets/img/select_arrow.png) calc(100% - 22px) 22px no-repeat;
background-size: 7px 4px;
position: relative
}
select.wpcf7-select {
margin-bottom: 27px
}
select.small {
height: 42px;
line-height: 42px;
background-position: calc(100% - 22px) 18px
}
.rtl select.small {
background-position: 18px 18px
}
.rtl select {
background-position: 22px 22px
}
.form-row.woocommerce-invalid-required-field .select2-container .select2-choice {
border-color: #e76049
}
.select2.select2-container--default {
margin-bottom: 25px;
clear: left;
font-size: 14px;
height: 42px
}
.select2.select2-container--default .select2-selection__arrow:before {
content: "\f107";
display: block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal
}
.select2.select2-container--default .select2-selection__arrow b {
display: none
}
.select2.select2-container--default.select2-container--open .select2-selection--single {
border-color: #ee9982;
background: #fff
}
.select2.select2-container--default .selection *:focus {
outline: none
}
.select2.select2-container--default .select2-selection--single {
border-radius: 3px;
background: #fafafa;
border-color: rgba(0, 0, 0, 0.07);
height: 48px;
line-height: 48px
}
.form-radius-off .select2.select2-container--default .select2-selection--single {
border-radius: 0
}
.select2.select2-container--default .select2-selection--single .select2-selection__rendered {
height: 48px;
line-height: 48px;
padding-left: 20px
}
.select2-container .select2-dropdown {
background: #fff;
border-radius: 3px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border-color: #ee9982
}
.form-radius-off .select2-container .select2-dropdown {
border-radius: 0
}
.rtl .select2-container .select2-dropdown {
left: auto;
right: -9999px
}
.select2-container .select2-dropdown.select2-drop-active {
border-color: #ee9982
}
.select2-container .select2-dropdown.select2-drop-active.select2-drop-above {
border-top-color: #ee9982
}
.select2-container .select2-dropdown .select2-search {
padding: 8px
}
.select2-container .select2-dropdown .select2-search input {
background: #fff !important;
margin-bottom: 5px
}
.select2-container .select2-dropdown .select2-results {
background: transparent;
font-size: 14px;
border-radius: 3px
}
.form-radius-off .select2-container .select2-dropdown .select2-results {
border-radius: 0
}
.select2-container .select2-dropdown .select2-results .select2-results__option {
margin: 0;
height: 42px;
line-height: 42px;
padding: 0 20px
}
.select2-container .select2-dropdown .select2-results .select2-results__option[aria-selected=true] {
background: #ee9982
}
.select2-container .select2-dropdown .select2-results .select2-results__option.select2-results__option--highlighted {
background: #343434;
border-radius: 0;
color: #fff
}
.thb-inline-form {
display: flex;
flex-direction: column
}
@media only screen and (min-width: 640px) {
.thb-inline-form {
flex-direction: row
}
}
.thb-inline-form .wpcf7-form-control-wrap input[type="text"],
.thb-inline-form .wpcf7-form-control-wrap input[type="password"],
.thb-inline-form .wpcf7-form-control-wrap input[type="date"],
.thb-inline-form .wpcf7-form-control-wrap input[type="datetime"],
.thb-inline-form .wpcf7-form-control-wrap input[type="email"],
.thb-inline-form .wpcf7-form-control-wrap input[type="number"],
.thb-inline-form .wpcf7-form-control-wrap input[type="search"],
.thb-inline-form .wpcf7-form-control-wrap input[type="tel"],
.thb-inline-form .wpcf7-form-control-wrap input[type="time"],
.thb-inline-form .wpcf7-form-control-wrap input[type="url"],
.thb-inline-form .wpcf7-form-control-wrap select.wpcf7-select {
margin-bottom: 10px
}
@media only screen and (min-width: 640px) {
.thb-inline-form .wpcf7-form-control-wrap input[type="text"],
.thb-inline-form .wpcf7-form-control-wrap input[type="password"],
.thb-inline-form .wpcf7-form-control-wrap input[type="date"],
.thb-inline-form .wpcf7-form-control-wrap input[type="datetime"],
.thb-inline-form .wpcf7-form-control-wrap input[type="email"],
.thb-inline-form .wpcf7-form-control-wrap input[type="number"],
.thb-inline-form .wpcf7-form-control-wrap input[type="search"],
.thb-inline-form .wpcf7-form-control-wrap input[type="tel"],
.thb-inline-form .wpcf7-form-control-wrap input[type="time"],
.thb-inline-form .wpcf7-form-control-wrap input[type="url"],
.thb-inline-form .wpcf7-form-control-wrap select.wpcf7-select {
margin-bottom: 0
}
}
@media only screen and (min-width: 640px) {
.thb-inline-form .wpcf7-form-control-wrap+.wpcf7-form-control-wrap {
margin-left: 10px
}
}
@media only screen and (min-width: 640px) {
.thb-inline-form .wpcf7-submit {
margin-left: 10px
}
}
input[type="submit"],
.button,
.btn {
display: inline-flex;
align-items: center;
justify-content: center;
height: 48px;
background: #ee9982;
color: #fff;
padding: 0 40px;
max-width: 100%;
font-size: 14px;
font-weight: 600;
border: 0;
outline: 0;
cursor: pointer;
border-radius: 3px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
input[type="submit"]>span,
.button>span,
.btn>span {
z-index: 10;
position: relative;
white-space: nowrap
}
input[type="submit"]>span.thb-button-icon,
.button>span.thb-button-icon,
.btn>span.thb-button-icon {
margin-right: 10px
}
.form-radius-off input[type="submit"],
.form-radius-off .button,
.form-radius-off .btn {
border-radius: 0
}
input[type="submit"]:hover,
.button:hover,
.btn:hover {
background: #eb876c;
color: #fff
}
input[type="submit"].disabled,
.button.disabled,
.btn.disabled {
pointer-events: none;
cursor: not-allowed;
opacity: 0.6
}
input[type="submit"].mini,
.button.mini,
.btn.mini {
font-size: 12px;
height: 32px;
padding: 0 18px
}
input[type="submit"].small,
.button.small,
.btn.small {
font-size: 12px;
height: 42px;
padding: 0 30px
}
input[type="submit"].large,
.button.large,
.btn.large {
font-size: 16px;
height: 56px;
padding: 0 45px
}
input[type="submit"].x-large,
.button.x-large,
.btn.x-large {
font-size: 24px;
height: 82px;
padding: 0 60px
}
input[type="submit"].thb_shadow,
.button.thb_shadow,
.btn.thb_shadow {
-webkit-box-shadow: 0 6px 20px rgba(0, 0, 0, 0);
-moz-box-shadow: 0 6px 20px rgba(0, 0, 0, 0);
box-shadow: 0 6px 20px rgba(0, 0, 0, 0)
}
input[type="submit"].thb_shadow:hover,
.button.thb_shadow:hover,
.btn.thb_shadow:hover {
-moz-transform: translateY(-3px) !important;
-ms-transform: translateY(-3px) !important;
-webkit-transform: translateY(-3px) !important;
transform: translateY(-3px) !important;
-webkit-box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12)
}
input[type="submit"].arrow-enabled,
.button.arrow-enabled,
.btn.arrow-enabled {
position: relative
}
input[type="submit"].arrow-enabled>span,
.button.arrow-enabled>span,
.btn.arrow-enabled>span {
-webkit-transition: -webkit-transform .25s cubic-bezier(0.25, 0.8, 0.25, 1);
-moz-transition: -moz-transform .25s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: -o-transform .25s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: transform .25s cubic-bezier(0.25, 0.8, 0.25, 1)
}
input[type="submit"].arrow-enabled>svg,
.button.arrow-enabled>svg,
.btn.arrow-enabled>svg {
fill: #fff;
height: 10px;
position: absolute;
right: 20px;
top: 50%;
opacity: 0;
z-index: 1;
-webkit-transform: translate3d(-5px, -50%, 0);
-moz-transform: translate3d(-5px, -50%, 0);
-ms-transform: translate3d(-5px, -50%, 0);
-o-transform: translate3d(-5px, -50%, 0);
transform: translate3d(-5px, -50%, 0)
}
input[type="submit"].arrow-enabled:hover>span,
.button.arrow-enabled:hover>span,
.btn.arrow-enabled:hover>span {
-webkit-transform: translate3d(-13px, 0, 0);
-moz-transform: translate3d(-13px, 0, 0);
-ms-transform: translate3d(-13px, 0, 0);
-o-transform: translate3d(-13px, 0, 0);
transform: translate3d(-13px, 0, 0)
}
input[type="submit"].arrow-enabled:hover>svg,
.button.arrow-enabled:hover>svg,
.btn.arrow-enabled:hover>svg {
opacity: 1;
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-ms-transform: translate3d(0, -50%, 0);
-o-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0)
}
input[type="submit"].arrow-enabled.small>svg,
.button.arrow-enabled.small>svg,
.btn.arrow-enabled.small>svg {
right: 8px
}
input[type="submit"].full,
.button.full,
.btn.full {
width: 100%
}
input[type="submit"].full>span,
.button.full>span,
.btn.full>span {
width: 100%;
text-align: center
}
input[type="submit"].black,
input[type="submit"].wc-forward.checkout,
.button.black,
.button.wc-forward.checkout,
.btn.black,
.btn.wc-forward.checkout {
background: #090909
}
input[type="submit"].black:hover,
input[type="submit"].wc-forward.checkout:hover,
.button.black:hover,
.button.wc-forward.checkout:hover,
.btn.black:hover,
.btn.wc-forward.checkout:hover {
background: #ee9982
}
input[type="submit"].white,
.button.white,
.btn.white {
background: #fff;
color: #090909
}
input[type="submit"].white:hover,
.button.white:hover,
.btn.white:hover {
background: #090909;
color: #fff
}
input[type="submit"].gradient,
.button.gradient,
.btn.gradient {
position: relative
}
input[type="submit"].gradient span,
.button.gradient span,
.btn.gradient span {
position: relative;
z-index: 5
}
input[type="submit"].gradient:after,
.button.gradient:after,
.btn.gradient:after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0
}
input[type="submit"].gradient:hover:after,
.button.gradient:hover:after,
.btn.gradient:hover:after {
opacity: 1
}
input[type="submit"].no-radius,
.button.no-radius,
.btn.no-radius {
border-radius: 0
}
input[type="submit"].small-radius,
.button.small-radius,
.btn.small-radius {
border-radius: 3px
}
input[type="submit"].small-radius:after,
.button.small-radius:after,
.btn.small-radius:after {
border-radius: 3px
}
input[type="submit"].small-radius:before,
.button.small-radius:before,
.btn.small-radius:before {
border-radius: 0px
}
input[type="submit"].pill-radius,
.button.pill-radius,
.btn.pill-radius {
border-radius: 300px
}
input[type="submit"].pill-radius:after,
input[type="submit"].pill-radius:before,
.button.pill-radius:after,
.button.pill-radius:before,
.btn.pill-radius:after,
.btn.pill-radius:before {
border-radius: 300px
}
input[type="submit"].style2,
.button.style2,
.btn.style2 {
border: 2px solid #ee9982;
background: transparent;
color: #ee9982
}
input[type="submit"].style2:hover,
.button.style2:hover,
.btn.style2:hover {
background: #ee9982;
color: #fff
}
input[type="submit"].style2.gradient,
.button.style2.gradient,
.btn.style2.gradient {
border: 0
}
input[type="submit"].style2.gradient:after,
.button.style2.gradient:after,
.btn.style2.gradient:after {
opacity: 1
}
input[type="submit"].style2.gradient:before,
.button.style2.gradient:before,
.btn.style2.gradient:before {
content: '';
display: block;
position: absolute;
top: 2px;
left: 2px;
width: calc(100% - 4px);
height: calc(100% - 4px);
background: #fff;
z-index: 3
}
input[type="submit"].style2.gradient:hover:before,
.button.style2.gradient:hover:before,
.btn.style2.gradient:hover:before {
opacity: 0
}
input[type="submit"].style2.black,
.button.style2.black,
.btn.style2.black {
border-color: #090909;
color: #090909
}
input[type="submit"].style2.black:hover,
.button.style2.black:hover,
.btn.style2.black:hover {
color: #fff;
background: #090909 !important
}
input[type="submit"].style2.white,
.button.style2.white,
.btn.style2.white {
border-color: #fff;
color: #fff
}
input[type="submit"].style2.white:hover,
.button.style2.white:hover,
.btn.style2.white:hover {
color: #090909;
background: #fff
}
input[type="submit"].style2.white.arrow-enabled>svg,
.button.style2.white.arrow-enabled>svg,
.btn.style2.white.arrow-enabled>svg {
fill: #090909
}
input[type="submit"].style3,
.button.style3,
.btn.style3 {
border: 2px solid #ee9982;
background: transparent;
color: #ee9982;
position: relative;
overflow: hidden
}
input[type="submit"].style3>span,
.button.style3>span,
.btn.style3>span {
z-index: 4
}
input[type="submit"].style3.arrow-enabled svg,
.button.style3.arrow-enabled svg,
.btn.style3.arrow-enabled svg {
z-index: 10
}
input[type="submit"].style3:before,
.button.style3:before,
.btn.style3:before {
content: '';
display: block;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: #ee9982;
z-index: 3;
opacity: 1;
transform-origin: left center;
-webkit-transform: translateX(-102%);
-moz-transform: translateX(-102%);
-ms-transform: translateX(-102%);
-o-transform: translateX(-102%);
transform: translateX(-102%)
}
input[type="submit"].style3:hover,
.button.style3:hover,
.btn.style3:hover {
color: #fff;
background: transparent
}
input[type="submit"].style3:hover:before,
.button.style3:hover:before,
.btn.style3:hover:before {
opacity: 1;
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%)
}
input[type="submit"].style3.gradient,
.button.style3.gradient,
.btn.style3.gradient {
border: 0
}
input[type="submit"].style3.gradient:before,
.button.style3.gradient:before,
.btn.style3.gradient:before {
background: #fff;
top: 2px;
left: 2px;
width: calc(100% - 4px);
height: calc(100% - 4px);
transform-origin: right center;
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%)
}
input[type="submit"].style3.gradient:hover:before,
.button.style3.gradient:hover:before,
.btn.style3.gradient:hover:before {
-webkit-transform: translateX(102%);
-moz-transform: translateX(102%);
-ms-transform: translateX(102%);
-o-transform: translateX(102%);
transform: translateX(102%)
}
input[type="submit"].style3.gradient:after,
.button.style3.gradient:after,
.btn.style3.gradient:after {
opacity: 1
}
input[type="submit"].style3.black,
.button.style3.black,
.btn.style3.black {
border-color: #090909;
color: #090909
}
input[type="submit"].style3.black:before,
.button.style3.black:before,
.btn.style3.black:before {
background: #090909
}
input[type="submit"].style3.black:hover,
.button.style3.black:hover,
.btn.style3.black:hover {
background: transparent;
color: #fff
}
input[type="submit"].style3.white,
.button.style3.white,
.btn.style3.white {
border-color: #fff;
color: #fff
}
input[type="submit"].style3.white:hover,
.button.style3.white:hover,
.btn.style3.white:hover {
background: transparent;
color: #090909
}
input[type="submit"].style3.white:before,
.button.style3.white:before,
.btn.style3.white:before {
background: #fff
}
input[type="submit"].style4,
.button.style4,
.btn.style4 {
background: transparent;
border: 1px solid #ee9982;
color: #ee9982;
position: relative
}
input[type="submit"].style4 span:not(.thb-button-icon),
.button.style4 span:not(.thb-button-icon),
.btn.style4 span:not(.thb-button-icon) {
margin-right: 60px
}
input[type="submit"].style4:after,
input[type="submit"].style4:before,
.button.style4:after,
.button.style4:before,
.btn.style4:after,
.btn.style4:before {
content: '';
display: block;
width: 16px;
height: 1px;
left: auto;
position: absolute;
top: 50%;
right: 30px;
opacity: 1;
background: rgba(0, 0, 0, 0.2);
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-ms-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center
}
input[type="submit"].style4:after,
.button.style4:after,
.btn.style4:after {
background: #ee9982;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1)
}
input[type="submit"].style4:hover,
.button.style4:hover,
.btn.style4:hover {
background: transparent;
color: #ee9982
}
input[type="submit"].style4:hover:after,
.button.style4:hover:after,
.btn.style4:hover:after {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
input[type="submit"].style4.black,
.button.style4.black,
.btn.style4.black {
border-color: rgba(0, 0, 0, 0.1);
color: #090909
}
input[type="submit"].style4.black:after,
.button.style4.black:after,
.btn.style4.black:after {
background: #090909
}
input[type="submit"].style4.white,
.button.style4.white,
.btn.style4.white {
border-color: rgba(255, 255, 255, 0.2);
color: #fff
}
input[type="submit"].style4.white:before,
.button.style4.white:before,
.btn.style4.white:before {
background: rgba(255, 255, 255, 0.3)
}
input[type="submit"].style4.white:after,
.button.style4.white:after,
.btn.style4.white:after {
background: #fff
}
input[type="submit"].style4.gradient,
.button.style4.gradient,
.btn.style4.gradient {
border-image-slice: 1
}
.btn-text {
display: inline-flex;
align-items: center
}
.btn-text.style-accent-link {
font-weight: 500;
color: #ee9982;
font-size: 15px
}
.btn-text.style1 {
font-size: 12px;
text-transform: uppercase;
font-weight: 600
}
.btn-text.style1:before {
content: '';
display: inline-block;
width: 35px;
height: 1px;
margin-right: 15px;
background: rgba(0, 0, 0, 0.15)
}
.rtl .btn-text.style1:before {
margin-right: 0;
margin-left: 15px
}
.btn-text.style1:hover {
color: #090909
}
.btn-text.style1:hover:before {
width: 60px;
background: #090909
}
.btn-text.style1.white {
color: #fff
}
.btn-text.style1.white:before {
background: rgba(255, 255, 255, 0.45)
}
.btn-text.style1.white:hover {
color: #fff
}
.btn-text.style1.white:hover:before {
background: #fff
}
.btn-text.style2 {
font-size: 12px;
text-transform: uppercase;
font-weight: 500;
color: #090909;
position: relative
}
.btn-text.style2:before,
.btn-text.style2:after {
content: '';
display: inline-block;
width: 100%;
height: 2px;
background: rgba(0, 0, 0, 0.4);
position: absolute;
bottom: -4px;
left: 0;
width: 100%
}
.btn-text.style2:after {
background: #343434;
transform-origin: left center;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1)
}
.btn-text.style2:hover:after {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
.btn-text.style3 {
font-size: 14px;
font-weight: 600
}
.btn-text.style3 .circle-btn {
width: 24px;
height: 24px;
display: inline-flex;
background: #ee9982;
position: relative;
border-radius: 12px;
margin-right: 17px
}
.btn-text.style3 .circle-btn:before,
.btn-text.style3 .circle-btn:after {
content: '';
display: block;
height: 1px;
width: 4px;
background: #fff;
position: absolute;
top: 50%;
left: 50%;
transform-origin: right center
}
.rtl .btn-text.style3 .circle-btn {
margin-right: 0;
margin-left: 17px
}
.btn-text.style3 .circle-btn:before {
-webkit-transform: translate3d(-50%, -50%, 0) rotateZ(45deg);
-moz-transform: translate3d(-50%, -50%, 0) rotateZ(45deg);
-ms-transform: translate3d(-50%, -50%, 0) rotateZ(45deg);
-o-transform: translate3d(-50%, -50%, 0) rotateZ(45deg);
transform: translate3d(-50%, -50%, 0) rotateZ(45deg)
}
.btn-text.style3 .circle-btn:after {
-webkit-transform: translate3d(-50%, -50%, 0) rotateZ(-45deg);
-moz-transform: translate3d(-50%, -50%, 0) rotateZ(-45deg);
-ms-transform: translate3d(-50%, -50%, 0) rotateZ(-45deg);
-o-transform: translate3d(-50%, -50%, 0) rotateZ(-45deg);
transform: translate3d(-50%, -50%, 0) rotateZ(-45deg)
}
.btn-text.style3 span {
position: relative;
line-height: 1
}
.btn-text.style3 span:after {
content: '';
display: inline-block;
width: 100%;
height: 1px;
background: #090909;
position: absolute;
bottom: -3px;
left: 0;
width: 100%;
transform-origin: left center;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1)
}
.btn-text.style3:hover {
color: #090909
}
.btn-text.style3:hover span:after {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
.btn-text.style4 {
font-size: 18px
}
.btn-text.style4 .arrow {
display: inline-flex;
margin-left: 13px;
position: relative;
overflow: hidden;
width: 15px
}
.btn-text.style4 .arrow>div {
display: inline-flex;
flex-direction: row;
flex-wrap: nowrap;
width: 32px;
-webkit-transform: translateX(-17px);
-moz-transform: translateX(-17px);
-ms-transform: translateX(-17px);
-o-transform: translateX(-17px);
transform: translateX(-17px)
}
.btn-text.style4 .arrow svg {
width: 15px;
height: auto
}
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
.btn-text.style4 .arrow svg {
max-height: 18px
}
}
.btn-text.style4 .arrow svg+svg {
margin-left: 2px
}
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
.btn-text.style4 .arrow svg+svg {
max-height: 18px
}
}
.btn-text.style4 .arrow svg:first-child {
fill: #ee9982
}
.btn-text.style4:hover .arrow>div {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
.btn-text.style5 {
font-size: 12px;
font-weight: 600;
text-transform: uppercase
}
.btn-text.style5 svg {
fill: #090909;
height: 10px;
-webkit-transform: translateX(-4px);
-moz-transform: translateX(-4px);
-ms-transform: translateX(-4px);
-o-transform: translateX(-4px);
transform: translateX(-4px);
-webkit-transition: all .15s linear;
-moz-transition: all .15s linear;
-o-transition: all .15s linear;
transition: all .15s linear
}
.btn-text.style5 svg .bar {
fill: #090909;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transition: all .15s linear;
-moz-transition: all .15s linear;
-o-transition: all .15s linear;
transition: all .15s linear
}
.btn-text.style5 .arrow {
height: 10px;
display: flex;
align-items: center
}
.btn-text.style5:hover {
color: #090909
}
.btn-text.style5:hover svg {
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px)
}
.btn-text.style5:hover svg .bar {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
.btn-block {
display: flex;
position: relative;
justify-content: center;
align-items: center;
color: #343434
}
.btn-block:hover {
color: #343434
}
.btn-block .cover-bg,
.btn-block .post.style5 .post-gallery,
.post.style5 .btn-block .post-gallery,
.btn-block .thb_post_nav.style2 .post_nav_link .inner,
.thb_post_nav.style2 .post_nav_link .btn-block .inner,
.btn-block .thb_portfolio_nav .inner,
.thb_portfolio_nav .btn-block .inner,
.btn-block .thb-carousel .slick-dots li .portrait_bullet,
.thb-carousel .slick-dots li .btn-block .portrait_bullet,
.btn-block .thb-fancy-box .thb-fancy-content,
.thb-fancy-box .btn-block .thb-fancy-content {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
pointer-events: none;
z-index: 1;
overflow: hidden
}
.btn-block .cover-bg img,
.btn-block .post.style5 .post-gallery img,
.post.style5 .btn-block .post-gallery img,
.btn-block .thb_post_nav.style2 .post_nav_link .inner img,
.thb_post_nav.style2 .post_nav_link .btn-block .inner img,
.btn-block .thb_portfolio_nav .inner img,
.thb_portfolio_nav .btn-block .inner img,
.btn-block .thb-carousel .slick-dots li .portrait_bullet img,
.thb-carousel .slick-dots li .btn-block .portrait_bullet img,
.btn-block .thb-fancy-box .thb-fancy-content img,
.thb-fancy-box .btn-block .thb-fancy-content img {
display: block;
height: 100%;
width: 100%;
object-fit: cover
}
.btn-block>span {
position: relative;
line-height: 1;
z-index: 2
}
.btn-block.style1 {
font-size: 16px;
letter-spacing: 0.09em;
text-transform: uppercase;
font-weight: 600
}
.btn-block.style1 .cover-bg img,
.btn-block.style1 .post.style5 .post-gallery img,
.post.style5 .btn-block.style1 .post-gallery img,
.btn-block.style1 .thb_post_nav.style2 .post_nav_link .inner img,
.thb_post_nav.style2 .post_nav_link .btn-block.style1 .inner img,
.btn-block.style1 .thb_portfolio_nav .inner img,
.thb_portfolio_nav .btn-block.style1 .inner img,
.btn-block.style1 .thb-carousel .slick-dots li .portrait_bullet img,
.thb-carousel .slick-dots li .btn-block.style1 .portrait_bullet img,
.btn-block.style1 .thb-fancy-box .thb-fancy-content img,
.thb-fancy-box .btn-block.style1 .thb-fancy-content img {
will-change: transform;
transform-origin: center center
}
.btn-block.style1:hover .cover-bg img,
.btn-block.style1:hover .post.style5 .post-gallery img,
.post.style5 .btn-block.style1:hover .post-gallery img,
.btn-block.style1:hover .thb_post_nav.style2 .post_nav_link .inner img,
.thb_post_nav.style2 .post_nav_link .btn-block.style1:hover .inner img,
.btn-block.style1:hover .thb_portfolio_nav .inner img,
.thb_portfolio_nav .btn-block.style1:hover .inner img,
.btn-block.style1:hover .thb-carousel .slick-dots li .portrait_bullet img,
.thb-carousel .slick-dots li .btn-block.style1:hover .portrait_bullet img,
.btn-block.style1:hover .thb-fancy-box .thb-fancy-content img,
.thb-fancy-box .btn-block.style1:hover .thb-fancy-content img {
-webkit-transform: scale(1.03, 1.03);
-moz-transform: scale(1.03, 1.03);
-ms-transform: scale(1.03, 1.03);
-o-transform: scale(1.03, 1.03);
transform: scale(1.03, 1.03)
}
.wp-caption,
.wp-caption-text,
.sticky,
.gallery-caption,
.alignright,
.alignleft,
.aligncenter,
.bypostauthor {
color: inherit
}
.alignright {
float: right;
margin: 6px 0 14px 20px
}
.alignleft {
float: left;
margin: 6px 20px 14px 0
}
.alignright img,
.alignleft img,
.aligncenter img {
max-width: 100%
}
img.center {
margin: 0 auto;
display: block
}
img.full {
width: 100%
}
.aligncenter {
display: block;
clear: both;
margin: 0 auto
}
@media only screen and (max-width: 640px) {
.alignleft,
.alignright {
margin-bottom: 20px
}
}
.wp-caption {
max-width: 100% !important
}
.wp-caption .wp-caption-text {
display: block;
margin: 20px 0;
font-weight: 500;
font-size: 12px;
line-height: 1.45;
text-align: center
}
.gallery {
display: block;
margin: 0 -2px;
float: left;
clear: both
}
.gallery.gallery-columns-2 .gallery-item {
width: 50%
}
@media only screen and (min-width: 640px) {
.gallery.gallery-columns-2 .gallery-item {
width: 50%
}
}
.gallery.gallery-columns-3 .gallery-item {
width: 50%
}
@media only screen and (min-width: 640px) {
.gallery.gallery-columns-3 .gallery-item {
width: 33.33%
}
}
.gallery.gallery-columns-4 .gallery-item {
width: 50%
}
@media only screen and (min-width: 640px) {
.gallery.gallery-columns-4 .gallery-item {
width: 50%
}
}
@media only screen and (min-width: 1024px) {
.gallery.gallery-columns-4 .gallery-item {
width: 25%
}
}
.gallery.gallery-columns-5 .gallery-item {
width: 50%
}
@media only screen and (min-width: 640px) {
.gallery.gallery-columns-5 .gallery-item {
width: 20%
}
}
.gallery.gallery-columns-6 .gallery-item {
width: 50%
}
@media only screen and (min-width: 640px) {
.gallery.gallery-columns-6 .gallery-item {
width: 33.33%
}
}
@media only screen and (min-width: 1024px) {
.gallery.gallery-columns-6 .gallery-item {
width: 16.66%
}
}
.gallery .gallery-item {
display: inline-block;
width: 50%;
padding: 0 2px;
margin-bottom: 4px;
-webkit-transition: opacity .2s ease-in-out;
-webkit-transition-delay: 0s;
-moz-transition: opacity .2s ease-in-out;
-o-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out false
}
.gallery .gallery-item:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: .8
}
.gallery .gallery-item img {
width: 100%;
max-width: 100%
}
.gallery .gallery-item a {
line-height: 0;
display: block;
width: 100%
}
.gallery .gallery-item .gallery-caption {
display: none
}
.more-link {
display: inline-block;
font-weight: 600;
font-size: 14px;
text-transform: uppercase;
color: #ee9982
}
[class^="tag-cloud-link"] {
display: inline-block;
border: 2px solid rgba(0, 0, 0, 0.07);
color: #8d8d8d;
font-size: 12px !important;
padding: 10px 20px;
margin: 0 5px 9px 0;
line-height: 1;
font-weight: 500;
border-radius: 500px;
text-transform: capitalize
}
[class^="tag-cloud-link"]:hover {
background: #ee9982;
border-color: #ee9982;
color: #fff !important
}
.article-tags [class^="tag-cloud-link"] {
padding: 13px 25px;
margin: 0 8px 10px 0
}
.searchform {
margin: 0
}
.searchform .searchform-bar {
display: none
}
.searchform fieldset {
border: 0;
position: relative
}
.searchform fieldset input[type="text"],
.searchform fieldset input[type="search"] {
width: 100%;
margin: 0;
padding-right: 50px
}
.searchform fieldset .submit {
position: absolute;
top: 50%;
right: 10px;
width: 30px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.page-title h1 {
margin-bottom: 40px
}
.post-content.no-vc {
margin-bottom: 40px
}
table:not(.variations):not(.shop_table):not(.group_table) {
border-collapse: collapse;
width: 100%;
margin-bottom: 1rem;
border-radius: 0
}
table:not(.variations):not(.shop_table):not(.group_table) thead,
table:not(.variations):not(.shop_table):not(.group_table) tbody,
table:not(.variations):not(.shop_table):not(.group_table) tfoot {
border: 1px solid #f1f1f1;
background-color: #fefefe
}
table:not(.variations):not(.shop_table):not(.group_table) caption {
padding: 0.5rem 0.625rem 0.625rem;
font-weight: bold
}
table:not(.variations):not(.shop_table):not(.group_table) thead {
background: #f8f8f8;
color: #0a0a0a
}
table:not(.variations):not(.shop_table):not(.group_table) tfoot {
background: #f1f1f1;
color: #0a0a0a
}
table:not(.variations):not(.shop_table):not(.group_table) thead tr,
table:not(.variations):not(.shop_table):not(.group_table) tfoot tr {
background: transparent
}
table:not(.variations):not(.shop_table):not(.group_table) thead th,
table:not(.variations):not(.shop_table):not(.group_table) thead td,
table:not(.variations):not(.shop_table):not(.group_table) tfoot th,
table:not(.variations):not(.shop_table):not(.group_table) tfoot td {
padding: 0.5rem 0.625rem 0.625rem;
font-weight: bold;
text-align: left
}
table:not(.variations):not(.shop_table):not(.group_table) tbody th,
table:not(.variations):not(.shop_table):not(.group_table) tbody td {
padding: 0.5rem 0.625rem 0.625rem
}
table:not(.variations):not(.shop_table):not(.group_table) tbody tr:nth-child(even) {
border-bottom: 0;
background-color: #f1f1f1
}
table:not(.variations):not(.shop_table):not(.group_table).wp-block-table.is-style-stripes tbody tr:nth-child(even) {
background: transparent !important
}
table:not(.variations):not(.shop_table):not(.group_table).wp-block-table.is-style-stripes thead,
table:not(.variations):not(.shop_table):not(.group_table).wp-block-table.is-style-stripes tbody,
table:not(.variations):not(.shop_table):not(.group_table).wp-block-table.is-style-stripes tfoot {
border-left: 0 !important;
border-right: 0 !important
}
table:not(.variations):not(.shop_table):not(.group_table).wp-block-table.is-style-regular tbody tr:nth-child(even) {
background: #f7f7f7
}
table:not(.variations):not(.shop_table):not(.group_table).wp-block-table.is-style-regular thead,
table:not(.variations):not(.shop_table):not(.group_table).wp-block-table.is-style-regular tbody,
table:not(.variations):not(.shop_table):not(.group_table).wp-block-table.is-style-regular tfoot {
border-color: rgba(0, 0, 0, 0.2)
}
.has-thb-accent-background-color {
background-color: #ee9982
}
.has-thb-accent-color {
color: #ee9982
}
.has-thb-accent-color p {
color: #ee9982
}
.wp-block-pullquote {
padding: 0
}
.wp-block-button .wp-block-button__link.has-thb-accent-background-color {
background-color: #ee9982
}
.wp-block-button .wp-block-button__link.has-thb-accent-color {
color: #ee9982
}
.wp-block-button .wp-block-button__link.has-thb-accent-color p {
color: #ee9982
}
.wp-block-button.is-style-outline .wp-block-button__link {
background: transparent !important
}
.alignwide {
position: relative
}
@media only screen and (min-width: 1024px) {
.alignwide {
margin-left: -3%;
margin-right: -3%;
max-width: none;
width: 106%
}
}
.alignfull {
position: relative
}
@media only screen and (min-width: 1024px) {
.alignfull {
max-width: 100vw;
margin-left: calc(50% - 40vw)
}
}
.wp-block-image.thb-pin-it-container {
max-width: 100vw
}
.post-detail ul.wp-block-gallery {
margin-bottom: 1rem;
min-width: 100%;
padding: 0
}
.post-detail ul.wp-block-gallery .blocks-gallery-image,
.post-detail ul.wp-block-gallery .blocks-gallery-item {
margin-bottom: 1rem
}
.wp-block-media-text {
margin-bottom: 1rem
}
.wp-block-latest-comments {
margin-left: 0
}
.has-medium-font-size {
font-size: 1.2em
}
.has-large-font-size {
font-size: 2em
}
.has-huge-font-size {
font-size: 3em
}
.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(.has-text-color) {
color: #fff
}
.pagination-space {
margin: 10vh
}
.pagination-space .text-center {
justify-content: center
}
.pagination-space .masonry_btn {
margin: 0
}
.pagination-space .pagination {
padding: 0
}
.pagination-space.infinite-scroll {
justify-content: center
}
.pagination-space.infinite-scroll .thb-content-preloader {
opacity: 0;
visibility: hidden
}
.pagination,
.woocommerce-pagination {
width: 100%;
font-size: 16px;
line-height: 1;
padding: 10vh 0;
display: flex;
justify-content: center;
align-items: center
}
.pagination .screen-reader-text,
.woocommerce-pagination .screen-reader-text {
display: none
}
.pagination ul,
.pagination .nav-links,
.woocommerce-pagination ul,
.woocommerce-pagination .nav-links {
list-style: none;
display: block;
text-align: center;
margin: 0
}
.pagination ul li,
.pagination .nav-links li,
.woocommerce-pagination ul li,
.woocommerce-pagination .nav-links li {
display: inline-block;
text-align: center
}
.pagination .page-numbers,
.woocommerce-pagination .page-numbers {
display: inline-flex;
color: #8d8d8d;
font-size: 16px;
margin: 0 5px;
padding: 3px 2px;
border-bottom: 1px solid transparent;
vertical-align: middle;
font-weight: 400;
white-space: nowrap
}
.pagination .page-numbers.current,
.woocommerce-pagination .page-numbers.current {
border-bottom: 1px solid #090909
}
.pagination .page-numbers.current,
.pagination .page-numbers:not(.dots):hover,
.woocommerce-pagination .page-numbers.current,
.woocommerce-pagination .page-numbers:not(.dots):hover {
color: #090909
}
.pagination .page-numbers.prev,
.pagination .page-numbers.next,
.woocommerce-pagination .page-numbers.prev,
.woocommerce-pagination .page-numbers.next {
display: inline-flex;
align-items: center;
position: relative
}
.comments-container .navigation {
margin-top: 30px;
display: flex;
justify-content: space-between;
text-transform: uppercase;
font-size: 12px
}
.select2-container {
box-sizing: border-box;
display: inline-block;
margin: 0;
position: relative;
vertical-align: middle
}
.select2-container .select2-selection--single {
box-sizing: border-box;
cursor: pointer;
display: block;
height: 28px;
user-select: none;
-webkit-user-select: none
}
.select2-container .select2-selection--single .select2-selection__rendered {
display: block;
padding-left: 8px;
padding-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.select2-container .select2-selection--single .select2-selection__clear {
position: relative
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
padding-right: 8px;
padding-left: 20px
}
.select2-container .select2-selection--multiple {
box-sizing: border-box;
cursor: pointer;
display: block;
min-height: 32px;
user-select: none;
-webkit-user-select: none
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
display: inline-block;
overflow: hidden;
padding-left: 8px;
text-overflow: ellipsis;
white-space: nowrap
}
.select2-container .select2-search--inline {
float: left
}
.select2-container .select2-search--inline .select2-search__field {
box-sizing: border-box;
border: none;
font-size: 100%;
margin-top: 5px;
padding: 0
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none
}
.select2-dropdown {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
box-sizing: border-box;
display: block;
position: absolute;
left: -100000px;
width: 100%;
z-index: 1051
}
.select2-results {
display: block
}
.select2-results__options {
list-style: none;
margin: 0;
padding: 0
}
.select2-results__option {
padding: 6px;
user-select: none;
-webkit-user-select: none
}
.select2-results__option[aria-selected] {
cursor: pointer
}
.select2-container--open .select2-dropdown {
left: 0
}
.select2-container--open .select2-dropdown--above {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.select2-container--open .select2-dropdown--below {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0
}
.select2-search--dropdown {
display: block;
padding: 4px
}
.select2-search--dropdown .select2-search__field {
padding: 4px;
width: 100%;
box-sizing: border-box
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none
}
.select2-search--dropdown.select2-search--hide {
display: none
}
.select2-close-mask {
border: 0;
margin: 0;
padding: 0;
display: block;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
opacity: 0;
z-index: 99;
background-color: #fff;
filter: alpha(opacity=0)
}
.select2-hidden-accessible {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important
}
.select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #aaa;
border-radius: 4px
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px
}
.select2-container--default .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #999
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
left: 1px;
right: auto
}
.select2-container--default.select2-container--disabled .select2-selection--single {
background-color: #eee;
cursor: default
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
display: none
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px
}
.select2-container--default .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0 5px;
width: 100%
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
list-style: none
}
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
color: #999;
margin-top: 5px;
float: left
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
margin-top: 5px;
margin-right: 10px
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
color: #999;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right: 2px
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #333
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
float: right
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
border: solid black 1px;
outline: 0
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
background-color: #eee;
cursor: default
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
display: none
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa
}
.select2-container--default .select2-search--inline .select2-search__field {
background: transparent;
border: none;
outline: 0;
box-shadow: none;
-webkit-appearance: textfield
}
.select2-container--default .select2-results>.select2-results__options {
max-height: 200px;
overflow-y: auto
}
.select2-container--default .select2-results__option[role=group] {
padding: 0
}
.select2-container--default .select2-results__option[aria-disabled=true] {
color: #999
}
.select2-container--default .select2-results__option[aria-selected=true] {
background-color: #ddd
}
.select2-container--default .select2-results__option .select2-results__option {
padding-left: 1em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
padding-left: 0
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
margin-left: -1em;
padding-left: 2em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -2em;
padding-left: 3em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -3em;
padding-left: 4em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -4em;
padding-left: 5em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -5em;
padding-left: 6em
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #5897fb;
color: white
}
.select2-container--default .select2-results__group {
cursor: default;
display: block;
padding: 6px
}
.select2-container--classic .select2-selection--single {
background-color: #f7f7f7;
border: 1px solid #aaa;
border-radius: 4px;
outline: 0;
background-image: -webkit-linear-gradient(top, white 50%, #eee 100%);
background-image: -o-linear-gradient(top, white 50%, #eee 100%);
background-image: linear-gradient(to bottom, white 50%, #eee 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}
.select2-container--classic .select2-selection--single:focus {
border: 1px solid #5897fb
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
margin-right: 10px
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
color: #999
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
background-color: #ddd;
border: none;
border-left: 1px solid #aaa;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
float: left
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
border: none;
border-right: 1px solid #aaa;
border-radius: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
left: 1px;
right: auto
}
.select2-container--classic.select2-container--open .select2-selection--single {
border: 1px solid #5897fb
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
background: transparent;
border: none
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
background-image: -webkit-linear-gradient(top, white 0%, #eee 50%);
background-image: -o-linear-gradient(top, white 0%, #eee 50%);
background-image: linear-gradient(to bottom, white 0%, #eee 50%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background-image: -webkit-linear-gradient(top, #eee 50%, white 100%);
background-image: -o-linear-gradient(top, #eee 50%, white 100%);
background-image: linear-gradient(to bottom, #eee 50%, white 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
}
.select2-container--classic .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text;
outline: 0
}
.select2-container--classic .select2-selection--multiple:focus {
border: 1px solid #5897fb
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
list-style: none;
margin: 0;
padding: 0 5px
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
display: none
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
color: #888;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right: 2px
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #555
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
float: right
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
border: 1px solid #5897fb
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
outline: 0
}
.select2-container--classic .select2-search--inline .select2-search__field {
outline: 0;
box-shadow: none
}
.select2-container--classic .select2-dropdown {
background-color: white;
border: 1px solid transparent
}
.select2-container--classic .select2-dropdown--above {
border-bottom: none
}
.select2-container--classic .select2-dropdown--below {
border-top: none
}
.select2-container--classic .select2-results>.select2-results__options {
max-height: 200px;
overflow-y: auto
}
.select2-container--classic .select2-results__option[role=group] {
padding: 0
}
.select2-container--classic .select2-results__option[aria-disabled=true] {
color: grey
}
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
background-color: #3875d7;
color: white
}
.select2-container--classic .select2-results__group {
cursor: default;
display: block;
padding: 6px
}
.select2-container--classic.select2-container--open .select2-dropdown {
border-color: #5897fb
}
.row.masonry {
position: relative;
height: 100vh
}
.row.masonry.thb-loaded {
height: auto
}
.row.masonry.mini-padding+.text-center .masonry_btn,
.row.masonry.no-padding+.text-center .masonry_btn,
.row .row.masonry.no-padding+.text-center .masonry_btn {
margin-top: 60px
}
.thb-portfolio.regular-padding .style1,
.thb-portfolio.regular-padding .style2,
.thb-portfolio.regular-padding .style3,
.thb-portfolio.regular-padding .style4,
.thb-portfolio.regular-padding .style5,
.thb-portfolio.regular-padding .style6,
.thb-portfolio.regular-padding .style7,
.thb-portfolio.regular-padding .style8,
.thb-portfolio.regular-padding .style9,
.thb-portfolio.regular-padding .style10 {
margin-bottom: 20px
}
@media only screen and (min-width: 640px) {
.thb-portfolio.regular-padding .style1,
.thb-portfolio.regular-padding .style2,
.thb-portfolio.regular-padding .style3,
.thb-portfolio.regular-padding .style4,
.thb-portfolio.regular-padding .style5,
.thb-portfolio.regular-padding .style6,
.thb-portfolio.regular-padding .style7,
.thb-portfolio.regular-padding .style8,
.thb-portfolio.regular-padding .style9,
.thb-portfolio.regular-padding .style10 {
margin-bottom: 30px
}
}
@media only screen and (min-width: 1024px) {
.thb-portfolio.regular-padding .style1,
.thb-portfolio.regular-padding .style2,
.thb-portfolio.regular-padding .style3,
.thb-portfolio.regular-padding .style4,
.thb-portfolio.regular-padding .style5,
.thb-portfolio.regular-padding .style6,
.thb-portfolio.regular-padding .style7,
.thb-portfolio.regular-padding .style8,
.thb-portfolio.regular-padding .style9,
.thb-portfolio.regular-padding .style10 {
margin-bottom: 40px
}
}
.thb-portfolio.mini-padding {
margin: 0 -5px
}
.thb-portfolio.mini-padding .style1,
.thb-portfolio.mini-padding .style2,
.thb-portfolio.mini-padding .style3,
.thb-portfolio.mini-padding .style4,
.thb-portfolio.mini-padding .style5,
.thb-portfolio.mini-padding .style6,
.thb-portfolio.mini-padding .style7,
.thb-portfolio.mini-padding .style8,
.thb-portfolio.mini-padding .style9,
.thb-portfolio.mini-padding .style10 {
padding: 0 5px;
margin-bottom: 10px
}
.thb-portfolio.no-padding,
.row .thb-portfolio.row.no-padding {
margin: 0
}
.thb-portfolio.no-padding .style1,
.thb-portfolio.no-padding .style2,
.thb-portfolio.no-padding .style3,
.thb-portfolio.no-padding .style4,
.thb-portfolio.no-padding .style5,
.thb-portfolio.no-padding .style6,
.thb-portfolio.no-padding .style7,
.thb-portfolio.no-padding .style8,
.thb-portfolio.no-padding .style9,
.thb-portfolio.no-padding .style10 {
padding: 0;
margin-bottom: 0
}
.thb-portfolio[data-thb-animation="thb-animate-from-bottom"] .portfolio-holder {
opacity: 0;
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px)
}
.thb-portfolio[data-thb-animation="thb-fade"] .portfolio-holder {
opacity: 0
}
.thb-portfolio[data-thb-animation="thb-scale"] .portfolio-holder {
opacity: 0;
-webkit-transform: scale(0, 0);
-moz-transform: scale(0, 0);
-ms-transform: scale(0, 0);
-o-transform: scale(0, 0);
transform: scale(0, 0)
}
.thb-portfolio[data-thb-animation="thb-vertical-flip"] {
-webkit-perspective: 1500px;
-moz-perspective: 1500px;
-ms-perspective: 1500px;
-o-perspective: 1500px;
perspective: 1500px;
-webkit-perspective-origin: 50% 0;
-moz-perspective-origin: 50% 0;
-ms-perspective-origin: 50% 0;
-o-perspective-origin: 50% 0;
perspective-origin: 50% 0;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d
}
.thb-portfolio[data-thb-animation="thb-vertical-flip"] .type-portfolio {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d
}
.thb-portfolio[data-thb-animation="thb-vertical-flip"] .portfolio-holder {
opacity: 0;
will-change: transform;
-webkit-transform: translateY(350px) rotateX(25deg);
-moz-transform: translateY(350px) rotateX(25deg);
-ms-transform: translateY(350px) rotateX(25deg);
-o-transform: translateY(350px) rotateX(25deg);
transform: translateY(350px) rotateX(25deg)
}
.thb-portfolio[data-thb-animation="thb-reveal-left"] .portfolio-holder {
opacity: 1;
-webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
-moz-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
-ms-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
clip-path: polygon(0 0, 0 0, 0 100%, 0 100%)
}
.thb-portfolio.variable-height .wp-post-image {
object-fit: cover;
height: 100%;
width: 100%
}
.thb-portfolio .type-portfolio {
display: block;
width: 100%
}
.thb-portfolio .type-portfolio .portfolio-holder {
position: relative
}
.thb-portfolio .type-portfolio .portfolio-holder .thb-portfolio-link,
.thb-portfolio .type-portfolio .portfolio-holder .thb-portfolio-hover,
.thb-portfolio .type-portfolio .portfolio-holder .thb-portfolio-content,
.thb-portfolio .type-portfolio .portfolio-holder .thb-portfolio-video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.thb-portfolio .type-portfolio .portfolio-holder .thb-portfolio-video {
z-index: 0
}
.thb-portfolio .type-portfolio .portfolio-holder .thb-portfolio-video video {
min-height: 100%
}
.thb-portfolio .type-portfolio .portfolio-holder .thb-portfolio-hover {
z-index: 30
}
.thb-portfolio .type-portfolio .portfolio-holder .thb-portfolio-content {
z-index: 40
}
.thb-portfolio .type-portfolio .portfolio-holder .thb-portfolio-link {
z-index: 50
}
.thb-portfolio .type-portfolio .portfolio-holder .thb-portfolio-image img {
width: 100%;
object-fit: cover
}
.thb-portfolio .type-portfolio .portfolio-holder h1,
.thb-portfolio .type-portfolio .portfolio-holder h2,
.thb-portfolio .type-portfolio .portfolio-holder h3,
.thb-portfolio .type-portfolio .portfolio-holder h4,
.thb-portfolio .type-portfolio .portfolio-holder h5,
.thb-portfolio .type-portfolio .portfolio-holder h6 {
max-width: 100%
}
.thb-portfolio .type-portfolio.dark-title .thb-categories,
.thb-portfolio .type-portfolio.dark-title h2,
.thb-portfolio .type-portfolio.dark-title h3,
.thb-portfolio .type-portfolio.dark-title h4,
.thb-portfolio .type-portfolio.dark-title h5,
.thb-portfolio .type-portfolio.dark-title h6,
.thb-portfolio .type-portfolio.dark-title .portfolio-read-more,
.thb-portfolio .type-portfolio.dark-title .thb-excerpt {
color: #090909
}
.thb-portfolio .type-portfolio.light-title .thb-categories,
.thb-portfolio .type-portfolio.light-title h2,
.thb-portfolio .type-portfolio.light-title h3,
.thb-portfolio .type-portfolio.light-title h4,
.thb-portfolio .type-portfolio.light-title h5,
.thb-portfolio .type-portfolio.light-title h6,
.thb-portfolio .type-portfolio.light-title .portfolio-read-more,
.thb-portfolio .type-portfolio.light-title .thb-excerpt {
color: #fff
}
.thb-portfolio .type-portfolio.thb-video-item:hover .wp-post-image {
opacity: 0
}
.thb-portfolio .type-portfolio.thb-video-item.style2 .thb-portfolio-image,
.thb-portfolio .type-portfolio.thb-video-item.style7 .thb-portfolio-image,
.thb-portfolio .type-portfolio.thb-video-item.style8 .thb-portfolio-image,
.thb-portfolio .type-portfolio.thb-video-item.style9 .thb-portfolio-image,
.thb-portfolio .type-portfolio.thb-video-item.style10 .thb-portfolio-image {
position: relative;
z-index: 20
}
.thb-portfolio .type-portfolio.thb-video-item.style4 .wp-post-image,
.thb-portfolio .type-portfolio.thb-video-item.style5 .wp-post-image {
position: relative;
z-index: 20
}
.thb-portfolio .type-portfolio.style1 {
z-index: 30
}
.thb-portfolio .type-portfolio.style1:hover {
z-index: 999 !important
}
.thb-portfolio .type-portfolio.style1:hover .thb-portfolio-hover {
opacity: 1
}
.thb-portfolio .type-portfolio.style1 .visually-hidden {
visibility: hidden;
opacity: 0;
object-fit: cover
}
.thb-portfolio .type-portfolio.style1 .thb-portfolio-image {
outline: 1px solid transparent
}
.thb-portfolio .type-portfolio.style1 .thb-portfolio-content {
padding: 10%;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start
}
.thb-portfolio .type-portfolio.style1 .thb-portfolio-hover {
opacity: 0
}
.thb-portfolio .type-portfolio.style1 h2 {
margin: 0;
width: 100%
}
.thb-portfolio .type-portfolio.style1.thb-added .reveal-in {
-webkit-clip-path: none;
-moz-clip-path: none;
-ms-clip-path: none;
clip-path: none
}
.thb-portfolio .type-portfolio.style2 .portfolio-holder {
overflow: hidden
}
.thb-portfolio .type-portfolio.style2 .thb-portfolio-content {
top: 0;
left: auto;
right: 0;
height: 100%;
width: 50%;
padding: 10%;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
background: #fff;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%)
}
.thb-portfolio .type-portfolio.style2 h6 {
text-transform: none;
font-weight: 500;
font-size: 20px;
margin-bottom: 5px
}
.thb-portfolio .type-portfolio.style2 .thb-categories {
font-size: 13px
}
.thb-portfolio .type-portfolio.style2 .portfolio-read-more {
font-size: 14px
}
.thb-portfolio .type-portfolio.style2.light-title .thb-portfolio-content {
background: #090909
}
.thb-portfolio .type-portfolio.style2:hover .thb-portfolio-image {
-webkit-transform: translateX(-10%);
-moz-transform: translateX(-10%);
-ms-transform: translateX(-10%);
-o-transform: translateX(-10%);
transform: translateX(-10%)
}
.thb-portfolio .type-portfolio.style2:hover .thb-portfolio-content {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%)
}
.thb-portfolio .type-portfolio.style3 {
z-index: 30;
border-radius: 5px
}
.thb-portfolio .type-portfolio.style3 .portfolio-holder {
border-radius: 5px
}
.thb-portfolio .type-portfolio.style3.thb-added .portfolio-holder:after {
content: '';
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
opacity: 0;
border-radius: 5px;
-webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4)
}
.thb-portfolio .type-portfolio.style3.thb-video-item .thb-portfolio-image {
position: relative;
z-index: 10
}
.thb-portfolio .type-portfolio.style3.thb-video-item .thb-portfolio-video {
border-radius: 5px;
overflow: hidden
}
.thb-portfolio .type-portfolio.style3.thb-video-item:hover .thb-portfolio-image {
opacity: 0
}
.thb-portfolio .type-portfolio.style3 .thb-portfolio-image {
border-radius: 5px;
overflow: hidden
}
.thb-portfolio .type-portfolio.style3 .thb-portfolio-hover {
opacity: 0;
background: #fff;
border-radius: 5px
}
.thb-portfolio .type-portfolio.style3 .thb-portfolio-content {
left: 0;
padding: 10%;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
border-radius: 5px
}
.thb-portfolio .type-portfolio.style3 .thb-portfolio-content>div {
display: flex;
flex-direction: column;
width: 100%
}
.thb-portfolio .type-portfolio.style3 .thb-portfolio-content .thb-excerpt {
font-size: 16px;
margin-top: 20px;
opacity: 0;
overflow: hidden;
flex: 1;
display: flex;
text-overflow: ellipsis
}
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
.thb-portfolio .type-portfolio.style3 .thb-portfolio-content .thb-excerpt {
flex: none
}
}
.thb-portfolio .type-portfolio.style3 .thb-portfolio-content .portfolio-read-more {
font-size: 14px;
opacity: 0
}
.thb-portfolio .type-portfolio.style3 h3 {
font-size: 20px;
margin-bottom: 5px
}
.thb-portfolio .type-portfolio.style3.light-title .thb-portfolio-hover {
background: #090909
}
.thb-portfolio .type-portfolio.style3.thb-added:hover .portfolio-holder {
transform: translateY(-20px) !important
}
.thb-portfolio .type-portfolio.style3.thb-added:hover .portfolio-holder:after {
opacity: 1
}
.thb-portfolio .type-portfolio.style3.thb-added:hover .thb-portfolio-hover,
.thb-portfolio .type-portfolio.style3.thb-added:hover .thb-excerpt,
.thb-portfolio .type-portfolio.style3.thb-added:hover .portfolio-read-more {
opacity: 1
}
.thb-portfolio .type-portfolio.style3:hover {
z-index: 999 !important
}
.thb-portfolio .type-portfolio.style4 {
margin-bottom: 40px
}
.thb-portfolio .type-portfolio.style4 .thb-portfolio-image {
position: relative;
margin-bottom: 20px
}
.thb-portfolio .type-portfolio.style4 .thb-portfolio-image .thb-portfolio-hover {
opacity: 0
}
.thb-portfolio .type-portfolio.style4 .thb-portfolio-content {
position: relative;
padding-right: 50px
}
.thb-portfolio .type-portfolio.style4 .thb-portfolio-content h5 {
font-weight: 500;
margin-bottom: 10px
}
.thb-portfolio .type-portfolio.style4 .thb-portfolio-content .thb-categories {
font-size: 14px
}
.thb-portfolio .type-portfolio.style4 .thb-portfolio-content svg {
position: absolute;
top: 50%;
right: 8px;
fill: rgba(9, 9, 9, 0.2);
-webkit-transition: all .15s linear;
-moz-transition: all .15s linear;
-o-transition: all .15s linear;
transition: all .15s linear;
-webkit-transform: translate3d(0%, -50%, 0);
-moz-transform: translate3d(0%, -50%, 0);
-ms-transform: translate3d(0%, -50%, 0);
-o-transform: translate3d(0%, -50%, 0);
transform: translate3d(0%, -50%, 0)
}
.thb-portfolio .type-portfolio.style4 .thb-portfolio-content svg .bar {
fill: #090909;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transition: all .15s linear;
-moz-transition: all .15s linear;
-o-transition: all .15s linear;
transition: all .15s linear
}
.thb-portfolio .type-portfolio.style4:hover .thb-portfolio-hover {
opacity: 1
}
.thb-portfolio .type-portfolio.style4:hover svg {
fill: #090909;
-webkit-transform: translate3d(20%, -50%, 0);
-moz-transform: translate3d(20%, -50%, 0);
-ms-transform: translate3d(20%, -50%, 0);
-o-transform: translate3d(20%, -50%, 0);
transform: translate3d(20%, -50%, 0)
}
.thb-portfolio .type-portfolio.style4:hover svg .bar {
opacity: 1;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
.thb-portfolio .type-portfolio.style5 {
margin-bottom: 40px
}
.thb-portfolio .type-portfolio.style5 .thb-portfolio-image {
position: relative;
margin-bottom: 25px;
transform-origin: center center;
overflow: hidden
}
.thb-portfolio .type-portfolio.style5 .thb-portfolio-image .wp-post-image {
transform-origin: center center
}
.thb-portfolio .type-portfolio.style5 .thb-portfolio-image .thb-portfolio-hover {
opacity: 0
}
.thb-portfolio .type-portfolio.style5 .thb-portfolio-content {
position: static
}
.thb-portfolio .type-portfolio.style5 .thb-portfolio-content h6 {
font-weight: 600;
font-size: 14px;
color: #090909;
margin-bottom: 5px
}
.thb-portfolio .type-portfolio.style5 .thb-portfolio-content .thb-categories {
font-size: 12px;
color: #878787
}
.thb-portfolio .type-portfolio.style5:hover .thb-portfolio-image {
-webkit-transform: scale(.93, .93);
-moz-transform: scale(.93, .93);
-ms-transform: scale(.93, .93);
-o-transform: scale(.93, .93);
transform: scale(.93, .93)
}
.thb-portfolio .type-portfolio.style5:hover .thb-portfolio-image .wp-post-image {
-webkit-transform: scale(1.09, 1.09);
-moz-transform: scale(1.09, 1.09);
-ms-transform: scale(1.09, 1.09);
-o-transform: scale(1.09, 1.09);
transform: scale(1.09, 1.09)
}
.thb-portfolio .type-portfolio.style5:hover .thb-portfolio-hover {
opacity: 1
}
.thb-portfolio .type-portfolio.style6 .portfolio-holder {
overflow: hidden
}
.thb-portfolio .type-portfolio.style6 .thb-portfolio-hover {
opacity: 0
}
.thb-portfolio .type-portfolio.style6 .thb-portfolio-content {
left: 0;
top: auto;
bottom: 0;
padding: 10%;
height: auto;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%)
}
.thb-portfolio .type-portfolio.style6 h3 {
font-size: 20px;
margin-bottom: 5px
}
.thb-portfolio .type-portfolio.style6:hover .thb-portfolio-hover {
opacity: 1
}
.thb-portfolio .type-portfolio.style6:hover .thb-portfolio-content {
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%)
}
.thb-portfolio .type-portfolio.style7 .portfolio-holder {
overflow: hidden
}
.thb-portfolio .type-portfolio.style7 .thb-portfolio-content {
top: 0;
left: auto;
right: 0;
height: 100%;
width: 100%;
padding: 10%;
display: flex;
flex-direction: column;
align-items: flex-start
}
.thb-portfolio .type-portfolio.style7 .thb-portfolio-hover {
opacity: 0
}
.thb-portfolio .type-portfolio.style7 h5 {
text-transform: none;
font-weight: 500;
margin-bottom: 5px
}
.thb-portfolio .type-portfolio.style7 .thb-categories {
font-size: 13px
}
.thb-portfolio .type-portfolio.style7 h5,
.thb-portfolio .type-portfolio.style7 .thb-categories {
overflow: hidden;
display: block
}
.thb-portfolio .type-portfolio.style7 h5 span,
.thb-portfolio .type-portfolio.style7 .thb-categories span {
display: block;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%)
}
.thb-portfolio .type-portfolio.style7:hover .thb-portfolio-hover {
opacity: 1
}
.thb-portfolio .type-portfolio.style7:hover h5 span,
.thb-portfolio .type-portfolio.style7:hover .thb-categories span {
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%)
}
.thb-portfolio .type-portfolio.style7:hover h5 span {
-webkit-transition-delay: .1s;
-moz-transition-delay: .1s;
-o-transition-delay: .1s;
transition-delay: .1s
}
.thb-portfolio .type-portfolio.style7:hover .thb-categories span {
-webkit-transition-delay: .2s;
-moz-transition-delay: .2s;
-o-transition-delay: .2s;
transition-delay: .2s
}
.thb-portfolio .type-portfolio.style8 .portfolio-holder {
overflow: hidden
}
.thb-portfolio .type-portfolio.style8 .thb-portfolio-hover {
opacity: 0
}
.thb-portfolio .type-portfolio.style8 .thb-portfolio-content {
left: 0;
top: 0;
bottom: 0;
padding: 10% 15%;
height: auto;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
opacity: 0
}
.thb-portfolio .type-portfolio.style8 h3 {
font-size: 20px;
margin-bottom: 0;
font-weight: 400;
text-align: center
}
@media only screen and (min-width: 640px) {
.thb-portfolio .type-portfolio.style8 h3 {
font-size: 26px
}
}
.thb-portfolio .type-portfolio.style8 .thb-categories {
font-size: 12px;
line-height: 1;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 10px
}
.thb-portfolio .type-portfolio.style8:hover .thb-portfolio-hover {
opacity: 1
}
.thb-portfolio .type-portfolio.style8:hover .thb-portfolio-content {
opacity: 1;
-webkit-transition-delay: .1s;
-moz-transition-delay: .1s;
-o-transition-delay: .1s;
transition-delay: .1s
}
.thb-portfolio .type-portfolio.style9 .thb-portfolio-image {
overflow: hidden
}
.thb-portfolio .type-portfolio.style9 .thb-portfolio-hover {
top: auto;
bottom: 0;
height: 6px;
opacity: 1;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-o-transform-origin: 0 0;
transform-origin: 0 0
}
.thb-portfolio .type-portfolio.style9 .thb-portfolio-content {
padding: 10%;
-webkit-perspective: 500px;
-moz-perspective: 500px;
-ms-perspective: 500px;
-o-perspective: 500px;
perspective: 500px
}
.thb-portfolio .type-portfolio.style9 .thb-portfolio-content .thb-categories {
text-transform: uppercase;
font-size: 12px;
margin-bottom: 10px;
font-weight: 600;
opacity: 0;
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-transform: rotateX(75deg);
-moz-transform: rotateX(75deg);
-ms-transform: rotateX(75deg);
-o-transform: rotateX(75deg);
transform: rotateX(75deg);
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: -webkit-transform .5s cubic-bezier(0.25, 0.8, 0.25, 1);
-moz-transition: -moz-transform .5s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: -o-transform .5s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: transform .5s cubic-bezier(0.25, 0.8, 0.25, 1)
}
.thb-portfolio .type-portfolio.style9 .thb-portfolio-content h3 {
font-weight: 400;
margin: 0;
opacity: 0;
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-transform: rotateX(75deg);
-moz-transform: rotateX(75deg);
-ms-transform: rotateX(75deg);
-o-transform: rotateX(75deg);
transform: rotateX(75deg);
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: -webkit-transform .5s cubic-bezier(0.25, 0.8, 0.25, 1);
-moz-transition: -moz-transform .5s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: -o-transform .5s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: transform .5s cubic-bezier(0.25, 0.8, 0.25, 1)
}
.thb-portfolio .type-portfolio.style9:hover .thb-portfolio-hover {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
.thb-portfolio .type-portfolio.style9:hover .thb-categories,
.thb-portfolio .type-portfolio.style9:hover h3 {
opacity: 1;
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg)
}
.thb-portfolio .type-portfolio.style9:hover .thb-categories+h3 {
-webkit-transition-delay: .05s;
-moz-transition-delay: .05s;
-o-transition-delay: .05s;
transition-delay: .05s
}
.thb-portfolio .type-portfolio.style9:not(.thb-video-item):hover .thb-portfolio-image .wp-post-image {
-webkit-transform: scale(1.05, 1.05);
-moz-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05)
}
.thb-portfolio .type-portfolio.style10 .thb-portfolio-image {
position: relative;
z-index: 10
}
.thb-portfolio .type-portfolio.style10 .thb-image-hover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
z-index: 10;
will-change: opacity
}
.thb-portfolio .type-portfolio.style10 .thb-image-hover img {
width: 100%;
height: 100%;
object-fit: cover
}
.thb-portfolio .type-portfolio.style10 .thb-portfolio-hover {
opacity: 0
}
.thb-portfolio .type-portfolio.style10:hover .thb-image-hover,
.thb-portfolio .type-portfolio.style10:hover .thb-portfolio-hover {
opacity: 1
}
.thb-portfolio .type-portfolio.style10 .thb-portfolio-content {
left: 0;
top: 0;
bottom: 0;
padding: 10%;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start
}
.thb-portfolio .type-portfolio.style10 .thb-portfolio-content h3 {
margin-bottom: 5px
}
.thb-portfolio-filter.style1 ul {
list-style: none;
margin: 0 0 40px;
padding: 0
}
.thb-portfolio-filter.style1 ul li {
display: flex;
font-size: 16px;
font-weight: 400;
margin: 0 0 20px
}
@media only screen and (min-width: 640px) {
.thb-portfolio-filter.style1 ul li {
display: inline-flex;
margin: 0 20px 0 0
}
}
@media only screen and (min-width: 640px) {
.rtl .thb-portfolio-filter.style1 ul li {
margin: 0 0 0 20px
}
}
.thb-portfolio-filter.style1 ul li a {
display: block;
position: relative;
cursor: pointer
}
.thb-portfolio-filter.style1 ul li a:before {
content: '';
display: block;
position: absolute;
left: 0;
width: 100%;
top: 100%;
height: 1px;
background: #ee9982;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-o-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1)
}
.thb-portfolio-filter.style1 ul li a:hover,
.thb-portfolio-filter.style1 ul li a.active {
color: #ee9982
}
.thb-portfolio-filter.style1 ul li a:hover:before,
.thb-portfolio-filter.style1 ul li a.active:before {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
.thb-portfolio-filter.style3 ul {
list-style: none;
margin: 0 0 40px;
padding: 0
}
.thb-portfolio-filter.style3 ul li {
display: flex;
font-size: 12px;
text-transform: uppercase;
font-weight: 600;
margin: 0 0 20px
}
@media only screen and (min-width: 640px) {
.thb-portfolio-filter.style3 ul li {
display: inline-flex;
margin: 0 20px 0 0
}
}
@media only screen and (min-width: 640px) {
.rtl .thb-portfolio-filter.style3 ul li {
display: inline-flex;
margin: 0 0 0 20px
}
}
.thb-portfolio-filter.style3 ul li a {
display: block;
position: relative;
cursor: pointer;
color: rgba(52, 52, 52, 0.7)
}
.thb-portfolio-filter.style3 ul li a:before {
content: '';
display: block;
position: absolute;
left: 0;
width: 100%;
top: 100%;
height: 2px;
background: #ee9982;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-o-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1)
}
.thb-portfolio-filter.style3 ul li a:hover,
.thb-portfolio-filter.style3 ul li a.active {
color: #343434
}
.thb-portfolio-filter.style3 ul li a:hover:before,
.thb-portfolio-filter.style3 ul li a.active:before {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
.thb-portfolio-filter.style2 {
font-size: 18px;
color: #090909;
display: inline-flex;
margin-bottom: 60px
}
.thb-portfolio-filter.style2+.thb-portfolio {
z-index: 8
}
.thb-portfolio-filter.style2 .thb-filter-by {
margin-right: 8px;
white-space: nowrap;
line-height: 28px
}
.rtl .thb-portfolio-filter.style2 .thb-filter-by {
margin-right: 0;
margin-left: 8px
}
.thb-portfolio-filter.style2 .thb-select2 {
visibility: hidden
}
.thb-portfolio-filter.style2 .select2.select2-container--default {
margin: 0;
height: 28px;
line-height: 28px
}
.thb-portfolio-filter.style2 .select2.select2-container--default .select2-selection--single {
display: flex;
position: relative;
border: 0;
z-index: 10;
background: none;
outline: none;
font-size: 18px;
align-items: center;
height: 28px;
line-height: 28px
}
.thb-portfolio-filter.style2 .select2.select2-container--default .select2-selection--single .select2-selection__rendered {
display: inline-block;
vertical-align: middle;
padding: 0;
color: #ee9982;
height: 28px;
line-height: 28px
}
.thb-portfolio-filter.style2 .select2.select2-container--default .select2-selection--single .select2-selection__arrow {
display: block;
position: relative;
width: 7px;
margin-left: 10px;
height: 4px;
margin-top: -2px
}
.thb-portfolio-filter.style2 .select2.select2-container--default .select2-selection--single .select2-selection__arrow:after,
.thb-portfolio-filter.style2 .select2.select2-container--default .select2-selection--single .select2-selection__arrow:before {
content: '';
height: 1px;
display: block;
width: 5px;
position: absolute;
left: 0px;
top: 0;
background: #ee9982;
-webkit-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-o-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: rotateZ(35deg);
-moz-transform: rotateZ(35deg);
-ms-transform: rotateZ(35deg);
-o-transform: rotateZ(35deg);
transform: rotateZ(35deg)
}
.thb-portfolio-filter.style2 .select2.select2-container--default .select2-selection--single .select2-selection__arrow:before {
left: auto;
right: 0px;
-webkit-transform-origin: 100% 0%;
-moz-transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
-o-transform-origin: 100% 0%;
transform-origin: 100% 0%;
-webkit-transform: rotateZ(-35deg);
-moz-transform: rotateZ(-35deg);
-ms-transform: rotateZ(-35deg);
-o-transform: rotateZ(-35deg);
transform: rotateZ(-35deg)
}
.thb-portfolio-filter.style2 .select2.select2-container--default .select2-selection--single .select2-selection__arrow b {
display: none
}
.thb-portfolio-filter.style2 .select2.select2-container--default:after {
content: '';
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 200vh;
background: rgba(255, 255, 255, 0.95);
z-index: 9;
visibility: hidden;
pointer-events: none;
opacity: 0
}
.thb-portfolio-filter.style2 .select2.select2-container--default.select2-container--open:after {
opacity: 1;
visibility: visible
}
.thb-portfolio-filter.style2 .select2-dropdown {
border: 0;
overflow: hidden;
background: none
}
.thb-portfolio-filter.style2 .select2-dropdown .select2-results__options {
overflow-x: hidden;
max-height: 100%;
padding: 15px 0
}
.thb-portfolio-filter.style2 .select2-dropdown .select2-results__options .select2-results__option {
display: block;
position: relative;
cursor: pointer;
opacity: 0;
font-size: 18px;
padding: 12px 0;
line-height: 1;
margin: 0;
-webkit-transform: translateX(30px);
-moz-transform: translateX(30px);
-ms-transform: translateX(30px);
-o-transform: translateX(30px);
transform: translateX(30px)
}
.thb-portfolio-filter.style2 .select2-dropdown .select2-results__options .select2-results__option span {
display: inline-block;
position: relative;
line-height: 1.23
}
.thb-portfolio-filter.style2 .select2-dropdown .select2-results__options .select2-results__option span:before {
content: '';
display: block;
position: absolute;
left: 0;
width: 100%;
top: 100%;
height: 1px;
background: #ee9982;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-o-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1)
}
.thb-portfolio-filter.style2 .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true],
.thb-portfolio-filter.style2 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--highlighted {
background: none
}
.thb-portfolio-filter.style2 .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true] span,
.thb-portfolio-filter.style2 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--highlighted span {
color: #ee9982
}
.thb-portfolio-filter.style2 .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true] span:before,
.thb-portfolio-filter.style2 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--highlighted span:before {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
.thb-portfolio-filter.style2[data-style2-color="dark"] .select2.select2-container--default:after {
background: rgba(0, 0, 0, 0.9)
}
.thb-portfolio-filter.style2[data-style2-color="dark"] .select2-dropdown .select2-results__options .select2-results__option span {
color: #fff
}
.thb-portfolio-share {
display: inline-flex;
align-items: center;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
-moz-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
line-height: 1;
font-size: 12px;
padding: 10px 20px 10px 0
}
.thb-portfolio-share:hover {
-webkit-transform: translate3d(-100%, -50%, 0);
-moz-transform: translate3d(-100%, -50%, 0);
-ms-transform: translate3d(-100%, -50%, 0);
-o-transform: translate3d(-100%, -50%, 0);
transform: translate3d(-100%, -50%, 0)
}
.thb-portfolio-share strong {
font-size: 14px;
white-space: nowrap;
display: inline-flex;
position: relative;
align-items: center;
font-weight: 400;
cursor: default
}
.thb-portfolio-share strong span {
display: inline-flex;
align-items: center;
padding-right: 4px;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%)
}
.thb-portfolio-share strong span svg {
-webkit-transform: scale(.5, .5);
-moz-transform: scale(.5, .5);
-ms-transform: scale(.5, .5);
-o-transform: scale(.5, .5);
transform: scale(.5, .5)
}
.thb-portfolio-share ul {
list-style: none;
display: block;
padding: 10px 0;
margin: 0;
font-size: 16px;
line-height: 1;
position: absolute;
top: 50%;
left: calc(100% + 10px);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.thb-portfolio-share ul li {
display: inline-block;
margin: 0;
overflow: hidden;
vertical-align: middle
}
.thb-portfolio-share ul li a {
display: block;
color: #343434;
opacity: 0.6;
padding: 0 5px;
-webkit-transition: opacity .25s cubic-bezier(0.25, 0.8, 0.25, 1);
-moz-transition: opacity .25s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: opacity .25s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: opacity .25s cubic-bezier(0.25, 0.8, 0.25, 1);
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%)
}
.thb-portfolio-share ul li a.active,
.thb-portfolio-share ul li a:hover {
opacity: 1
}
.thb-portfolio-share ul li a .fa-facebook {
-webkit-transform: scale(.85, .85);
-moz-transform: scale(.85, .85);
-ms-transform: scale(.85, .85);
-o-transform: scale(.85, .85);
transform: scale(.85, .85)
}
.thb-portfolio-share ul li a svg {
display: inline-flex;
vertical-align: middle
}
.thb_portfolio_nav {
background: #090909
}
.thb_portfolio_nav .inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.8;
z-index: 0
}
.thb_portfolio_nav .inner img {
display: block;
object-fit: cover;
width: 100%;
height: 100%
}
.thb_portfolio_nav .post_nav_link {
display: flex;
height: 100%;
justify-content: center;
align-items: center;
position: relative;
overflow: hidden;
color: #fff;
padding: 20% 0 10%
}
.thb_portfolio_nav .post_nav_link strong {
position: absolute;
top: 15px;
font-weight: 500;
font-size: 14px;
z-index: 2
}
@media only screen and (min-width: 640px) {
.thb_portfolio_nav .post_nav_link strong {
top: 45px
}
}
.thb_portfolio_nav .post_nav_link div:not(.inner) {
display: flex;
z-index: 1;
flex-direction: column;
top: 0;
left: 0;
width: 100%;
padding: 0 20%
}
.thb_portfolio_nav .post_nav_link div:not(.inner) span {
font-weight: 500
}
@media only screen and (min-width: 640px) {
.thb_portfolio_nav .post_nav_link div:not(.inner) span {
font-size: 26px
}
}
.thb_portfolio_nav .post_nav_link div:not(.inner) em {
display: block;
opacity: 0;
font-size: 14px;
font-style: normal;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px)
}
.thb_portfolio_nav .post_nav_link:hover {
color: #fff
}
.thb_portfolio_nav .post_nav_link:hover .inner {
opacity: 0.2
}
.thb_portfolio_nav .post_nav_link:hover div:not(.inner) span {
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px)
}
.thb_portfolio_nav .post_nav_link:hover div:not(.inner) em {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.thb_portfolio_nav .post_nav_link.prev strong {
right: 15px
}
@media only screen and (min-width: 640px) {
.thb_portfolio_nav .post_nav_link.prev strong {
right: 45px
}
}
.thb_portfolio_nav .post_nav_link.prev div {
text-align: right
}
.thb_portfolio_nav .post_nav_link.next strong {
left: 15px
}
@media only screen and (min-width: 640px) {
.thb_portfolio_nav .post_nav_link.next strong {
left: 45px
}
}
.thb_portfolio_nav.style1 .post_nav_link {
padding: 0 0 20%
}
@media only screen and (min-width: 640px) {
.thb_portfolio_nav.style1 .post_nav_link {
font-size: 26px
}
}
.thb_portfolio_nav.style1 .post_nav_link .inner {
opacity: 0
}
.thb_portfolio_nav.style1 .post_nav_link:hover .inner {
opacity: 0.8
}
@media only screen and (min-width: 640px) {
.thb_portfolio_nav.style1 .post_nav_link:hover .title {
opacity: 1;
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-ms-transform: translate3d(0, -50%, 0);
-o-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0)
}
.thb_portfolio_nav.style1 .post_nav_link:hover .title:before {
width: 50px
}
.thb_portfolio_nav.style1 .post_nav_link:hover strong {
-webkit-transform: translate3d(-100%, -50%, 0);
-moz-transform: translate3d(-100%, -50%, 0);
-ms-transform: translate3d(-100%, -50%, 0);
-o-transform: translate3d(-100%, -50%, 0);
transform: translate3d(-100%, -50%, 0)
}
}
.thb_portfolio_nav.style1 .post_nav_link strong {
position: absolute;
top: 50%;
left: 50%;
right: auto;
line-height: 1;
-webkit-transform: translate3d(-50%, -50%, 0);
-moz-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
font-size: inherit
}
.thb_portfolio_nav.style1 .post_nav_link strong .next {
position: relative
}
.thb_portfolio_nav.style1 .post_nav_link strong .title {
position: absolute;
top: 50%;
left: 100%;
opacity: 0;
-webkit-transform: translate3d(30px, -50%, 0);
-moz-transform: translate3d(30px, -50%, 0);
-ms-transform: translate3d(30px, -50%, 0);
-o-transform: translate3d(30px, -50%, 0);
transform: translate3d(30px, -50%, 0);
display: inline-flex;
align-items: center;
white-space: nowrap
}
.thb_portfolio_nav.style1 .post_nav_link strong .title:before {
content: '';
display: inline-block;
vertical-align: middle;
width: 0px;
margin: 0 20px;
height: 2px;
background: #fff;
transform-origin: 100% 0
}
.thb_portfolio_nav.style3 {
padding: 7% 0 5%;
position: relative;
overflow: hidden
}
.thb_portfolio_nav.style3 .row {
position: relative;
z-index: 5
}
.thb_portfolio_nav.style3 p {
font-size: 16px;
color: #fff;
font-weight: 600;
margin-bottom: 60px
}
.thb_portfolio_nav.style3 ul {
list-style: none;
margin: 0;
padding: 0
}
.thb_portfolio_nav.style3 ul li {
display: inline-flex;
margin-right: 15px;
margin-bottom: 15px
}
@media only screen and (min-width: 640px) {
.thb_portfolio_nav.style3 ul li {
margin-right: 35px;
margin-bottom: 25px
}
}
@media only screen and (min-width: 640px) {
.thb_portfolio_nav.style3 ul li {
margin-right: 75px;
margin-bottom: 45px
}
}
.thb_portfolio_nav.style3 ul li h4 {
font-size: 26px;
margin: 0
}
.thb_portfolio_nav.style3 ul li a {
color: #fff;
position: relative
}
.thb_portfolio_nav.style3 ul li a:before {
content: '';
display: block;
height: 2px;
background: #fff;
position: absolute;
top: calc(100% + 2px);
left: 0;
right: 0;
transform-origin: 0 0;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1)
}
.thb_portfolio_nav.style3 ul li a:hover:before {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
.thb_portfolio_nav.style3 .inner {
display: none;
background-attachment: fixed;
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s
}
.thb_portfolio_nav.style3 .inner.active {
display: block
}
.thb_portfolio_nav.style4 {
background: #fff;
padding: 10vh 0 15vh
}
.thb_portfolio_nav.style4 .row {
position: relative
}
.thb_portfolio_nav.style4 .post_nav_link {
padding: 0;
color: #090909;
position: static
}
.thb_portfolio_nav.style4 .post_nav_link {
display: block;
flex-direction: column;
font-size: 14px;
-webkit-transition: all .15s linear;
-moz-transition: all .15s linear;
-o-transition: all .15s linear;
transition: all .15s linear;
color: #090909;
min-height: 18px
}
.thb_portfolio_nav.style4 .post_nav_link svg {
position: absolute;
top: 50%;
fill: rgba(9, 9, 9, 0.2);
-webkit-transition: all .15s linear;
-moz-transition: all .15s linear;
-o-transition: all .15s linear;
transition: all .15s linear
}
.thb_portfolio_nav.style4 .post_nav_link svg .bar {
fill: #090909;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transition: all .15s linear;
-moz-transition: all .15s linear;
-o-transition: all .15s linear;
transition: all .15s linear
}
.thb_portfolio_nav.style4 .post_nav_link strong {
display: block;
margin-bottom: 3px;
text-transform: uppercase;
font-size: 10px;
font-weight: 600;
color: #aaa
}
.thb_portfolio_nav.style4 .post_nav_link strong,
.thb_portfolio_nav.style4 .post_nav_link span {
display: none
}
@media only screen and (min-width: 640px) {
.thb_portfolio_nav.style4 .post_nav_link strong,
.thb_portfolio_nav.style4 .post_nav_link span {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
}
.thb_portfolio_nav.style4 .post_nav_link.prev {
padding-left: 13px
}
.thb_portfolio_nav.style4 .post_nav_link.prev svg {
left: 27px;
-webkit-transform: translate3d(0%, -50%, 0);
-moz-transform: translate3d(0%, -50%, 0);
-ms-transform: translate3d(0%, -50%, 0);
-o-transform: translate3d(0%, -50%, 0);
transform: translate3d(0%, -50%, 0)
}
@media only screen and (min-width: 640px) {
.thb_portfolio_nav.style4 .post_nav_link.prev svg {
left: 37px
}
}
.thb_portfolio_nav.style4 .post_nav_link.prev svg .bar {
transform-origin: 100% 0
}
.thb_portfolio_nav.style4 .post_nav_link.prev:hover {
padding-left: 22px
}
.thb_portfolio_nav.style4 .post_nav_link.prev:hover svg {
-webkit-transform: translate3d(-20%, -50%, 0);
-moz-transform: translate3d(-20%, -50%, 0);
-ms-transform: translate3d(-20%, -50%, 0);
-o-transform: translate3d(-20%, -50%, 0);
transform: translate3d(-20%, -50%, 0)
}
.thb_portfolio_nav.style4 .post_nav_link.next {
text-align: right;
padding-right: 13px
}
.thb_portfolio_nav.style4 .post_nav_link.next svg {
right: 27px;
-webkit-transform: translate3d(0%, -50%, 0);
-moz-transform: translate3d(0%, -50%, 0);
-ms-transform: translate3d(0%, -50%, 0);
-o-transform: translate3d(0%, -50%, 0);
transform: translate3d(0%, -50%, 0)
}
@media only screen and (min-width: 640px) {
.thb_portfolio_nav.style4 .post_nav_link.next svg {
right: 37px
}
}
.thb_portfolio_nav.style4 .post_nav_link.next:hover {
padding-right: 22px
}
.thb_portfolio_nav.style4 .post_nav_link.next:hover svg {
-webkit-transform: translate3d(20%, -50%, 0);
-moz-transform: translate3d(20%, -50%, 0);
-ms-transform: translate3d(20%, -50%, 0);
-o-transform: translate3d(20%, -50%, 0);
transform: translate3d(20%, -50%, 0)
}
.thb_portfolio_nav.style4 .post_nav_link:hover svg {
fill: #090909
}
.thb_portfolio_nav.style4 .post_nav_link:hover svg .bar {
opacity: 1;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
.thb_portfolio_nav.style5 {
padding: 10vh 0 15vh
}
.masonry_btn {
display: inline-block;
margin-top: 30px
}
.masonry_btn.loading:after {
content: ' .';
animation: dots 1s cubic-bezier(1, -1, 0, 2) infinite
}
@keyframes dots {
0%,
20% {
color: rgba(0, 0, 0, 0);
text-shadow: 0.25em 0 0 rgba(0, 0, 0, 0), 0.5em 0 0 rgba(0, 0, 0, 0)
}
40% {
color: #090909;
text-shadow: 0.25em 0 0 rgba(0, 0, 0, 0), 0.5em 0 0 rgba(0, 0, 0, 0)
}
60% {
text-shadow: 0.25em 0 0 #090909, 0.5em 0 0 rgba(0, 0, 0, 0)
}
80%,
100% {
text-shadow: 0.25em 0 0 #090909, 0.5em 0 0 #090909
}
}
.portfolio-attributes h6 {
font-size: 16px;
color: #090909;
font-weight: 600;
text-transform: none
}
.portfolio-attributes p {
line-height: 40px;
margin-bottom: 50px
}
.portfolio-attributes.style3 h6 {
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.09em
}
.portfolio-attributes.style3 p {
font-size: 18px;
line-height: 1.4;
margin-bottom: 30px
}
.portfolio-attributes.style2.row {
margin: 0 -10px
}
.portfolio-attributes.style2.row>.columns {
padding: 0 10px
}
.portfolio-attributes.style2 .attribute {
border: 1px solid rgba(0, 0, 0, 0.07);
padding: 10px 15px 0;
margin-bottom: 10px
}
@media only screen and (min-width: 640px) {
.portfolio-attributes.style2 .attribute {
padding: 30px 35px 20px;
margin-bottom: 20px
}
}
.portfolio-attributes.style2 .attribute h6 {
font-weight: 400;
letter-spacing: 0.07em;
font-size: 12px;
text-transform: uppercase
}
.portfolio-attributes.style2 .attribute p {
font-size: 16px;
line-height: 20px;
margin-bottom: 10px;
color: #090909
}
.portfolio-attributes.slider-style2.row {
margin: 0 -10px
}
.portfolio-attributes.slider-style2.row>.columns {
padding: 0 10px
}
.portfolio-attributes.slider-style2 .attribute h6 {
font-weight: 600;
font-size: 11px;
text-transform: uppercase;
text-decoration: underline
}
.portfolio-attributes.slider-style2 .attribute p {
font-size: 16px;
line-height: 20px;
margin-bottom: 10px;
color: #090909
}
.featured-portfolio {
display: none;
color: #343434;
font-weight: 500;
position: fixed;
top: 50%;
right: 0;
z-index: 100;
transform-origin: center center;
-webkit-transform: translateY(-50%) rotateZ(90deg);
-moz-transform: translateY(-50%) rotateZ(90deg);
-ms-transform: translateY(-50%) rotateZ(90deg);
-o-transform: translateY(-50%) rotateZ(90deg);
transform: translateY(-50%) rotateZ(90deg)
}
@media only screen and (min-width: 640px) {
.featured-portfolio {
display: block;
right: -15px
}
}
.rtl .featured-portfolio {
right: auto;
left: 0;
-webkit-transform: translateY(-50%) rotateZ(-90deg);
-moz-transform: translateY(-50%) rotateZ(-90deg);
-ms-transform: translateY(-50%) rotateZ(-90deg);
-o-transform: translateY(-50%) rotateZ(-90deg);
transform: translateY(-50%) rotateZ(-90deg)
}
@media only screen and (min-width: 640px) {
.rtl .featured-portfolio {
left: -15px
}
}
#thb-featured-portfolio {
max-width: 400px;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%)
}
.rtl #thb-featured-portfolio {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%)
}
#thb-featured-portfolio .side-panel-content {
padding: 0
}
#thb-featured-portfolio .side-panel-content .portfolio {
display: block;
opacity: 0;
-webkit-animation: none;
-moz-animation: none;
-ms-animation: none;
-o-animation: none;
animation: none;
transform-origin: 0% 100%;
transform-style: preserve-3d;
-webkit-transform: rotateX(-25deg) rotateY(15deg) translate3d(60px, -10px, 0);
-moz-transform: rotateX(-25deg) rotateY(15deg) translate3d(60px, -10px, 0);
-ms-transform: rotateX(-25deg) rotateY(15deg) translate3d(60px, -10px, 0);
-o-transform: rotateX(-25deg) rotateY(15deg) translate3d(60px, -10px, 0);
transform: rotateX(-25deg) rotateY(15deg) translate3d(60px, -10px, 0);
will-change: transform
}
#thb-featured-portfolio .side-panel-content .portfolio .post-gallery {
max-height: 245px;
overflow: hidden
}
#thb-featured-portfolio .side-panel-content .portfolio .post-gallery img {
object-fit: cover;
height: 100%;
width: 100%;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
#thb-featured-portfolio .side-panel-content .portfolio .post-content {
padding: 13px 15px
}
@media only screen and (min-width: 640px) {
#thb-featured-portfolio .side-panel-content .portfolio .post-content {
padding: 30px 35px
}
}
#thb-featured-portfolio .side-panel-content .portfolio .post-content h5 {
font-weight: 400;
margin-bottom: 10px
}
#thb-featured-portfolio .side-panel-content .portfolio .post-content .thb-categories {
font-size: 12px;
color: rgba(0, 0, 0, 0.6)
}
#thb-featured-portfolio .side-panel-content .portfolio:hover .post-gallery img {
-webkit-transform: scale(1.05, 1.05);
-moz-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05)
}
.related-projects {
padding: 10vh 0 calc(10vh - 30px)
}
.related-projects .type-portfolio {
margin-bottom: 30px
}
.related-projects h5 {
font-size: 20px;
font-weight: 400;
margin-bottom: 40px
}
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
cursor: move;
cursor: -webkit-grab;
cursor: grab
}
.slick-list:focus {
outline: none
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto
}
.slick-track:before,
.slick-track:after {
content: "";
display: table
}
.slick-track:after {
clear: both
}
.slick-loading .slick-track {
visibility: hidden
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px
}
[dir="rtl"] .slick-slide {
float: right
}
.slick-slide img {
display: block
}
.slick-slide.slick-loading img {
display: none
}
.slick-slide.dragging img {
pointer-events: none
}
.slick-initialized .slick-slide {
display: block
}
.slick-loading .slick-slide {
visibility: hidden
}
.slick-vertical:not(.thb-portfolio-slider) .slick-slide {
display: block;
height: auto;
margin: 0 0 20px
}
.slick-arrow.slick-hidden {
display: none
}
.thb-carousel:not(.max_width) {
min-width: 100%
}
.thb-carousel:not(.thb-testimonials) img {
width: 100%;
display: block
}
.thb-carousel .slick-track {
min-width: 100%
}
.thb-carousel .slick-nav {
outline: none
}
.thb-carousel .slick-dots-wrapper {
display: flex;
justify-content: center;
width: 100%
}
.thb-carousel .slick-dots {
display: inline-flex;
margin: 40px 0 0 0;
padding: 0;
text-align: center;
line-height: 1;
position: relative;
width: auto;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.thb-carousel .slick-dots li {
display: inline-block;
width: auto;
height: auto;
margin: 0;
padding: 0;
border: 0
}
.thb-carousel .slick-dots li button {
display: block;
width: 6px;
height: 6px;
border-radius: 3px;
text-indent: -9999px;
background: rgba(0, 0, 0, 0.2);
margin: 0 3px;
outline: none;
padding: 0;
cursor: pointer
}
.thb-carousel .slick-dots li button:before,
.thb-carousel .slick-dots li button:after {
display: none
}
.thb-carousel .slick-dots li .portrait_bullet {
display: inline-block;
width: 30px;
height: 30px;
border-radius: 15px;
margin: 0 2px;
opacity: 0.4
}
@media only screen and (min-width: 640px) {
.thb-carousel .slick-dots li .portrait_bullet {
width: 60px;
height: 60px;
border-radius: 30px;
margin: 0 4px
}
}
.thb-carousel .slick-dots li.slick-active button {
background: #000
}
.thb-carousel .slick-dots li.slick-active .portrait_bullet {
opacity: 1
}
.thb-carousel .slick-dots .select {
display: block;
width: 6px;
height: 6px;
border-radius: 3px;
text-indent: -9999px;
background: #000;
margin: 0 3px;
outline: none;
position: absolute;
top: 0;
left: 0
}
.rtl .thb-carousel .slick-dots .select {
left: calc(100% - 12px)
}
.thb-carousel.center-arrows .slick-nav {
position: absolute;
top: 50%;
left: auto;
right: auto;
z-index: 20;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.thb-carousel.center-arrows .slick-nav.slick-prev {
left: 15px
}
@media only screen and (min-width: 640px) {
.thb-carousel.center-arrows .slick-nav.slick-prev {
left: 40px
}
}
.thb-carousel.center-arrows .slick-nav.slick-next {
right: 15px
}
@media only screen and (min-width: 640px) {
.thb-carousel.center-arrows .slick-nav.slick-next {
right: 40px
}
}
.thb-carousel.thb-arrows-style2 .slick-style2-arrows {
position: absolute;
bottom: 15px;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap;
display: flex
}
@media only screen and (min-width: 640px) {
.thb-carousel.thb-arrows-style2 .slick-style2-arrows {
left: auto;
right: 4vw;
bottom: 10vh;
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%)
}
}
.rtl .thb-carousel.thb-arrows-style2 .slick-style2-arrows {
direction: ltr
}
@media only screen and (min-width: 640px) {
.rtl .thb-carousel.thb-arrows-style2 .slick-style2-arrows {
right: auto;
left: 4vw
}
}
.thb-carousel.thb-arrows-style2 .slick-style2-arrows .slick-nav {
position: static;
display: inline-flex;
color: #fff;
font-size: 14px;
font-weight: 600
}
.thb-carousel.thb-arrows-style2 .slick-style2-arrows .slick-nav.thb-animated-arrow {
border: 0;
height: auto;
width: auto
}
.thb-carousel.thb-arrows-style2 .slick-style2-arrows .slick-nav.slick-prev {
margin-right: 8px
}
@media only screen and (min-width: 640px) {
.thb-carousel.thb-arrows-style2 .slick-style2-arrows .slick-nav.slick-prev {
margin-right: 16px
}
}
.thb-carousel.thb-arrows-style2 .slick-style2-arrows .slick-nav.slick-prev svg {
margin-right: 4px
}
.thb-carousel.thb-arrows-style2 .slick-style2-arrows .slick-nav.slick-prev:hover svg {
-webkit-transform: translateX(-5px);
-moz-transform: translateX(-5px);
-ms-transform: translateX(-5px);
-o-transform: translateX(-5px);
transform: translateX(-5px)
}
.thb-carousel.thb-arrows-style2 .slick-style2-arrows .slick-nav.slick-next {
margin-left: 8px
}
@media only screen and (min-width: 640px) {
.thb-carousel.thb-arrows-style2 .slick-style2-arrows .slick-nav.slick-next {
margin-left: 16px
}
}
.thb-carousel.thb-arrows-style2 .slick-style2-arrows .slick-nav.slick-next svg {
margin-left: 4px
}
.thb-carousel.thb-arrows-style2 .slick-style2-arrows .slick-nav.slick-next:hover svg {
-webkit-transform: translateX(5px);
-moz-transform: translateX(5px);
-ms-transform: translateX(5px);
-o-transform: translateX(5px);
transform: translateX(5px)
}
.thb-carousel.thb-arrows-style2 .slick-style2-arrows .slick-dots-wrapper {
align-items: center
}
.thb-carousel.thb-arrows-style2 .slick-style2-arrows .slick-dots {
margin: 0;
align-items: center
}
.thb-carousel.thb-arrows-style2 .slick-style2-arrows .slick-dots li button {
background: rgba(255, 255, 255, 0.4)
}
.thb-carousel.thb-arrows-style2 .slick-style2-arrows .slick-dots li.slick-active button {
background: #fff
}
.thb-carousel.thb-arrows-style2 .slick-style2-arrows .slick-dots .select {
background: #fff
}
.thb-carousel.overflow-visible .slick-list {
overflow: visible
}
.thb-carousel.overflow-visible .slick-list .slick-slide {
opacity: 0.2;
pointer-events: none;
-webkit-transition: opacity .25s cubic-bezier(0.25, 0.8, 0.25, 1);
-moz-transition: opacity .25s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: opacity .25s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: opacity .25s cubic-bezier(0.25, 0.8, 0.25, 1)
}
.thb-carousel.overflow-visible .slick-list .slick-slide.slick-active {
opacity: 1;
pointer-events: auto
}
.thb-carousel.overflow-visible-only .slick-list {
overflow: visible
} .flickity-enabled {
position: relative
}
.flickity-enabled:focus {
outline: none
}
.flickity-viewport {
overflow: hidden;
position: relative;
height: 100%
}
.flickity-slider {
position: absolute;
width: 100%;
height: 100%
}
.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: 50%;
width: 44px;
height: 44px;
border: none;
border-radius: 50%;
background: white;
background: rgba(255, 255, 255, 0.75);
cursor: pointer;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
.flickity-prev-next-button:hover {
background: white
}
.flickity-prev-next-button:focus {
outline: none;
box-shadow: 0 0 0 5px #09F
}
.flickity-prev-next-button:active {
opacity: 0.6
}
.flickity-prev-next-button.previous {
left: 10px
}
.flickity-prev-next-button.next {
right: 10px
}
.flickity-rtl .flickity-prev-next-button.previous {
left: auto;
right: 10px
}
.flickity-rtl .flickity-prev-next-button.next {
right: auto;
left: 10px
}
.flickity-prev-next-button:disabled {
opacity: 0.3;
cursor: auto
}
.flickity-prev-next-button svg {
position: absolute;
left: 20%;
top: 20%;
width: 60%;
height: 60%
}
.flickity-prev-next-button .arrow {
fill: #333
}
.flickity-page-dots {
position: absolute;
width: 100%;
bottom: -25px;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
line-height: 1
}
.flickity-rtl .flickity-page-dots {
direction: rtl
}
.flickity-page-dots .dot {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 8px;
background: #333;
border-radius: 50%;
opacity: 0.25;
cursor: pointer
}
.flickity-page-dots .dot.is-selected {
opacity: 1
}
.ps {
-ms-touch-action: auto;
touch-action: auto;
overflow: hidden !important;
-ms-overflow-style: none
}
@supports (-ms-overflow-style: none) {
.ps {
overflow: auto !important
}
}
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
.ps {
overflow: auto !important
}
}
.ps.ps--active-x>.ps__scrollbar-x-rail,
.ps.ps--active-y>.ps__scrollbar-y-rail {
display: block;
background-color: transparent
}
.ps>.ps__scrollbar-y-rail {
display: none;
position: absolute
}
.ps>.ps__scrollbar-y-rail>.ps__scrollbar-y {
position: absolute
}
.ps__scrollbar-y-rail {
width: 4px
}
.ps__scrollbar-y-rail .ps__scrollbar-y {
-webkit-transition: background .25s cubic-bezier(0.25, 0.8, 0.25, 1);
-moz-transition: background .25s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: background .25s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: background .25s cubic-bezier(0.25, 0.8, 0.25, 1);
border: 0;
width: 4px;
border-radius: 2px;
background: rgba(255, 255, 255, 0.2)
}
.ps__scrollbar-y-rail .ps__scrollbar-y:hover {
background: rgba(255, 255, 255, 0.6)
}
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: .8
}
.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: 0 8px;
box-sizing: border-box
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle
}
.mfp-align-top .mfp-container:before {
display: none
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045
}
.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: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-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;
user-select: none
}
.mfp-loading.mfp-figure {
display: none
}
.mfp-hide {
display: none !important
}
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044
}
.mfp-preloader a {
color: #CCC
}
.mfp-preloader a:hover {
color: #fff
}
.mfp-s-ready .mfp-preloader {
display: none
}
.mfp-s-error .mfp-content {
display: none
}
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation
}
button::-moz-focus-inner {
padding: 0;
border: 0
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: .65;
padding: 0 0 18px 10px;
color: #fff;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace
}
.mfp-close:hover,
.mfp-close:focus {
opacity: 1
}
.mfp-close:active {
top: 1px
}
.mfp-close-btn-in .mfp-close {
color: #333
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close,
.mfp-inline-holder .mfp-close {
color: #fff;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap
}
.mfp-arrow {
position: absolute;
opacity: .65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.mfp-arrow:active {
margin-top: -54px
}
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1
}
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent
}
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px
}
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7
}
.mfp-arrow-left {
left: 0
}
.mfp-arrow-left:after {
border-right: 17px solid #fff;
margin-left: 31px
}
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F
}
.mfp-arrow-right {
right: 0
}
.mfp-arrow-right:after {
border-left: 17px solid #fff;
margin-left: 39px
}
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F
}
.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: #000
}
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 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: #444
}
.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 {
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
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0
}
}
@media all and (max-width: 900px) {
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0
}
.mfp-container {
padding-left: 6px;
padding-right: 6px
}
}
.mfp-close-btn-in button.mfp-close {
width: 40px;
height: 40px;
right: -13px;
text-align: center;
border-radius: 100px;
border: 2px solid transparent;
line-height: 38px;
padding: 0;
top: -5px
}
.mfp-close-btn-in button.mfp-close:hover {
border-color: #fff;
-webkit-transform: scale(0.8) rotateZ(90deg);
-moz-transform: scale(0.8) rotateZ(90deg);
-ms-transform: scale(0.8) rotateZ(90deg);
-o-transform: scale(0.8) rotateZ(90deg);
transform: scale(0.8) rotateZ(90deg)
}
.mfp-close-btn-in .mfp-iframe-scaler button.mfp-close {
top: -40px
}
.mfp-close-btn-in .mfp-iframe-scaler {
overflow: visible
}
.mfp-arrow {
opacity: 1;
margin-top: -21px
}
.mfp-arrow:before,
.mfp-arrow:after {
display: none
}
.mfp-arrow>* {
pointer-events: none
}
.mfp-arrow svg {
fill: #fff
}
.mfp-arrow.mfp-arrow-left {
left: 15px
}
@media only screen and (min-width: 640px) {
.mfp-arrow.mfp-arrow-left {
left: 45px
}
}
.mfp-arrow.mfp-arrow-right {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
right: 15px
}
@media only screen and (min-width: 640px) {
.mfp-arrow.mfp-arrow-right {
right: 45px
}
}
.mfp-arrow:active {
margin-top: -21px
}
.mfp-zoom-in .mfp-with-anim,
.mfp-zoom-in .mfp-iframe-scaler,
.mfp-zoom-in .mfp-inline-holder {
opacity: 0;
-webkit-transform: scale(.95, .95);
-moz-transform: scale(.95, .95);
-ms-transform: scale(.95, .95);
-o-transform: scale(.95, .95);
transform: scale(.95, .95)
}
.mfp-zoom-in.mfp-bg {
opacity: 0
}
.mfp-zoom-in.mfp-ready.mfp-image-loaded .mfp-with-anim,
.mfp-zoom-in.mfp-ready .mfp-iframe-scaler,
.mfp-zoom-in.mfp-ready .mfp-inline-holder {
opacity: 1;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
.mfp-zoom-in.mfp-ready.mfp-bg {
opacity: 0.85
}
.mfp-zoom-in.mfp-removing .mfp-with-anim,
.mfp-zoom-in.mfp-removing .mfp-iframe-scaler,
.mfp-zoom-in.mfp-removing .mfp-inline-holder {
transform: scale(0.95) !important;
opacity: 0 !important
}
.mfp-zoom-in.mfp-removing.mfp-bg {
opacity: 0
}
.mfp-wrap.mfp-removing .mfp-arrow-left,
.mfp-wrap.mfp-removing .mfp-arrow-right {
opacity: 0
}
.mfp-zoom-out .mfp-with-anim {
opacity: 0;
-webkit-transform: scale(1.3, 1.3);
-moz-transform: scale(1.3, 1.3);
-ms-transform: scale(1.3, 1.3);
-o-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3)
}
.mfp-zoom-out.mfp-bg {
opacity: 0
}
.mfp-zoom-out.mfp-ready.mfp-image-loaded .mfp-with-anim {
opacity: 1;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
.mfp-zoom-out.mfp-ready.mfp-bg {
opacity: 0.8
}
.mfp-zoom-out.mfp-removing .mfp-with-anim {
-webkit-transform: scale(1.3, 1.3);
-moz-transform: scale(1.3, 1.3);
-ms-transform: scale(1.3, 1.3);
-o-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3);
opacity: 0
}
.mfp-zoom-out.mfp-removing.mfp-bg {
opacity: 0
}
.theme-popup {
display: flex;
background: #fff;
width: 100%;
max-width: 680px;
margin: 0 auto;
position: relative
}
.theme-popup-content,
#newsletter-popup .newsletter-content {
padding: 25px;
flex: 1
}
@media only screen and (min-width: 640px) {
.theme-popup-content,
#newsletter-popup .newsletter-content {
padding: 45px
}
}
@media only screen and (min-width: 1440px) {
.theme-popup-content,
#newsletter-popup .newsletter-content {
padding: 60px
}
}
#newsletter-popup {
max-width: 780px
}
@media only screen and (min-width: 640px) {
#newsletter-popup {
height: 460px
}
}
#newsletter-popup .mfp-close {
top: 0;
padding: 0;
margin: 5px;
right: 0;
color: rgba(9, 9, 9, 0.85)
}
@media only screen and (min-width: 640px) {
#newsletter-popup .mfp-close {
margin: 10px
}
}
#newsletter-popup .mfp-close:hover {
color: #090909;
border-color: #090909
}
#newsletter-popup .newsletter-image {
display: none;
width: 100%;
height: 100%;
height: 30vh
}
@media only screen and (min-width: 640px) {
#newsletter-popup .newsletter-image {
display: block;
width: 300px;
height: auto
}
}
#newsletter-popup .newsletter-image img {
height: 100%;
width: 100%;
object-fit: cover
}
#newsletter-popup .newsletter-content {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column
}
#newsletter-popup .newsletter-content .mc4wp-form input[type="text"],
#newsletter-popup .newsletter-content .mc4wp-form input[type="password"],
#newsletter-popup .newsletter-content .mc4wp-form input[type="date"],
#newsletter-popup .newsletter-content .mc4wp-form input[type="datetime"],
#newsletter-popup .newsletter-content .mc4wp-form input[type="email"],
#newsletter-popup .newsletter-content .mc4wp-form input[type="number"],
#newsletter-popup .newsletter-content .mc4wp-form input[type="search"],
#newsletter-popup .newsletter-content .mc4wp-form input[type="tel"],
#newsletter-popup .newsletter-content .mc4wp-form input[type="time"],
#newsletter-popup .newsletter-content .mc4wp-form input[type="url"],
#newsletter-popup .newsletter-content .mc4wp-form textarea,
#newsletter-popup .newsletter-content .mc4wp-form input[type="submit"],
#newsletter-popup .newsletter-content .mc4wp-form .button,
#newsletter-popup .newsletter-content .mc4wp-form .btn {
width: 100%;
margin-bottom: 0
}
#newsletter-popup .newsletter-content .mc4wp-form .mc4wp-form-fields p {
margin-bottom: 0
}
#newsletter-popup .newsletter-content .mc4wp-form .mc4wp-form-fields p:last-of-type {
margin-bottom: 0
}
#newsletter-popup .newsletter-content .mc4wp-form .mc4wp-response {
margin-top: 20px;
font-size: 14px
}
#newsletter-popup .newsletter-content .mc4wp-form .mc4wp-response * {
font-size: inherit
}
#newsletter-popup .newsletter-content .mc4wp-form .mc4wp-response p {
margin-bottom: 0
}
.page-404 {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
background-size: cover;
flex: 1;
text-align: center;
padding: 25vh 0;
height: 100vh
}
.page-404 h1 {
font-size: 100px
}
@media only screen and (min-width: 1024px) {
.page-404 h1 {
font-size: 160px
}
}
.page-404 p {
margin-bottom: 30px
}
@media only screen and (min-width: 1024px) {
.page-404 p {
font-size: 20px
}
}
.thb_3dimg {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d
}
.atvImg-container {
position: relative;
width: 100%;
height: 100%;
outline: 1px solid transparent;
transform-origin: center;
will-change: transform;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden
}
.atvImg-container.over .atvImg-shadow {
box-shadow: 0 45px 100px rgba(0, 0, 0, 0.4), 0 16px 40px rgba(0, 0, 0, 0.4)
}
.atvImg-layers {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden
}
.atvImg-rendered-layer {
position: absolute;
width: 104%;
height: 104%;
top: -2%;
left: -2%;
will-change: transform;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden
}
.atvImg-shadow {
position: absolute;
top: 5%;
left: 5%;
width: 90%;
height: 90%;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
box-shadow: 0 8px 30px rgba(14, 21, 47, 0.6)
}
.widget {
color: #979797;
margin-bottom: 35px;
font-size: 14px
}
.widget p {
font-size: inherit
}
.widget .screen-reader-text {
display: none
}
.widget>h6 {
font-size: 20px;
font-weight: 400;
color: #090909;
margin-bottom: 25px;
text-transform: none;
line-height: 1;
letter-spacing: normal;
position: relative;
display: block;
margin-top: 0;
-webkit-transition: all .3s linear;
-webkit-transition-delay: 0s;
-moz-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear false
}
.widget>h6.active span:after {
display: block;
content: "";
top: 1px;
border: 4px solid transparent;
border-top-color: #090909
}
.widget>h6 span {
display: flex;
justify-content: flex-end;
align-items: center;
position: absolute;
width: 30px;
height: 30px;
text-align: center;
font-size: 11px;
right: 0;
top: 50%;
margin-top: -15px
}
.widget>h6 span:after {
display: block;
width: 8px;
height: 8px;
content: "";
top: -3px;
border: 4px solid transparent;
border-bottom-color: #090909;
position: relative
}
.rtl .widget>h6 span {
right: auto;
left: 0
}
.widget abbr[title] {
margin-left: 10px
}
.widget p {
font-size: 13px
}
.widget img {
border-radius: 3px
}
.widget ul li {
margin-bottom: 10px
}
.widget ul li a {
color: #343434
}
.widget ul li:first-child {
padding-top: 0
}
.widget ul li:last-child {
border-bottom: 0;
padding-bottom: 0
}
.widget.widget_nav_menu .thb-arrow,
.widget.widget_pages .thb-arrow {
display: inline-flex;
padding-left: 15px;
cursor: pointer
}
.widget.widget_nav_menu .thb-arrow i,
.widget.widget_pages .thb-arrow i {
pointer-events: none
}
.rtl .widget.widget_nav_menu .thb-arrow,
.rtl .widget.widget_pages .thb-arrow {
padding-left: 0;
padding-right: 15px
}
.widget.widget_nav_menu .sub-menu,
.widget.widget_nav_menu .children,
.widget.widget_pages .sub-menu,
.widget.widget_pages .children {
display: none;
padding: 10px 0 0 20px;
list-style: none
}
.rtl .widget.widget_nav_menu .sub-menu,
.rtl .widget.widget_nav_menu .children,
.rtl .widget.widget_pages .sub-menu,
.rtl .widget.widget_pages .children {
padding: 10px 20px 0 0
}
.widget.widget_nav_menu .sub-menu li:last-child,
.widget.widget_nav_menu .children li:last-child,
.widget.widget_pages .sub-menu li:last-child,
.widget.widget_pages .children li:last-child {
margin: 0
}
.widget.widget_categories .children,
.widget.widget_pages .children {
margin-top: 10px
}
@media only screen and (min-width: 640px) {
.widget.widget_categories .children,
.widget.widget_pages .children {
margin-left: 10px
}
}
.widget.widget_recent_comments a:before {
display: none
}
.widget.widget_recent_entries .post-date {
display: block;
font-size: 12px;
margin-top: 5px
}
.widget.widget_calendar table {
background: transparent;
border: 0;
width: 100%;
border-collapse: collapse;
table-layout: fixed;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none
}
.widget.widget_calendar table thead,
.widget.widget_calendar table tbody,
.widget.widget_calendar table tfoot {
border: 1px solid rgba(0, 0, 0, 0.07)
}
.dark .widget.widget_calendar table thead,
.dark .widget.widget_calendar table tbody,
.dark .widget.widget_calendar table tfoot {
border-color: rgba(255, 255, 255, 0.1)
}
.widget.widget_calendar table thead {
background: transparent;
font-size: 12px
}
.widget.widget_calendar table thead th {
padding: 13px 0;
color: #303030;
text-align: center;
font-weight: 800
}
.dark .widget.widget_calendar table thead th {
color: #fff
}
.widget.widget_calendar table tbody {
background: transparent
}
.widget.widget_calendar table tbody tr:nth-child(even) {
background: rgba(0, 0, 0, 0.02)
}
.widget.widget_calendar table tbody td {
font-size: 12px;
color: #686868;
text-align: center;
padding: 9px 0
}
.dark .widget.widget_calendar table tbody td {
color: #fff
}
.widget.widget_calendar table tfoot {
background: transparent;
margin-top: 10px;
border-top: 1px solid rgba(0, 0, 0, 0.07)
}
.widget.widget_calendar table tfoot tr td {
padding: 12px 14px;
font-size: 12px
}
.widget.widget_calendar table tfoot tr td a {
color: #737373;
text-transform: uppercase;
font-weight: 500
}
.widget.widget_calendar table tfoot tr #next {
text-align: right
}
.widget.widget_calendar table caption {
color: #303030;
font-size: 12px;
text-transform: uppercase;
font-weight: 400;
padding: 15px 0
}
.dark .widget.widget_calendar table caption {
color: #fff
}
.widget.widget_latestimages li {
margin-bottom: 20px
}
.widget.widget_thb_twitterwidget .thb_tweet {
margin-bottom: 20px
}
.widget.widget_thb_twitterwidget .thb_tweet .thb_tweet_time {
text-transform: uppercase;
font-size: 11px;
font-weight: 500
}
.light .widget.widget_thb_twitterwidget .thb_tweet .thb_tweet_time {
color: #343434
}
.widget.widget_thb_twitterwidget p {
font-size: 14px;
margin-bottom: 5px
}
.widget.widget_thb_twitterwidget p a {
font-weight: 500
}
.light .widget.widget_thb_twitterwidget p a {
color: #343434
}
.widget.thb_widget_instagram .thb-instagram-row figure {
margin: 0
}
.widget.thb_widget_instagram .thb-instagram-footer {
padding: 20px 0;
line-height: 1;
text-align: center;
font-size: 16px;
line-height: 20px;
border-bottom: 1px solid #eaeaea
}
.widget.thb_widget_instagram .thb-instagram-footer i {
font-size: 20px;
margin-right: 10px
}
.widget.thb_widget_instagram .thb-instagram-header {
display: flex;
align-items: center;
margin-bottom: 20px;
color: #090909
}
.widget.thb_widget_instagram .thb-instagram-header a {
display: block;
width: 54px;
height: 54px;
line-height: 0;
margin-right: 20px
}
.widget.thb_widget_instagram .thb-instagram-header a .thb_instagram_avatar {
border-radius: 50px;
width: 54px;
height: 54px
}
.widget.thb_widget_instagram .thb-instagram-header .thb-instagram-username {
font-size: 12px;
font-weight: 500;
text-transform: uppercase
}
.widget.thb_widget_instagram .thb-instagram-header .thb-instagram-usermeta {
margin-top: 5px;
opacity: 0.4;
text-transform: uppercase;
font-size: 10px
}
.widget.thb_widget_instagram .thb-instagram-header .thb-instagram-usermeta span {
margin-right: 15px
}
.widget.widget_search .screen-reader-text {
display: none
}
.widget.widget_search input[type="text"] {
width: 100%
}
.widget.widget_product_search .screen-reader-text {
display: none
}
.widget.widget_product_search input[type="text"] {
width: 100%
}
.widget.widget_product_search button {
display: none
}
.widget.woocommerce {
height: auto;
border: 0
}
.widget.widget_layered_nav li,
.widget.widget_layered_nav_filters li,
.widget.widget_product_categories li {
padding-left: 20px;
position: relative;
display: flex;
align-items: center;
justify-content: space-between
}
.widget.widget_layered_nav li:before,
.widget.widget_layered_nav_filters li:before,
.widget.widget_product_categories li:before {
position: absolute;
top: 50%;
left: 0;
margin-top: -5px;
content: '';
display: block;
width: 10px;
height: 10px;
border-radius: 5px;
border: 1px solid #d2d2d2;
color: #fff
}
.widget.widget_layered_nav li:hover:before,
.widget.widget_layered_nav_filters li:hover:before,
.widget.widget_product_categories li:hover:before {
border-color: #343434
}
.widget.widget_layered_nav li .count,
.widget.widget_layered_nav_filters li .count,
.widget.widget_product_categories li .count {
display: flex;
justify-content: center;
align-items: center;
width: 24px;
height: 20px;
border-radius: 3px;
background: #f3f3f3;
color: #343434;
font-size: 12px;
font-weight: 500
}
.widget.widget_layered_nav li.chosen:before,
.widget.widget_layered_nav li.current-cat:before,
.widget.widget_layered_nav_filters li.chosen:before,
.widget.widget_layered_nav_filters li.current-cat:before,
.widget.widget_product_categories li.chosen:before,
.widget.widget_product_categories li.current-cat:before {
border-color: #343434;
background: #343434
}
.widget.widget_layered_nav li.chosen:hover:before,
.widget.widget_layered_nav li.current-cat:hover:before,
.widget.widget_layered_nav_filters li.chosen:hover:before,
.widget.widget_layered_nav_filters li.current-cat:hover:before,
.widget.widget_product_categories li.chosen:hover:before,
.widget.widget_product_categories li.current-cat:hover:before {
background-image: url(//spgrid.bg/wp-content/themes/revolution/assets/img/svg/x-white.svg)
}
.widget.widget_layered_nav li.chosen .count,
.widget.widget_layered_nav li.current-cat .count,
.widget.widget_layered_nav_filters li.chosen .count,
.widget.widget_layered_nav_filters li.current-cat .count,
.widget.widget_product_categories li.chosen .count,
.widget.widget_product_categories li.current-cat .count {
background: #343434;
color: #fff
}
.widget.widget_product_categories li:before {
border-radius: 0
}
.widget.widget_shopping_cart .product_list_widget li {
padding-right: 25px;
margin-bottom: 30px
}
.widget.widget_shopping_cart .product_list_widget li .quantity {
margin-top: 10px;
display: block
}
.widget.widget_shopping_cart .product_list_widget li .variation {
font-size: 14px;
color: #343434;
margin-top: 10px;
margin-bottom: 0
}
.widget.widget_shopping_cart .product_list_widget li .variation dt,
.widget.widget_shopping_cart .product_list_widget li .variation dd {
display: inline-block;
margin-bottom: 5px
}
.widget.widget_shopping_cart .product_list_widget li .variation dt p,
.widget.widget_shopping_cart .product_list_widget li .variation dd p {
margin-bottom: 0
}
.widget.widget_price_filter .price_slider_wrapper {
padding-top: 5px
}
.widget.widget_price_filter .price_slider {
height: 5px;
background: #eaeaea;
position: relative;
margin-bottom: 25px;
margin-right: 15px
}
.widget.widget_price_filter .price_slider .ui-slider-range {
height: 5px;
background: #343434;
position: absolute
}
.widget.widget_price_filter .price_slider .ui-slider-handle {
display: block;
outline: none;
position: absolute;
top: -5px;
background-size: 14px 19px;
width: 14px;
height: 14px;
border-radius: 7px;
border: 3px solid #343434;
background: #fff;
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s
}
.widget.widget_price_filter .price_slider_amount {
display: flex;
flex-direction: row-reverse;
align-items: center;
justify-content: space-between;
font-size: 14px;
font-weight: 500;
color: #343434
}
.widget.widget_price_filter .price_slider_amount .clear {
display: none
}
.widget.widget_price_filter .price_slider_amount .button {
font-size: 14px;
font-weight: 500;
color: #343434 !important;
background: none !important;
height: auto !important;
border: 0 !important;
padding: 0 !important;
margin: 0 !important
}
.widget.widget_product_search #s {
float: left
}
.product_list_widget {
list-style: none;
margin: 0
}
.product_list_widget .remove {
display: flex;
justify-content: center;
align-items: center;
width: 14px;
height: 14px;
position: absolute;
top: 0;
right: 0
}
.product_list_widget li {
position: relative;
margin-bottom: 30px
}
.product_list_widget li.empty {
text-align: center;
font-size: 18px;
font-weight: 600;
color: #343434;
margin: 30px 0
}
.product_list_widget a {
display: block;
font-weight: 400;
color: #343434
}
.product_list_widget a:before {
display: none
}
.product_list_widget a .wp-post-image,
.product_list_widget a .attachment-woocommerce_thumbnail {
max-width: 75px;
margin-right: 20px;
float: left
}
.product_list_widget a .product-title {
display: block;
margin-bottom: 10px
}
.product_list_widget .woocommerce-Price-amount {
color: #848485;
font-size: 14px
}
.product_list_widget .quantity {
font-size: 14px;
color: #949494
}
.mc4wp-form .fieldset {
display: flex;
align-items: center
}
.mc4wp-form .fieldset.inline {
max-width: 400px
}
.mc4wp-form p {
margin-bottom: 25px
}
.mc4wp-form .thb_single_email {
display: inline-flex;
border-radius: 3px 0 0 3px;
flex: 1;
margin: 0;
border-right-width: 0
}
.mc4wp-form .thb_single_email:not(:focus) {
border-color: rgba(0, 0, 0, 0.17)
}
.mc4wp-form .thb_single_email+input[type="submit"] {
display: inline-flex;
border-radius: 0 3px 3px 0;
padding: 0 25px
}
.posts-shortcode.posts-style6 .columns {
display: flex
}
.posts-shortcode.posts-style6.thb-carousel .columns {
min-height: 100%
}
.posts-shortcode.posts-style8 .columns {
display: flex
}
.posts-shortcode.posts-style3-border .small-12.columns:last-child .post.style3.style3-border {
padding-bottom: 0;
border-bottom: 0
}
.posts-shortcode:not(.posts-style9)+.row .thb_load_more.masonry_btn {
margin-top: 0
}
.posts-shortcode.thb-carousel .post {
margin: 0
}
.posts-shortcode.thb-carousel .columns {
opacity: 0.1;
pointer-events: none;
-webkit-transition: opacity .25s linear;
-moz-transition: opacity .25s linear;
-o-transition: opacity .25s linear;
transition: opacity .25s linear
}
.posts-shortcode.thb-carousel .columns.slick-active {
opacity: 1;
pointer-events: auto
}
.posts-shortcode.thb-carousel .flickity-viewport {
overflow: visible
}
.posts-shortcode.thb-carousel.posts-style8 .slick-track {
display: flex
}
.posts-shortcode.thb-carousel.posts-style8 .slick-track .slick-slide.columns {
display: block;
flex: 1;
height: auto
}
.posts-shortcode.thb-carousel.posts-style8 .slick-track .slick-slide.columns .post.style8 {
height: 100%
}
.posts-shortcode .post {
width: 100%
}
.thb-carousel {
opacity: 0;
max-height: 300px;
overflow: hidden;
-webkit-transition: opacity .25s linear;
-moz-transition: opacity .25s linear;
-o-transition: opacity .25s linear;
transition: opacity .25s linear
}
.thb-carousel.slick-initialized {
max-height: 100%;
opacity: 1;
overflow: visible
}
.boxed-icon {
width: 50px;
height: 48px;
display: inline-flex;
justify-content: center;
align-items: center;
background: #fff;
border: 1px solid rgba(9, 9, 9, 0.1)
}
.boxed-icon:hover {
background: #090909;
color: #fff
}
.boxed-icon.facebook {
color: #090909
}
.boxed-icon.facebook:hover {
background: #3b5998;
border-color: #3b5998;
color: #fff
}
.boxed-icon.facebook-messenger {
color: #090909
}
.boxed-icon.facebook-messenger:hover {
background: #0084ff;
border-color: #0084ff;
color: #fff
}
.boxed-icon.linkedin {
color: #090909
}
.boxed-icon.linkedin:hover {
background: #007bb6;
border-color: #007bb6;
color: #fff
}
.boxed-icon.pinterest {
color: #090909
}
.boxed-icon.pinterest:hover {
background: #cb2027;
border-color: #cb2027;
color: #fff
}
.boxed-icon.twitter {
color: #090909
}
.boxed-icon.twitter:hover {
background: #00aced;
border-color: #00aced;
color: #fff
}
.boxed-icon.instagram {
color: #090909
}
.boxed-icon.instagram:hover {
background: #3f729b;
border-color: #3f729b;
color: #fff
}
.boxed-icon.vk {
color: #090909
}
.boxed-icon.vk:hover {
background: #45668e;
border-color: #45668e;
color: #fff
}
.boxed-icon.tumblr {
color: #090909
}
.boxed-icon.tumblr:hover {
background: #35465c;
border-color: #35465c;
color: #fff
}
.boxed-icon.xing {
color: #090909
}
.boxed-icon.xing:hover {
background: #cfdc00;
border-color: #cfdc00;
color: #fff
}
.boxed-icon.soundcloud {
color: #090909
}
.boxed-icon.soundcloud:hover {
background: #f80;
border-color: #f80;
color: #fff
}
.boxed-icon.dribbble {
color: #090909
}
.boxed-icon.dribbble:hover {
background: #ea4c89;
border-color: #ea4c89;
color: #fff
}
.boxed-icon.youtube {
color: #090909
}
.boxed-icon.youtube:hover {
background: #e52d27;
border-color: #e52d27;
color: #fff
}
.boxed-icon.youtube-play {
color: #090909
}
.boxed-icon.youtube-play:hover {
background: #e52d27;
border-color: #e52d27;
color: #fff
}
.boxed-icon.spotify {
color: #090909
}
.boxed-icon.spotify:hover {
background: #7ab800;
border-color: #7ab800;
color: #fff
}
.boxed-icon.behance {
color: #090909
}
.boxed-icon.behance:hover {
background: #1769ff;
border-color: #1769ff;
color: #fff
}
.boxed-icon.deviantart {
color: #090909
}
.boxed-icon.deviantart:hover {
background: #4e6252;
border-color: #4e6252;
color: #fff
}
.boxed-icon.vimeo {
color: #090909
}
.boxed-icon.vimeo:hover {
background: #1ab7ea;
border-color: #1ab7ea;
color: #fff
}
.boxed-icon.flickr {
color: #090909
}
.boxed-icon.flickr:hover {
background: #0063dc;
border-color: #0063dc;
color: #fff
}
.boxed-icon.rss {
color: #090909
}
.boxed-icon.rss:hover {
background: #f26522;
border-color: #f26522;
color: #fff
}
.boxed-icon.whatsapp {
color: #090909
}
.boxed-icon.whatsapp:hover {
background: #25d366;
border-color: #25d366;
color: #fff
}
.boxed-icon.twitch {
color: #090909
}
.boxed-icon.twitch:hover {
background: #6441a5;
border-color: #6441a5;
color: #fff
}
.boxed-icon.fivehundred {
color: #090909
}
.boxed-icon.fivehundred:hover {
background: #0099e5;
border-color: #0099e5;
color: #fff
}
.boxed-icon.email {
color: #090909
}
.boxed-icon.email:hover {
background: #ee9982;
border-color: #ee9982;
color: #fff
}
.boxed-icon.bandcamp {
color: #090909
}
.boxed-icon.bandcamp:hover {
background: #629aa9;
border-color: #629aa9;
color: #fff
}
.boxed-icon.github {
color: #090909
}
.boxed-icon.github:hover {
background: #4078c0;
border-color: #4078c0;
color: #fff
}
.boxed-icon.codepen {
color: #090909
}
.boxed-icon.codepen:hover {
background: #fcd000;
border-color: #fcd000;
color: #fff
}
.boxed-icon.telegram {
color: #090909
}
.boxed-icon.telegram:hover {
background: #08c;
border-color: #08c;
color: #fff
}
.boxed-icon.imdb {
color: #090909
}
.boxed-icon.imdb:hover {
background: #f5de50;
border-color: #f5de50;
color: #fff
}
.boxed-icon.tripadvisor {
color: #090909
}
.boxed-icon.tripadvisor:hover {
background: #00af87;
border-color: #00af87;
color: #fff
}
.boxed-icon.wechat {
color: #090909
}
.boxed-icon.wechat:hover {
background: #7bb32e;
border-color: #7bb32e;
color: #fff
}
.boxed-icon.weibo {
color: #090909
}
.boxed-icon.weibo:hover {
background: #e6162d;
border-color: #e6162d;
color: #fff
}
.boxed-icon.facebook-messenger svg {
fill: #090909
}
.boxed-icon.facebook-messenger:hover svg {
fill: #fff
}
.thb-share-icons h6 {
font-size: 12px;
color: #090909;
font-weight: 600;
margin-bottom: 45px
}
.thb-share-icons .boxed-icon {
background: transparent
}
.thb-share-icons ul {
margin: 0;
padding: 0;
list-style: none
}
.thb-share-icons ul li {
display: inline-block
}
.thb-share-icons.thb-center {
text-align: center
}
.thb-share-icons.thb-center ul li {
margin: 0 2px
}
.thb-share-icons.thb-left {
text-align: left
}
.thb-share-icons.thb-left ul li {
margin: 0 4px 0 0
}
.thb-share-icons.thb-right {
text-align: right
}
.thb-share-icons.thb-right ul li {
margin: 0 0 0 4px
}
.thb-share-icons.style2 {
font-size: 18px
}
.thb-share-icons.style2 a {
display: block;
min-width: 18px;
text-align: center
}
.thb-share-icons.style2 .fa.fa-facebook {
-webkit-transform: scale(.9, .9);
-moz-transform: scale(.9, .9);
-ms-transform: scale(.9, .9);
-o-transform: scale(.9, .9);
transform: scale(.9, .9)
}
.thb_image {
display: inline-block
}
.thb_image.retina_size {
visibility: hidden
}
.thb_image.retina_size.retina_active {
visibility: visible
}
.thb_image_link {
display: inline-block
}
.thb_image_link img {
display: block;
transform-origin: center
}
.thb_image_link>a {
display: block;
overflow: hidden
}
.thb_image_link>a:hover img {
opacity: 0.8;
-webkit-transform: scale(1.07, 1.07);
-moz-transform: scale(1.07, 1.07);
-ms-transform: scale(1.07, 1.07);
-o-transform: scale(1.07, 1.07);
transform: scale(1.07, 1.07)
}
.thb_image_link.full {
width: 100%
}
.thb_image_link.full img {
width: 100%
}
.thb_image_link.caption-style2 {
padding-left: 40px;
position: relative
}
.thb_image_link.caption-style2 .wp-caption-text {
position: absolute;
top: -15px;
left: auto;
right: calc(100% - 20px);
width: auto;
bottom: auto;
white-space: nowrap;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
background: transparent;
padding: 0;
text-transform: uppercase;
font-size: 12px;
color: rgba(0, 0, 0, 0.4)
}
.thb_image_link .thb-image-content {
margin-top: 30px
}
.thb_image_link.aligncenter {
display: block
}
.thb_image_link.aligncenter img {
margin: 0 auto;
display: block
}
.thb_image_link.align-left {
margin-bottom: 0
}
.thb_image_link.alignright {
margin-bottom: 0
}
.thb_image_link.alignright .thb-image-inner {
float: right;
text-align: right
}
.thb_image_link.alignright .thb-image-inner img {
margin-left: auto
}
.thb_image_link .thb-image-inner {
display: block;
width: 100%;
position: relative
}
.thb_image_link .thb-image-inner img {
max-width: 100%
}
.thb_image_link .thb-image-inner.size_125 {
width: 125%
}
.thb_image_link .thb-image-inner.size_150 {
width: 150%
}
.thb_image_link .thb-image-inner.size_175 {
width: 175%
}
.thb_image_link .thb-image-inner.size_200 {
width: 200%
}
.thb_image_link .thb-image-inner.size_225 {
width: 225%
}
.thb_image_link .thb-image-inner.size_250 {
width: 250%
}
.thb_image_link .thb-image-inner.size_275 {
width: 275%
}
.thb_image_link .thb-image-inner.size_275 img {
width: 100%
}
.thb_image_link .thb-image-inner .thb-portfolio-video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0
}
.thb_image_link .thb-image-inner .thb-portfolio-video video {
height: 100% !important
}
.thb_image_link:hover .thb-portfolio-video {
opacity: 1
}
.thb-menu-item {
margin-bottom: 40px
}
.thb-menu-item .thb-menu-item-parent {
display: flex;
line-height: 1;
margin-bottom: 15px
}
.thb-menu-item .thb-menu-item-parent .thb-menu-title {
padding-right: 10px
}
.thb-menu-item .thb-menu-item-parent .thb-menu-title h6 {
color: #090909;
font-size: 14px;
font-weight: 600;
margin: 0;
line-height: 1
}
.rtl .thb-menu-item .thb-menu-item-parent .thb-menu-title {
padding-right: 0;
padding-left: 10px
}
.thb-menu-item .thb-menu-item-parent .thb-menu-line {
display: flex;
flex: 1;
border-bottom: 1px dotted #090909
}
.thb-menu-item .thb-menu-item-parent .thb-menu-price {
color: #090909;
font-size: 14px;
font-weight: 600;
padding-left: 10px
}
.thb-menu-item .thb-menu-description {
font-size: 16px;
color: #090909
}
.thb-searchfield {
max-width: 100%
}
.thb-searchfield .s {
line-height: 1
}
.thb-searchfield.border_radius .s {
border-radius: 500px
}
.thb-searchfield.border_radius .submit {
right: 15px
}
.thb-searchfield.medium .s {
height: auto;
font-size: 16px;
padding: 18px 34px
}
.thb-searchfield.medium .submit {
right: 25px
}
.thb-searchfield.large .s {
height: auto;
font-size: 18px;
padding: 22px 40px
}
.thb-searchfield.large .submit {
right: 35px
}
.thb-progressbar {
display: block;
width: 100%;
margin-bottom: 35px;
opacity: 0
}
.thb-progressbar .thb-progress-title {
display: flex;
justify-content: space-between;
font-size: 20px;
color: #090909;
line-height: 1;
margin-bottom: 20px;
position: relative;
font-weight: 500
}
.thb-progressbar .thb-progress {
display: block;
width: 100%;
height: 6px;
position: relative;
background: rgba(9, 9, 9, 0.07)
}
.thb-progressbar .thb-progress span {
display: block;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: #ee9982;
transform-origin: 0 0;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1)
}
.thb_cascading_images {
position: relative
}
.thb_cascading_images .cascading_image {
display: block;
width: 100%
}
.thb_cascading_images .cascading_image:not(:first-child) {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
-moz-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0)
}
.thb_cascading_images .cascading_image:not(:first-child) img {
max-width: none
}
.thb_cascading_images .cascading_image img {
display: block;
margin: 0 auto;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0)
}
.thb_cascading_images .cascading_image .thb_box_shadow {
-webkit-box-shadow: 0 4px 25px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 4px 25px rgba(0, 0, 0, 0.2);
box-shadow: 0 4px 25px rgba(0, 0, 0, 0.2)
}
.thb-image-slider .slick-slide {
display: flex;
justify-content: center;
align-items: center
}
.thb-image-slider .slick-slide a {
display: block;
width: 100%;
pointer-events: none
}
.thb-image-slider .slick-slide a.thb-full-link {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.thb-image-slider .slick-slide.slick-active a,
.thb-image-slider .slick-slide.slick-center a {
pointer-events: all
}
.thb-image-slider.thb_equal_height .slick-track {
display: flex;
align-items: normal
}
.thb-image-slider.thb_equal_height .slick-track .slick-slide {
align-items: normal;
height: auto
}
.thb-image-slider.thb_equal_height .slick-track .slick-slide img {
height: 100%;
width: 100%;
object-fit: cover
}
.thb-image-slider.thb_center:not(.thb_equal_height) .slick-track {
display: flex;
align-items: center
}
.wpb_gallery .row .columns {
width: 100%;
overflow: hidden
}
.wpb_gallery a {
display: block
}
.wpb_gallery img {
width: 100%;
-webkit-transition: opacity .25s cubic-bezier(0.25, 0.8, 0.25, 1);
-moz-transition: opacity .25s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: opacity .25s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: opacity .25s cubic-bezier(0.25, 0.8, 0.25, 1)
}
.wpb_gallery .thb-overlay-caption:hover img {
opacity: 0.6
}
.thb-overlay-caption {
position: relative;
background: #090909
}
.thb-overlay-caption figcaption {
display: block;
background: rgba(9, 9, 9, 0.4);
position: absolute;
top: 15px;
left: 15px;
z-index: 5;
color: #fff;
line-height: 1;
text-transform: uppercase;
font-weight: 600;
font-size: 12px;
padding: 13px 20px
}
@media only screen and (min-width: 640px) {
.thb-overlay-caption figcaption {
top: 40px;
left: 40px
}
}
.vc_gitem-zone .mfp-image {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.perspective-wrap {
-webkit-perspective: 3000px;
-moz-perspective: 3000px;
-ms-perspective: 3000px;
-o-perspective: 3000px;
perspective: 3000px
}
.animation {
will-change: opacity, transform;
opacity: 0;
-webkit-animation: none;
-moz-animation: none;
-ms-animation: none;
-o-animation: none;
animation: none
}
.animation.bottom-to-top {
-webkit-animation: none;
-moz-animation: none;
-ms-animation: none;
-o-animation: none;
animation: none;
-webkit-transform: translateY(30px);
-moz-transform: translateY(30px);
-ms-transform: translateY(30px);
-o-transform: translateY(30px);
transform: translateY(30px)
}
.animation.top-to-bottom {
-webkit-animation: none;
-moz-animation: none;
-ms-animation: none;
-o-animation: none;
animation: none;
-webkit-transform: translateY(-30px);
-moz-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-o-transform: translateY(-30px);
transform: translateY(-30px)
}
.animation.left-to-right {
-webkit-animation: none;
-moz-animation: none;
-ms-animation: none;
-o-animation: none;
animation: none;
-webkit-transform: translateX(-30px);
-moz-transform: translateX(-30px);
-ms-transform: translateX(-30px);
-o-transform: translateX(-30px);
transform: translateX(-30px)
}
.animation.right-to-left {
-webkit-animation: none;
-moz-animation: none;
-ms-animation: none;
-o-animation: none;
animation: none;
-webkit-transform: translateX(30px);
-moz-transform: translateX(30px);
-ms-transform: translateX(30px);
-o-transform: translateX(30px);
transform: translateX(30px)
}
.animation.left-to-right-3d {
-webkit-animation: none;
-moz-animation: none;
-ms-animation: none;
-o-animation: none;
animation: none;
transform-origin: 100% 100%;
transform-style: preserve-3d;
-webkit-transform: rotateX(-25deg) rotateY(-15deg) translate3d(-60px, -10px, 0);
-moz-transform: rotateX(-25deg) rotateY(-15deg) translate3d(-60px, -10px, 0);
-ms-transform: rotateX(-25deg) rotateY(-15deg) translate3d(-60px, -10px, 0);
-o-transform: rotateX(-25deg) rotateY(-15deg) translate3d(-60px, -10px, 0);
transform: rotateX(-25deg) rotateY(-15deg) translate3d(-60px, -10px, 0)
}
.animation.right-to-left-3d {
-webkit-animation: none;
-moz-animation: none;
-ms-animation: none;
-o-animation: none;
animation: none;
transform-origin: 0% 100%;
transform-style: preserve-3d;
-webkit-transform: rotateX(-25deg) rotateY(15deg) translate3d(60px, -10px, 0);
-moz-transform: rotateX(-25deg) rotateY(15deg) translate3d(60px, -10px, 0);
-ms-transform: rotateX(-25deg) rotateY(15deg) translate3d(60px, -10px, 0);
-o-transform: rotateX(-25deg) rotateY(15deg) translate3d(60px, -10px, 0);
transform: rotateX(-25deg) rotateY(15deg) translate3d(60px, -10px, 0)
}
.animation.bottom-to-top-3d {
-webkit-animation: none;
-moz-animation: none;
-ms-animation: none;
-o-animation: none;
animation: none;
transform-style: preserve-3d;
-webkit-transform: rotateX(-45deg) translateY(120px);
-moz-transform: rotateX(-45deg) translateY(120px);
-ms-transform: rotateX(-45deg) translateY(120px);
-o-transform: rotateX(-45deg) translateY(120px);
transform: rotateX(-45deg) translateY(120px)
}
.animation.bottom-to-top-3d-small {
-webkit-animation: none;
-moz-animation: none;
-ms-animation: none;
-o-animation: none;
animation: none;
transform-style: preserve-3d;
-webkit-transform: rotateX(-45deg) translateY(60px);
-moz-transform: rotateX(-45deg) translateY(60px);
-ms-transform: rotateX(-45deg) translateY(60px);
-o-transform: rotateX(-45deg) translateY(60px);
transform: rotateX(-45deg) translateY(60px)
}
.animation.top-to-bottom-3d {
-webkit-animation: none;
-moz-animation: none;
-ms-animation: none;
-o-animation: none;
animation: none;
transform-style: preserve-3d;
-webkit-transform: rotateX(45deg) translateY(-120px);
-moz-transform: rotateX(45deg) translateY(-120px);
-ms-transform: rotateX(45deg) translateY(-120px);
-o-transform: rotateX(45deg) translateY(-120px);
transform: rotateX(45deg) translateY(-120px)
}
.animation.top-to-bottom-3d-small {
-webkit-animation: none;
-moz-animation: none;
-ms-animation: none;
-o-animation: none;
animation: none;
transform-style: preserve-3d;
-webkit-transform: rotateX(45deg) translateY(-60px);
-moz-transform: rotateX(45deg) translateY(-60px);
-ms-transform: rotateX(45deg) translateY(-60px);
-o-transform: rotateX(45deg) translateY(-60px);
transform: rotateX(45deg) translateY(-60px)
}
.animation.scale {
-webkit-animation: none;
-moz-animation: none;
-ms-animation: none;
-o-animation: none;
animation: none;
-webkit-transform: scale(.8, .8);
-moz-transform: scale(.8, .8);
-ms-transform: scale(.8, .8);
-o-transform: scale(.8, .8);
transform: scale(.8, .8)
}
.vc_editor .animation {
opacity: 1;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none
}
.vc_empty_space {
clear: both
}
.image_link {
display: inline-block
}
.image_link.full {
width: 100%
}
table tbody th,
table tbody td {
text-align: inherit;
color: #343434
}
.thb-content-carousel .slick-slide {
margin-bottom: 0
}
.thb-content-carousel.regular-padding .slick-slide {
margin-right: 10px;
margin-left: 10px
}
@media only screen and (min-width: 640px) {
.thb-content-carousel.regular-padding .slick-slide {
margin-right: 15px;
margin-left: 15px
}
}
@media only screen and (min-width: 1024px) {
.thb-content-carousel.regular-padding .slick-slide {
margin-right: 20px;
margin-left: 20px
}
}
.thb-content-carousel.medium-padding .slick-slide {
margin-right: 10px;
margin-left: 10px
}
@media only screen and (min-width: 640px) {
.thb-content-carousel.medium-padding .slick-slide {
margin-right: 15px;
margin-left: 15px
}
}
.thb-content-carousel.mini-padding {
margin: 0 -5px
}
.thb-content-carousel.mini-padding .slick-slide {
margin-right: 5px;
margin-left: 5px
}
.thb-content-carousel.pixel-padding {
margin: 0 -1px
}
.thb-content-carousel.pixel-padding .slick-slide {
margin-right: 1px;
margin-left: 1px
}
.thb-content-carousel.no-padding,
.row .thb-content-carousel.row.no-padding {
margin: 0
}
.thb-content-carousel.no-padding .slick-slide {
margin-left: 0;
margin-right: 0
}
.thb-content-carousel.center-arrows.row {
padding: 0 60px
}
.thb-content-carousel.center-arrows.row .slick-nav {
border-color: rgba(52, 52, 52, 0.4)
}
.thb-content-carousel.center-arrows.row .slick-nav.slick-prev {
left: 20px
}
.thb-content-carousel.center-arrows.row .slick-nav.slick-next {
right: 20px
}
.thb-content-carousel.center-arrows.row .slick-nav svg {
fill: #343434
}
.thb-content-carousel.center-arrows.row .slick-nav:hover {
border-color: #343434
}
.contact_map_parent {
position: relative;
overflow: hidden
}
.contact_map_parent.map_left .thb-expand {
right: auto;
left: 20px
}
.contact_map_parent.map_left .contact_map {
right: auto;
left: 0
}
.contact_map h3,
.thb_office_location h3 {
font-size: 16px;
margin-bottom: 5px
}
.contact_map.disabled,
.thb_office_location.disabled {
display: flex;
justify-content: center;
align-items: center
}
.contact_map {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 100%;
z-index: 10
}
.thb-expand {
width: 46px;
height: 46px;
position: absolute;
top: 20px;
right: 20px;
z-index: 99;
display: none;
justify-content: center;
align-items: center;
background: rgba(52, 52, 52, 0.6)
}
@media only screen and (min-width: 1024px) {
.thb-expand {
display: flex
}
}
.thb-expand svg {
width: 20px;
height: 20px
}
.thb-expand svg g {
stroke: #fff;
stroke-width: 4
}
.thb-expand:hover {
background: #343434
}
.thb_pin {
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.thb_pin .pin-wrap {
display: block;
position: absolute
}
.thb_pin .shadow {
display: block;
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 0;
-webkit-transform: rotateX(55deg);
-moz-transform: rotateX(55deg);
-ms-transform: rotateX(55deg);
-o-transform: rotateX(55deg);
transform: rotateX(55deg)
}
.thb_pin .shadow:after {
content: '';
position: absolute;
left: -200px;
top: calc(100% - 5px);
display: block;
width: 40px;
height: 20px;
border-radius: 50%;
box-shadow: 200px 0 20px rgba(0, 0, 0, 0.4);
-webkit-transform: rotateX(55deg);
-moz-transform: rotateX(55deg);
-ms-transform: rotateX(55deg);
-o-transform: rotateX(55deg);
transform: rotateX(55deg)
}
.thb_pin .pulse {
display: block;
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 0;
-webkit-transform: rotateX(65deg);
-moz-transform: rotateX(65deg);
-ms-transform: rotateX(65deg);
-o-transform: rotateX(65deg);
transform: rotateX(65deg)
}
.thb_pin .pulse:after {
content: '';
display: block;
position: absolute;
top: -2px;
left: 0;
width: 40px;
height: 20px;
animation: thb-pulsate 1s ease-out;
animation-delay: 1.1s;
animation-iteration-count: infinite;
opacity: 0;
border-radius: 50%;
box-shadow: 0 0 1px 2px rgba(9, 9, 9, 0.4), 0 0 6px 3px rgba(9, 9, 9, 0.6)
}
@keyframes thb-pulsate {
0% {
transform: scale(0.1, 0.1);
opacity: 0
}
50% {
opacity: 1
}
100% {
transform: scale(1.2, 1.2);
opacity: 0
}
}
.thb-label {
display: inline-block;
padding: 13px 15px;
line-height: 1
}
.thb-label>* {
margin: 0;
line-height: 1
}
.thb-autotype .thb-autotype-entry {
display: inline;
color: #ee9982;
will-change: contents
}
.thb-autotype .typed-cursor {
font-weight: 400;
display: inline-block;
-webkit-animation: blink 0.7s infinite;
-moz-animation: blink 0.7s infinite;
-ms-animation: blink 0.7s infinite;
-o-animation: blink 0.7s infinite;
animation: blink 0.7s infinite
}
@keyframes blink {
0% {
opacity: 1
}
50% {
opacity: 0
}
100% {
opacity: 1
}
}
@-webkit-keyframes blink {
0% {
opacity: 1
}
50% {
opacity: 0
}
100% {
opacity: 1
}
}
@-moz-keyframes blink {
0% {
opacity: 1
}
50% {
opacity: 0
}
100% {
opacity: 1
}
}
.thb-fadetype {
visibility: hidden;
perspective: 2000px
}
.thb-fadetype .thb-fadetype-entry {
display: inline-block;
will-change: contents
}
.thb-fadetype .thb-fadetype-entry div {
transform-origin: 0 100%;
transform-style: preserve-3d;
will-change: opacity
}
.thb-gradienttype {
position: relative
}
.thb-gradienttype * {
-moz-background-clip: text !important;
-o-background-clip: text !important;
-webkit-background-clip: text !important;
background-clip: text !important
}
.thb-gradienttype:not(.on-hover-true) * {
-moz-text-fill-color: transparent !important;
-o-text-fill-color: transparent !important;
-webkit-text-fill-color: transparent !important;
text-fill-color: transparent !important
}
.thb-gradienttype.on-hover-true .thb-gradienttype-hover {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
opacity: 0
}
.thb-gradienttype.on-hover-true .thb-gradienttype-hover * {
-moz-text-fill-color: transparent !important;
-o-text-fill-color: transparent !important;
-webkit-text-fill-color: transparent !important;
text-fill-color: transparent !important
}
.thb-gradienttype.on-hover-true:hover .thb-gradienttype-hover {
opacity: 1
}
.thb-slidetype {
visibility: hidden;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0)
}
.thb-slidetype .thb-slidetype-entry {
display: block;
will-change: contents;
overflow: hidden
}
.thb-slidetype .thb-slidetype-entry .lines {
display: block
}
.thb-stroketype * {
color: #343434;
-webkit-text-fill-color: rgba(0, 0, 0, 0);
-moz-text-fill-color: rgba(0, 0, 0, 0);
-o-text-fill-color: rgba(0, 0, 0, 0);
-ms-text-fill-color: rgba(0, 0, 0, 0);
text-fill-color: rgba(0, 0, 0, 0);
-webkit-text-stroke-width: 1px;
-moz-text-stroke-width: 1px;
-o-text-stroke-width: 1px;
-ms-text-stroke-width: 1px;
text-stroke-width: 1px;
-webkit-text-stroke-color: #343434;
-moz-text-stroke-color: #343434;
-o-text-stroke-color: #343434;
-ms-text-stroke-color: #343434;
text-stroke-color: #343434
}
.thb-video-lightbox {
display: inline-block;
position: relative;
overflow: hidden
}
.thb-video-lightbox.inline svg {
width: 36px;
height: 36px
}
.thb-video-lightbox.large svg {
width: 96px;
height: 96px
}
.thb-video-lightbox.xlarge svg {
width: 128px;
height: 128px
}
.thb-video-lightbox.lightbox-style1 {
display: inline-block;
line-height: 0
}
.thb-video-lightbox.lightbox-style2 svg {
position: absolute;
top: 50%;
left: 50%;
z-index: 5;
-webkit-transform: translate3d(-50%, -50%, 0);
-moz-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0)
}
.thb-video-lightbox.lightbox-style3 svg {
display: inline-block;
vertical-align: middle
}
.thb-video-lightbox.lightbox-style3 .thb-video-text {
display: inline-block;
vertical-align: middle;
margin-left: 25px;
font-size: 16px;
font-weight: 600
}
.rtl .thb-video-lightbox.lightbox-style3 .thb-video-text {
margin-left: 0;
margin-right: 25px
}
.thb-video-lightbox.hover-style1 img {
will-change: scale
}
.thb-video-lightbox.hover-style1:hover img {
-webkit-transform: scale(1.05, 1.05);
-moz-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05)
}
.thb-video-lightbox.hover-style2 {
background: #090909
}
.thb-video-lightbox.hover-style2 img {
will-change: opacity
}
.thb-video-lightbox.hover-style2:hover img {
opacity: 0.9
}
.thb-video-lightbox.thb-video-lightbox-icon-style-style4 {
border: 1px solid rgba(0, 0, 0, 0.11);
border-radius: 500px;
padding: 10px
}
.thb-video-lightbox.thb-video-lightbox-icon-style-style4 .thb-video-text {
margin-left: 20px;
margin-right: 25px
}
.thb-video-lightbox .thb-video-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10
}
.thb-video-lightbox svg {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0)
}
.thb-video-lightbox svg .back,
.thb-video-lightbox svg .front {
will-change: transform
}
.thb-video-lightbox svg .back {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%)
}
.thb-video-lightbox svg .pause {
display: none
}
.thb-video-lightbox svg.thb-play-02 .circle1 {
fill: none;
stroke-width: 2;
stroke-miterlimit: 10;
opacity: 0.5;
stroke: #000
}
.thb-video-lightbox svg.thb-play-02 .circle2 {
fill: none;
stroke-width: 2;
stroke-miterlimit: 10;
opacity: 1;
stroke-dasharray: 239;
stroke-dashoffset: 239;
stroke: #000
}
.thb-video-lightbox:hover .back {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%)
}
.thb-video-lightbox:hover .front {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%)
}
.thb-video-lightbox:hover svg.thb-play-02 .circle2 {
stroke-dashoffset: 0
}
#scroll_to_top {
position: fixed;
bottom: -50px;
right: 15px;
z-index: 100
}
.rtl #scroll_to_top {
right: auto;
left: 15px
}
#scroll_to_top:hover .thb-animated-arrow.circular {
background: #ee9982
}
#scroll_to_top:hover .thb-animated-arrow.circular svg {
fill: #fff
}
#scroll_to_top svg {
fill: #fff
}
#scroll_to_top.active {
bottom: 15px
}
#scroll_to_top.active.nav_active {
bottom: 80px
}
@media only screen and (min-width: 640px) {
#scroll_to_top.active.nav_active {
bottom: 90px
}
}
#scroll_to_top .thb-animated-arrow.circular {
background: rgba(0, 0, 0, 0.6);
border: 0;
width: 32px;
height: 32px;
border-radius: 16px;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg)
}
#scroll_to_top .thb-animated-arrow.circular svg {
width: 14px
}
@media only screen and (min-width: 640px) {
.thb-borders-on #scroll_to_top {
margin-right: 10px;
margin-bottom: 10px
}
}
@media only screen and (min-width: 640px) {
.rtl .thb-borders-on #scroll_to_top {
margin-right: 0;
margin-left: 10px
}
}
.password-protected {
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center
}
.password-protected svg {
display: inline-block;
width: 60px;
max-width: 100%;
margin-bottom: 30px
}
.password-protected h3 {
margin-bottom: 5px
}
.password-protected .password-form {
text-align: center
}
.password-protected p {
margin-bottom: 30px
}
.wpb_video_widget .wpb_video_wrapper .responsive-embed,
.wpb_video_widget .wpb_video_wrapper .flex-video {
height: auto;
padding-bottom: 0;
margin: 0;
position: absolute;
top: 0;
width: 100%;
height: 100%
}
.thb-freescroll .columns {
width: 100%
}
.thb-freescroll.thb-freescroll-text.flickity-enabled .columns {
opacity: 1
}
.thb-freescroll.thb-freescroll-text .columns {
opacity: 0;
display: inline-flex;
width: auto;
max-width: none
}
.thb-freescroll.instagram-row figure {
margin-bottom: 35px
}
.thb-freescroll.instagram-row figcaption {
font-size: 14px
}
.thb-freescroll .thb-lightbox-link {
display: block
}
.thb-freescroll .text-content {
white-space: nowrap
}
.thb-awards-parent {
color: #111;
font-size: 18px
}
.thb-awards-parent .award-date {
display: block;
padding: 15px 0
}
@media only screen and (min-width: 640px) {
.thb-awards-parent .award-date {
padding: 25px 0
}
}
.thb-awards-parent .thb-awards .award-container {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding: 15px 0
}
@media only screen and (min-width: 640px) {
.thb-awards-parent .thb-awards .award-container {
padding: 25px 0
}
}
.thb-awards-parent .thb-awards:last-child .award-container {
border-bottom: 0
}
.thb-awards-parent .thb-awards .thb-award-description strong {
color: #111
}
.thb-awards-parent+.thb-awards-parent {
border-top: 1px solid rgba(0, 0, 0, 0.6)
}
.thb-experience {
color: #111;
font-size: 18px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}
.thb-experience:last-of-type {
border-bottom: 0
}
.thb-experience .experience-date,
.thb-experience .thb-experience-description,
.thb-experience .thb-experience-position {
display: block;
padding-top: 15px;
padding-bottom: 15px
}
@media only screen and (min-width: 640px) {
.thb-experience .experience-date,
.thb-experience .thb-experience-description,
.thb-experience .thb-experience-position {
padding-top: 25px;
padding-bottom: 25px
}
}
.thb-experience .thb-experience-description strong,
.thb-experience .thb-experience-position strong {
color: #111
}
.thb_twitter_container p {
margin-bottom: 5px
}
.thb_twitter_container p a {
font-weight: 500
}
.thb_twitter_container .thb_tweet_time {
font-size: 11px;
text-transform: uppercase;
color: #00aced
}
.thb_twitter_container.style2 .thb_tweet {
margin-bottom: 10px
}
.thb_twitter_container.style1 .thb_tweet {
margin-bottom: 25px
}
.vc_carousel-indicators li:before {
display: none
}
.wpb_text_column a:not(.btn):not(.button) {
display: inline-block;
position: relative
}
.wpb_text_column a:not(.btn):not(.button):after {
content: '';
position: absolute;
top: 100%;
left: 0;
width: 100%;
border-bottom: 1px solid #ee9982;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-o-transform-origin: 0 0;
transform-origin: 0 0
}
.wpb_text_column a:not(.btn):not(.button):hover:after {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
.wpb_text_column ul,
.wpb_text_column ol {
margin-left: 20px
}
.wpb_text_column ul li,
.wpb_text_column ol li {
margin-bottom: 5px
}
.rtl .wpb_text_column ul,
.rtl .wpb_text_column ol {
margin-left: 0;
margin-right: 20px
}
.thb_cascading_images {
position: relative
}
.thb_cascading_images .cascading_image {
display: block;
width: 100%
}
.thb_cascading_images .cascading_image:not(:first-child) {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
-moz-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0)
}
.thb_cascading_images .cascading_image img {
display: block;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0)
}
.thb_cascading_images .cascading_image .thb_box_shadow {
-webkit-box-shadow: 0 10px 75px rgba(0, 0, 0, 0.14), 0 5px 45px -10px rgba(0, 0, 0, 0.14);
-moz-box-shadow: 0 10px 75px rgba(0, 0, 0, 0.14), 0 5px 45px -10px rgba(0, 0, 0, 0.14);
box-shadow: 0 10px 75px rgba(0, 0, 0, 0.14), 0 5px 45px -10px rgba(0, 0, 0, 0.14)
}
#right_click_content {
display: none;
position: fixed;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 1001;
opacity: 0;
background: rgba(0, 0, 0, 0.95);
color: #fff;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
#right_click_content h1,
#right_click_content h2,
#right_click_content h3,
#right_click_content h4,
#right_click_content h5,
#right_click_content h6 {
color: #fff
}
#right_click_content .row {
min-width: 100%
}
#right_click_content .columns>*:last-child {
margin: 0
}
.thb-countdown .thb-countdown-ul {
display: flex;
flex-direction: column;
justify-content: space-between
}
@media only screen and (min-width: 640px) {
.thb-countdown .thb-countdown-ul {
flex-direction: row
}
}
.thb-countdown .thb-countdown-ul li {
display: flex;
flex-direction: column;
text-align: center;
padding: 0 15px;
margin-bottom: 30px;
font-feature-settings: "tnum";
font-variant-numeric: tabular-nums
}
.thb-countdown .thb-countdown-ul li .timestamp {
font-weight: 500;
will-change: contents
}
@media only screen and (min-width: 1024px) {
.thb-countdown .thb-countdown-ul li .timestamp {
font-size: 90px
}
}
@media only screen and (min-width: 1440px) {
.thb-countdown .thb-countdown-ul li .timestamp {
font-size: 120px
}
}
.thb-countdown .thb-countdown-ul li .timelabel {
font-weight: 500;
font-size: 16px;
text-transform: capitalize
}
.thb-page-menu {
list-style: none;
margin: 0 0 30px;
padding: 0
}
.thb-page-menu li a {
display: block;
padding: 10px 0
}
.thb-page-menu li:hover a,
.thb-page-menu li.current_page_item a {
color: #ee9982
}
.thb-page-menu.style1 li a {
display: flex;
font-weight: 500;
font-size: 14px;
border-top: 1px solid #eaeaea;
border-left: 1px solid #eaeaea;
border-right: 1px solid #eaeaea;
height: 55px;
padding: 0 25px;
align-items: center
}
.thb-page-menu.style1 li:last-child a {
border-bottom: 1px solid #eaeaea
}
.thb-page-menu.style1 li:hover a,
.thb-page-menu.style1 li.current_page_item a {
background: #ee9982;
color: #fff;
border-color: #ee9982
}
.thb-page-menu.style1 li:hover+li a,
.thb-page-menu.style1 li.current_page_item+li a {
border-top-color: #ee9982
}
.thb-page-menu.style2 {
margin-bottom: 0
}
.thb-page-menu.style2 li {
border-bottom: 1px solid rgba(0, 0, 0, 0.3)
}
.thb-page-menu.style2 li a {
font-weight: 500;
font-size: 18px;
display: flex;
align-items: center;
justify-content: space-between
}
.thb-page-menu.style2 li a span {
-webkit-transition: -webkit-transform .5s cubic-bezier(0.25, 0.8, 0.25, 1);
-moz-transition: -moz-transform .5s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: -o-transform .5s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: transform .5s cubic-bezier(0.25, 0.8, 0.25, 1)
}
.thb-page-menu.style2 li a:hover {
opacity: 0.95
}
.thb-page-menu.style2 li a:hover span {
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px)
}
.thb-page-menu.style2 li:first-child a {
padding-top: 0
}
.thb-page-menu.style2 li:last-child {
border-bottom: 0
}
.thb-page-menu.style2 li:last-child a {
padding-bottom: 0
}
.thb-page-menu.thb-full-menu {
margin-bottom: 0;
flex-wrap: wrap
}
.thb-iconlist ul {
list-style: none;
margin: 0;
padding: 0
}
.thb-iconlist ul li {
position: relative;
padding-left: 30px;
margin: 0 0 10px
}
.thb-iconlist ul li .fa {
position: absolute;
top: 4px;
left: 0;
font-weight: 400
}
.rtl .thb-iconlist ul li {
padding-left: 0;
padding-right: 30px
}
.rtl .thb-iconlist ul li .fa {
left: auto;
right: 0
}
.thb_location_container.thb-office-locations-style1.row {
margin-bottom: 8vh
}
.thb_location_container.thb-office-locations-style1 .slick-track {
min-width: 100%
}
.thb_location_container.thb-office-locations-style1 .thb_location {
width: 100%;
padding: 15px;
cursor: pointer
}
@media only screen and (min-width: 640px) {
.thb_location_container.thb-office-locations-style1 .thb_location {
padding: 45px
}
}
.thb_location_container.thb-office-locations-style1 .thb_location h5 {
font-size: 16px;
font-weight: 600;
color: #ee9982
}
.thb_location_container.thb-office-locations-style1 .thb_location.active {
background: #fef5ba
}
.thb_location_container.thb-office-locations-style1 .slick-nav {
border-color: rgba(52, 52, 52, 0.4)
}
.thb_location_container.thb-office-locations-style1 .slick-nav.slick-prev {
left: 20px
}
.thb_location_container.thb-office-locations-style1 .slick-nav.slick-next {
right: 20px
}
.thb_location_container.thb-office-locations-style1 .slick-nav svg {
fill: #343434
}
.thb_location_container.thb-office-locations-style1 .slick-nav:hover {
border-color: #343434
}
.thb_location_container.thb-office-locations-style2 {
position: absolute;
top: 0;
left: 0;
width: 100%;
padding: 8%;
z-index: 20;
background-image: -owg-linear-gradient(rgba(24, 24, 27, 0.75) 10%, rgba(24, 24, 27, 0));
background-image: -webkit-linear-gradient(rgba(24, 24, 27, 0.75) 10%, rgba(24, 24, 27, 0));
background-image: -moz-linear-gradient(rgba(24, 24, 27, 0.75) 10%, rgba(24, 24, 27, 0));
background-image: -o-linear-gradient(rgba(24, 24, 27, 0.75) 10%, rgba(24, 24, 27, 0));
background-image: linear-gradient(rgba(24, 24, 27, 0.75) 10%, rgba(24, 24, 27, 0))
}
.thb_location_container.thb-office-locations-style2 svg {
display: block;
width: 56px;
margin-bottom: 20px
}
@media only screen and (min-width: 640px) {
.thb_location_container.thb-office-locations-style2 svg {
margin-bottom: 40px
}
}
.thb_location_container.thb-office-locations-style2 svg path,
.thb_location_container.thb-office-locations-style2 svg circle,
.thb_location_container.thb-office-locations-style2 svg rect,
.thb_location_container.thb-office-locations-style2 svg ellipse {
stroke: #fff
}
.thb_location_container.thb-office-locations-style2 h2 {
font-weight: 600;
color: #fff
}
.thb_location_container.thb-office-locations-style2 .thb_location {
display: inline-flex;
margin-bottom: 20px;
margin-right: 30px;
cursor: pointer
}
.thb_location_container.thb-office-locations-style2 .thb_location h5 {
margin: 0;
color: #fff;
font-size: 18px;
font-weight: 400;
display: block;
position: relative
}
.thb_location_container.thb-office-locations-style2 .thb_location h5:after {
content: '';
height: 1px;
width: 100%;
background: #fff;
position: absolute;
top: calc(100% + 2px);
left: 0;
transform-origin: top left;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1)
}
.thb_location_container.thb-office-locations-style2 .thb_location.active h5:after {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
.thb_office_location_container.style2 {
position: relative
}
.thb_office_location_container.style2 .thb_office_location {
z-index: 10
}
.thb-accordion {
display: block
}
.thb-accordion .vc_tta-panel {
border-bottom: 1px solid rgba(0, 0, 0, 0.13);
font-size: 16px
}
.thb-accordion .vc_tta-panel p {
font-size: inherit
}
.thb-accordion .vc_tta-panel:last-child {
border-bottom: 0
}
.thb-accordion .vc_tta-panel.active .vc_tta-panel-heading h4 a {
opacity: 1
}
.thb-accordion .vc_tta-panel.active .vc_tta-panel-heading h4 a:after,
.thb-accordion .vc_tta-panel.active .vc_tta-panel-heading h4 a:before {
background: #090909
}
.thb-accordion .vc_tta-panel.active .vc_tta-panel-heading h4 a:after {
-webkit-transform: translateY(-50%) scale(1, 0);
-moz-transform: translateY(-50%) scale(1, 0);
-ms-transform: translateY(-50%) scale(1, 0);
-o-transform: translateY(-50%) scale(1, 0);
transform: translateY(-50%) scale(1, 0)
}
.thb-accordion .vc_tta-panel-heading h4 {
display: block;
margin: 0;
line-height: 1;
font-size: 16px
}
.thb-accordion .vc_tta-panel-heading h4 a {
display: block;
position: relative;
padding: 23px 0;
opacity: 0.6;
color: #090909
}
.thb-accordion .vc_tta-panel-heading h4 a:after,
.thb-accordion .vc_tta-panel-heading h4 a:before {
content: '';
display: block;
position: absolute;
margin-right: 10px;
top: 50%;
right: 0
}
.rtl .thb-accordion .vc_tta-panel-heading h4 a:after,
.rtl .thb-accordion .vc_tta-panel-heading h4 a:before {
left: 0;
right: auto;
margin-right: 0;
margin-left: 10px
}
.thb-accordion .vc_tta-panel-heading h4 a:after {
width: 1px;
height: 13px;
right: 6px;
background: rgba(9, 9, 9, 0.6);
transform-origin: center;
-webkit-transform: translateY(-50%) scale(1, 1);
-moz-transform: translateY(-50%) scale(1, 1);
-ms-transform: translateY(-50%) scale(1, 1);
-o-transform: translateY(-50%) scale(1, 1);
transform: translateY(-50%) scale(1, 1)
}
.rtl .thb-accordion .vc_tta-panel-heading h4 a:after {
left: 6px;
right: auto
}
.thb-accordion .vc_tta-panel-heading h4 a:before {
width: 13px;
height: 1px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
background: rgba(9, 9, 9, 0.6)
}
.thb-accordion .vc_tta-panel-body {
display: none
}
.thb-accordion.style2 {
counter-reset: section
}
.thb-accordion.style2 .vc_tta-panel {
border-bottom: 0
}
.thb-accordion.style2 .vc_tta-panel.active .vc_tta-panel-heading h4 a {
opacity: 1
}
.thb-accordion.style2 .vc_tta-panel.active .vc_tta-panel-heading h4 a:before {
display: none
}
.thb-accordion.style2 .vc_tta-panel.active .vc_tta-panel-heading h4 a:after {
-webkit-transform: translateY(0) scale(1, 1);
-moz-transform: translateY(0) scale(1, 1);
-ms-transform: translateY(0) scale(1, 1);
-o-transform: translateY(0) scale(1, 1);
transform: translateY(0) scale(1, 1);
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-ms-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center
}
.thb-accordion.style2 .vc_tta-panel-heading {
position: relative;
line-height: 1;
padding-left: 70px;
margin: 0;
clear: both
}
.rtl .thb-accordion.style2 .vc_tta-panel-heading {
padding-left: 0;
padding-right: 70px
}
.thb-accordion.style2 .vc_tta-panel-heading:before {
counter-increment: section;
content: counter(section, decimal-leading-zero);
position: absolute;
color: rgba(0, 0, 0, 0.4);
top: 50%;
left: 0;
font-size: 20px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.rtl .thb-accordion.style2 .vc_tta-panel-heading:before {
left: auto;
right: 0
}
.thb-accordion.style2 .vc_tta-panel-heading h4 {
line-height: 1;
margin: 0;
padding: 30px 0
}
@media only screen and (min-width: 1024px) {
.thb-accordion.style2 .vc_tta-panel-heading h4 {
font-size: 42px
}
}
.thb-accordion.style2 .vc_tta-panel-heading h4 a {
display: inline-block;
position: relative;
padding: 0;
margin: 0;
color: #090909;
opacity: 1
}
.thb-accordion.style2 .vc_tta-panel-heading h4 a:before {
display: none
}
.thb-accordion.style2 .vc_tta-panel-heading h4 a:after {
margin: 0;
top: auto;
bottom: -3px;
left: 0;
width: 100%;
height: 1px;
background: #090909;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-ms-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
-webkit-transform: translateY(0) scale(0, 1);
-moz-transform: translateY(0) scale(0, 1);
-ms-transform: translateY(0) scale(0, 1);
-o-transform: translateY(0) scale(0, 1);
transform: translateY(0) scale(0, 1);
-webkit-transition: -webkit-transform .25s cubic-bezier(0.25, 0.8, 0.25, 1);
-moz-transition: -moz-transform .25s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: -o-transform .25s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: transform .25s cubic-bezier(0.25, 0.8, 0.25, 1)
}
.thb-accordion.style2 .vc_tta-panel-body {
padding-left: 70px
}
.thb-accordion.style3 .vc_tta-panel {
border: 1px solid rgba(0, 0, 0, 0.13);
border-radius: 4px;
margin-bottom: 16px
}
.thb-accordion.style3 .vc_tta-panel .vc_tta-panel-heading h4 a {
padding: 14px 15px
}
@media only screen and (min-width: 640px) {
.thb-accordion.style3 .vc_tta-panel .vc_tta-panel-heading h4 a {
padding: 28px 30px
}
.thb-accordion.style3 .vc_tta-panel .vc_tta-panel-heading h4 a:before,
.thb-accordion.style3 .vc_tta-panel .vc_tta-panel-heading h4 a:after {
margin-right: 25px
}
}
.thb-accordion.style3 .vc_tta-panel .vc_tta-panel-body {
padding: 0 15px 14px
}
@media only screen and (min-width: 640px) {
.thb-accordion.style3 .vc_tta-panel .vc_tta-panel-body {
padding: 0 30px 28px
}
}
.thb-accordion.style3 .vc_tta-panel .vc_tta-panel-body>*:last-of-type {
margin: 0
}
.thb-accordion.style3 .vc_tta-panel.active {
background: #fff;
-webkit-box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06);
-moz-box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06);
box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06)
}
.thb-bg-list-parent {
position: relative;
background: #000;
overflow: hidden
}
.thb-bg-list-parent .thb-bg-list-bg {
display: none;
opacity: 0;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 0;
overflow: hidden
}
.thb-bg-list-parent .thb-bg-list-bg .thb-bg-list-image {
width: 100%;
height: 100%;
object-fit: cover
}
.thb-bg-list-parent .columns {
position: relative;
z-index: 1
}
.thb-bg-list-parent .list-content-container {
max-width: 100%
}
.thb-bg-list-parent.style1 .columns:not(:first-child) .thb-bg-list {
border-top: 1px solid rgba(255, 255, 255, 0.2)
}
@media only screen and (min-width: 640px) {
.thb-bg-list-parent.style1 .columns:not(:first-child) .thb-bg-list {
border-top: 0;
border-left: 1px solid rgba(255, 255, 255, 0.2)
}
}
.thb-bg-list-parent.style1 .thb-bg-list {
display: flex;
height: 100%;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
padding: 25px;
color: #fff
}
@media only screen and (min-width: 640px) {
.thb-bg-list-parent.style1 .thb-bg-list {
padding: 45px
}
}
@media only screen and (min-width: 1600px) {
.thb-bg-list-parent.style1 .thb-bg-list {
padding: 65px
}
}
.thb-bg-list-parent.style1 .thb-bg-list h1,
.thb-bg-list-parent.style1 .thb-bg-list h2,
.thb-bg-list-parent.style1 .thb-bg-list h3,
.thb-bg-list-parent.style1 .thb-bg-list h4,
.thb-bg-list-parent.style1 .thb-bg-list h5,
.thb-bg-list-parent.style1 .thb-bg-list h6 {
color: #fff
}
.thb-bg-list-parent.style1 .thb-bg-list p {
font-size: 14px
}
.thb-bg-list-parent.style1 .thb-bg-list.has-btn:hover .list-content-container {
-webkit-transform: translateY(-60px);
-moz-transform: translateY(-60px);
-ms-transform: translateY(-60px);
-o-transform: translateY(-60px);
transform: translateY(-60px)
}
@media only screen and (min-width: 640px) {
.thb-bg-list-parent.style1 .thb-bg-list.has-btn:hover .list-content-container {
-webkit-transform: translateY(-75px);
-moz-transform: translateY(-75px);
-ms-transform: translateY(-75px);
-o-transform: translateY(-75px);
transform: translateY(-75px)
}
}
@media only screen and (min-width: 1600px) {
.thb-bg-list-parent.style1 .thb-bg-list.has-btn:hover .list-content-container {
-webkit-transform: translateY(-105px);
-moz-transform: translateY(-105px);
-ms-transform: translateY(-105px);
-o-transform: translateY(-105px);
transform: translateY(-105px)
}
}
.thb-bg-list-parent.style1 .thb-bg-list.has-btn:hover .thb-bglist-btn {
opacity: 1;
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%)
}
.thb-bg-list-parent.style1 .thb-bg-list .thb-bg-list-title h4 {
font-weight: 400
}
.thb-bg-list-parent.style1 .thb-bg-list .thb-bglist-btn {
position: absolute;
bottom: 25px;
left: 25px;
opacity: 0;
padding: 0 20px;
max-width: 100%;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%)
}
@media only screen and (min-width: 640px) {
.thb-bg-list-parent.style1 .thb-bg-list .thb-bglist-btn {
bottom: 45px;
left: 45px
}
}
@media only screen and (min-width: 1600px) {
.thb-bg-list-parent.style1 .thb-bg-list .thb-bglist-btn {
bottom: 65px;
left: 65px
}
}
.rtl .thb-bg-list-parent.style1 .thb-bg-list .thb-bglist-btn {
left: auto;
right: 25px
}
@media only screen and (min-width: 640px) {
.rtl .thb-bg-list-parent.style1 .thb-bg-list .thb-bglist-btn {
left: auto;
right: 45px
}
}
@media only screen and (min-width: 1600px) {
.rtl .thb-bg-list-parent.style1 .thb-bg-list .thb-bglist-btn {
left: auto;
right: 65px
}
}
.thb-client-row.has-border .thb-client {
border: 1px solid #343434
}
.thb-client-row.has-border .thb-client {
margin-right: -1px;
margin-bottom: -1px
}
.thb-client-row.has-border .slick .slick-list {
padding: 0 1px 1px 0 !important
}
.thb-client-row.has-border.thb-opacity.with-accent .thb-client:hover {
border-color: #ee9982
}
.thb-client-row.thb-opacity .thb-client img {
will-change: opacity;
opacity: 0.6
}
.thb-client-row.thb-opacity .thb-client:hover img {
opacity: 1
}
.thb-client-row.thb-opacity.with-accent .thb-client:hover {
background: #ee9982
}
.thb-client-row.thb-grayscale .thb-client img {
will-change: filter;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: grayscale(100%)
}
.thb-client-row.thb-grayscale .thb-client:hover img {
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
filter: grayscale(0%)
}
.thb-client-row .thb-client img {
display: block;
margin: 0 auto
}
.thb-client-row .thb-client a:not(.button) {
display: block
}
.thb-client-row .style3 .thb-client:hover .client-title {
opacity: 1;
box-shadow: 0 -3px 0px #090909
}
.thb-client-row .style3 .client-title {
display: block;
font-size: 16px;
text-align: left;
line-height: 1;
padding: 28px 0;
opacity: 0.8;
width: 100%;
color: #090909;
box-shadow: 0 -1px 0px rgba(9, 9, 9, 0.3)
}
.thb-client-row .style4 .thb-client {
position: relative;
z-index: 30;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-perspective: 300px;
-moz-perspective: 300px;
-ms-perspective: 300px;
-o-perspective: 300px;
perspective: 300px
}
.thb-client-row .style4 .thb-client:hover .button {
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1
}
.thb-client-row .style4 .thb-client:hover~.thb-client {
z-index: 25
}
.thb-client-row .style4 .thb-client:hover .accent-color {
opacity: 0.1
}
.thb-client-row .style4 .style4-container {
position: relative;
z-index: 20;
padding: 20%
}
.thb-client-row .style4 img {
margin-bottom: 35px;
-webkit-transition: opacity .25s cubic-bezier(0.25, 0.8, 0.25, 1);
-moz-transition: opacity .25s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: opacity .25s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: opacity .25s cubic-bezier(0.25, 0.8, 0.25, 1)
}
.thb-client-row .style4 .accent-color {
background: #ee9982;
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10
}
.thb-client-row .style4 .client-title {
display: block;
font-weight: 400;
margin: 0;
text-align: center
}
.thb-client-row .style4 .button {
border-radius: 0;
text-transform: uppercase;
width: 100%;
position: absolute;
top: 100%;
width: 100%;
font-size: 12px;
opacity: 0;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-o-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
-ms-transform: rotateX(-90deg);
-o-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-box-shadow: 0 5px 20px rgba(52, 52, 52, 0.1);
-moz-box-shadow: 0 5px 20px rgba(52, 52, 52, 0.1);
box-shadow: 0 5px 20px rgba(52, 52, 52, 0.1)
}
.thb-counter {
display: flex;
flex-direction: column;
text-align: center;
color: #090909;
visibility: hidden;
margin-bottom: 30px
}
.thb-counter figure {
display: flex;
width: 100%;
justify-content: center;
align-items: center;
padding-top: 15px
}
.thb-counter figure svg {
display: none;
width: 50px;
margin: 0 auto
}
.thb-counter figure svg path,
.thb-counter figure svg circle,
.thb-counter figure svg rect,
.thb-counter figure svg ellipse {
stroke: #090909
}
.thb-counter figure .counter-image img {
width: 64px
}
.thb-counter .counter-container {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
white-space: nowrap
}
.thb-counter .h1,
.thb-counter .thb-countdown .thb-countdown-ul li .timestamp,
.thb-countdown .thb-countdown-ul li .thb-counter .timestamp {
display: block;
width: 100%;
line-height: 1;
font-weight: 600 !important;
letter-spacing: -0.02em !important;
margin-bottom: 10px;
will-change: contents
}
.thb-counter .h1 .odometer-digit,
.thb-counter .thb-countdown .thb-countdown-ul li .timestamp .odometer-digit,
.thb-countdown .thb-countdown-ul li .thb-counter .timestamp .odometer-digit {
line-height: 1
}
.thb-counter h6 {
text-transform: none;
font-weight: 500;
font-size: 16px;
letter-spacing: normal;
color: #090909;
margin: 0 0 15px
}
.thb-counter .thb-description p {
font-size: 14px;
margin-bottom: 15px
}
.thb-counter.counter-style1 .counter-container {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
margin-bottom: 15px
}
.thb-counter.counter-style1 .counter-container .odometer {
flex: 0;
white-space: nowrap
}
.thb-counter.counter-style1 .counter-container .odometer .odometer-inside {
line-height: 1;
display: flex
}
.thb-counter.counter-style1 .counter-container .odometer .odometer-inside .odometer-digit-spacer {
vertical-align: baseline
}
.thb-counter.counter-style1 .counter-container .h1,
.thb-counter.counter-style1 .counter-container .thb-countdown .thb-countdown-ul li .timestamp,
.thb-countdown .thb-countdown-ul li .thb-counter.counter-style1 .counter-container .timestamp {
line-height: 1;
will-change: contents;
margin: 0
}
.thb-counter.counter-style1 .counter-container .h1.counter-text,
.thb-counter.counter-style1 .counter-container .thb-countdown .thb-countdown-ul li .counter-text.timestamp,
.thb-countdown .thb-countdown-ul li .thb-counter.counter-style1 .counter-container .counter-text.timestamp {
width: auto;
display: inline-flex;
margin: 0 0 0 7px
}
.thb-counter.counter-style1 .counter-container .h1.counter-text.counter-text-prepend,
.thb-counter.counter-style1 .counter-container .thb-countdown .thb-countdown-ul li .counter-text.counter-text-prepend.timestamp,
.thb-countdown .thb-countdown-ul li .thb-counter.counter-style1 .counter-container .counter-text.counter-text-prepend.timestamp {
margin: 0 7px 0 0
}
@media only screen and (min-width: 1024px) {
.thb-counter.counter-style1 .h1,
.thb-counter.counter-style1 .thb-countdown .thb-countdown-ul li .timestamp,
.thb-countdown .thb-countdown-ul li .thb-counter.counter-style1 .timestamp {
font-size: 90px
}
}
.thb-counter.counter-style3 .h1,
.thb-counter.counter-style3 .thb-countdown .thb-countdown-ul li .timestamp,
.thb-countdown .thb-countdown-ul li .thb-counter.counter-style3 .timestamp {
font-size: 30px;
font-weight: 600;
margin: 0
}
.thb-counter.counter-style3 h6 {
font-size: 14px;
font-weight: 600
}
.thb-counter.counter-style3 figure {
padding: 0;
margin-bottom: 30px
}
.thb-counter.counter-style2 .h1,
.thb-counter.counter-style2 .thb-countdown .thb-countdown-ul li .timestamp,
.thb-countdown .thb-countdown-ul li .thb-counter.counter-style2 .timestamp {
margin-bottom: 0
}
.thb-counter.counter-style2 .counter-container {
text-align: center;
padding: 20px 0;
min-width: 155px
}
.thb-counter.counter-style2 .thb-description {
display: flex;
align-items: center;
padding: 30px 0
}
.thb-counter.counter-style2 .thb-description p {
margin: 0
}
.thb-counter.counter-style2.left {
flex-direction: row;
text-align: left
}
.thb-counter.counter-style2.left .counter-container {
padding-right: 40px;
border-right: 1px solid rgba(0, 0, 0, 0.15);
margin-right: 40px
}
.thb-counter.counter-style2.right {
text-align: right;
flex-direction: row-reverse
}
.thb-counter.counter-style2.right .counter-container {
padding-left: 40px;
border-left: 1px solid rgba(0, 0, 0, 0.15);
margin-left: 40px
}
.thb-counter.counter-style4 .counter-container {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
margin-bottom: 15px
}
.thb-counter.counter-style4 .counter-container .odometer {
flex: 0;
white-space: nowrap
}
.thb-counter.counter-style4 .counter-container .odometer .odometer-inside {
line-height: 1;
display: flex
}
.thb-counter.counter-style4 .counter-container .odometer .odometer-inside .odometer-digit-spacer {
vertical-align: baseline
}
.thb-counter.counter-style4 .counter-container .counter {
line-height: 1;
font-weight: 400 !important;
letter-spacing: -0.02em !important;
will-change: contents;
margin: 0;
font-size: 40px
}
@media only screen and (min-width: 640px) {
.thb-counter.counter-style4 .counter-container .counter {
font-size: 60px
}
}
.thb-counter.counter-style4 .counter-container .counter.counter-text {
width: auto;
display: inline-flex;
margin: 0 0 0 7px
}
.thb-counter.counter-style4 .thb-title {
font-weight: 600;
text-transform: uppercase;
font-size: 12px;
margin-bottom: 10px
}
.thb-counter.counter-style5 .counter-container {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
margin-bottom: 15px
}
.thb-counter.counter-style5 .counter-container .odometer {
flex: 0;
white-space: nowrap
}
.thb-counter.counter-style5 .counter-container .odometer .odometer-inside {
line-height: 1;
display: flex
}
.thb-counter.counter-style5 .counter-container .odometer .odometer-inside .odometer-digit-spacer {
vertical-align: baseline
}
.thb-counter.counter-style5 .counter-container .counter {
line-height: 1;
font-weight: 400 !important;
letter-spacing: -0.02em !important;
will-change: contents;
margin: 0;
font-size: 40px
}
@media only screen and (min-width: 640px) {
.thb-counter.counter-style5 .counter-container .counter {
font-size: 60px
}
}
.thb-counter.counter-style5 .counter-container .counter.counter-text {
width: auto;
display: inline-flex;
margin: 0 0 0 7px
}
.thb-counter.counter-style5 .h1,
.thb-counter.counter-style5 .thb-countdown .thb-countdown-ul li .timestamp,
.thb-countdown .thb-countdown-ul li .thb-counter.counter-style5 .timestamp {
font-weight: 400
}
@media only screen and (min-width: 1024px) {
.thb-counter.counter-style5 .h1,
.thb-counter.counter-style5 .thb-countdown .thb-countdown-ul li .timestamp,
.thb-countdown .thb-countdown-ul li .thb-counter.counter-style5 .timestamp {
font-size: 80px
}
}
.thb-counter.counter-style5 h6 {
font-size: 11px;
font-weight: 600;
letter-spacing: 0.09em;
text-transform: uppercase
}
.odometer.odometer-auto-theme,
.odometer.odometer-theme-minimal {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
position: relative
}
.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-minimal .odometer-digit {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
position: relative
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
visibility: hidden
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner {
text-align: left;
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
.odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon {
display: block
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
.odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon-inner {
display: block;
-webkit-backface-visibility: hidden
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value,
.odometer.odometer-theme-minimal .odometer-digit .odometer-value {
display: block;
-webkit-transform: translateZ(0)
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,
.odometer.odometer-theme-minimal .odometer-digit .odometer-value.odometer-last-value {
position: absolute
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner {
transition: transform 2s
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-minimal.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
.odometer.odometer-theme-minimal.odometer-animating-down .odometer-ribbon-inner {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
-webkit-transition: -webkit-transform 2s;
-moz-transition: -moz-transform 2s;
-ms-transition: -ms-transform 2s;
-o-transition: -o-transform 2s;
transition: transform 2s;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.thb-fancy-box {
position: relative;
min-height: 300px
}
.thb-fancy-box .thb-fancy-image-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
background: #343434
}
.thb-fancy-box .thb-fancy-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
opacity: 0.8
}
.thb-fancy-box .thb-fancy-image img {
height: 100%;
object-fit: cover
}
.thb-fancy-box .thb-fancy-hover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0
}
.thb-fancy-box .thb-fancy-text-content {
max-width: 100%
}
.thb-fancy-box .thb-fancy-content {
display: flex;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
padding: 10%
}
.thb-fancy-box .thb-fancy-content h1,
.thb-fancy-box .thb-fancy-content h2,
.thb-fancy-box .thb-fancy-content h3,
.thb-fancy-box .thb-fancy-content h4,
.thb-fancy-box .thb-fancy-content h5,
.thb-fancy-box .thb-fancy-content h6 {
color: #090909;
max-width: 100%
}
.thb-fancy-box .thb-fancy-content svg {
margin-bottom: 30px;
width: 80px;
flex-shrink: 0
}
.thb-fancy-box .thb-fancy-content svg path,
.thb-fancy-box .thb-fancy-content svg circle,
.thb-fancy-box .thb-fancy-content svg rect,
.thb-fancy-box .thb-fancy-content svg ellipse {
stroke: #090909
}
.thb-fancy-box .thb-fancy-content p {
max-width: 100%;
font-size: 16px
}
.thb-fancy-box .thb-fancy-content>*:last-child {
margin-bottom: 0
}
.thb-fancy-box .thb-fancy-link {
display: flex;
justify-content: flex-start;
align-items: flex-end;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
padding: 10%
}
.thb-fancy-box.fancy-style1.thb-center .thb-fancy-link {
justify-content: center;
align-items: flex-end
}
.thb-fancy-box.fancy-style1.thb-bottom-left .thb-fancy-link {
align-items: flex-start
}
.thb-fancy-box.fancy-style1:hover .thb-animated-arrow {
border-color: #fff;
background: #fff
}
.thb-fancy-box.fancy-style1:hover .thb-animated-arrow svg {
fill: #090909
}
.thb-fancy-box.fancy-style1:hover .handle {
-webkit-transform: translateX(4px);
-moz-transform: translateX(4px);
-ms-transform: translateX(4px);
-o-transform: translateX(4px);
transform: translateX(4px)
}
.thb-fancy-box.fancy-style1:hover .bar {
opacity: 1;
-webkit-transform: translateX(4px) scale(0.8);
-moz-transform: translateX(4px) scale(0.8);
-ms-transform: translateX(4px) scale(0.8);
-o-transform: translateX(4px) scale(0.8);
transform: translateX(4px) scale(0.8)
}
.thb-fancy-box.fancy-style1:hover .thb-fancy-hover,
.thb-fancy-box.fancy-style4:hover .thb-fancy-hover {
opacity: 1
}
.thb-fancy-box.fancy-style1.small-shadow,
.thb-fancy-box.fancy-style3.small-shadow {
-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1)
}
.thb-fancy-box.fancy-style1.medium-shadow,
.thb-fancy-box.fancy-style3.medium-shadow {
-webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1)
}
.thb-fancy-box.fancy-style1.large-shadow,
.thb-fancy-box.fancy-style3.large-shadow {
-webkit-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1);
box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1)
}
.thb-fancy-box.fancy-style1.xlarge-shadow,
.thb-fancy-box.fancy-style3.xlarge-shadow {
-webkit-box-shadow: 0 8px 40px rgba(0, 0, 0, 0.08);
-moz-box-shadow: 0 8px 40px rgba(0, 0, 0, 0.08);
box-shadow: 0 8px 40px rgba(0, 0, 0, 0.08)
}
.thb-fancy-box.fancy-style2 {
overflow: visible
}
.thb-fancy-box.fancy-style2:hover {
z-index: 20
}
.thb-fancy-box.fancy-style2:hover+.thb-fancy-box {
z-index: 10
}
.thb-fancy-box.fancy-style2 .atvImg-container .atvImg-shadow {
box-shadow: none;
top: 1%;
left: 1%;
width: 98%;
height: 98%
}
.thb-fancy-box.fancy-style2.small-shadow .atvImg-container.over .atvImg-shadow {
-webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1)
}
.thb-fancy-box.fancy-style2.medium-shadow .atvImg-container.over .atvImg-shadow {
-webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1)
}
.thb-fancy-box.fancy-style2.large-shadow .atvImg-container.over .atvImg-shadow {
-webkit-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1);
box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1)
}
.thb-fancy-box.fancy-style2.xlarge-shadow .atvImg-container.over .atvImg-shadow {
-webkit-box-shadow: 0 8px 40px rgba(0, 0, 0, 0.08);
-moz-box-shadow: 0 8px 40px rgba(0, 0, 0, 0.08);
box-shadow: 0 8px 40px rgba(0, 0, 0, 0.08)
}
.thb-fancy-box.fancy-style3 {
will-change: scale;
overflow: hidden;
transform-origin: center center
}
.thb-fancy-box.fancy-style3 .thb-fancy-image-container {
transform-origin: center center;
will-change: scale
}
.thb-fancy-box.fancy-style3 .thb-fancy-image-container .thb-fancy-image {
width: 101%;
height: 101%
}
.thb-fancy-box.fancy-style3:hover {
-webkit-transform: scale(.98, .98);
-moz-transform: scale(.98, .98);
-ms-transform: scale(.98, .98);
-o-transform: scale(.98, .98);
transform: scale(.98, .98)
}
.thb-fancy-box.fancy-style3:hover .thb-fancy-image-container {
-webkit-transform: scale(1.05, 1.05);
-moz-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05)
}
.thb-fancy-box.fancy-style4 .thb-fancy-image-container {
background: none
}
.thb-fancy-box.fancy-style4 .thb-fancy-content p {
font-size: 14px
}
.thb-fancy-box.fancy-style4 .thb-fancy-content svg {
flex: 1;
flex-shrink: 0
}
.thb-fancy-box.fancy-style4.small-shadow:hover {
-webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1)
}
.thb-fancy-box.fancy-style4.medium-shadow:hover {
-webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1)
}
.thb-fancy-box.fancy-style4.large-shadow:hover {
-webkit-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1);
box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1)
}
.thb-fancy-box.fancy-style4.xlarge-shadow:hover {
-webkit-box-shadow: 0 8px 40px rgba(0, 0, 0, 0.08);
-moz-box-shadow: 0 8px 40px rgba(0, 0, 0, 0.08);
box-shadow: 0 8px 40px rgba(0, 0, 0, 0.08)
}
.thb-fancy-box.fancy-style5 .thb-fancy-image-container,
.thb-fancy-box.fancy-style5 .thb-fancy-content {
position: relative
}
.thb-fancy-box.fancy-style5 .thb-fancy-content {
padding: 40px 0 35px;
border-bottom: 1px solid rgba(0, 0, 0, 0.07);
border-radius: 0 !important
}
.thb-fancy-box.fancy-style5:hover .thb-fancy-content {
-webkit-box-shadow: inset 0 -3px 0 #ee9982;
-moz-box-shadow: inset 0 -3px 0 #ee9982;
box-shadow: inset 0 -3px 0 #ee9982
}
.thb-fancy-box.fancy-style5.small-shadow:hover .thb-fancy-image-container {
-webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1)
}
.thb-fancy-box.fancy-style5.medium-shadow:hover .thb-fancy-image-container {
-webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1)
}
.thb-fancy-box.fancy-style5.large-shadow:hover .thb-fancy-image-container {
-webkit-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1);
box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1)
}
.thb-fancy-box.fancy-style5.xlarge-shadow:hover .thb-fancy-image-container {
-webkit-box-shadow: 0 8px 40px rgba(0, 0, 0, 0.08);
-moz-box-shadow: 0 8px 40px rgba(0, 0, 0, 0.08);
box-shadow: 0 8px 40px rgba(0, 0, 0, 0.08)
}
.thb-fancy-box.fancy-style6 .button {
opacity: 0;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%)
}
.thb-fancy-box.fancy-style6 .thb-fancy-image-container {
background: #090909
}
.thb-fancy-box.fancy-style6 .thb-fancy-image {
opacity: 0.8
}
.thb-fancy-box.fancy-style6:hover .button {
opacity: 1;
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%)
}
.thb-fancy-box.fancy-style6:hover .thb-fancy-image {
opacity: 0.2
}
.thb-fancy-box.fancy-style6.thb-bottom-left.has-link:hover .thb-fancy-content,
.thb-fancy-box.fancy-style6.thb-bottom-center.has-link:hover .thb-fancy-content {
-webkit-transform: translateY(-70px);
-moz-transform: translateY(-70px);
-ms-transform: translateY(-70px);
-o-transform: translateY(-70px);
transform: translateY(-70px)
}
.thb-fancy-box.fancy-style6.thb-bottom-center.has-link .thb-fancy-link {
justify-content: center
}
.thb-fancy-box.fancy-style7 {
backface-visibility: hidden;
will-change: transform;
margin-bottom: 12px
}
.thb-fancy-box.fancy-style7 .thb-fancy-content {
padding: 14%;
-webkit-transform: translateZ(70px);
-moz-transform: translateZ(70px);
-ms-transform: translateZ(70px);
-o-transform: translateZ(70px);
transform: translateZ(70px)
}
.thb-fancy-box.fancy-style7 .thb-fancy-content svg {
width: 30px;
margin-bottom: 25px
}
.thb-fancy-box.fancy-style7 .thb-fancy-link {
padding: 14%
}
.thb-fancy-box.fancy-style7 .thb-fancy-image-container {
-webkit-transform-origin: 0 50%;
-moz-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
-o-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transform: perspective(1000px) rotateY(0deg) translateZ(0);
-moz-transform: perspective(1000px) rotateY(0deg) translateZ(0);
-ms-transform: perspective(1000px) rotateY(0deg) translateZ(0);
-o-transform: perspective(1000px) rotateY(0deg) translateZ(0);
transform: perspective(1000px) rotateY(0deg) translateZ(0)
}
.thb-fancy-box.fancy-style7 .thb-fancy-image-container .thb-fancy-image {
opacity: 1
}
.thb-fancy-box.fancy-style7.small-shadow .thb-fancy-image-container {
-webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1)
}
.thb-fancy-box.fancy-style7.medium-shadow .thb-fancy-image-container {
-webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1)
}
.thb-fancy-box.fancy-style7.large-shadow .thb-fancy-image-container {
-webkit-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1);
box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1)
}
.thb-fancy-box.fancy-style7.xlarge-shadow .thb-fancy-image-container {
-webkit-box-shadow: 0 8px 40px rgba(0, 0, 0, 0.08);
-moz-box-shadow: 0 8px 40px rgba(0, 0, 0, 0.08);
box-shadow: 0 8px 40px rgba(0, 0, 0, 0.08)
}
.thb-fancy-box.fancy-style7 .fancy-text-link {
font-size: 12px;
font-weight: 600;
display: block;
overflow: hidden
}
.thb-fancy-box.fancy-style7 .fancy-text-link span {
display: block;
opacity: 0;
-webkit-transform: translateY(50%);
-moz-transform: translateY(50%);
-ms-transform: translateY(50%);
-o-transform: translateY(50%);
transform: translateY(50%)
}
.thb-fancy-box.fancy-style7:hover .thb-fancy-image-container {
-webkit-transform: perspective(1000px) rotateY(-10deg) translate3d(-3px, 0, 0);
-moz-transform: perspective(1000px) rotateY(-10deg) translate3d(-3px, 0, 0);
-ms-transform: perspective(1000px) rotateY(-10deg) translate3d(-3px, 0, 0);
-o-transform: perspective(1000px) rotateY(-10deg) translate3d(-3px, 0, 0);
transform: perspective(1000px) rotateY(-10deg) translate3d(-3px, 0, 0)
}
.thb-fancy-box.fancy-style7:hover .fancy-text-link span {
opacity: 1;
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%)
}
.thb-fancy-box.fancy-style8 {
border: 1px solid rgba(0, 0, 0, 0.06)
}
.thb-fancy-box.fancy-style8:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 2px;
background: #090909;
transform-origin: top left;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1)
}
.thb-fancy-box.fancy-style8 .thb-fancy-image-container {
background: transparent
}
.thb-fancy-box.fancy-style8 .thb-fancy-content {
padding: 9%
}
.thb-fancy-box.fancy-style8 .thb-fancy-content svg {
width: 40px;
margin-bottom: 25px
}
.thb-fancy-box.fancy-style8 .thb-fancy-content .thb-fancy-text-content p {
font-size: 14px;
opacity: 0
}
.thb-fancy-box.fancy-style8 .thb-fancy-link {
padding: 9%;
opacity: 0
}
.thb-fancy-box.fancy-style8 .thb-fancy-link .fancy-text-link {
font-size: 13px;
font-weight: 500
}
.thb-fancy-box.fancy-style8:hover:after {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
.thb-fancy-box.fancy-style8:hover .thb-fancy-text-content p {
opacity: 1
}
.thb-fancy-box.fancy-style8:hover .thb-fancy-link {
opacity: 1
}
.thb-fancy-box.fancy-style8.has-icon:hover .thb-fancy-content svg {
opacity: 0
}
.thb-fancy-box.fancy-style8.has-icon:hover .thb-fancy-text-content {
-webkit-transform: translateY(-65px);
-moz-transform: translateY(-65px);
-ms-transform: translateY(-65px);
-o-transform: translateY(-65px);
transform: translateY(-65px)
}
.thb-fancy-box.fancy-style8.small-shadow:hover .thb-fancy-image-container {
-webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1)
}
.thb-fancy-box.fancy-style8.medium-shadow:hover .thb-fancy-image-container {
-webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1)
}
.thb-fancy-box.fancy-style8.large-shadow:hover .thb-fancy-image-container {
-webkit-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1);
box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1)
}
.thb-fancy-box.fancy-style8.xlarge-shadow:hover .thb-fancy-image-container {
-webkit-box-shadow: 0 8px 40px rgba(0, 0, 0, 0.08);
-moz-box-shadow: 0 8px 40px rgba(0, 0, 0, 0.08);
box-shadow: 0 8px 40px rgba(0, 0, 0, 0.08)
}
.thb-fancy-box.thb-center .thb-fancy-content {
justify-content: center;
align-items: center;
text-align: center
}
.thb-fancy-box.thb-bottom-left .thb-fancy-content {
justify-content: flex-end
}
.thb-fancy-box.thb-bottom-center .thb-fancy-content {
justify-content: flex-end;
align-items: center
}
.thb-fancy-box.fancy-dark .thb-animated-arrow {
border-color: rgba(9, 9, 9, 0.4)
}
.thb-fancy-box.fancy-dark .thb-animated-arrow svg {
fill: #090909
}
.thb-fancy-box.fancy-dark:hover .thb-animated-arrow {
border-color: #090909;
background: #090909
}
.thb-fancy-box.fancy-dark:hover .thb-animated-arrow svg {
fill: #fff
}
.thb-fancy-box.fancy-light.fancy-style1 .thb-fancy-content,
.thb-fancy-box.fancy-light.fancy-style2 .thb-fancy-content,
.thb-fancy-box.fancy-light.fancy-style3 .thb-fancy-content,
.thb-fancy-box.fancy-light.fancy-style6 .thb-fancy-content,
.thb-fancy-box.fancy-light.fancy-style7 .thb-fancy-content {
color: #fff
}
.thb-fancy-box.fancy-light.fancy-style1 .thb-fancy-content h1,
.thb-fancy-box.fancy-light.fancy-style1 .thb-fancy-content h2,
.thb-fancy-box.fancy-light.fancy-style1 .thb-fancy-content h3,
.thb-fancy-box.fancy-light.fancy-style1 .thb-fancy-content h4,
.thb-fancy-box.fancy-light.fancy-style1 .thb-fancy-content h5,
.thb-fancy-box.fancy-light.fancy-style1 .thb-fancy-content h6,
.thb-fancy-box.fancy-light.fancy-style2 .thb-fancy-content h1,
.thb-fancy-box.fancy-light.fancy-style2 .thb-fancy-content h2,
.thb-fancy-box.fancy-light.fancy-style2 .thb-fancy-content h3,
.thb-fancy-box.fancy-light.fancy-style2 .thb-fancy-content h4,
.thb-fancy-box.fancy-light.fancy-style2 .thb-fancy-content h5,
.thb-fancy-box.fancy-light.fancy-style2 .thb-fancy-content h6,
.thb-fancy-box.fancy-light.fancy-style3 .thb-fancy-content h1,
.thb-fancy-box.fancy-light.fancy-style3 .thb-fancy-content h2,
.thb-fancy-box.fancy-light.fancy-style3 .thb-fancy-content h3,
.thb-fancy-box.fancy-light.fancy-style3 .thb-fancy-content h4,
.thb-fancy-box.fancy-light.fancy-style3 .thb-fancy-content h5,
.thb-fancy-box.fancy-light.fancy-style3 .thb-fancy-content h6,
.thb-fancy-box.fancy-light.fancy-style6 .thb-fancy-content h1,
.thb-fancy-box.fancy-light.fancy-style6 .thb-fancy-content h2,
.thb-fancy-box.fancy-light.fancy-style6 .thb-fancy-content h3,
.thb-fancy-box.fancy-light.fancy-style6 .thb-fancy-content h4,
.thb-fancy-box.fancy-light.fancy-style6 .thb-fancy-content h5,
.thb-fancy-box.fancy-light.fancy-style6 .thb-fancy-content h6,
.thb-fancy-box.fancy-light.fancy-style7 .thb-fancy-content h1,
.thb-fancy-box.fancy-light.fancy-style7 .thb-fancy-content h2,
.thb-fancy-box.fancy-light.fancy-style7 .thb-fancy-content h3,
.thb-fancy-box.fancy-light.fancy-style7 .thb-fancy-content h4,
.thb-fancy-box.fancy-light.fancy-style7 .thb-fancy-content h5,
.thb-fancy-box.fancy-light.fancy-style7 .thb-fancy-content h6 {
color: #fff
}
.thb-fancy-box.fancy-light.fancy-style1 .thb-fancy-content svg path,
.thb-fancy-box.fancy-light.fancy-style1 .thb-fancy-content svg circle,
.thb-fancy-box.fancy-light.fancy-style1 .thb-fancy-content svg rect,
.thb-fancy-box.fancy-light.fancy-style1 .thb-fancy-content svg ellipse,
.thb-fancy-box.fancy-light.fancy-style2 .thb-fancy-content svg path,
.thb-fancy-box.fancy-light.fancy-style2 .thb-fancy-content svg circle,
.thb-fancy-box.fancy-light.fancy-style2 .thb-fancy-content svg rect,
.thb-fancy-box.fancy-light.fancy-style2 .thb-fancy-content svg ellipse,
.thb-fancy-box.fancy-light.fancy-style3 .thb-fancy-content svg path,
.thb-fancy-box.fancy-light.fancy-style3 .thb-fancy-content svg circle,
.thb-fancy-box.fancy-light.fancy-style3 .thb-fancy-content svg rect,
.thb-fancy-box.fancy-light.fancy-style3 .thb-fancy-content svg ellipse,
.thb-fancy-box.fancy-light.fancy-style6 .thb-fancy-content svg path,
.thb-fancy-box.fancy-light.fancy-style6 .thb-fancy-content svg circle,
.thb-fancy-box.fancy-light.fancy-style6 .thb-fancy-content svg rect,
.thb-fancy-box.fancy-light.fancy-style6 .thb-fancy-content svg ellipse,
.thb-fancy-box.fancy-light.fancy-style7 .thb-fancy-content svg path,
.thb-fancy-box.fancy-light.fancy-style7 .thb-fancy-content svg circle,
.thb-fancy-box.fancy-light.fancy-style7 .thb-fancy-content svg rect,
.thb-fancy-box.fancy-light.fancy-style7 .thb-fancy-content svg ellipse {
stroke: #fff
}
.thb-fancy-box.fancy-light.fancy-style7 .fancy-text-link {
color: #fff
}
.thb-fancy-box.fancy-light.fancy-style4:hover .thb-fancy-content {
color: #fff
}
.thb-fancy-box.fancy-light.fancy-style4:hover .thb-fancy-content h1,
.thb-fancy-box.fancy-light.fancy-style4:hover .thb-fancy-content h2,
.thb-fancy-box.fancy-light.fancy-style4:hover .thb-fancy-content h3,
.thb-fancy-box.fancy-light.fancy-style4:hover .thb-fancy-content h4,
.thb-fancy-box.fancy-light.fancy-style4:hover .thb-fancy-content h5,
.thb-fancy-box.fancy-light.fancy-style4:hover .thb-fancy-content h6 {
color: #fff
}
.thb-fancy-box.fancy-light.fancy-style4:hover .thb-fancy-content svg path,
.thb-fancy-box.fancy-light.fancy-style4:hover .thb-fancy-content svg circle,
.thb-fancy-box.fancy-light.fancy-style4:hover .thb-fancy-content svg rect,
.thb-fancy-box.fancy-light.fancy-style4:hover .thb-fancy-content svg ellipse {
stroke: #fff
}
.thb-flip-box {
display: flex;
position: relative;
min-height: 300px;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
-ms-perspective: 1000px;
-o-perspective: 1000px;
perspective: 1000px
}
.thb-flip-box svg {
width: 60px;
margin-bottom: 20px
}
.thb-flip-box .thb-flip-box-side {
display: flex;
flex: 1;
background-position: center;
background-size: cover;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d
}
.thb-flip-box .thb-flip-box-side .thb-flip-box-inner {
display: flex;
flex: 1;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
padding: 15px;
-webkit-transform: translateZ(50px) scale(0.95);
-moz-transform: translateZ(50px) scale(0.95);
-ms-transform: translateZ(50px) scale(0.95);
-o-transform: translateZ(50px) scale(0.95);
transform: translateZ(50px) scale(0.95)
}
@media only screen and (min-width: 640px) {
.thb-flip-box .thb-flip-box-side .thb-flip-box-inner {
padding: 30px
}
}
@media only screen and (min-width: 1024px) {
.thb-flip-box .thb-flip-box-side .thb-flip-box-inner {
padding: 45px
}
}
.thb-flip-box .thb-flip-box-side .thb-flip-box-inner h1,
.thb-flip-box .thb-flip-box-side .thb-flip-box-inner h2,
.thb-flip-box .thb-flip-box-side .thb-flip-box-inner h3,
.thb-flip-box .thb-flip-box-side .thb-flip-box-inner h4,
.thb-flip-box .thb-flip-box-side .thb-flip-box-inner h5,
.thb-flip-box .thb-flip-box-side .thb-flip-box-inner h6 {
margin-bottom: 10px
}
.thb-flip-box .thb-flip-box-side .thb-flip-box-inner p {
color: #343434;
font-size: 14px
}
.thb-flip-box .thb-flip-box-side .thb-flip-box-inner .flipbox-image {
margin-bottom: 15px
}
.thb-flip-box .thb-flip-box-side .thb-flip-box-inner .flipbox-image img {
width: 64px;
display: inline-block
}
.thb-flip-box .thb-flip-box-side .thb-flip-box-inner div {
width: 100%
}
.thb-flip-box .thb-flip-box-side .thb-flip-box-inner div>*:last-child {
margin-bottom: 0
}
.thb-flip-box .thb-flip-box-side.thb-flip-box-back {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.thb-flip-box.thb-flip-horizontal .thb-flip-box-side.thb-flip-box-back {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg)
}
.thb-flip-box.thb-flip-horizontal:hover .thb-flip-box-front {
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
-o-transform: rotateY(-180deg);
transform: rotateY(-180deg)
}
.thb-flip-box.thb-flip-horizontal:hover .thb-flip-box-back {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg)
}
.thb-flip-box.thb-flip-vertical .thb-flip-box-side.thb-flip-box-back {
-webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
-o-transform: rotateX(180deg);
transform: rotateX(180deg)
}
.thb-flip-box.thb-flip-vertical:hover .thb-flip-box-front {
-webkit-transform: rotateX(-180deg);
-moz-transform: rotateX(-180deg);
-ms-transform: rotateX(-180deg);
-o-transform: rotateX(-180deg);
transform: rotateX(-180deg)
}
.thb-flip-box.thb-flip-vertical:hover .thb-flip-box-back {
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg)
}
.thb-flip-box.thb-flip-box-front-light .thb-flip-box-front {
color: #fff
}
.thb-flip-box.thb-flip-box-front-light .thb-flip-box-front h1,
.thb-flip-box.thb-flip-box-front-light .thb-flip-box-front h2,
.thb-flip-box.thb-flip-box-front-light .thb-flip-box-front h3,
.thb-flip-box.thb-flip-box-front-light .thb-flip-box-front h4,
.thb-flip-box.thb-flip-box-front-light .thb-flip-box-front h5,
.thb-flip-box.thb-flip-box-front-light .thb-flip-box-front h6,
.thb-flip-box.thb-flip-box-front-light .thb-flip-box-front p {
color: #fff
}
.thb-flip-box.thb-flip-box-front-light .thb-flip-box-front svg path,
.thb-flip-box.thb-flip-box-front-light .thb-flip-box-front svg circle,
.thb-flip-box.thb-flip-box-front-light .thb-flip-box-front svg rect,
.thb-flip-box.thb-flip-box-front-light .thb-flip-box-front svg ellipse {
stroke: #fff
}
.thb-flip-box.thb-flip-box-back-light .thb-flip-box-back {
color: #fff
}
.thb-flip-box.thb-flip-box-back-light .thb-flip-box-back h1,
.thb-flip-box.thb-flip-box-back-light .thb-flip-box-back h2,
.thb-flip-box.thb-flip-box-back-light .thb-flip-box-back h3,
.thb-flip-box.thb-flip-box-back-light .thb-flip-box-back h4,
.thb-flip-box.thb-flip-box-back-light .thb-flip-box-back h5,
.thb-flip-box.thb-flip-box-back-light .thb-flip-box-back h6,
.thb-flip-box.thb-flip-box-back-light .thb-flip-box-back p {
color: #fff
}
.thb-flip-box.thb-flip-box-back-light .thb-flip-box-back svg path,
.thb-flip-box.thb-flip-box-back-light .thb-flip-box-back svg circle,
.thb-flip-box.thb-flip-box-back-light .thb-flip-box-back svg rect,
.thb-flip-box.thb-flip-box-back-light .thb-flip-box-back svg ellipse {
stroke: #fff
}
.thb-flip-box .thb-flip-box-link {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
-webkit-transform: translateZ(50px);
-moz-transform: translateZ(50px);
-ms-transform: translateZ(50px);
-o-transform: translateZ(50px);
transform: translateZ(50px)
}
.vc_tta-container .row {
box-sizing: border-box
}
.thb-tabs {
min-height: 100%
}
.thb-tabs .thb-tab-menu {
display: flex;
flex-direction: column
}
@media only screen and (min-width: 640px) {
.thb-tabs .thb-tab-menu {
flex-direction: row;
justify-content: center
}
}
.thb-tabs .vc_tta-panel {
display: none
}
.thb-tabs .vc_tta-panel.visible,
.thb-tabs .vc_tta-panel:first-of-type {
display: block
}
.thb-tabs .vc_tta-panel .vc_tta-panel-heading {
display: none
}
.thb-tabs.style1 .thb-tab-menu {
margin-bottom: 25px
}
.thb-tabs.style1 .vc_tta-panel-heading h4 {
display: block;
margin: 0;
line-height: 1;
font-size: 18px;
font-weight: 600;
padding: 0 2px
}
@media only screen and (min-width: 640px) {
.thb-tabs.style1 .vc_tta-panel-heading h4 {
padding: 0 21px
}
}
.thb-tabs.style1 .vc_tta-panel-heading h4 a {
display: inline-block;
padding: 0 2px;
color: rgba(0, 0, 0, 0.55);
position: relative;
line-height: 1
}
.thb-tabs.style1 .vc_tta-panel-heading h4 a:before {
content: '';
display: block;
position: absolute;
left: -2px;
width: calc(100% + 4px);
bottom: 0px;
height: 8px;
background: #ee9982;
z-index: 0;
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-transform: scale(1, 0);
-moz-transform: scale(1, 0);
-ms-transform: scale(1, 0);
-o-transform: scale(1, 0);
transform: scale(1, 0)
}
.thb-tabs.style1 .vc_tta-panel-heading h4 a:hover {
color: #090909
}
.thb-tabs.style1 .vc_tta-panel-heading h4 a.active {
color: #090909
}
.thb-tabs.style1 .vc_tta-panel-heading h4 a.active:before {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
.thb-tabs.style1 .vc_tta-panel-heading h4 a .vc_tta-title-text {
position: relative
}
.thb-tabs.style2 .thb-tab-menu {
margin-bottom: 45px
}
.thb-tabs.style2 .vc_tta-panel-heading h4 {
display: block;
line-height: 1;
font-size: 16px;
font-weight: 400;
padding: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
margin-bottom: 30px
}
@media only screen and (min-width: 640px) {
.thb-tabs.style2 .vc_tta-panel-heading h4 {
padding: 0 30px;
margin: 0
}
}
.thb-tabs.style2 .vc_tta-panel-heading h4 a {
display: inline-block;
padding: 0 5px 30px;
color: rgba(0, 0, 0, 0.55);
position: relative;
line-height: 1
}
.thb-tabs.style2 .vc_tta-panel-heading h4 a:hover {
color: #090909
}
.thb-tabs.style2 .vc_tta-panel-heading h4 a.active {
color: #090909;
-webkit-box-shadow: inset 0 -3px 0 #ee9982, 0 1px 0 #ee9982;
-moz-box-shadow: inset 0 -3px 0 #ee9982, 0 1px 0 #ee9982;
box-shadow: inset 0 -3px 0 #ee9982, 0 1px 0 #ee9982
}
@media only screen and (min-width: 640px) {
.thb-tabs.style2 .vc_tta-panel-heading:first-child h4 {
padding-left: 0
}
}
@media only screen and (min-width: 640px) {
.thb-tabs.style2 .vc_tta-panel-heading:last-child h4 {
padding-right: 0
}
}
.thb-tabs.style3 .thb-tab-menu {
margin-bottom: 25px
}
.thb-tabs.style3 .vc_tta-panel-heading {
margin-bottom: 20px;
padding: 0 20px
}
.thb-tabs.style3 .vc_tta-panel-heading:last-child {
margin-bottom: 0
}
@media only screen and (min-width: 640px) {
.thb-tabs.style3 .vc_tta-panel-heading {
margin-bottom: 0
}
}
.thb-tabs.style3 .vc_tta-panel-heading h4 {
display: block;
margin: 0;
line-height: 1;
font-size: 14px;
font-weight: 600;
padding: 0;
text-transform: uppercase
}
.thb-tabs.style3 .vc_tta-panel-heading h4 a {
display: inline-block;
padding: 0 2px;
color: #090909;
position: relative;
line-height: 1
}
.thb-tabs.style3 .vc_tta-panel-heading h4 a:before {
content: '';
display: block;
position: absolute;
left: 0px;
width: 100%;
bottom: -7px;
height: 2px;
background: rgba(238, 153, 130, 0.4);
-webkit-transform-origin: right center;
-moz-transform-origin: right center;
-ms-transform-origin: right center;
-o-transform-origin: right center;
transform-origin: right center;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transition: -webkit-transform .25s cubic-bezier(0.25, 0.8, 0.25, 1);
-moz-transition: -moz-transform .25s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: -o-transform .25s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: transform .25s cubic-bezier(0.25, 0.8, 0.25, 1)
}
.thb-tabs.style3 .vc_tta-panel-heading h4 a:hover {
color: #ee9982
}
.thb-tabs.style3 .vc_tta-panel-heading h4 a.active {
color: #ee9982
}
.thb-tabs.style3 .vc_tta-panel-heading h4 a.active:before {
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-ms-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
.thb-tabs.style4 .thb-tab-menu {
padding: 25px 0;
margin-bottom: 25px;
border-bottom: 1px solid rgba(0, 0, 0, 0.07)
}
.thb-tabs.style4 .vc_tta-panel-heading {
padding: 0 20px
}
.thb-tabs.style4 .vc_tta-panel-heading h4 {
display: block;
margin: 0;
line-height: 1;
font-size: 14px;
font-weight: 600;
padding: 0
}
.thb-tabs.style4 .vc_tta-panel-heading h4 a {
display: inline-block;
padding: 0 2px;
color: #090909;
position: relative;
line-height: 1
}
.thb-tabs.style4 .vc_tta-panel-heading h4 a:before {
display: none
}
.thb-tabs.style4 .vc_tta-panel-heading h4 a:hover {
color: #ee9982
}
.thb-tabs.style4 .vc_tta-panel-heading h4 a.active {
color: #ee9982
}
.thb-horizontal-list {
display: flex;
flex-direction: column;
position: relative;
border-bottom: 1px solid rgba(0, 0, 0, 0.09);
padding: 30px 0;
overflow: hidden
}
.thb-horizontal-list:before {
content: '';
height: 100%;
width: 100%;
opacity: 0;
bottom: 0;
left: 0;
position: absolute;
z-index: -1;
background: rgba(0, 0, 0, 0.03);
will-change: opacity
}
.thb-horizontal-list:hover:before {
opacity: 1
}
@media only screen and (min-width: 640px) {
.thb-horizontal-list {
flex-direction: row;
padding: 40px 0
}
}
.thb-horizontal-list.has-button .horizontal-list-cell:last-of-type {
display: flex;
flex-direction: column
}
@media only screen and (min-width: 640px) {
.thb-horizontal-list.has-button .horizontal-list-cell:last-of-type {
flex-direction: row
}
}
.thb-horizontal-list .horizontal-list-cell {
flex: 1;
display: flex;
align-items: center;
justify-content: flex-start;
font-size: 14px
}
.thb-horizontal-list .horizontal-list-cell>*:last-child {
margin-bottom: 0
}
.thb-horizontal-list .horizontal-list-cell.text-center {
justify-content: center
}
.thb-horizontal-list .horizontal-list-cell.text-right {
justify-content: flex-end
}
.thb-horizontal-list .horizontal-list-cell .btn {
margin-top: 10px
}
@media only screen and (min-width: 640px) {
.thb-horizontal-list .horizontal-list-cell .btn {
margin-top: 0;
margin-left: 10px
}
}
.thb-horizontal-list .horizontal-full-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
z-index: 30
}
@media only screen and (min-width: 640px) {
.thb-horizontal-list.size2_80_20 .horizontal-list-cell:nth-child(1) {
flex: 4
}
.thb-horizontal-list.size2_70_30 .horizontal-list-cell:nth-child(1) {
flex: 2.33
}
.thb-horizontal-list.size2_60_40 .horizontal-list-cell:nth-child(1) {
flex: 1.5
}
.thb-horizontal-list.size2_40_60 .horizontal-list-cell:nth-child(2) {
flex: 1.5
}
.thb-horizontal-list.size2_30_70 .horizontal-list-cell:nth-child(2) {
flex: 2.33
}
.thb-horizontal-list.size2_20_80 .horizontal-list-cell:nth-child(2) {
flex: 4
}
.thb-horizontal-list.size3_20_40_40 .horizontal-list-cell:nth-child(1) {
flex: 0.5
}
.thb-horizontal-list.size3_50_25_25 .horizontal-list-cell:nth-child(1) {
flex: 2
}
.thb-horizontal-list.size3_25_50_25 .horizontal-list-cell:nth-child(2) {
flex: 2
}
.thb-horizontal-list.size3_25_25_50 .horizontal-list-cell:nth-child(3) {
flex: 2
}
.thb-horizontal-list.size4_15_35_35_15 .horizontal-list-cell:nth-child(2),
.thb-horizontal-list.size4_15_35_35_15 .horizontal-list-cell:nth-child(3) {
flex: 2.33
}
.thb-horizontal-list.size4_35_35_15_15 .horizontal-list-cell:nth-child(1),
.thb-horizontal-list.size4_35_35_15_15 .horizontal-list-cell:nth-child(2) {
flex: 2.33
}
.thb-horizontal-list.size4_35_15_35_15 .horizontal-list-cell:nth-child(1),
.thb-horizontal-list.size4_35_15_35_15 .horizontal-list-cell:nth-child(3) {
flex: 2.33
}
.thb-horizontal-list.size4_15_35_15_35 .horizontal-list-cell:nth-child(2),
.thb-horizontal-list.size4_15_35_15_35 .horizontal-list-cell:nth-child(4) {
flex: 2.33
}
}
.thb-iconbox {
display: flex;
margin-bottom: 20px;
visibility: hidden
}
.thb-iconbox.animation-off {
visibility: visible
}
.thb-iconbox.animation-off figure svg {
display: block;
visibility: visible
}
.thb-iconbox.animation-off .thb-iconbox-line {
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1)
}
.thb-iconbox figure {
display: inline-flex;
justify-content: center;
align-items: center;
flex-shrink: 0
}
.thb-iconbox figure svg {
width: 64px;
height: 64px;
display: block;
visibility: hidden
}
.thb-iconbox figure svg path,
.thb-iconbox figure svg circle,
.thb-iconbox figure svg rect,
.thb-iconbox figure svg ellipse {
stroke: #090909;
-webkit-transition: stroke .25s cubic-bezier(0.25, 0.8, 0.25, 1);
-moz-transition: stroke .25s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: stroke .25s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: stroke .25s cubic-bezier(0.25, 0.8, 0.25, 1)
}
.thb-iconbox figure .iconbox-image {
position: relative
}
.thb-iconbox figure .iconbox-image .thb_image_hover {
position: absolute;
top: 0;
left: 0;
width: 100%;
opacity: 0
}
.thb-iconbox .iconbox-content {
max-width: 100%
}
.thb-iconbox h5 {
font-size: 16px;
font-weight: 500;
-webkit-transition: color .25s cubic-bezier(0.25, 0.8, 0.25, 1);
-moz-transition: color .25s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: color .25s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: color .25s cubic-bezier(0.25, 0.8, 0.25, 1)
}
.thb-iconbox p {
font-size: 13px;
display: block;
-webkit-transition: color .25s cubic-bezier(0.25, 0.8, 0.25, 1);
-moz-transition: color .25s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: color .25s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: color .25s cubic-bezier(0.25, 0.8, 0.25, 1)
}
.thb-iconbox.top.type1 figure {
width: 100%;
padding-bottom: 60px;
position: relative
}
.thb-iconbox.top.type1 figure .thb-iconbox-line {
display: block;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.07);
transform-origin: center;
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0)
}
.thb-iconbox.top.type1.animation-off .thb-iconbox-line {
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1)
}
.thb-iconbox.top.type2 figure {
flex-direction: column;
position: relative;
width: 100%;
padding-bottom: 60px;
margin-bottom: 40px
}
.thb-iconbox.top.type2 figure svg,
.thb-iconbox.top.type2 figure img {
margin-bottom: 30px
}
.thb-iconbox.top.type2 figure .thb-iconbox-line {
display: block;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.07);
transform-origin: center;
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0)
}
.thb-iconbox.top.type2 h5 {
font-size: 14px;
font-weight: 600;
margin: 0
}
.thb-iconbox.top.type3 figure {
flex-direction: column;
position: relative;
width: 100%;
padding-bottom: 48px;
margin: 0
}
.thb-iconbox.top.type3 h5 {
font-size: 20px;
font-weight: 500
}
.thb-iconbox.top.type4 {
border: 1px solid #ededed;
border-radius: 3px;
padding: 15%
}
.thb-iconbox.top.type4:hover {
border-color: #090909
}
.thb-iconbox.top.type5 {
border-top: 5px solid #ee9982;
padding: 20px 15%
}
.thb-iconbox.top.type5.text-left {
text-align: left;
padding-left: 0
}
.thb-iconbox.top.type5.text-right {
text-align: right;
padding-right: 0
}
@media only screen and (min-width: 640px) {
.thb-iconbox.top.type5 {
padding: 45px 15%
}
.thb-iconbox.top.type5.text-left {
padding-left: 0
}
.thb-iconbox.top.type5.text-right {
padding-right: 0
}
}
.thb-iconbox.top.type5 figure {
flex-direction: column;
position: relative;
width: 100%;
padding-bottom: 0;
margin: 0 0 30px
}
.thb-iconbox.top.type5.text-left figure {
align-items: flex-start
}
.thb-iconbox.top.type5.text-right figure {
align-items: flex-end
}
.thb-iconbox.top.type5 h5 {
font-size: 20px;
font-weight: 600
}
.thb-iconbox.top.type5 p {
font-size: 16px
}
.thb-iconbox.top.type5 .iconbox-content .thb-read-more {
position: relative;
opacity: 1;
color: #ee9982
}
.thb-iconbox.top.type5 .iconbox-content .thb-read-more svg {
fill: #ee9982
}
.thb-iconbox.top.type5 .iconbox-content .thb-read-more svg .bar {
fill: #ee9982
}
.thb-iconbox.top.type6 {
border: 1px solid #ededed;
border-radius: 3px;
padding: 12%;
line-height: 1
}
.thb-iconbox.top.type6.has-img {
padding: 0;
border: 0;
border-radius: 0
}
.thb-iconbox.top.type6.has-img .iconbox-content {
border: 1px solid #ededed;
border-top: 0;
border-radius: 0 0 3px 3px;
padding: 10% 12%
}
.thb-iconbox.top.type6.has-img figure {
margin: 0
}
.thb-iconbox.top.type6.has-img figure img {
border-radius: 3px 3px 0 0
}
.thb-iconbox.top.type6 .iconbox-content p {
margin: 0
}
.thb-iconbox.top.type6 .iconbox-content h6 {
margin-bottom: 10px
}
.thb-iconbox.top.type6 .iconbox-content .thb-read-more {
margin-top: 25px
}
.thb-iconbox.top.type6 .iconbox-image {
width: 100%
}
.thb-iconbox.top.type6 .iconbox-image img {
width: 100%;
height: 100%;
object-fit: cover
}
.thb-iconbox.type7 {
border-radius: 5px;
border: 1px solid rgba(0, 0, 0, 0.1);
padding: 10px;
text-align: center;
margin-bottom: 4px;
background: #fff
}
.thb-carousel .thb-iconbox.type7 {
margin-top: 20px
}
@media only screen and (min-width: 640px) {
.thb-iconbox.type7 {
padding: 30px
}
}
.thb-iconbox.type7 figure {
margin: 15px auto 25px
}
@media only screen and (min-width: 640px) {
.thb-iconbox.type7 figure {
margin: 15px auto 45px
}
}
.thb-iconbox.type7 h5 {
font-weight: 600;
font-size: 18px
}
.thb-iconbox.type7 p {
font-size: 14px
}
.thb-iconbox.type7 p:last-child {
margin-bottom: 0
}
.thb-iconbox.type7:hover {
border-color: #ee9982;
border-bottom-width: 5px;
margin-bottom: 0;
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px);
-webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1)
}
.thb-iconbox.top {
flex-direction: column
}
.thb-iconbox.top figure {
margin-bottom: 30px
}
.thb-iconbox.top.type1,
.thb-iconbox.top.type2 {
align-items: center
}
.thb-iconbox.top.type1.text-left,
.thb-iconbox.top.type2.text-left {
text-align: left
}
.thb-iconbox.top.type1.text-center,
.thb-iconbox.top.type2.text-center {
text-align: center
}
.thb-iconbox.top.type1.text-right,
.thb-iconbox.top.type2.text-right {
text-align: right
}
.thb-iconbox.top.type6.text-left {
text-align: left
}
.thb-iconbox.top.type6.text-left figure {
align-items: flex-start
}
.thb-iconbox.top.type6.text-center {
text-align: center
}
.thb-iconbox.top.type6.text-right {
text-align: right
}
.thb-iconbox.top.type6.text-right figure {
align-items: flex-end
}
.thb-iconbox.top.type3 figure {
margin-bottom: 0
}
.thb-iconbox.top.type3.text-left {
text-align: left
}
.thb-iconbox.top.type3.text-left figure {
align-items: flex-start
}
.thb-iconbox.top.type3.text-center {
text-align: center
}
.thb-iconbox.top.type3.text-right {
text-align: right
}
.thb-iconbox.top.type3.text-right figure {
align-items: flex-end
}
.thb-iconbox.top.type3.has-link .iconbox-content {
position: relative
}
.thb-iconbox.top.type3.has-link .iconbox-content .thb-read-more {
position: absolute;
top: 100%;
left: 0;
opacity: 0;
visibility: visible !important
}
.thb-iconbox.top.type3.has-link.text-center .thb-read-more {
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%)
}
.thb-iconbox.top.type3:hover .thb-read-more {
opacity: 1 !important
}
.thb-iconbox.top.type8 figure {
margin-bottom: 0;
padding-bottom: 30px
}
.thb-iconbox.top.type8 h5 {
font-size: 18px;
font-weight: 600;
margin-bottom: 10px
}
.thb-iconbox.top.type8 p {
font-size: 14px
}
.thb-iconbox.top.type8.text-left {
text-align: left
}
.thb-iconbox.top.type8.text-left figure {
justify-content: flex-start;
align-items: flex-start
}
.thb-iconbox.top.type8.text-center {
text-align: center
}
.thb-iconbox.top.type8.text-right {
text-align: right
}
.thb-iconbox.top.type8.text-right figure {
align-items: flex-end;
justify-content: flex-end
}
.thb-iconbox.top.type8.has-link .iconbox-content {
position: relative
}
.thb-iconbox.top.type8.has-link .iconbox-content .thb-read-more {
position: absolute;
top: 100%;
left: 0;
opacity: 0;
visibility: visible !important
}
.thb-iconbox.top.type8.has-link.text-center .thb-read-more {
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%)
}
.thb-iconbox.top.type8:hover .thb-read-more {
opacity: 1 !important
}
.thb-iconbox.top.type9 figure {
margin-bottom: 0;
padding-bottom: 35px
}
.thb-iconbox.top.type9 h5 {
font-size: 22px;
font-weight: 600;
margin-bottom: 15px
}
.thb-iconbox.top.type9 p {
font-size: 16px
}
.thb-iconbox.top.type9.text-left {
text-align: left
}
.thb-iconbox.top.type9.text-left figure {
justify-content: flex-start;
align-items: flex-start
}
.thb-iconbox.top.type9.text-center {
text-align: center
}
.thb-iconbox.top.type9.text-right {
text-align: right
}
.thb-iconbox.top.type9.text-right figure {
align-items: flex-end;
justify-content: flex-end
}
.thb-iconbox.top.type9.has-link .iconbox-content {
position: relative
}
.thb-iconbox.top.type9.has-link .iconbox-content .thb-read-more {
position: absolute;
top: 100%;
left: 0;
opacity: 0;
visibility: visible !important
}
.thb-iconbox.top.type9.has-link.text-center .thb-read-more {
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%)
}
.thb-iconbox.top.type9:hover .thb-read-more {
opacity: 1 !important
}
.thb-iconbox.left {
flex-direction: row;
align-items: flex-start
}
.thb-iconbox.left figure {
margin-right: 40px
}
.rtl .thb-iconbox.left figure {
margin-left: 40px;
margin-right: 0
}
.thb-iconbox.left.type2 figure {
margin-right: 30px
}
.rtl .thb-iconbox.left.type2 figure {
margin-left: 30px;
margin-right: 0
}
.thb-iconbox.right {
flex-direction: row-reverse;
align-items: flex-start;
text-align: right
}
.thb-iconbox.right figure {
margin-left: 40px
}
.rtl .thb-iconbox.right figure {
margin-left: 0;
margin-right: 40px
}
.thb-iconbox.right.type2 figure {
margin-left: 30px
}
.rtl .thb-iconbox.right.type2 figure {
margin-left: 0;
margin-right: 30px
}
.thb-iconbox.left,
.thb-iconbox.right {
align-items: center
}
.thb-iconbox.left h5,
.thb-iconbox.right h5 {
font-size: 16px;
font-weight: 600;
margin-bottom: 10px
}
.thb-iconbox.left .iconbox-content p,
.thb-iconbox.right .iconbox-content p {
margin: 0
}
.thb-iconbox.left.has-link .iconbox-content,
.thb-iconbox.right.has-link .iconbox-content {
position: relative
}
.thb-iconbox.left.has-link .iconbox-content .thb-read-more,
.thb-iconbox.right.has-link .iconbox-content .thb-read-more {
position: absolute;
top: calc(100% + 10px);
right: 0;
opacity: 0;
visibility: visible !important
}
.thb-iconbox.left.has-link:hover .iconbox-content,
.thb-iconbox.right.has-link:hover .iconbox-content {
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px)
}
.thb-iconbox.left.has-link:hover .thb-read-more,
.thb-iconbox.right.has-link:hover .thb-read-more {
opacity: 1 !important
}
.thb-iconbox.left.type2,
.thb-iconbox.right.type2 {
align-items: flex-start
}
.thb-iconbox.left.type2 h5,
.thb-iconbox.right.type2 h5 {
font-size: 18px
}
.thb-iconbox.left.type2 p,
.thb-iconbox.right.type2 p {
font-size: 14px
}
.thb-iconbox.left.has-link .iconbox-content .thb-read-more {
right: auto;
left: 0
}
.thb-iconbox:hover.top.type1 figure,
.thb-iconbox:hover.top.type2 figure {
-webkit-box-shadow: inset 0 -3px 0 #090909;
-moz-box-shadow: inset 0 -3px 0 #090909;
box-shadow: inset 0 -3px 0 #090909
}
.thb-iconbox.has-link {
color: #535353
}
.thb-iconbox.has-hover-image:hover .iconbox-image .thb_image {
opacity: 0
}
.thb-iconbox.has-hover-image:hover .iconbox-image .thb_image_hover {
opacity: 1
}
.thb-like-button {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 90px;
height: 90px;
border: 1px solid rgba(9, 9, 9, 0.1);
border-radius: 45px;
cursor: pointer
}
.thb-like-button:hover {
border-color: #090909
}
.thb-like-button .counter {
font-size: 12px;
line-height: 1;
color: #090909
}
.thb-like-button .counter .odometer-ribbon-inner {
transition-duration: 0.5s !important
}
.thb-like-button.align-center {
margin: 0 auto
}
.thb-like-button.align-right {
margin-left: auto
}
@keyframes heart {
0%,
18.5185185185% {
transform: scale(0)
}
44.4444444444% {
transform: scale(1.25)
}
62.962962963%,
100% {
transform: scale(1)
}
81.4814814815% {
transform: scale(1.025)
}
}
@keyframes ring {
0% {
transform: scale(0);
box-shadow: inset 0 0 0 17px #E2264D
}
3.7037037037% {
transform: scale(0.1)
}
7.4074074074% {
transform: scale(0.7)
}
11.1111111111% {
transform: scale(1)
}
14.8148148148% {
transform: scale(1.1);
box-shadow: inset 0 0 0 17px #E2264D
}
18.5185185185% {
transform: scale(1.1);
box-shadow: inset 0 0 0 10px #CC8EF5
}
22.2222222222% {
transform: scale(1);
box-shadow: inset 0 0 0 1.7px #CC8EF5
}
25.9259259259%,
100% {
box-shadow: inset 0 0 0 0 #CC8EF5
}
}
@keyframes circles {
0%,
18.5185185185% {
box-shadow: -10.6066017178px -10.6066017178px 0 -1.6666666667px #8ce8c3, -11.4906666468px -9.6418141453px 0 -1.6666666667px #8be7c2, 1.6794671415px -14.9056831484px 0 -1.6666666667px #90d2fa, .3739603761px -14.99533773px 0 -1.6666666667px #91d1f9, 12.7008629884px -7.9804811477px 0 -1.6666666667px #cc8ef5, 11.9569876083px -9.0570661549px 0 -1.6666666667px #cb8df4, 14.1582499546px 4.9541859293px 0 -1.6666666667px #8ce8c3, 14.5361592934px 3.7013609654px 0 -1.6666666667px #8ce8c3, 4.9541859293px 14.1582499546px 0 -1.6666666667px #f58ea7, 6.169306547px 13.6725877847px 0 -1.6666666667px #f48da6, -7.9804811477px 12.7008629884px 0 -1.6666666667px #91d2fa, -6.8431598603px 13.3480771322px 0 -1.6666666667px #91d2fa, -14.9056831479px 1.6794671416px 0 -1.6666666667px #92d3fc, -14.7025873175px 2.972192148px 0 -1.6666666667px #cb8df4
}
22.2222222222% {
box-shadow: -11.313708499px -11.313708499px 0 -.6666666667px #8ce8c3, -13.022755533px -10.9273893647px 0 -.6666666667px #8be7c2, 1.7914316177px -15.8993953583px 0 -.6666666667px #90d2fa, .4238217595px -16.994716094px 0 -.6666666667px #91d1f9, 13.5475871877px -8.5125132242px 0 -.6666666667px #cc8ef5, 13.5512526228px -10.2646749755px 0 -.6666666667px #cb8df4, 15.1021332849px 5.2844649913px 0 -.6666666667px #8ce8c3, 16.4743138659px 4.1948757607px 0 -.6666666667px #8ce8c3, 5.2844649913px 15.1021332849px 0 -.6666666667px #f58ea7, 6.9918807532px 15.4955994893px 0 -.6666666667px #f48da6, -8.5125132242px 13.5475871877px 0 -.6666666667px #91d2fa, -7.755581175px 15.1278207498px 0 -.6666666667px #91d2fa, -15.8993953577px 1.7914316177px 0 -.6666666667px #92d3fc, -16.6629322931px 3.3684844344px 0 -.6666666667px #cb8df4
}
51.8518518519% {
box-shadow: -16.9705627485px -16.9705627485px 0 -.3333333333px #9b88cb, -16.7734113589px -10.8927807003px 0 -1.1666666667px #ac77d9, 2.6871474265px -23.8490930374px 0 -.3333333333px #97e3d5, -1.9417320415px -19.9055187493px 0 -1.1666666667px #b0dfe0, 20.3213807815px -12.7687698364px 0 -.3333333333px #d1dbaa, 14.3521111072px -13.9289951815px 0 -1.1666666667px #d8ce9f, 22.6531999274px 7.9266974869px 0 -.3333333333px #66cc9e, 19.8385218625px 2.5363458577px 0 -1.1666666667px #70d4a8, 7.9266974869px 22.6531999274px 0 -.3333333333px #d5a5bf, 10.3861210233px 17.091766734px 0 -1.1666666667px #ad9be0, -12.7687698364px 20.3213807815px 0 -.3333333333px #bc7be1, -6.8872407848px 18.7767386511px 0 -1.1666666667px #a38cdb, -23.8490930366px 2.6871474266px 0 -.3333333333px #b77bdc, -18.9743698076px 6.3224433883px 0 -1.1666666667px #9fcbcc
}
81.4814814815%,
100% {
box-shadow: -16.9705627485px -16.9705627485px 0 -1.6666666667px #a068ce, -16.7734113589px -10.8927807003px 0 -1.6666666667px #b752e1, 2.6871474265px -23.8490930374px 0 -1.6666666667px #99e9c8, -1.9417320415px -19.9055187493px 0 -1.6666666667px #bae3d7, 20.3213807815px -12.7687698364px 0 -1.6666666667px #d3f491, 14.3521111072px -13.9289951815px 0 -1.6666666667px #dce483, 22.6531999274px 7.9266974869px 0 -1.6666666667px #59c392, 19.8385218625px 2.5363458577px 0 -1.6666666667px #67cd9f, 7.9266974869px 22.6531999274px 0 -1.6666666667px #caadc7, 10.3861210233px 17.091766734px 0 -1.6666666667px #959ff3, -12.7687698364px 20.3213807815px 0 -1.6666666667px #ca5ed8, -6.8872407848px 18.7767386511px 0 -1.6666666667px #a975d1, -23.8490930366px 2.6871474266px 0 -1.6666666667px #c35dd1, -18.9743698076px 6.3224433883px 0 -1.6666666667px #90e0be
}
}
.thb-like-button .heart-wrapper {
height: 45px;
width: 45px;
position: relative
}
.thb-like-button .heart-wrapper .heart {
position: absolute;
height: 16px;
width: 16px;
top: 50%;
left: 50%;
z-index: 0;
margin-top: -8px;
margin-left: -8px;
background-color: #AAB8C2;
visibility: hidden
}
.thb-like-button .heart-wrapper .heart::before,
.thb-like-button .heart-wrapper .heart::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 16px 16px 0em 24px/16px 16px 16px 16px;
background-color: inherit;
visibility: visible
}
.thb-like-button .heart-wrapper .heart::before {
transform: translateX(-30%) rotateZ(30deg) skew(15deg)
}
.thb-like-button .heart-wrapper .heart::after {
transform: translateX(30%) rotateZ(-30deg) rotateY(180deg) skew(15deg)
}
.thb-like-button .heart-wrapper .ring {
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 34px;
height: 34px;
margin-top: -17px;
margin-left: -17px;
border-radius: 50%;
z-index: 1
}
.thb-like-button .heart-wrapper .circles {
display: block;
position: absolute;
height: 3.3333333333px;
width: 3.3333333333px;
top: 50%;
left: 50%;
margin-top: -1.6666666667px;
margin-left: -1.6666666667px;
z-index: 2;
border-radius: 50%
}
.thb-like-button.active .heart {
animation-name: heart;
animation-duration: .8s;
animation-timing-function: ease-in;
animation-iteration-count: 1;
background-color: #E2264D
}
.thb-like-button.active .ring {
animation-name: ring;
animation-duration: .8s;
animation-timing-function: ease-in;
animation-iteration-count: 1
}
.thb-like-button.active .circles {
animation-name: circles;
animation-duration: .8s;
animation-timing-function: ease-in;
animation-iteration-count: 1
}
.thb-portfolio-slider.full_height .portfolio-slide {
height: 100vh;
max-height: 100vh
}
.thb-portfolio-slider .portfolio-slide {
position: relative
}
.thb-portfolio-slider .portfolio-slide .cover-bg,
.thb-portfolio-slider .portfolio-slide .post.style5 .post-gallery,
.post.style5 .thb-portfolio-slider .portfolio-slide .post-gallery,
.thb-portfolio-slider .portfolio-slide .thb_post_nav.style2 .post_nav_link .inner,
.thb_post_nav.style2 .post_nav_link .thb-portfolio-slider .portfolio-slide .inner,
.thb-portfolio-slider .portfolio-slide .thb_portfolio_nav .inner,
.thb_portfolio_nav .thb-portfolio-slider .portfolio-slide .inner,
.thb-portfolio-slider .portfolio-slide .thb-carousel .slick-dots li .portrait_bullet,
.thb-carousel .slick-dots li .thb-portfolio-slider .portfolio-slide .portrait_bullet,
.thb-portfolio-slider .portfolio-slide .thb-fancy-box .thb-fancy-content,
.thb-fancy-box .thb-portfolio-slider .portfolio-slide .thb-fancy-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
pointer-events: none
}
.thb-portfolio-slider .portfolio-slide .cover-bg img,
.thb-portfolio-slider .portfolio-slide .post.style5 .post-gallery img,
.post.style5 .thb-portfolio-slider .portfolio-slide .post-gallery img,
.thb-portfolio-slider .portfolio-slide .thb_post_nav.style2 .post_nav_link .inner img,
.thb_post_nav.style2 .post_nav_link .thb-portfolio-slider .portfolio-slide .inner img,
.thb-portfolio-slider .portfolio-slide .thb_portfolio_nav .inner img,
.thb_portfolio_nav .thb-portfolio-slider .portfolio-slide .inner img,
.thb-portfolio-slider .portfolio-slide .thb-carousel .slick-dots li .portrait_bullet img,
.thb-carousel .slick-dots li .thb-portfolio-slider .portfolio-slide .portrait_bullet img,
.thb-portfolio-slider .portfolio-slide .thb-fancy-box .thb-fancy-content img,
.thb-fancy-box .thb-portfolio-slider .portfolio-slide .thb-fancy-content img {
width: 100%;
height: 100%;
object-fit: cover
}
.thb-portfolio-slider .portfolio-slide .row {
z-index: 10;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden
}
.thb-portfolio-slider .portfolio-slide .thb-portfolio-video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
pointer-events: none
}
.thb-portfolio-slider .portfolio-slide.thb-video-slide:not(.thb-video-disabled-mobile).slick-active .cover-bg,
.thb-portfolio-slider .portfolio-slide.thb-video-slide:not(.thb-video-disabled-mobile).slick-active .post.style5 .post-gallery,
.post.style5 .thb-portfolio-slider .portfolio-slide.thb-video-slide:not(.thb-video-disabled-mobile).slick-active .post-gallery,
.thb-portfolio-slider .portfolio-slide.thb-video-slide:not(.thb-video-disabled-mobile).slick-active .thb_post_nav.style2 .post_nav_link .inner,
.thb_post_nav.style2 .post_nav_link .thb-portfolio-slider .portfolio-slide.thb-video-slide:not(.thb-video-disabled-mobile).slick-active .inner,
.thb-portfolio-slider .portfolio-slide.thb-video-slide:not(.thb-video-disabled-mobile).slick-active .thb_portfolio_nav .inner,
.thb_portfolio_nav .thb-portfolio-slider .portfolio-slide.thb-video-slide:not(.thb-video-disabled-mobile).slick-active .inner,
.thb-portfolio-slider .portfolio-slide.thb-video-slide:not(.thb-video-disabled-mobile).slick-active .thb-carousel .slick-dots li .portrait_bullet,
.thb-carousel .slick-dots li .thb-portfolio-slider .portfolio-slide.thb-video-slide:not(.thb-video-disabled-mobile).slick-active .portrait_bullet,
.thb-portfolio-slider .portfolio-slide.thb-video-slide:not(.thb-video-disabled-mobile).slick-active .thb-fancy-box .thb-fancy-content,
.thb-fancy-box .thb-portfolio-slider .portfolio-slide.thb-video-slide:not(.thb-video-disabled-mobile).slick-active .thb-fancy-content,
.thb-portfolio-slider .portfolio-slide.thb-video-slide:not(.thb-video-disabled-mobile).slick-active .portfolio-slider-image {
opacity: 0 !important
}
.thb-portfolio-slider.thb-portfolio-slider-style1 .portfolio-slide,
.thb-portfolio-slider.thb-portfolio-slider-style2 .portfolio-slide {
display: flex;
flex-direction: row;
align-items: center;
height: 85vh
}
.thb-portfolio-slider.thb-portfolio-slider-style1 .portfolio-slide .row.max_width,
.thb-portfolio-slider.thb-portfolio-slider-style2 .portfolio-slide .row.max_width {
flex: 1
}
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
.thb-portfolio-slider.thb-portfolio-slider-style1 .portfolio-slide .row.max_width,
.thb-portfolio-slider.thb-portfolio-slider-style2 .portfolio-slide .row.max_width {
flex: none;
width: 100%
}
}
.thb-portfolio-slider.thb-portfolio-slider-style1.full_height .portfolio-slide,
.thb-portfolio-slider.thb-portfolio-slider-style2.full_height .portfolio-slide {
height: 100vh;
max-height: 100vh
}
.thb-portfolio-slider.thb-portfolio-slider-style1 h2 {
font-weight: 400;
margin-bottom: 30px;
color: #fff
}
@media only screen and (min-width: 1024px) {
.thb-portfolio-slider.thb-portfolio-slider-style1 h2 {
font-size: 48px
}
}
.thb-portfolio-slider.thb-portfolio-slider-style1 a {
color: #fff
}
.thb-portfolio-slider.thb-portfolio-slider-style2 {
color: #fff
}
.thb-portfolio-slider.thb-portfolio-slider-style2 h1 {
color: #fff;
line-height: 1.1;
margin-bottom: 20px
}
@media only screen and (min-width: 1600px) {
.thb-portfolio-slider.thb-portfolio-slider-style2 h1 {
font-size: 90px
}
}
.thb-portfolio-slider.thb-portfolio-slider-style2 a,
.thb-portfolio-slider.thb-portfolio-slider-style2 p,
.thb-portfolio-slider.thb-portfolio-slider-style2 .portfolio-attributes h6,
.thb-portfolio-slider.thb-portfolio-slider-style2 .portfolio-attributes p {
color: #fff
}
.thb-portfolio-slider.thb-portfolio-slider-style2 .portfolio-attributes h6:after {
background: #fff
}
.thb-portfolio-slider.thb-portfolio-slider-style2 .portfolio-attributes {
margin-bottom: 10px
}
.thb-portfolio-slider.thb-portfolio-slider-style2 .portfolio-attributes p {
margin-bottom: 30px
}
@media only screen and (max-width: 1024px) {
.thb-portfolio-slider.thb-portfolio-slider-style2 .portfolio-attributes p {
display: none
}
}
.thb-portfolio-slider.thb-portfolio-slider-style2 .excerpt {
padding-right: 10%
}
.thb-portfolio-slider.thb-portfolio-slider-style2 .excerpt p {
margin-bottom: 25px
}
.thb-portfolio-slider.thb-portfolio-slider-style3 {
position: relative;
z-index: 20
}
.thb-portfolio-slider.thb-portfolio-slider-style3 .portfolio-slide {
padding: 20px 0
}
.thb-portfolio-slider.thb-portfolio-slider-style3 .portfolio-slide .content-side {
padding-right: 10%;
padding-bottom: 40px
}
.thb-portfolio-slider.thb-portfolio-slider-style3 .portfolio-slide .content-side .thb-categories {
font-size: 16px;
font-weight: 500;
color: #ee9982;
margin-bottom: 40px
}
.thb-portfolio-slider.thb-portfolio-slider-style3 .portfolio-slide .content-side .thb-categories a {
color: #ee9982
}
.thb-portfolio-slider.thb-portfolio-slider-style3 .portfolio-slide .content-side h2 {
font-weight: 400;
margin-bottom: 40px
}
@media only screen and (min-width: 1024px) {
.thb-portfolio-slider.thb-portfolio-slider-style3 .portfolio-slide .content-side h2 {
font-size: 38px
}
}
.thb-portfolio-slider.thb-portfolio-slider-style3 .portfolio-slide .thb-portfolio-image {
display: block;
position: relative
}
.thb-portfolio-slider.thb-portfolio-slider-style3 .portfolio-slide .thb-portfolio-image .portfolio-slider-image {
position: relative;
z-index: 20
}
.thb-portfolio-slider.thb-portfolio-slider-style3 .portfolio-slide .thb-portfolio-image .thb-portfolio-video {
height: 100%
}
.thb-portfolio-slider.thb-portfolio-slider-style3 .portfolio-slide .thb-portfolio-image .thb-portfolio-video video {
height: 100% !important
}
.thb-portfolio-slider.thb-portfolio-slider-style4 {
margin: 0 -5px
}
.thb-portfolio-slider.thb-portfolio-slider-style4 .portfolio-slide {
display: flex;
flex-direction: row;
align-items: center;
text-align: center;
padding: 0 5px
}
.thb-portfolio-slider.thb-portfolio-slider-style4 .portfolio-slide .slide-bg {
width: 100%;
padding-bottom: 80%;
position: relative;
background: #090909
}
@media only screen and (min-width: 640px) {
.thb-portfolio-slider.thb-portfolio-slider-style4 .portfolio-slide .slide-bg {
padding-bottom: 70%
}
}
@media only screen and (min-width: 1024px) {
.thb-portfolio-slider.thb-portfolio-slider-style4 .portfolio-slide .slide-bg {
padding-bottom: 50%
}
}
.thb-portfolio-slider.thb-portfolio-slider-style4 .portfolio-slide .slide-bg .cover-bg,
.thb-portfolio-slider.thb-portfolio-slider-style4 .portfolio-slide .slide-bg .post.style5 .post-gallery,
.post.style5 .thb-portfolio-slider.thb-portfolio-slider-style4 .portfolio-slide .slide-bg .post-gallery,
.thb-portfolio-slider.thb-portfolio-slider-style4 .portfolio-slide .slide-bg .thb_post_nav.style2 .post_nav_link .inner,
.thb_post_nav.style2 .post_nav_link .thb-portfolio-slider.thb-portfolio-slider-style4 .portfolio-slide .slide-bg .inner,
.thb-portfolio-slider.thb-portfolio-slider-style4 .portfolio-slide .slide-bg .thb_portfolio_nav .inner,
.thb_portfolio_nav .thb-portfolio-slider.thb-portfolio-slider-style4 .portfolio-slide .slide-bg .inner,
.thb-portfolio-slider.thb-portfolio-slider-style4 .portfolio-slide .slide-bg .thb-carousel .slick-dots li .portrait_bullet,
.thb-carousel .slick-dots li .thb-portfolio-slider.thb-portfolio-slider-style4 .portfolio-slide .slide-bg .portrait_bullet,
.thb-portfolio-slider.thb-portfolio-slider-style4 .portfolio-slide .slide-bg .thb-fancy-box .thb-fancy-content,
.thb-fancy-box .thb-portfolio-slider.thb-portfolio-slider-style4 .portfolio-slide .slide-bg .thb-fancy-content {
opacity: 0.8
}
.thb-portfolio-slider.thb-portfolio-slider-style4 .portfolio-slide .row.max_width {
flex: 1;
position: absolute;
top: 0;
left: 0;
width: 100%;
min-width: 100%;
height: 100%;
z-index: 5
}
@media only screen and (max-width: 640px) {
.thb-portfolio-slider.thb-portfolio-slider-style4 .portfolio-slide h1 {
font-size: 20px;
padding: 0 40px
}
}
@media only screen and (min-width: 1024px) {
.thb-portfolio-slider.thb-portfolio-slider-style4 .portfolio-slide h1 {
font-size: 42px
}
}
.thb-portfolio-slider.thb-portfolio-slider-style4 .portfolio-slide a {
color: #fff
}
.thb-portfolio-slider.thb-portfolio-slider-style4 .portfolio-slide p {
margin-bottom: 0;
padding: 0 10%
}
@media only screen and (max-width: 640px) {
.thb-portfolio-slider.thb-portfolio-slider-style4 .portfolio-slide p {
display: none
}
}
.thb-portfolio-slider.thb-portfolio-slider-style4 .portfolio-slide .btn-text {
margin-top: 25px;
font-weight: 600
}
@media only screen and (min-width: 640px) {
.thb-portfolio-slider.thb-portfolio-slider-style4 .portfolio-slide .btn-text {
margin-top: 50px
}
}
.thb-portfolio-slider.thb-portfolio-slider-style4.full_height .portfolio-slide {
height: 100vh;
max-height: 100vh
}
.thb-portfolio-slider.thb-portfolio-slider-style4.full_height .portfolio-slide .slide-bg {
height: 100%;
padding: 0
}
.thb-portfolio-slider.thb-portfolio-slider-style5 {
color: #fff;
background: #000
}
.thb-portfolio-slider.thb-portfolio-slider-style5 .portfolio-slide {
display: flex;
flex-direction: row;
align-items: flex-end;
padding: 0 5px;
position: relative;
height: 85vh;
padding: 15px 15px 60px 15px
}
.thb-portfolio-slider.thb-portfolio-slider-style5 .portfolio-slide .cover-bg,
.thb-portfolio-slider.thb-portfolio-slider-style5 .portfolio-slide .post.style5 .post-gallery,
.post.style5 .thb-portfolio-slider.thb-portfolio-slider-style5 .portfolio-slide .post-gallery,
.thb-portfolio-slider.thb-portfolio-slider-style5 .portfolio-slide .thb_post_nav.style2 .post_nav_link .inner,
.thb_post_nav.style2 .post_nav_link .thb-portfolio-slider.thb-portfolio-slider-style5 .portfolio-slide .inner,
.thb-portfolio-slider.thb-portfolio-slider-style5 .portfolio-slide .thb_portfolio_nav .inner,
.thb_portfolio_nav .thb-portfolio-slider.thb-portfolio-slider-style5 .portfolio-slide .inner,
.thb-portfolio-slider.thb-portfolio-slider-style5 .portfolio-slide .thb-carousel .slick-dots li .portrait_bullet,
.thb-carousel .slick-dots li .thb-portfolio-slider.thb-portfolio-slider-style5 .portfolio-slide .portrait_bullet,
.thb-portfolio-slider.thb-portfolio-slider-style5 .portfolio-slide .thb-fancy-box .thb-fancy-content,
.thb-fancy-box .thb-portfolio-slider.thb-portfolio-slider-style5 .portfolio-slide .thb-fancy-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
opacity: 0.8
}
@media only screen and (min-width: 640px) {
.thb-portfolio-slider.thb-portfolio-slider-style5 .portfolio-slide {
padding: 10vh 0
}
}
.thb-portfolio-slider.thb-portfolio-slider-style5 .row {
z-index: 10;
flex: 1
}
.thb-portfolio-slider.thb-portfolio-slider-style5 .thb-categories {
margin-bottom: 15px
}
@media only screen and (min-width: 640px) {
.thb-portfolio-slider.thb-portfolio-slider-style5 .thb-categories {
margin-bottom: 30px
}
}
@media only screen and (min-width: 1600px) {
.thb-portfolio-slider.thb-portfolio-slider-style5 .thb-categories {
margin-bottom: 50px
}
}
.thb-portfolio-slider.thb-portfolio-slider-style5 h1 {
color: #fff;
line-height: 1.1;
margin-bottom: 30px
}
@media only screen and (min-width: 640px) {
.thb-portfolio-slider.thb-portfolio-slider-style5 h1 {
margin-bottom: 40px
}
}
@media only screen and (min-width: 1600px) {
.thb-portfolio-slider.thb-portfolio-slider-style5 h1 {
font-size: 90px;
margin-bottom: 60px
}
}
.thb-portfolio-slider.thb-portfolio-slider-style5 a:not(.btn) {
color: #fff
}
.row.full-width-row .thb-portfolio-slider.thb-portfolio-slider-style5 .portfolio-slide {
padding: 15px 15px 60px 15px
}
@media only screen and (min-width: 640px) {
.row.full-width-row .thb-portfolio-slider.thb-portfolio-slider-style5 .portfolio-slide {
padding: 10vh 4vw
}
}
.row.full-width-row .thb-portfolio-slider.thb-portfolio-slider-style5 .portfolio-slide .row.max_width {
max-width: 100% !important;
padding: 0
}
.thb-portfolio-slider.thb-portfolio-slider-style6 {
color: #fff
}
.thb-portfolio-slider.thb-portfolio-slider-style6 .portfolio-slide {
display: flex;
flex-direction: row;
align-items: center;
height: 85vh;
text-align: center;
background: #000
}
.thb-portfolio-slider.thb-portfolio-slider-style6 .portfolio-slide .row.max_width {
flex: 1
}
.thb-portfolio-slider.thb-portfolio-slider-style6 .portfolio-slide .cover-bg,
.thb-portfolio-slider.thb-portfolio-slider-style6 .portfolio-slide .post.style5 .post-gallery,
.post.style5 .thb-portfolio-slider.thb-portfolio-slider-style6 .portfolio-slide .post-gallery,
.thb-portfolio-slider.thb-portfolio-slider-style6 .portfolio-slide .thb_post_nav.style2 .post_nav_link .inner,
.thb_post_nav.style2 .post_nav_link .thb-portfolio-slider.thb-portfolio-slider-style6 .portfolio-slide .inner,
.thb-portfolio-slider.thb-portfolio-slider-style6 .portfolio-slide .thb_portfolio_nav .inner,
.thb_portfolio_nav .thb-portfolio-slider.thb-portfolio-slider-style6 .portfolio-slide .inner,
.thb-portfolio-slider.thb-portfolio-slider-style6 .portfolio-slide .thb-carousel .slick-dots li .portrait_bullet,
.thb-carousel .slick-dots li .thb-portfolio-slider.thb-portfolio-slider-style6 .portfolio-slide .portrait_bullet,
.thb-portfolio-slider.thb-portfolio-slider-style6 .portfolio-slide .thb-fancy-box .thb-fancy-content,
.thb-fancy-box .thb-portfolio-slider.thb-portfolio-slider-style6 .portfolio-slide .thb-fancy-content {
opacity: 0.8
}
.thb-portfolio-slider.thb-portfolio-slider-style6 .portfolio-slide .style6-info-container {
display: none;
position: absolute;
left: 50px;
bottom: 50px;
width: 400px;
font-size: 14px;
text-align: left;
z-index: 20
}
.rtl .thb-portfolio-slider.thb-portfolio-slider-style6 .portfolio-slide .style6-info-container {
text-align: right;
left: auto;
right: 50px
}
.thb-portfolio-slider.thb-portfolio-slider-style6 .portfolio-slide .style6-info-container h6 {
font-size: 12px;
font-weight: 500;
letter-spacing: 0.07em
}
.thb-portfolio-slider.thb-portfolio-slider-style6 .portfolio-slide .style6-info-container p {
font-size: inherit;
margin: 0
}
@media only screen and (min-width: 640px) {
.thb-portfolio-slider.thb-portfolio-slider-style6 .portfolio-slide .style6-info-container {
display: block
}
}
.thb-portfolio-slider.thb-portfolio-slider-style6 h1 {
color: #fff;
line-height: 1;
font-weight: 400;
margin: 0
}
@media only screen and (min-width: 1024px) {
.thb-portfolio-slider.thb-portfolio-slider-style6 h1 {
font-size: 60px
}
}
.thb-portfolio-slider.thb-portfolio-slider-style6 a,
.thb-portfolio-slider.thb-portfolio-slider-style6 p,
.thb-portfolio-slider.thb-portfolio-slider-style6 h6 {
color: #fff
}
.thb-portfolio-slider.thb-portfolio-slider-style6 .thb-categories {
font-size: 10px;
font-weight: 600;
margin: 0;
text-transform: uppercase;
letter-spacing: 0.2em
}
.thb-portfolio-slider.thb-portfolio-slider-style6 .thb-line {
width: 1px;
height: 8vh;
margin: 1vh auto;
display: flex;
position: relative
}
.thb-portfolio-slider.thb-portfolio-slider-style6 .thb-line span {
display: block;
position: absolute;
top: 0;
left: 0;
width: 1px;
background: rgba(255, 255, 255, 0.2);
height: 100%;
transform-origin: left top
}
.thb-portfolio-slider.thb-portfolio-slider-style6 .view-project-btn {
display: inline-block;
font-size: 10px;
font-weight: 600;
margin: 0;
text-transform: uppercase;
letter-spacing: 0.2em
}
.thb-portfolio-slider.thb-portfolio-slider-style6.full_height .portfolio-slide {
height: 100vh;
max-height: 100vh
}
@media only screen and (min-width: 640px) {
.thb-portfolio-slider.thb-portfolio-slider-style6 .slick-style2-arrows {
right: 50px;
bottom: 50px
}
}
@media only screen and (min-width: 640px) {
.rtl .thb-portfolio-slider.thb-portfolio-slider-style6 .slick-style2-arrows {
right: auto;
left: 50px
}
}
.thb-portfolio-slider.thb-portfolio-slider-style7 {
color: #fff;
background: #111;
position: relative
}
.thb-portfolio-slider.thb-portfolio-slider-style7 .portfolio-style7-dots-wrapper {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 40;
text-align: center
}
@media only screen and (min-width: 640px) {
.thb-portfolio-slider.thb-portfolio-slider-style7 .portfolio-style7-dots-wrapper {
text-align: left
}
}
.thb-portfolio-slider.thb-portfolio-slider-style7 .portfolio-style7-dots-wrapper .thb-portfolio-slider-style7-bullets {
position: relative;
padding: 20px 0 20px;
width: 10px;
margin: 0 2px;
text-align: left;
cursor: pointer
}
@media only screen and (min-width: 640px) {
.thb-portfolio-slider.thb-portfolio-slider-style7 .portfolio-style7-dots-wrapper .thb-portfolio-slider-style7-bullets {
width: 160px;
margin: 0 20px 0 0;
padding-bottom: 50px
}
}
.thb-portfolio-slider.thb-portfolio-slider-style7 .portfolio-style7-dots-wrapper .thb-portfolio-slider-style7-bullets:after {
content: '';
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 2px;
z-index: 10;
background: rgba(255, 255, 255, 0.6)
}
.thb-portfolio-slider.thb-portfolio-slider-style7 .portfolio-style7-dots-wrapper .thb-portfolio-slider-style7-bullets:before {
content: '';
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 2px;
z-index: 12;
background: #ee9982;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1);
transform-origin: top left
}
.thb-portfolio-slider.thb-portfolio-slider-style7 .portfolio-style7-dots-wrapper .thb-portfolio-slider-style7-bullets span {
display: none;
font-size: 14px;
opacity: 0.6
}
@media only screen and (min-width: 640px) {
.thb-portfolio-slider.thb-portfolio-slider-style7 .portfolio-style7-dots-wrapper .thb-portfolio-slider-style7-bullets span {
display: block
}
}
.thb-portfolio-slider.thb-portfolio-slider-style7 .portfolio-style7-dots-wrapper .slick-active .thb-portfolio-slider-style7-bullets:before {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
.thb-portfolio-slider.thb-portfolio-slider-style7 .portfolio-style7-dots-wrapper .slick-active .thb-portfolio-slider-style7-bullets span {
opacity: 1
}
.thb-portfolio-slider.thb-portfolio-slider-style7 .portfolio-slide {
display: flex;
flex-direction: row;
align-items: center;
padding: 0 5px;
position: relative;
height: 90vh;
padding: 15px 15px 60px 15px
}
.thb-portfolio-slider.thb-portfolio-slider-style7 .portfolio-slide .cover-bg,
.thb-portfolio-slider.thb-portfolio-slider-style7 .portfolio-slide .post.style5 .post-gallery,
.post.style5 .thb-portfolio-slider.thb-portfolio-slider-style7 .portfolio-slide .post-gallery,
.thb-portfolio-slider.thb-portfolio-slider-style7 .portfolio-slide .thb_post_nav.style2 .post_nav_link .inner,
.thb_post_nav.style2 .post_nav_link .thb-portfolio-slider.thb-portfolio-slider-style7 .portfolio-slide .inner,
.thb-portfolio-slider.thb-portfolio-slider-style7 .portfolio-slide .thb_portfolio_nav .inner,
.thb_portfolio_nav .thb-portfolio-slider.thb-portfolio-slider-style7 .portfolio-slide .inner,
.thb-portfolio-slider.thb-portfolio-slider-style7 .portfolio-slide .thb-carousel .slick-dots li .portrait_bullet,
.thb-carousel .slick-dots li .thb-portfolio-slider.thb-portfolio-slider-style7 .portfolio-slide .portrait_bullet,
.thb-portfolio-slider.thb-portfolio-slider-style7 .portfolio-slide .thb-fancy-box .thb-fancy-content,
.thb-fancy-box .thb-portfolio-slider.thb-portfolio-slider-style7 .portfolio-slide .thb-fancy-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
opacity: 0.7
}
@media only screen and (min-width: 640px) {
.thb-portfolio-slider.thb-portfolio-slider-style7 .portfolio-slide {
padding: 10vh 0
}
}
.thb-portfolio-slider.thb-portfolio-slider-style7 .row {
z-index: 10;
flex: 1
}
.thb-portfolio-slider.thb-portfolio-slider-style7 h1 {
color: #fff;
line-height: 1.1;
margin-bottom: 0;
font-weight: 500
}
.thb-portfolio-slider.thb-portfolio-slider-style7 a:not(.btn) {
color: #fff
}
.thb-portfolio-slider.thb-portfolio-slider-style7.full_height .portfolio-slide {
height: 100vh;
max-height: 100vh
}
@media only screen and (min-width: 640px) {
.thb-portfolio-slider.thb-portfolio-slider-style8 .slick-list {
overflow: visible
}
}
.thb-portfolio-slider.thb-portfolio-slider-style8 .thb-portfolio-slide-link {
display: block;
overflow: hidden;
max-height: 100%
}
.thb-portfolio-slider.thb-portfolio-slider-style8 .portfolio-slide img {
width: 100%;
height: 100%;
max-height: 480px;
object-fit: cover
}
.thb-portfolio-slider.thb-portfolio-slider-style8 .thb-portfolio-slide-excerpt {
background: #ee9982;
display: block;
position: static;
color: #fff;
padding: 20px;
text-align: left
}
@media only screen and (min-width: 640px) {
.thb-portfolio-slider.thb-portfolio-slider-style8 .thb-portfolio-slide-excerpt {
position: absolute;
bottom: 20px;
right: 20px;
width: 300px
}
}
@media only screen and (min-width: 1024px) {
.thb-portfolio-slider.thb-portfolio-slider-style8 .thb-portfolio-slide-excerpt {
position: absolute;
bottom: 60px;
right: -30px;
padding: 50px;
width: 450px;
font-size: 20px
}
}
.thb-portfolio-slider.thb-portfolio-slider-style8 .thb-portfolio-slide-excerpt p {
font-size: inherit
}
.thb-portfolio-slider.thb-portfolio-slider-style8 .thb-portfolio-slide-excerpt>*:last-child {
margin-bottom: 0
}
.thb-portfolio-slider .portfolio-slider-image {
border-radius: 3px;
margin-bottom: 50px;
-webkit-box-shadow: 0 3px 30px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 3px 30px rgba(0, 0, 0, 0.25);
box-shadow: 0 3px 30px rgba(0, 0, 0, 0.25)
}
@media only screen and (min-width: 640px) {
.thb-portfolio-slider .portfolio-slider-image {
margin: 0
}
}
.thb-portfolio-slider:not(.center-arrows) .slick-nav {
position: absolute;
left: 15px;
bottom: 45px;
z-index: 99
}
.thb-portfolio-slider:not(.center-arrows) .slick-nav.slick-next {
left: 45px
}
.thb-portfolio-slider-style8-bullets {
padding: 0 50px
}
@media only screen and (min-width: 640px) {
.thb-portfolio-slider-style8-bullets {
padding: 0 100px
}
}
.thb-portfolio-slider-style8-bullets .thb-bullet-title {
padding: 20px 0;
text-align: center;
width: 100%
}
@media only screen and (min-width: 640px) {
.thb-portfolio-slider-style8-bullets .thb-bullet-title {
padding: 30px 0
}
}
.thb-portfolio-slider-style8-bullets .thb-bullet-title.slick-current {
color: #ee9982
}
.thb-portfolio-slider-style8-bullets .slick-nav.thb-animated-arrow {
border: 0
}
.thb-portfolio-slider-style8-bullets .slick-nav.thb-animated-arrow.slick-next {
justify-content: flex-end;
right: 0
}
.thb-portfolio-slider-style8-bullets .slick-nav.thb-animated-arrow.slick-prev {
justify-content: flex-start;
left: 0
}
.thb-pricing-table .thb-pricing-column {
display: flex;
flex-direction: column;
margin-bottom: 30px
}
@media only screen and (min-width: 1024px) {
.thb-pricing-table .thb-pricing-column {
margin-bottom: 40px
}
}
.thb-pricing-table .btn {
line-height: 1
}
.thb-pricing-table .thb-price small {
color: inherit;
font-size: 50%
}
.thb-pricing-table.style2 img:not(.retina_active),
.thb-pricing-table.style3 img:not(.retina_active) {
visibility: hidden
}
.thb-pricing-table.style1 .btn {
border-radius: 0 0 3px 3px
}
.thb-pricing-table.style1 .thb-pricing-column .pricing-container {
background: #fff;
display: flex;
height: 100%;
flex-direction: column;
border-radius: 3px;
border: 1px solid rgba(238, 153, 130, 0.2);
text-align: center;
padding: 15px
}
@media only screen and (min-width: 640px) {
.thb-pricing-table.style1 .thb-pricing-column .pricing-container {
padding: 40px
}
}
.thb-pricing-table.style1 .thb-pricing-column .pricing-container img {
display: block;
border-radius: 3px;
margin: 0 auto 40px;
flex-shrink: 0
}
.thb-pricing-table.style1 .thb-pricing-column .pricing-container .thb_pricing_head {
border-bottom: 1px solid rgba(0, 0, 0, 0.07)
}
.thb-pricing-table.style1 .thb-pricing-column .pricing-container .thb_pricing_head h4 {
font-size: 20px;
font-weight: 400;
margin-bottom: 15px;
line-height: 1
}
.thb-pricing-table.style1 .thb-pricing-column .pricing-container .thb_pricing_head h3 {
font-size: 30px;
font-weight: 600;
line-height: 1;
margin-bottom: 25px
}
.thb-pricing-table.style1 .thb-pricing-column .pricing-container .thb_pricing_head .pricing_sub_title {
font-size: 13px;
margin-bottom: 39px
}
.thb-pricing-table.style1 .thb-pricing-column .pricing-container.has-button {
border-radius: 3px 3px 0 0;
border-bottom: 0
}
.thb-pricing-table.style1 .thb-pricing-column .pricing-container .pricing-description {
padding-top: 40px;
text-align: left;
font-size: 14px;
color: #090909
}
.thb-pricing-table.style1 .thb-pricing-column .pricing-container .pricing-description p {
font-size: inherit;
color: inherit
}
.thb-pricing-table.style1 .thb-pricing-column .btn {
width: 100%
}
.thb-pricing-table.style1 .thb-pricing-column.highlight-true .pricing-container {
border-width: 3px;
border-color: #ee9982
}
.thb-pricing-table.style2 {
position: relative;
text-align: center
}
.thb-pricing-table.style2 .pricing-column.highlight-true .pricing-container {
position: relative
}
.thb-pricing-table.style2 .pricing-style2-highlight {
position: absolute;
top: 0;
left: 0;
height: 100%;
z-index: 0;
pointer-events: none;
background: rgba(0, 0, 0, 0.2);
opacity: 0
}
.thb-pricing-table.style2 .thb_pricing_head,
.thb-pricing-table.style2 .pricing-description,
.thb-pricing-table.style2 .btn,
.thb-pricing-table.style2 img {
position: relative;
z-index: 10
}
.thb-pricing-table.style2 .pricing-container {
padding: 25px 20px;
height: 100%
}
@media only screen and (min-width: 640px) {
.thb-pricing-table.style2 .pricing-container {
padding: 35px
}
}
.thb-pricing-table.style2 .pricing-container img {
display: block;
margin: 0 auto 35px
}
.thb-pricing-table.style2 .pricing-container .thb_pricing_head h4 {
font-size: 24px;
font-weight: 600
}
.thb-pricing-table.style2 .pricing-container .thb_pricing_head .thb-price {
display: block;
line-height: 1;
font-size: 60px;
padding-bottom: 35px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
margin-bottom: 35px;
color: #ee9982
}
.thb-pricing-table.style2 .pricing-container .thb_pricing_head .pricing_sub_title {
display: block;
font-size: 14px;
padding: 0 20% 30px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
margin-bottom: 35px
}
.thb-pricing-table.style2 .pricing-container .pricing-description {
font-size: 16px
}
.thb-pricing-table.style2 .pricing-container .pricing-description>*:last-child {
margin-bottom: 0
}
.thb-pricing-table.style2 .pricing-container .pricing-description ul {
list-style: none;
padding: 0
}
.thb-pricing-table.style2 .pricing-container .btn {
margin-top: 35px
}
.thb-pricing-table.style2.active .pricing-column.highlight-true .pricing-container {
position: static
}
.thb-pricing-table.style2.active .pricing-style2-highlight {
opacity: 1
}
.thb-pricing-table.style3 .pricing-container {
border: 1px solid rgba(0, 0, 0, 0.08);
border-radius: 4px;
display: flex;
flex-direction: column;
height: 100%;
position: relative
}
.thb-pricing-table.style3 .pricing-container img {
display: none;
position: absolute;
top: 15px;
right: 15px;
max-width: 25%
}
@media only screen and (min-width: 640px) {
.thb-pricing-table.style3 .pricing-container img {
display: block;
top: 30px;
right: 30px
}
}
@media only screen and (min-width: 1024px) {
.thb-pricing-table.style3 .pricing-container img {
top: 45px;
right: 45px
}
}
.rtl .thb-pricing-table.style3 .pricing-container img {
right: auto;
left: 15px
}
@media only screen and (min-width: 640px) {
.rtl .thb-pricing-table.style3 .pricing-container img {
right: auto;
left: 30px
}
}
@media only screen and (min-width: 1024px) {
.rtl .thb-pricing-table.style3 .pricing-container img {
right: auto;
left: 45px
}
}
.thb-pricing-table.style3 .thb-pricing-style3-container {
flex: 1;
padding: 15px
}
@media only screen and (min-width: 640px) {
.thb-pricing-table.style3 .thb-pricing-style3-container {
padding: 30px
}
}
@media only screen and (min-width: 1024px) {
.thb-pricing-table.style3 .thb-pricing-style3-container {
padding: 45px
}
}
.thb-pricing-table.style3 .thb_pricing_head {
padding: 0
}
@media only screen and (min-width: 640px) {
.thb-pricing-table.style3 .thb_pricing_head {
padding: 0 30% 0 0
}
.rtl .thb-pricing-table.style3 .thb_pricing_head {
padding: 0 0 0 30%
}
}
.thb-pricing-table.style3 .thb_pricing_head .pricing_sub_title {
font-size: 14px;
line-height: 1.4;
margin-bottom: 40px
}
.thb-pricing-table.style3 .pricing-description ul,
.thb-pricing-table.style3 .pricing-description ol {
font-size: 12px;
list-style: none;
padding: 0
}
.thb-pricing-table.style3 .pricing-description ul li,
.thb-pricing-table.style3 .pricing-description ol li {
margin-bottom: 5px
}
@media only screen and (min-width: 640px) {
.thb-pricing-table.style3 .pricing-description ul li,
.thb-pricing-table.style3 .pricing-description ol li {
width: 50%;
float: left
}
}
.thb-pricing-table.style3 .thb-pricing-footer {
display: flex;
background: #f6f9fb;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
padding: 15px;
border-top: 1px solid rgba(0, 0, 0, 0.06)
}
@media only screen and (min-width: 640px) {
.thb-pricing-table.style3 .thb-pricing-footer {
padding: 30px;
flex-direction: row;
justify-content: space-between
}
.thb-pricing-table.style3 .thb-pricing-footer .thb-price {
margin-bottom: 0
}
}
.thb-pricing-table.style4 {
padding: 12px 0;
background: #fff;
border-radius: 5px;
box-shadow: 0 4px 70px rgba(0, 0, 0, 0.07)
}
.thb-pricing-table.style4 .row {
margin: 0
}
.thb-pricing-table.style4 .row .thb-pricing-column {
padding: 18px 30px;
margin-bottom: 20px
}
@media only screen and (min-width: 1024px) {
.thb-pricing-table.style4 .row .thb-pricing-column {
margin-bottom: 0
}
}
@media only screen and (min-width: 1024px) {
.thb-pricing-table.style4 {
padding: 27px 0
}
.thb-pricing-table.style4 .row .thb-pricing-column {
padding: 18px 45px
}
.thb-pricing-table.style4 .row .thb-pricing-column+.thb-pricing-column {
border-left: 1px solid rgba(0, 0, 0, 0.07);
margin-bottom: 0
}
}
.thb-pricing-table.style4 img {
margin-bottom: 30px
}
@media only screen and (min-width: 1024px) {
.thb-pricing-table.style4 img {
margin-bottom: 40px
}
}
.thb-pricing-table.style4 .thb_pricing_head h4 {
font-weight: 600;
margin-bottom: 15px
}
@media only screen and (min-width: 1024px) {
.thb-pricing-table.style4 .thb_pricing_head h4 {
font-size: 22px
}
}
.thb-pricing-table.style4 .thb_pricing_head .pricing_sub_title {
font-size: 14px
}
@media only screen and (min-width: 1024px) {
.thb-pricing-table.style4 .thb_pricing_head .thb-price {
font-size: 24px
}
}
.thb-pricing-table.style4 .thb_pricing_head .thb-price small {
color: #8f8f8f
}
.thb-pricing-table.style4 .thb_pricing_head .btn {
margin-bottom: 35px
}
.thb-pricing-table.style4 .pricing-description ul {
margin: 0;
padding: 0;
list-style: none
}
.thb-pricing-table.style4 .pricing-description ul li {
font-size: 14px;
margin-bottom: 8px;
padding-left: 30px;
position: relative
}
.thb-pricing-table.style4 .pricing-description ul li:before {
content: "\f00c";
position: absolute;
top: 0;
left: 0;
color: #ee9982;
font-family: 'FontAwesome'
}
.thb-pricing-table.style4 .pricing-description ul li:last-child {
margin-bottom: 0
}
.thb-pricing-table.style4 .pricing-description+.btn {
margin-top: 40px
}
.thb-pricing-table.style4 .btn {
font-size: 16px;
font-weight: 500
}
.thb-pricing-toggle {
display: inline-flex;
align-items: center;
font-size: 18px;
color: #090909;
font-weight: 500;
position: relative;
padding: 0 20px
}
.thb-pricing-toggle .thb-pricing-toggle-element {
display: inline-flex;
height: 36px;
width: 68px;
border-radius: 18px;
background: #858994;
position: relative;
margin: 0 15px
}
@media only screen and (min-width: 640px) {
.thb-pricing-toggle .thb-pricing-toggle-element {
margin: 0 25px
}
}
.thb-pricing-toggle .thb-pricing-toggle-element .thb-pricing-toggle-circle {
width: 20px;
height: 20px;
background: #fff;
border-radius: 50%;
position: absolute;
top: 8px;
left: 8px;
box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.15)
}
.thb-pricing-toggle.active .thb-pricing-toggle-element {
background: #14cb59
}
.thb-pricing-toggle.active .thb-pricing-toggle-circle {
left: 40px
}
.thb-pricing-toggle .thb-label-discount {
position: absolute;
top: 50%;
left: 100%;
display: none;
white-space: nowrap;
font-size: 12px;
font-weight: 500;
color: #fff;
background: #14cb59;
line-height: 26px;
padding: 0 12px;
border-radius: 5px;
margin-top: -13px
}
.thb-pricing-toggle .thb-label-discount:after {
content: '';
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 3.5px 3px 3.5px 0;
border-color: transparent #14cb59 transparent transparent;
position: absolute;
top: 50%;
margin-top: -3.5px;
left: -3px
}
@media only screen and (min-width: 640px) {
.thb-pricing-toggle .thb-label-discount {
display: block
}
}
.thb-team-row .thb-carousel .thb-team-member.member_style2 {
margin-top: 2vh
}
.thb-team-row .row.style1 .columns {
width: 100%
}
.thb-team-row .thb-team-member {
display: block;
margin-bottom: 30px
}
@media only screen and (min-width: 1024px) {
.thb-team-row .thb-team-member {
margin-bottom: 40px
}
}
.thb-team-row .thb-team-member img {
width: 100%;
display: block
}
.thb-team-row .thb-team-member .team-container {
position: relative
}
.thb-team-row .thb-team-member h6 {
color: #343434;
font-size: 20px;
text-transform: none;
font-weight: 400;
margin-bottom: 0;
letter-spacing: normal
}
.thb-team-row .thb-team-member .job-title {
font-size: 14px;
margin-bottom: 10px;
opacity: 0.6
}
.thb-team-row .thb-team-member .thb-description {
font-size: 14px;
color: #343434
}
.thb-team-row .thb-team-member .thb-icons a {
font-size: 14px;
display: inline-flex;
margin-right: 4px;
color: #090909
}
.thb-team-row .thb-team-member .team-information {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0;
padding: 30px;
background: transparent;
display: flex;
flex-direction: column;
justify-content: flex-end;
color: #343434;
will-change: opacity;
z-index: 10
}
.thb-team-row .thb-team-member .team-link {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 20
}
.thb-team-row .thb-team-member:hover .team-information {
opacity: 1
}
.thb-team-row .thb-team-member.member_style1 .team-container {
overflow: hidden;
margin-bottom: 25px
}
.thb-team-row .thb-team-member.member_style1 h6 {
color: #090909
}
.thb-team-row .thb-team-member.member_style1 .job-title {
margin: 0;
color: #090909;
opacity: 0.4
}
.thb-team-row .thb-team-member.member_style1 .team-information {
justify-content: space-between;
bottom: -1px
}
.thb-team-row .thb-team-member.member_style1 .thb-icons a {
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
color: #fff;
border-radius: 15px;
font-size: 12px;
margin-right: 2px
}
.thb-team-row .thb-team-member.member_style1 .thb-icons a.twitter {
background: #00aced
}
.thb-team-row .thb-team-member.member_style1 .thb-icons a.twitter:hover {
background: #0087ba
}
.thb-team-row .thb-team-member.member_style1 .thb-icons a.facebook {
background: #3b5998
}
.thb-team-row .thb-team-member.member_style1 .thb-icons a.facebook:hover {
background: #2d4373
}
.thb-team-row .thb-team-member.member_style1 .thb-icons a.linkedin {
background: #007bb6
}
.thb-team-row .thb-team-member.member_style1 .thb-icons a.linkedin:hover {
background: #005983
}
.thb-team-row .thb-team-member.member_style1 .thb-icons a.instagram {
background: #3f729b
}
.thb-team-row .thb-team-member.member_style1 .thb-icons a.instagram:hover {
background: #305777
}
.thb-team-row .thb-team-member.member_style1.team-has-link .thb-icons {
position: relative;
z-index: 30
}
.thb-team-row .thb-team-member.member_style2 .team-information {
opacity: 1;
justify-content: space-between;
backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.thb-team-row .thb-team-member.member_style2 .thb-description {
margin-bottom: 15px
}
.thb-team-row .thb-team-member.member_style2 .team-container>img {
visibility: hidden
}
.thb-team-row .thb-team-member.member_style2 img {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: grayscale(100%)
}
.thb-team-row .thb-team-member.member_style2 h6 {
font-weight: 500
}
.thb-team-row .thb-team-member.member_style2:hover img {
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
filter: grayscale(0%)
}
.thb-team-row .thb-team-member.member_style2 .atvImg-container {
position: absolute;
top: 0;
left: 0
}
.thb-team-row .thb-team-member.member_style3.team-has-link .thb-icons {
position: relative;
z-index: 30
}
.thb-team-row .thb-team-member.member_style3 .team-container {
border-radius: 3px
}
.thb-team-row .thb-team-member.member_style3 .team-information {
border-radius: 3px;
justify-content: space-between
}
.thb-team-row .thb-team-member.member_style3 .thb-description {
margin-bottom: 15px
}
.thb-team-row .thb-team-member.member_style3 img {
border-radius: 3px
}
.thb-team-row .thb-team-member.member_style3:hover .team-container {
-webkit-box-shadow: 0 10px 40px rgba(31, 161, 252, 0.45);
-moz-box-shadow: 0 10px 40px rgba(31, 161, 252, 0.45);
box-shadow: 0 10px 40px rgba(31, 161, 252, 0.45)
}
.thb-team-row .thb-team-member.member_style3 .info-container {
flex: 1;
display: flex;
flex-direction: column;
padding-top: 10px;
justify-content: space-between
}
.thb-team-row .thb-team-member.member_style1 .thb-description,
.thb-team-row .thb-team-member.member_style3 .thb-description {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
-ms-perspective: 1000px;
-o-perspective: 1000px;
perspective: 1000px;
-webkit-transition: -webkit-transform 1s ease, opacity 2s ease;
-moz-transition: -moz-transform 1s ease, opacity 2s ease;
-o-transition: -o-transform 1s ease, opacity 2s ease;
transition: transform 1s ease, opacity 2s ease;
-webkit-transform: rotateY(-15deg) skewY(6deg);
-moz-transform: rotateY(-15deg) skewY(6deg);
-ms-transform: rotateY(-15deg) skewY(6deg);
-o-transform: rotateY(-15deg) skewY(6deg);
transform: rotateY(-15deg) skewY(6deg)
}
.thb-team-row .thb-team-member.member_style1:hover .thb-description,
.thb-team-row .thb-team-member.member_style3:hover .thb-description {
-webkit-transform: rotateY(0deg) skewY(0deg);
-moz-transform: rotateY(0deg) skewY(0deg);
-ms-transform: rotateY(0deg) skewY(0deg);
-o-transform: rotateY(0deg) skewY(0deg);
transform: rotateY(0deg) skewY(0deg)
}
.thb-team-row .thb-team-member.member_style4 {
text-align: center
}
.thb-team-row .thb-team-member.member_style4 .team-container {
width: 214px;
height: 214px;
margin: 0 auto 30px
}
.thb-team-row .thb-team-member.member_style4 .team-container img {
width: 100%;
height: 100%;
border-radius: 50%;
object-fit: cover
}
.thb-team-row .thb-team-member.member_style4 h6 {
font-weight: 600;
font-size: 14px;
letter-spacing: normal !important
}
.thb-team-row .thb-team-member.member_style4 .job-title {
margin-bottom: 5px
}
.thb-team-row .thb-team-member.member_style4 .team-information {
justify-content: center;
text-align: center;
border-radius: 50%
}
.thb-team-row .thb-team-member.member_style4 .thb-icons a {
display: inline-flex;
font-size: 12px;
margin: 0 2px
}
.thb-team-row .thb-team-member.member_style4 .thb-icons a.twitter {
color: #00aced
}
.thb-team-row .thb-team-member.member_style4 .thb-icons a.twitter:hover {
color: #0087ba
}
.thb-team-row .thb-team-member.member_style4 .thb-icons a.facebook {
color: #3b5998
}
.thb-team-row .thb-team-member.member_style4 .thb-icons a.facebook:hover {
color: #2d4373
}
.thb-team-row .thb-team-member.member_style4 .thb-icons a.linkedin {
color: #007bb6
}
.thb-team-row .thb-team-member.member_style4 .thb-icons a.linkedin:hover {
color: #005983
}
.thb-team-row .thb-team-member.member_style4 .thb-icons a.instagram {
color: #3f729b
}
.thb-team-row .thb-team-member.member_style4 .thb-icons a.instagram:hover {
color: #305777
}
.thb-team-row .thb-team-member.member_style5.team-has-link .thb-icons {
position: relative;
z-index: 30
}
.thb-team-row .thb-team-member.member_style5 .team-container {
overflow: hidden
}
.thb-team-row .thb-team-member.member_style5 .team-information-hover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
-webkit-transform: translateY(calc(100% - 50px));
-moz-transform: translateY(calc(100% - 50px));
-ms-transform: translateY(calc(100% - 50px));
-o-transform: translateY(calc(100% - 50px));
transform: translateY(calc(100% - 50px))
}
@media only screen and (min-width: 640px) {
.thb-team-row .thb-team-member.member_style5 .team-information-hover {
padding: 35px;
padding-top: 0;
-webkit-transform: translateY(calc(100% - 70px));
-moz-transform: translateY(calc(100% - 70px));
-ms-transform: translateY(calc(100% - 70px));
-o-transform: translateY(calc(100% - 70px));
transform: translateY(calc(100% - 70px))
}
}
.thb-team-row .thb-team-member.member_style5 .team-information {
opacity: 1;
padding: 15px;
padding-top: 0;
top: auto;
bottom: 0;
z-index: 20;
-webkit-transform: translateY(calc(100% - 50px));
-moz-transform: translateY(calc(100% - 50px));
-ms-transform: translateY(calc(100% - 50px));
-o-transform: translateY(calc(100% - 50px));
transform: translateY(calc(100% - 50px))
}
@media only screen and (min-width: 640px) {
.thb-team-row .thb-team-member.member_style5 .team-information {
padding: 35px;
padding-top: 0;
-webkit-transform: translateY(calc(100% - 70px));
-moz-transform: translateY(calc(100% - 70px));
-ms-transform: translateY(calc(100% - 70px));
-o-transform: translateY(calc(100% - 70px));
transform: translateY(calc(100% - 70px))
}
}
.thb-team-row .thb-team-member.member_style5 .team-information .team-title {
display: flex;
height: 50px;
align-items: center
}
@media only screen and (min-width: 640px) {
.thb-team-row .thb-team-member.member_style5 .team-information .team-title {
height: 70px
}
}
.thb-team-row .thb-team-member.member_style5 .team-information .team-title p {
display: inline-flex;
font-size: 18px;
margin: 0;
line-height: 1;
color: #090909;
opacity: 1
}
.thb-team-row .thb-team-member.member_style5 .team-information .team-title p+p:before {
display: inline-flex;
content: '-';
margin-left: 3px;
margin-right: 3px
}
.thb-team-row .thb-team-member.member_style5 .team-information .team-title p.member-title {
font-weight: 600
}
.thb-team-row .thb-team-member.member_style5 .team-information .thb-icons {
margin-top: 20px
}
.thb-team-row .thb-team-member.member_style5 .team-information .thb-icons a {
font-size: 16px
}
.thb-team-row .thb-team-member.member_style5:hover .team-information,
.thb-team-row .thb-team-member.member_style5:hover .team-information-hover {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.thb-team-row.team-light .member_style3 .team-information,
.thb-team-row.team-light .member_style2 .team-information,
.thb-team-row.team-light .member_style5 .team-information {
color: #fff
}
.thb-team-row.team-light .member_style3 .team-information h6,
.thb-team-row.team-light .member_style3 .team-information .thb-description,
.thb-team-row.team-light .member_style3 .team-information .thb-icons a,
.thb-team-row.team-light .member_style2 .team-information h6,
.thb-team-row.team-light .member_style2 .team-information .thb-description,
.thb-team-row.team-light .member_style2 .team-information .thb-icons a,
.thb-team-row.team-light .member_style5 .team-information h6,
.thb-team-row.team-light .member_style5 .team-information .thb-description,
.thb-team-row.team-light .member_style5 .team-information .thb-icons a {
color: #fff
}
.thb-team-row.team-light .member_style5 .team-information .team-title p {
color: #fff
}
.thb-team-row.team-light .member_style1 .thb-description {
color: #fff
}
.thb-testimonials.thb-carousel {
max-height: 300px;
opacity: 0
}
.thb-testimonials.slick-initialized {
opacity: 1;
max-height: 100%
}
.thb-testimonials .star-rating,
.thb-testimonials .comment-form-rating p.stars,
.comment-form-rating .thb-testimonials p.stars {
margin-bottom: 30px
}
.thb-testimonials .author_image {
display: inline-block;
margin: 0 0 20px;
padding: 0;
width: 70px;
height: 70px;
border-radius: 35px
}
.thb-testimonials blockquote {
padding-top: 0;
padding-bottom: 0;
margin-bottom: 35px
}
.thb-testimonials cite {
display: block;
color: #343434;
font-size: 16px;
font-weight: 400;
font-style: normal;
line-height: 1;
margin-top: 0;
margin-bottom: 5px
}
.thb-testimonials cite:before {
display: none
}
.thb-testimonials .title {
font-size: 12px;
color: #343434;
font-weight: 400;
line-height: 1;
opacity: 0.6
}
.thb-testimonials.style1 {
text-align: center
}
.thb-testimonials.style1 .author_image {
display: none
}
.thb-testimonials.style2 {
text-align: center
}
.thb-testimonials.style2 blockquote p {
font-size: 26px;
font-weight: 500
}
.thb-testimonials.style2 cite:before {
display: inline
}
.thb-testimonials.style3 {
text-align: center
}
.thb-testimonials.style3 .thb-testimonial {
border: 1px solid rgba(0, 0, 0, 0.07);
padding: 15%
}
.thb-testimonials.style3 .thb-testimonial blockquote {
padding-left: 0;
padding-right: 0
}
.thb-testimonials.style3 .thb-testimonial blockquote p {
font-size: 16px
}
.thb-testimonials.style4 blockquote {
text-align: left;
padding-left: 0;
padding-right: 0
}
.thb-testimonials.style4 blockquote p {
font-size: 26px;
font-weight: 500
}
.thb-testimonials.style4 cite {
font-size: 14px;
display: inline-block
}
.thb-testimonials.style4 cite:before {
display: inline
}
.thb-testimonials.style4 .columns {
padding: 0
}
.thb-testimonials.style4 .title {
font-size: 14px
}
.thb-testimonials.style5 {
-webkit-box-shadow: 0 3px 24px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 3px 24px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 24px rgba(0, 0, 0, 0.1)
}
.thb-testimonials.style5 img {
width: 100%;
display: block
}
.thb-testimonials.style5 img.author_image {
width: auto
}
.thb-testimonials.style5 .row.no-padding {
position: relative;
background: #fff
}
.thb-testimonials.style5 .row.no-padding .review-full-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10
}
.thb-testimonials.style5 .row.no-padding .medium-4.columns {
padding-right: 2%
}
.thb-testimonials.style5 .slick-slide {
padding: 0
}
.thb-testimonials.style5 .thb-testimonial {
text-align: left;
padding: 15px;
height: 100%
}
.rtl .thb-testimonials.style5 .thb-testimonial {
text-align: right
}
@media only screen and (min-width: 640px) {
.thb-testimonials.style5 .thb-testimonial {
padding: 45px
}
}
.thb-testimonials.style5 .thb-testimonial h4 {
margin-bottom: 30px
}
@media only screen and (min-width: 1024px) {
.thb-testimonials.style5 .thb-testimonial h4 {
font-size: 36px
}
}
.thb-testimonials.style5 .thb-testimonial blockquote {
padding: 0;
text-align: left;
font-size: 16px;
line-height: 1.6
}
.thb-testimonials.style5 .thb-testimonial blockquote p {
font-size: inherit;
line-height: inherit
}
.thb-testimonials.style5 .review_image {
height: 100%;
width: 100%;
object-fit: cover
}
.thb-testimonials.style5 .slick-nav {
position: absolute;
left: 15px;
bottom: 15px;
z-index: 99;
width: 30px;
height: 30px
}
@media only screen and (min-width: 640px) {
.thb-testimonials.style5 .slick-nav {
left: 45px;
bottom: 45px
}
}
.rtl .thb-testimonials.style5 .slick-nav {
left: auto;
right: 15px
}
@media only screen and (min-width: 640px) {
.rtl .thb-testimonials.style5 .slick-nav {
right: 45px;
left: auto
}
}
.thb-testimonials.style5 .slick-nav.thb-animated-arrow {
border: 0
}
.thb-testimonials.style5 .slick-nav.thb-animated-arrow svg {
width: 30px;
height: 30px;
fill: #090909
}
.thb-testimonials.style5 .slick-nav.slick-next {
left: calc(15px + 30px)
}
@media only screen and (min-width: 640px) {
.thb-testimonials.style5 .slick-nav.slick-next {
left: calc(45px + 30px)
}
}
.thb-testimonials.style5[data-navigation="true"] .thb-testimonial {
padding-bottom: 45px
}
@media only screen and (min-width: 640px) {
.thb-testimonials.style5[data-navigation="true"] .thb-testimonial {
padding-bottom: 80px
}
}
.thb-testimonials.style6 .thb-testimonial {
margin-bottom: 40px
}
.thb-testimonials.style6 .thb-testimonial blockquote {
padding: 0;
text-align: left;
margin-bottom: 25px
}
.thb-testimonials.style6 .thb-testimonial blockquote p {
font-size: 16px
}
.thb-testimonials.style6 .thb-testimonial .star-rating,
.thb-testimonials.style6 .thb-testimonial .comment-form-rating p.stars,
.comment-form-rating .thb-testimonials.style6 .thb-testimonial p.stars {
margin-bottom: 20px
}
.thb-testimonials.style6 .thb-testimonial h4 {
font-size: 18px;
text-align: left
}
.thb-testimonials.style6 .thb-testimonial cite {
font-size: 14px;
margin-bottom: 0;
text-align: left
}
.thb-testimonials.style6 .thb-testimonial .author_image {
position: absolute;
top: 0;
left: 0;
z-index: 10;
display: none
}
@media only screen and (min-width: 640px) {
.thb-testimonials.style6 .thb-testimonial.has-avatar {
padding-left: 115px;
position: relative
}
.thb-testimonials.style6 .thb-testimonial.has-avatar .author_image {
display: block
}
}
.thb-testimonials.style7 .testimonial-author {
display: flex;
align-items: center;
justify-content: center
}
.thb-testimonials.style7 .testimonial-author cite,
.thb-testimonials.style7 .testimonial-author span {
font-size: 18px;
color: #ee9982;
opacity: 1;
margin: 0
}
.thb-testimonials.style7 .testimonial-author cite {
font-weight: 600
}
.thb-testimonials.style7 .testimonial-author span:before {
display: inline;
content: " — "
}
.thb-testimonials.style7 .thb-carousel .slick-dots .select {
background: #ee9982
}
.thb-testimonials.style8 {
text-align: center
}
.thb-testimonials.style8 .author_image {
display: none
}
.thb-testimonials.style8 blockquote p {
font-size: 24px;
font-weight: 400
}
@media only screen and (min-width: 640px) {
.thb-testimonials.style8 blockquote p {
font-size: 48px
}
}
.thb-testimonials.style8 h6 {
text-transform: uppercase;
font-weight: 600;
letter-spacing: 0.09em;
font-size: 11px;
margin-bottom: 5px
}
.thb-testimonials.style8 .title {
font-size: 14px
}
.thb-testimonials.style9 {
text-align: center;
padding: 0 35px
}
@media only screen and (min-width: 640px) {
.thb-testimonials.style9 {
padding: 0 50px
}
}
.thb-testimonials.style9 .thb-testimonial {
border: 1px solid rgba(0, 0, 0, 0.1);
background: #fff;
border-radius: 5px;
padding: 20px;
display: flex;
flex-direction: column;
align-items: center
}
@media only screen and (min-width: 640px) {
.thb-testimonials.style9 .thb-testimonial {
padding: 35px
}
}
@media only screen and (min-width: 1024px) {
.thb-testimonials.style9 .thb-testimonial {
padding: 75px
}
}
.thb-testimonials.style9 .thb-testimonial.slick-dotted {
padding: 20px 20px 50px
}
@media only screen and (min-width: 640px) {
.thb-testimonials.style9 .thb-testimonial.slick-dotted {
padding: 35px 35px 60px
}
}
@media only screen and (min-width: 1024px) {
.thb-testimonials.style9 .thb-testimonial.slick-dotted {
padding: 75px
}
}
.thb-testimonials.style9 .thb-testimonial .review_image {
display: inline-block;
margin-bottom: 20px
}
@media only screen and (min-width: 1024px) {
.thb-testimonials.style9 .thb-testimonial .review_image {
margin-bottom: 35px
}
}
.thb-testimonials.style9 .thb-testimonial blockquote {
padding: 0
}
.thb-testimonials.style9 .thb-testimonial blockquote p {
font-size: 16px;
color: #090909;
line-height: 1.5
}
@media only screen and (min-width: 1024px) {
.thb-testimonials.style9 .thb-testimonial blockquote p {
font-size: 24px
}
}
.thb-testimonials.style9 .thb-testimonial cite {
font-size: 18px;
font-weight: 500
}
.thb-testimonials.style9 .thb-testimonial .title {
font-size: 14px
}
.thb-testimonials.style9 .thb-testimonial .author_image {
display: none
}
.thb-testimonials.style9 .thb-testimonial .star-rating,
.thb-testimonials.style9 .thb-testimonial .comment-form-rating p.stars,
.comment-form-rating .thb-testimonials.style9 .thb-testimonial p.stars {
margin-bottom: 20px
}
.thb-testimonials.style9 .slick-nav.slick-prev {
left: 0
}
.thb-testimonials.style9 .slick-nav.slick-next {
right: 0
}
.thb-testimonials.style9 .slick-dots-wrapper {
position: absolute;
bottom: 0;
left: 0;
z-index: 50;
width: 100%;
-webkit-transform: translateY(50%);
-moz-transform: translateY(50%);
-ms-transform: translateY(50%);
-o-transform: translateY(50%);
transform: translateY(50%)
}
.thb-testimonials.style9 .slick-dots-wrapper .slick-dots {
margin: 0
}
.thb-testimonials.style9 .slick-dots-wrapper .slick-dots li .portrait_bullet {
border: 2px solid #fff;
width: 44px;
height: 44px;
border-radius: 50%;
opacity: 1
}
@media only screen and (min-width: 1024px) {
.thb-testimonials.style9 .slick-dots-wrapper .slick-dots li .portrait_bullet {
border-width: 4px;
width: 76px;
height: 76px
}
}
.thb-testimonials.style9 .slick-dots-wrapper .slick-dots li.slick-active .portrait_bullet {
border-color: #ee9982
}
.thb-light-column .thb-testimonials {
color: #fff
}
.thb-light-column .thb-testimonials blockquote p,
.thb-light-column .thb-testimonials cite,
.thb-light-column .thb-testimonials .title,
.thb-light-column .thb-testimonials h6 {
color: #fff
}
.thb-cookie-bar {
display: flex;
position: fixed;
left: 0;
bottom: 0;
background: #fff;
padding: 15px;
z-index: 40;
width: 100%;
flex-direction: column;
align-items: center;
opacity: 0;
color: #090909;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%)
}
@media only screen and (min-width: 640px) {
.thb-cookie-bar {
padding: 15px 25px;
flex-direction: row;
justify-content: center
}
}
.thb-cookie-bar.dark {
background: #000;
color: #fff
}
.thb-cookie-bar.dark .button-accept {
color: #fff
}
.thb-cookie-bar.dark .thb-cookie-text a {
color: #fff
}
.thb-cookie-bar p {
font-size: 12px;
line-height: 1.2
}
@media only screen and (min-width: 640px) {
.thb-cookie-bar p {
line-height: 1;
margin: 0
}
}
.thb-cookie-bar .button-accept {
font-size: 12px;
margin: 0;
font-weight: 600;
text-decoration: underline
}
@media only screen and (min-width: 640px) {
.thb-cookie-bar .button-accept {
margin: 0 0 0 20px
}
}
.thb-cookie-bar .thb-cookie-text a {
font-weight: 400;
text-decoration: underline
}
.thb-instagram-row {
position: relative;
padding: 0
}
.thb-instagram-row.low-padding.row {
margin: 0 -5px
}
.thb-instagram-row.low-padding.row .columns {
padding: 0 5px
}
.thb-instagram-row.low-padding.row .columns figure {
margin-bottom: 10px
}
.thb-instagram-row.low-padding.row .thb-instagram-name-holder.text-center {
margin-top: -5px
}
.thb-instagram-row.no-padding figure,
.row .thb-instagram-row.row.no-padding figure {
margin-bottom: 0
}
.thb-instagram-row.no-padding .thb-instagram-name-holder.text-center {
margin-top: 0
}
.thb-instagram-row .instagram-row-username {
display: inline-block;
margin-bottom: 30px;
font-size: 16px;
line-height: 20px
}
.thb-instagram-row .instagram-row-username i {
font-size: 20px;
margin-right: 15px
}
.thb-instagram-row .thb-instagram-name-holder.text-center {
position: absolute;
z-index: 20;
flex: none;
width: auto;
padding: 16px 25px !important;
background: #fff;
top: 50%;
left: 50%;
margin-top: -15px;
-webkit-transform: translate3d(-50%, -50%, 0);
-moz-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0)
}
.thb-instagram-row .thb-instagram-name-holder.text-center .instagram-row-username {
display: inline-flex;
justify-content: center;
align-items: center;
font-size: 14px;
font-weight: 600;
margin: 0;
text-transform: uppercase
}
.thb-instagram-row .thb-instagram-name-holder.text-center .instagram-row-username i {
font-size: 16px
}
.thb-instagram-row figure {
height: 0;
width: 100%;
padding-bottom: 90% !important;
margin-bottom: 30px;
overflow: hidden;
position: relative;
background-size: cover;
background-position: center center
}
.thb-instagram-row figure:after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
background: #090909;
opacity: 0
}
.thb-instagram-row figure .instagram-link {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10
}
.thb-instagram-row figure:hover:after {
opacity: 0.4
}
.thb-instagram-row figure:hover span {
opacity: 1
}
.thb-instagram-row figure span {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 5;
font-weight: 600;
font-size: 12px;
color: #fff;
opacity: 0
}
.thb-instagram-row figure span svg {
fill: #fff;
margin-right: 8px
}
.rtl .thb-instagram-row figure span svg {
margin-right: 0;
margin-left: 8px
}
.thb-instagram-row figure span em {
font-style: normal;
line-height: 1
}
.thb-instagram-row figure span em+svg {
margin-left: 20px
}
.rtl .thb-instagram-row figure span em+svg {
margin-right: 20px;
margin-left: 0
}
.thb-instagram-block .thb-username-column,
.thb-instagram-block .thb-follower-column,
.thb-instagram-block .thb-following-column {
display: flex;
justify-content: center;
text-align: center;
align-items: center;
flex-direction: column;
padding: 15px 5% !important;
background: #fc9f99
}
.thb-instagram-block .thb-username-column span,
.thb-instagram-block .thb-follower-column span,
.thb-instagram-block .thb-following-column span {
font-size: 12px;
text-transform: uppercase;
font-weight: 400
}
.thb-instagram-block .thb-username-column p,
.thb-instagram-block .thb-follower-column p,
.thb-instagram-block .thb-following-column p {
font-size: 18px;
margin-bottom: 10px;
line-height: 1.1
}
@media only screen and (min-width: 640px) {
.thb-instagram-block .thb-username-column p,
.thb-instagram-block .thb-follower-column p,
.thb-instagram-block .thb-following-column p {
font-size: 40px
}
}
.thb-instagram-block .thb-username-column a,
.thb-instagram-block .thb-follower-column a,
.thb-instagram-block .thb-following-column a {
color: #fff
}
.thb-instagram-block .thb-username-column span {
display: inline-block;
margin-bottom: 20px
}
.thb-instagram-block .thb-username-column p {
margin-bottom: 20px
}
@media only screen and (min-width: 640px) {
.thb-instagram-block .thb-username-column p {
font-size: 24px
}
}
.thb-instagram-block .thb-follower-column {
background: #f3b1ad
}
.thb-instagram-block .thb-following-column {
background: #fbc3c0
}
.side-panel {
display: flex;
flex-direction: column;
position: fixed;
top: 0;
height: 100%;
z-index: 600;
padding: 0;
width: 300px;
background: #fff;
right: 0;
will-change: transform
}
.rtl .side-panel {
right: auto;
left: 0
}
.admin-bar .side-panel {
height: calc(100% - 46px)
}
@media screen and (min-width: 783px) {
.admin-bar .side-panel {
height: calc(100% - 32px)
}
}
@media only screen and (min-width: 640px) {
.side-panel {
width: 320px
}
}
@media only screen and (min-width: 1024px) {
.side-panel {
width: 400px
}
}
@media only screen and (min-width: 1440px) {
.side-panel {
width: 480px
}
}
.side-panel header {
display: flex;
justify-content: space-between;
align-items: center;
color: #090909;
height: 45px;
padding: 0 15px;
flex-shrink: 0;
border-bottom: 1px solid #eee;
position: relative
}
@media only screen and (min-width: 640px) {
.side-panel header {
height: 76px;
padding: 0 30px
}
}
.side-panel header h6 {
font-size: 14px;
color: #343434;
text-transform: none;
margin: 0
}
.side-panel header .thb-close {
display: block;
position: absolute;
top: 50%;
right: 15px;
width: 30px;
height: 30px;
margin-top: -15px
}
@media only screen and (min-width: 640px) {
.side-panel header .thb-close {
right: 30px
}
}
.rtl .side-panel header .thb-close {
right: auto;
left: 15px
}
@media only screen and (min-width: 640px) {
.rtl .side-panel header .thb-close {
right: auto;
left: 30px
}
}
.side-panel .side-panel-content {
padding: 15px;
flex: 1;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
@media only screen and (min-width: 640px) {
.side-panel .side-panel-content {
padding: 30px
}
}
.side-panel .side-panel-content h6 {
font-size: 16px;
margin-bottom: 30px
}
#side-cart {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%)
}
.rtl #side-cart {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%)
}
#side-cart .side-panel-content {
position: relative;
display: block;
padding-bottom: 115px;
overflow: hidden
}
@media only screen and (min-width: 640px) {
#side-cart .side-panel-content {
padding-bottom: 160px
}
}
#side-cart .side-panel-content .widget_shopping_cart {
flex: 1;
height: 100%;
margin-bottom: 0;
padding-bottom: 35px
}
#side-cart .side-panel-content .widget_shopping_cart .widgettitle {
display: none
}
#side-cart .side-panel-content .widget_shopping_cart .widget_shopping_cart_content {
overflow: hidden;
height: 100%;
max-height: 100%
}
#side-cart .side-panel-content .widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart {
height: 100%;
max-height: 100%;
position: relative
}
#side-cart .side-panel-content .widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart .woocommerce-mini-cart-item:last-of-type {
margin: 0
}
#side-cart .side-panel-content .widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart .ps__scrollbar-y-rail .ps__scrollbar-y {
background: rgba(0, 0, 0, 0.2)
}
#side-cart .side-panel-content .widget_shopping_cart .widget_shopping_cart_content .woocommerce-mini-cart .ps__scrollbar-y-rail .ps__scrollbar-y:hover {
background: rgba(0, 0, 0, 0.6)
}
#side-cart .side-panel-content .woocommerce-mini-cart__total {
display: flex;
align-items: center;
justify-content: space-between;
height: 45px;
border-top: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
font-weight: 500;
color: #343434;
position: absolute;
bottom: 70px;
left: 15px;
right: 15px;
margin: 0
}
@media only screen and (min-width: 640px) {
#side-cart .side-panel-content .woocommerce-mini-cart__total {
left: 30px;
right: 30px;
height: 60px;
bottom: 100px
}
}
#side-cart .side-panel-content .woocommerce-mini-cart__buttons {
position: absolute;
bottom: 0;
left: 0;
padding: 15px;
margin: 0;
width: 100%;
display: flex
}
@media only screen and (min-width: 640px) {
#side-cart .side-panel-content .woocommerce-mini-cart__buttons {
padding: 30px
}
}
#side-cart .side-panel-content .woocommerce-mini-cart__buttons .button {
flex: 1;
padding: 0 5px
}
#side-cart .side-panel-content .woocommerce-mini-cart__buttons .button+.button {
margin-left: 15px
}
@media only screen and (min-width: 640px) {
#side-cart .side-panel-content .woocommerce-mini-cart__buttons .button+.button {
margin-left: 30px
}
}
.rtl #side-cart .side-panel-content .woocommerce-mini-cart__buttons .button+.button {
margin-left: 0;
margin-right: 15px
}
@media only screen and (min-width: 640px) {
.rtl #side-cart .side-panel-content .woocommerce-mini-cart__buttons .button+.button {
margin-left: 0;
margin-right: 30px
}
}
#side-filters {
right: auto;
left: 0;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%)
}
.rtl #side-filters {
left: auto;
right: 0;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%)
}
#side-filters .widget {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid rgba(0, 0, 0, 0.08)
}
#side-filters .widget h6 {
cursor: pointer;
margin-bottom: 20px
}
#side-filters .widget h6.active {
margin-bottom: 0
}
#side-filters .widget:last-child {
border: 0
}
.regular-title,
.woocommerce-checkout h3,
#order_review_heading,
.woocommerce-Address-title h3,
.woocommerce-MyAccount-content h3,
.woocommerce-MyAccount-content legend {
font-size: 22px;
font-weight: 500;
margin-top: 20px;
margin-bottom: 35px;
color: #343434
}
.pswp__bg {
background: rgba(0, 0, 0, 0.6)
}
.woocommerce-breadcrumb {
font-size: 10px;
color: #9f9fa0;
text-transform: uppercase;
font-weight: 500
}
.woocommerce-breadcrumb a {
color: #343434
}
.woocommerce-breadcrumb i {
font-style: normal;
display: inline-flex;
margin: 0 3px;
color: #343434
}
.badge {
position: absolute;
top: 10px;
left: 10px;
display: block;
z-index: 2;
font-size: 10px;
color: #fff;
font-weight: 700;
height: 20px;
line-height: 20px;
padding: 0 6px;
text-transform: uppercase;
text-align: center;
letter-spacing: normal
}
.badge.onsale {
background: #ee9982
}
.badge.onsale.perc {
font-weight: 400;
font-size: 11px
}
.badge.out-of-stock {
background: #c1c1c1
}
.badge.new {
background: #cf8497
}
.stock.out-of-stock {
font-weight: 600;
color: #e24f3d
}
.price {
display: block;
font-weight: 400;
font-size: 14px;
color: #343434
}
.price>span {
display: inline-flex;
vertical-align: middle
}
.price del+ins {
margin-left: 10px
}
.price ins,
.price>.amount {
color: #343434;
text-decoration: none
}
.stock {
font-size: 12px;
font-weight: 400;
text-transform: uppercase
}
.demo_store {
display: block;
background: #ee9982;
color: #fff;
text-transform: uppercase;
font-size: 12px;
text-align: center;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
font-weight: 400;
margin: 0;
line-height: 30px
}
div.quantity {
display: inline-flex;
position: relative;
padding-right: 22px;
vertical-align: middle
}
div.quantity .screen-reader-text {
display: none
}
div.quantity.hidden {
display: none
}
div.quantity .qty {
display: inline-flex;
padding: 0;
width: 51px;
height: 48px;
line-height: 48px;
text-align: center;
border: 1px solid #343434;
justify-content: center;
background: transparent;
font-size: 16px;
font-weight: 400;
color: #343434;
margin: 0;
outline: 0;
border-radius: 3px 0 0 3px;
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield
}
div.quantity .qty::-webkit-inner-spin-button,
div.quantity .qty::-webkit-outer-spin-button {
margin: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
div.quantity span:hover {
cursor: pointer
}
div.quantity .plus,
div.quantity .minus {
display: flex;
padding: 0;
margin: 0;
outline: 0;
border: 1px solid #343434;
position: absolute;
justify-content: center;
align-items: center;
width: 23px;
height: 24px;
text-decoration: none;
overflow: visible;
text-decoration: none;
font-weight: 400;
cursor: pointer;
text-shadow: none;
background: transparent;
color: #343434;
border-radius: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
div.quantity .plus {
top: 0;
right: 0;
height: 25px;
line-height: 24px;
border-radius: 0 3px 0 0
}
div.quantity .minus {
bottom: 0;
right: 0;
border-radius: 0 0 3px 0
}
.required {
opacity: 0.4;
border: 0
}
.related,
.up-sells,
.cross-sells {
width: 100%;
margin: 40px 0 0
}
.related:last-child,
.up-sells:last-child,
.cross-sells:last-child {
margin-bottom: 80px
}
.related h2,
.up-sells h2,
.cross-sells h2 {
font-size: 20px;
display: block;
text-align: center;
margin-bottom: 50px;
font-weight: 500
}
.woocommerce form .form-row,
.woocommerce-page .form-row {
width: 100%;
display: block;
float: left
}
@media only screen and (min-width: 640px) {
.woocommerce form .form-row.form-row-first,
.woocommerce form .form-row.form-row-last,
.woocommerce-page .form-row.form-row-first,
.woocommerce-page .form-row.form-row-last {
width: 50%
}
}
@media only screen and (min-width: 640px) {
.woocommerce form .form-row.form-row-first,
.woocommerce-page .form-row.form-row-first {
padding-right: 30px
}
}
.woocommerce form .form-row input,
.woocommerce form .form-row .select2-container,
.woocommerce-page .form-row input,
.woocommerce-page .form-row .select2-container {
margin: 0
}
.woocommerce-message,
.woocommerce-error,
.woocommerce-info:not(.cart-empty) {
background: #478df7;
border: none;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
min-height: 70px;
display: flex;
margin: 0;
padding: 15px;
z-index: 9999;
overflow: hidden;
transform: translateY(100%);
font-weight: bold;
color: #fff;
font-size: 16px;
animation: thb-slide-in, thb-slide-out;
animation-duration: 1.5s, 1.5s;
animation-delay: 0.5s, 5s;
animation-fill-mode: forwards;
animation-timing-function: ease
}
@media only screen and (min-width: 640px) {
.woocommerce-message,
.woocommerce-error,
.woocommerce-info:not(.cart-empty) {
padding: 25px 45px
}
}
.woocommerce-message .button,
.woocommerce-error .button,
.woocommerce-info:not(.cart-empty) .button {
display: none
}
.woocommerce-message a,
.woocommerce-error a,
.woocommerce-info:not(.cart-empty) a {
display: inline-flex;
margin-left: 10px;
color: #fff;
text-decoration: underline
}
@media only screen and (min-width: 640px) {
.thb-header-style-style7 .woocommerce-message,
.thb-header-style-style7 .woocommerce-error,
.thb-header-style-style7 .woocommerce-info:not(.cart-empty) {
left: 70px;
width: calc( 100% - 70px)
}
}
.woocommerce-info:not(.cart-empty) {
background: #feb04b
}
.woocommerce-error {
background: #fc5f5f;
list-style: none;
flex-direction: column
}
.woocommerce-error li {
display: block
}
.woocommerce-error li:last-of-type {
margin: 0
}
@keyframes thb-slide-in {
0% {
transform: translateY(100%)
}
100% {
transform: translateY(0%)
}
}
@keyframes thb-slide-out {
0% {
transform: translateY(0%)
}
100% {
transform: translateY(1000%)
}
}
.shop_bar {
margin-bottom: 30px;
font-size: 14px;
line-height: 1
}
.shop_bar .woocommerce-breadcrumb,
.shop_bar .woocommerce-result-count,
.shop_bar .woocommerce-ordering {
margin: 0;
display: inline-flex
}
.shop_bar .woocommerce-breadcrumb {
margin-left: 30px
}
@media only screen and (max-width: 1024px) {
.shop_bar .woocommerce-breadcrumb {
display: none
}
}
.rtl .shop_bar .woocommerce-breadcrumb {
margin-left: 0;
margin-right: 30px
}
.shop_bar .woocommerce-result-count {
font-size: 16px;
line-height: 20px
}
@media only screen and (max-width: 1024px) {
.shop_bar .woocommerce-result-count {
display: none
}
}
.shop_bar .category_bar,
.shop_bar .ordering {
display: flex;
align-items: center
}
.shop_bar .ordering {
justify-content: flex-end
}
.shop_bar .ordering .orderby {
border: 0;
font-weight: 500;
color: #343434;
background-color: transparent;
margin-left: 15px;
background-position: right center
}
.rtl .shop_bar .ordering .orderby {
margin-left: 0;
margin-right: 15px
}
.shop_bar #thb-shop-filters {
display: inline-flex;
align-items: center;
position: relative;
padding-left: 25px
}
.shop_bar #thb-shop-filters svg {
margin-right: 10px;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%)
}
.rtl .shop_bar #thb-shop-filters {
padding-left: 0;
padding-right: 25px
}
.rtl .shop_bar #thb-shop-filters svg {
left: auto;
right: 0;
margin-right: 0;
margin-left: 10px
}
@media only screen and (max-width: 640px) {
.products.thb-carousel .product {
max-width: 100%;
width: 100%;
flex: 0 0 100%
}
}
.products .product {
display: flex;
margin-bottom: 40px;
text-align: center;
flex-direction: column
}
.products .product:hover .product_after_title .product_after_shop_loop_price {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
.products .product:hover .product_after_title .product_after_shop_loop_buttons {
top: 0
}
.products .product:hover .product_thumbnail .yith-wcwl-add-to-wishlist {
opacity: 1
}
.products .product.will-animate {
opacity: 0;
-webkit-transform: translateY(30px);
-moz-transform: translateY(30px);
-ms-transform: translateY(30px);
-o-transform: translateY(30px);
transform: translateY(30px)
}
.products .product .product_thumbnail {
position: relative;
width: 100%;
margin-bottom: 20px
}
.products .product .product_thumbnail img {
width: 100%
}
.products .product .product_thumbnail a {
display: block;
position: relative
}
.products .product .product_thumbnail .yith-wcwl-add-to-wishlist {
position: absolute;
top: 10px;
right: 10px;
z-index: 10;
color: #343434;
font-size: 11px;
font-weight: 400;
margin: 0;
opacity: 0;
display: flex;
justify-content: center;
align-items: center;
width: auto;
height: 28px;
padding: 0
}
.rtl .products .product .product_thumbnail .yith-wcwl-add-to-wishlist {
direction: ltr
}
.products .product .product_thumbnail .yith-wcwl-add-to-wishlist>div {
height: 28px
}
.products .product .product_thumbnail .yith-wcwl-add-to-wishlist a {
display: flex;
justify-content: center;
align-items: center;
color: #343434;
min-width: 28.6px;
height: 28px;
background: #fff;
border-radius: 15px;
position: relative
}
.products .product .product_thumbnail .yith-wcwl-add-to-wishlist a svg {
position: relative;
top: 1px;
margin: 0 8px;
z-index: 2
}
.products .product .product_thumbnail .yith-wcwl-add-to-wishlist:hover .text {
max-width: 999px;
padding: 0 15px 0 15px
}
.products .product .product_thumbnail .yith-wcwl-add-to-wishlist:hover a {
width: auto
}
.products .product .product_thumbnail .yith-wcwl-add-to-wishlist .text {
display: flex;
align-items: center;
overflow: hidden;
max-width: 0px;
height: 28px;
padding: 0;
direction: rtl;
position: absolute;
white-space: nowrap;
top: 0;
right: 14px;
background: #fff;
border-radius: 14px 0 0 14px;
z-index: 0
}
.products .product .product_thumbnail .product_thumbnail {
height: 0;
display: block;
width: 100%
}
.products .product .product_thumbnail.thb_hover {
position: relative
}
.products .product .product_thumbnail.thb_hover .product_thumbnail_hover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center
}
.products .product .product_thumbnail.thb_hover .product_thumbnail_hover img {
display: block;
width: 100%;
height: 100%;
object-fit: cover
}
.products .product .product_thumbnail.thb_hover:hover .product_thumbnail_hover {
opacity: 1
}
.products .product h3 {
font-size: 14px;
font-weight: 500;
margin: 0 0 5px;
line-height: 1
}
.products .product .product_after_title {
position: relative;
overflow: hidden
}
.products .product .product_after_title .price {
line-height: 25px
}
.products .product .product_after_title .price ins,
.products .product .product_after_title .price>.amount {
color: #848485
}
.products .product .product_after_title .product_after_shop_loop_buttons {
position: absolute;
top: 100%;
left: 0;
width: 100%;
font-size: 14px;
color: #343434;
line-height: 1
}
.products .product .product_after_title .product_after_shop_loop_buttons .added_to_cart {
display: none
}
.products .product .product_after_title .button {
border: 0;
position: relative;
padding: 0;
background: none;
color: #343434;
height: auto;
font-weight: 400;
font-size: 14px;
line-height: 25px;
text-transform: none
}
.products .product .product_after_title .button:after {
content: '';
height: 1px;
width: 100%;
position: absolute;
bottom: 3px;
left: 0;
background: #343434
}
.products .product .product_after_title .button:hover {
background: transparent;
opacity: 0.9
}
.products .product .product_after_title .button:hover:after {
background: #ee9982
}
.products .product.thb-listing-style2 {
text-align: left
}
.rtl .products .product.thb-listing-style2 {
text-align: right
}
.products .product.thb-listing-style2 .product_after_title .price {
font-size: 14px;
font-weight: 400
}
.products .product.thb-listing-style2 .badge {
border: 2px solid #343434;
color: #343434;
line-height: 18px;
height: 22px;
padding: 0 9px;
font-size: 8px
}
.products .product.thb-listing-style2 h3 {
display: block;
text-transform: none;
font-weight: 400;
position: relative;
padding-right: 30px
}
.products .product.thb-listing-style2 h3 .yith-wcwl-add-to-wishlist {
position: absolute;
top: 0;
right: 0
}
.rtl .products .product.thb-listing-style2 h3 {
padding: 0 0 0 30px
}
.rtl .products .product.thb-listing-style2 h3 .yith-wcwl-add-to-wishlist {
right: auto;
left: 0
}
.products .product.thb-listing-style2 .yith-wcwl-add-to-wishlist {
float: right;
margin: 1px 0 0
}
.rtl .products .product.thb-listing-style2 .yith-wcwl-add-to-wishlist {
float: left
}
.products .product.thb-listing-style2 .yith-wcwl-add-to-wishlist .text {
display: none
}
.products .product.thb-listing-style2 .yith-wcwl-add-to-wishlist a {
color: #343434
}
.products .product.product-category {
display: flex;
flex-direction: column;
width: 100%;
text-align: left;
margin-bottom: 30px
}
.products .product.product-category a {
position: relative;
padding-bottom: 90%;
overflow: hidden;
height: 0;
background-size: cover;
background-position: center
}
@-moz-document url-prefix() {
.products .product.product-category a {
height: auto;
padding: 0
}
.products .product.product-category a:before {
content: '';
display: block;
width: 100%;
padding-bottom: 90%
}
}
.products .product.product-category a div {
position: absolute;
top: 0;
left: 0;
padding: 30px;
z-index: 2;
width: 100%;
height: 100%;
text-align: left
}
@media only screen and (min-width: 640px) {
.products .product.product-category a div {
padding: 50px
}
}
.products .product.product-category a div h2 {
text-align: left;
text-transform: none;
margin: 0 0 10px;
font-size: 22px
}
.products .product.product-category a div h2 .count {
display: inline-block;
margin-left: 10px;
background: none;
vertical-align: super;
font-size: 12px;
color: #f02121
}
.products .product.product-category a div span {
display: inline-block;
font-size: 14px;
opacity: 0;
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px)
}
.products .product.product-category a:hover div span {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
.products .product.product-category.double-height a {
padding-bottom: calc(180% + 28px)
}
@-moz-document url-prefix() {
.products .product.product-category.double-height a {
padding: 0
}
.products .product.product-category.double-height a:before {
padding-bottom: calc(180% + 28px)
}
}
.elementor-widget-woocommerce-products .elementor-element.elementor-products-grid ul.products li.product {
flex: none;
max-width: 100%
}
.thb-product-detail .woocommerce-product-gallery__trigger {
display: none
}
.thb-product-detail.page-padding {
margin-top: 10vh
}
.thb-product-detail .product-images {
margin: 0 0 0 -15px;
width: calc(100% + 30px);
max-width: calc(100% + 30px)
}
@media only screen and (min-width: 640px) {
.thb-product-detail .product-images {
margin: 0;
width: 100%;
max-width: 100%
}
}
.thb-product-detail .product-images img {
width: 100%
}
.thb-product-detail .product-images .woocommerce-product-gallery__image>a {
display: block
}
.thb-product-detail .product-thumbnails {
margin: 0 0 0 -10px;
width: calc(100% + 20px);
max-width: calc(100% + 20px)
}
@media only screen and (min-width: 640px) {
.thb-product-detail .product-thumbnails {
margin: 0;
width: 100%;
max-width: 100%
}
}
.thb-product-detail .product-thumbnails .slick-slide {
opacity: 0.2;
cursor: pointer
}
.thb-product-detail .product-thumbnails .slick-slide.slick-current {
opacity: 1
}
.thb-product-detail .product-thumbnails .slick-slide img {
width: 100%
}
.thb-product-detail .product-information {
margin-top: 45px
}
@media only screen and (min-width: 1024px) {
.thb-product-detail .product-information {
padding-left: 35px;
margin-top: 0
}
}
@media only screen and (min-width: 1024px) {
.rtl .thb-product-detail .product-information {
padding-left: 20px;
padding-right: 35px
}
}
.thb-product-detail .product-information .woocommerce-breadcrumb {
margin-bottom: 40px
}
.thb-product-detail .product-information h1.product_title {
font-size: 18px;
text-transform: uppercase;
font-weight: 500;
margin-bottom: 15px
}
.thb-product-detail .product-information .woocommerce-product-details__short-description {
font-size: 14px
}
.thb-product-detail .product-information .price {
font-size: 24px;
line-height: 1;
margin-top: 10px;
margin-bottom: 30px
}
.thb-product-detail .product-information .price>.price {
margin-bottom: 0
}
.thb-product-detail .product-information .single_add_to_cart_button {
vertical-align: middle
}
.thb-product-detail .product-information p {
font-size: 16px
}
.thb-product-detail .product-information .woocommerce-product-rating {
font-size: 12px
}
.thb-product-detail .product-information div.quantity {
margin-right: 5px
}
.thb-product-detail .product-information .sizing_guide {
display: inline-flex;
align-items: center;
position: relative;
padding: 10px 0;
font-size: 14px;
color: #151515;
margin-right: 25px
}
.thb-product-detail .product-information .sizing_guide svg {
margin-right: 10px
}
.thb-product-detail .product-information .yith-wcwl-add-to-wishlist {
display: inline-flex;
margin-top: 0;
margin-right: 25px
}
.rtl .thb-product-detail .product-information .yith-wcwl-add-to-wishlist {
margin-right: 0;
margin-left: 25px
}
.thb-product-detail .product-information .yith-wcwl-add-to-wishlist>div>a {
flex-direction: row-reverse;
display: inline-flex;
align-items: center;
position: relative;
padding: 10px 0;
font-size: 14px;
color: #151515
}
.thb-product-detail .product-information .yith-wcwl-add-to-wishlist svg {
margin-right: 10px
}
.rtl .thb-product-detail .product-information .yith-wcwl-add-to-wishlist svg {
margin-right: 0;
margin-left: 10px
}
.thb-product-detail .product-information .product_meta {
color: #848485;
font-size: 13px;
line-height: 1;
margin-top: 30px
}
.thb-product-detail .product-information .product_meta>span {
display: inline-block;
margin-bottom: 10px;
margin-right: 15px
}
.thb-product-detail .product-information .product_meta>span span {
color: #343434
}
.rtl .thb-product-detail .product-information .product_meta>span {
margin-right: 0;
margin-left: 15px
}
.thb-product-detail .product-information .woocommerce-variation-add-to-cart,
.thb-product-detail .product-information form.cart {
margin-top: 15px;
margin-bottom: 20px
}
.thb-product-detail .product-information .group_table {
margin-bottom: 33px
}
.thb-product-detail .product-information .group_table td {
padding: 7px 0
}
.thb-product-detail .product-information .group_table td.woocommerce-grouped-product-list-item__label {
padding: 7px 10px
}
.thb-product-detail .product-information .group_table .price {
font-weight: 600;
font-size: 18px;
margin: 0;
display: table-cell
}
.thb-product-detail .product-information .group_table .label {
padding: 0 15px
}
@media only screen and (min-width: 640px) {
.thb-product-detail .product-information .group_table .label {
padding: 0 25px
}
}
.thb-product-detail .product-information .group_table label {
margin: 0;
text-transform: none;
font-size: 14px;
line-height: 1.4
}
.thb-product-detail.thb-product-style2 .woocommerce-product-gallery__image {
margin-bottom: 3px
}
.thb-product-detail.thb-product-style2 .product-information {
padding: 0 7%
}
.thb-product-detail.thb-product-style3 .product-thumbnail-container {
display: flex;
align-items: center
}
.thb-product-detail.thb-product-style3 .entry-summary {
text-align: center;
padding: 5% 10%
}
@media only screen and (min-width: 1024px) {
.thb-product-detail.thb-product-style3 .entry-summary {
padding: 5% 15%
}
}
.thb-product-detail.thb-product-style4 .product-information {
padding: 0 4%
}
.thb-product-detail.thb-product-style4 .woocommerce-product-gallery__image {
margin-bottom: 30px
}
@media only screen and (min-width: 1024px) {
.thb-product-detail.thb-product-style4 .woocommerce-product-gallery__image:not(:first-of-type) {
display: inline-block;
width: 50%
}
}
@media only screen and (min-width: 1024px) {
.thb-product-detail.thb-product-style4 .woocommerce-product-gallery__image:nth-child(2n) {
padding-right: 15px
}
}
.thb-product-detail.thb-product-style4 .woocommerce-product-gallery__image:nth-child(2n)+.woocommerce-product-gallery__image {
padding-left: 15px
}
.thb-product-detail.thb-product-style5>.row:first-of-type {
padding: 0;
margin: 0;
max-width: 100%
}
.thb-product-detail.thb-product-style5>.row:first-of-type>.columns {
padding: 0
}
.thb-product-detail.thb-product-style5>.row:first-of-type>.columns.product-information {
padding: 10%
}
.thb-product-detail.thb-product-style5 .woocommerce-product-gallery__image {
margin-bottom: 3px
}
.thb-product-detail .variations_form .reset_variations {
display: inline-block;
margin-top: 10px;
font-size: 13px;
font-weight: 500;
color: #9f9fa0
}
.thb-product-detail .variations_form .woocommerce-variation-description {
font-size: 14px
}
.thb-product-detail .variations_form .woocommerce-variation-price {
display: none
}
.thb-product-detail .variations_form .variations {
width: 100%
}
.thb-product-detail .variations_form .variations .label,
.thb-product-detail .variations_form .variations .value {
display: block;
width: 100%;
float: left
}
.thb-product-detail .variations_form .variations .value {
padding-bottom: 10px
}
.woocommerce-tabs {
margin-top: 70px;
margin-bottom: 50px;
width: 100%
}
.woocommerce-tabs .tabs {
list-style: none;
text-align: center;
font-size: 16px;
margin-bottom: 50px
}
.woocommerce-tabs .tabs li {
display: flex;
margin: 0 0 15px
}
@media only screen and (min-width: 640px) {
.woocommerce-tabs .tabs li {
display: inline-flex;
margin: 0 15px
}
}
.woocommerce-tabs .tabs li a {
color: #848485;
position: relative
}
.woocommerce-tabs .tabs li a:hover {
color: #343434
}
.woocommerce-tabs .tabs li a:after {
content: '';
display: block;
border-bottom: 1px solid #343434;
position: absolute;
top: 100%;
left: 0;
width: 100%;
-webkit-transform-origin: right center;
-moz-transform-origin: right center;
-ms-transform-origin: right center;
-o-transform-origin: right center;
transform-origin: right center;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transition: -webkit-transform .25s cubic-bezier(0.25, 0.8, 0.25, 1);
-moz-transition: -moz-transform .25s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: -o-transform .25s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: transform .25s cubic-bezier(0.25, 0.8, 0.25, 1)
}
.woocommerce-tabs .tabs li.active a {
color: #343434
}
.woocommerce-tabs .tabs li.active a:after {
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-ms-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
.woocommerce-tabs .wc-tab h2 {
display: none
}
.shop_attributes {
border: 0;
width: 100%;
border-spacing: 0;
text-align: left
}
.shop_attributes tbody tr th {
vertical-align: middle;
padding: 12px 0;
color: #454545;
font-size: 14px;
font-weight: 500;
border-bottom: 1px solid #f5f5f5;
background: none;
width: 120px
}
.shop_attributes tbody tr td {
vertical-align: middle;
padding: 14px 0 14px 15px;
border-bottom: 1px solid #f5f5f5;
background: none;
font-weight: 300;
font-size: 14px;
color: #454545
}
.shop_attributes tbody tr td p {
margin: 0;
color: #454545;
font-size: 14px;
font-weight: 400
}
.shop_attributes tbody tr:last-child td,
.shop_attributes tbody tr:last-child th {
border-bottom: 0;
background: none
}
.shop_attributes tbody tr.alt {
background: none
}
.shop_attributes tbody tr.alt th {
background: none
}
.shop_table {
table-layout: auto;
border-collapse: collapse;
border-spacing: 0;
width: 100%;
text-align: left;
color: #343434
}
.rtl .shop_table {
text-align: right
}
.shop_table thead tr {
border-top: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea
}
.shop_table thead tr th {
font-size: 13px;
text-align: left;
font-weight: 400;
line-height: 1;
padding: 20px 0
}
.shop_table thead tr th:last-child {
text-align: right
}
.rtl .shop_table thead tr th:last-child {
text-align: left
}
.rtl .shop_table thead tr th {
text-align: right
}
.shop_table tbody th {
text-align: left
}
.shop_table tbody th:last-child {
text-align: right
}
.rtl .shop_table tbody th:last-child {
text-align: left
}
.rtl .shop_table tbody th {
text-align: right
}
.shop_table tbody tr {
border-top: 1px solid #eaeaea
}
.shop_table tbody tr:last-child {
border-width: 0
}
.shop_table tbody tr td {
padding: 30px 25px 30px 0
}
.rtl .shop_table tbody tr td {
padding: 30px 0 30px 25px
}
.shop_table tbody tr td:last-child {
text-align: right;
padding-right: 0
}
.rtl .shop_table tbody tr td:last-child {
padding-right: 25px;
padding-left: 0;
text-align: left
}
.shop_table tbody tr td.product-remove {
width: 40px
}
.shop_table tbody tr td.product-thumbnail {
width: 120px
}
.shop_table tbody tr td.product-thumbnail a {
display: inline-block
}
.shop_table tfoot tr {
border-bottom: 1px solid #eaeaea
}
.shop_table tfoot tr:last-child {
border-width: 0
}
.shop_table tfoot tr th {
text-align: left
}
.rtl .shop_table tfoot tr th {
text-align: right
}
.shop_table tfoot tr td {
padding: 30px 25px 30px 0
}
.shop_table tfoot tr td:last-child {
text-align: right;
padding-right: 0
}
.rtl .shop_table tfoot tr td:last-child {
text-align: left
}
@media only screen and (max-width: 640px) {
.shop_table.cart thead {
display: none
}
.shop_table.cart tbody tr td {
display: flex;
align-items: center;
justify-content: space-between;
float: left;
width: 100%;
padding: 10px 0
}
.shop_table.cart tbody tr td.product-remove {
padding: 30px 0 0;
justify-content: flex-end
}
.shop_table.cart tbody tr td.product-thumbnail {
width: 100%;
padding: 30px 0;
justify-content: center
}
.shop_table.cart tbody tr td.product-name,
.shop_table.cart tbody tr td.product-price,
.shop_table.cart tbody tr td.product-quantity,
.shop_table.cart tbody tr td.product-subtotal {
text-align: right
}
.shop_table.cart tbody tr td.product-name:before,
.shop_table.cart tbody tr td.product-price:before,
.shop_table.cart tbody tr td.product-quantity:before,
.shop_table.cart tbody tr td.product-subtotal:before {
content: attr(data-title) ": ";
font-weight: 500;
font-size: 13px;
float: left
}
.rtl .shop_table.cart tbody tr td.product-name,
.rtl .shop_table.cart tbody tr td.product-price,
.rtl .shop_table.cart tbody tr td.product-quantity,
.rtl .shop_table.cart tbody tr td.product-subtotal {
text-align: left
}
.shop_table.cart tbody tr td:last-child {
padding: 30px 0
}
.shop_table.cart tbody tr td.actions .button {
width: 100%
}
}
.cart-collaterals {
margin-bottom: 30px
}
.cart-collaterals h2 {
display: none
}
.cart-collaterals .shop_table,
.shop_table.woocommerce-checkout-review-order-table {
border-top: 1px solid #eaeaea;
margin-bottom: 30px
}
.cart-collaterals .shop_table th,
.shop_table.woocommerce-checkout-review-order-table th {
width: 100px
}
@media only screen and (min-width: 640px) {
.cart-collaterals .shop_table th,
.shop_table.woocommerce-checkout-review-order-table th {
width: 150px
}
}
.cart-collaterals .shop_table tbody tr td,
.shop_table.woocommerce-checkout-review-order-table tbody tr td {
padding-top: 25px;
padding-bottom: 25px
}
.cart-collaterals .shop_table tbody tr.shipping,
.shop_table.woocommerce-checkout-review-order-table tbody tr.shipping {
text-align: right
}
.cart-collaterals .shop_table tbody tr:last-child,
.shop_table.woocommerce-checkout-review-order-table tbody tr:last-child {
border-width: 1px
}
.cart-collaterals .shop_table tfoot tr,
.shop_table.woocommerce-checkout-review-order-table tfoot tr {
border-top: 1px solid #eaeaea
}
.shop_table.woocommerce-checkout-review-order-table {
margin: 0
}
.shop_table.woocommerce-checkout-review-order-table tbody tr td {
padding-top: 15px;
padding-bottom: 15px
}
.shop_table.woocommerce-checkout-review-order-table tbody tr.cart_item {
font-size: 14px
}
.shop_table.woocommerce-checkout-review-order-table tfoot tr td {
padding-top: 15px;
padding-bottom: 15px
}
.shop_table.woocommerce-checkout-review-order-table tfoot tr:last-child {
border-bottom: 1px solid #eaeaea
}
#shipping_method {
display: inline-block;
list-style: none;
text-align: left;
margin: 0
}
#shipping_method label {
margin: 0 0 0 5px
}
.rtl #shipping_method label {
margin: 0 5px 0 0
}
.rtl #shipping_method {
text-align: right
}
.woocommerce-shipping-calculator {
padding-left: 30%
}
.woocommerce-shipping-calculator .shipping-calculator-button {
font-size: 14px
}
.woocommerce-shipping-calculator .button {
width: 100%
}
.woocommerce-shipping-calculator .shipping-calculator-form {
text-align: left
}
.rtl .woocommerce-shipping-calculator .shipping-calculator-form {
text-align: right
}
.rtl .woocommerce-shipping-calculator {
padding-left: 0;
padding-right: 30%
}
.cart-empty {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center
}
.cart-empty .message {
font-size: 26px;
font-weight: 500;
line-height: 32px
}
.cart-empty .return-to-shop {
margin: 20px 0 0
}
.cart-empty svg {
max-width: 120px;
margin-bottom: 30px
}
.cart-empty section {
padding: 40px 0
}
#side-cart .cart-empty {
padding: 30px 0
}
#side-cart .cart-empty svg {
max-width: 60px;
margin-bottom: 30px
}
#side-cart .cart-empty .message {
font-size: 16px;
font-weight: 300;
line-height: 20px
}
.coupon {
width: 100%;
max-width: 100%;
display: flex;
position: relative;
margin-bottom: 15px
}
@media only screen and (min-width: 640px) {
.coupon {
max-width: 300px;
margin: 0
}
.checkout-coupon .coupon {
max-width: 400px;
margin: 0 auto
}
}
.coupon label {
display: none
}
.coupon .input-text {
width: 100%;
margin: 0;
padding-right: 120px
}
.rtl .coupon .input-text {
padding-right: 20px;
padding-left: 120px
}
.coupon .button {
position: absolute;
top: 0;
right: 15px;
width: auto !important;
font-weight: 500;
font-size: 13px;
padding: 0 !important;
background: none !important;
border: none !important;
color: #343434 !important
}
.rtl .coupon .button {
right: auto;
left: 15px
}
.checkout-login,
.checkout-coupon {
padding: 10px 0
}
.checkout-login form,
.checkout-coupon form {
padding: 30px 0
}
.checkout-login .showlogin,
.checkout-login .showcoupon,
.checkout-coupon .showlogin,
.checkout-coupon .showcoupon {
font-weight: 500
}
.woocommerce .woocommerce-form-login p:first-of-type {
font-size: 14px;
margin-bottom: 30px
}
@media only screen and (min-width: 640px) {
.woocommerce .woocommerce-form-login .form-row.form-row-first,
.woocommerce .woocommerce-form-login .form-row.form-row-last {
width: 100%;
padding: 0
}
}
.woocommerce .woocommerce-form-login label {
display: block
}
.woocommerce .woocommerce-form-login .button {
width: 100%;
margin-bottom: 30px
}
.woocommerce .woocommerce-form-login .woocommerce-form__label {
float: left;
position: relative
}
.woocommerce .woocommerce-form-login .woocommerce-form__label .woocommerce-form__input-checkbox {
visibility: visible;
position: static
}
.woocommerce .woocommerce-form-login .lost_password {
float: right;
position: relative;
top: -60px;
font-size: 12px;
font-weight: 500;
text-transform: uppercase
}
.woocommerce .checkout-login .woocommerce-form-login .button {
margin-bottom: 0
}
.woocommerce .checkout-login .woocommerce-form-login .lost_password {
top: 0
}
.woocommerce-checkout-payment .wc_payment_methods {
list-style: none;
margin: 0;
padding: 0;
margin-bottom: 20px
}
.woocommerce-checkout-payment .wc_payment_methods .wc_payment_method {
padding: 20px 0;
margin: 0;
border-bottom: 1px solid #eaeaea
}
.woocommerce-checkout-payment .wc_payment_methods .wc_payment_method label {
margin: 0 0 5px;
float: none;
font-weight: 500;
font-size: 14px
}
.woocommerce-checkout-payment .wc_payment_methods .wc_payment_method>label {
padding-left: 6px;
margin: 0
}
.woocommerce-checkout-payment .wc_payment_methods .wc_payment_method .custom_label {
font-size: 16px;
font-weight: 500
}
.woocommerce-checkout-payment .wc_payment_methods .wc_payment_method img {
vertical-align: middle;
margin-left: 10px;
max-height: 16px
}
.woocommerce-checkout-payment .wc_payment_methods .wc_payment_method .payment_box {
margin: 20px 0 0 25px;
font-size: 12px
}
.woocommerce-checkout-payment .wc_payment_methods .wc_payment_method .payment_box p {
margin: 0;
font-size: 14px
}
.woocommerce-checkout-payment .wc_payment_methods .wc_payment_method .payment_box.payment_method_cardinity {
margin-left: 0
}
.woocommerce-checkout-payment .wc_payment_methods .wc_payment_method .payment_box.payment_method_cardinity label {
display: block
}
.woocommerce-checkout-payment .wc_payment_methods .wc_payment_method .payment_box.payment_method_cardinity p {
margin-bottom: 10px
}
.woocommerce-checkout-payment .wc_payment_methods .wc_payment_method .payment_box.payment_method_conektacard>.form-row {
margin-bottom: 10px
}
.woocommerce-checkout-payment .wc_payment_methods .wc_payment_method.payment_method_paypal img {
display: none
}
.woocommerce-checkout-payment .wc_payment_methods .wc_payment_method.payment_method_paypal .about_paypal {
color: #ee9982;
font-size: 12px;
text-transform: uppercase;
margin-left: 20px;
float: right
}
.woocommerce-checkout-payment .wc_payment_methods+.place-order {
text-align: right
}
.woocommerce-checkout-payment .wc_payment_methods+.place-order .button {
width: 100%
}
form.woocommerce-checkout {
margin-top: 8vh
}
.wc-proceed-to-checkout .button {
width: 100%
}
@media only screen and (min-width: 640px) {
.woocommerce-billing-fields,
.woocommerce-shipping-fields,
.woocommerce-additional-fields {
padding-right: 5%
}
}
#billing_address_1_field,
#shipping_address_1_field {
margin-bottom: 10px
}
#customer_details {
margin-bottom: 50px
}
#ship-to-different-address {
padding: 0;
float: right;
width: 100%
}
#ship-to-different-address .shipping_toggle {
float: right;
position: relative
}
.form-row .wc-terms-and-conditions {
text-align: left
}
.form-row .wc-terms-and-conditions .input-checkbox {
margin-right: 10px
}
#checkout_thankyou h2 {
margin-top: 50px
}
#checkout_thankyou .order_details {
list-style: none;
font-size: 14px;
color: #343434
}
p.woocommerce-thankyou-order-received {
color: #343434
}
ul.woocommerce-thankyou-order-details {
list-style: none;
padding: 0;
margin: 0 0 80px
}
ul.woocommerce-thankyou-order-details li {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #eaeaea
}
.login-page-form {
list-style: none;
padding: 0;
margin-bottom: 40px;
display: flex;
justify-content: center
}
.login-page-form li {
display: inline-flex;
align-items: center;
padding: 0 15px
}
.login-page-form li a {
font-weight: 600;
position: relative;
color: #bababa
}
.login-page-form li a:before {
content: '';
position: absolute;
top: 100%;
left: 0;
right: 0;
border-bottom: 1px solid #343434;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-o-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1)
}
.login-page-form li a.active {
color: #343434
}
.login-page-form li a.active:before {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
.login-page-form li a:hover {
color: #343434
}
.thb-overflow-container {
overflow: hidden;
padding: 40px 0
}
.thb-form-container {
display: flex;
width: 200%;
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%)
}
.thb-form-container.no-register {
width: 100%
}
.thb-form-container input.input-text {
width: 100%
}
.thb-form-container .thb-login-form,
.thb-form-container .thb-register-form {
padding: 0 1px;
width: 100%;
will-change: opacity
}
.thb-form-container .thb-lost-form,
.thb-form-container .thb-register-form {
opacity: 0
}
.thb-form-container.register-active {
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%)
}
.thb-form-container.register-active .thb-register-form {
opacity: 1
}
.thb-form-container.register-active .thb-login-form {
opacity: 0
}
.thb-register-form .woocommerce-password-strength {
display: flex;
margin: 4px 0 0;
color: #fff;
font-size: 14px;
font-weight: 500;
line-height: 1;
padding: 12px 16px;
background: #ffdada;
color: #e43737
}
.thb-register-form .woocommerce-password-strength.medium,
.thb-register-form .woocommerce-password-strength.good {
background: #d8fcda;
color: #15a93b
}
.thb-register-form .woocommerce-password-hint {
margin-top: 10px;
display: block;
font-size: 12px;
font-weight: 500
}
.thb-register-form .button {
width: 100%
}
.addresses {
margin: 0 -15px
}
.addresses .col-1,
.addresses .col-2 {
float: left;
width: 100%;
padding: 0 15px
}
@media only screen and (min-width: 640px) {
.addresses .col-1,
.addresses .col-2 {
width: 50%
}
}
.addresses .woocommerce-Address {
margin-bottom: 40px
}
.addresses .woocommerce-Address address {
line-height: 1.5;
font-weight: 400;
margin-bottom: 20px
}
@media only screen and (min-width: 640px) {
.addresses .woocommerce-Address {
margin-bottom: 0
}
}
.woocommerce-MyAccount-content {
margin: 30px 0
}
.woocommerce-MyAccount-content legend {
font-size: 20px;
font-weight: 400;
margin-bottom: 30px
}
@media only screen and (min-width: 1024px) {
.woocommerce-MyAccount-content {
padding-left: 4%
}
}
.woocommerce-MyAccount-navigation {
margin: 30px 0
}
.woocommerce-MyAccount-navigation ul {
list-style: none;
padding: 0;
margin: 0
}
.woocommerce-MyAccount-navigation ul li a {
display: flex;
font-weight: 500;
text-transform: uppercase;
font-size: 12px;
border-top: 1px solid #eaeaea;
border-left: 1px solid #eaeaea;
border-right: 1px solid #eaeaea;
height: 50px;
padding: 0 20px;
align-items: center
}
.woocommerce-MyAccount-navigation ul li:first-child a {
border-radius: 3px 3px 0 0
}
.woocommerce-MyAccount-navigation ul li:last-child a {
border-bottom: 1px solid #eaeaea;
border-radius: 0 0 3px 3px
}
.woocommerce-MyAccount-navigation ul li:hover a,
.woocommerce-MyAccount-navigation ul li.is-active a {
background: #ee9982;
color: #fff;
border-color: #ee9982
}
.woocommerce-MyAccount-navigation ul li:hover+li a,
.woocommerce-MyAccount-navigation ul li.is-active+li a {
border-top-color: #ee9982
}
.yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse .wishlist_icon path,
.yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse .wishlist_icon path {
fill: #e25842;
stroke: #e25842
}
.yith-wcwl-add-to-wishlist .yith-wcwl-add-button .wishlist_icon path {
fill: transparent;
stroke: #343434
}
.yith-wcwl-add-to-wishlist .yith-wcwl-add-button:hover .wishlist_icon path {
stroke: #e25842
}
.yith-wcwl-add-to-wishlist.exists .yith-wcwl-wishlistexistsbrowse {
display: block
}
.yith_wcwl_wishlist_footer .yith-wcwl-share ul {
list-style: none;
padding: 0
}
.yith_wcwl_wishlist_footer .yith-wcwl-share ul li {
display: inline-block
}
.yith_wcwl_wishlist_footer .yith-wcwl-share ul li a {
display: block;
font-size: 18px;
padding-right: 5px;
margin-right: 10px
}
.yith_wcwl_wishlist_footer .yith-wcwl-share ul li a.facebook:hover {
color: #3b5998
}
.yith_wcwl_wishlist_footer .yith-wcwl-share ul li a.facebook-messenger:hover {
color: #0084ff
}
.yith_wcwl_wishlist_footer .yith-wcwl-share ul li a.linkedin:hover {
color: #007bb6
}
.yith_wcwl_wishlist_footer .yith-wcwl-share ul li a.pinterest:hover {
color: #cb2027
}
.yith_wcwl_wishlist_footer .yith-wcwl-share ul li a.twitter:hover {
color: #00aced
}
.yith_wcwl_wishlist_footer .yith-wcwl-share ul li a.instagram:hover {
color: #3f729b
}
.yith_wcwl_wishlist_footer .yith-wcwl-share ul li a.vk:hover {
color: #45668e
}
.yith_wcwl_wishlist_footer .yith-wcwl-share ul li a.tumblr:hover {
color: #35465c
}
.yith_wcwl_wishlist_footer .yith-wcwl-share ul li a.xing:hover {
color: #cfdc00
}
.yith_wcwl_wishlist_footer .yith-wcwl-share ul li a.soundcloud:hover {
color: #f80
}
.yith_wcwl_wishlist_footer .yith-wcwl-share ul li a.dribbble:hover {
color: #ea4c89
}
.yith_wcwl_wishlist_footer .yith-wcwl-share ul li a.youtube:hover {
color: #e52d27
}
.yith_wcwl_wishlist_footer .yith-wcwl-share ul li a.youtube-play:hover {
color: #e52d27
}
.yith_wcwl_wishlist_footer .yith-wcwl-share ul li a.spotify:hover {
color: #7ab800
}
.yith_wcwl_wishlist_footer .yith-wcwl-share ul li a.behance:hover {
color: #1769ff
}
.yith_wcwl_wishlist_footer .yith-wcwl-share ul li a.deviantart:hover {
color: #4e6252
}
.yith_wcwl_wishlist_footer .yith-wcwl-share ul li a.vimeo:hover {
color: #1ab7ea
}
.yith_wcwl_wishlist_footer .yith-wcwl-share ul li a.flickr:hover {
color: #0063dc
}
.yith_wcwl_wishlist_footer .yith-wcwl-share ul li a.rss:hover {
color: #f26522
}
.yith_wcwl_wishlist_footer .yith-wcwl-share ul li a.whatsapp:hover {
color: #25d366
}
.yith_wcwl_wishlist_footer .yith-wcwl-share ul li a.twitch:hover {
color: #6441a5
}
.yith_wcwl_wishlist_footer .yith-wcwl-share ul li a.fivehundred:hover {
color: #0099e5
}
.yith_wcwl_wishlist_footer .yith-wcwl-share ul li a.email:hover {
color: #ee9982
}
.yith_wcwl_wishlist_footer .yith-wcwl-share ul li a.bandcamp:hover {
color: #629aa9
}
.yith_wcwl_wishlist_footer .yith-wcwl-share ul li a.github:hover {
color: #4078c0
}
.yith_wcwl_wishlist_footer .yith-wcwl-share ul li a.codepen:hover {
color: #fcd000
}
.yith_wcwl_wishlist_footer .yith-wcwl-share ul li a.telegram:hover {
color: #08c
}
.yith_wcwl_wishlist_footer .yith-wcwl-share ul li a.imdb:hover {
color: #f5de50
}
.yith_wcwl_wishlist_footer .yith-wcwl-share ul li a.tripadvisor:hover {
color: #00af87
}
.yith_wcwl_wishlist_footer .yith-wcwl-share ul li a.wechat:hover {
color: #7bb32e
}
.yith_wcwl_wishlist_footer .yith-wcwl-share ul li a.weibo:hover {
color: #e6162d
}
.footer-effect-on .fixed-footer-container {
position: relative;
bottom: 0;
left: 0;
width: 100%
}
@media only screen and (min-width: 1024px) {
.footer-effect-on .fixed-footer-container {
position: fixed
}
}
.footer-underline-link,
.footer .columns .widget.widget_text a:not([class*="btn"]),
.footer .columns .widget.widget_categories ul li a:not([class*="btn"]),
.footer .columns .widget.widget_nav_menu ul li a:not([class*="btn"]) {
position: relative
}
.footer-underline-link:after,
.footer .columns .widget.widget_text a:not([class*="btn"]):after,
.footer .columns .widget.widget_categories ul li a:not([class*="btn"]):after,
.footer .columns .widget.widget_nav_menu ul li a:not([class*="btn"]):after {
content: '';
display: block;
position: absolute;
bottom: -1px;
left: 0;
width: 100%;
height: 1px;
background: #343434;
-webkit-transform-origin: right center;
-moz-transform-origin: right center;
-ms-transform-origin: right center;
-o-transform-origin: right center;
transform-origin: right center;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transition: -webkit-transform .25s cubic-bezier(0.25, 0.8, 0.25, 1);
-moz-transition: -moz-transform .25s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: -o-transform .25s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: transform .25s cubic-bezier(0.25, 0.8, 0.25, 1)
}
.footer-underline-link:hover:after,
.footer .columns .widget.widget_text a:not([class*="btn"]):hover:after,
.footer .columns .widget.widget_categories ul li a:not([class*="btn"]):hover:after,
.footer .columns .widget.widget_nav_menu ul li a:not([class*="btn"]):hover:after {
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-ms-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1)
}
.footer {
background: #fff;
padding: 30px 0;
width: 100%;
z-index: 10
}
@media only screen and (min-width: 640px) {
.footer {
padding: 60px 0
}
}
.footer p {
margin-bottom: 1.1em;
color: #8e9ca1
}
.footer .footer-logo-holder {
display: flex;
justify-content: center;
align-items: center
}
.footer .footer-logo-holder .footer-logolink {
display: block;
margin-bottom: 60px
}
.footer .footer-logo-holder .footer-logolink .logoimg {
max-height: 80px
}
.footer.footer-full-width-on .row.footer-row {
max-width: none
}
@media only screen and (min-width: 640px) {
.footer .columns .widget:last-of-type {
margin-bottom: 0
}
}
.footer.dark {
background: #090909;
color: rgba(255, 255, 255, 0.8)
}
.footer.dark a {
color: #fff
}
.footer.dark a:not([class*="btn"]):after {
background: #fff
}
.footer.dark label {
color: #fff
}
.footer.dark .widget {
color: rgba(255, 255, 255, 0.8)
}
.footer.dark .widget h6 {
color: #fff
}
.footer.dark .widget.widget_text a:not([class*="btn"]):after {
background: #fff
}
.footer.dark .widget.widget_categories ul li a:not([class*="btn"]):after,
.footer.dark .widget.widget_nav_menu ul li a:not([class*="btn"]):after {
background: #fff
}
.subfooter {
background: #fff;
width: 100%;
z-index: 10;
font-size: 14px;
color: #999;
padding: 0 0 80px
}
.subfooter p {
margin-bottom: 15px;
font-size: inherit
}
@media only screen and (min-width: 640px) {
.subfooter p {
margin-bottom: 0
}
}
.subfooter .footer-logo-holder {
text-align: center;
margin-bottom: 60px
}
.subfooter .socials {
display: block
}
@media only screen and (min-width: 640px) {
.subfooter .socials {
display: inline-block;
vertical-align: middle
}
}
.subfooter .socials a {
display: inline-flex;
padding: 0 7px;
opacity: 0.4;
color: #090909
}
.subfooter .socials a:hover {
color: #090909;
opacity: 1
}
@media only screen and (min-width: 640px) {
.subfooter .socials+.footer-payment-icons {
margin-left: 20px
}
}
.subfooter .thb-full-menu {
display: inline-flex;
flex-wrap: wrap;
justify-content: center
}
.subfooter .thb-full-menu a {
padding: 0;
margin-bottom: 15px
}
.subfooter .thb-full-menu>li a:not(.logolink) {
padding: 0
}
.subfooter .thb-full-menu li.menu-item-has-children>a:after {
display: none
}
@media only screen and (min-width: 640px) {
.subfooter .thb-full-menu a {
margin-bottom: 0
}
}
.subfooter .thb-full-menu.thb-underline>li>a:before {
top: calc(100% + 2px)
}
.subfooter.subfooter-full-width-on .row.subfooter-row {
max-width: none
}
@media only screen and (min-width: 640px) {
.subfooter.style2 p {
margin-bottom: 20px
}
}
.subfooter.style2 .footer-payment-icons,
.subfooter.style2 .socials {
display: block
}
.subfooter.style2 .socials+.footer-payment-icons {
margin: 30px 0 0 0
}
.subfooter.style2 .thb-full-menu {
padding: 0 15px;
justify-content: center;
margin-bottom: 20px
}
@media only screen and (min-width: 640px) {
.subfooter.style3 .thb-full-menu {
justify-content: flex-end
}
}
.subfooter.dark {
background: #090909;
color: #fff
}
.subfooter.dark a:not(:hover) {
color: #fff
}
.subfooter.dark .widget h6 {
color: #fff
}
.subfooter.dark p {
font-size: 13px;
color: #8e9ca1
}
.subfooter.dark .socials a {
color: #fff
}
.subfooter.dark .socials a:hover {
color: #fff
}
.footer-bar-container {
width: 100%
}
.footer_bar .socials .social {
display: inline-flex;
justify-content: center;
align-items: center;
height: 60px;
width: 70px;
font-size: 16px;
border-left: 1px solid rgba(0, 0, 0, 0.08)
}
.footer_bar .socials .social:last-child {
border-right: 1px solid rgba(0, 0, 0, 0.08)
}
.footer_bar .socials .social:hover {
background: #090909;
color: #fff
}
.footer_bar .socials .social.facebook {
color: rgba(0, 0, 0, 0.35)
}
.footer_bar .socials .social.facebook:hover {
background: #3b5998;
border-color: #3b5998;
color: #fff
}
.footer_bar .socials .social.facebook-messenger {
color: rgba(0, 0, 0, 0.35)
}
.footer_bar .socials .social.facebook-messenger:hover {
background: #0084ff;
border-color: #0084ff;
color: #fff
}
.footer_bar .socials .social.linkedin {
color: rgba(0, 0, 0, 0.35)
}
.footer_bar .socials .social.linkedin:hover {
background: #007bb6;
border-color: #007bb6;
color: #fff
}
.footer_bar .socials .social.pinterest {
color: rgba(0, 0, 0, 0.35)
}
.footer_bar .socials .social.pinterest:hover {
background: #cb2027;
border-color: #cb2027;
color: #fff
}
.footer_bar .socials .social.twitter {
color: rgba(0, 0, 0, 0.35)
}
.footer_bar .socials .social.twitter:hover {
background: #00aced;
border-color: #00aced;
color: #fff
}
.footer_bar .socials .social.instagram {
color: rgba(0, 0, 0, 0.35)
}
.footer_bar .socials .social.instagram:hover {
background: #3f729b;
border-color: #3f729b;
color: #fff
}
.footer_bar .socials .social.vk {
color: rgba(0, 0, 0, 0.35)
}
.footer_bar .socials .social.vk:hover {
background: #45668e;
border-color: #45668e;
color: #fff
}
.footer_bar .socials .social.tumblr {
color: rgba(0, 0, 0, 0.35)
}
.footer_bar .socials .social.tumblr:hover {
background: #35465c;
border-color: #35465c;
color: #fff
}
.footer_bar .socials .social.xing {
color: rgba(0, 0, 0, 0.35)
}
.footer_bar .socials .social.xing:hover {
background: #cfdc00;
border-color: #cfdc00;
color: #fff
}
.footer_bar .socials .social.soundcloud {
color: rgba(0, 0, 0, 0.35)
}
.footer_bar .socials .social.soundcloud:hover {
background: #f80;
border-color: #f80;
color: #fff
}
.footer_bar .socials .social.dribbble {
color: rgba(0, 0, 0, 0.35)
}
.footer_bar .socials .social.dribbble:hover {
background: #ea4c89;
border-color: #ea4c89;
color: #fff
}
.footer_bar .socials .social.youtube {
color: rgba(0, 0, 0, 0.35)
}
.footer_bar .socials .social.youtube:hover {
background: #e52d27;
border-color: #e52d27;
color: #fff
}
.footer_bar .socials .social.youtube-play {
color: rgba(0, 0, 0, 0.35)
}
.footer_bar .socials .social.youtube-play:hover {
background: #e52d27;
border-color: #e52d27;
color: #fff
}
.footer_bar .socials .social.spotify {
color: rgba(0, 0, 0, 0.35)
}
.footer_bar .socials .social.spotify:hover {
background: #7ab800;
border-color: #7ab800;
color: #fff
}
.footer_bar .socials .social.behance {
color: rgba(0, 0, 0, 0.35)
}
.footer_bar .socials .social.behance:hover {
background: #1769ff;
border-color: #1769ff;
color: #fff
}
.footer_bar .socials .social.deviantart {
color: rgba(0, 0, 0, 0.35)
}
.footer_bar .socials .social.deviantart:hover {
background: #4e6252;
border-color: #4e6252;
color: #fff
}
.footer_bar .socials .social.vimeo {
color: rgba(0, 0, 0, 0.35)
}
.footer_bar .socials .social.vimeo:hover {
background: #1ab7ea;
border-color: #1ab7ea;
color: #fff
}
.footer_bar .socials .social.flickr {
color: rgba(0, 0, 0, 0.35)
}
.footer_bar .socials .social.flickr:hover {
background: #0063dc;
border-color: #0063dc;
color: #fff
}
.footer_bar .socials .social.rss {
color: rgba(0, 0, 0, 0.35)
}
.footer_bar .socials .social.rss:hover {
background: #f26522;
border-color: #f26522;
color: #fff
}
.footer_bar .socials .social.whatsapp {
color: rgba(0, 0, 0, 0.35)
}
.footer_bar .socials .social.whatsapp:hover {
background: #25d366;
border-color: #25d366;
color: #fff
}
.footer_bar .socials .social.twitch {
color: rgba(0, 0, 0, 0.35)
}
.footer_bar .socials .social.twitch:hover {
background: #6441a5;
border-color: #6441a5;
color: #fff
}
.footer_bar .socials .social.fivehundred {
color: rgba(0, 0, 0, 0.35)
}
.footer_bar .socials .social.fivehundred:hover {
background: #0099e5;
border-color: #0099e5;
color: #fff
}
.footer_bar .socials .social.email {
color: rgba(0, 0, 0, 0.35)
}
.footer_bar .socials .social.email:hover {
background: #ee9982;
border-color: #ee9982;
color: #fff
}
.footer_bar .socials .social.bandcamp {
color: rgba(0, 0, 0, 0.35)
}
.footer_bar .socials .social.bandcamp:hover {
background: #629aa9;
border-color: #629aa9;
color: #fff
}
.footer_bar .socials .social.github {
color: rgba(0, 0, 0, 0.35)
}
.footer_bar .socials .social.github:hover {
background: #4078c0;
border-color: #4078c0;
color: #fff
}
.footer_bar .socials .social.codepen {
color: rgba(0, 0, 0, 0.35)
}
.footer_bar .socials .social.codepen:hover {
background: #fcd000;
border-color: #fcd000;
color: #fff
}
.footer_bar .socials .social.telegram {
color: rgba(0, 0, 0, 0.35)
}
.footer_bar .socials .social.telegram:hover {
background: #08c;
border-color: #08c;
color: #fff
}
.footer_bar .socials .social.imdb {
color: rgba(0, 0, 0, 0.35)
}
.footer_bar .socials .social.imdb:hover {
background: #f5de50;
border-color: #f5de50;
color: #fff
}
.footer_bar .socials .social.tripadvisor {
color: rgba(0, 0, 0, 0.35)
}
.footer_bar .socials .social.tripadvisor:hover {
background: #00af87;
border-color: #00af87;
color: #fff
}
.footer_bar .socials .social.wechat {
color: rgba(0, 0, 0, 0.35)
}
.footer_bar .socials .social.wechat:hover {
background: #7bb32e;
border-color: #7bb32e;
color: #fff
}
.footer_bar .socials .social.weibo {
color: rgba(0, 0, 0, 0.35)
}
.footer_bar .socials .social.weibo:hover {
background: #e6162d;
border-color: #e6162d;
color: #fff
}
.footer_bar .socials .social.facebook-messenger svg {
fill: rgba(0, 0, 0, 0.35)
}
.footer_bar .socials .social.facebook-messenger:hover svg {
fill: #fff
}
.footer_bar .thb-footer-bar-menu {
list-style: none;
margin: 0;
padding: 0;
text-align: right
}
@media only screen and (max-width: 640px) {
.footer_bar .thb-footer-bar-menu {
padding: 15px 0
}
}
.rtl .footer_bar .thb-footer-bar-menu {
text-align: left
}
.footer_bar .thb-footer-bar-menu li {
display: flex;
height: 50px;
align-items: center;
padding: 0 15px
}
@media only screen and (min-width: 640px) {
.footer_bar .thb-footer-bar-menu li {
display: inline-flex;
height: 60px
}
}
@media only screen and (min-width: 640px) {
.footer_bar .thb-footer-bar-menu li:last-child {
padding-right: 0
}
}
.footer_bar .thb-footer-bar-menu li a {
font-size: 14px;
font-weight: 500;
line-height: 1;
color: rgba(0, 0, 0, 0.35)
}
.footer_bar .thb-footer-bar-menu li a:hover {
color: #090909
}
.footer_bar.style1 {
border-top: 1px solid rgba(0, 0, 0, 0.08);
border-bottom: 1px solid rgba(0, 0, 0, 0.08)
}
@media only screen and (max-width: 640px) {
.footer_bar.style1 .social-column {
border-bottom: 1px solid rgba(0, 0, 0, 0.08)
}
}
.footer_bar.style2 {
padding: 20px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.08)
}
.footer_bar.style2 .footer-bar-content>*:last-child {
margin: 0
}
@media only screen and (max-width: 640px) {
.footer_bar.style2 .thb-footer-bar-menu li {
padding-left: 0
}
}
.footer-payment-icons {
display: block;
margin-top: 20px
}
@media only screen and (min-width: 640px) {
.footer-payment-icons {
display: inline-block;
vertical-align: middle;
margin-top: 0
}
}
.paymenttypes {
display: inline-block;
margin: 0;
width: 50px;
height: 20px;
vertical-align: middle;
background: transparent url(//spgrid.bg/wp-content/themes/revolution/assets/img/payment-types.png) top left;
background-size: 50px 270px
}
.paymenttypes.payment_visa {
background-position: 0 -4px
}
.paymenttypes.payment_mc {
background-position: 0 -34px
}
.paymenttypes.payment_pp {
background-position: 0 -64px
}
.paymenttypes.payment_discover {
background-position: 0 -94px
}
.paymenttypes.payment_stripe {
background-position: 0 -124px
}
.paymenttypes.payment_amazon {
background-position: 0 -154px
}
.paymenttypes.payment_amex {
background-position: 0 -184px
}
.paymenttypes.payment_diners {
background-position: 0 -214px
}
.paymenttypes.payment_wallet {
background-position: 0 -244px
}
.paymenttypes.custom {
background-image: none;
width: auto
}
.paymenttypes.custom img {
height: 20px;
width: auto;
max-width: 100%
}