@charset "UTF-8";
.wp-block-audio figcaption{margin-top:.5em;margin-bottom:1em}.wp-block-audio audio{width:100%;min-width:300px}.wp-block-button{color:#fff}.wp-block-button.aligncenter{text-align:center}.wp-block-button.alignright{text-align:right}.wp-block-button__link{background-color:#32373c;border:none;border-radius:28px;box-shadow:none;color:inherit;cursor:pointer;display:inline-block;font-size:18px;margin:0;padding:12px 24px;text-align:center;text-decoration:none;overflow-wrap:break-word}.wp-block-button__link:active,.wp-block-button__link:focus,.wp-block-button__link:hover,.wp-block-button__link:visited{color:inherit}.wp-gs .wp-block-button__link:not(.has-background){background-color:var(--wp-block-core-button--color--background,var(--wp-color--primary,#32373c))}.is-style-squared .wp-block-button__link{border-radius:0}.no-border-radius.wp-block-button__link{border-radius:0!important}.is-style-outline{color:#32373c}.is-style-outline .wp-block-button__link{background-color:transparent;border:2px solid}.wp-block-buttons .wp-block-button{display:inline-block;margin:4px}.wp-block-buttons.aligncenter,.wp-block-calendar{text-align:center}.wp-block-calendar tbody td,.wp-block-calendar th{padding:4px;border:1px solid #e2e4e7}.wp-block-calendar tfoot td{border:none}.wp-block-calendar table{width:100%;border-collapse:collapse;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.wp-block-calendar table th{font-weight:400;background:#edeff0}.wp-block-calendar a{text-decoration:underline}.wp-block-calendar tfoot a{color:#00739c}.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-columns{display:flex;margin-bottom:28px;flex-wrap:wrap}@media (min-width:782px){.wp-block-columns{flex-wrap:nowrap}}.wp-block-columns.has-background{padding:20px 30px}.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{flex-basis:calc(50% - 16px)!important;flex-grow:0}.wp-block-column:nth-child(2n){margin-left:32px}}@media (min-width:782px){.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-column[style]{flex-grow:0}.wp-block-column:not(:first-child){margin-left:32px}}.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.is-vertically-aligned-top{align-self:flex-start}.wp-block-column.is-vertically-aligned-center{-ms-grid-row-align: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-color:#000;background-size:cover;background-position:50%;min-height:430px;height:100%;width:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}.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.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}.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{opacity:.5}.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:not(.has-background-gradient):before{opacity:.1}.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background{opacity:.1}.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:not(.has-background-gradient):before{opacity:.2}.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background{opacity:.2}.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:not(.has-background-gradient):before{opacity:.3}.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background{opacity:.3}.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:not(.has-background-gradient):before{opacity:.4}.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background{opacity:.4}.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:not(.has-background-gradient):before{opacity:.5}.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background{opacity:.5}.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:not(.has-background-gradient):before{opacity:.6}.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background{opacity:.6}.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:not(.has-background-gradient):before{opacity:.7}.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background{opacity:.7}.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:not(.has-background-gradient):before{opacity:.8}.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background{opacity:.8}.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:not(.has-background-gradient):before{opacity:.9}.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background{opacity:.9}.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:not(.has-background-gradient):before{opacity:1}.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background{opacity:1}.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.alignleft,.wp-block-cover.alignright{max-width:290px;width:100%}.wp-block-cover-image:after,.wp-block-cover:after{display:block;content:"";font-size:0;min-height:inherit}@supports ((position:-webkit-sticky) or (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:calc(100% - 70px);z-index:1;color:#f8f9f9}.wp-block-cover-image .wp-block-subhead:not(.has-text-color),.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 .wp-block-subhead: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__video-background{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);width:100%;height:100%;z-index:0;object-fit:cover}.wp-block-cover-image-text,.wp-block-cover-text,section.wp-block-cover-image h2{color:#fff}.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 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 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:580px;padding:14px;text-align:center}.block-editor-block-list__block[data-type="core/embed"][data-align=left],.block-editor-block-list__block[data-type="core/embed"][data-align=right],.wp-block-embed.alignleft,.wp-block-embed.alignright{max-width:360px;width:100%}.wp-block-embed{margin-bottom:1em}.wp-block-embed figcaption{margin-top:.5em;margin-bottom:1em}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper{position:relative}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper:before,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper:before,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper:before,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper:before,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper:before{content:"";display:block;padding-top:50%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper iframe,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper iframe,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper iframe,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper iframe,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper iframe,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper:before{padding-top:42.85%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper:before{padding-top:50%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before{padding-top:56.25%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper:before{padding-top:75%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before{padding-top:100%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper:before{padding-top:177.78%}.wp-embed-responsive .wp-block-embed.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__button{background:#32373c;border-radius:2em;color:#fff;font-size:13px;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 16px 16px 0;display:flex;flex-grow:1;flex-direction:column;justify-content:center;position:relative}.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:-webkit-sticky) or (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:-webkit-sticky) or (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:40px 10px 9px;color:#fff;text-align:center;font-size:13px;background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent)}.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.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:-webkit-sticky) or (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;object-fit:cover}}.blocks-gallery-grid .blocks-gallery-image,.blocks-gallery-grid .blocks-gallery-item,.wp-block-gallery .blocks-gallery-image,.wp-block-gallery .blocks-gallery-item{width:calc((100% - 16px)/2)}.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.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((100% - 32px)/3);margin-right:16px}@supports (-ms-ime-align:auto){.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((100% - 32px)/3 - 1px)}}.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((100% - 48px)/4);margin-right:16px}@supports (-ms-ime-align:auto){.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((100% - 48px)/4 - 1px)}}.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((100% - 64px)/5);margin-right:16px}@supports (-ms-ime-align:auto){.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((100% - 64px)/5 - 1px)}}.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((100% - 80px)/6);margin-right:16px}@supports (-ms-ime-align:auto){.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((100% - 80px)/6 - 1px)}}.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((100% - 96px)/7);margin-right:16px}@supports (-ms-ime-align:auto){.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((100% - 96px)/7 - 1px)}}.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((100% - 112px)/8);margin-right:16px}@supports (-ms-ime-align:auto){.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((100% - 112px)/8 - 1px)}}.blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n),.blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n),.wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n),.wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n){margin-right:0}.blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n){margin-right:0}.blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n),.blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n),.wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n),.wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n){margin-right:0}.blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n),.blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n),.wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n),.wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n){margin-right:0}.blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n),.blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n),.wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n),.wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n){margin-right:0}.blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n),.blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n),.wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n),.wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n){margin-right:0}.blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n),.blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n),.wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n),.wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n){margin-right:0}.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-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:290px;width:100%}.blocks-gallery-grid.aligncenter .blocks-gallery-item figure,.wp-block-gallery.aligncenter .blocks-gallery-item figure{justify-content:center}.wp-block-image{margin-bottom:1em}.wp-block-image img{max-width:100%}.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,.wp-block-image.is-resized{display:table;margin-left:0;margin-right:0}.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption,.wp-block-image.is-resized>figcaption{display:table-caption;caption-side:bottom}.wp-block-image .alignleft{float:left;margin-right:1em}.wp-block-image .alignright{float:right;margin-left:1em}.wp-block-image .aligncenter{margin-left:auto;margin-right:auto}.wp-block-image figcaption{margin-top:.5em;margin-bottom:1em}.is-style-circle-mask img,.is-style-rounded img{border-radius:9999px}@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none){.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-latest-comments__comment{font-size:15px;line-height:1.1;list-style:none;margin-bottom:1em}.has-avatars .wp-block-latest-comments__comment{min-height:36px;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:52px}.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:14px;line-height:1.8;margin:5px 0 20px}.wp-block-latest-comments__comment-date{color:#8f98a1;display:block;font-size:12px}.wp-block-latest-comments .avatar,.wp-block-latest-comments__comment-avatar{border-radius:24px;display:block;float:left;height:40px;margin-right:12px;width:40px}.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}.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 16px 16px 0;width:100%}@media (min-width:600px){.wp-block-latest-posts.columns-2 li{width:calc(50% - 16px)}.wp-block-latest-posts.columns-3 li{width:calc(33.33333% - 16px)}.wp-block-latest-posts.columns-4 li{width:calc(25% - 16px)}.wp-block-latest-posts.columns-5 li{width:calc(20% - 16px)}.wp-block-latest-posts.columns-6 li{width:calc(16.66667% - 16px)}}.wp-block-latest-posts__post-date{display:block;color:#6c7781;font-size:13px}.wp-block-latest-posts__post-excerpt{margin-top:8px;margin-bottom:16px}.wp-block-latest-posts__featured-image img{height:auto;width:auto}.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}.wp-block-media-text{ direction:ltr; display:-ms-grid;display:grid;-ms-grid-columns:50% 1fr;grid-template-columns:50% 1fr;-ms-grid-rows:auto;grid-template-rows:auto}.wp-block-media-text.has-media-on-the-right{-ms-grid-columns:1fr 50%;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{-ms-grid-row-align:start;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{-ms-grid-row-align:center;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{-ms-grid-row-align:end;align-self:end}.wp-block-media-text .wp-block-media-text__media{ -ms-grid-column:1;grid-column:1;-ms-grid-row:1;grid-row:1; margin:0}.wp-block-media-text .wp-block-media-text__content{direction:ltr; -ms-grid-column:2;grid-column:2;-ms-grid-row:1;grid-row:1; padding:0 8%;word-break:break-word}.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media{ -ms-grid-column:2;grid-column:2;-ms-grid-row:1;grid-row:1 }.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{ -ms-grid-column:1;grid-column:1;-ms-grid-row:1;grid-row:1 }.wp-block-media-text>figure>img,.wp-block-media-text>figure>video{max-width:unset;width:100%;vertical-align:middle}.wp-block-media-text.is-image-fill figure.wp-block-media-text__media{height:100%;min-height:250px;background-size:cover}.wp-block-media-text.is-image-fill figure.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{-ms-grid-columns:100%!important;grid-template-columns:100%!important}.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media{-ms-grid-column:1;grid-column:1;-ms-grid-row:1;grid-row:1}.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__media,.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content{-ms-grid-column:1;grid-column:1;-ms-grid-row:2;grid-row:2}.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__content{-ms-grid-column:1;grid-column:1;-ms-grid-row:1;grid-row:1}}.wp-block-navigation>ul{display:block;list-style:none;margin:0;padding-left:0}@media (min-width:600px){.wp-block-navigation>ul{display:flex;flex-wrap:wrap}}.wp-block-navigation>ul ul{list-style:none;padding-left:0;margin-top:0;margin-left:0}.wp-block-navigation>ul ul li{margin:0}.wp-block-navigation>ul li{z-index:1}.wp-block-navigation>ul li:focus-within,.wp-block-navigation>ul li:hover{cursor:pointer;z-index:99999}.wp-block-navigation>ul li:focus-within>ul,.wp-block-navigation>ul li:hover>ul,.wp-block-navigation>ul li ul:focus,.wp-block-navigation>ul li ul:hover{visibility:visible;opacity:1;display:flex;flex-direction:column}.wp-block-navigation>ul>li ul{position:absolute;left:0;top:100%;min-width:200px;max-width:200px;opacity:0;transition:opacity .1s linear;visibility:hidden}.wp-block-navigation,.wp-block-navigation .block-editor-block-list__layout{display:flex;flex-wrap:wrap}.wp-block-navigation .block-editor-block-list__layout .block-editor-block-list__layout{width:200px}.wp-block-navigation .block-editor-inner-blocks>.block-editor-block-list__layout>.wp-block{margin:0;width:auto}.wp-block-navigation,.wp-block-navigation>.wp-block-navigation__container{align-items:center;width:100%}.wp-block-navigation>.wp-block-navigation-link,.wp-block-navigation>.wp-block-navigation__container>.wp-block-navigation-link{display:flex;margin-top:0;margin-bottom:0}.wp-block-navigation .wp-block-navigation-link{position:relative;margin:0;min-height:56px;display:flex;line-height:1.4}.wp-block-navigation .wp-block-navigation-link .wp-block,.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link{min-height:auto;padding:0}.wp-block-navigation .wp-block-navigation-link .wp-block .wp-block-navigation-link{margin:0}.wp-block-navigation .wp-block-navigation-link>.block-editor-inner-blocks{display:none}.wp-block-navigation .wp-block-navigation-link.has-child>.wp-block-navigation__container,.wp-block-navigation .wp-block-navigation-link.is-editing.has-child>.block-editor-inner-blocks{display:flex;border:1px solid rgba(0,0,0,.15);position:absolute;z-index:1;top:100%;left:0}.wp-block-navigation .wp-block-navigation-link.has-child>.wp-block-navigation__container .block-editor-inner-blocks,.wp-block-navigation .wp-block-navigation-link.has-child>.wp-block-navigation__container .wp-block-navigation__container,.wp-block-navigation .wp-block-navigation-link.is-editing.has-child>.block-editor-inner-blocks .block-editor-inner-blocks,.wp-block-navigation .wp-block-navigation-link.is-editing.has-child>.block-editor-inner-blocks .wp-block-navigation__container{left:100%;top:-1px}.wp-block-navigation .wp-block-navigation-link .block-editor-inner-blocks,.wp-block-navigation .wp-block-navigation-link .wp-block-navigation__container{background-color:inherit;color:inherit}.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__content{display:flex;align-items:center;width:max-content;padding:6px 16px}.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link:first-child:not(:only-child) .wp-block-navigation-link__content{padding-top:8px}.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link:last-child .wp-block-navigation-link__content{padding-bottom:8px}.wp-block-navigation .wp-block-navigation-link.has-child .wp-block-navigation-link__content{min-width:100%;padding-right:32px;position:relative}.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__submenu-icon{position:absolute;right:16px}.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__submenu-icon svg{fill:currentColor}.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link svg{transform:rotate(0)}.wp-block-navigation .wp-block-navigation-link.has-text-color .wp-block-navigation-link__content{color:inherit}.wp-block-navigation.is-style-light .wp-block-navigation-link:not(.has-text-color)>.block-editor-inner-blocks,.wp-block-navigation.is-style-light .wp-block-navigation-link:not(.has-text-color)>.wp-block-navigation__container,.wp-block-navigation .wp-block-navigation-link:not(.has-text-color)>.block-editor-inner-blocks,.wp-block-navigation .wp-block-navigation-link:not(.has-text-color)>.wp-block-navigation__container{color:#111}.wp-block-navigation.is-style-light .wp-block-navigation-link:not(.has-background)>.block-editor-inner-blocks,.wp-block-navigation.is-style-light .wp-block-navigation-link:not(.has-background)>.wp-block-navigation__container,.wp-block-navigation .wp-block-navigation-link:not(.has-background)>.block-editor-inner-blocks,.wp-block-navigation .wp-block-navigation-link:not(.has-background)>.wp-block-navigation__container{background-color:#fff}.wp-block-navigation.is-style-dark .wp-block-navigation-link:not(.has-text-color)>.block-editor-inner-blocks,.wp-block-navigation.is-style-dark .wp-block-navigation-link:not(.has-text-color)>.wp-block-navigation__container{color:#fff}.wp-block-navigation.is-style-dark .wp-block-navigation-link:not(.has-background)>.block-editor-inner-blocks,.wp-block-navigation.is-style-dark .wp-block-navigation-link:not(.has-background)>.wp-block-navigation__container{background-color:#333}.wp-block-navigation .wp-block-navigation-link.has-child>.wp-block-navigation__container{display:flex;flex-direction:column;padding:0}.wp-block-navigation>ul>li>a{display:flex;align-items:center}.wp-block-navigation>ul>li:first-of-type>a{padding-left:0}.wp-block-navigation>ul>li:last-of-type>a{padding-right:0}.wp-block-navigation.items-justified-left>ul{justify-content:flex-start}.wp-block-navigation.items-justified-center>ul{justify-content:center}.wp-block-navigation.items-justified-right>ul{justify-content:flex-end}.is-small-text{font-size:14px}.is-regular-text{font-size:16px}.is-large-text{font-size:36px}.is-larger-text{font-size:48px}.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-background{padding:20px 30px}p.has-text-color a{color:inherit}.wp-block-pullquote{padding:3em 0;margin-left:0;margin-right:0;text-align:center}.wp-block-pullquote.alignleft,.wp-block-pullquote.alignright{max-width:290px}.wp-block-pullquote.alignleft p,.wp-block-pullquote.alignright p{font-size:20px}.wp-block-pullquote p{font-size:28px;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:32px}.wp-block-pullquote.is-style-solid-color blockquote cite{text-transform:none;font-style:normal}.wp-block-pullquote cite{color:inherit}.wp-block-quote.is-large,.wp-block-quote.is-style-large{margin:0 0 16px;padding:0 1em}.wp-block-quote.is-large p,.wp-block-quote.is-style-large p{font-size:24px;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:18px;text-align:right}.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 16px 16px 0;width:100%}@media (min-width:600px){.wp-block-rss.columns-2 li{width:calc(50% - 16px)}.wp-block-rss.columns-3 li{width:calc(33.33333% - 16px)}.wp-block-rss.columns-4 li{width:calc(25% - 16px)}.wp-block-rss.columns-5 li{width:calc(20% - 16px)}.wp-block-rss.columns-6 li{width:calc(16.66667% - 16px)}}.wp-block-rss__item-author,.wp-block-rss__item-publish-date{display:block;color:#6c7781;font-size:13px}.wp-block-search{display:flex;flex-wrap:wrap}.wp-block-search .wp-block-search__label{width:100%}.wp-block-search .wp-block-search__input{flex-grow:1;max-width:360px}.wp-block-search .wp-block-search__button{margin-left:10px}.wp-block-separator.is-style-wide{border-bottom-width:1px}.wp-block-separator.is-style-dots{background:none!important;border:none;text-align:center;max-width:none;line-height:1;height:auto}.wp-block-separator.is-style-dots:before{content:"\00b7 \00b7 \00b7";color:currentColor;font-size:20px;letter-spacing:2em;padding-left:2em;font-family:serif}.wp-block-social-links{display:flex;justify-content:flex-start;padding-left:0;padding-right: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-social-link{display:block;width:36px;height:36px;border-radius:36px;margin-right:8px;transition:transform .1s ease}@media (prefers-reduced-motion:reduce){.wp-social-link{transition-duration:0s}}.wp-social-link a{padding:6px;display:block;line-height:0;transition:transform .1s ease}.wp-social-link a,.wp-social-link a:active,.wp-social-link a:hover,.wp-social-link a:visited,.wp-social-link svg{color:currentColor;fill:currentColor}.wp-social-link:hover{transform:scale(1.1)}.wp-block-social-links.aligncenter{justify-content:center;display:flex}.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:#1977f2;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:#0577b5;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-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-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:#21a1f3;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:#ff0100;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 svg{width:28px;height:28px}.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:#1977f2}.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:#0577b5}.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-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-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:#21a1f3}.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{background-color:#d32422;color:#fff}.wp-block-social-links.is-style-logos-only .wp-social-link-youtube{color:#ff0100}.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:16px;padding-right:16px}.wp-block-spacer{clear:both}p.wp-block-subhead{font-size:1.1em;font-style:italic;opacity:.75}.wp-block-table{overflow-x:auto}.wp-block-table table{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 #f3f4f5}.wp-block-table.is-style-stripes tbody tr:nth-child(odd){background-color:#f3f4f5}.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-text-columns,.wp-block-text-columns.aligncenter{display:flex}.wp-block-text-columns .wp-block-column{margin:0 16px;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%}.wp-block-video{margin-left:0;margin-right:0}.wp-block-video video{max-width:100%}@supports ((position:-webkit-sticky) or (position:sticky)){.wp-block-video [poster]{object-fit:cover}}.wp-block-video.aligncenter{text-align:center}.wp-block-video figcaption{margin-top:.5em;margin-bottom:1em}: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-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-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-very-light-gray-color{color:#eee}:root .has-cyan-bluish-gray-color{color:#abb8c3}:root .has-very-dark-gray-color{color:#313131}: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:13px}.has-normal-font-size,.has-regular-font-size{font-size:16px}.has-medium-font-size{font-size:20px}.has-large-font-size{font-size:36px}.has-huge-font-size,.has-larger-font-size{font-size:42px}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}
 .fp-enabled body, html.fp-enabled {
margin: 0;
padding: 0;
overflow: hidden;
-webkit-tap-highlight-color: transparent
}
#superContainer {
height: 100%;
position: relative;
-ms-touch-action: none;
touch-action: none
}
.fp-section {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.fp-slide {
float: left
}
.fp-slide, .fp-slidesContainer {
height: 100%;
display: block
}
.fp-slides {
z-index: 1;
height: 100%;
overflow: hidden;
position: relative;
-webkit-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out
}
.fp-section.fp-table, .fp-slide.fp-table {
display: table;
table-layout: fixed;
width: 100%
}
.fp-tableCell {
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%
}
.fp-slidesContainer {
float: left;
position: relative
}
.fp-controlArrow {
-webkit-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-ms-user-select: none;
position: absolute;
z-index: 4;
top: 50%;
cursor: pointer;
width: 0;
height: 0;
border-style: solid;
margin-top: -38px;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.fp-controlArrow.fp-prev {
left: 15px;
width: 0;
border-width: 38.5px 34px 38.5px 0;
border-color: transparent #fff transparent transparent
}
.fp-controlArrow.fp-next {
right: 15px;
border-width: 38.5px 0 38.5px 34px;
border-color: transparent transparent transparent #fff
}
.fp-scrollable {
overflow: scroll
}
.fp-notransition {
-webkit-transition: none !important;
-o-transition: none !important;
transition: none !important
}
#fp-nav {
position: fixed;
z-index: 100;
margin-top: -32px;
top: 50%;
opacity: 1;
-webkit-transform: translate3d(0, 0, 0)
}
#fp-nav.right {
right: 17px
}
#fp-nav.left {
left: 17px
}
.fp-slidesNav {
position: absolute;
z-index: 4;
left: 50%;
opacity: 1
}
.fp-slidesNav.bottom {
bottom: 17px
}
.fp-slidesNav.top {
top: 17px
}
#fp-nav ul, .fp-slidesNav ul {
margin: 0;
padding: 0
}
#fp-nav ul li, .fp-slidesNav ul li {
display: block;
width: 14px;
height: 13px;
margin: 7px;
position: relative
}
.fp-slidesNav ul li {
display: inline-block
}
#fp-nav ul li a, .fp-slidesNav ul li a {
display: block;
position: relative;
z-index: 1;
width: 100%;
height: 100%;
cursor: pointer;
text-decoration: none
}
#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span {
height: 12px;
width: 12px;
margin: -6px 0 0 -6px;
border-radius: 100%
}
#fp-nav ul li a span, .fp-slidesNav ul li a span {
border-radius: 50%;
position: absolute;
z-index: 1;
height: 4px;
width: 4px;
border: 0;
background: #333;
left: 50%;
top: 50%;
margin: -2px 0 0 -2px;
-webkit-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
transition: all .1s ease-in-out
}
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span {
width: 10px;
height: 10px;
margin: -5px 0 0 -5px
}
#fp-nav ul li .fp-tooltip {
position: absolute;
top: -2px;
color: #fff;
font-size: 14px;
font-family: arial, helvetica, sans-serif;
white-space: nowrap;
max-width: 220px;
overflow: hidden;
display: block;
opacity: 0;
width: 0;
cursor: pointer
}
#fp-nav ul li:hover .fp-tooltip, #fp-nav.fp-show-active a.active + .fp-tooltip {
-webkit-transition: opacity .2s ease-in;
-o-transition: opacity .2s ease-in;
transition: opacity .2s ease-in;
width: auto;
opacity: 1
}
#fp-nav ul li .fp-tooltip.right {
right: 20px
}
#fp-nav ul li .fp-tooltip.left {
left: 20px
}
.fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell, .fp-auto-height.fp-section {
height: auto !important
}
.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: 0 !important;
-webkit-backface-visibility: hidden
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
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-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content {
width: 100%;
cursor: auto
}
.mfp-ajax-cur {
cursor: progress
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -webkit-zoom-out;
cursor: zoom-out
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: zoom-in
}
.mfp-auto-cursor .mfp-content {
cursor: auto
}
.mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.mfp-loading.mfp-figure {
display: none
}
.mfp-hide {
display: none !important
}
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -.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-arrow, button.mfp-close {
overflow: visible;
cursor: pointer;
background: 0 0;
border: 0;
-webkit-appearance: none;
display: block;
outline: 0;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none;
-ms-touch-action: manipulation;
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:focus, .mfp-close:hover {
opacity: 1
}
.mfp-close:active {
top: 1px
}
.mfp-close-btn-in .mfp-close {
color: #333
}
.mfp-iframe-holder .mfp-close, .mfp-image-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: transparent
}
.mfp-arrow:active {
margin-top: -54px
}
.mfp-arrow:focus, .mfp-arrow:hover {
opacity: 1
}
.mfp-arrow:after, .mfp-arrow:before {
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: .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%;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
box-shadow: 0 0 8px rgba(0, 0, 0, .6);
background: #000
}
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
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;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
box-shadow: 0 0 8px rgba(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, .6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
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, .6);
position: fixed;
text-align: center;
padding: 0
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(.75);
-ms-transform: scale(.75);
-o-transform: scale(.75);
transform: scale(.75)
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
-ms-transform-origin: 0;
-o-transform-origin: 0;
transform-origin: 0
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
-ms-transform-origin: 100%;
-o-transform-origin: 100%;
transform-origin: 100%
}
.mfp-container {
padding-left: 6px;
padding-right: 6px
}
}
div.scrollingHotSpotLeft {
min-width: 75px;
width: 10%;
height: 100%;
background-image: url(//www.maryann.com.ua/wp-content/themes/lionline/dist/images/big_transparent.gif);
background-repeat: repeat;
background-position: center center;
position: absolute;
z-index: 200;
left: 0;
cursor: url(//www.maryann.com.ua/wp-content/themes/lionline/dist/images/cursors/cursor_arrow_left.png), url(//www.maryann.com.ua/wp-content/themes/lionline/dist/images/cursors/cursor_arrow_left.cur), w-resize
}
div.scrollingHotSpotLeftVisible {
background-image: url(//www.maryann.com.ua/wp-content/themes/lionline/dist/images/arrow_left.gif);
background-color: #fff;
background-repeat: no-repeat;
opacity: .35;
-moz-opacity: .35;
filter: alpha(opacity=35);
zoom: 1
}
div.scrollingHotSpotRight {
min-width: 75px;
width: 10%;
height: 100%;
background-image: url(//www.maryann.com.ua/wp-content/themes/lionline/dist/images/big_transparent.gif);
background-repeat: repeat;
background-position: center center;
position: absolute;
z-index: 200;
right: 0;
cursor: url(//www.maryann.com.ua/wp-content/themes/lionline/dist/images/cursors/cursor_arrow_right.png), url(//www.maryann.com.ua/wp-content/themes/lionline/dist/images/cursors/cursor_arrow_right.cur), e-resize
}
div.scrollingHotSpotRightVisible {
background-image: url(//www.maryann.com.ua/wp-content/themes/lionline/dist/images/arrow_right.gif);
background-color: #fff;
background-repeat: no-repeat;
opacity: .35;
filter: alpha(opacity=35);
-moz-opacity: .35;
zoom: 1
}
div.scrollWrapper {
position: relative;
overflow: hidden;
width: 100%;
height: 100%
}
div.scrollableArea {
position: relative;
width: auto;
height: 100%
} .animated {
-webkit-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both
}
.animated.hinge {
-webkit-animation-duration: 2s;
-o-animation-duration: 2s;
animation-duration: 2s
}
@-webkit-keyframes bounce {
0%, 100%, 20%, 50%, 80% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px)
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px)
}
}
@-o-keyframes bounce {
0%, 100%, 20%, 50%, 80% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
40% {
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-o-transform: translateY(-30px);
transform: translateY(-30px)
}
60% {
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
-o-transform: translateY(-15px);
transform: translateY(-15px)
}
}
@keyframes bounce {
0%, 100%, 20%, 50%, 80% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
40% {
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-o-transform: translateY(-30px);
transform: translateY(-30px)
}
60% {
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
-o-transform: translateY(-15px);
transform: translateY(-15px)
}
}
.bounce {
-webkit-animation-name: bounce;
-o-animation-name: bounce;
animation-name: bounce
}
@-webkit-keyframes flash {
0%, 100%, 50% {
opacity: 1
}
25%, 75% {
opacity: 0
}
}
@-o-keyframes flash {
0%, 100%, 50% {
opacity: 1
}
25%, 75% {
opacity: 0
}
}
@keyframes flash {
0%, 100%, 50% {
opacity: 1
}
25%, 75% {
opacity: 0
}
}
.flash {
-webkit-animation-name: flash;
-o-animation-name: flash;
animation-name: flash
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1)
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
100% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@-o-keyframes pulse {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
50% {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1)
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
}
@keyframes pulse {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
50% {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1)
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
}
.pulse {
-webkit-animation-name: pulse;
-o-animation-name: pulse;
animation-name: pulse
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px)
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
transform: translateX(10px)
}
}
@-o-keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px)
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px)
}
}
@keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px)
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px)
}
}
.shake {
-webkit-animation-name: shake;
-o-animation-name: shake;
animation-name: shake
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg)
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg)
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg)
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg)
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
}
@-o-keyframes swing {
20% {
-webkit-transform: rotate(15deg);
-ms-transform: rotate(15deg);
-o-transform: rotate(15deg);
transform: rotate(15deg)
}
40% {
-webkit-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
transform: rotate(-10deg)
}
60% {
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
-o-transform: rotate(5deg);
transform: rotate(5deg)
}
80% {
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
transform: rotate(-5deg)
}
100% {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0)
}
}
@keyframes swing {
20% {
-webkit-transform: rotate(15deg);
-ms-transform: rotate(15deg);
-o-transform: rotate(15deg);
transform: rotate(15deg)
}
40% {
-webkit-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
transform: rotate(-10deg)
}
60% {
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
-o-transform: rotate(5deg);
transform: rotate(5deg)
}
80% {
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
transform: rotate(-5deg)
}
100% {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0)
}
}
.swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
-o-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
-o-animation-name: swing;
animation-name: swing
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale(1);
transform: scale(1)
}
10%, 20% {
-webkit-transform: scale(.9) rotate(-3deg);
transform: scale(.9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg)
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg)
}
100% {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0)
}
}
@-o-keyframes tada {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
10%, 20% {
-webkit-transform: scale(.9) rotate(-3deg);
-ms-transform: scale(.9) rotate(-3deg);
-o-transform: scale(.9) rotate(-3deg);
transform: scale(.9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-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%, 60%, 80% {
-webkit-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);
-ms-transform: scale(1) rotate(0);
-o-transform: scale(1) rotate(0);
transform: scale(1) rotate(0)
}
}
@keyframes tada {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
10%, 20% {
-webkit-transform: scale(.9) rotate(-3deg);
-ms-transform: scale(.9) rotate(-3deg);
-o-transform: scale(.9) rotate(-3deg);
transform: scale(.9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-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%, 60%, 80% {
-webkit-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);
-ms-transform: scale(1) rotate(0);
-o-transform: scale(1) rotate(0);
transform: scale(1) rotate(0)
}
}
.tada {
-webkit-animation-name: tada;
-o-animation-name: tada;
animation-name: tada
}
@-webkit-keyframes wobble {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg)
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg)
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg)
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg)
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg)
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@-o-keyframes wobble {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
15% {
-webkit-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);
-ms-transform: translateX(20%) rotate(3deg);
-o-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg)
}
45% {
-webkit-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);
-ms-transform: translateX(10%) rotate(2deg);
-o-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg)
}
75% {
-webkit-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);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes wobble {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
15% {
-webkit-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);
-ms-transform: translateX(20%) rotate(3deg);
-o-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg)
}
45% {
-webkit-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);
-ms-transform: translateX(10%) rotate(2deg);
-o-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg)
}
75% {
-webkit-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);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
}
.wobble {
-webkit-animation-name: wobble;
-o-animation-name: wobble;
animation-name: wobble
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3)
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
transform: scale(1.05)
}
70% {
-webkit-transform: scale(.9);
transform: scale(.9)
}
100% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@-o-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
-o-transform: scale(.3);
transform: scale(.3)
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05)
}
70% {
-webkit-transform: scale(.9);
-ms-transform: scale(.9);
-o-transform: scale(.9);
transform: scale(.9)
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
}
@keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
-o-transform: scale(.3);
transform: scale(.3)
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05)
}
70% {
-webkit-transform: scale(.9);
-ms-transform: scale(.9);
-o-transform: scale(.9);
transform: scale(.9)
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
-o-animation-name: bounceIn;
animation-name: bounceIn
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px)
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
transform: translateY(30px)
}
80% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px)
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@-o-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
-o-transform: translateY(-2000px);
transform: translateY(-2000px)
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
-o-transform: translateY(30px);
transform: translateY(30px)
}
80% {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-o-transform: translateY(-10px);
transform: translateY(-10px)
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
-o-transform: translateY(-2000px);
transform: translateY(-2000px)
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
-o-transform: translateY(30px);
transform: translateY(30px)
}
80% {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-o-transform: translateY(-10px);
transform: translateY(-10px)
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
-o-animation-name: bounceInDown;
animation-name: bounceInDown
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px)
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
transform: translateX(30px)
}
80% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px)
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@-o-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
-o-transform: translateX(-2000px);
transform: translateX(-2000px)
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
-ms-transform: translateX(30px);
-o-transform: translateX(30px);
transform: translateX(30px)
}
80% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px)
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
-o-transform: translateX(-2000px);
transform: translateX(-2000px)
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
-ms-transform: translateX(30px);
-o-transform: translateX(30px);
transform: translateX(30px)
}
80% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px)
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
-o-animation-name: bounceInLeft;
animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px)
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
transform: translateX(-30px)
}
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px)
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@-o-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
-o-transform: translateX(2000px);
transform: translateX(2000px)
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
-ms-transform: translateX(-30px);
-o-transform: translateX(-30px);
transform: translateX(-30px)
}
80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px)
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
-o-transform: translateX(2000px);
transform: translateX(2000px)
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
-ms-transform: translateX(-30px);
-o-transform: translateX(-30px);
transform: translateX(-30px)
}
80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px)
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
-o-animation-name: bounceInRight;
animation-name: bounceInRight
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px)
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
transform: translateY(-30px)
}
80% {
-webkit-transform: translateY(10px);
transform: translateY(10px)
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@-o-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
-o-transform: translateY(2000px);
transform: translateY(2000px)
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-o-transform: translateY(-30px);
transform: translateY(-30px)
}
80% {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
transform: translateY(10px)
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
-o-transform: translateY(2000px);
transform: translateY(2000px)
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-o-transform: translateY(-30px);
transform: translateY(-30px)
}
80% {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
transform: translateY(10px)
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
-o-animation-name: bounceInUp;
animation-name: bounceInUp
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
transform: scale(1)
}
25% {
-webkit-transform: scale(.95);
transform: scale(.95)
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3)
}
}
@-o-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
25% {
-webkit-transform: scale(.95);
-ms-transform: scale(.95);
-o-transform: scale(.95);
transform: scale(.95)
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1)
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
-o-transform: scale(.3);
transform: scale(.3)
}
}
@keyframes bounceOut {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
25% {
-webkit-transform: scale(.95);
-ms-transform: scale(.95);
-o-transform: scale(.95);
transform: scale(.95)
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1)
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
-o-transform: scale(.3);
transform: scale(.3)
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
-o-animation-name: bounceOut;
animation-name: bounceOut
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
transform: translateY(-20px)
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px)
}
}
@-o-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px)
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
-o-transform: translateY(2000px);
transform: translateY(2000px)
}
}
@keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px)
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
-o-transform: translateY(2000px);
transform: translateY(2000px)
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
-o-animation-name: bounceOutDown;
animation-name: bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
transform: translateX(20px)
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px)
}
}
@-o-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
-o-transform: translateX(20px);
transform: translateX(20px)
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
-o-transform: translateX(-2000px);
transform: translateX(-2000px)
}
}
@keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
-o-transform: translateX(20px);
transform: translateX(20px)
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
-o-transform: translateX(-2000px);
transform: translateX(-2000px)
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
-o-animation-name: bounceOutLeft;
animation-name: bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
transform: translateX(-20px)
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px)
}
}
@-o-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
-o-transform: translateX(-20px);
transform: translateX(-20px)
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
-o-transform: translateX(2000px);
transform: translateX(2000px)
}
}
@keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
-o-transform: translateX(-20px);
transform: translateX(-20px)
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
-o-transform: translateX(2000px);
transform: translateX(2000px)
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
-o-animation-name: bounceOutRight;
animation-name: bounceOutRight
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
transform: translateY(20px)
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px)
}
}
@-o-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px)
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
-o-transform: translateY(-2000px);
transform: translateY(-2000px)
}
}
@keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px)
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
-o-transform: translateY(-2000px);
transform: translateY(-2000px)
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
-o-animation-name: bounceOutUp;
animation-name: bounceOutUp
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@-o-keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@-o-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
animation-name: fadeInDown
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@-o-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
-o-transform: translateY(-2000px);
transform: translateY(-2000px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
-o-transform: translateY(-2000px);
transform: translateY(-2000px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
-o-animation-name: fadeInDownBig;
animation-name: fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@-o-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
-o-transform: translateX(-20px);
transform: translateX(-20px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
-o-transform: translateX(-20px);
transform: translateX(-20px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
-o-animation-name: fadeInLeft;
animation-name: fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@-o-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
-o-transform: translateX(-2000px);
transform: translateX(-2000px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
-o-transform: translateX(-2000px);
transform: translateX(-2000px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
-o-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@-o-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
-o-transform: translateX(20px);
transform: translateX(20px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
-o-transform: translateX(20px);
transform: translateX(20px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
-o-animation-name: fadeInRight;
animation-name: fadeInRight
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@-o-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
-o-transform: translateX(2000px);
transform: translateX(2000px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
-o-transform: translateX(2000px);
transform: translateX(2000px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
-o-animation-name: fadeInRightBig;
animation-name: fadeInRightBig
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@-o-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
animation-name: fadeInUp
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@-o-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
-o-transform: translateY(2000px);
transform: translateY(2000px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
-o-transform: translateY(2000px);
transform: translateY(2000px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
-o-animation-name: fadeInUpBig;
animation-name: fadeInUpBig
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
@-o-keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
@keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
-o-animation-name: fadeOut;
animation-name: fadeOut
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px)
}
}
@-o-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px)
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px)
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
-o-animation-name: fadeOutDown;
animation-name: fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px)
}
}
@-o-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
-o-transform: translateY(2000px);
transform: translateY(2000px)
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
-o-transform: translateY(2000px);
transform: translateY(2000px)
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
-o-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px)
}
}
@-o-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
-o-transform: translateX(-20px);
transform: translateX(-20px)
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
-o-transform: translateX(-20px);
transform: translateX(-20px)
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
-o-animation-name: fadeOutLeft;
animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px)
}
}
@-o-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
-o-transform: translateX(-2000px);
transform: translateX(-2000px)
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
-o-transform: translateX(-2000px);
transform: translateX(-2000px)
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
-o-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px)
}
}
@-o-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
-o-transform: translateX(20px);
transform: translateX(20px)
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
-o-transform: translateX(20px);
transform: translateX(20px)
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
-o-animation-name: fadeOutRight;
animation-name: fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px)
}
}
@-o-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
-o-transform: translateX(2000px);
transform: translateX(2000px)
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
-o-transform: translateX(2000px);
transform: translateX(2000px)
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
-o-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px)
}
}
@-o-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px)
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px)
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
-o-animation-name: fadeOutUp;
animation-name: fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px)
}
}
@-o-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
-o-transform: translateY(-2000px);
transform: translateY(-2000px)
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
-o-transform: translateY(-2000px);
transform: translateY(-2000px)
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
-o-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
@-o-keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-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) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-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);
-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-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) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-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);
-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
.animated.flip {
-webkit-backface-visibility: visible;
-ms-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
-o-animation-name: flip;
animation-name: flip
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg)
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg)
}
100% {
-webkit-transform: perspective(400px) rotateX(0);
transform: perspective(400px) rotateX(0);
opacity: 1
}
}
@-o-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
-ms-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg)
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
-ms-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg)
}
100% {
-webkit-transform: perspective(400px) rotateX(0);
-ms-transform: perspective(400px) rotateX(0);
transform: perspective(400px) rotateX(0);
opacity: 1
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
-ms-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg)
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
-ms-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg)
}
100% {
-webkit-transform: perspective(400px) rotateX(0);
-ms-transform: perspective(400px) rotateX(0);
transform: perspective(400px) rotateX(0);
opacity: 1
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
-o-animation-name: flipInX;
animation-name: flipInX
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg)
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg)
}
100% {
-webkit-transform: perspective(400px) rotateY(0);
transform: perspective(400px) rotateY(0);
opacity: 1
}
}
@-o-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
-ms-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg)
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
-ms-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg)
}
100% {
-webkit-transform: perspective(400px) rotateY(0);
-ms-transform: perspective(400px) rotateY(0);
transform: perspective(400px) rotateY(0);
opacity: 1
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
-ms-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg)
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
-ms-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg)
}
100% {
-webkit-transform: perspective(400px) rotateY(0);
-ms-transform: perspective(400px) rotateY(0);
transform: perspective(400px) rotateY(0);
opacity: 1
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
-o-animation-name: flipInY;
animation-name: flipInY
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0);
transform: perspective(400px) rotateX(0);
opacity: 1
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0
}
}
@-o-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0);
-ms-transform: perspective(400px) rotateX(0);
transform: perspective(400px) rotateX(0);
opacity: 1
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0);
-ms-transform: perspective(400px) rotateX(0);
transform: perspective(400px) rotateX(0);
opacity: 1
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
-o-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0);
transform: perspective(400px) rotateY(0);
opacity: 1
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0
}
}
@-o-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0);
-ms-transform: perspective(400px) rotateY(0);
transform: perspective(400px) rotateY(0);
opacity: 1
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0);
-ms-transform: perspective(400px) rotateY(0);
transform: perspective(400px) rotateY(0);
opacity: 1
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
-o-animation-name: flipOutY;
animation-name: flipOutY
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1
}
80% {
-webkit-transform: translateX(0) skewX(-15deg);
transform: translateX(0) skewX(-15deg);
opacity: 1
}
100% {
-webkit-transform: translateX(0) skewX(0);
transform: translateX(0) skewX(0);
opacity: 1
}
}
@-o-keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
-o-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
-ms-transform: translateX(-20%) skewX(30deg);
-o-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1
}
80% {
-webkit-transform: translateX(0) skewX(-15deg);
-ms-transform: translateX(0) skewX(-15deg);
-o-transform: translateX(0) skewX(-15deg);
transform: translateX(0) skewX(-15deg);
opacity: 1
}
100% {
-webkit-transform: translateX(0) skewX(0);
-ms-transform: translateX(0) skewX(0);
-o-transform: translateX(0) skewX(0);
transform: translateX(0) skewX(0);
opacity: 1
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
-o-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
-ms-transform: translateX(-20%) skewX(30deg);
-o-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1
}
80% {
-webkit-transform: translateX(0) skewX(-15deg);
-ms-transform: translateX(0) skewX(-15deg);
-o-transform: translateX(0) skewX(-15deg);
transform: translateX(0) skewX(-15deg);
opacity: 1
}
100% {
-webkit-transform: translateX(0) skewX(0);
-ms-transform: translateX(0) skewX(0);
-o-transform: translateX(0) skewX(0);
transform: translateX(0) skewX(0);
opacity: 1
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
-o-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
-o-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0) skewX(0);
transform: translateX(0) skewX(0);
opacity: 1
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0
}
}
@-o-keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0) skewX(0);
-ms-transform: translateX(0) skewX(0);
-o-transform: translateX(0) skewX(0);
transform: translateX(0) skewX(0);
opacity: 1
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
-o-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0
}
}
@keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0) skewX(0);
-ms-transform: translateX(0) skewX(0);
-o-transform: translateX(0) skewX(0);
transform: translateX(0) skewX(0);
opacity: 1
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
-o-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
-o-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
@-o-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
-o-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
-ms-transform: rotate(-200deg);
-o-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
-o-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
-o-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
-ms-transform: rotate(-200deg);
-o-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
-o-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
-o-animation-name: rotateIn;
animation-name: rotateIn
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
@-o-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
-o-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
-o-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
-o-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
-o-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
-o-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
@-o-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
-o-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
-o-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
-o-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
-o-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
-o-animation-name: rotateInDownRight;
animation-name: rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
@-o-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
-o-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
-o-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
-o-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
-o-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
-o-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
@-o-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
-o-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
-o-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
-o-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
-o-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
-o-animation-name: rotateInUpRight;
animation-name: rotateInUpRight
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0
}
}
@-o-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
-o-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
-o-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
-ms-transform: rotate(200deg);
-o-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
-o-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
-o-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
-ms-transform: rotate(200deg);
-o-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
-o-animation-name: rotateOut;
animation-name: rotateOut
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
}
@-o-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
-o-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
-o-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
-o-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
-o-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
-o-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
}
@-o-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
-o-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
-o-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
-o-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
-o-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
-o-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
}
@-o-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
-o-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
-o-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
-o-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
-o-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
-o-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
}
@-o-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
-o-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
-o-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
-o-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
-o-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
-o-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight
}
@-webkit-keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px)
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@-o-keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
-o-transform: translateY(-2000px);
transform: translateY(-2000px)
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
-o-transform: translateY(-2000px);
transform: translateY(-2000px)
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
-o-animation-name: slideInDown;
animation-name: slideInDown
}
@-webkit-keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px)
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@-o-keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
-o-transform: translateX(-2000px);
transform: translateX(-2000px)
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
-o-transform: translateX(-2000px);
transform: translateX(-2000px)
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
-o-animation-name: slideInLeft;
animation-name: slideInLeft
}
@-webkit-keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px)
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@-o-keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
-o-transform: translateX(2000px);
transform: translateX(2000px)
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
-o-transform: translateX(2000px);
transform: translateX(2000px)
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
-o-animation-name: slideInRight;
animation-name: slideInRight
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px)
}
}
@-o-keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
-o-transform: translateX(-2000px);
transform: translateX(-2000px)
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
-o-transform: translateX(-2000px);
transform: translateX(-2000px)
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
-o-animation-name: slideOutLeft;
animation-name: slideOutLeft
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px)
}
}
@-o-keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
-o-transform: translateX(2000px);
transform: translateX(2000px)
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
-o-transform: translateX(2000px);
transform: translateX(2000px)
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
-o-animation-name: slideOutRight;
animation-name: slideOutRight
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px)
}
}
@-o-keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
-o-transform: translateY(-2000px);
transform: translateY(-2000px)
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
-o-transform: translateY(-2000px);
transform: translateY(-2000px)
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
-o-animation-name: slideOutUp;
animation-name: slideOutUp
}
@-webkit-keyframes hinge {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
20%, 60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
40% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
100% {
-webkit-transform: translateY(700px);
transform: translateY(700px);
opacity: 0
}
}
@-o-keyframes hinge {
0% {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left;
-webkit-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);
-ms-transform: rotate(80deg);
-o-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
40% {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
-o-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left;
-webkit-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);
-ms-transform: rotate(60deg) translateY(0);
-o-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
100% {
-webkit-transform: translateY(700px);
-ms-transform: translateY(700px);
-o-transform: translateY(700px);
transform: translateY(700px);
opacity: 0
}
}
@keyframes hinge {
0% {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left;
-webkit-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);
-ms-transform: rotate(80deg);
-o-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
40% {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
-o-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left;
-webkit-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);
-ms-transform: rotate(60deg) translateY(0);
-o-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
100% {
-webkit-transform: translateY(700px);
-ms-transform: translateY(700px);
-o-transform: translateY(700px);
transform: translateY(700px);
opacity: 0
}
}
.hinge {
-webkit-animation-name: hinge;
-o-animation-name: hinge;
animation-name: hinge
}
@-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg)
}
100% {
opacity: 1;
-webkit-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0)
}
}
@-o-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
-o-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg)
}
100% {
opacity: 1;
-webkit-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
-o-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0)
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
-o-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg)
}
100% {
opacity: 1;
-webkit-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
-o-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0)
}
}
.rollIn {
-webkit-animation-name: rollIn;
-o-animation-name: rollIn;
animation-name: rollIn
}
@-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg)
}
}
@-o-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
-o-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0)
}
100% {
opacity: 0;
-webkit-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% {
opacity: 1;
-webkit-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
-o-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
-ms-transform: translateX(100%) rotate(120deg);
-o-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg)
}
}
.rollOut {
-webkit-animation-name: rollOut;
-o-animation-name: rollOut;
animation-name: rollOut
} html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block
}
audio, canvas, progress, video {
display: inline-block;
vertical-align: baseline
}
audio:not([controls]) {
display: none;
height: 0
}
[hidden], template {
display: none
}
a {
background-color: transparent
}
a:active, a:hover {
outline: 0
}
abbr[title] {
border-bottom: 1px dotted
}
b, strong {
font-weight: 700
}
dfn {
font-style: italic
}
h1 {
font-size: 2em;
margin: .67em 0
}
mark {
background: #ff0;
color: #000
}
small {
font-size: 80%
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
img {
border: 0
}
svg:not(:root) {
overflow: hidden
}
figure {
margin: 1em 40px
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0
}
pre {
overflow: auto
}
code, kbd, pre, samp {
font-family: monospace, monospace;
font-size: 1em
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0
}
button {
overflow: visible
}
button, select {
text-transform: none
}
button, html input[type=button], input[type=reset], input[type=submit] {
-webkit-appearance: button;
cursor: pointer
}
button[disabled], html input[disabled] {
cursor: default
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0
}
input {
line-height: normal
}
input[type=checkbox], input[type=radio] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
height: auto
}
input[type=search] {
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: .35em .625em .75em
}
legend {
border: 0;
padding: 0
}
textarea {
overflow: auto
}
optgroup {
font-weight: 700
}
table {
border-collapse: collapse;
border-spacing: 0
}
td, th {
padding: 0
}
meta.foundation-version {
font-family: "/5.5.3/"
}
meta.foundation-mq-small {
font-family: "/only screen/";
width: 0
}
meta.foundation-mq-small-only {
font-family: "/only screen and (max-width: 40em)/";
width: 0
}
meta.foundation-mq-medium {
font-family: "/only screen and (min-width:40.0625em)/";
width: 40.0625em
}
meta.foundation-mq-medium-only {
font-family: "/only screen and (min-width:40.0625em) and (max-width:64em)/";
width: 40.0625em
}
meta.foundation-mq-large {
font-family: "/only screen and (min-width:64.0625em)/";
width: 64.0625em
}
meta.foundation-mq-large-only {
font-family: "/only screen and (min-width:64.0625em) and (max-width:90em)/";
width: 64.0625em
}
meta.foundation-mq-xlarge {
font-family: "/only screen and (min-width:90.0625em)/";
width: 90.0625em
}
meta.foundation-mq-xlarge-only {
font-family: "/only screen and (min-width:90.0625em) and (max-width:120em)/";
width: 90.0625em
}
meta.foundation-mq-xxlarge {
font-family: "/only screen and (min-width:120.0625em)/";
width: 120.0625em
}
meta.foundation-data-attribute-namespace {
font-family: false
}
body, html {
height: 100%
}
*, :after, :before {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
body, html {
font-size: 100%
}
body {
background: #fff;
color: #545251;
cursor: auto;
font-family: proxima_nova_ltsemibold, Arial, sans-serif;
font-style: normal;
font-weight: 400;
line-height: 1.5;
margin: 0;
padding: 0;
position: relative
}
a:hover {
cursor: pointer
}
img {
max-width: 100%;
height: auto
}
img {
-ms-interpolation-mode: bicubic
}
#map_canvas embed, #map_canvas img, #map_canvas object, .map_canvas embed, .map_canvas img, .map_canvas object, .mqa-display embed, .mqa-display img, .mqa-display object {
max-width: none !important
}
.left {
float: left !important
}
.right {
float: right !important
}
.clearfix:after, .clearfix:before {
content: " ";
display: table
}
.clearfix:after {
clear: both
}
.hide {
display: none
}
.invisible {
visibility: hidden
}
.antialiased {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
img {
display: inline-block;
vertical-align: middle
}
textarea {
height: auto;
min-height: 50px
}
select {
width: 100%
}
.row {
margin: 0 auto;
max-width: 62.5rem;
width: 100%
}
.row:after, .row:before {
content: " ";
display: table
}
.row:after {
clear: both
}
.row.collapse > .column, .row.collapse > .columns {
padding-left: 0;
padding-right: 0
}
.row.collapse .row {
margin-left: 0;
margin-right: 0
}
.row .row {
margin: 0 -.9375rem;
max-width: none;
width: auto
}
.row .row:after, .row .row:before {
content: " ";
display: table
}
.row .row:after {
clear: both
}
.row .row.collapse {
margin: 0;
max-width: none;
width: auto
}
.row .row.collapse:after, .row .row.collapse:before {
content: " ";
display: table
}
.row .row.collapse:after {
clear: both
}
.column, .columns {
padding-left: .9375rem;
padding-right: .9375rem;
width: 100%;
float: left
}
.column + .column:last-child, .column + .columns:last-child, .columns + .column:last-child, .columns + .columns:last-child {
float: right
}
.column + .column.end, .column + .columns.end, .columns + .column.end, .columns + .columns.end {
float: left
}
@media only screen {
.small-push-0 {
position: relative;
left: 0;
right: auto
}
.small-pull-0 {
position: relative;
right: 0;
left: auto
}
.small-push-1 {
position: relative;
left: 8.3333333333%;
right: auto
}
.small-pull-1 {
position: relative;
right: 8.3333333333%;
left: auto
}
.small-push-2 {
position: relative;
left: 16.6666666667%;
right: auto
}
.small-pull-2 {
position: relative;
right: 16.6666666667%;
left: auto
}
.small-push-3 {
position: relative;
left: 25%;
right: auto
}
.small-pull-3 {
position: relative;
right: 25%;
left: auto
}
.small-push-4 {
position: relative;
left: 33.3333333333%;
right: auto
}
.small-pull-4 {
position: relative;
right: 33.3333333333%;
left: auto
}
.small-push-5 {
position: relative;
left: 41.6666666667%;
right: auto
}
.small-pull-5 {
position: relative;
right: 41.6666666667%;
left: auto
}
.small-push-6 {
position: relative;
left: 50%;
right: auto
}
.small-pull-6 {
position: relative;
right: 50%;
left: auto
}
.small-push-7 {
position: relative;
left: 58.3333333333%;
right: auto
}
.small-pull-7 {
position: relative;
right: 58.3333333333%;
left: auto
}
.small-push-8 {
position: relative;
left: 66.6666666667%;
right: auto
}
.small-pull-8 {
position: relative;
right: 66.6666666667%;
left: auto
}
.small-push-9 {
position: relative;
left: 75%;
right: auto
}
.small-pull-9 {
position: relative;
right: 75%;
left: auto
}
.small-push-10 {
position: relative;
left: 83.3333333333%;
right: auto
}
.small-pull-10 {
position: relative;
right: 83.3333333333%;
left: auto
}
.small-push-11 {
position: relative;
left: 91.6666666667%;
right: auto
}
.small-pull-11 {
position: relative;
right: 91.6666666667%;
left: auto
}
.column, .columns {
position: relative;
padding-left: .9375rem;
padding-right: .9375rem;
float: left
}
.small-1 {
width: 8.3333333333%
}
.small-2 {
width: 16.6666666667%
}
.small-3 {
width: 25%
}
.small-4 {
width: 33.3333333333%
}
.small-5 {
width: 41.6666666667%
}
.small-6 {
width: 50%
}
.small-7 {
width: 58.3333333333%
}
.small-8 {
width: 66.6666666667%
}
.small-9 {
width: 75%
}
.small-10 {
width: 83.3333333333%
}
.small-11 {
width: 91.6666666667%
}
.small-12 {
width: 100%
}
.small-offset-0 {
margin-left: 0 !important
}
.small-offset-1 {
margin-left: 8.3333333333% !important
}
.small-offset-2 {
margin-left: 16.6666666667% !important
}
.small-offset-3 {
margin-left: 25% !important
}
.small-offset-4 {
margin-left: 33.3333333333% !important
}
.small-offset-5 {
margin-left: 41.6666666667% !important
}
.small-offset-6 {
margin-left: 50% !important
}
.small-offset-7 {
margin-left: 58.3333333333% !important
}
.small-offset-8 {
margin-left: 66.6666666667% !important
}
.small-offset-9 {
margin-left: 75% !important
}
.small-offset-10 {
margin-left: 83.3333333333% !important
}
.small-offset-11 {
margin-left: 91.6666666667% !important
}
.small-reset-order {
float: left;
left: auto;
margin-left: 0;
margin-right: 0;
right: auto
}
.column.small-centered, .columns.small-centered {
margin-left: auto;
margin-right: auto;
float: none
}
.column.small-uncentered, .columns.small-uncentered {
float: left;
margin-left: 0;
margin-right: 0
}
.column.small-centered:last-child, .columns.small-centered:last-child {
float: none
}
.column.small-uncentered:last-child, .columns.small-uncentered:last-child {
float: left
}
.column.small-uncentered.opposite, .columns.small-uncentered.opposite {
float: right
}
.row.small-collapse > .column, .row.small-collapse > .columns {
padding-left: 0;
padding-right: 0
}
.row.small-collapse .row {
margin-left: 0;
margin-right: 0
}
.row.small-uncollapse > .column, .row.small-uncollapse > .columns {
padding-left: .9375rem;
padding-right: .9375rem;
float: left
}
}
@media only screen and (min-width: 40.0625em) {
.medium-push-0 {
position: relative;
left: 0;
right: auto
}
.medium-pull-0 {
position: relative;
right: 0;
left: auto
}
.medium-push-1 {
position: relative;
left: 8.3333333333%;
right: auto
}
.medium-pull-1 {
position: relative;
right: 8.3333333333%;
left: auto
}
.medium-push-2 {
position: relative;
left: 16.6666666667%;
right: auto
}
.medium-pull-2 {
position: relative;
right: 16.6666666667%;
left: auto
}
.medium-push-3 {
position: relative;
left: 25%;
right: auto
}
.medium-pull-3 {
position: relative;
right: 25%;
left: auto
}
.medium-push-4 {
position: relative;
left: 33.3333333333%;
right: auto
}
.medium-pull-4 {
position: relative;
right: 33.3333333333%;
left: auto
}
.medium-push-5 {
position: relative;
left: 41.6666666667%;
right: auto
}
.medium-pull-5 {
position: relative;
right: 41.6666666667%;
left: auto
}
.medium-push-6 {
position: relative;
left: 50%;
right: auto
}
.medium-pull-6 {
position: relative;
right: 50%;
left: auto
}
.medium-push-7 {
position: relative;
left: 58.3333333333%;
right: auto
}
.medium-pull-7 {
position: relative;
right: 58.3333333333%;
left: auto
}
.medium-push-8 {
position: relative;
left: 66.6666666667%;
right: auto
}
.medium-pull-8 {
position: relative;
right: 66.6666666667%;
left: auto
}
.medium-push-9 {
position: relative;
left: 75%;
right: auto
}
.medium-pull-9 {
position: relative;
right: 75%;
left: auto
}
.medium-push-10 {
position: relative;
left: 83.3333333333%;
right: auto
}
.medium-pull-10 {
position: relative;
right: 83.3333333333%;
left: auto
}
.medium-push-11 {
position: relative;
left: 91.6666666667%;
right: auto
}
.medium-pull-11 {
position: relative;
right: 91.6666666667%;
left: auto
}
.column, .columns {
position: relative;
padding-left: .9375rem;
padding-right: .9375rem;
float: left
}
.medium-1 {
width: 8.3333333333%
}
.medium-2 {
width: 16.6666666667%
}
.medium-3 {
width: 25%
}
.medium-4 {
width: 33.3333333333%
}
.medium-5 {
width: 41.6666666667%
}
.medium-6 {
width: 50%
}
.medium-7 {
width: 58.3333333333%
}
.medium-8 {
width: 66.6666666667%
}
.medium-9 {
width: 75%
}
.medium-10 {
width: 83.3333333333%
}
.medium-11 {
width: 91.6666666667%
}
.medium-12 {
width: 100%
}
.medium-offset-0 {
margin-left: 0 !important
}
.medium-offset-1 {
margin-left: 8.3333333333% !important
}
.medium-offset-2 {
margin-left: 16.6666666667% !important
}
.medium-offset-3 {
margin-left: 25% !important
}
.medium-offset-4 {
margin-left: 33.3333333333% !important
}
.medium-offset-5 {
margin-left: 41.6666666667% !important
}
.medium-offset-6 {
margin-left: 50% !important
}
.medium-offset-7 {
margin-left: 58.3333333333% !important
}
.medium-offset-8 {
margin-left: 66.6666666667% !important
}
.medium-offset-9 {
margin-left: 75% !important
}
.medium-offset-10 {
margin-left: 83.3333333333% !important
}
.medium-offset-11 {
margin-left: 91.6666666667% !important
}
.medium-reset-order {
float: left;
left: auto;
margin-left: 0;
margin-right: 0;
right: auto
}
.column.medium-centered, .columns.medium-centered {
margin-left: auto;
margin-right: auto;
float: none
}
.column.medium-uncentered, .columns.medium-uncentered {
float: left;
margin-left: 0;
margin-right: 0
}
.column.medium-centered:last-child, .columns.medium-centered:last-child {
float: none
}
.column.medium-uncentered:last-child, .columns.medium-uncentered:last-child {
float: left
}
.column.medium-uncentered.opposite, .columns.medium-uncentered.opposite {
float: right
}
.row.medium-collapse > .column, .row.medium-collapse > .columns {
padding-left: 0;
padding-right: 0
}
.row.medium-collapse .row {
margin-left: 0;
margin-right: 0
}
.row.medium-uncollapse > .column, .row.medium-uncollapse > .columns {
padding-left: .9375rem;
padding-right: .9375rem;
float: left
}
.push-0 {
position: relative;
left: 0;
right: auto
}
.pull-0 {
position: relative;
right: 0;
left: auto
}
.push-1 {
position: relative;
left: 8.3333333333%;
right: auto
}
.pull-1 {
position: relative;
right: 8.3333333333%;
left: auto
}
.push-2 {
position: relative;
left: 16.6666666667%;
right: auto
}
.pull-2 {
position: relative;
right: 16.6666666667%;
left: auto
}
.push-3 {
position: relative;
left: 25%;
right: auto
}
.pull-3 {
position: relative;
right: 25%;
left: auto
}
.push-4 {
position: relative;
left: 33.3333333333%;
right: auto
}
.pull-4 {
position: relative;
right: 33.3333333333%;
left: auto
}
.push-5 {
position: relative;
left: 41.6666666667%;
right: auto
}
.pull-5 {
position: relative;
right: 41.6666666667%;
left: auto
}
.push-6 {
position: relative;
left: 50%;
right: auto
}
.pull-6 {
position: relative;
right: 50%;
left: auto
}
.push-7 {
position: relative;
left: 58.3333333333%;
right: auto
}
.pull-7 {
position: relative;
right: 58.3333333333%;
left: auto
}
.push-8 {
position: relative;
left: 66.6666666667%;
right: auto
}
.pull-8 {
position: relative;
right: 66.6666666667%;
left: auto
}
.push-9 {
position: relative;
left: 75%;
right: auto
}
.pull-9 {
position: relative;
right: 75%;
left: auto
}
.push-10 {
position: relative;
left: 83.3333333333%;
right: auto
}
.pull-10 {
position: relative;
right: 83.3333333333%;
left: auto
}
.push-11 {
position: relative;
left: 91.6666666667%;
right: auto
}
.pull-11 {
position: relative;
right: 91.6666666667%;
left: auto
}
}
@media only screen and (min-width: 64.0625em) {
.large-push-0 {
position: relative;
left: 0;
right: auto
}
.large-pull-0 {
position: relative;
right: 0;
left: auto
}
.large-push-1 {
position: relative;
left: 8.3333333333%;
right: auto
}
.large-pull-1 {
position: relative;
right: 8.3333333333%;
left: auto
}
.large-push-2 {
position: relative;
left: 16.6666666667%;
right: auto
}
.large-pull-2 {
position: relative;
right: 16.6666666667%;
left: auto
}
.large-push-3 {
position: relative;
left: 25%;
right: auto
}
.large-pull-3 {
position: relative;
right: 25%;
left: auto
}
.large-push-4 {
position: relative;
left: 33.3333333333%;
right: auto
}
.large-pull-4 {
position: relative;
right: 33.3333333333%;
left: auto
}
.large-push-5 {
position: relative;
left: 41.6666666667%;
right: auto
}
.large-pull-5 {
position: relative;
right: 41.6666666667%;
left: auto
}
.large-push-6 {
position: relative;
left: 50%;
right: auto
}
.large-pull-6 {
position: relative;
right: 50%;
left: auto
}
.large-push-7 {
position: relative;
left: 58.3333333333%;
right: auto
}
.large-pull-7 {
position: relative;
right: 58.3333333333%;
left: auto
}
.large-push-8 {
position: relative;
left: 66.6666666667%;
right: auto
}
.large-pull-8 {
position: relative;
right: 66.6666666667%;
left: auto
}
.large-push-9 {
position: relative;
left: 75%;
right: auto
}
.large-pull-9 {
position: relative;
right: 75%;
left: auto
}
.large-push-10 {
position: relative;
left: 83.3333333333%;
right: auto
}
.large-pull-10 {
position: relative;
right: 83.3333333333%;
left: auto
}
.large-push-11 {
position: relative;
left: 91.6666666667%;
right: auto
}
.large-pull-11 {
position: relative;
right: 91.6666666667%;
left: auto
}
.column, .columns {
position: relative;
padding-left: .9375rem;
padding-right: .9375rem;
float: left
}
.large-1 {
width: 8.3333333333%
}
.large-2 {
width: 16.6666666667%
}
.large-3 {
width: 25%
}
.large-4 {
width: 33.3333333333%
}
.large-5 {
width: 41.6666666667%
}
.large-6 {
width: 50%
}
.large-7 {
width: 58.3333333333%
}
.large-8 {
width: 66.6666666667%
}
.large-9 {
width: 75%
}
.large-10 {
width: 83.3333333333%
}
.large-11 {
width: 91.6666666667%
}
.large-12 {
width: 100%
}
.large-offset-0 {
margin-left: 0 !important
}
.large-offset-1 {
margin-left: 8.3333333333% !important
}
.large-offset-2 {
margin-left: 16.6666666667% !important
}
.large-offset-3 {
margin-left: 25% !important
}
.large-offset-4 {
margin-left: 33.3333333333% !important
}
.large-offset-5 {
margin-left: 41.6666666667% !important
}
.large-offset-6 {
margin-left: 50% !important
}
.large-offset-7 {
margin-left: 58.3333333333% !important
}
.large-offset-8 {
margin-left: 66.6666666667% !important
}
.large-offset-9 {
margin-left: 75% !important
}
.large-offset-10 {
margin-left: 83.3333333333% !important
}
.large-offset-11 {
margin-left: 91.6666666667% !important
}
.large-reset-order {
float: left;
left: auto;
margin-left: 0;
margin-right: 0;
right: auto
}
.column.large-centered, .columns.large-centered {
margin-left: auto;
margin-right: auto;
float: none
}
.column.large-uncentered, .columns.large-uncentered {
float: left;
margin-left: 0;
margin-right: 0
}
.column.large-centered:last-child, .columns.large-centered:last-child {
float: none
}
.column.large-uncentered:last-child, .columns.large-uncentered:last-child {
float: left
}
.column.large-uncentered.opposite, .columns.large-uncentered.opposite {
float: right
}
.row.large-collapse > .column, .row.large-collapse > .columns {
padding-left: 0;
padding-right: 0
}
.row.large-collapse .row {
margin-left: 0;
margin-right: 0
}
.row.large-uncollapse > .column, .row.large-uncollapse > .columns {
padding-left: .9375rem;
padding-right: .9375rem;
float: left
}
.push-0 {
position: relative;
left: 0;
right: auto
}
.pull-0 {
position: relative;
right: 0;
left: auto
}
.push-1 {
position: relative;
left: 8.3333333333%;
right: auto
}
.pull-1 {
position: relative;
right: 8.3333333333%;
left: auto
}
.push-2 {
position: relative;
left: 16.6666666667%;
right: auto
}
.pull-2 {
position: relative;
right: 16.6666666667%;
left: auto
}
.push-3 {
position: relative;
left: 25%;
right: auto
}
.pull-3 {
position: relative;
right: 25%;
left: auto
}
.push-4 {
position: relative;
left: 33.3333333333%;
right: auto
}
.pull-4 {
position: relative;
right: 33.3333333333%;
left: auto
}
.push-5 {
position: relative;
left: 41.6666666667%;
right: auto
}
.pull-5 {
position: relative;
right: 41.6666666667%;
left: auto
}
.push-6 {
position: relative;
left: 50%;
right: auto
}
.pull-6 {
position: relative;
right: 50%;
left: auto
}
.push-7 {
position: relative;
left: 58.3333333333%;
right: auto
}
.pull-7 {
position: relative;
right: 58.3333333333%;
left: auto
}
.push-8 {
position: relative;
left: 66.6666666667%;
right: auto
}
.pull-8 {
position: relative;
right: 66.6666666667%;
left: auto
}
.push-9 {
position: relative;
left: 75%;
right: auto
}
.pull-9 {
position: relative;
right: 75%;
left: auto
}
.push-10 {
position: relative;
left: 83.3333333333%;
right: auto
}
.pull-10 {
position: relative;
right: 83.3333333333%;
left: auto
}
.push-11 {
position: relative;
left: 91.6666666667%;
right: auto
}
.pull-11 {
position: relative;
right: 91.6666666667%;
left: auto
}
}
.accordion {
margin-bottom: 0;
margin-left: 0
}
.accordion:after, .accordion:before {
content: " ";
display: table
}
.accordion:after {
clear: both
}
.accordion .accordion-navigation, .accordion dd {
display: block;
margin-bottom: 0 !important
}
.accordion .accordion-navigation.active > a, .accordion dd.active > a {
background: #e8e8e8;
color: #222
}
.accordion .accordion-navigation > a, .accordion dd > a {
background: #EFEFEF;
color: #222;
display: block;
font-family: proxima_nova_ltsemibold, Arial, sans-serif;
font-size: 1rem;
padding: 1rem
}
.accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
background: #e3e3e3
}
.accordion .accordion-navigation > .content, .accordion dd > .content {
display: none;
padding: .9375rem
}
.accordion .accordion-navigation > .content.active, .accordion dd > .content.active {
background: #FFF;
display: block
}
.alert-box {
border-style: solid;
border-width: 1px;
display: block;
font-size: .8125rem;
font-weight: 400;
margin-bottom: 1.25rem;
padding: .875rem 1.5rem .875rem .875rem;
position: relative;
-webkit-transition: opacity .3s ease-out;
-o-transition: opacity .3s ease-out;
transition: opacity .3s ease-out;
background-color: #008CBA;
border-color: #0078a0;
color: #FFF
}
.alert-box .close {
right: .25rem;
background: inherit;
color: #333;
font-size: 1.375rem;
line-height: .9;
margin-top: -.6875rem;
opacity: .3;
padding: 0 6px 4px;
position: absolute;
top: 50%
}
.alert-box .close:focus, .alert-box .close:hover {
opacity: .5
}
.alert-box.radius {
border-radius: 3px
}
.alert-box.round {
border-radius: 1000px
}
.alert-box.success {
background-color: #43AC6A;
border-color: #3a945b;
color: #FFF
}
.alert-box.alert {
background-color: #f04124;
border-color: #de2d0f;
color: #FFF
}
.alert-box.secondary {
background-color: #e7e7e7;
border-color: #c7c7c7;
color: #4f4f4f
}
.alert-box.warning {
background-color: #f08a24;
border-color: #de770f;
color: #FFF
}
.alert-box.info {
background-color: #a0d3e8;
border-color: #74bfdd;
color: #4f4f4f
}
.alert-box.alert-close {
opacity: 0
}
[class*=block-grid-] {
display: block;
padding: 0;
margin: 0 -.625rem
}
[class*=block-grid-]:after, [class*=block-grid-]:before {
content: " ";
display: table
}
[class*=block-grid-]:after {
clear: both
}
[class*=block-grid-] > li {
display: block;
float: left;
height: auto;
padding: 0 .625rem 1.25rem
}
@media only screen {
.small-block-grid-1 > li {
list-style: none;
width: 100%
}
.small-block-grid-1 > li:nth-of-type(1n) {
clear: none
}
.small-block-grid-1 > li:nth-of-type(1n+1) {
clear: both
}
.small-block-grid-2 > li {
list-style: none;
width: 50%
}
.small-block-grid-2 > li:nth-of-type(1n) {
clear: none
}
.small-block-grid-2 > li:nth-of-type(2n+1) {
clear: both
}
.small-block-grid-3 > li {
list-style: none;
width: 33.3333333333%
}
.small-block-grid-3 > li:nth-of-type(1n) {
clear: none
}
.small-block-grid-3 > li:nth-of-type(3n+1) {
clear: both
}
.small-block-grid-4 > li {
list-style: none;
width: 25%
}
.small-block-grid-4 > li:nth-of-type(1n) {
clear: none
}
.small-block-grid-4 > li:nth-of-type(4n+1) {
clear: both
}
.small-block-grid-5 > li {
list-style: none;
width: 20%
}
.small-block-grid-5 > li:nth-of-type(1n) {
clear: none
}
.small-block-grid-5 > li:nth-of-type(5n+1) {
clear: both
}
.small-block-grid-6 > li {
list-style: none;
width: 16.6666666667%
}
.small-block-grid-6 > li:nth-of-type(1n) {
clear: none
}
.small-block-grid-6 > li:nth-of-type(6n+1) {
clear: both
}
.small-block-grid-7 > li {
list-style: none;
width: 14.2857142857%
}
.small-block-grid-7 > li:nth-of-type(1n) {
clear: none
}
.small-block-grid-7 > li:nth-of-type(7n+1) {
clear: both
}
.small-block-grid-8 > li {
list-style: none;
width: 12.5%
}
.small-block-grid-8 > li:nth-of-type(1n) {
clear: none
}
.small-block-grid-8 > li:nth-of-type(8n+1) {
clear: both
}
.small-block-grid-9 > li {
list-style: none;
width: 11.1111111111%
}
.small-block-grid-9 > li:nth-of-type(1n) {
clear: none
}
.small-block-grid-9 > li:nth-of-type(9n+1) {
clear: both
}
.small-block-grid-10 > li {
list-style: none;
width: 10%
}
.small-block-grid-10 > li:nth-of-type(1n) {
clear: none
}
.small-block-grid-10 > li:nth-of-type(10n+1) {
clear: both
}
.small-block-grid-11 > li {
list-style: none;
width: 9.0909090909%
}
.small-block-grid-11 > li:nth-of-type(1n) {
clear: none
}
.small-block-grid-11 > li:nth-of-type(11n+1) {
clear: both
}
.small-block-grid-12 > li {
list-style: none;
width: 8.3333333333%
}
.small-block-grid-12 > li:nth-of-type(1n) {
clear: none
}
.small-block-grid-12 > li:nth-of-type(12n+1) {
clear: both
}
}
@media only screen and (min-width: 40.0625em) {
.medium-block-grid-1 > li {
list-style: none;
width: 100%
}
.medium-block-grid-1 > li:nth-of-type(1n) {
clear: none
}
.medium-block-grid-1 > li:nth-of-type(1n+1) {
clear: both
}
.medium-block-grid-2 > li {
list-style: none;
width: 50%
}
.medium-block-grid-2 > li:nth-of-type(1n) {
clear: none
}
.medium-block-grid-2 > li:nth-of-type(2n+1) {
clear: both
}
.medium-block-grid-3 > li {
list-style: none;
width: 33.3333333333%
}
.medium-block-grid-3 > li:nth-of-type(1n) {
clear: none
}
.medium-block-grid-3 > li:nth-of-type(3n+1) {
clear: both
}
.medium-block-grid-4 > li {
list-style: none;
width: 25%
}
.medium-block-grid-4 > li:nth-of-type(1n) {
clear: none
}
.medium-block-grid-4 > li:nth-of-type(4n+1) {
clear: both
}
.medium-block-grid-5 > li {
list-style: none;
width: 20%
}
.medium-block-grid-5 > li:nth-of-type(1n) {
clear: none
}
.medium-block-grid-5 > li:nth-of-type(5n+1) {
clear: both
}
.medium-block-grid-6 > li {
list-style: none;
width: 16.6666666667%
}
.medium-block-grid-6 > li:nth-of-type(1n) {
clear: none
}
.medium-block-grid-6 > li:nth-of-type(6n+1) {
clear: both
}
.medium-block-grid-7 > li {
list-style: none;
width: 14.2857142857%
}
.medium-block-grid-7 > li:nth-of-type(1n) {
clear: none
}
.medium-block-grid-7 > li:nth-of-type(7n+1) {
clear: both
}
.medium-block-grid-8 > li {
list-style: none;
width: 12.5%
}
.medium-block-grid-8 > li:nth-of-type(1n) {
clear: none
}
.medium-block-grid-8 > li:nth-of-type(8n+1) {
clear: both
}
.medium-block-grid-9 > li {
list-style: none;
width: 11.1111111111%
}
.medium-block-grid-9 > li:nth-of-type(1n) {
clear: none
}
.medium-block-grid-9 > li:nth-of-type(9n+1) {
clear: both
}
.medium-block-grid-10 > li {
list-style: none;
width: 10%
}
.medium-block-grid-10 > li:nth-of-type(1n) {
clear: none
}
.medium-block-grid-10 > li:nth-of-type(10n+1) {
clear: both
}
.medium-block-grid-11 > li {
list-style: none;
width: 9.0909090909%
}
.medium-block-grid-11 > li:nth-of-type(1n) {
clear: none
}
.medium-block-grid-11 > li:nth-of-type(11n+1) {
clear: both
}
.medium-block-grid-12 > li {
list-style: none;
width: 8.3333333333%
}
.medium-block-grid-12 > li:nth-of-type(1n) {
clear: none
}
.medium-block-grid-12 > li:nth-of-type(12n+1) {
clear: both
}
}
@media only screen and (min-width: 64.0625em) {
.large-block-grid-1 > li {
list-style: none;
width: 100%
}
.large-block-grid-1 > li:nth-of-type(1n) {
clear: none
}
.large-block-grid-1 > li:nth-of-type(1n+1) {
clear: both
}
.large-block-grid-2 > li {
list-style: none;
width: 50%
}
.large-block-grid-2 > li:nth-of-type(1n) {
clear: none
}
.large-block-grid-2 > li:nth-of-type(2n+1) {
clear: both
}
.large-block-grid-3 > li {
list-style: none;
width: 33.3333333333%
}
.large-block-grid-3 > li:nth-of-type(1n) {
clear: none
}
.large-block-grid-3 > li:nth-of-type(3n+1) {
clear: both
}
.large-block-grid-4 > li {
list-style: none;
width: 25%
}
.large-block-grid-4 > li:nth-of-type(1n) {
clear: none
}
.large-block-grid-4 > li:nth-of-type(4n+1) {
clear: both
}
.large-block-grid-5 > li {
list-style: none;
width: 20%
}
.large-block-grid-5 > li:nth-of-type(1n) {
clear: none
}
.large-block-grid-5 > li:nth-of-type(5n+1) {
clear: both
}
.large-block-grid-6 > li {
list-style: none;
width: 16.6666666667%
}
.large-block-grid-6 > li:nth-of-type(1n) {
clear: none
}
.large-block-grid-6 > li:nth-of-type(6n+1) {
clear: both
}
.large-block-grid-7 > li {
list-style: none;
width: 14.2857142857%
}
.large-block-grid-7 > li:nth-of-type(1n) {
clear: none
}
.large-block-grid-7 > li:nth-of-type(7n+1) {
clear: both
}
.large-block-grid-8 > li {
list-style: none;
width: 12.5%
}
.large-block-grid-8 > li:nth-of-type(1n) {
clear: none
}
.large-block-grid-8 > li:nth-of-type(8n+1) {
clear: both
}
.large-block-grid-9 > li {
list-style: none;
width: 11.1111111111%
}
.large-block-grid-9 > li:nth-of-type(1n) {
clear: none
}
.large-block-grid-9 > li:nth-of-type(9n+1) {
clear: both
}
.large-block-grid-10 > li {
list-style: none;
width: 10%
}
.large-block-grid-10 > li:nth-of-type(1n) {
clear: none
}
.large-block-grid-10 > li:nth-of-type(10n+1) {
clear: both
}
.large-block-grid-11 > li {
list-style: none;
width: 9.0909090909%
}
.large-block-grid-11 > li:nth-of-type(1n) {
clear: none
}
.large-block-grid-11 > li:nth-of-type(11n+1) {
clear: both
}
.large-block-grid-12 > li {
list-style: none;
width: 8.3333333333%
}
.large-block-grid-12 > li:nth-of-type(1n) {
clear: none
}
.large-block-grid-12 > li:nth-of-type(12n+1) {
clear: both
}
}
.breadcrumbs {
border-style: solid;
border-width: 1px;
display: block;
list-style: none;
margin-left: 0;
overflow: hidden;
padding: .5625rem .875rem .5625rem;
background-color: #f4f4f4;
border-color: #dcdcdc;
border-radius: 3px
}
.breadcrumbs > * {
color: #008CBA;
float: left;
font-size: .6875rem;
line-height: .6875rem;
margin: 0;
text-transform: uppercase
}
.breadcrumbs > :focus a, .breadcrumbs > :hover a {
text-decoration: underline
}
.breadcrumbs > * a {
color: #008CBA
}
.breadcrumbs > .current {
color: #333;
cursor: default
}
.breadcrumbs > .current a {
color: #333;
cursor: default
}
.breadcrumbs > .current:focus, .breadcrumbs > .current:focus a, .breadcrumbs > .current:hover, .breadcrumbs > .current:hover a {
text-decoration: none
}
.breadcrumbs > .unavailable {
color: #999
}
.breadcrumbs > .unavailable a {
color: #999
}
.breadcrumbs > .unavailable a:focus, .breadcrumbs > .unavailable:focus, .breadcrumbs > .unavailable:hover, .breadcrumbs > .unavailable:hover a {
color: #999;
cursor: not-allowed;
text-decoration: none
}
.breadcrumbs > :before {
color: #AAA;
content: "/";
margin: 0 .75rem;
position: relative;
top: 1px
}
.breadcrumbs > :first-child:before {
content: " ";
margin: 0
}
[aria-label=breadcrumbs] [aria-hidden=true]:after {
content: "/"
}
.button, button {
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0;
border-style: solid;
border-width: 0;
cursor: pointer;
font-family: proxima_nova_ltsemibold, Arial, sans-serif;
font-weight: 400;
line-height: normal;
margin: 0 0 1.25rem;
position: relative;
text-align: center;
text-decoration: none;
display: inline-block;
padding: 1rem 2rem 1.0625rem 2rem;
font-size: 1rem;
background-color: #008CBA;
border-color: #007095;
color: #FFF;
-webkit-transition: background-color .3s ease-out;
-o-transition: background-color .3s ease-out;
transition: background-color .3s ease-out
}
.button:focus, .button:hover, button:focus, button:hover {
background-color: #007095
}
.button:focus, .button:hover, button:focus, button:hover {
color: #FFF
}
.button.secondary, button.secondary {
background-color: #e7e7e7;
border-color: #b9b9b9;
color: #333
}
.button.secondary:focus, .button.secondary:hover, button.secondary:focus, button.secondary:hover {
background-color: #b9b9b9
}
.button.secondary:focus, .button.secondary:hover, button.secondary:focus, button.secondary:hover {
color: #333
}
.button.success, button.success {
background-color: #43AC6A;
border-color: #368a55;
color: #FFF
}
.button.success:focus, .button.success:hover, button.success:focus, button.success:hover {
background-color: #368a55
}
.button.success:focus, .button.success:hover, button.success:focus, button.success:hover {
color: #FFF
}
.button.alert, button.alert {
background-color: #f04124;
border-color: #cf2a0e;
color: #FFF
}
.button.alert:focus, .button.alert:hover, button.alert:focus, button.alert:hover {
background-color: #cf2a0e
}
.button.alert:focus, .button.alert:hover, button.alert:focus, button.alert:hover {
color: #FFF
}
.button.warning, button.warning {
background-color: #f08a24;
border-color: #cf6e0e;
color: #FFF
}
.button.warning:focus, .button.warning:hover, button.warning:focus, button.warning:hover {
background-color: #cf6e0e
}
.button.warning:focus, .button.warning:hover, button.warning:focus, button.warning:hover {
color: #FFF
}
.button.info, button.info {
background-color: #a0d3e8;
border-color: #61b6d9;
color: #333
}
.button.info:focus, .button.info:hover, button.info:focus, button.info:hover {
background-color: #61b6d9
}
.button.info:focus, .button.info:hover, button.info:focus, button.info:hover {
color: #FFF
}
.button.large, button.large {
padding: 1.125rem 2.25rem 1.1875rem 2.25rem;
font-size: 1.25rem
}
.button.small, button.small {
padding: .875rem 1.75rem .9375rem 1.75rem;
font-size: .8125rem
}
.button.tiny, button.tiny {
padding: .625rem 1.25rem .6875rem 1.25rem;
font-size: .6875rem
}
.button.expand, button.expand {
padding: 1rem 2rem 1.0625rem 2rem;
font-size: 1rem;
padding-bottom: 1.0625rem;
padding-top: 1rem;
padding-left: 1rem;
padding-right: 1rem;
width: 100%
}
.button.left-align, button.left-align {
text-align: left;
text-indent: .75rem
}
.button.right-align, button.right-align {
text-align: right;
padding-right: .75rem
}
.button.radius, button.radius {
border-radius: 3px
}
.button.round, button.round {
border-radius: 1000px
}
.button.disabled, .button[disabled], button.disabled, button[disabled] {
background-color: #008CBA;
border-color: #007095;
color: #FFF;
-webkit-box-shadow: none;
box-shadow: none;
cursor: default;
opacity: .7
}
.button.disabled:focus, .button.disabled:hover, .button[disabled]:focus, .button[disabled]:hover, button.disabled:focus, button.disabled:hover, button[disabled]:focus, button[disabled]:hover {
background-color: #007095
}
.button.disabled:focus, .button.disabled:hover, .button[disabled]:focus, .button[disabled]:hover, button.disabled:focus, button.disabled:hover, button[disabled]:focus, button[disabled]:hover {
color: #FFF
}
.button.disabled:focus, .button.disabled:hover, .button[disabled]:focus, .button[disabled]:hover, button.disabled:focus, button.disabled:hover, button[disabled]:focus, button[disabled]:hover {
background-color: #008CBA
}
.button.disabled.secondary, .button[disabled].secondary, button.disabled.secondary, button[disabled].secondary {
background-color: #e7e7e7;
border-color: #b9b9b9;
color: #333;
-webkit-box-shadow: none;
box-shadow: none;
cursor: default;
opacity: .7
}
.button.disabled.secondary:focus, .button.disabled.secondary:hover, .button[disabled].secondary:focus, .button[disabled].secondary:hover, button.disabled.secondary:focus, button.disabled.secondary:hover, button[disabled].secondary:focus, button[disabled].secondary:hover {
background-color: #b9b9b9
}
.button.disabled.secondary:focus, .button.disabled.secondary:hover, .button[disabled].secondary:focus, .button[disabled].secondary:hover, button.disabled.secondary:focus, button.disabled.secondary:hover, button[disabled].secondary:focus, button[disabled].secondary:hover {
color: #333
}
.button.disabled.secondary:focus, .button.disabled.secondary:hover, .button[disabled].secondary:focus, .button[disabled].secondary:hover, button.disabled.secondary:focus, button.disabled.secondary:hover, button[disabled].secondary:focus, button[disabled].secondary:hover {
background-color: #e7e7e7
}
.button.disabled.success, .button[disabled].success, button.disabled.success, button[disabled].success {
background-color: #43AC6A;
border-color: #368a55;
color: #FFF;
-webkit-box-shadow: none;
box-shadow: none;
cursor: default;
opacity: .7
}
.button.disabled.success:focus, .button.disabled.success:hover, .button[disabled].success:focus, .button[disabled].success:hover, button.disabled.success:focus, button.disabled.success:hover, button[disabled].success:focus, button[disabled].success:hover {
background-color: #368a55
}
.button.disabled.success:focus, .button.disabled.success:hover, .button[disabled].success:focus, .button[disabled].success:hover, button.disabled.success:focus, button.disabled.success:hover, button[disabled].success:focus, button[disabled].success:hover {
color: #FFF
}
.button.disabled.success:focus, .button.disabled.success:hover, .button[disabled].success:focus, .button[disabled].success:hover, button.disabled.success:focus, button.disabled.success:hover, button[disabled].success:focus, button[disabled].success:hover {
background-color: #43AC6A
}
.button.disabled.alert, .button[disabled].alert, button.disabled.alert, button[disabled].alert {
background-color: #f04124;
border-color: #cf2a0e;
color: #FFF;
-webkit-box-shadow: none;
box-shadow: none;
cursor: default;
opacity: .7
}
.button.disabled.alert:focus, .button.disabled.alert:hover, .button[disabled].alert:focus, .button[disabled].alert:hover, button.disabled.alert:focus, button.disabled.alert:hover, button[disabled].alert:focus, button[disabled].alert:hover {
background-color: #cf2a0e
}
.button.disabled.alert:focus, .button.disabled.alert:hover, .button[disabled].alert:focus, .button[disabled].alert:hover, button.disabled.alert:focus, button.disabled.alert:hover, button[disabled].alert:focus, button[disabled].alert:hover {
color: #FFF
}
.button.disabled.alert:focus, .button.disabled.alert:hover, .button[disabled].alert:focus, .button[disabled].alert:hover, button.disabled.alert:focus, button.disabled.alert:hover, button[disabled].alert:focus, button[disabled].alert:hover {
background-color: #f04124
}
.button.disabled.warning, .button[disabled].warning, button.disabled.warning, button[disabled].warning {
background-color: #f08a24;
border-color: #cf6e0e;
color: #FFF;
-webkit-box-shadow: none;
box-shadow: none;
cursor: default;
opacity: .7
}
.button.disabled.warning:focus, .button.disabled.warning:hover, .button[disabled].warning:focus, .button[disabled].warning:hover, button.disabled.warning:focus, button.disabled.warning:hover, button[disabled].warning:focus, button[disabled].warning:hover {
background-color: #cf6e0e
}
.button.disabled.warning:focus, .button.disabled.warning:hover, .button[disabled].warning:focus, .button[disabled].warning:hover, button.disabled.warning:focus, button.disabled.warning:hover, button[disabled].warning:focus, button[disabled].warning:hover {
color: #FFF
}
.button.disabled.warning:focus, .button.disabled.warning:hover, .button[disabled].warning:focus, .button[disabled].warning:hover, button.disabled.warning:focus, button.disabled.warning:hover, button[disabled].warning:focus, button[disabled].warning:hover {
background-color: #f08a24
}
.button.disabled.info, .button[disabled].info, button.disabled.info, button[disabled].info {
background-color: #a0d3e8;
border-color: #61b6d9;
color: #333;
-webkit-box-shadow: none;
box-shadow: none;
cursor: default;
opacity: .7
}
.button.disabled.info:focus, .button.disabled.info:hover, .button[disabled].info:focus, .button[disabled].info:hover, button.disabled.info:focus, button.disabled.info:hover, button[disabled].info:focus, button[disabled].info:hover {
background-color: #61b6d9
}
.button.disabled.info:focus, .button.disabled.info:hover, .button[disabled].info:focus, .button[disabled].info:hover, button.disabled.info:focus, button.disabled.info:hover, button[disabled].info:focus, button[disabled].info:hover {
color: #FFF
}
.button.disabled.info:focus, .button.disabled.info:hover, .button[disabled].info:focus, .button[disabled].info:hover, button.disabled.info:focus, button.disabled.info:hover, button[disabled].info:focus, button[disabled].info:hover {
background-color: #a0d3e8
}
button::-moz-focus-inner {
border: 0;
padding: 0
}
@media only screen and (min-width: 40.0625em) {
.button, button {
display: inline-block
}
}
.button-group {
list-style: none;
margin: 0;
left: 0
}
.button-group:after, .button-group:before {
content: " ";
display: table
}
.button-group:after {
clear: both
}
.button-group.even-2 li {
display: inline-block;
margin: 0 -2px;
width: 50%
}
.button-group.even-2 li .button, .button-group.even-2 li > button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, .5)
}
.button-group.even-2 li:first-child .button, .button-group.even-2 li:first-child button {
border-left: 0
}
.button-group.even-2 li .button, .button-group.even-2 li button {
width: 100%
}
.button-group.even-3 li {
display: inline-block;
margin: 0 -2px;
width: 33.3333333333%
}
.button-group.even-3 li .button, .button-group.even-3 li > button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, .5)
}
.button-group.even-3 li:first-child .button, .button-group.even-3 li:first-child button {
border-left: 0
}
.button-group.even-3 li .button, .button-group.even-3 li button {
width: 100%
}
.button-group.even-4 li {
display: inline-block;
margin: 0 -2px;
width: 25%
}
.button-group.even-4 li .button, .button-group.even-4 li > button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, .5)
}
.button-group.even-4 li:first-child .button, .button-group.even-4 li:first-child button {
border-left: 0
}
.button-group.even-4 li .button, .button-group.even-4 li button {
width: 100%
}
.button-group.even-5 li {
display: inline-block;
margin: 0 -2px;
width: 20%
}
.button-group.even-5 li .button, .button-group.even-5 li > button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, .5)
}
.button-group.even-5 li:first-child .button, .button-group.even-5 li:first-child button {
border-left: 0
}
.button-group.even-5 li .button, .button-group.even-5 li button {
width: 100%
}
.button-group.even-6 li {
display: inline-block;
margin: 0 -2px;
width: 16.6666666667%
}
.button-group.even-6 li .button, .button-group.even-6 li > button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, .5)
}
.button-group.even-6 li:first-child .button, .button-group.even-6 li:first-child button {
border-left: 0
}
.button-group.even-6 li .button, .button-group.even-6 li button {
width: 100%
}
.button-group.even-7 li {
display: inline-block;
margin: 0 -2px;
width: 14.2857142857%
}
.button-group.even-7 li .button, .button-group.even-7 li > button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, .5)
}
.button-group.even-7 li:first-child .button, .button-group.even-7 li:first-child button {
border-left: 0
}
.button-group.even-7 li .button, .button-group.even-7 li button {
width: 100%
}
.button-group.even-8 li {
display: inline-block;
margin: 0 -2px;
width: 12.5%
}
.button-group.even-8 li .button, .button-group.even-8 li > button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, .5)
}
.button-group.even-8 li:first-child .button, .button-group.even-8 li:first-child button {
border-left: 0
}
.button-group.even-8 li .button, .button-group.even-8 li button {
width: 100%
}
.button-group > li {
display: inline-block;
margin: 0 -2px
}
.button-group > li .button, .button-group > li > button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, .5)
}
.button-group > li:first-child .button, .button-group > li:first-child button {
border-left: 0
}
.button-group.stack > li {
display: block;
margin: 0;
float: none
}
.button-group.stack > li .button, .button-group.stack > li > button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, .5)
}
.button-group.stack > li:first-child .button, .button-group.stack > li:first-child button {
border-left: 0
}
.button-group.stack > li .button, .button-group.stack > li > button {
border-color: rgba(255, 255, 255, .5);
border-left-width: 0;
border-top: 1px solid;
display: block;
margin: 0
}
.button-group.stack > li > button {
width: 100%
}
.button-group.stack > li:first-child .button, .button-group.stack > li:first-child button {
border-top: 0
}
.button-group.stack-for-small > li {
display: inline-block;
margin: 0 -2px
}
.button-group.stack-for-small > li .button, .button-group.stack-for-small > li > button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, .5)
}
.button-group.stack-for-small > li:first-child .button, .button-group.stack-for-small > li:first-child button {
border-left: 0
}
@media only screen and (max-width: 40em) {
.button-group.stack-for-small > li {
display: block;
margin: 0;
width: 100%
}
.button-group.stack-for-small > li .button, .button-group.stack-for-small > li > button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, .5)
}
.button-group.stack-for-small > li:first-child .button, .button-group.stack-for-small > li:first-child button {
border-left: 0
}
.button-group.stack-for-small > li .button, .button-group.stack-for-small > li > button {
border-color: rgba(255, 255, 255, .5);
border-left-width: 0;
border-top: 1px solid;
display: block;
margin: 0
}
.button-group.stack-for-small > li > button {
width: 100%
}
.button-group.stack-for-small > li:first-child .button, .button-group.stack-for-small > li:first-child button {
border-top: 0
}
}
.button-group.radius > * {
display: inline-block;
margin: 0 -2px
}
.button-group.radius > * .button, .button-group.radius > * > button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, .5)
}
.button-group.radius > :first-child .button, .button-group.radius > :first-child button {
border-left: 0
}
.button-group.radius > *, .button-group.radius > * > .button, .button-group.radius > * > a, .button-group.radius > * > button {
border-radius: 0
}
.button-group.radius > :first-child, .button-group.radius > :first-child > .button, .button-group.radius > :first-child > a, .button-group.radius > :first-child > button {
-webkit-border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px
}
.button-group.radius > :last-child, .button-group.radius > :last-child > .button, .button-group.radius > :last-child > a, .button-group.radius > :last-child > button {
-webkit-border-bottom-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-top-right-radius: 3px
}
.button-group.radius.stack > * {
display: block;
margin: 0
}
.button-group.radius.stack > * .button, .button-group.radius.stack > * > button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, .5)
}
.button-group.radius.stack > :first-child .button, .button-group.radius.stack > :first-child button {
border-left: 0
}
.button-group.radius.stack > * .button, .button-group.radius.stack > * > button {
border-color: rgba(255, 255, 255, .5);
border-left-width: 0;
border-top: 1px solid;
display: block;
margin: 0
}
.button-group.radius.stack > * > button {
width: 100%
}
.button-group.radius.stack > :first-child .button, .button-group.radius.stack > :first-child button {
border-top: 0
}
.button-group.radius.stack > *, .button-group.radius.stack > * > .button, .button-group.radius.stack > * > a, .button-group.radius.stack > * > button {
border-radius: 0
}
.button-group.radius.stack > :first-child, .button-group.radius.stack > :first-child > .button, .button-group.radius.stack > :first-child > a, .button-group.radius.stack > :first-child > button {
-webkit-top-left-radius: 3px;
-webkit-top-right-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px
}
.button-group.radius.stack > :last-child, .button-group.radius.stack > :last-child > .button, .button-group.radius.stack > :last-child > a, .button-group.radius.stack > :last-child > button {
-webkit-bottom-left-radius: 3px;
-webkit-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px
}
@media only screen and (min-width: 40.0625em) {
.button-group.radius.stack-for-small > * {
display: inline-block;
margin: 0 -2px
}
.button-group.radius.stack-for-small > * .button, .button-group.radius.stack-for-small > * > button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, .5)
}
.button-group.radius.stack-for-small > :first-child .button, .button-group.radius.stack-for-small > :first-child button {
border-left: 0
}
.button-group.radius.stack-for-small > *, .button-group.radius.stack-for-small > * > .button, .button-group.radius.stack-for-small > * > a, .button-group.radius.stack-for-small > * > button {
border-radius: 0
}
.button-group.radius.stack-for-small > :first-child, .button-group.radius.stack-for-small > :first-child > .button, .button-group.radius.stack-for-small > :first-child > a, .button-group.radius.stack-for-small > :first-child > button {
-webkit-border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px
}
.button-group.radius.stack-for-small > :last-child, .button-group.radius.stack-for-small > :last-child > .button, .button-group.radius.stack-for-small > :last-child > a, .button-group.radius.stack-for-small > :last-child > button {
-webkit-border-bottom-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-top-right-radius: 3px
}
}
@media only screen and (max-width: 40em) {
.button-group.radius.stack-for-small > * {
display: block;
margin: 0
}
.button-group.radius.stack-for-small > * .button, .button-group.radius.stack-for-small > * > button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, .5)
}
.button-group.radius.stack-for-small > :first-child .button, .button-group.radius.stack-for-small > :first-child button {
border-left: 0
}
.button-group.radius.stack-for-small > * .button, .button-group.radius.stack-for-small > * > button {
border-color: rgba(255, 255, 255, .5);
border-left-width: 0;
border-top: 1px solid;
display: block;
margin: 0
}
.button-group.radius.stack-for-small > * > button {
width: 100%
}
.button-group.radius.stack-for-small > :first-child .button, .button-group.radius.stack-for-small > :first-child button {
border-top: 0
}
.button-group.radius.stack-for-small > *, .button-group.radius.stack-for-small > * > .button, .button-group.radius.stack-for-small > * > a, .button-group.radius.stack-for-small > * > button {
border-radius: 0
}
.button-group.radius.stack-for-small > :first-child, .button-group.radius.stack-for-small > :first-child > .button, .button-group.radius.stack-for-small > :first-child > a, .button-group.radius.stack-for-small > :first-child > button {
-webkit-top-left-radius: 3px;
-webkit-top-right-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px
}
.button-group.radius.stack-for-small > :last-child, .button-group.radius.stack-for-small > :last-child > .button, .button-group.radius.stack-for-small > :last-child > a, .button-group.radius.stack-for-small > :last-child > button {
-webkit-bottom-left-radius: 3px;
-webkit-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px
}
}
.button-group.round > * {
display: inline-block;
margin: 0 -2px
}
.button-group.round > * .button, .button-group.round > * > button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, .5)
}
.button-group.round > :first-child .button, .button-group.round > :first-child button {
border-left: 0
}
.button-group.round > *, .button-group.round > * > .button, .button-group.round > * > a, .button-group.round > * > button {
border-radius: 0
}
.button-group.round > :first-child, .button-group.round > :first-child > .button, .button-group.round > :first-child > a, .button-group.round > :first-child > button {
-webkit-border-bottom-left-radius: 1000px;
-webkit-border-top-left-radius: 1000px;
border-bottom-left-radius: 1000px;
border-top-left-radius: 1000px
}
.button-group.round > :last-child, .button-group.round > :last-child > .button, .button-group.round > :last-child > a, .button-group.round > :last-child > button {
-webkit-border-bottom-right-radius: 1000px;
-webkit-border-top-right-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-right-radius: 1000px
}
.button-group.round.stack > * {
display: block;
margin: 0
}
.button-group.round.stack > * .button, .button-group.round.stack > * > button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, .5)
}
.button-group.round.stack > :first-child .button, .button-group.round.stack > :first-child button {
border-left: 0
}
.button-group.round.stack > * .button, .button-group.round.stack > * > button {
border-color: rgba(255, 255, 255, .5);
border-left-width: 0;
border-top: 1px solid;
display: block;
margin: 0
}
.button-group.round.stack > * > button {
width: 100%
}
.button-group.round.stack > :first-child .button, .button-group.round.stack > :first-child button {
border-top: 0
}
.button-group.round.stack > *, .button-group.round.stack > * > .button, .button-group.round.stack > * > a, .button-group.round.stack > * > button {
border-radius: 0
}
.button-group.round.stack > :first-child, .button-group.round.stack > :first-child > .button, .button-group.round.stack > :first-child > a, .button-group.round.stack > :first-child > button {
-webkit-top-left-radius: 1rem;
-webkit-top-right-radius: 1rem;
border-top-left-radius: 1rem;
border-top-right-radius: 1rem
}
.button-group.round.stack > :last-child, .button-group.round.stack > :last-child > .button, .button-group.round.stack > :last-child > a, .button-group.round.stack > :last-child > button {
-webkit-bottom-left-radius: 1rem;
-webkit-bottom-right-radius: 1rem;
border-bottom-left-radius: 1rem;
border-bottom-right-radius: 1rem
}
@media only screen and (min-width: 40.0625em) {
.button-group.round.stack-for-small > * {
display: inline-block;
margin: 0 -2px
}
.button-group.round.stack-for-small > * .button, .button-group.round.stack-for-small > * > button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, .5)
}
.button-group.round.stack-for-small > :first-child .button, .button-group.round.stack-for-small > :first-child button {
border-left: 0
}
.button-group.round.stack-for-small > *, .button-group.round.stack-for-small > * > .button, .button-group.round.stack-for-small > * > a, .button-group.round.stack-for-small > * > button {
border-radius: 0
}
.button-group.round.stack-for-small > :first-child, .button-group.round.stack-for-small > :first-child > .button, .button-group.round.stack-for-small > :first-child > a, .button-group.round.stack-for-small > :first-child > button {
-webkit-border-bottom-left-radius: 1000px;
-webkit-border-top-left-radius: 1000px;
border-bottom-left-radius: 1000px;
border-top-left-radius: 1000px
}
.button-group.round.stack-for-small > :last-child, .button-group.round.stack-for-small > :last-child > .button, .button-group.round.stack-for-small > :last-child > a, .button-group.round.stack-for-small > :last-child > button {
-webkit-border-bottom-right-radius: 1000px;
-webkit-border-top-right-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-right-radius: 1000px
}
}
@media only screen and (max-width: 40em) {
.button-group.round.stack-for-small > * {
display: block;
margin: 0
}
.button-group.round.stack-for-small > * .button, .button-group.round.stack-for-small > * > button {
border-left: 1px solid;
border-color: rgba(255, 255, 255, .5)
}
.button-group.round.stack-for-small > :first-child .button, .button-group.round.stack-for-small > :first-child button {
border-left: 0
}
.button-group.round.stack-for-small > * .button, .button-group.round.stack-for-small > * > button {
border-color: rgba(255, 255, 255, .5);
border-left-width: 0;
border-top: 1px solid;
display: block;
margin: 0
}
.button-group.round.stack-for-small > * > button {
width: 100%
}
.button-group.round.stack-for-small > :first-child .button, .button-group.round.stack-for-small > :first-child button {
border-top: 0
}
.button-group.round.stack-for-small > *, .button-group.round.stack-for-small > * > .button, .button-group.round.stack-for-small > * > a, .button-group.round.stack-for-small > * > button {
border-radius: 0
}
.button-group.round.stack-for-small > :first-child, .button-group.round.stack-for-small > :first-child > .button, .button-group.round.stack-for-small > :first-child > a, .button-group.round.stack-for-small > :first-child > button {
-webkit-top-left-radius: 1rem;
-webkit-top-right-radius: 1rem;
border-top-left-radius: 1rem;
border-top-right-radius: 1rem
}
.button-group.round.stack-for-small > :last-child, .button-group.round.stack-for-small > :last-child > .button, .button-group.round.stack-for-small > :last-child > a, .button-group.round.stack-for-small > :last-child > button {
-webkit-bottom-left-radius: 1rem;
-webkit-bottom-right-radius: 1rem;
border-bottom-left-radius: 1rem;
border-bottom-right-radius: 1rem
}
}
.button-bar:after, .button-bar:before {
content: " ";
display: table
}
.button-bar:after {
clear: both
}
.button-bar .button-group {
float: left;
margin-right: .625rem
}
.button-bar .button-group div {
overflow: hidden
}
.clearing-thumbs, [data-clearing] {
list-style: none;
margin-left: 0;
margin-bottom: 0
}
.clearing-thumbs:after, .clearing-thumbs:before, [data-clearing]:after, [data-clearing]:before {
content: " ";
display: table
}
.clearing-thumbs:after, [data-clearing]:after {
clear: both
}
.clearing-thumbs li, [data-clearing] li {
float: left;
margin-right: 10px
}
.clearing-thumbs[class*=block-grid-] li, [data-clearing][class*=block-grid-] li {
margin-right: 0
}
.clearing-blackout {
background: #333;
height: 100%;
position: fixed;
top: 0;
width: 100%;
z-index: 998;
left: 0
}
.clearing-blackout .clearing-close {
display: block
}
.clearing-container {
height: 100%;
margin: 0;
overflow: hidden;
position: relative;
z-index: 998
}
.clearing-touch-label {
color: #AAA;
font-size: .6em;
left: 50%;
position: absolute;
top: 50%
}
.visible-img {
height: 95%;
position: relative
}
.visible-img img {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
-o-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
max-height: 100%;
max-width: 100%
}
.clearing-caption {
background: #333;
bottom: 0;
color: #CCC;
font-size: .875em;
line-height: 1.3;
margin-bottom: 0;
padding: 10px 30px 20px;
position: absolute;
text-align: center;
width: 100%;
left: 0
}
.clearing-close {
color: #CCC;
display: none;
font-size: 30px;
line-height: 1;
padding-left: 20px;
padding-top: 10px;
z-index: 999
}
.clearing-close:focus, .clearing-close:hover {
color: #CCC
}
.clearing-assembled .clearing-container {
height: 100%
}
.clearing-assembled .clearing-container .carousel > ul {
display: none
}
.clearing-feature li {
display: none
}
.clearing-feature li.clearing-featured-img {
display: block
}
@media only screen and (min-width: 40.0625em) {
.clearing-main-next, .clearing-main-prev {
height: 100%;
position: absolute;
top: 0;
width: 40px
}
.clearing-main-next > span, .clearing-main-prev > span {
border: solid 12px;
display: block;
height: 0;
position: absolute;
top: 50%;
width: 0
}
.clearing-main-next > span:hover, .clearing-main-prev > span:hover {
opacity: .8
}
.clearing-main-prev {
left: 0
}
.clearing-main-prev > span {
left: 5px;
border-color: transparent;
border-right-color: #CCC
}
.clearing-main-next {
right: 0
}
.clearing-main-next > span {
border-color: transparent;
border-left-color: #CCC
}
.clearing-main-next.disabled, .clearing-main-prev.disabled {
opacity: .3
}
.clearing-assembled .clearing-container .carousel {
background: rgba(51, 51, 51, .8);
height: 120px;
margin-top: 10px;
text-align: center
}
.clearing-assembled .clearing-container .carousel > ul {
display: inline-block;
z-index: 999;
height: 100%;
position: relative;
float: none
}
.clearing-assembled .clearing-container .carousel > ul li {
clear: none;
cursor: pointer;
display: block;
float: left;
margin-right: 0;
min-height: inherit;
opacity: .4;
overflow: hidden;
padding: 0;
position: relative;
width: 120px
}
.clearing-assembled .clearing-container .carousel > ul li.fix-height img {
height: 100%;
max-width: none
}
.clearing-assembled .clearing-container .carousel > ul li a.th {
border: none;
-webkit-box-shadow: none;
box-shadow: none;
display: block
}
.clearing-assembled .clearing-container .carousel > ul li img {
cursor: pointer !important;
width: 100% !important
}
.clearing-assembled .clearing-container .carousel > ul li.visible {
opacity: 1
}
.clearing-assembled .clearing-container .carousel > ul li:hover {
opacity: .8
}
.clearing-assembled .clearing-container .visible-img {
background: #333;
height: 85%;
overflow: hidden
}
.clearing-close {
padding-left: 0;
padding-top: 0;
position: absolute;
top: 10px;
right: 20px
}
}
.f-dropdown {
display: none;
left: -9999px;
list-style: none;
margin-left: 0;
position: absolute;
background: #FFF;
border: solid 1px #ccc;
font-size: .875rem;
height: auto;
max-height: none;
width: 100%;
z-index: 89;
margin-top: 2px;
max-width: 200px
}
.f-dropdown.open {
display: block
}
.f-dropdown > :first-child {
margin-top: 0
}
.f-dropdown > :last-child {
margin-bottom: 0
}
.f-dropdown:before {
border: inset 6px;
content: "";
display: block;
height: 0;
width: 0;
border-color: transparent transparent #FFF transparent;
border-bottom-style: solid;
position: absolute;
top: -12px;
left: 10px;
z-index: 89
}
.f-dropdown:after {
border: inset 7px;
content: "";
display: block;
height: 0;
width: 0;
border-color: transparent transparent #ccc transparent;
border-bottom-style: solid;
position: absolute;
top: -14px;
left: 9px;
z-index: 88
}
.f-dropdown.right:before {
left: auto;
right: 10px
}
.f-dropdown.right:after {
left: auto;
right: 9px
}
.f-dropdown.drop-right {
display: none;
left: -9999px;
list-style: none;
margin-left: 0;
position: absolute;
background: #FFF;
border: solid 1px #ccc;
font-size: .875rem;
height: auto;
max-height: none;
width: 100%;
z-index: 89;
margin-top: 0;
margin-left: 2px;
max-width: 200px
}
.f-dropdown.drop-right.open {
display: block
}
.f-dropdown.drop-right > :first-child {
margin-top: 0
}
.f-dropdown.drop-right > :last-child {
margin-bottom: 0
}
.f-dropdown.drop-right:before {
border: inset 6px;
content: "";
display: block;
height: 0;
width: 0;
border-color: transparent #FFF transparent transparent;
border-right-style: solid;
position: absolute;
top: 10px;
left: -12px;
z-index: 89
}
.f-dropdown.drop-right:after {
border: inset 7px;
content: "";
display: block;
height: 0;
width: 0;
border-color: transparent #ccc transparent transparent;
border-right-style: solid;
position: absolute;
top: 9px;
left: -14px;
z-index: 88
}
.f-dropdown.drop-left {
display: none;
left: -9999px;
list-style: none;
margin-left: 0;
position: absolute;
background: #FFF;
border: solid 1px #ccc;
font-size: .875rem;
height: auto;
max-height: none;
width: 100%;
z-index: 89;
margin-top: 0;
margin-left: -2px;
max-width: 200px
}
.f-dropdown.drop-left.open {
display: block
}
.f-dropdown.drop-left > :first-child {
margin-top: 0
}
.f-dropdown.drop-left > :last-child {
margin-bottom: 0
}
.f-dropdown.drop-left:before {
border: inset 6px;
content: "";
display: block;
height: 0;
width: 0;
border-color: transparent transparent transparent #FFF;
border-left-style: solid;
position: absolute;
top: 10px;
right: -12px;
left: auto;
z-index: 89
}
.f-dropdown.drop-left:after {
border: inset 7px;
content: "";
display: block;
height: 0;
width: 0;
border-color: transparent transparent transparent #ccc;
border-left-style: solid;
position: absolute;
top: 9px;
right: -14px;
left: auto;
z-index: 88
}
.f-dropdown.drop-top {
display: none;
left: -9999px;
list-style: none;
margin-left: 0;
position: absolute;
background: #FFF;
border: solid 1px #ccc;
font-size: .875rem;
height: auto;
max-height: none;
width: 100%;
z-index: 89;
margin-left: 0;
margin-top: -2px;
max-width: 200px
}
.f-dropdown.drop-top.open {
display: block
}
.f-dropdown.drop-top > :first-child {
margin-top: 0
}
.f-dropdown.drop-top > :last-child {
margin-bottom: 0
}
.f-dropdown.drop-top:before {
border: inset 6px;
content: "";
display: block;
height: 0;
width: 0;
border-color: #FFF transparent transparent transparent;
border-top-style: solid;
bottom: -12px;
position: absolute;
top: auto;
left: 10px;
right: auto;
z-index: 89
}
.f-dropdown.drop-top:after {
border: inset 7px;
content: "";
display: block;
height: 0;
width: 0;
border-color: #ccc transparent transparent transparent;
border-top-style: solid;
bottom: -14px;
position: absolute;
top: auto;
left: 9px;
right: auto;
z-index: 88
}
.f-dropdown li {
cursor: pointer;
font-size: .875rem;
line-height: 1.125rem;
margin: 0
}
.f-dropdown li:focus, .f-dropdown li:hover {
background: #EEE
}
.f-dropdown li a {
display: block;
padding: .5rem;
color: #555
}
.f-dropdown.content {
display: none;
left: -9999px;
list-style: none;
margin-left: 0;
position: absolute;
background: #FFF;
border: solid 1px #ccc;
font-size: .875rem;
height: auto;
max-height: none;
padding: 1.25rem;
width: 100%;
z-index: 89;
max-width: 200px
}
.f-dropdown.content.open {
display: block
}
.f-dropdown.content > :first-child {
margin-top: 0
}
.f-dropdown.content > :last-child {
margin-bottom: 0
}
.f-dropdown.radius {
border-radius: 3px
}
.f-dropdown.tiny {
max-width: 200px
}
.f-dropdown.small {
max-width: 300px
}
.f-dropdown.medium {
max-width: 500px
}
.f-dropdown.large {
max-width: 800px
}
.f-dropdown.mega {
width: 100% !important;
max-width: 100% !important
}
.f-dropdown.mega.open {
left: 0 !important
}
.dropdown.button, button.dropdown {
position: relative;
padding-right: 3.5625rem
}
.dropdown.button::after, button.dropdown::after {
border-color: #FFF transparent transparent transparent;
border-style: solid;
content: "";
display: block;
height: 0;
position: absolute;
top: 50%;
width: 0
}
.dropdown.button::after, button.dropdown::after {
border-width: .375rem;
right: 1.40625rem;
margin-top: -.15625rem
}
.dropdown.button::after, button.dropdown::after {
border-color: #FFF transparent transparent transparent
}
.dropdown.button.tiny, button.dropdown.tiny {
padding-right: 2.625rem
}
.dropdown.button.tiny:after, button.dropdown.tiny:after {
border-width: .375rem;
right: 1.125rem;
margin-top: -.125rem
}
.dropdown.button.tiny::after, button.dropdown.tiny::after {
border-color: #FFF transparent transparent transparent
}
.dropdown.button.small, button.dropdown.small {
padding-right: 3.0625rem
}
.dropdown.button.small::after, button.dropdown.small::after {
border-width: .4375rem;
right: 1.3125rem;
margin-top: -.15625rem
}
.dropdown.button.small::after, button.dropdown.small::after {
border-color: #FFF transparent transparent transparent
}
.dropdown.button.large, button.dropdown.large {
padding-right: 3.625rem
}
.dropdown.button.large::after, button.dropdown.large::after {
border-width: .3125rem;
right: 1.71875rem;
margin-top: -.15625rem
}
.dropdown.button.large::after, button.dropdown.large::after {
border-color: #FFF transparent transparent transparent
}
.dropdown.button.secondary:after, button.dropdown.secondary:after {
border-color: #333 transparent transparent transparent
}
.flex-video {
height: 0;
margin-bottom: 1rem;
overflow: hidden;
padding-bottom: 67.5%;
padding-top: 1.5625rem;
position: relative
}
.flex-video.widescreen {
padding-bottom: 56.34%
}
.flex-video.vimeo {
padding-top: 0
}
.flex-video embed, .flex-video iframe, .flex-video object, .flex-video video {
height: 100%;
position: absolute;
top: 0;
width: 100%;
left: 0
}
form {
margin: 0 0 1rem
}
form .row .row {
margin: 0 -.5rem
}
form .row .row .column, form .row .row .columns {
padding: 0 .5rem
}
form .row .row.collapse {
margin: 0
}
form .row .row.collapse .column, form .row .row.collapse .columns {
padding: 0
}
form .row .row.collapse input {
-webkit-border-bottom-right-radius: 0;
-webkit-border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-top-right-radius: 0
}
form .row input.column, form .row input.columns, form .row textarea.column, form .row textarea.columns {
padding-left: .5rem
}
label {
color: #6e6963;
cursor: pointer;
display: block;
font-size: .875rem;
font-weight: 400;
line-height: 1.5;
margin-bottom: 0
}
label.right {
float: none !important;
text-align: right
}
label.inline {
margin: 0 0 1rem 0;
padding: .5625rem 0
}
label small {
text-transform: capitalize;
color: #857f79
}
.postfix, .prefix {
border-style: solid;
border-width: 1px;
display: block;
font-size: .875rem;
height: 2.3125rem;
line-height: 2.3125rem;
overflow: visible;
padding-bottom: 0;
padding-top: 0;
position: relative;
text-align: center;
width: 100%;
z-index: 2
}
.postfix.button {
border: none;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
padding-top: 0;
text-align: center
}
.prefix.button {
border: none;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
padding-top: 0;
text-align: center
}
.prefix.button.radius {
border-radius: 0;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px
}
.postfix.button.radius {
border-radius: 0;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-top-right-radius: 3px
}
.prefix.button.round {
border-radius: 0;
-webkit-border-bottom-left-radius: 1000px;
-webkit-border-top-left-radius: 1000px;
border-bottom-left-radius: 1000px;
border-top-left-radius: 1000px
}
.postfix.button.round {
border-radius: 0;
-webkit-border-bottom-right-radius: 1000px;
-webkit-border-top-right-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-right-radius: 1000px
}
label.prefix, span.prefix {
background: #f2f2f2;
border-right: none;
color: #333;
border-color: #ccc
}
label.postfix, span.postfix {
background: #f2f2f2;
border-left: none;
color: #333;
border-color: #ccc
}
input:not([type]), input[type=text], input[type=password], input[type=date], input[type=datetime], input[type=datetime-local], input[type=month], input[type=week], input[type=email], input[type=tel], input[type=time], input[type=url], input[type=color], input[type=number], input[type=search], textarea {
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0;
background-color: #FFF;
border-style: solid;
border-width: 1px;
border-color: #ccc;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
color: rgba(0, 0, 0, .75);
display: block;
font-family: inherit;
font-size: .875rem;
height: 2.3125rem;
margin: 0 0 1rem 0;
padding: .5rem;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: border-color .15s linear, background .15s linear;
-o-transition: border-color .15s linear, background .15s linear;
transition: border-color .15s linear, background .15s linear
}
input:not([type]):focus, input[type=text]:focus, input[type=password]:focus, input[type=date]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=month]:focus, input[type=week]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=time]:focus, input[type=url]:focus, input[type=color]:focus, input[type=number]:focus, input[type=search]:focus, textarea:focus {
background: #fafafa;
border-color: #999;
outline: 0
}
input:not([type]):disabled, input[type=text]:disabled, input[type=password]:disabled, input[type=date]:disabled, input[type=datetime]:disabled, input[type=datetime-local]:disabled, input[type=month]:disabled, input[type=week]:disabled, input[type=email]:disabled, input[type=tel]:disabled, input[type=time]:disabled, input[type=url]:disabled, input[type=color]:disabled, input[type=number]:disabled, input[type=search]:disabled, textarea:disabled {
background-color: #DDD;
cursor: default
}
fieldset[disabled] input:not([type]), fieldset[disabled] input[type=text], fieldset[disabled] input[type=password], fieldset[disabled] input[type=date], fieldset[disabled] input[type=datetime], fieldset[disabled] input[type=datetime-local], fieldset[disabled] input[type=month], fieldset[disabled] input[type=week], fieldset[disabled] input[type=email], fieldset[disabled] input[type=tel], fieldset[disabled] input[type=time], fieldset[disabled] input[type=url], fieldset[disabled] input[type=color], fieldset[disabled] input[type=number], fieldset[disabled] input[type=search], fieldset[disabled] textarea, input:not([type])[disabled], input:not([type])[readonly], input[type=text][disabled], input[type=text][readonly], input[type=password][disabled], input[type=password][readonly], input[type=date][disabled], input[type=date][readonly], input[type=datetime][disabled], input[type=datetime][readonly], input[type=datetime-local][disabled], input[type=datetime-local][readonly], input[type=month][disabled], input[type=month][readonly], input[type=week][disabled], input[type=week][readonly], input[type=email][disabled], input[type=email][readonly], input[type=tel][disabled], input[type=tel][readonly], input[type=time][disabled], input[type=time][readonly], input[type=url][disabled], input[type=url][readonly], input[type=color][disabled], input[type=color][readonly], input[type=number][disabled], input[type=number][readonly], input[type=search][disabled], input[type=search][readonly], textarea[disabled], textarea[readonly] {
background-color: #DDD;
cursor: default
}
input:not([type]).radius, input[type=text].radius, input[type=password].radius, input[type=date].radius, input[type=datetime].radius, input[type=datetime-local].radius, input[type=month].radius, input[type=week].radius, input[type=email].radius, input[type=tel].radius, input[type=time].radius, input[type=url].radius, input[type=color].radius, input[type=number].radius, input[type=search].radius, textarea.radius {
border-radius: 3px
}
form .row .prefix-radius.row.collapse button, form .row .prefix-radius.row.collapse input, form .row .prefix-radius.row.collapse select, form .row .prefix-radius.row.collapse textarea {
border-radius: 0;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-top-right-radius: 3px
}
form .row .prefix-radius.row.collapse .prefix {
border-radius: 0;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px
}
form .row .postfix-radius.row.collapse button, form .row .postfix-radius.row.collapse input, form .row .postfix-radius.row.collapse select, form .row .postfix-radius.row.collapse textarea {
border-radius: 0;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px
}
form .row .postfix-radius.row.collapse .postfix {
border-radius: 0;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-top-right-radius: 3px
}
form .row .prefix-round.row.collapse button, form .row .prefix-round.row.collapse input, form .row .prefix-round.row.collapse select, form .row .prefix-round.row.collapse textarea {
border-radius: 0;
-webkit-border-bottom-right-radius: 1000px;
-webkit-border-top-right-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-right-radius: 1000px
}
form .row .prefix-round.row.collapse .prefix {
border-radius: 0;
-webkit-border-bottom-left-radius: 1000px;
-webkit-border-top-left-radius: 1000px;
border-bottom-left-radius: 1000px;
border-top-left-radius: 1000px
}
form .row .postfix-round.row.collapse button, form .row .postfix-round.row.collapse input, form .row .postfix-round.row.collapse select, form .row .postfix-round.row.collapse textarea {
border-radius: 0;
-webkit-border-bottom-left-radius: 1000px;
-webkit-border-top-left-radius: 1000px;
border-bottom-left-radius: 1000px;
border-top-left-radius: 1000px
}
form .row .postfix-round.row.collapse .postfix {
border-radius: 0;
-webkit-border-bottom-right-radius: 1000px;
-webkit-border-top-right-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-right-radius: 1000px
}
input[type=submit] {
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 0
}
textarea[rows] {
height: auto
}
textarea {
max-width: 100%
}
::-webkit-input-placeholder {
color: #fff
}
:-moz-placeholder {
color: #fff
}
::-moz-placeholder {
color: #fff
}
:-ms-input-placeholder {
color: #fff
}
select {
-webkit-appearance: none !important;
-moz-appearance: none !important;
background-color: #FAFAFA;
border-radius: 0;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
background-position: 100% center;
background-repeat: no-repeat;
border-style: solid;
border-width: 1px;
border-color: #ccc;
color: rgba(0, 0, 0, .75);
font-family: inherit;
font-size: .875rem;
line-height: normal;
padding: .5rem;
border-radius: 0;
height: 2.3125rem
}
select::-ms-expand {
display: none
}
select.radius {
border-radius: 3px
}
select:focus {
background-color: #f3f3f3;
border-color: #999
}
select:disabled {
background-color: #DDD;
cursor: default
}
select[multiple] {
height: auto
}
input[type=file], input[type=checkbox], input[type=radio], select {
margin: 0 0 1rem 0
}
input[type=checkbox] + label, input[type=radio] + label {
display: inline-block;
margin-left: .5rem;
margin-right: 1rem;
margin-bottom: 0;
vertical-align: baseline
}
input[type=file] {
width: 100%
}
fieldset {
border: 1px solid #DDD;
margin: 1.125rem 0;
padding: 1.25rem
}
fieldset legend {
font-weight: 700;
margin: 0;
margin-left: -.1875rem;
padding: 0 .1875rem
}
[data-abide] .error small.error, [data-abide] .error span.error, [data-abide] small.error, [data-abide] span.error {
display: block;
font-size: .75rem;
font-style: italic;
font-weight: 400;
margin-bottom: 1rem;
margin-top: -1px;
padding: .375rem .5625rem .5625rem;
background: #f04124;
color: #FFF
}
[data-abide] small.error, [data-abide] span.error {
display: none
}
small.error, span.error {
display: block;
font-size: .75rem;
font-style: italic;
font-weight: 400;
margin-bottom: 1rem;
margin-top: -1px;
padding: .375rem .5625rem .5625rem;
background: #f04124;
color: #FFF
}
.error input, .error select, .error textarea {
margin-bottom: 0
}
.error input[type=checkbox], .error input[type=radio] {
margin-bottom: 1rem
}
.error label, .error label.error {
color: #f04124
}
.error small.error {
display: block;
font-size: .75rem;
font-style: italic;
font-weight: 400;
margin-bottom: 1rem;
margin-top: -1px;
padding: .375rem .5625rem .5625rem;
background: #f04124;
color: #FFF
}
.error > label > small {
background: 0 0;
color: #857f79;
display: inline;
font-size: 60%;
font-style: normal;
margin: 0;
padding: 0;
text-transform: capitalize
}
.error span.error-message {
display: block
}
input.error, select.error, textarea.error {
margin-bottom: 0
}
label.error {
color: #f04124
}
.icon-bar {
display: inline-block;
font-size: 0;
width: 100%;
background: #333
}
.icon-bar > * {
display: block;
float: left;
font-size: 1rem;
margin: 0 auto;
padding: 1.25rem;
text-align: center;
width: 25%
}
.icon-bar > * i, .icon-bar > * img {
display: block;
margin: 0 auto
}
.icon-bar > * i + label, .icon-bar > * img + label {
margin-top: .0625rem
}
.icon-bar > * i {
font-size: 1.875rem;
vertical-align: middle
}
.icon-bar > * img {
height: 1.875rem;
width: 1.875rem
}
.icon-bar.label-right > * i, .icon-bar.label-right > * img {
display: inline-block;
margin: 0 .0625rem 0 0
}
.icon-bar.label-right > * i + label, .icon-bar.label-right > * img + label {
margin-top: 0
}
.icon-bar.label-right > * label {
display: inline-block
}
.icon-bar.vertical.label-right > * {
text-align: left
}
.icon-bar.small-vertical, .icon-bar.vertical {
height: 100%;
width: auto
}
.icon-bar.small-vertical .item, .icon-bar.vertical .item {
float: none;
margin: auto;
width: auto
}
@media only screen and (min-width: 40.0625em) {
.icon-bar.medium-vertical {
height: 100%;
width: auto
}
.icon-bar.medium-vertical .item {
float: none;
margin: auto;
width: auto
}
}
@media only screen and (min-width: 64.0625em) {
.icon-bar.large-vertical {
height: 100%;
width: auto
}
.icon-bar.large-vertical .item {
float: none;
margin: auto;
width: auto
}
}
.icon-bar > * {
font-size: 1rem;
padding: 1.25rem
}
.icon-bar > * i + label, .icon-bar > * img + label {
margin-top: .0625rem;
font-size: 1rem
}
.icon-bar > * i {
font-size: 1.875rem
}
.icon-bar > * img {
height: 1.875rem;
width: 1.875rem
}
.icon-bar > * label {
color: #FFF
}
.icon-bar > * i {
color: #FFF
}
.icon-bar > a:hover {
background: #008CBA
}
.icon-bar > a:hover label {
color: #FFF
}
.icon-bar > a:hover i {
color: #FFF
}
.icon-bar > a.active {
background: #008CBA
}
.icon-bar > a.active label {
color: #FFF
}
.icon-bar > a.active i {
color: #FFF
}
.icon-bar .item.disabled {
cursor: not-allowed;
opacity: .7;
pointer-events: none
}
.icon-bar .item.disabled > * {
opacity: .7;
cursor: not-allowed
}
.icon-bar.two-up .item {
width: 50%
}
.icon-bar.two-up.small-vertical .item, .icon-bar.two-up.vertical .item {
width: auto
}
@media only screen and (min-width: 40.0625em) {
.icon-bar.two-up.medium-vertical .item {
width: auto
}
}
@media only screen and (min-width: 64.0625em) {
.icon-bar.two-up.large-vertical .item {
width: auto
}
}
.icon-bar.three-up .item {
width: 33.3333%
}
.icon-bar.three-up.small-vertical .item, .icon-bar.three-up.vertical .item {
width: auto
}
@media only screen and (min-width: 40.0625em) {
.icon-bar.three-up.medium-vertical .item {
width: auto
}
}
@media only screen and (min-width: 64.0625em) {
.icon-bar.three-up.large-vertical .item {
width: auto
}
}
.icon-bar.four-up .item {
width: 25%
}
.icon-bar.four-up.small-vertical .item, .icon-bar.four-up.vertical .item {
width: auto
}
@media only screen and (min-width: 40.0625em) {
.icon-bar.four-up.medium-vertical .item {
width: auto
}
}
@media only screen and (min-width: 64.0625em) {
.icon-bar.four-up.large-vertical .item {
width: auto
}
}
.icon-bar.five-up .item {
width: 20%
}
.icon-bar.five-up.small-vertical .item, .icon-bar.five-up.vertical .item {
width: auto
}
@media only screen and (min-width: 40.0625em) {
.icon-bar.five-up.medium-vertical .item {
width: auto
}
}
@media only screen and (min-width: 64.0625em) {
.icon-bar.five-up.large-vertical .item {
width: auto
}
}
.icon-bar.six-up .item {
width: 16.66667%
}
.icon-bar.six-up.small-vertical .item, .icon-bar.six-up.vertical .item {
width: auto
}
@media only screen and (min-width: 40.0625em) {
.icon-bar.six-up.medium-vertical .item {
width: auto
}
}
@media only screen and (min-width: 64.0625em) {
.icon-bar.six-up.large-vertical .item {
width: auto
}
}
.icon-bar.seven-up .item {
width: 14.28571%
}
.icon-bar.seven-up.small-vertical .item, .icon-bar.seven-up.vertical .item {
width: auto
}
@media only screen and (min-width: 40.0625em) {
.icon-bar.seven-up.medium-vertical .item {
width: auto
}
}
@media only screen and (min-width: 64.0625em) {
.icon-bar.seven-up.large-vertical .item {
width: auto
}
}
.icon-bar.eight-up .item {
width: 12.5%
}
.icon-bar.eight-up.small-vertical .item, .icon-bar.eight-up.vertical .item {
width: auto
}
@media only screen and (min-width: 40.0625em) {
.icon-bar.eight-up.medium-vertical .item {
width: auto
}
}
@media only screen and (min-width: 64.0625em) {
.icon-bar.eight-up.large-vertical .item {
width: auto
}
}
.icon-bar.two-up .item {
width: 50%
}
.icon-bar.two-up.small-vertical .item, .icon-bar.two-up.vertical .item {
width: auto
}
@media only screen and (min-width: 40.0625em) {
.icon-bar.two-up.medium-vertical .item {
width: auto
}
}
@media only screen and (min-width: 64.0625em) {
.icon-bar.two-up.large-vertical .item {
width: auto
}
}
.icon-bar.three-up .item {
width: 33.3333%
}
.icon-bar.three-up.small-vertical .item, .icon-bar.three-up.vertical .item {
width: auto
}
@media only screen and (min-width: 40.0625em) {
.icon-bar.three-up.medium-vertical .item {
width: auto
}
}
@media only screen and (min-width: 64.0625em) {
.icon-bar.three-up.large-vertical .item {
width: auto
}
}
.icon-bar.four-up .item {
width: 25%
}
.icon-bar.four-up.small-vertical .item, .icon-bar.four-up.vertical .item {
width: auto
}
@media only screen and (min-width: 40.0625em) {
.icon-bar.four-up.medium-vertical .item {
width: auto
}
}
@media only screen and (min-width: 64.0625em) {
.icon-bar.four-up.large-vertical .item {
width: auto
}
}
.icon-bar.five-up .item {
width: 20%
}
.icon-bar.five-up.small-vertical .item, .icon-bar.five-up.vertical .item {
width: auto
}
@media only screen and (min-width: 40.0625em) {
.icon-bar.five-up.medium-vertical .item {
width: auto
}
}
@media only screen and (min-width: 64.0625em) {
.icon-bar.five-up.large-vertical .item {
width: auto
}
}
.icon-bar.six-up .item {
width: 16.66667%
}
.icon-bar.six-up.small-vertical .item, .icon-bar.six-up.vertical .item {
width: auto
}
@media only screen and (min-width: 40.0625em) {
.icon-bar.six-up.medium-vertical .item {
width: auto
}
}
@media only screen and (min-width: 64.0625em) {
.icon-bar.six-up.large-vertical .item {
width: auto
}
}
.icon-bar.seven-up .item {
width: 14.28571%
}
.icon-bar.seven-up.small-vertical .item, .icon-bar.seven-up.vertical .item {
width: auto
}
@media only screen and (min-width: 40.0625em) {
.icon-bar.seven-up.medium-vertical .item {
width: auto
}
}
@media only screen and (min-width: 64.0625em) {
.icon-bar.seven-up.large-vertical .item {
width: auto
}
}
.icon-bar.eight-up .item {
width: 12.5%
}
.icon-bar.eight-up.small-vertical .item, .icon-bar.eight-up.vertical .item {
width: auto
}
@media only screen and (min-width: 40.0625em) {
.icon-bar.eight-up.medium-vertical .item {
width: auto
}
}
@media only screen and (min-width: 64.0625em) {
.icon-bar.eight-up.large-vertical .item {
width: auto
}
}
.inline-list {
list-style: none;
margin-top: 0;
margin-bottom: 1.0625rem;
margin-left: -1.375rem;
margin-right: 0;
overflow: hidden;
padding: 0
}
.inline-list > li {
display: block;
float: left;
list-style: none;
margin-left: 1.375rem
}
.inline-list > li > * {
display: block
}
.joyride-list {
display: none
}
.joyride-tip-guide {
background: #333;
color: #FFF;
display: none;
font-family: inherit;
font-weight: 400;
position: absolute;
top: 0;
width: 95%;
z-index: 103;
left: 2.5%
}
.lt-ie9 .joyride-tip-guide {
margin-left: -400px;
max-width: 800px;
left: 50%
}
.joyride-content-wrapper {
padding: 1.125rem 1.25rem 1.5rem;
width: 100%
}
.joyride-content-wrapper .button {
margin-bottom: 0 !important
}
.joyride-content-wrapper .joyride-prev-tip {
margin-right: 10px
}
.joyride-tip-guide .joyride-nub {
border: 10px solid #333;
display: block;
height: 0;
position: absolute;
width: 0;
left: 22px
}
.joyride-tip-guide .joyride-nub.top {
border-color: #333;
border-top-color: transparent !important;
border-top-style: solid;
border-left-color: transparent !important;
border-right-color: transparent !important;
top: -20px
}
.joyride-tip-guide .joyride-nub.bottom {
border-color: #333 !important;
border-bottom-color: transparent !important;
border-bottom-style: solid;
border-left-color: transparent !important;
border-right-color: transparent !important;
bottom: -20px
}
.joyride-tip-guide .joyride-nub.right {
right: -20px
}
.joyride-tip-guide .joyride-nub.left {
left: -20px
}
.joyride-tip-guide h1, .joyride-tip-guide h2, .joyride-tip-guide h3, .joyride-tip-guide h4, .joyride-tip-guide h5, .joyride-tip-guide h6 {
color: #FFF;
font-weight: 700;
line-height: 1.25;
margin: 0
}
.joyride-tip-guide p {
font-size: .875rem;
line-height: 1.3;
margin: 0 0 1.125rem 0
}
.joyride-timer-indicator-wrap {
border: solid 1px #555;
bottom: 1rem;
height: 3px;
position: absolute;
width: 50px;
right: 1.0625rem
}
.joyride-timer-indicator {
background: #666;
display: block;
height: inherit;
width: 0
}
.joyride-close-tip {
color: #777 !important;
font-size: 24px;
font-weight: 400;
line-height: .5 !important;
position: absolute;
text-decoration: none;
top: 10px;
right: 12px
}
.joyride-close-tip:focus, .joyride-close-tip:hover {
color: #EEE !important
}
.joyride-modal-bg {
background: rgba(0, 0, 0, .5);
cursor: pointer;
display: none;
height: 100%;
position: fixed;
top: 0;
width: 100%;
z-index: 100;
left: 0
}
.joyride-expose-wrapper {
background-color: #FFF;
border-radius: 3px;
-webkit-box-shadow: 0 0 15px #FFF;
box-shadow: 0 0 15px #FFF;
position: absolute;
z-index: 102
}
.joyride-expose-cover {
background: 0 0;
border-radius: 3px;
left: 0;
position: absolute;
top: 0;
z-index: 9999
}
@media only screen {
.joyride-tip-guide {
width: 300px;
left: inherit
}
.joyride-tip-guide .joyride-nub.bottom {
border-color: #333 !important;
border-bottom-color: transparent !important;
border-left-color: transparent !important;
border-right-color: transparent !important;
bottom: -20px
}
.joyride-tip-guide .joyride-nub.right {
border-color: #333 !important;
border-right-color: transparent !important;
border-bottom-color: transparent !important;
border-top-color: transparent !important;
left: auto;
right: -20px;
top: 22px
}
.joyride-tip-guide .joyride-nub.left {
border-color: #333 !important;
border-bottom-color: transparent !important;
border-left-color: transparent !important;
border-top-color: transparent !important;
left: -20px;
right: auto;
top: 22px
}
}
.keystroke, kbd {
background-color: #ededed;
border-color: #ddd;
color: #222;
border-style: solid;
border-width: 1px;
font-family: Consolas, Menlo, Courier, monospace;
font-size: inherit;
margin: 0;
padding: .125rem .25rem 0;
border-radius: 3px
}
.label {
display: inline-block;
font-family: proxima_nova_ltsemibold, Arial, sans-serif;
font-weight: 400;
line-height: 1;
margin-bottom: auto;
position: relative;
text-align: center;
text-decoration: none;
white-space: nowrap;
padding: .25rem .5rem .25rem;
font-size: .6875rem;
background-color: #008CBA;
color: #FFF
}
.label.radius {
border-radius: 3px
}
.label.round {
border-radius: 1000px
}
.label.alert {
background-color: #f04124;
color: #FFF
}
.label.warning {
background-color: #f08a24;
color: #FFF
}
.label.success {
background-color: #43AC6A;
color: #FFF
}
.label.secondary {
background-color: #e7e7e7;
color: #333
}
.label.info {
background-color: #a0d3e8;
color: #333
}
,
[data-magellan-expedition-clone] {
background: #FFF;
min-width: 100%;
padding: 10px;
z-index: 50
}
.sub-nav, [data-magellan-expedition-clone] .sub-nav {
margin-bottom: 0
}
.sub-nav dd, [data-magellan-expedition-clone] .sub-nav dd {
margin-bottom: 0
}
.sub-nav a, [data-magellan-expedition-clone] .sub-nav a {
line-height: 1.8em
}
@-webkit-keyframes rotate {
from {
-webkit-transform: rotate(0);
transform: rotate(0)
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@-o-keyframes rotate {
from {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0)
}
to {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes rotate {
from {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0)
}
to {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg)
}
}
.slideshow-wrapper {
position: relative
}
.slideshow-wrapper ul {
list-style-type: none;
margin: 0
}
.slideshow-wrapper ul li, .slideshow-wrapper ul li .orbit-caption {
display: none
}
.slideshow-wrapper ul li:first-child {
display: block
}
.slideshow-wrapper .orbit-container {
background-color: transparent
}
.slideshow-wrapper .orbit-container li {
display: block
}
.slideshow-wrapper .orbit-container li .orbit-caption {
display: block
}
.slideshow-wrapper .orbit-container .orbit-bullets li {
display: inline-block
}
.slideshow-wrapper .preloader {
border-radius: 1000px;
-webkit-animation-duration: 1.5s;
-o-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-name: rotate;
-o-animation-name: rotate;
animation-name: rotate;
-webkit-animation-timing-function: linear;
-o-animation-timing-function: linear;
animation-timing-function: linear;
border-color: #555 #FFF;
border: solid 3px;
display: block;
height: 40px;
left: 50%;
margin-left: -20px;
margin-top: -20px;
position: absolute;
top: 50%;
width: 40px
}
.orbit-container {
background: 0 0;
overflow: hidden;
position: relative;
width: 100%
}
.orbit-container .orbit-slides-container {
list-style: none;
margin: 0;
padding: 0;
position: relative;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0)
}
.orbit-container .orbit-slides-container img {
display: block;
max-width: 100%
}
.orbit-container .orbit-slides-container > * {
position: absolute;
top: 0;
width: 100%;
margin-left: 100%
}
.orbit-container .orbit-slides-container > :first-child {
margin-left: 0
}
.orbit-container .orbit-slides-container > * .orbit-caption {
bottom: 0;
position: absolute;
background-color: rgba(51, 51, 51, .8);
color: #FFF;
font-size: .875rem;
padding: .625rem .875rem;
width: 100%
}
.orbit-container .orbit-slide-number {
left: 10px;
background: 0 0;
color: #FFF;
font-size: 12px;
position: absolute;
top: 10px;
z-index: 10
}
.orbit-container .orbit-slide-number span {
font-weight: 700;
padding: .3125rem
}
.orbit-container .orbit-timer {
position: absolute;
top: 12px;
right: 10px;
height: 6px;
width: 100px;
z-index: 10
}
.orbit-container .orbit-timer .orbit-progress {
height: 3px;
background-color: rgba(255, 255, 255, .3);
display: block;
width: 0;
position: relative;
right: 20px;
top: 5px
}
.orbit-container .orbit-timer > span {
border: solid 4px #FFF;
border-bottom: none;
border-top: none;
display: none;
height: 14px;
position: absolute;
top: 0;
width: 11px;
right: 0
}
.orbit-container .orbit-timer.paused > span {
top: 0;
width: 11px;
height: 14px;
border: inset 8px;
border-left-style: solid;
border-color: transparent;
border-left-color: #FFF;
right: -4px
}
.orbit-container .orbit-timer.paused > span.dark {
border-left-color: #333
}
.orbit-container:hover .orbit-timer > span {
display: block
}
.orbit-container .orbit-next, .orbit-container .orbit-prev {
background-color: transparent;
color: #fff;
height: 60px;
line-height: 50px;
margin-top: -25px;
position: absolute;
text-indent: -9999px !important;
top: 45%;
width: 36px;
z-index: 10
}
.orbit-container .orbit-next:hover, .orbit-container .orbit-prev:hover {
background-color: rgba(0, 0, 0, .3)
}
.orbit-container .orbit-next > span, .orbit-container .orbit-prev > span {
border: inset 10px;
display: block;
height: 0;
margin-top: -10px;
position: absolute;
top: 50%;
width: 0
}
.orbit-container .orbit-prev {
left: 0
}
.orbit-container .orbit-prev > span {
border-right-style: solid;
border-color: transparent;
border-right-color: #FFF
}
.orbit-container .orbit-prev:hover > span {
border-right-color: #FFF
}
.orbit-container .orbit-next {
right: 0
}
.orbit-container .orbit-next > span {
border-color: transparent;
border-left-style: solid;
border-left-color: #FFF;
left: 50%;
margin-left: -4px
}
.orbit-container .orbit-next:hover > span {
border-left-color: #FFF
}
.orbit-bullets-container {
text-align: center
}
.orbit-bullets {
display: block;
float: none;
margin: 0 auto 30px auto;
overflow: hidden;
position: relative;
text-align: center;
top: 10px
}
.orbit-bullets li {
background: #CCC;
cursor: pointer;
display: inline-block;
float: none;
height: .5625rem;
margin-right: 6px;
width: .5625rem;
border-radius: 1000px
}
.orbit-bullets li.active {
background: #999
}
.orbit-bullets li:last-child {
margin-right: 0
}
.touch .orbit-container .orbit-next, .touch .orbit-container .orbit-prev {
display: none
}
.touch .orbit-bullets {
display: none
}
@media only screen and (min-width: 40.0625em) {
.touch .orbit-container .orbit-next, .touch .orbit-container .orbit-prev {
display: inherit
}
.touch .orbit-bullets {
display: block
}
}
@media only screen and (max-width: 40em) {
.orbit-stack-on-small .orbit-slides-container {
height: auto !important
}
.orbit-stack-on-small .orbit-slides-container > * {
margin: 0 !important;
opacity: 1 !important;
position: relative
}
.orbit-stack-on-small .orbit-slide-number {
display: none
}
.orbit-timer {
display: none
}
.orbit-next, .orbit-prev {
display: none
}
.orbit-bullets {
display: none
}
}
ul.pagination {
display: block;
margin-left: -.3125rem;
min-height: 1.5rem
}
ul.pagination li {
color: #222;
font-size: .875rem;
height: 1.5rem;
margin-left: .3125rem
}
ul.pagination li a, ul.pagination li button {
border-radius: 3px;
-webkit-transition: background-color .3s ease-out;
-o-transition: background-color .3s ease-out;
transition: background-color .3s ease-out;
background: 0 0;
color: #999;
display: block;
font-size: 1em;
font-weight: 400;
line-height: inherit;
padding: .0625rem .625rem .0625rem
}
ul.pagination li a:focus, ul.pagination li button:focus, ul.pagination li:hover a, ul.pagination li:hover button {
background: #e6e6e6
}
ul.pagination li.unavailable a, ul.pagination li.unavailable button {
cursor: default;
color: #999;
pointer-events: none
}
ul.pagination li.unavailable a:focus, ul.pagination li.unavailable button:focus, ul.pagination li.unavailable:hover a, ul.pagination li.unavailable:hover button {
background: 0 0
}
ul.pagination li.current a, ul.pagination li.current button {
background: #008CBA;
color: #FFF;
cursor: default;
font-weight: 700
}
ul.pagination li.current a:focus, ul.pagination li.current a:hover, ul.pagination li.current button:focus, ul.pagination li.current button:hover {
background: #008CBA
}
ul.pagination li {
display: block;
float: left
}
.pagination-centered {
text-align: center
}
.pagination-centered ul.pagination li {
display: inline-block;
float: none
}
.panel {
border-style: solid;
border-width: 1px;
border-color: #d8d8d8;
margin-bottom: 1.25rem;
padding: 1.25rem;
background: #f2f2f2;
color: #333
}
.panel > :first-child {
margin-top: 0
}
.panel > :last-child {
margin-bottom: 0
}
.panel dl, .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel li, .panel p {
color: #333
}
.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
line-height: 1;
margin-bottom: .625rem
}
.panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader {
line-height: 1.4
}
.panel.callout {
border-style: solid;
border-width: 1px;
border-color: #d8d8d8;
margin-bottom: 1.25rem;
padding: 1.25rem;
background: #ecfaff;
color: #333
}
.panel.callout > :first-child {
margin-top: 0
}
.panel.callout > :last-child {
margin-bottom: 0
}
.panel.callout dl, .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout li, .panel.callout p {
color: #333
}
.panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 {
line-height: 1;
margin-bottom: .625rem
}
.panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader {
line-height: 1.4
}
.panel.callout a:not(.button) {
color: #008CBA
}
.panel.callout a:not(.button):focus, .panel.callout a:not(.button):hover {
color: #0078a0
}
.panel.radius {
border-radius: 3px
}
.pricing-table {
border: solid 1px #DDD;
margin-left: 0;
margin-bottom: 1.25rem
}
.pricing-table * {
list-style: none;
line-height: 1
}
.pricing-table .title {
background-color: #333;
color: #EEE;
font-family: proxima_nova_ltsemibold, Arial, sans-serif;
font-size: 1rem;
font-weight: 400;
padding: .9375rem 1.25rem;
text-align: center
}
.pricing-table .price {
background-color: #F6F6F6;
color: #333;
font-family: proxima_nova_ltsemibold, Arial, sans-serif;
font-size: 2rem;
font-weight: 400;
padding: .9375rem 1.25rem;
text-align: center
}
.pricing-table .description {
background-color: #FFF;
border-bottom: dotted 1px #DDD;
color: #777;
font-size: .75rem;
font-weight: 400;
line-height: 1.4;
padding: .9375rem;
text-align: center
}
.pricing-table .bullet-item {
background-color: #FFF;
border-bottom: dotted 1px #DDD;
color: #333;
font-size: .875rem;
font-weight: 400;
padding: .9375rem;
text-align: center
}
.pricing-table .cta-button {
background-color: #FFF;
padding: 1.25rem 1.25rem 0;
text-align: center
}
.progress {
background-color: #F6F6F6;
border: 1px solid #fff;
height: 1.5625rem;
margin-bottom: .625rem;
padding: .125rem
}
.progress .meter {
background: #008CBA;
display: block;
height: 100%;
float: left;
width: 0
}
.progress .meter.secondary {
background: #e7e7e7;
display: block;
height: 100%;
float: left;
width: 0
}
.progress .meter.success {
background: #43AC6A;
display: block;
height: 100%;
float: left;
width: 0
}
.progress .meter.alert {
background: #f04124;
display: block;
height: 100%;
float: left;
width: 0
}
.progress.secondary .meter {
background: #e7e7e7;
display: block;
height: 100%;
float: left;
width: 0
}
.progress.success .meter {
background: #43AC6A;
display: block;
height: 100%;
float: left;
width: 0
}
.progress.alert .meter {
background: #f04124;
display: block;
height: 100%;
float: left;
width: 0
}
.progress.radius {
border-radius: 3px
}
.progress.radius .meter {
border-radius: 2px
}
.progress.round {
border-radius: 1000px
}
.progress.round .meter {
border-radius: 999px
}
.range-slider {
border: 1px solid #DDD;
margin: 1.25rem 0;
position: relative;
-ms-touch-action: none;
touch-action: none;
display: block;
height: 1rem;
width: 100%;
background: #FAFAFA
}
.range-slider.vertical-range {
border: 1px solid #DDD;
margin: 1.25rem 0;
position: relative;
-ms-touch-action: none;
touch-action: none;
display: inline-block;
height: 12.5rem;
width: 1rem
}
.range-slider.vertical-range .range-slider-handle {
bottom: -10.5rem;
margin-left: -.5rem;
margin-top: 0;
position: absolute
}
.range-slider.vertical-range .range-slider-active-segment {
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
border-top-left-radius: initial;
bottom: 0;
height: auto;
width: .875rem
}
.range-slider.radius {
background: #FAFAFA;
border-radius: 3px
}
.range-slider.radius .range-slider-handle {
background: #008CBA;
border-radius: 3px
}
.range-slider.radius .range-slider-handle:hover {
background: #007ba4
}
.range-slider.round {
background: #FAFAFA;
border-radius: 1000px
}
.range-slider.round .range-slider-handle {
background: #008CBA;
border-radius: 1000px
}
.range-slider.round .range-slider-handle:hover {
background: #007ba4
}
.range-slider.disabled, .range-slider[disabled] {
background: #FAFAFA;
cursor: not-allowed;
opacity: .7
}
.range-slider.disabled .range-slider-handle, .range-slider[disabled] .range-slider-handle {
background: #008CBA;
cursor: default;
opacity: .7
}
.range-slider.disabled .range-slider-handle:hover, .range-slider[disabled] .range-slider-handle:hover {
background: #007ba4
}
.range-slider-active-segment {
background: #e5e5e5;
border-bottom-left-radius: inherit;
border-top-left-radius: inherit;
display: inline-block;
height: .875rem;
position: absolute
}
.range-slider-handle {
border: 1px solid none;
cursor: pointer;
display: inline-block;
height: 1.375rem;
position: absolute;
top: -.3125rem;
width: 2rem;
z-index: 1;
-ms-touch-action: manipulation;
touch-action: manipulation;
background: #008CBA
}
.range-slider-handle:hover {
background: #007ba4
}
.reveal-modal-bg {
background: #2a2826;
background: rgba(42, 40, 38, .45);
bottom: 0;
display: none;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 1004;
left: 0
}
.reveal-modal {
border-radius: 0;
display: none;
position: absolute;
top: 0;
visibility: hidden;
width: 100%;
z-index: 1005;
left: 0;
background-color: #FFF;
padding: 1.875rem;
border: solid 0 #666;
-webkit-box-shadow: none;
box-shadow: none
}
@media only screen and (max-width: 40em) {
.reveal-modal {
min-height: 100vh
}
}
.reveal-modal .column, .reveal-modal .columns {
min-width: 0
}
.reveal-modal > :first-child {
margin-top: 0
}
.reveal-modal > :last-child {
margin-bottom: 0
}
@media only screen and (min-width: 40.0625em) {
.reveal-modal {
left: 0;
margin: 0 auto;
max-width: none;
right: 0;
width: 100%
}
}
@media only screen and (min-width: 40.0625em) {
.reveal-modal {
top: 0
}
}
.reveal-modal.radius {
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0
}
.reveal-modal.round {
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 1000px
}
.reveal-modal.collapse {
padding: 0;
-webkit-box-shadow: none;
box-shadow: none
}
@media only screen and (min-width: 40.0625em) {
.reveal-modal.tiny {
left: 0;
margin: 0 auto;
max-width: none;
right: 0;
width: 30%
}
}
@media only screen and (min-width: 40.0625em) {
.reveal-modal.small {
left: 0;
margin: 0 auto;
max-width: none;
right: 0;
width: 40%
}
}
@media only screen and (min-width: 40.0625em) {
.reveal-modal.medium {
left: 0;
margin: 0 auto;
max-width: none;
right: 0;
width: 60%
}
}
@media only screen and (min-width: 40.0625em) {
.reveal-modal.large {
left: 0;
margin: 0 auto;
max-width: none;
right: 0;
width: 70%
}
}
@media only screen and (min-width: 40.0625em) {
.reveal-modal.xlarge {
left: 0;
margin: 0 auto;
max-width: none;
right: 0;
width: 95%
}
}
.reveal-modal.full {
height: 100vh;
height: 100%;
left: 0;
margin-left: 0 !important;
max-width: none !important;
min-height: 100vh;
top: 0
}
@media only screen and (min-width: 40.0625em) {
.reveal-modal.full {
left: 0;
margin: 0 auto;
max-width: none;
right: 0;
width: 100%
}
}
.reveal-modal.toback {
z-index: 1003
}
.reveal-modal .close-reveal-modal {
color: #2a2826;
cursor: pointer;
font-size: 2.5rem;
font-weight: 700;
line-height: 1;
position: absolute;
top: .625rem;
right: 1.375rem
}
.side-nav {
display: block;
font-family: proxima_nova_ltsemibold, Arial, sans-serif;
list-style-position: outside;
list-style-type: none;
margin: 0;
padding: .875rem 0
}
.side-nav li {
font-size: .875rem;
font-weight: 400;
margin: 0 0 .4375rem 0
}
.side-nav li a:not(.button) {
color: #008CBA;
display: block;
margin: 0;
padding: .4375rem .875rem
}
.side-nav li a:not(.button):focus, .side-nav li a:not(.button):hover {
background: rgba(0, 0, 0, .025);
color: #1cc7ff
}
.side-nav li a:not(.button):active {
color: #1cc7ff
}
.side-nav li.active > a:first-child:not(.button) {
color: #1cc7ff;
font-family: proxima_nova_ltsemibold, Arial, sans-serif;
font-weight: 400
}
.side-nav li.divider {
border-top: 1px solid;
height: 0;
list-style: none;
padding: 0;
border-top-color: #e6e6e6
}
.side-nav li.heading {
color: #008CBA;
font-size: .875rem;
font-weight: 700;
text-transform: uppercase
}
.split.button {
position: relative;
padding-right: 5.0625rem
}
.split.button span {
display: block;
height: 100%;
position: absolute;
right: 0;
top: 0;
border-left: solid 1px
}
.split.button span:after {
position: absolute;
content: "";
width: 0;
height: 0;
display: block;
border-style: inset;
top: 50%;
left: 50%
}
.split.button span:active {
background-color: rgba(0, 0, 0, .1)
}
.split.button span {
border-left-color: rgba(255, 255, 255, .5)
}
.split.button span {
width: 3.09375rem
}
.split.button span:after {
border-top-style: solid;
border-width: .375rem;
margin-left: -.375rem;
top: 48%
}
.split.button span:after {
border-color: #FFF transparent transparent transparent
}
.split.button.secondary span {
border-left-color: rgba(255, 255, 255, .5)
}
.split.button.secondary span:after {
border-color: #FFF transparent transparent transparent
}
.split.button.alert span {
border-left-color: rgba(255, 255, 255, .5)
}
.split.button.success span {
border-left-color: rgba(255, 255, 255, .5)
}
.split.button.tiny {
padding-right: 3.75rem
}
.split.button.tiny span {
width: 2.25rem
}
.split.button.tiny span:after {
border-top-style: solid;
border-width: .375rem;
margin-left: -.375rem;
top: 48%
}
.split.button.small {
padding-right: 4.375rem
}
.split.button.small span {
width: 2.625rem
}
.split.button.small span:after {
border-top-style: solid;
border-width: .4375rem;
margin-left: -.375rem;
top: 48%
}
.split.button.large {
padding-right: 5.5rem
}
.split.button.large span {
width: 3.4375rem
}
.split.button.large span:after {
border-top-style: solid;
border-width: .3125rem;
margin-left: -.375rem;
top: 48%
}
.split.button.expand {
padding-left: 2rem
}
.split.button.secondary span:after {
border-color: #333 transparent transparent transparent
}
.split.button.radius span {
-webkit-border-bottom-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-top-right-radius: 3px
}
.split.button.round span {
-webkit-border-bottom-right-radius: 1000px;
-webkit-border-top-right-radius: 1000px;
border-bottom-right-radius: 1000px;
border-top-right-radius: 1000px
}
.split.button.no-pip span:before {
border-style: none
}
.split.button.no-pip span:after {
border-style: none
}
.split.button.no-pip span > i {
display: block;
left: 50%;
margin-left: -.28889em;
margin-top: -.48889em;
position: absolute;
top: 50%
}
.sub-nav {
display: block;
margin: -.25rem 0 1.125rem;
overflow: hidden;
padding-top: .25rem;
width: auto
}
.sub-nav dt {
text-transform: uppercase
}
.sub-nav dd, .sub-nav dt, .sub-nav li {
color: #999;
float: left;
font-family: proxima_nova_ltsemibold, Arial, sans-serif;
font-size: .875rem;
font-weight: 400;
margin-left: 1rem;
margin-bottom: 0
}
.sub-nav dd a, .sub-nav dt a, .sub-nav li a {
color: #999;
padding: .1875rem 1rem;
text-decoration: none
}
.sub-nav dd a:hover, .sub-nav dt a:hover, .sub-nav li a:hover {
color: #737373
}
.sub-nav dd.active a, .sub-nav dt.active a, .sub-nav li.active a {
border-radius: 3px;
background: #008CBA;
color: #FFF;
cursor: default;
font-weight: 400;
padding: .1875rem 1rem
}
.sub-nav dd.active a:hover, .sub-nav dt.active a:hover, .sub-nav li.active a:hover {
background: #0078a0
}
.switch {
border: none;
margin-bottom: 1.5rem;
outline: 0;
padding: 0;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.switch label {
background: #DDD;
color: transparent;
cursor: pointer;
display: block;
margin-bottom: 1rem;
position: relative;
text-indent: 100%;
width: 4rem;
height: 2rem;
-webkit-transition: left .15s ease-out;
-o-transition: left .15s ease-out;
transition: left .15s ease-out
}
.switch input {
left: 10px;
opacity: 0;
padding: 0;
position: absolute;
top: 9px
}
.switch input + label {
margin-left: 0;
margin-right: 0
}
.switch label:after {
background: #FFF;
content: "";
display: block;
height: 1.5rem;
left: .25rem;
position: absolute;
top: .25rem;
width: 1.5rem;
-webkit-transition: left .15s ease-out;
-o-transition: translate3d(0, 0, 0);
transition: left .15s ease-out;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.switch input:checked + label {
background: #008CBA
}
.switch input:checked + label:after {
left: 2.25rem
}
.switch label {
height: 2rem;
width: 4rem
}
.switch label:after {
height: 1.5rem;
width: 1.5rem
}
.switch input:checked + label:after {
left: 2.25rem
}
.switch label {
color: transparent;
background: #DDD
}
.switch label:after {
background: #FFF
}
.switch input:checked + label {
background: #008CBA
}
.switch.large label {
height: 2.5rem;
width: 5rem
}
.switch.large label:after {
height: 2rem;
width: 2rem
}
.switch.large input:checked + label:after {
left: 2.75rem
}
.switch.small label {
height: 1.75rem;
width: 3.5rem
}
.switch.small label:after {
height: 1.25rem;
width: 1.25rem
}
.switch.small input:checked + label:after {
left: 2rem
}
.switch.tiny label {
height: 1.5rem;
width: 3rem
}
.switch.tiny label:after {
height: 1rem;
width: 1rem
}
.switch.tiny input:checked + label:after {
left: 1.75rem
}
.switch.radius label {
border-radius: 4px
}
.switch.radius label:after {
border-radius: 3px
}
.switch.round {
border-radius: 1000px
}
.switch.round label {
border-radius: 2rem
}
.switch.round label:after {
border-radius: 2rem
}
table {
background: #FFF;
border: solid 1px #DDD;
margin-bottom: 1.25rem;
table-layout: auto
}
table caption {
background: 0 0;
color: #222;
font-size: 1rem;
font-weight: 700
}
table thead {
background: #F5F5F5
}
table thead tr td, table thead tr th {
color: #222;
font-size: .875rem;
font-weight: 700;
padding: .5rem .625rem .625rem
}
table tfoot {
background: #F5F5F5
}
table tfoot tr td, table tfoot tr th {
color: #222;
font-size: .875rem;
font-weight: 700;
padding: .5rem .625rem .625rem
}
table tr td, table tr th {
color: #222;
font-size: .875rem;
padding: .5625rem .625rem;
text-align: left
}
table tr.alt, table tr.even, table tr:nth-of-type(even) {
background: #F9F9F9
}
table tbody tr td, table tbody tr th, table tfoot tr td, table tfoot tr th, table thead tr th, table tr td {
display: table-cell;
line-height: 1.125rem
}
.tabs {
margin-bottom: 0 !important;
margin-left: 0
}
.tabs:after, .tabs:before {
content: " ";
display: table
}
.tabs:after {
clear: both
}
.tabs .tab-title, .tabs dd {
float: left;
list-style: none;
margin-bottom: 0 !important;
position: relative
}
.tabs .tab-title > a, .tabs dd > a {
display: block;
background-color: #EFEFEF;
color: #222;
font-family: proxima_nova_ltsemibold, Arial, sans-serif;
font-size: 1rem;
padding: 1rem 2rem
}
.tabs .tab-title > a:hover, .tabs dd > a:hover {
background-color: #e1e1e1
}
.tabs .tab-title.active > a, .tabs dd.active > a {
background-color: #FFF;
color: #222
}
.tabs.radius .tab:first-child a, .tabs.radius dd:first-child a {
-webkit-border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px
}
.tabs.radius .tab:last-child a, .tabs.radius dd:last-child a {
-webkit-border-bottom-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-top-right-radius: 3px
}
.tabs.vertical .tab-title, .tabs.vertical dd {
position: inherit;
float: none;
display: block;
top: auto
}
.tabs-content {
margin-bottom: 1.5rem;
width: 100%
}
.tabs-content:after, .tabs-content:before {
content: " ";
display: table
}
.tabs-content:after {
clear: both
}
.tabs-content > .content {
display: none;
float: left;
padding: .9375rem 0;
width: 100%
}
.tabs-content > .content.active {
display: block;
float: none
}
.tabs-content > .content.contained {
padding: .9375rem
}
.tabs-content.vertical {
display: block
}
.tabs-content.vertical > .content {
padding: 0 .9375rem
}
@media only screen and (min-width: 40.0625em) {
.tabs.vertical {
float: left;
margin: 0;
margin-bottom: 1.25rem !important;
max-width: 20%;
width: 20%
}
.tabs-content.vertical {
float: left;
margin-left: -1px;
max-width: 80%;
padding-left: 1rem;
width: 80%
}
}
.no-js .tabs-content > .content {
display: block;
float: none
}
.th {
border: solid 4px #FFF;
-webkit-box-shadow: 0 0 0 1px rgba(42, 40, 38, .2);
box-shadow: 0 0 0 1px rgba(42, 40, 38, .2);
display: inline-block;
line-height: 0;
max-width: 100%;
-webkit-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out
}
.th:focus, .th:hover {
-webkit-box-shadow: 0 0 6px 1px rgba(0, 140, 186, .5);
box-shadow: 0 0 6px 1px rgba(0, 140, 186, .5)
}
.th.radius {
border-radius: 3px
}
.has-tip {
border-bottom: dotted 1px #CCC;
color: #333;
cursor: help;
font-weight: 700
}
.has-tip:focus, .has-tip:hover {
border-bottom: dotted 1px #003f54;
color: #008CBA
}
.has-tip.tip-left, .has-tip.tip-right {
float: none !important
}
.tooltip {
background: #333;
color: #FFF;
display: none;
font-size: .875rem;
font-weight: 400;
line-height: 1.3;
max-width: 300px;
padding: .75rem;
position: absolute;
width: 100%;
z-index: 1006;
left: 50%
}
.tooltip > .nub {
border: solid 5px;
border-color: transparent transparent #333 transparent;
display: block;
height: 0;
pointer-events: none;
position: absolute;
top: -10px;
width: 0;
left: 5px
}
.tooltip > .nub.rtl {
left: auto;
right: 5px
}
.tooltip.radius {
border-radius: 3px
}
.tooltip.round {
border-radius: 1000px
}
.tooltip.round > .nub {
left: 2rem
}
.tooltip.opened {
border-bottom: dotted 1px #003f54 !important;
color: #008CBA !important
}
.tap-to-close {
color: #777;
display: block;
font-size: .625rem;
font-weight: 400
}
@media only screen {
.tooltip > .nub {
border-color: transparent transparent #333 transparent;
top: -10px
}
.tooltip.tip-top > .nub {
border-color: #333 transparent transparent transparent;
bottom: -10px;
top: auto
}
.tooltip.tip-left, .tooltip.tip-right {
float: none !important
}
.tooltip.tip-left > .nub {
border-color: transparent transparent transparent #333;
left: auto;
margin-top: -5px;
right: -10px;
top: 50%
}
.tooltip.tip-right > .nub {
border-color: transparent #333 transparent transparent;
left: -10px;
margin-top: -5px;
right: auto;
top: 50%
}
}
meta.foundation-mq-topbar {
font-family: "/only screen and (min-width:99999px)/";
width: 99999px
}
.contain-to-grid {
width: 100%;
background: #333
}
.contain-to-grid .top-bar {
margin-bottom: 0
}
.fixed {
position: fixed;
top: 0;
width: 100%;
z-index: 99;
left: 0
}
.fixed.expanded:not(.top-bar) {
height: auto;
max-height: 100%;
overflow-y: auto;
width: 100%
}
.fixed.expanded:not(.top-bar) .title-area {
position: fixed;
width: 100%;
z-index: 99
}
.fixed.expanded:not(.top-bar) .top-bar-section {
margin-top: 2.8125rem;
z-index: 98
}
.top-bar {
background: #333;
height: 2.8125rem;
line-height: 2.8125rem;
margin-bottom: 0;
overflow: hidden;
position: relative
}
.top-bar ul {
list-style: none;
margin-bottom: 0
}
.top-bar .row {
max-width: none
}
.top-bar form, .top-bar input, .top-bar select {
margin-bottom: 0
}
.top-bar input, .top-bar select {
font-size: .75rem;
height: 1.75rem;
padding-bottom: .35rem;
padding-top: .35rem
}
.top-bar .button, .top-bar button {
font-size: .75rem;
margin-bottom: 0;
padding-bottom: .4125rem;
padding-top: .4125rem
}
@media only screen and (max-width: 40em) {
.top-bar .button, .top-bar button {
position: relative;
top: -1px
}
}
.top-bar .title-area {
margin: 0;
position: relative
}
.top-bar .name {
font-size: 16px;
height: 2.8125rem;
margin: 0
}
.top-bar .name h1, .top-bar .name h2, .top-bar .name h3, .top-bar .name h4, .top-bar .name p, .top-bar .name span {
font-size: 1.0625rem;
line-height: 2.8125rem;
margin: 0
}
.top-bar .name h1 a, .top-bar .name h2 a, .top-bar .name h3 a, .top-bar .name h4 a, .top-bar .name p a, .top-bar .name span a {
color: #FFF;
display: block;
font-weight: 400;
padding: 0 .9375rem;
width: 75%
}
.top-bar .toggle-topbar {
position: absolute;
right: 0;
top: 0
}
.top-bar .toggle-topbar a {
color: #FFF;
display: block;
font-size: .8125rem;
font-weight: 700;
height: 2.8125rem;
line-height: 2.8125rem;
padding: 0 .9375rem;
position: relative;
text-transform: uppercase
}
.top-bar .toggle-topbar.menu-icon {
margin-top: -16px;
top: 50%
}
.top-bar .toggle-topbar.menu-icon a {
color: #FFF;
height: 34px;
line-height: 33px;
padding: 0 2.5rem 0 .9375rem;
position: relative
}
.top-bar .toggle-topbar.menu-icon a span::after {
content: "";
display: block;
height: 0;
position: absolute;
margin-top: -8px;
top: 50%;
right: .9375rem;
-webkit-box-shadow: 0 0 0 1px #FFF, 0 7px 0 1px #FFF, 0 14px 0 1px #FFF;
box-shadow: 0 0 0 1px #FFF, 0 7px 0 1px #FFF, 0 14px 0 1px #FFF;
width: 16px
}
.top-bar .toggle-topbar.menu-icon a span:hover:after {
-webkit-box-shadow: 0 0 0 1px "", 0 7px 0 1px "", 0 14px 0 1px "";
box-shadow: 0 0 0 1px "", 0 7px 0 1px "", 0 14px 0 1px ""
}
.top-bar.expanded {
background: 0 0;
height: auto
}
.top-bar.expanded .title-area {
background: #333
}
.top-bar.expanded .toggle-topbar a {
color: #888
}
.top-bar.expanded .toggle-topbar a span::after {
-webkit-box-shadow: 0 0 0 1px #888, 0 7px 0 1px #888, 0 14px 0 1px #888;
box-shadow: 0 0 0 1px #888, 0 7px 0 1px #888, 0 14px 0 1px #888
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.top-bar.expanded .top-bar-section .dropdown, .top-bar.expanded .top-bar-section .has-dropdown.moved > .dropdown {
clip: initial
}
.top-bar.expanded .top-bar-section .has-dropdown:not(.moved) > ul {
padding: 0
}
}
.top-bar-section {
left: 0;
position: relative;
width: auto;
-webkit-transition: left .3s ease-out;
-o-transition: left .3s ease-out;
transition: left .3s ease-out
}
.top-bar-section ul {
display: block;
font-size: 16px;
height: auto;
margin: 0;
padding: 0;
width: 100%
}
.top-bar-section .divider, .top-bar-section [role=separator] {
border-top: solid 1px #1a1a1a;
clear: both;
height: 1px;
width: 100%
}
.top-bar-section ul li {
background: #333
}
.top-bar-section ul li > a {
color: #FFF;
display: block;
font-family: proxima_nova_ltsemibold, Arial, sans-serif;
font-size: .8125rem;
font-weight: 400;
padding-left: .9375rem;
padding: 12px 0 12px .9375rem;
text-transform: none;
width: 100%
}
.top-bar-section ul li > a.button {
font-size: .8125rem;
padding-left: .9375rem;
padding-right: .9375rem;
background-color: #008CBA;
border-color: #007095;
color: #FFF
}
.top-bar-section ul li > a.button:focus, .top-bar-section ul li > a.button:hover {
background-color: #007095
}
.top-bar-section ul li > a.button:focus, .top-bar-section ul li > a.button:hover {
color: #FFF
}
.top-bar-section ul li > a.button.secondary {
background-color: #e7e7e7;
border-color: #b9b9b9;
color: #333
}
.top-bar-section ul li > a.button.secondary:focus, .top-bar-section ul li > a.button.secondary:hover {
background-color: #b9b9b9
}
.top-bar-section ul li > a.button.secondary:focus, .top-bar-section ul li > a.button.secondary:hover {
color: #333
}
.top-bar-section ul li > a.button.success {
background-color: #43AC6A;
border-color: #368a55;
color: #FFF
}
.top-bar-section ul li > a.button.success:focus, .top-bar-section ul li > a.button.success:hover {
background-color: #368a55
}
.top-bar-section ul li > a.button.success:focus, .top-bar-section ul li > a.button.success:hover {
color: #FFF
}
.top-bar-section ul li > a.button.alert {
background-color: #f04124;
border-color: #cf2a0e;
color: #FFF
}
.top-bar-section ul li > a.button.alert:focus, .top-bar-section ul li > a.button.alert:hover {
background-color: #cf2a0e
}
.top-bar-section ul li > a.button.alert:focus, .top-bar-section ul li > a.button.alert:hover {
color: #FFF
}
.top-bar-section ul li > a.button.warning {
background-color: #f08a24;
border-color: #cf6e0e;
color: #FFF
}
.top-bar-section ul li > a.button.warning:focus, .top-bar-section ul li > a.button.warning:hover {
background-color: #cf6e0e
}
.top-bar-section ul li > a.button.warning:focus, .top-bar-section ul li > a.button.warning:hover {
color: #FFF
}
.top-bar-section ul li > a.button.info {
background-color: #a0d3e8;
border-color: #61b6d9;
color: #333
}
.top-bar-section ul li > a.button.info:focus, .top-bar-section ul li > a.button.info:hover {
background-color: #61b6d9
}
.top-bar-section ul li > a.button.info:focus, .top-bar-section ul li > a.button.info:hover {
color: #FFF
}
.top-bar-section ul li > button {
font-size: .8125rem;
padding-left: .9375rem;
padding-right: .9375rem;
background-color: #008CBA;
border-color: #007095;
color: #FFF
}
.top-bar-section ul li > button:focus, .top-bar-section ul li > button:hover {
background-color: #007095
}
.top-bar-section ul li > button:focus, .top-bar-section ul li > button:hover {
color: #FFF
}
.top-bar-section ul li > button.secondary {
background-color: #e7e7e7;
border-color: #b9b9b9;
color: #333
}
.top-bar-section ul li > button.secondary:focus, .top-bar-section ul li > button.secondary:hover {
background-color: #b9b9b9
}
.top-bar-section ul li > button.secondary:focus, .top-bar-section ul li > button.secondary:hover {
color: #333
}
.top-bar-section ul li > button.success {
background-color: #43AC6A;
border-color: #368a55;
color: #FFF
}
.top-bar-section ul li > button.success:focus, .top-bar-section ul li > button.success:hover {
background-color: #368a55
}
.top-bar-section ul li > button.success:focus, .top-bar-section ul li > button.success:hover {
color: #FFF
}
.top-bar-section ul li > button.alert {
background-color: #f04124;
border-color: #cf2a0e;
color: #FFF
}
.top-bar-section ul li > button.alert:focus, .top-bar-section ul li > button.alert:hover {
background-color: #cf2a0e
}
.top-bar-section ul li > button.alert:focus, .top-bar-section ul li > button.alert:hover {
color: #FFF
}
.top-bar-section ul li > button.warning {
background-color: #f08a24;
border-color: #cf6e0e;
color: #FFF
}
.top-bar-section ul li > button.warning:focus, .top-bar-section ul li > button.warning:hover {
background-color: #cf6e0e
}
.top-bar-section ul li > button.warning:focus, .top-bar-section ul li > button.warning:hover {
color: #FFF
}
.top-bar-section ul li > button.info {
background-color: #a0d3e8;
border-color: #61b6d9;
color: #333
}
.top-bar-section ul li > button.info:focus, .top-bar-section ul li > button.info:hover {
background-color: #61b6d9
}
.top-bar-section ul li > button.info:focus, .top-bar-section ul li > button.info:hover {
color: #FFF
}
.top-bar-section ul li:hover:not(.has-form) > a {
background-color: #555;
color: #FFF;
background: #222
}
.top-bar-section ul li.active > a {
background: #008CBA;
color: #FFF
}
.top-bar-section ul li.active > a:hover {
background: #0078a0;
color: #FFF
}
.top-bar-section .has-form {
padding: .9375rem
}
.top-bar-section .has-dropdown {
position: relative
}
.top-bar-section .has-dropdown > a:after {
border: inset 5px;
content: "";
display: block;
height: 0;
width: 0;
border-color: transparent transparent transparent rgba(255, 255, 255, .4);
border-left-style: solid;
margin-right: .9375rem;
margin-top: -4.5px;
position: absolute;
top: 50%;
right: 0
}
.top-bar-section .has-dropdown.moved {
position: static
}
.top-bar-section .has-dropdown.moved > .dropdown {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
display: block;
position: absolute !important;
width: 100%
}
.top-bar-section .has-dropdown.moved > a:after {
display: none
}
.top-bar-section .dropdown {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
display: block;
padding: 0;
position: absolute;
top: 0;
z-index: 99;
left: 100%
}
.top-bar-section .dropdown li {
height: auto;
width: 100%
}
.top-bar-section .dropdown li a {
font-weight: 400;
padding: 8px .9375rem
}
.top-bar-section .dropdown li a.parent-link {
font-weight: 400
}
.top-bar-section .dropdown li.parent-link, .top-bar-section .dropdown li.title h5 {
margin-bottom: 0;
margin-top: 0;
font-size: 1.125rem
}
.top-bar-section .dropdown li.parent-link a, .top-bar-section .dropdown li.title h5 a {
color: #FFF;
display: block
}
.top-bar-section .dropdown li.parent-link a:hover, .top-bar-section .dropdown li.title h5 a:hover {
background: 0 0
}
.top-bar-section .dropdown li.has-form {
padding: 8px .9375rem
}
.top-bar-section .dropdown li .button, .top-bar-section .dropdown li button {
top: auto
}
.top-bar-section .dropdown label {
color: #777;
font-size: .625rem;
font-weight: 700;
margin-bottom: 0;
padding: 8px .9375rem 2px;
text-transform: uppercase
}
.js-generated {
display: block
}
@media only screen and (min-width: 99999px) {
.top-bar {
background: #333;
overflow: visible
}
.top-bar:after, .top-bar:before {
content: " ";
display: table
}
.top-bar:after {
clear: both
}
.top-bar .toggle-topbar {
display: none
}
.top-bar .title-area {
float: left
}
.top-bar .name h1 a, .top-bar .name h2 a, .top-bar .name h3 a, .top-bar .name h4 a, .top-bar .name h5 a, .top-bar .name h6 a {
width: auto
}
.top-bar .button, .top-bar button, .top-bar input, .top-bar select {
font-size: .875rem;
height: 1.75rem;
position: relative;
top: .53125rem
}
.top-bar .has-form > .button, .top-bar .has-form > button {
font-size: .875rem;
height: 1.75rem;
position: relative;
top: .53125rem
}
.top-bar.expanded {
background: #333
}
.contain-to-grid .top-bar {
margin: 0 auto;
margin-bottom: 0;
max-width: 62.5rem
}
.top-bar-section {
-webkit-transition: none 0 0;
-o-transition: none 0 0;
transition: none 0 0;
left: 0 !important
}
.top-bar-section ul {
display: inline;
height: auto !important;
width: auto
}
.top-bar-section ul li {
float: left
}
.top-bar-section ul li .js-generated {
display: none
}
.top-bar-section li.hover > a:not(.button) {
background-color: #555;
background: #222;
color: #FFF
}
.top-bar-section li:not(.has-form) a:not(.button) {
background: #333;
line-height: 2.8125rem;
padding: 0 .9375rem
}
.top-bar-section li:not(.has-form) a:not(.button):hover {
background-color: #555;
background: #222
}
.top-bar-section li.active:not(.has-form) a:not(.button) {
background: #008CBA;
color: #FFF;
line-height: 2.8125rem;
padding: 0 .9375rem
}
.top-bar-section li.active:not(.has-form) a:not(.button):hover {
background: #0078a0;
color: #FFF
}
.top-bar-section .has-dropdown > a {
padding-right: 2.1875rem !important
}
.top-bar-section .has-dropdown > a:after {
border: inset 5px;
content: "";
display: block;
height: 0;
width: 0;
border-color: rgba(255, 255, 255, .4) transparent transparent transparent;
border-top-style: solid;
margin-top: -2.5px;
top: 1.40625rem
}
.top-bar-section .has-dropdown.moved {
position: relative
}
.top-bar-section .has-dropdown.moved > .dropdown {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
display: block
}
.top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
display: block;
position: absolute !important
}
.top-bar-section .has-dropdown > a:focus + .dropdown {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
display: block;
position: absolute !important
}
.top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
border: none;
content: "\00bb";
top: .1875rem;
right: 5px
}
.top-bar-section .dropdown {
left: 0;
background: 0 0;
min-width: 100%;
top: auto
}
.top-bar-section .dropdown li a {
background: #333;
color: #FFF;
line-height: 2.8125rem;
padding: 12px .9375rem;
white-space: nowrap
}
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
background: #333;
color: #FFF
}
.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
background-color: #555;
color: #FFF;
background: #222
}
.top-bar-section .dropdown li label {
background: #333;
white-space: nowrap
}
.top-bar-section .dropdown li .dropdown {
left: 100%;
top: 0
}
.top-bar-section > ul > .divider, .top-bar-section > ul > [role=separator] {
border-right: solid 1px #4e4e4e;
border-bottom: none;
border-top: none;
clear: none;
height: 2.8125rem;
width: 0
}
.top-bar-section .has-form {
background: #333;
height: 2.8125rem;
padding: 0 .9375rem
}
.top-bar-section .right li .dropdown {
left: auto;
right: 0
}
.top-bar-section .right li .dropdown li .dropdown {
right: 100%
}
.top-bar-section .left li .dropdown {
right: auto;
left: 0
}
.top-bar-section .left li .dropdown li .dropdown {
left: 100%
}
.no-js .top-bar-section ul li:hover > a {
background-color: #555;
background: #222;
color: #FFF
}
.no-js .top-bar-section ul li:active > a {
background: #008CBA;
color: #FFF
}
.no-js .top-bar-section .has-dropdown:hover > .dropdown {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
display: block;
position: absolute !important
}
.no-js .top-bar-section .has-dropdown > a:focus + .dropdown {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
display: block;
position: absolute !important
}
}
.text-left {
text-align: left !important
}
.text-right {
text-align: right !important
}
.text-center {
text-align: center !important
}
.text-justify {
text-align: justify !important
}
@media only screen and (max-width: 40em) {
.small-only-text-left {
text-align: left !important
}
.small-only-text-right {
text-align: right !important
}
.small-only-text-center {
text-align: center !important
}
.small-only-text-justify {
text-align: justify !important
}
}
@media only screen {
.small-text-left {
text-align: left !important
}
.small-text-right {
text-align: right !important
}
.small-text-center {
text-align: center !important
}
.small-text-justify {
text-align: justify !important
}
}
@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
.medium-only-text-left {
text-align: left !important
}
.medium-only-text-right {
text-align: right !important
}
.medium-only-text-center {
text-align: center !important
}
.medium-only-text-justify {
text-align: justify !important
}
}
@media only screen and (min-width: 40.0625em) {
.medium-text-left {
text-align: left !important
}
.medium-text-right {
text-align: right !important
}
.medium-text-center {
text-align: center !important
}
.medium-text-justify {
text-align: justify !important
}
}
@media only screen and (min-width: 64.0625em) and (max-width: 90em) {
.large-only-text-left {
text-align: left !important
}
.large-only-text-right {
text-align: right !important
}
.large-only-text-center {
text-align: center !important
}
.large-only-text-justify {
text-align: justify !important
}
}
@media only screen and (min-width: 64.0625em) {
.large-text-left {
text-align: left !important
}
.large-text-right {
text-align: right !important
}
.large-text-center {
text-align: center !important
}
.large-text-justify {
text-align: justify !important
}
}
@media only screen and (min-width: 90.0625em) and (max-width: 120em) {
.xlarge-only-text-left {
text-align: left !important
}
.xlarge-only-text-right {
text-align: right !important
}
.xlarge-only-text-center {
text-align: center !important
}
.xlarge-only-text-justify {
text-align: justify !important
}
}
@media only screen and (min-width: 90.0625em) {
.xlarge-text-left {
text-align: left !important
}
.xlarge-text-right {
text-align: right !important
}
.xlarge-text-center {
text-align: center !important
}
.xlarge-text-justify {
text-align: justify !important
}
}
@media only screen and (min-width: 120.0625em) and (max-width: 6249999.9375em) {
.xxlarge-only-text-left {
text-align: left !important
}
.xxlarge-only-text-right {
text-align: right !important
}
.xxlarge-only-text-center {
text-align: center !important
}
.xxlarge-only-text-justify {
text-align: justify !important
}
}
@media only screen and (min-width: 120.0625em) {
.xxlarge-text-left {
text-align: left !important
}
.xxlarge-text-right {
text-align: right !important
}
.xxlarge-text-center {
text-align: center !important
}
.xxlarge-text-justify {
text-align: justify !important
}
}
blockquote, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, li, ol, p, pre, td, th, ul {
margin: 0;
padding: 0
}
a {
color: #008CBA;
line-height: inherit;
text-decoration: none
}
a:focus, a:hover {
color: #0078a0
}
a img {
border: none
}
p {
font-family: inherit;
font-size: .875rem;
font-weight: 400;
line-height: 1.6;
margin-bottom: 0;
text-rendering: optimizeLegibility
}
p.lead {
font-size: 1.09375rem;
line-height: 1.6
}
p aside {
font-size: .875rem;
font-style: italic;
line-height: 1.35
}
h1, h2, h3, h4, h5, h6 {
color: #222;
font-family: proxima_nova_ltsemibold, Arial, sans-serif;
font-style: normal;
font-weight: 400;
line-height: 1.4;
margin-bottom: 0;
margin-top: 0;
text-rendering: optimizeLegibility
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
color: #6f6f6f;
font-size: 60%;
line-height: 0
}
h1 {
font-size: 2.125rem
}
h2 {
font-size: 1.6875rem
}
h3 {
font-size: 1.375rem
}
h4 {
font-size: 1.125rem
}
h5 {
font-size: 1.125rem
}
h6 {
font-size: 1rem
}
.subheader {
line-height: 1.4;
color: #6f6f6f;
font-weight: 400;
margin-top: .2rem;
margin-bottom: .5rem
}
hr {
border: solid #DDD;
border-width: 1px 0 0;
clear: both;
height: 0;
margin: 1.25rem 0 1.1875rem
}
em, i {
font-style: italic;
line-height: inherit
}
b, strong {
font-weight: 700;
line-height: inherit
}
small {
font-size: 60%;
line-height: inherit
}
code {
background-color: #f8f8f8;
border-color: #dfdfdf;
border-style: solid;
border-width: 1px;
color: #333;
font-family: Consolas, "Liberation Mono", Courier, monospace;
font-weight: 400;
padding: .125rem .3125rem .0625rem
}
dl, ol, ul {
font-family: inherit;
font-size: .875rem;
line-height: 1.6;
list-style-position: outside;
margin-bottom: 0
}
ul {
margin-left: 1.1rem
}
ul li ol, ul li ul {
margin-left: 1.25rem;
margin-bottom: 0
}
ul.circle li ul, ul.disc li ul, ul.square li ul {
list-style: inherit
}
ul.square {
list-style-type: square;
margin-left: 1.1rem
}
ul.circle {
list-style-type: circle;
margin-left: 1.1rem
}
ul.disc {
list-style-type: disc;
margin-left: 1.1rem
}
ol {
margin-left: 1.4rem
}
ol li ol, ol li ul {
margin-left: 1.25rem;
margin-bottom: 0
}
.no-bullet {
list-style-type: none;
margin-left: 0
}
.no-bullet li ol, .no-bullet li ul {
margin-left: 1.25rem;
margin-bottom: 0;
list-style: none
}
dl dt {
margin-bottom: .3rem;
font-weight: 700
}
dl dd {
margin-bottom: .75rem
}
abbr, acronym {
text-transform: uppercase;
font-size: 90%;
color: #545251;
cursor: help
}
abbr {
text-transform: none
}
abbr[title] {
border-bottom: 1px dotted #DDD
}
blockquote {
margin: 0 0 0;
padding: .5625rem 1.25rem 0 1.1875rem;
border-left: 1px solid #DDD
}
blockquote cite {
display: block;
font-size: .8125rem;
color: #555
}
blockquote cite:before {
content: "\2014 \0020"
}
blockquote cite a, blockquote cite a:visited {
color: #555
}
blockquote, blockquote p {
line-height: 1.6;
color: #6f6f6f
}
.vcard {
display: inline-block;
margin: 0 0 1.25rem 0;
border: 1px solid #DDD;
padding: .625rem .75rem
}
.vcard li {
margin: 0;
display: block
}
.vcard .fn {
font-weight: 700;
font-size: .9375rem
}
.vevent .summary {
font-weight: 700
}
.vevent abbr {
cursor: default;
text-decoration: none;
font-weight: 700;
border: none;
padding: 0 .0625rem
}
@media only screen and (min-width: 40.0625em) {
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
line-height: 1.4
}
h1, .h1 {
font-size: 2.75rem
}
h2, .h2 {
font-size: 2.3125rem
}
h3, .h3 {
font-size: 1.6875rem
}
h4, .h4 {
font-size: 1.4375rem
}
h5, .h5 {
font-size: 1.125rem
}
h6, .h6 {
font-size: 1rem
}
}
@media print {
* {
background: 0 0 !important;
color: #2a2826 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
text-shadow: none !important
}
a, a:visited {
text-decoration: underline
}
a[href]:after {
content: " (" attr(href) ")"
}
abbr[title]:after {
content: " (" attr(title) ")"
}
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
content: ""
}
blockquote, pre {
border: 1px solid #999;
page-break-inside: avoid
}
thead {
display: table-header-group
}
img, tr {
page-break-inside: avoid
}
img {
max-width: 100% !important
}
@page {
margin: .34in
}
h2, h3, p {
orphans: 3;
widows: 3
}
h2, h3 {
page-break-after: avoid
}
}
.off-canvas-wrap {
-webkit-backface-visibility: hidden;
position: relative;
width: 100%;
overflow: hidden
}
.off-canvas-wrap.move-bottom, .off-canvas-wrap.move-left, .off-canvas-wrap.move-right, .off-canvas-wrap.move-top {
min-height: 100%;
-webkit-overflow-scrolling: touch
}
.inner-wrap {
position: relative;
width: 100%;
-webkit-transition: -webkit-transform .5s ease;
-o-transition: -o-transform .5s ease;
transition: transform .5s ease
}
.inner-wrap:after, .inner-wrap:before {
content: " ";
display: table
}
.inner-wrap:after {
clear: both
}
.tab-bar {
-webkit-backface-visibility: hidden;
background: #333;
color: #FFF;
height: 2.8125rem;
line-height: 2.8125rem;
position: relative
}
.tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4, .tab-bar h5, .tab-bar h6 {
color: #FFF;
font-weight: 700;
line-height: 2.8125rem;
margin: 0
}
.tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4 {
font-size: 1.125rem
}
.left-small {
height: 2.8125rem;
position: absolute;
top: 0;
width: 2.8125rem;
border-right: solid 1px #1a1a1a;
left: 0
}
.right-small {
height: 2.8125rem;
position: absolute;
top: 0;
width: 2.8125rem;
border-left: solid 1px #1a1a1a;
right: 0
}
.tab-bar-section {
height: 2.8125rem;
padding: 0 .625rem;
position: absolute;
text-align: center;
top: 0
}
.tab-bar-section.left {
text-align: left
}
.tab-bar-section.right {
text-align: right
}
.tab-bar-section.left {
left: 0;
right: 2.8125rem
}
.tab-bar-section.right {
left: 2.8125rem;
right: 0
}
.tab-bar-section.middle {
left: 2.8125rem;
right: 2.8125rem
}
.tab-bar .menu-icon {
color: #FFF;
display: block;
height: 2.8125rem;
padding: 0;
position: relative;
text-indent: 2.1875rem;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
width: 2.8125rem
}
.tab-bar .menu-icon span::after {
content: "";
display: block;
height: 0;
position: absolute;
top: 50%;
margin-top: -.5rem;
left: .90625rem;
-webkit-box-shadow: 0 0 0 1px #FFF, 0 7px 0 1px #FFF, 0 14px 0 1px #FFF;
box-shadow: 0 0 0 1px #FFF, 0 7px 0 1px #FFF, 0 14px 0 1px #FFF;
width: 1rem
}
.tab-bar .menu-icon span:hover:after {
-webkit-box-shadow: 0 0 0 1px #b3b3b3, 0 7px 0 1px #b3b3b3, 0 14px 0 1px #b3b3b3;
box-shadow: 0 0 0 1px #b3b3b3, 0 7px 0 1px #b3b3b3, 0 14px 0 1px #b3b3b3
}
.left-off-canvas-menu {
-webkit-backface-visibility: hidden;
background: #333;
bottom: 0;
-webkit-box-sizing: content-box;
box-sizing: content-box;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
-webkit-transition: -webkit-transform .5s ease 0s;
-o-transition: -o-transform .5s ease 0s;
transition: transform .5s ease 0s;
width: 15.625rem;
z-index: 1001;
-webkit-transform: translate3d(-100%, 0, 0);
-ms-transform: translate(-100%, 0);
-o-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
left: 0;
top: 0
}
.left-off-canvas-menu * {
-webkit-backface-visibility: hidden
}
.right-off-canvas-menu {
-webkit-backface-visibility: hidden;
background: #333;
bottom: 0;
-webkit-box-sizing: content-box;
box-sizing: content-box;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
-webkit-transition: -webkit-transform .5s ease 0s;
-o-transition: -o-transform .5s ease 0s;
transition: transform .5s ease 0s;
width: 15.625rem;
z-index: 1001;
-webkit-transform: translate3d(100%, 0, 0);
-ms-transform: translate(100%, 0);
-o-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
right: 0;
top: 0
}
.right-off-canvas-menu * {
-webkit-backface-visibility: hidden
}
.top-off-canvas-menu {
-webkit-backface-visibility: hidden;
background: #333;
bottom: 0;
-webkit-box-sizing: content-box;
box-sizing: content-box;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
-webkit-transition: -webkit-transform .5s ease 0s;
-o-transition: -o-transform .5s ease 0s;
transition: transform .5s ease 0s;
width: 15.625rem;
z-index: 1001;
-webkit-transform: translate3d(0, -100%, 0);
-ms-transform: translate(0, -100%);
-o-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
top: 0;
width: 100%;
height: 18.75rem
}
.top-off-canvas-menu * {
-webkit-backface-visibility: hidden
}
.bottom-off-canvas-menu {
-webkit-backface-visibility: hidden;
background: #333;
bottom: 0;
-webkit-box-sizing: content-box;
box-sizing: content-box;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
-webkit-transition: -webkit-transform .5s ease 0s;
-o-transition: -o-transform .5s ease 0s;
transition: transform .5s ease 0s;
width: 15.625rem;
z-index: 1001;
-webkit-transform: translate3d(0, 100%, 0);
-ms-transform: translate(0, 100%);
-o-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
bottom: 0;
width: 100%;
height: 18.75rem
}
.bottom-off-canvas-menu * {
-webkit-backface-visibility: hidden
}
ul.off-canvas-list {
list-style-type: none;
margin: 0;
padding: 0
}
ul.off-canvas-list li label {
background: #444;
border-bottom: none;
border-top: 1px solid #5e5e5e;
color: #999;
display: block;
font-size: .75rem;
font-weight: 700;
margin: 0;
padding: .3rem .9375rem;
text-transform: uppercase
}
ul.off-canvas-list li a {
border-bottom: 1px solid #262626;
color: rgba(255, 255, 255, .7);
display: block;
padding: .6666666667rem;
-webkit-transition: background .3s ease;
-o-transition: background .3s ease;
transition: background .3s ease
}
ul.off-canvas-list li a:hover {
background: #242424
}
ul.off-canvas-list li a:active {
background: #242424
}
.move-right > .inner-wrap {
-webkit-transform: translate3d(15.625rem, 0, 0);
-ms-transform: translate(15.625rem, 0);
-o-transform: translate3d(15.625rem, 0, 0);
transform: translate3d(15.625rem, 0, 0)
}
.move-right .exit-off-canvas {
-webkit-backface-visibility: hidden;
-webkit-box-shadow: -4px 0 4px rgba(42, 40, 38, .5), 4px 0 4px rgba(42, 40, 38, .5);
box-shadow: -4px 0 4px rgba(42, 40, 38, .5), 4px 0 4px rgba(42, 40, 38, .5);
cursor: pointer;
-webkit-transition: background .3s ease;
-o-transition: background .3s ease;
transition: background .3s ease;
-webkit-tap-highlight-color: transparent;
background: rgba(255, 255, 255, .2);
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1002
}
@media only screen and (min-width: 40.0625em) {
.move-right .exit-off-canvas:hover {
background: rgba(255, 255, 255, .05)
}
}
.move-left > .inner-wrap {
-webkit-transform: translate3d(-15.625rem, 0, 0);
-ms-transform: translate(-15.625rem, 0);
-o-transform: translate3d(-15.625rem, 0, 0);
transform: translate3d(-15.625rem, 0, 0)
}
.move-left .exit-off-canvas {
-webkit-backface-visibility: hidden;
-webkit-box-shadow: -4px 0 4px rgba(42, 40, 38, .5), 4px 0 4px rgba(42, 40, 38, .5);
box-shadow: -4px 0 4px rgba(42, 40, 38, .5), 4px 0 4px rgba(42, 40, 38, .5);
cursor: pointer;
-webkit-transition: background .3s ease;
-o-transition: background .3s ease;
transition: background .3s ease;
-webkit-tap-highlight-color: transparent;
background: rgba(255, 255, 255, .2);
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1002
}
@media only screen and (min-width: 40.0625em) {
.move-left .exit-off-canvas:hover {
background: rgba(255, 255, 255, .05)
}
}
.move-top > .inner-wrap {
-webkit-transform: translate3d(0, -18.75rem, 0);
-ms-transform: translate(0, -18.75rem);
-o-transform: translate3d(0, -18.75rem, 0);
transform: translate3d(0, -18.75rem, 0)
}
.move-top .exit-off-canvas {
-webkit-backface-visibility: hidden;
-webkit-box-shadow: -4px 0 4px rgba(42, 40, 38, .5), 4px 0 4px rgba(42, 40, 38, .5);
box-shadow: -4px 0 4px rgba(42, 40, 38, .5), 4px 0 4px rgba(42, 40, 38, .5);
cursor: pointer;
-webkit-transition: background .3s ease;
-o-transition: background .3s ease;
transition: background .3s ease;
-webkit-tap-highlight-color: transparent;
background: rgba(255, 255, 255, .2);
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1002
}
@media only screen and (min-width: 40.0625em) {
.move-top .exit-off-canvas:hover {
background: rgba(255, 255, 255, .05)
}
}
.move-bottom > .inner-wrap {
-webkit-transform: translate3d(0, 18.75rem, 0);
-ms-transform: translate(0, 18.75rem);
-o-transform: translate3d(0, 18.75rem, 0);
transform: translate3d(0, 18.75rem, 0)
}
.move-bottom .exit-off-canvas {
-webkit-backface-visibility: hidden;
-webkit-box-shadow: -4px 0 4px rgba(42, 40, 38, .5), 4px 0 4px rgba(42, 40, 38, .5);
box-shadow: -4px 0 4px rgba(42, 40, 38, .5), 4px 0 4px rgba(42, 40, 38, .5);
cursor: pointer;
-webkit-transition: background .3s ease;
-o-transition: background .3s ease;
transition: background .3s ease;
-webkit-tap-highlight-color: transparent;
background: rgba(255, 255, 255, .2);
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1002
}
@media only screen and (min-width: 40.0625em) {
.move-bottom .exit-off-canvas:hover {
background: rgba(255, 255, 255, .05)
}
}
.offcanvas-overlap .bottom-off-canvas-menu, .offcanvas-overlap .left-off-canvas-menu, .offcanvas-overlap .right-off-canvas-menu, .offcanvas-overlap .top-off-canvas-menu {
-ms-transform: none;
-webkit-transform: none;
-o-transform: none;
transform: none;
z-index: 1003
}
.offcanvas-overlap .exit-off-canvas {
-webkit-backface-visibility: hidden;
-webkit-box-shadow: -4px 0 4px rgba(42, 40, 38, .5), 4px 0 4px rgba(42, 40, 38, .5);
box-shadow: -4px 0 4px rgba(42, 40, 38, .5), 4px 0 4px rgba(42, 40, 38, .5);
cursor: pointer;
-webkit-transition: background .3s ease;
-o-transition: background .3s ease;
transition: background .3s ease;
-webkit-tap-highlight-color: transparent;
background: rgba(255, 255, 255, .2);
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1002
}
@media only screen and (min-width: 40.0625em) {
.offcanvas-overlap .exit-off-canvas:hover {
background: rgba(255, 255, 255, .05)
}
}
.offcanvas-overlap-left .right-off-canvas-menu {
-ms-transform: none;
-webkit-transform: none;
-o-transform: none;
transform: none;
z-index: 1003
}
.offcanvas-overlap-left .exit-off-canvas {
-webkit-backface-visibility: hidden;
-webkit-box-shadow: -4px 0 4px rgba(42, 40, 38, .5), 4px 0 4px rgba(42, 40, 38, .5);
box-shadow: -4px 0 4px rgba(42, 40, 38, .5), 4px 0 4px rgba(42, 40, 38, .5);
cursor: pointer;
-webkit-transition: background .3s ease;
-o-transition: background .3s ease;
transition: background .3s ease;
-webkit-tap-highlight-color: transparent;
background: rgba(255, 255, 255, .2);
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1002
}
@media only screen and (min-width: 40.0625em) {
.offcanvas-overlap-left .exit-off-canvas:hover {
background: rgba(255, 255, 255, .05)
}
}
.offcanvas-overlap-right .left-off-canvas-menu {
-ms-transform: none;
-webkit-transform: none;
-o-transform: none;
transform: none;
z-index: 1003
}
.offcanvas-overlap-right .exit-off-canvas {
-webkit-backface-visibility: hidden;
-webkit-box-shadow: -4px 0 4px rgba(42, 40, 38, .5), 4px 0 4px rgba(42, 40, 38, .5);
box-shadow: -4px 0 4px rgba(42, 40, 38, .5), 4px 0 4px rgba(42, 40, 38, .5);
cursor: pointer;
-webkit-transition: background .3s ease;
-o-transition: background .3s ease;
transition: background .3s ease;
-webkit-tap-highlight-color: transparent;
background: rgba(255, 255, 255, .2);
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1002
}
@media only screen and (min-width: 40.0625em) {
.offcanvas-overlap-right .exit-off-canvas:hover {
background: rgba(255, 255, 255, .05)
}
}
.offcanvas-overlap-top .bottom-off-canvas-menu {
-ms-transform: none;
-webkit-transform: none;
-o-transform: none;
transform: none;
z-index: 1003
}
.offcanvas-overlap-top .exit-off-canvas {
-webkit-backface-visibility: hidden;
-webkit-box-shadow: -4px 0 4px rgba(42, 40, 38, .5), 4px 0 4px rgba(42, 40, 38, .5);
box-shadow: -4px 0 4px rgba(42, 40, 38, .5), 4px 0 4px rgba(42, 40, 38, .5);
cursor: pointer;
-webkit-transition: background .3s ease;
-o-transition: background .3s ease;
transition: background .3s ease;
-webkit-tap-highlight-color: transparent;
background: rgba(255, 255, 255, .2);
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1002
}
@media only screen and (min-width: 40.0625em) {
.offcanvas-overlap-top .exit-off-canvas:hover {
background: rgba(255, 255, 255, .05)
}
}
.offcanvas-overlap-bottom .top-off-canvas-menu {
-ms-transform: none;
-webkit-transform: none;
-o-transform: none;
transform: none;
z-index: 1003
}
.offcanvas-overlap-bottom .exit-off-canvas {
-webkit-backface-visibility: hidden;
-webkit-box-shadow: -4px 0 4px rgba(42, 40, 38, .5), 4px 0 4px rgba(42, 40, 38, .5);
box-shadow: -4px 0 4px rgba(42, 40, 38, .5), 4px 0 4px rgba(42, 40, 38, .5);
cursor: pointer;
-webkit-transition: background .3s ease;
-o-transition: background .3s ease;
transition: background .3s ease;
-webkit-tap-highlight-color: transparent;
background: rgba(255, 255, 255, .2);
bottom: 0;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1002
}
@media only screen and (min-width: 40.0625em) {
.offcanvas-overlap-bottom .exit-off-canvas:hover {
background: rgba(255, 255, 255, .05)
}
}
.no-csstransforms .left-off-canvas-menu {
left: -15.625rem
}
.no-csstransforms .right-off-canvas-menu {
right: -15.625rem
}
.no-csstransforms .top-off-canvas-menu {
top: -18.75rem
}
.no-csstransforms .bottom-off-canvas-menu {
bottom: -18.75rem
}
.no-csstransforms .move-left > .inner-wrap {
right: 15.625rem
}
.no-csstransforms .move-right > .inner-wrap {
left: 15.625rem
}
.no-csstransforms .move-top > .inner-wrap {
right: 18.75rem
}
.no-csstransforms .move-bottom > .inner-wrap {
left: 18.75rem
}
.left-submenu {
-webkit-backface-visibility: hidden;
-webkit-overflow-scrolling: touch;
background: #333;
bottom: 0;
-webkit-box-sizing: content-box;
box-sizing: content-box;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
top: 0;
width: 15.625rem;
height: 18.75rem;
z-index: 1002;
-webkit-transform: translate3d(-100%, 0, 0);
-ms-transform: translate(-100%, 0);
-o-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
left: 0;
-webkit-transition: -webkit-transform .5s ease;
-o-transition: -o-transform .5s ease;
transition: transform .5s ease
}
.left-submenu * {
-webkit-backface-visibility: hidden
}
.left-submenu .back > a {
background: #444;
border-bottom: none;
border-top: 1px solid #5e5e5e;
color: #999;
font-weight: 700;
padding: .3rem .9375rem;
text-transform: uppercase;
margin: 0
}
.left-submenu .back > a:hover {
background: #303030;
border-bottom: none;
border-top: 1px solid #5e5e5e
}
.left-submenu .back > a:before {
content: "\AB";
margin-right: .5rem;
display: inline
}
.left-submenu.move-right, .left-submenu.offcanvas-overlap, .left-submenu.offcanvas-overlap-right {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.right-submenu {
-webkit-backface-visibility: hidden;
-webkit-overflow-scrolling: touch;
background: #333;
bottom: 0;
-webkit-box-sizing: content-box;
box-sizing: content-box;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
top: 0;
width: 15.625rem;
height: 18.75rem;
z-index: 1002;
-webkit-transform: translate3d(100%, 0, 0);
-ms-transform: translate(100%, 0);
-o-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
right: 0;
-webkit-transition: -webkit-transform .5s ease;
-o-transition: -o-transform .5s ease;
transition: transform .5s ease
}
.right-submenu * {
-webkit-backface-visibility: hidden
}
.right-submenu .back > a {
background: #444;
border-bottom: none;
border-top: 1px solid #5e5e5e;
color: #999;
font-weight: 700;
padding: .3rem .9375rem;
text-transform: uppercase;
margin: 0
}
.right-submenu .back > a:hover {
background: #303030;
border-bottom: none;
border-top: 1px solid #5e5e5e
}
.right-submenu .back > a:after {
content: "\BB";
margin-left: .5rem;
display: inline
}
.right-submenu.move-left, .right-submenu.offcanvas-overlap, .right-submenu.offcanvas-overlap-left {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.top-submenu {
-webkit-backface-visibility: hidden;
-webkit-overflow-scrolling: touch;
background: #333;
bottom: 0;
-webkit-box-sizing: content-box;
box-sizing: content-box;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
top: 0;
width: 15.625rem;
height: 18.75rem;
z-index: 1002;
-webkit-transform: translate3d(0, -100%, 0);
-ms-transform: translate(0, -100%);
-o-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
top: 0;
width: 100%;
-webkit-transition: -webkit-transform .5s ease;
-o-transition: -o-transform .5s ease;
transition: transform .5s ease
}
.top-submenu * {
-webkit-backface-visibility: hidden
}
.top-submenu .back > a {
background: #444;
border-bottom: none;
border-top: 1px solid #5e5e5e;
color: #999;
font-weight: 700;
padding: .3rem .9375rem;
text-transform: uppercase;
margin: 0
}
.top-submenu .back > a:hover {
background: #303030;
border-bottom: none;
border-top: 1px solid #5e5e5e
}
.top-submenu.move-bottom, .top-submenu.offcanvas-overlap, .top-submenu.offcanvas-overlap-bottom {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.bottom-submenu {
-webkit-backface-visibility: hidden;
-webkit-overflow-scrolling: touch;
background: #333;
bottom: 0;
-webkit-box-sizing: content-box;
box-sizing: content-box;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
top: 0;
width: 15.625rem;
height: 18.75rem;
z-index: 1002;
-webkit-transform: translate3d(0, 100%, 0);
-ms-transform: translate(0, 100%);
-o-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
bottom: 0;
width: 100%;
-webkit-transition: -webkit-transform .5s ease;
-o-transition: -o-transform .5s ease;
transition: transform .5s ease
}
.bottom-submenu * {
-webkit-backface-visibility: hidden
}
.bottom-submenu .back > a {
background: #444;
border-bottom: none;
border-top: 1px solid #5e5e5e;
color: #999;
font-weight: 700;
padding: .3rem .9375rem;
text-transform: uppercase;
margin: 0
}
.bottom-submenu .back > a:hover {
background: #303030;
border-bottom: none;
border-top: 1px solid #5e5e5e
}
.bottom-submenu.move-top, .bottom-submenu.offcanvas-overlap, .bottom-submenu.offcanvas-overlap-top {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.left-off-canvas-menu ul.off-canvas-list li.has-submenu > a:after {
content: "\BB";
margin-left: .5rem;
display: inline
}
.right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before {
content: "\AB";
margin-right: .5rem;
display: inline
}
@media only screen {
.hide-for-large, .hide-for-large-only, .hide-for-large-up, .hide-for-medium, .hide-for-medium-only, .hide-for-medium-up, .hide-for-xlarge, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .show-for-large-down, .show-for-medium-down, .show-for-small, .show-for-small-down, .show-for-small-only, .show-for-small-up, .show-for-xlarge-down, .show-for-xxlarge-down {
display: inherit !important
}
.hide-for-large-down, .hide-for-medium-down, .hide-for-small, .hide-for-small-down, .hide-for-small-only, .hide-for-small-up, .hide-for-xlarge-down, .hide-for-xxlarge-down, .show-for-large, .show-for-large-only, .show-for-large-up, .show-for-medium, .show-for-medium-only, .show-for-medium-up, .show-for-xlarge, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge, .show-for-xxlarge-only, .show-for-xxlarge-up {
display: none !important
}
.hidden-for-large, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-medium, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-xlarge, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .visible-for-large-down, .visible-for-medium-down, .visible-for-small, .visible-for-small-down, .visible-for-small-only, .visible-for-small-up, .visible-for-xlarge-down, .visible-for-xxlarge-down {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto
}
.hidden-for-large-down, .hidden-for-medium-down, .hidden-for-small, .hidden-for-small-down, .hidden-for-small-only, .hidden-for-small-up, .hidden-for-xlarge-down, .hidden-for-xxlarge-down, .visible-for-large, .visible-for-large-only, .visible-for-large-up, .visible-for-medium, .visible-for-medium-only, .visible-for-medium-up, .visible-for-xlarge, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px
}
table.hide-for-large, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-medium, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-xlarge, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.show-for-large-down, table.show-for-medium-down, table.show-for-small, table.show-for-small-down, table.show-for-small-only, table.show-for-small-up, table.show-for-xlarge-down, table.show-for-xxlarge-down {
display: table !important
}
thead.hide-for-large, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-medium, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-xlarge, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.show-for-large-down, thead.show-for-medium-down, thead.show-for-small, thead.show-for-small-down, thead.show-for-small-only, thead.show-for-small-up, thead.show-for-xlarge-down, thead.show-for-xxlarge-down {
display: table-header-group !important
}
tbody.hide-for-large, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-medium, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-xlarge, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.show-for-large-down, tbody.show-for-medium-down, tbody.show-for-small, tbody.show-for-small-down, tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-xlarge-down, tbody.show-for-xxlarge-down {
display: table-row-group !important
}
tr.hide-for-large, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-medium, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-xlarge, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.show-for-large-down, tr.show-for-medium-down, tr.show-for-small, tr.show-for-small-down, tr.show-for-small-only, tr.show-for-small-up, tr.show-for-xlarge-down, tr.show-for-xxlarge-down {
display: table-row
}
td.hide-for-large, td.hide-for-large-only, td.hide-for-large-up, td.hide-for-medium, td.hide-for-medium-only, td.hide-for-medium-up, td.hide-for-xlarge, td.hide-for-xlarge-only, td.hide-for-xlarge-up, td.hide-for-xxlarge, td.hide-for-xxlarge-only, td.hide-for-xxlarge-up, td.show-for-large-down, td.show-for-medium-down, td.show-for-small, td.show-for-small-down, td.show-for-small-only, td.show-for-small-up, td.show-for-xlarge-down, td.show-for-xxlarge-down, th.hide-for-large, th.hide-for-large-only, th.hide-for-large-up, th.hide-for-medium, th.hide-for-medium-only, th.hide-for-medium-up, th.hide-for-xlarge, th.hide-for-xlarge-only, th.hide-for-xlarge-up, th.hide-for-xxlarge, th.hide-for-xxlarge-only, th.hide-for-xxlarge-up, th.show-for-large-down, th.show-for-medium-down, th.show-for-small, th.show-for-small-down, th.show-for-small-only, th.show-for-small-up, th.show-for-xlarge-down, th.show-for-xxlarge-down {
display: table-cell !important
}
}
@media only screen and (min-width: 40.0625em) {
.hide-for-large, .hide-for-large-only, .hide-for-large-up, .hide-for-small, .hide-for-small-down, .hide-for-small-only, .hide-for-xlarge, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .show-for-large-down, .show-for-medium, .show-for-medium-down, .show-for-medium-only, .show-for-medium-up, .show-for-small-up, .show-for-xlarge-down, .show-for-xxlarge-down {
display: inherit !important
}
.hide-for-large-down, .hide-for-medium, .hide-for-medium-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-small-up, .hide-for-xlarge-down, .hide-for-xxlarge-down, .show-for-large, .show-for-large-only, .show-for-large-up, .show-for-small, .show-for-small-down, .show-for-small-only, .show-for-xlarge, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge, .show-for-xxlarge-only, .show-for-xxlarge-up {
display: none !important
}
.hidden-for-large, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-small-only, .hidden-for-xlarge, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .visible-for-large-down, .visible-for-medium, .visible-for-medium-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-small-up, .visible-for-xlarge-down, .visible-for-xxlarge-down {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto
}
.hidden-for-large-down, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-small-up, .hidden-for-xlarge-down, .hidden-for-xxlarge-down, .visible-for-large, .visible-for-large-only, .visible-for-large-up, .visible-for-small, .visible-for-small-down, .visible-for-small-only, .visible-for-xlarge, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px
}
table.hide-for-large, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-small-only, table.hide-for-xlarge, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.show-for-large-down, table.show-for-medium, table.show-for-medium-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-small-up, table.show-for-xlarge-down, table.show-for-xxlarge-down {
display: table !important
}
thead.hide-for-large, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-small-only, thead.hide-for-xlarge, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.show-for-large-down, thead.show-for-medium, thead.show-for-medium-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-small-up, thead.show-for-xlarge-down, thead.show-for-xxlarge-down {
display: table-header-group !important
}
tbody.hide-for-large, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-small-only, tbody.hide-for-xlarge, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.show-for-large-down, tbody.show-for-medium, tbody.show-for-medium-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-small-up, tbody.show-for-xlarge-down, tbody.show-for-xxlarge-down {
display: table-row-group !important
}
tr.hide-for-large, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-small-only, tr.hide-for-xlarge, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.show-for-large-down, tr.show-for-medium, tr.show-for-medium-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-small-up, tr.show-for-xlarge-down, tr.show-for-xxlarge-down {
display: table-row
}
td.hide-for-large, td.hide-for-large-only, td.hide-for-large-up, td.hide-for-small, td.hide-for-small-down, td.hide-for-small-only, td.hide-for-xlarge, td.hide-for-xlarge-only, td.hide-for-xlarge-up, td.hide-for-xxlarge, td.hide-for-xxlarge-only, td.hide-for-xxlarge-up, td.show-for-large-down, td.show-for-medium, td.show-for-medium-down, td.show-for-medium-only, td.show-for-medium-up, td.show-for-small-up, td.show-for-xlarge-down, td.show-for-xxlarge-down, th.hide-for-large, th.hide-for-large-only, th.hide-for-large-up, th.hide-for-small, th.hide-for-small-down, th.hide-for-small-only, th.hide-for-xlarge, th.hide-for-xlarge-only, th.hide-for-xlarge-up, th.hide-for-xxlarge, th.hide-for-xxlarge-only, th.hide-for-xxlarge-up, th.show-for-large-down, th.show-for-medium, th.show-for-medium-down, th.show-for-medium-only, th.show-for-medium-up, th.show-for-small-up, th.show-for-xlarge-down, th.show-for-xxlarge-down {
display: table-cell !important
}
}
@media only screen and (min-width: 64.0625em) {
.hide-for-medium, .hide-for-medium-down, .hide-for-medium-only, .hide-for-small, .hide-for-small-down, .hide-for-small-only, .hide-for-xlarge, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .show-for-large, .show-for-large-down, .show-for-large-only, .show-for-large-up, .show-for-medium-up, .show-for-small-up, .show-for-xlarge-down, .show-for-xxlarge-down {
display: inherit !important
}
.hide-for-large, .hide-for-large-down, .hide-for-large-only, .hide-for-large-up, .hide-for-medium-up, .hide-for-small-up, .hide-for-xlarge-down, .hide-for-xxlarge-down, .show-for-medium, .show-for-medium-down, .show-for-medium-only, .show-for-small, .show-for-small-down, .show-for-small-only, .show-for-xlarge, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge, .show-for-xxlarge-only, .show-for-xxlarge-up {
display: none !important
}
.hidden-for-medium, .hidden-for-medium-down, .hidden-for-medium-only, .hidden-for-small, .hidden-for-small-down, .hidden-for-small-only, .hidden-for-xlarge, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .visible-for-large, .visible-for-large-down, .visible-for-large-only, .visible-for-large-up, .visible-for-medium-up, .visible-for-small-up, .visible-for-xlarge-down, .visible-for-xxlarge-down {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto
}
.hidden-for-large, .hidden-for-large-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-medium-up, .hidden-for-small-up, .hidden-for-xlarge-down, .hidden-for-xxlarge-down, .visible-for-medium, .visible-for-medium-down, .visible-for-medium-only, .visible-for-small, .visible-for-small-down, .visible-for-small-only, .visible-for-xlarge, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px
}
table.hide-for-medium, table.hide-for-medium-down, table.hide-for-medium-only, table.hide-for-small, table.hide-for-small-down, table.hide-for-small-only, table.hide-for-xlarge, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.show-for-large, table.show-for-large-down, table.show-for-large-only, table.show-for-large-up, table.show-for-medium-up, table.show-for-small-up, table.show-for-xlarge-down, table.show-for-xxlarge-down {
display: table !important
}
thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-medium-only, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-small-only, thead.hide-for-xlarge, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.show-for-large, thead.show-for-large-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-medium-up, thead.show-for-small-up, thead.show-for-xlarge-down, thead.show-for-xxlarge-down {
display: table-header-group !important
}
tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-medium-only, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-small-only, tbody.hide-for-xlarge, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.show-for-large, tbody.show-for-large-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-medium-up, tbody.show-for-small-up, tbody.show-for-xlarge-down, tbody.show-for-xxlarge-down {
display: table-row-group !important
}
tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-medium-only, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-small-only, tr.hide-for-xlarge, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.show-for-large, tr.show-for-large-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-medium-up, tr.show-for-small-up, tr.show-for-xlarge-down, tr.show-for-xxlarge-down {
display: table-row
}
td.hide-for-medium, td.hide-for-medium-down, td.hide-for-medium-only, td.hide-for-small, td.hide-for-small-down, td.hide-for-small-only, td.hide-for-xlarge, td.hide-for-xlarge-only, td.hide-for-xlarge-up, td.hide-for-xxlarge, td.hide-for-xxlarge-only, td.hide-for-xxlarge-up, td.show-for-large, td.show-for-large-down, td.show-for-large-only, td.show-for-large-up, td.show-for-medium-up, td.show-for-small-up, td.show-for-xlarge-down, td.show-for-xxlarge-down, th.hide-for-medium, th.hide-for-medium-down, th.hide-for-medium-only, th.hide-for-small, th.hide-for-small-down, th.hide-for-small-only, th.hide-for-xlarge, th.hide-for-xlarge-only, th.hide-for-xlarge-up, th.hide-for-xxlarge, th.hide-for-xxlarge-only, th.hide-for-xxlarge-up, th.show-for-large, th.show-for-large-down, th.show-for-large-only, th.show-for-large-up, th.show-for-medium-up, th.show-for-small-up, th.show-for-xlarge-down, th.show-for-xxlarge-down {
display: table-cell !important
}
}
@media only screen and (min-width: 90.0625em) {
.hide-for-large, .hide-for-large-down, .hide-for-large-only, .hide-for-medium, .hide-for-medium-down, .hide-for-medium-only, .hide-for-small, .hide-for-small-down, .hide-for-small-only, .hide-for-xxlarge, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .show-for-large-up, .show-for-medium-up, .show-for-small-up, .show-for-xlarge, .show-for-xlarge-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-down {
display: inherit !important
}
.hide-for-large-up, .hide-for-medium-up, .hide-for-small-up, .hide-for-xlarge, .hide-for-xlarge-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-down, .show-for-large, .show-for-large-down, .show-for-large-only, .show-for-medium, .show-for-medium-down, .show-for-medium-only, .show-for-small, .show-for-small-down, .show-for-small-only, .show-for-xxlarge, .show-for-xxlarge-only, .show-for-xxlarge-up {
display: none !important
}
.hidden-for-large, .hidden-for-large-down, .hidden-for-large-only, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-medium-only, .hidden-for-small, .hidden-for-small-down, .hidden-for-small-only, .hidden-for-xxlarge, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .visible-for-large-up, .visible-for-medium-up, .visible-for-small-up, .visible-for-xlarge, .visible-for-xlarge-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-down {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto
}
.hidden-for-large-up, .hidden-for-medium-up, .hidden-for-small-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-down, .visible-for-large, .visible-for-large-down, .visible-for-large-only, .visible-for-medium, .visible-for-medium-down, .visible-for-medium-only, .visible-for-small, .visible-for-small-down, .visible-for-small-only, .visible-for-xxlarge, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px
}
table.hide-for-large, table.hide-for-large-down, table.hide-for-large-only, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-medium-only, table.hide-for-small, table.hide-for-small-down, table.hide-for-small-only, table.hide-for-xxlarge, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.show-for-large-up, table.show-for-medium-up, table.show-for-small-up, table.show-for-xlarge, table.show-for-xlarge-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xxlarge-down {
display: table !important
}
thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-large-only, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-medium-only, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-small-only, thead.hide-for-xxlarge, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.show-for-large-up, thead.show-for-medium-up, thead.show-for-small-up, thead.show-for-xlarge, thead.show-for-xlarge-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xxlarge-down {
display: table-header-group !important
}
tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-large-only, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-medium-only, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-small-only, tbody.hide-for-xxlarge, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.show-for-large-up, tbody.show-for-medium-up, tbody.show-for-small-up, tbody.show-for-xlarge, tbody.show-for-xlarge-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xxlarge-down {
display: table-row-group !important
}
tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-large-only, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-medium-only, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-small-only, tr.hide-for-xxlarge, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.show-for-large-up, tr.show-for-medium-up, tr.show-for-small-up, tr.show-for-xlarge, tr.show-for-xlarge-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xxlarge-down {
display: table-row
}
td.hide-for-large, td.hide-for-large-down, td.hide-for-large-only, td.hide-for-medium, td.hide-for-medium-down, td.hide-for-medium-only, td.hide-for-small, td.hide-for-small-down, td.hide-for-small-only, td.hide-for-xxlarge, td.hide-for-xxlarge-only, td.hide-for-xxlarge-up, td.show-for-large-up, td.show-for-medium-up, td.show-for-small-up, td.show-for-xlarge, td.show-for-xlarge-down, td.show-for-xlarge-only, td.show-for-xlarge-up, td.show-for-xxlarge-down, th.hide-for-large, th.hide-for-large-down, th.hide-for-large-only, th.hide-for-medium, th.hide-for-medium-down, th.hide-for-medium-only, th.hide-for-small, th.hide-for-small-down, th.hide-for-small-only, th.hide-for-xxlarge, th.hide-for-xxlarge-only, th.hide-for-xxlarge-up, th.show-for-large-up, th.show-for-medium-up, th.show-for-small-up, th.show-for-xlarge, th.show-for-xlarge-down, th.show-for-xlarge-only, th.show-for-xlarge-up, th.show-for-xxlarge-down {
display: table-cell !important
}
}
@media only screen and (min-width: 120.0625em) {
.hide-for-large, .hide-for-large-down, .hide-for-large-only, .hide-for-medium, .hide-for-medium-down, .hide-for-medium-only, .hide-for-small, .hide-for-small-down, .hide-for-small-only, .hide-for-xlarge, .hide-for-xlarge-down, .hide-for-xlarge-only, .show-for-large-up, .show-for-medium-up, .show-for-small-up, .show-for-xlarge-up, .show-for-xxlarge, .show-for-xxlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up {
display: inherit !important
}
.hide-for-large-up, .hide-for-medium-up, .hide-for-small-up, .hide-for-xlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .show-for-large, .show-for-large-down, .show-for-large-only, .show-for-medium, .show-for-medium-down, .show-for-medium-only, .show-for-small, .show-for-small-down, .show-for-small-only, .show-for-xlarge, .show-for-xlarge-down, .show-for-xlarge-only {
display: none !important
}
.hidden-for-large, .hidden-for-large-down, .hidden-for-large-only, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-medium-only, .hidden-for-small, .hidden-for-small-down, .hidden-for-small-only, .hidden-for-xlarge, .hidden-for-xlarge-down, .hidden-for-xlarge-only, .visible-for-large-up, .visible-for-medium-up, .visible-for-small-up, .visible-for-xlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto
}
.hidden-for-large-up, .hidden-for-medium-up, .hidden-for-small-up, .hidden-for-xlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .visible-for-large, .visible-for-large-down, .visible-for-large-only, .visible-for-medium, .visible-for-medium-down, .visible-for-medium-only, .visible-for-small, .visible-for-small-down, .visible-for-small-only, .visible-for-xlarge, .visible-for-xlarge-down, .visible-for-xlarge-only {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px
}
table.hide-for-large, table.hide-for-large-down, table.hide-for-large-only, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-medium-only, table.hide-for-small, table.hide-for-small-down, table.hide-for-small-only, table.hide-for-xlarge, table.hide-for-xlarge-down, table.hide-for-xlarge-only, table.show-for-large-up, table.show-for-medium-up, table.show-for-small-up, table.show-for-xlarge-up, table.show-for-xxlarge, table.show-for-xxlarge-down, table.show-for-xxlarge-only, table.show-for-xxlarge-up {
display: table !important
}
thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-large-only, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-medium-only, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-small-only, thead.hide-for-xlarge, thead.hide-for-xlarge-down, thead.hide-for-xlarge-only, thead.show-for-large-up, thead.show-for-medium-up, thead.show-for-small-up, thead.show-for-xlarge-up, thead.show-for-xxlarge, thead.show-for-xxlarge-down, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up {
display: table-header-group !important
}
tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-large-only, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-medium-only, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-small-only, tbody.hide-for-xlarge, tbody.hide-for-xlarge-down, tbody.hide-for-xlarge-only, tbody.show-for-large-up, tbody.show-for-medium-up, tbody.show-for-small-up, tbody.show-for-xlarge-up, tbody.show-for-xxlarge, tbody.show-for-xxlarge-down, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up {
display: table-row-group !important
}
tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-large-only, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-medium-only, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-small-only, tr.hide-for-xlarge, tr.hide-for-xlarge-down, tr.hide-for-xlarge-only, tr.show-for-large-up, tr.show-for-medium-up, tr.show-for-small-up, tr.show-for-xlarge-up, tr.show-for-xxlarge, tr.show-for-xxlarge-down, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up {
display: table-row
}
td.hide-for-large, td.hide-for-large-down, td.hide-for-large-only, td.hide-for-medium, td.hide-for-medium-down, td.hide-for-medium-only, td.hide-for-small, td.hide-for-small-down, td.hide-for-small-only, td.hide-for-xlarge, td.hide-for-xlarge-down, td.hide-for-xlarge-only, td.show-for-large-up, td.show-for-medium-up, td.show-for-small-up, td.show-for-xlarge-up, td.show-for-xxlarge, td.show-for-xxlarge-down, td.show-for-xxlarge-only, td.show-for-xxlarge-up, th.hide-for-large, th.hide-for-large-down, th.hide-for-large-only, th.hide-for-medium, th.hide-for-medium-down, th.hide-for-medium-only, th.hide-for-small, th.hide-for-small-down, th.hide-for-small-only, th.hide-for-xlarge, th.hide-for-xlarge-down, th.hide-for-xlarge-only, th.show-for-large-up, th.show-for-medium-up, th.show-for-small-up, th.show-for-xlarge-up, th.show-for-xxlarge, th.show-for-xxlarge-down, th.show-for-xxlarge-only, th.show-for-xxlarge-up {
display: table-cell !important
}
}
.hide-for-portrait, .show-for-landscape {
display: inherit !important
}
.hide-for-landscape, .show-for-portrait {
display: none !important
}
table.hide-for-landscape, table.show-for-portrait {
display: table !important
}
thead.hide-for-landscape, thead.show-for-portrait {
display: table-header-group !important
}
tbody.hide-for-landscape, tbody.show-for-portrait {
display: table-row-group !important
}
tr.hide-for-landscape, tr.show-for-portrait {
display: table-row !important
}
td.hide-for-landscape, td.show-for-portrait, th.hide-for-landscape, th.show-for-portrait {
display: table-cell !important
}
@media only screen and (orientation: landscape) {
.hide-for-portrait, .show-for-landscape {
display: inherit !important
}
.hide-for-landscape, .show-for-portrait {
display: none !important
}
table.hide-for-portrait, table.show-for-landscape {
display: table !important
}
thead.hide-for-portrait, thead.show-for-landscape {
display: table-header-group !important
}
tbody.hide-for-portrait, tbody.show-for-landscape {
display: table-row-group !important
}
tr.hide-for-portrait, tr.show-for-landscape {
display: table-row !important
}
td.hide-for-portrait, td.show-for-landscape, th.hide-for-portrait, th.show-for-landscape {
display: table-cell !important
}
}
@media only screen and (orientation: portrait) {
.hide-for-landscape, .show-for-portrait {
display: inherit !important
}
.hide-for-portrait, .show-for-landscape {
display: none !important
}
table.hide-for-landscape, table.show-for-portrait {
display: table !important
}
thead.hide-for-landscape, thead.show-for-portrait {
display: table-header-group !important
}
tbody.hide-for-landscape, tbody.show-for-portrait {
display: table-row-group !important
}
tr.hide-for-landscape, tr.show-for-portrait {
display: table-row !important
}
td.hide-for-landscape, td.show-for-portrait, th.hide-for-landscape, th.show-for-portrait {
display: table-cell !important
}
}
.show-for-touch {
display: none !important
}
.hide-for-touch {
display: inherit !important
}
.touch .show-for-touch {
display: inherit !important
}
.touch .hide-for-touch {
display: none !important
}
table.hide-for-touch {
display: table !important
}
.touch table.show-for-touch {
display: table !important
}
thead.hide-for-touch {
display: table-header-group !important
}
.touch thead.show-for-touch {
display: table-header-group !important
}
tbody.hide-for-touch {
display: table-row-group !important
}
.touch tbody.show-for-touch {
display: table-row-group !important
}
tr.hide-for-touch {
display: table-row !important
}
.touch tr.show-for-touch {
display: table-row !important
}
td.hide-for-touch {
display: table-cell !important
}
.touch td.show-for-touch {
display: table-cell !important
}
th.hide-for-touch {
display: table-cell !important
}
.touch th.show-for-touch {
display: table-cell !important
}
.show-for-sr {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px
}
.show-on-focus {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px
}
.show-on-focus:active, .show-on-focus:focus {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto
}
.print-only, .show-for-print {
display: none !important
}
@media print {
.print-only, .show-for-print {
display: block !important
}
.hide-for-print, .hide-on-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
}
} .fp-enabled body, html.fp-enabled {
margin: 0;
padding: 0;
overflow: hidden;
-webkit-tap-highlight-color: transparent
}
#superContainer {
height: 100%;
position: relative;
-ms-touch-action: none;
touch-action: none
}
.fp-section {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.fp-slide {
float: left
}
.fp-slide, .fp-slidesContainer {
height: 100%;
display: block
}
.fp-slides {
z-index: 1;
height: 100%;
overflow: hidden;
position: relative;
-webkit-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out
}
.fp-section.fp-table, .fp-slide.fp-table {
display: table;
table-layout: fixed;
width: 100%
}
.fp-tableCell {
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%
}
.fp-slidesContainer {
float: left;
position: relative
}
.fp-controlArrow {
-webkit-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-ms-user-select: none;
position: absolute;
z-index: 4;
top: 50%;
cursor: pointer;
width: 0;
height: 0;
border-style: solid;
margin-top: -38px;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.fp-controlArrow.fp-prev {
left: 15px;
width: 0;
border-width: 38.5px 34px 38.5px 0;
border-color: transparent #fff transparent transparent
}
.fp-controlArrow.fp-next {
right: 15px;
border-width: 38.5px 0 38.5px 34px;
border-color: transparent transparent transparent #fff
}
.fp-scrollable {
overflow: scroll
}
.fp-notransition {
-webkit-transition: none !important;
-o-transition: none !important;
transition: none !important
}
.fp-slidesNav {
position: absolute;
z-index: 4;
left: 50%;
opacity: 1
}
.fp-slidesNav.bottom {
bottom: 17px
}
.fp-slidesNav.top {
top: 17px
}
#fp-nav ul, .fp-slidesNav ul {
margin: 0;
padding: 0
}
#fp-nav ul li, .fp-slidesNav ul li {
display: block;
width: 14px;
height: 13px;
margin: 7px;
position: relative
}
#fp-nav ul li a, .fp-slidesNav ul li a {
display: block;
position: relative;
z-index: 1;
width: 100%;
height: 100%;
cursor: pointer;
text-decoration: none
}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span {
height: 12px;
width: 12px;
margin: -6px 0 0 -6px;
border-radius: 100%
}
#fp-nav ul li:hover #fp-nav ul li a.active span, #fp-nav ul li:hover .fp-slidesNav ul li a.active span, #fp-slidesNav ul li:hover #fp-nav ul li a.active span, #fp-slidesNav ul li:hover .fp-slidesNav ul li a.active span {
height: 12px;
width: 12px;
margin: -6px 0 0 -6px;
border-radius: 100%
}
#fp-nav ul li a span, .fp-slidesNav ul li a span {
border-radius: 50%;
position: absolute;
z-index: 1;
height: 4px;
width: 4px;
border: 0;
background: #333;
left: 50%;
top: 50%;
margin: -2px 0 0 -2px;
-webkit-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
transition: all .1s ease-in-out
}
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span {
width: 10px;
height: 10px;
margin: -5px 0 0 -5px
}
#fp-nav {
position: fixed;
z-index: 100;
margin-top: -32px;
top: 50%;
opacity: 1;
-webkit-transform: translate3d(0, 0, 0)
}
#fp-nav.right {
right: 17px
}
#fp-nav.left {
left: 17px
}
#fp-nav ul li .fp-tooltip {
position: absolute;
top: -2px;
color: #fff;
font-size: 14px;
font-family: arial, helvetica, sans-serif;
white-space: nowrap;
max-width: 220px;
overflow: hidden;
display: block;
opacity: 0;
width: 0;
cursor: pointer
}
#fp-nav ul li .fp-tooltip.right {
right: 20px
}
#fp-nav ul li:hover .fp-tooltip {
-webkit-transition: opacity .2s ease-in;
-o-transition: opacity .2s ease-in;
transition: opacity .2s ease-in;
width: auto;
opacity: 1
}
#fp-nav.fp-show-active a.active + .fp-tooltip {
-webkit-transition: opacity .2s ease-in;
-o-transition: opacity .2s ease-in;
transition: opacity .2s ease-in;
width: auto;
opacity: 1
}
.fp-slidesNav ul li {
display: inline-block
}
.fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell, .fp-auto-height.fp-section {
height: auto !important
}
body {
font-family: proxima_nova_ltsemibold, Arial, sans-serif;
font-size: 62.5%
}
.button, a, button {
outline: 0
}
a:focus, button:focus {
color: inherit
}
body, html {
-webkit-font-smoothing: subpixel-antialiased
}
ul {
font-size: 1em
}
.row {
max-width: 1125px
}
@font-face {
font-family: proxima_nova_ltsemibold;
src: url(//www.maryann.com.ua/wp-content/themes/lionline/dist/fonts/mark_simonson_-_proxima_nova_semibold.eot);
src: url(//www.maryann.com.ua/wp-content/themes/lionline/dist/fonts/mark_simonson_-_proxima_nova_semibold.eot?#iefix) format("embedded-opentype"), url(//www.maryann.com.ua/wp-content/themes/lionline/dist/fonts/mark_simonson_-_proxima_nova_semibold.woff2) format("woff2"), url(//www.maryann.com.ua/wp-content/themes/lionline/dist/fonts/mark_simonson_-_proxima_nova_semibold.woff) format("woff"), url(//www.maryann.com.ua/wp-content/themes/lionline/dist/fonts/mark_simonson_-_proxima_nova_semibold.ttf) format("truetype"), url(//www.maryann.com.ua/wp-content/themes/lionline/dist/fonts/mark_simonson_-_proxima_nova_semibold.svg#proxima_nova_ltsemibold) format("svg");
font-weight: 400;
font-style: normal
}
@font-face {
font-family: proxima_novalight_italic;
src: url(//www.maryann.com.ua/wp-content/themes/lionline/dist/fonts/mark_simonson_-_proxima_nova_light_italic.eot);
src: url(//www.maryann.com.ua/wp-content/themes/lionline/dist/fonts/mark_simonson_-_proxima_nova_light_italic.eot?#iefix) format("embedded-opentype"), url(//www.maryann.com.ua/wp-content/themes/lionline/dist/fonts/mark_simonson_-_proxima_nova_light_italic.woff2) format("woff2"), url(//www.maryann.com.ua/wp-content/themes/lionline/dist/fonts/mark_simonson_-_proxima_nova_light_italic.woff) format("woff"), url(//www.maryann.com.ua/wp-content/themes/lionline/dist/fonts/mark_simonson_-_proxima_nova_light_italic.ttf) format("truetype"), url(//www.maryann.com.ua/wp-content/themes/lionline/dist/fonts/mark_simonson_-_proxima_nova_light_italic.svg#proxima_novalight_italic) format("svg");
font-weight: 400;
font-style: normal
}
@font-face {
font-family: proxima_nova_ltlight;
src: url(//www.maryann.com.ua/wp-content/themes/lionline/dist/fonts/mark_simonson_-_proxima_nova_light.eot);
src: url(//www.maryann.com.ua/wp-content/themes/lionline/dist/fonts/mark_simonson_-_proxima_nova_light.eot?#iefix) format("embedded-opentype"), url(//www.maryann.com.ua/wp-content/themes/lionline/dist/fonts/mark_simonson_-_proxima_nova_light.woff2) format("woff2"), url(//www.maryann.com.ua/wp-content/themes/lionline/dist/fonts/mark_simonson_-_proxima_nova_light.woff) format("woff"), url(//www.maryann.com.ua/wp-content/themes/lionline/dist/fonts/mark_simonson_-_proxima_nova_light.ttf) format("truetype"), url(//www.maryann.com.ua/wp-content/themes/lionline/dist/fonts/mark_simonson_-_proxima_nova_light.svg#proxima_nova_ltlight) format("svg");
font-weight: 400;
font-style: normal
}
@font-face {
font-family: proxima_nova_rgregular;
src: url(//www.maryann.com.ua/wp-content/themes/lionline/dist/fonts/mark_simonson_-_proxima_nova_regular.eot);
src: url(//www.maryann.com.ua/wp-content/themes/lionline/dist/fonts/mark_simonson_-_proxima_nova_regular.eot?#iefix) format("embedded-opentype"), url(//www.maryann.com.ua/wp-content/themes/lionline/dist/fonts/mark_simonson_-_proxima_nova_regular.woff2) format("woff2"), url(//www.maryann.com.ua/wp-content/themes/lionline/dist/fonts/mark_simonson_-_proxima_nova_regular.woff) format("woff"), url(//www.maryann.com.ua/wp-content/themes/lionline/dist/fonts/mark_simonson_-_proxima_nova_regular.ttf) format("truetype"), url(//www.maryann.com.ua/wp-content/themes/lionline/dist/fonts/mark_simonson_-_proxima_nova_regular.svg#proxima_nova_rgregular) format("svg");
font-weight: 400;
font-style: normal
}
.alignnone {
margin-left: 0;
margin-right: 0;
max-width: 100%
}
.aligncenter {
display: block;
margin: .9375rem auto
}
.alignleft, .alignright {
margin-bottom: .9375rem
}
@media only screen {
.alignleft {
float: left;
margin-right: .9375rem
}
.alignright {
float: right;
margin-left: .9375rem
}
}
.wp-caption-text {
padding: .9375rem
}
.border {
position: fixed;
z-index: 9999;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.border div {
position: absolute;
text-align: center;
color: #fff
}
@media only screen and (max-width: 1024px) {
.front-page {
display: none
}
}
.line {
width: 100%;
overflow: hidden
}
.line span {
background: #fff;
display: block
}
.line .vertical {
height: 50vh;
width: 2px
}
.line .horizontal {
height: 2px;
width: 100%
}
.bottom-section, .top-section {
left: 55px;
right: 55px;
height: 2px
}
@media only screen and (max-width: 640px) {
.bottom-section, .top-section {
left: 30px;
right: 30px
}
}
.left-section, .right-section {
top: 55px;
bottom: 55px;
width: 2px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
@media only screen and (max-width: 640px) {
.left-section, .right-section {
top: 30px;
bottom: 30px
}
}
.top-section {
top: 55px
}
@media only screen and (max-width: 640px) {
.top-section {
top: 30px
}
}
.bottom-section {
bottom: 55px
}
@media only screen and (max-width: 640px) {
.bottom-section {
bottom: 30px
}
}
.right-section {
right: 55px
}
@media only screen and (max-width: 640px) {
.right-section {
right: 30px
}
}
.left-section {
left: 55px
}
@media only screen and (max-width: 640px) {
.left-section {
left: 30px
}
}
#main-menu {
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
list-style: none;
margin: -10px 20px
}
#main-menu li {
float: left
}
#main-menu li:not(:last-child):after {
content: "";
display: inline-block;
height: 6px;
width: 6px;
margin: auto;
border-radius: 50%;
background: #fff;
margin-bottom: 2px
}
#main-menu li a {
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
color: #fff;
text-transform: uppercase;
font-size: 1.4em;
letter-spacing: .25px;
padding: 0 25px
}
#main-menu li a:hover {
color: #08bcc1
}
#side-nav {
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
list-style: none;
margin: 20px -14px;
width: 30px;
text-align: center;
display: none
}
#side-nav li:not(:last-child):after {
content: "";
display: inline-block;
height: 6px;
width: 6px;
border-radius: 50%;
background: #fff;
margin: 10px auto
}
#side-nav li .active {
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5)
}
#side-nav li a {
font-family: Oranienbaum, Arial, serif;
font-size: 1.8em;
color: #fff;
letter-spacing: .5px;
-webkit-transition: 1s;
-o-transition: 1s;
transition: 1s;
display: block
}
.scroll-down {
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto
}
.scroll-down a {
position: relative;
display: block;
left: 0;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
color: #fff;
white-space: nowrap;
margin-top: 195px;
font-size: 1.2em;
text-transform: uppercase;
padding: 10px 0;
letter-spacing: .25px
}
.scroll-down a:before {
content: "";
display: inline-block;
width: 13px;
height: 11px;
background: url(//www.maryann.com.ua/wp-content/themes/lionline/dist/images/Arrow.png) no-repeat center;
margin-right: 10px;
vertical-align: middle
}
@-webkit-keyframes jump {
0% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0)
}
50% {
-webkit-transform: translate(0, 5px);
transform: translate(0, 5px)
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0)
}
}
@-o-keyframes jump {
0% {
-o-transform: translate(0, 0);
transform: translate(0, 0)
}
50% {
-o-transform: translate(0, 5px);
transform: translate(0, 5px)
}
100% {
-o-transform: translate(0, 0);
transform: translate(0, 0)
}
}
@keyframes jump {
0% {
-webkit-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0)
}
50% {
-webkit-transform: translate(0, 5px);
-o-transform: translate(0, 5px);
transform: translate(0, 5px)
}
100% {
-webkit-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0)
}
}
#social {
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
list-style: none;
margin: 10px -7px
}
#social svg {
height: 15px;
margin: 5px 0;
fill: #fff;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s
}
#social svg:hover {
fill: #08bcc1
}
.title-contactus, .title-menu {
font-size: 1.4em;
text-transform: uppercase;
color: #fff;
margin-top: -11px;
white-space: nowrap;
padding: 0 5px;
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
display: none
}
.title-contactus:after, .title-contactus:before, .title-menu:after, .title-menu:before {
content: "";
display: inline-block;
height: 6px;
width: 6px;
border-radius: 50%;
background: #fff;
margin: 0 20px
}
.text {
font-size: 1.2em;
text-transform: uppercase;
color: #fff;
margin-top: -7px;
white-space: nowrap;
padding: 0 15px;
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
display: none
}
.language {
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
margin-top: -9px
}
.language ul {
list-style: none;
margin: 0 10px -10px
}
.language ul li {
float: left
}
.language ul li:not(:last-child):after {
content: "";
display: inline-block;
height: 6px;
width: 6px;
border-radius: 50%;
background: #fff;
margin: 0 auto 2px
}
.language ul li a {
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
color: #fff;
text-transform: uppercase;
font-size: 1.4em;
letter-spacing: .25px;
padding: 0 15px
}
.language ul li a:hover {
color: #08bcc1
}
.whith-mintline .line span {
-webkit-transition: 1s;
-o-transition: 1s;
transition: 1s;
background: #c2eae9 !important
}
.mint-dots #main-menu li a, .mint-dots .language ul li a {
color: #2a2826
}
.mint-dots #main-menu li a:hover, .mint-dots .language ul li a:hover {
color: #08bcc1
}
.mint-dots #side-nav li a {
color: #2a2826
}
.mint-dots #side-nav li .active {
color: #f15c54
}
.mint-dots .footer-text {
color: #2a2826
}
.mint-dots #main-menu li:after, .mint-dots #side-nav li:after, .mint-dots .language li:not(:last-child):after {
background: #08bcc1
}
.mint-dots #social svg {
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
fill: #2a2826
}
.mint-dots #social svg:hover {
fill: #08bcc1
}
.mint-dots .line span {
-webkit-transition: 1s;
-o-transition: 1s;
transition: 1s;
background: #777 !important
}
.hover-red#side-nav li .active {
color: #fff !important
}
.hover-red li a:hover {
color: #f9c8c6 !important
}
.hover-red li a svg:hover {
fill: #f9c8c6 !important
}
.hover-blue#side-nav li .active {
color: #fff !important
}
.hover-blue li a:hover {
color: #b9e6e7 !important
}
.hover-blue li a svg:hover {
fill: #b9e6e7 !important
}
.animation .top-section .line span {
-webkit-animation: top 1s ease;
-o-animation: top 1s ease;
animation: top 1s ease
}
.animation .bottom-section .line span {
-webkit-animation: bottom 1s ease;
-o-animation: bottom 1s ease;
animation: bottom 1s ease
}
.animation .right-section .line span {
-webkit-animation: right 1s ease;
-o-animation: right 1s ease;
animation: right 1s ease
}
.animation .left-section .line span {
-webkit-animation: left 1s ease;
-o-animation: left 1s ease;
animation: left 1s ease
}
@-webkit-keyframes top {
0% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0)
}
50% {
-webkit-transform: translate(-100%, 0);
transform: translate(-100%, 0);
opacity: 1
}
50.1% {
-webkit-transform: translate(-100%, 0);
transform: translate(-100%, 0);
opacity: 0
}
50.2% {
-webkit-transform: translate(100%, 0);
transform: translate(100%, 0);
opacity: 0
}
50.3% {
opacity: 1;
-webkit-transform: translate(100%, 0);
transform: translate(100%, 0)
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0)
}
}
@-o-keyframes top {
0% {
-o-transform: translate(0, 0);
transform: translate(0, 0)
}
50% {
-o-transform: translate(-100%, 0);
transform: translate(-100%, 0);
opacity: 1
}
50.1% {
-o-transform: translate(-100%, 0);
transform: translate(-100%, 0);
opacity: 0
}
50.2% {
-o-transform: translate(100%, 0);
transform: translate(100%, 0);
opacity: 0
}
50.3% {
opacity: 1;
-o-transform: translate(100%, 0);
transform: translate(100%, 0)
}
100% {
-o-transform: translate(0, 0);
transform: translate(0, 0)
}
}
@keyframes top {
0% {
-webkit-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0)
}
50% {
-webkit-transform: translate(-100%, 0);
-o-transform: translate(-100%, 0);
transform: translate(-100%, 0);
opacity: 1
}
50.1% {
-webkit-transform: translate(-100%, 0);
-o-transform: translate(-100%, 0);
transform: translate(-100%, 0);
opacity: 0
}
50.2% {
-webkit-transform: translate(100%, 0);
-o-transform: translate(100%, 0);
transform: translate(100%, 0);
opacity: 0
}
50.3% {
opacity: 1;
-webkit-transform: translate(100%, 0);
-o-transform: translate(100%, 0);
transform: translate(100%, 0)
}
100% {
-webkit-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0)
}
}
@-webkit-keyframes bottom {
0% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0)
}
50% {
-webkit-transform: translate(100%, 0);
transform: translate(100%, 0);
opacity: 1
}
50.1% {
-webkit-transform: translate(100%, 0);
transform: translate(100%, 0);
opacity: 0
}
50.2% {
-webkit-transform: translate(-100%, 0);
transform: translate(-100%, 0);
opacity: 0
}
50.3% {
opacity: 1;
-webkit-transform: translate(-100%, 0);
transform: translate(-100%, 0)
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0)
}
}
@-o-keyframes bottom {
0% {
-o-transform: translate(0, 0);
transform: translate(0, 0)
}
50% {
-o-transform: translate(100%, 0);
transform: translate(100%, 0);
opacity: 1
}
50.1% {
-o-transform: translate(100%, 0);
transform: translate(100%, 0);
opacity: 0
}
50.2% {
-o-transform: translate(-100%, 0);
transform: translate(-100%, 0);
opacity: 0
}
50.3% {
opacity: 1;
-o-transform: translate(-100%, 0);
transform: translate(-100%, 0)
}
100% {
-o-transform: translate(0, 0);
transform: translate(0, 0)
}
}
@keyframes bottom {
0% {
-webkit-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0)
}
50% {
-webkit-transform: translate(100%, 0);
-o-transform: translate(100%, 0);
transform: translate(100%, 0);
opacity: 1
}
50.1% {
-webkit-transform: translate(100%, 0);
-o-transform: translate(100%, 0);
transform: translate(100%, 0);
opacity: 0
}
50.2% {
-webkit-transform: translate(-100%, 0);
-o-transform: translate(-100%, 0);
transform: translate(-100%, 0);
opacity: 0
}
50.3% {
opacity: 1;
-webkit-transform: translate(-100%, 0);
-o-transform: translate(-100%, 0);
transform: translate(-100%, 0)
}
100% {
-webkit-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0)
}
}
@-webkit-keyframes right {
0% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0)
}
50% {
-webkit-transform: translate(0, -100%);
transform: translate(0, -100%);
opacity: 1
}
50.1% {
-webkit-transform: translate(0, -100%);
transform: translate(0, -100%);
opacity: 0
}
50.2% {
-webkit-transform: translate(0, 100%);
transform: translate(0, 100%);
opacity: 0
}
50.3% {
opacity: 1;
-webkit-transform: translate(0, 100%);
transform: translate(0, 100%)
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0)
}
}
@-o-keyframes right {
0% {
-o-transform: translate(0, 0);
transform: translate(0, 0)
}
50% {
-o-transform: translate(0, -100%);
transform: translate(0, -100%);
opacity: 1
}
50.1% {
-o-transform: translate(0, -100%);
transform: translate(0, -100%);
opacity: 0
}
50.2% {
-o-transform: translate(0, 100%);
transform: translate(0, 100%);
opacity: 0
}
50.3% {
opacity: 1;
-o-transform: translate(0, 100%);
transform: translate(0, 100%)
}
100% {
-o-transform: translate(0, 0);
transform: translate(0, 0)
}
}
@keyframes right {
0% {
-webkit-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0)
}
50% {
-webkit-transform: translate(0, -100%);
-o-transform: translate(0, -100%);
transform: translate(0, -100%);
opacity: 1
}
50.1% {
-webkit-transform: translate(0, -100%);
-o-transform: translate(0, -100%);
transform: translate(0, -100%);
opacity: 0
}
50.2% {
-webkit-transform: translate(0, 100%);
-o-transform: translate(0, 100%);
transform: translate(0, 100%);
opacity: 0
}
50.3% {
opacity: 1;
-webkit-transform: translate(0, 100%);
-o-transform: translate(0, 100%);
transform: translate(0, 100%)
}
100% {
-webkit-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0)
}
}
@-webkit-keyframes left {
0% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0)
}
50% {
-webkit-transform: translate(0, 100%);
transform: translate(0, 100%);
opacity: 1
}
50.1% {
-webkit-transform: translate(0, 100%);
transform: translate(0, 100%);
opacity: 0
}
50.2% {
-webkit-transform: translate(0, -100%);
transform: translate(0, -100%);
opacity: 0
}
50.3% {
opacity: 1;
-webkit-transform: translate(0, -100%);
transform: translate(0, -100%)
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0)
}
}
@-o-keyframes left {
0% {
-o-transform: translate(0, 0);
transform: translate(0, 0)
}
50% {
-o-transform: translate(0, 100%);
transform: translate(0, 100%);
opacity: 1
}
50.1% {
-o-transform: translate(0, 100%);
transform: translate(0, 100%);
opacity: 0
}
50.2% {
-o-transform: translate(0, -100%);
transform: translate(0, -100%);
opacity: 0
}
50.3% {
opacity: 1;
-o-transform: translate(0, -100%);
transform: translate(0, -100%)
}
100% {
-o-transform: translate(0, 0);
transform: translate(0, 0)
}
}
@keyframes left {
0% {
-webkit-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0)
}
50% {
-webkit-transform: translate(0, 100%);
-o-transform: translate(0, 100%);
transform: translate(0, 100%);
opacity: 1
}
50.1% {
-webkit-transform: translate(0, 100%);
-o-transform: translate(0, 100%);
transform: translate(0, 100%);
opacity: 0
}
50.2% {
-webkit-transform: translate(0, -100%);
-o-transform: translate(0, -100%);
transform: translate(0, -100%);
opacity: 0
}
50.3% {
opacity: 1;
-webkit-transform: translate(0, -100%);
-o-transform: translate(0, -100%);
transform: translate(0, -100%)
}
100% {
-webkit-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0)
}
}
.close-icon {
position: relative;
z-index: 999;
width: 50px;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
text-align: center;
display: inline-block;
margin: 15px 0
}
.close-icon p {
color: #fff;
font-size: 1em;
text-transform: uppercase
}
.close-icon .text-close {
display: none
}
.icon {
width: 25px;
height: 20px;
position: relative;
display: block;
margin: 4px auto 0
}
.icon span {
display: block;
position: absolute;
height: 2px;
width: 100%;
background: #fff;
opacity: 1;
left: 0;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
-webkit-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out
}
.icon span:nth-child(1) {
top: 0;
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center
}
.icon span:nth-child(2) {
top: 6px;
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center
}
.icon span:nth-child(3) {
top: 12px;
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center
}
.close-icon.open .text-menu {
display: none
}
.close-icon.open .text-close {
display: block
}
.close-icon.open .icon span:nth-child(1) {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
top: 0;
left: 3px
}
.close-icon.open .icon span:nth-child(2) {
width: 0;
opacity: 0
}
.close-icon.open .icon span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 17px;
left: 3px
}
.close-contactus-popup {
display: none
}
.animation2 .top-section .line span {
-webkit-animation: top2 1s ease;
-o-animation: top2 1s ease;
animation: top2 1s ease;
-webkit-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
.animation2 .bottom-section .line span {
-webkit-animation: bottom2 1s ease;
-o-animation: bottom2 1s ease;
animation: bottom2 1s ease;
-webkit-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
.animation2 .right-section .line span {
-webkit-animation: right2 1s ease;
-o-animation: right2 1s ease;
animation: right2 1s ease;
-webkit-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
.animation2 .left-section .line span {
-webkit-animation: left2 1s ease;
-o-animation: left2 1s ease;
animation: left2 1s ease;
-webkit-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
@media only screen and (min-width: 1024px) {
body.open .dark-color p {
color: #fff
}
body.open .dark-color .icon span {
background: #fff
}
body.open .dark-color#social svg {
fill: #fff
}
body.open .bottom-section.other-page, body.open .left-section.other-page .line, body.open .right-section.other-page .line, body.open .top-section.other-page {
opacity: 1
}
.bottom-section.other-page, .left-section.other-page .line, .right-section.other-page .line, .top-section.other-page {
opacity: 0
}
}
@media only screen and (max-width: 1024px) {
body.open .bottom-section.other-page, body.open .left-section.other-page, body.open .right-section.other-page, body.open .top-section.other-page {
opacity: 1
}
.bottom-section.other-page, .left-section.other-page, .right-section.other-page, .top-section.other-page {
opacity: 0
}
}
@-webkit-keyframes top2 {
0% {
-webkit-transform: translate(-100%, 0);
transform: translate(-100%, 0);
opacity: 1
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0)
}
}
@-o-keyframes top2 {
0% {
-o-transform: translate(-100%, 0);
transform: translate(-100%, 0);
opacity: 1
}
100% {
-o-transform: translate(0, 0);
transform: translate(0, 0)
}
}
@keyframes top2 {
0% {
-webkit-transform: translate(-100%, 0);
-o-transform: translate(-100%, 0);
transform: translate(-100%, 0);
opacity: 1
}
100% {
-webkit-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0)
}
}
@-webkit-keyframes bottom2 {
0% {
-webkit-transform: translate(100%, 0);
transform: translate(100%, 0);
opacity: 1
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0)
}
}
@-o-keyframes bottom2 {
0% {
-o-transform: translate(100%, 0);
transform: translate(100%, 0);
opacity: 1
}
100% {
-o-transform: translate(0, 0);
transform: translate(0, 0)
}
}
@keyframes bottom2 {
0% {
-webkit-transform: translate(100%, 0);
-o-transform: translate(100%, 0);
transform: translate(100%, 0);
opacity: 1
}
100% {
-webkit-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0)
}
}
@-webkit-keyframes right2 {
0% {
-webkit-transform: translate(0, -100%);
transform: translate(0, -100%);
opacity: 1
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0)
}
}
@-o-keyframes right2 {
0% {
-o-transform: translate(0, -100%);
transform: translate(0, -100%);
opacity: 1
}
100% {
-o-transform: translate(0, 0);
transform: translate(0, 0)
}
}
@keyframes right2 {
0% {
-webkit-transform: translate(0, -100%);
-o-transform: translate(0, -100%);
transform: translate(0, -100%);
opacity: 1
}
100% {
-webkit-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0)
}
}
@-webkit-keyframes left2 {
0% {
-webkit-transform: translate(0, 100%);
transform: translate(0, 100%);
opacity: 1
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0)
}
}
@-o-keyframes left2 {
0% {
-o-transform: translate(0, 100%);
transform: translate(0, 100%);
opacity: 1
}
100% {
-o-transform: translate(0, 0);
transform: translate(0, 0)
}
}
@keyframes left2 {
0% {
-webkit-transform: translate(0, 100%);
-o-transform: translate(0, 100%);
transform: translate(0, 100%);
opacity: 1
}
100% {
-webkit-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0)
}
}
.border.other-page .line span {
-webkit-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
-o-transform: translate(100%, 0);
transform: translate(100%, 0)
}
.border.other-page .line span {
-webkit-transform: translate(-100%, 0);
-ms-transform: translate(-100%, 0);
-o-transform: translate(-100%, 0);
transform: translate(-100%, 0)
}
.border.other-page .line span {
-webkit-transform: translate(0, 100%);
-ms-transform: translate(0, 100%);
-o-transform: translate(0, 100%);
transform: translate(0, 100%)
}
.border.other-page .line span {
-webkit-transform: translate(0, -100%);
-ms-transform: translate(0, -100%);
-o-transform: translate(0, -100%);
transform: translate(0, -100%)
}
.mobile-border-show {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
@media only screen and (min-width: 1024px) {
.front-page #side-nav, .front-page .menu-icon.close-icon {
display: none
}
}
body.contacts .right-section .menu-icon {
display: none
}
@media only screen and (max-width: 1024px) {
.front-page .collapse {
display: none
}
.front-page .scroll-down {
display: none
}
}
.dark-color p {
color: #08bcc1
}
.dark-color .icon span {
background: #08bcc1
}
.dark-color#social svg {
fill: #08bcc1
}
.mobile-menu.nav-up {
top: -60px
}
.mobile-menu {
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
height: 55px;
background: rgba(255, 255, 255, .8);
position: fixed;
top: 0;
width: 100%;
left: 0;
z-index: 99;
text-align: center
}
.mobile-menu .close-icon {
margin-top: 10px;
-webkit-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
width: 80px p;
width-color: #08bcc1
}
.mobile-menu .close-icon .icon span {
background: #08bcc1
}
@media only screen and (min-width: 1025px) {
.mobile-menu {
display: none
}
}
.collapse {
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
height: 100px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-left: 30px;
margin-left: -30px
}
.collapse:before {
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
position: absolute;
top: 0;
bottom: 0;
left: -25px;
margin: auto;
border-width: 6px 0 6px 10px;
border-color: transparent transparent transparent #000;
-webkit-transition: 1s;
-o-transition: 1s;
transition: 1s;
-webkit-animation: 1s collapse_jump infinite;
-o-animation: 1s collapse_jump infinite;
animation: 1s collapse_jump infinite
}
.collapse span {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
color: #000;
font-size: 1.2em;
text-transform: uppercase;
cursor: pointer;
letter-spacing: .25px
}
.collapse .open {
display: none
}
.collapsed-ok:before {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg)
}
.collapsed-ok .open {
display: block
}
.collapsed-ok .close {
display: none
}
@-webkit-keyframes collapse_jump {
0% {
left: -25px
}
50% {
left: -20px
}
100% {
left: -25px
}
}
@-o-keyframes collapse_jump {
0% {
left: -25px
}
50% {
left: -20px
}
100% {
left: -25px
}
}
@keyframes collapse_jump {
0% {
left: -25px
}
50% {
left: -20px
}
100% {
left: -25px
}
}
#footer {
padding-top: 50px;
padding-bottom: 30px
}
#footer .wrap {
text-align: center;
max-width: 990px;
position: relative;
margin: auto
}
@media only screen and (max-width: 1024px) {
#footer .wrap {
padding-left: 15px;
padding-right: 15px
}
}
@media only screen and (min-width: 1024px) {
#footer .wrap {
padding-left: 80px;
padding-right: 80px
}
}
#footer img {
margin-bottom: 50px
}
#footer .footer-menu {
margin-left: 0;
list-style: none;
display: inline-block
}
#footer .footer-menu li:not(:last-child):after {
content: "";
display: inline-block;
height: 6px;
width: 6px;
border-radius: 50%;
background: #fff;
background: #08bcc1;
margin-bottom: 2px
}
#footer .footer-menu li a {
color: #2a2826;
text-transform: uppercase;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
padding: 0 20px;
font-size: 1.4em
}
#footer .footer-menu li a:hover {
color: #08bcc1
}
@media only screen and (max-width: 650px) {
#footer .footer-menu {
text-align: center
}
#footer .footer-menu li:not(:last-child):after {
display: block;
margin: 10px auto
}
}
@media only screen and (min-width: 650px) {
#footer .footer-menu li {
float: left
}
}
#footer .contact {
margin-top: 50px
}
#footer .contact ul {
margin-left: 0;
list-style: none;
margin-bottom: 25px
}
#footer .contact ul li {
text-transform: uppercase;
font-size: 1.2em;
letter-spacing: .75px;
line-height: 25px;
color: #2a2826;
font-family: proxima_nova_rgregular, Arial, sans-serif
}
#footer .contact ul li:first-child {
color: #08bcc1
}
#footer .contact ul li a {
color: inherit
}
#footer .contact .footer-button {
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
color: #08bcc1;
text-decoration: underline
}
#footer .contact .footer-button:hover {
color: #65d3d7
}
@media only screen and (min-width: 640px) {
#footer .contact ul {
text-align: left
}
#footer .contact ul li {
line-height: 30px
}
}
#footer .copyright {
margin: 25px auto 15px;
color: #989797;
text-transform: uppercase;
letter-spacing: .75px;
font-size: 1.2em;
font-family: proxima_nova_rgregular, Arial, sans-serif
}
#footer .copyright a {
color: inherit
}
@media only screen and (min-width: 1025px) {
#fullpage > .section {
margin-bottom: 100px
}
}
@media only screen and (min-width: 640px) and (max-width: 1024px) {
#fullpage > .section:not(#intro) {
padding: 70px 0
}
}
@media only screen and (max-width: 640px) {
#fullpage > .section:not(#intro) {
padding: 55px 0
}
}
.hearts {
display: block;
margin-right: auto;
margin-left: auto
}
.row.wrapper {
text-align: center
}
@media only screen and (min-width: 1024px) {
.row.wrapper {
padding-left: 80px;
padding-right: 80px
}
}
.mainvideo, .services-video {
position: absolute;
right: 0;
bottom: 0;
top: 0;
right: 0;
width: 100%;
height: 100%;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
background-color: #000;
background-position: center center;
-webkit-background-size: contain;
background-size: contain;
-o-object-fit: cover;
object-fit: cover
}
#intro {
height: 100vh;
overflow: hidden
}
#intro .wrap {
text-align: center;
max-width: 1090px;
position: relative;
margin: auto
}
@media only screen and (max-width: 1024px) {
#intro .wrap {
padding-left: 15px;
padding-right: 15px
}
}
@media only screen and (min-width: 1024px) {
#intro .wrap {
padding-left: 80px;
padding-right: 80px
}
}
#intro .wrap h1 {
font-family: Oranienbaum, Arial, serif;
text-transform: uppercase;
font-size: 3.6em;
letter-spacing: .5px;
color: #fff;
display: inline-block;
line-height: 65px;
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
margin-top: 65px
}
@media only screen and (max-width: 640px) {
#intro .wrap h1 {
font-size: 2.8em
}
}
#intro .wrap img {
display: block;
margin: auto
}
#intro .wrap .hearts {
display: block;
margin: 30px auto 40px
}
#intro .wrap p {
color: #fff;
text-transform: uppercase;
font-size: 1.4em;
letter-spacing: .5px;
line-height: 18px
}
@media only screen and (max-width: 1024px) {
#intro {
position: relative;
overflow: hidden;
display: table;
width: 100%;
background-position: 50%;
-webkit-background-size: cover;
background-size: cover;
background-image: url(//www.maryann.com.ua/wp-content/themes/lionline/dist/images/maryann_flowers.jpg)
}
#intro .wrap {
display: table-cell;
vertical-align: middle
}
#intro .mainvideo {
display: none
}
}
#services .wrap {
text-align: center;
max-width: 1225px;
position: relative;
margin: auto
}
@media only screen and (max-width: 1024px) {
#services .wrap {
padding-left: 15px;
padding-right: 15px
}
}
@media only screen and (min-width: 1024px) {
#services .wrap {
padding-left: 80px;
padding-right: 80px
}
}
#services .wrap:after {
content: "";
display: table;
clear: both
}
#services .h2,
#services h2 {
font-family: Oranienbaum, Arial, serif;
text-transform: uppercase;
font-size: 3.6em;
letter-spacing: .5px;
color: #2a2826;
margin-bottom: 30px;
line-height: inherit;
}
@media only screen and (max-width: 640px) {
#services .h2,
#services h2 {
font-size: 2.8em
}
}
#services .item {
display: block;
height: 380px;
margin: 25px 15px 0;
float: left;
position: relative;
overflow: hidden;
text-align: center
}
#services .item:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: -webkit-linear-gradient(135deg, #c2eae9, #fcd4d4);
background: -o-linear-gradient(135deg, #c2eae9, #fcd4d4);
background: linear-gradient(-45deg, #c2eae9, #fcd4d4);
opacity: .8;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
z-index: -1
}
#services .item .services-video {
z-index: -2
}
#services .item img {
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
margin: 95px auto 25px
}
#services .item h3 {
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
font-family: Oranienbaum, Arial, serif;
text-transform: uppercase;
font-size: 2.4em;
letter-spacing: .5px;
color: #2a2826;
line-height: 30px
}
@media only screen and (min-width: 1025px) and (max-width: 1200px) {
#services .wrap {
max-width: 1015px
}
#services .item {
width: 255px !important
}
#services .item svg {
width: 215px
}
}
@media only screen and (min-width: 1025px) {
#services .item {
-webkit-transition: background .4s .5s;
-o-transition: background .4s .5s;
transition: background .4s .5s;
width: 315px
}
#services .item:hover {
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s
}
#services .item:hover line {
stroke: #fff
}
#services .item:hover img {
opacity: 0;
-webkit-transform: translate(0, -100%);
-ms-transform: translate(0, -100%);
-o-transform: translate(0, -100%);
transform: translate(0, -100%)
}
#services .item:hover h3 {
-webkit-transform: translate(0, 75px);
-ms-transform: translate(0, 75px);
-o-transform: translate(0, 75px);
transform: translate(0, 75px);
color: #FFF
}
#services .item:hover:before {
background: rgba(0, 0, 0, .2)
}
#services .item:hover svg line {
-webkit-transition-delay: .1s;
-o-transition-delay: .1s;
transition-delay: .1s
}
#services .item svg {
position: absolute;
top: 20px;
left: 20px
}
#services .item svg line {
stroke-width: 3;
stroke: #777;
fill: none;
-webkit-transition: all .8s ease-in-out;
-o-transition: all .8s ease-in-out;
transition: all .8s ease-in-out
}
#services .item svg line.bottom, #services .item svg line.top {
stroke-dasharray: 330 240
}
#services .item svg line.left, #services .item svg line.right {
stroke-dasharray: 490 400
}
#services .item:hover svg line.top {
-webkit-transform: translateX(-600px);
-ms-transform: translateX(-600px);
-o-transform: translateX(-600px);
transform: translateX(-600px)
}
#services .item:hover svg line.bottom {
-webkit-transform: translateX(600px);
-ms-transform: translateX(600px);
-o-transform: translateX(600px);
transform: translateX(600px)
}
#services .item:hover svg line.left {
-webkit-transform: translateY(920px);
-ms-transform: translateY(920px);
-o-transform: translateY(920px);
transform: translateY(920px)
}
#services .item:hover svg line.right {
-webkit-transform: translateY(-920px);
-ms-transform: translateY(-920px);
-o-transform: translateY(-920px);
transform: translateY(-920px)
}
}
@media only screen and (max-width: 1024px) {
#services .wrap {
padding: 0 15px
}
#services .item.bday {
background-image: url(//www.maryann.com.ua/wp-content/themes/lionline/dist/images/services_1.jpg)
}
#services .item.party {
background-image: url(//www.maryann.com.ua/wp-content/themes/lionline/dist/images/services_2.jpg)
}
#services .item.wedding {
background-image: url(//www.maryann.com.ua/wp-content/themes/lionline/dist/images/services_3.jpg)
}
#services .item {
background-position: 50%;
-webkit-background-size: cover;
background-size: cover;
width: calc(33.33% - 30px)
}
#services .item:after {
content: "";
display: block;
position: absolute;
border: 2px solid #08bcc1;
top: 20px;
left: 20px;
bottom: 20px;
right: 20px;
z-index: 10
}
#services .item svg, #services .item video {
display: none
}
}
@media only screen and (max-width: 855px) {
#services .wrap {
padding: 0 100px
}
#services .item {
width: 100%;
margin: 0
}
#services .item:not(:last-child) {
margin-bottom: 15px
}
}
@media only screen and (max-width: 640px) {
#services .wrap {
padding: 0 15px
}
#services .item {
height: 270px
}
#services .item img {
margin-top: 50px
}
}
#slogan {
background-position: 50%;
background-image: url(//www.maryann.com.ua/wp-content/themes/lionline/dist/images/maryann_flowers.jpg);
-webkit-background-size: cover;
background-size: cover
}
#slogan2 {
background: #08bcc1
}
#slogan .wrap, #slogan2 .wrap {
text-align: center;
max-width: 1090px;
position: relative;
margin: auto
}
@media only screen and (max-width: 1024px) {
#slogan .wrap, #slogan2 .wrap {
padding-left: 15px;
padding-right: 15px
}
}
@media only screen and (min-width: 1024px) {
#slogan .wrap, #slogan2 .wrap {
padding-left: 80px;
padding-right: 80px
}
}
#slogan .wrap .logo, #slogan2 .wrap .logo {
margin-bottom: 50px
}
@media only screen and (max-width: 640px) {
#slogan .wrap .logo, #slogan2 .wrap .logo {
display: none
}
}
#slogan .wrap p, #slogan2 .wrap p {
color: #fff;
text-transform: uppercase;
font-size: 1.4em;
letter-spacing: .5px;
line-height: 18px
}
#slogan .wrap h2, #slogan2 .wrap h2 {
font-family: Oranienbaum, Arial, serif;
text-transform: uppercase;
font-size: 3.6em;
letter-spacing: .5px;
color: #fff
}
@media only screen and (max-width: 640px) {
#slogan .wrap h2, #slogan2 .wrap h2 {
font-size: 2.8em
}
}
#slogan .wrap h2:after, #slogan .wrap h2:before, #slogan2 .wrap h2:after, #slogan2 .wrap h2:before {
content: "";
display: block;
width: 150px;
height: 2px;
background: #fff
}
#slogan .wrap h2:before, #slogan2 .wrap h2:before {
margin: 35px auto 20px
}
#slogan .wrap h2:after, #slogan2 .wrap h2:after {
margin: 20px auto 20px
}
#attainment .wrap {
text-align: center;
max-width: 1220px;
position: relative;
margin: auto
}
@media only screen and (max-width: 1024px) {
#attainment .wrap {
padding-left: 15px;
padding-right: 15px
}
}
@media only screen and (min-width: 1024px) {
#attainment .wrap {
padding-left: 80px;
padding-right: 80px
}
}
#attainment .wrap:after {
content: "";
display: table;
clear: both
}
#attainment .wrap h2 {
font-family: Oranienbaum, Arial, serif;
text-transform: uppercase;
font-size: 3.6em;
letter-spacing: .5px;
color: #2a2826;
margin-bottom: 50px
}
@media only screen and (max-width: 640px) {
#attainment .wrap h2 {
font-size: 2.8em
}
}
#attainment .item {
margin-top: 35px;
float: left;
text-align: center;
width: 100%
}
#attainment .item .img {
margin: auto;
height: 147px;
width: 171px;
background-image: url(//www.maryann.com.ua/wp-content/themes/lionline/dist/images/vinok.png);
padding-top: 35px
}
#attainment .item .img div {
font-family: Oranienbaum, Arial, serif;
font-size: 3.6em;
color: #08bcc1;
letter-spacing: .1px
}
#attainment .item h3 {
font-family: Oranienbaum, Arial, serif;
text-transform: uppercase;
font-size: 3em;
letter-spacing: .5px;
color: #08bcc1;
margin: 10px 0
}
#attainment .item p {
color: #2a2826;
text-transform: uppercase;
font-size: 1.4em;
letter-spacing: .5px;
line-height: 18px;
font-size: 1.2em
}
@media only screen and (max-width: 640px) {
#attainment .item {
margin: 15px 0 45px
}
}
#portfolio .wrap {
text-align: center;
max-width: 1135px;
position: relative;
margin: auto
}
@media only screen and (max-width: 1024px) {
#portfolio .wrap {
padding-left: 15px;
padding-right: 15px
}
}
@media only screen and (min-width: 1024px) {
#portfolio .wrap {
padding-left: 80px;
padding-right: 80px
}
}
#portfolio .wrap h2 {
font-family: Oranienbaum, Arial, serif;
text-transform: uppercase;
font-size: 3.6em;
letter-spacing: .5px;
color: #2a2826;
margin-bottom: 30px;
text-align: center
}
@media only screen and (max-width: 640px) {
#portfolio .wrap h2 {
font-size: 2.8em
}
}
#portfolio .wrap .column {
padding: 0 5px
}
#portfolio .wrap .column .row {
margin: 0 -5px
}
#portfolio .gallery-item {
margin-bottom: 0
}
#portfolio .big-img, #portfolio .small-img {
width: 100%;
background-position: 50%;
-webkit-background-size: cover;
background-size: cover;
display: block
}
#portfolio .big-img {
height: 390px
}
#portfolio .small-img {
height: 190px;
margin-bottom: 10px
}
@media only screen and (max-width: 1024px) {
#portfolio .wrap {
padding: 0 5px
}
}
@media only screen and (max-width: 640px) {
#portfolio .small-img {
display: none
}
}
#team {
padding: 0 !important
}
#team .wrap {
text-align: center;
max-width: 1090px;
position: relative;
margin: auto
}
@media only screen and (max-width: 1024px) {
#team .wrap {
padding-left: 15px;
padding-right: 15px
}
}
@media only screen and (min-width: 1024px) {
#team .wrap {
padding-left: 80px;
padding-right: 80px
}
}
#team p {
color: #2a2826;
text-transform: uppercase;
font-size: 1.4em;
letter-spacing: .5px;
line-height: 18px;
margin-bottom: 30px
}
#team p:after {
content: '';
display: block;
width: 80px;
height: 2px;
background: #08bcc1;
margin-left: auto;
margin-right: auto;
margin-top: 15px
}
#team .btn {
display: inline-block;
color: #08bcc1;
text-decoration: none;
position: relative;
font-size: 1.4em;
letter-spacing: .75px;
text-transform: uppercase
}
#team .btn:hover:after, #team .btn:hover:before {
-webkit-animation: .8s line;
-o-animation: .8s line;
animation: .8s line;
-webkit-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
#team .btn:hover:after {
right: 0
}
#team .btn:after, #team .btn:before {
opacity: 0;
content: "";
display: block;
height: 2px;
width: 100%;
background: #08bcc1;
position: absolute
}
#team .btn span {
height: 40px;
line-height: 40px;
vertical-align: text-top
}
#team .btn span:before {
margin-right: 10px;
margin-left: -3px
}
#team .btn span:after {
margin-left: 10px;
margin-right: -3px
}
#team .btn span:after, #team .btn span:before {
content: "";
display: inline-block;
height: 6px;
width: 6px;
border-radius: 50%;
background: #08bcc1;
margin-bottom: 2px
}
#team .hearts {
display: none;
margin: 30px auto 0
}
#team .mobile-title {
font-family: Oranienbaum, Arial, serif;
text-transform: uppercase;
font-size: 3.6em;
letter-spacing: .5px;
color: #2a2826;
margin-bottom: 25px
}
@media only screen and (max-width: 640px) {
#team .mobile-title {
font-size: 2.8em
}
}
#team .team-foto {
margin-bottom: 20px
}
@media only screen and (max-width: 820px) {
#team .wrap {
padding: 0
}
#team p {
padding: 0 15px
}
}
@media only screen and (min-width: 820px) {
#team {
background-position: 50%;
background-image: url(//www.maryann.com.ua/wp-content/themes/lionline/dist/images/maryann_about_us.jpg);
-webkit-background-size: cover;
background-size: cover
}
#team .wrap {
padding-top: 270px
}
#team .mobile-title, #team .team-foto {
display: none
}
#team .hearts {
display: block
}
#team .btn {
display: inline-block;
color: #fff;
text-decoration: none;
position: relative;
font-size: 1.4em;
letter-spacing: .75px;
text-transform: uppercase
}
#team .btn:hover:after, #team .btn:hover:before {
-webkit-animation: .8s line;
-o-animation: .8s line;
animation: .8s line;
-webkit-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
#team .btn:hover:after {
right: 0
}
#team .btn:after, #team .btn:before {
opacity: 0;
content: "";
display: block;
height: 2px;
width: 100%;
background: #fff;
position: absolute
}
#team .btn span {
height: 40px;
line-height: 40px;
vertical-align: text-top
}
#team .btn span:before {
margin-right: 10px;
margin-left: -3px
}
#team .btn span:after {
margin-left: 10px;
margin-right: -3px
}
#team .btn span:after, #team .btn span:before {
content: "";
display: inline-block;
height: 6px;
width: 6px;
border-radius: 50%;
background: #fff;
margin-bottom: 2px
}
#team p {
color: #fff
}
#team p:after {
background: #fff
}
}
@-webkit-keyframes line {
0% {
opacity: 0;
width: 0
}
50% {
width: 100%
}
100% {
opacity: 1
}
}
@-o-keyframes line {
0% {
opacity: 0;
width: 0
}
50% {
width: 100%
}
100% {
opacity: 1
}
}
@keyframes line {
0% {
opacity: 0;
width: 0
}
50% {
width: 100%
}
100% {
opacity: 1
}
}
@media only screen and (min-width: 1025px) {
#fullpage #feedbacks {
padding: 0
}
}
#fullpage #feedbacks h2 {
font-family: Oranienbaum, Arial, serif;
text-transform: uppercase;
font-size: 3.6em;
letter-spacing: .5px;
color: #2a2826;
margin-bottom: 25px
}
@media only screen and (max-width: 640px) {
#fullpage #feedbacks h2 {
font-size: 2.8em
}
}
#contact {
background: #f15c54
}
#contact .wrap {
text-align: center;
max-width: 690px;
position: relative;
margin: auto
}
@media only screen and (max-width: 1024px) {
#contact .wrap {
padding-left: 15px;
padding-right: 15px
}
}
@media only screen and (min-width: 1024px) {
#contact .wrap {
padding-left: 80px;
padding-right: 80px
}
}
#contact .wrap .logo {
margin-bottom: 30px
}
@media only screen and (max-width: 640px) {
#contact .wrap .logo {
display: none
}
}
#contact .wrap p {
color: #fff;
text-transform: uppercase;
font-size: 1.4em;
letter-spacing: .5px;
line-height: 18px
}
#contact .wrap .h2,
#contact .wrap h2 {
font-family: Oranienbaum, Arial, serif;
text-transform: uppercase;
font-size: 3.6em;
letter-spacing: .5px;
color: #fff;
display: inline-block;
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
margin: 30px 0 25px;
padding: 20px 0;
line-height: inherit;
}
@media only screen and (max-width: 640px) {
#contact .wrap .h2,
#contact .wrap h2 {
font-size: 2.8em
}
}
#contact .wrap .btn {
display: inline-block;
color: #fff;
text-decoration: none;
position: relative;
font-size: 1.4em;
letter-spacing: .75px;
text-transform: uppercase
}
#contact .wrap .btn:hover:after, #contact .wrap .btn:hover:before {
-webkit-animation: .8s line;
-o-animation: .8s line;
animation: .8s line;
-webkit-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
#contact .wrap .btn:hover:after {
right: 0
}
#contact .wrap .btn:after, #contact .wrap .btn:before {
opacity: 0;
content: "";
display: block;
height: 2px;
width: 100%;
background: #fff;
position: absolute
}
#contact .wrap .btn span {
height: 40px;
line-height: 40px;
vertical-align: text-top
}
#contact .wrap .btn span:before {
margin-right: 10px;
margin-left: -3px
}
#contact .wrap .btn span:after {
margin-left: 10px;
margin-right: -3px
}
#contact .wrap .btn span:after, #contact .wrap .btn span:before {
content: "";
display: inline-block;
height: 6px;
width: 6px;
border-radius: 50%;
background: #fff;
margin-bottom: 2px
}
#contact .wrap .hearts {
display: block;
margin: 30px auto 0
}
#contactus-popup, #popup-menu {
display: none;
position: absolute;
top: 0;
right: 0;
left: 0;
height: 100vh;
z-index: 999
}
#contactus-popup .wrap, #popup-menu .wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
height: 100vh;
position: relative;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-height: 640px) {
#contactus-popup .wrap .logo, #popup-menu .wrap .logo {
display: none
}
}
#popup-menu {
background-position: 50%;
-webkit-background-size: cover;
background-size: cover;
background-image: url(//www.maryann.com.ua/wp-content/themes/lionline/dist/images/maryann_flowers.jpg)
}
#popup-menu .wrap img {
margin-bottom: 40px
}
#popup-menu .wrap ul {
list-style: none;
margin-left: 0;
text-align: center
}
#popup-menu .wrap ul li:not(:last-child):after {
content: "";
display: block;
height: 7px;
width: 7px;
margin: 8px auto;
border-radius: 50%;
background: #fff
}
#popup-menu .wrap ul li a {
color: #fff;
text-transform: uppercase;
font-size: 1.8em;
letter-spacing: .25px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s
}
#popup-menu .wrap ul li a:hover {
color: #08bcc1
}
@media only screen and (max-width: 640px) {
#popup-menu img {
display: none
}
}
@media only screen and (max-width: 1024px) {
#popup-menu .mainvideo {
display: none
}
}
#contactus-popup {
background: #08bcc1;
text-align: center
}
#contactus-popup .h2,
#contactus-popup h2 {
font-family: Oranienbaum, Arial, serif;
text-transform: uppercase;
font-size: 3.6em;
letter-spacing: .5px;
color: #fff;
margin-bottom: 35px;
line-height: inherit;
}
@media only screen and (max-width: 640px) {
#contactus-popup .h2,
#contactus-popup h2 {
font-size: 2.8em
}
}
#contactus-popup .h2:after,
#contactus-popup h2:after {
content: '';
display: block;
width: 40px;
height: 2px;
background: #fff;
margin-left: auto;
margin-right: auto;
margin-top: 10px
}
#contactus-popup .logo {
margin-bottom: 35px
}
#contactus-popup .logo img {
height: 135px
}
#contactus-popup .message-form {
max-width: 420px;
width: 100%
}
#contactus-popup form {
max-width: 420px;
width: 100%;
margin: auto
}
@media only screen and (max-width: 640px) {
#contactus-popup form {
padding: 20px 50px
}
}
#contactus-popup form input, #contactus-popup form textarea {
color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
background: #08bcc1;
border-color: #b8ebed;
border-top-width: 0;
border-left-width: 0;
border-right-width: 0;
padding: 0;
text-transform: uppercase;
text-align: center
}
#contactus-popup form input {
height: 30px;
margin-bottom: 10px
}
#contactus-popup form textarea {
resize: none;
min-height: 30px
}
#contactus-popup p {
color: #fff;
text-transform: uppercase;
font-size: 1.4em;
letter-spacing: .5px;
line-height: 18px;
margin-bottom: 20px
}
#contactus-popup .btn {
display: inline-block;
color: #fff;
text-decoration: none;
position: relative;
font-size: 1.4em;
letter-spacing: .75px;
text-transform: uppercase
}
#contactus-popup .btn:hover:after, #contactus-popup .btn:hover:before {
-webkit-animation: .8s line;
-o-animation: .8s line;
animation: .8s line;
-webkit-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
#contactus-popup .btn:hover:after {
right: 0
}
#contactus-popup .btn:after, #contactus-popup .btn:before {
opacity: 0;
content: "";
display: block;
height: 2px;
width: 100%;
background: #fff;
position: absolute
}
#contactus-popup .btn span {
height: 40px;
line-height: 40px;
vertical-align: text-top
}
#contactus-popup .btn span:before {
margin-right: 10px;
margin-left: -3px
}
#contactus-popup .btn span:after {
margin-left: 10px;
margin-right: -3px
}
#contactus-popup .btn span:after, #contactus-popup .btn span:before {
content: "";
display: inline-block;
height: 6px;
width: 6px;
border-radius: 50%;
background: #fff;
margin-bottom: 2px
}
#contactus-popup .success-sending {
display: none
}
#about-intro {
background-position: 50%;
-webkit-background-size: cover;
background-size: cover;
min-height: 100vh;
position: relative;
display: table;
width: 100%
}
#about-intro .wrapper {
display: table-cell;
vertical-align: middle;
text-align: center;
padding-top: 100px
}
#about-intro .wrapper h2 {
font-family: Oranienbaum, Arial, serif;
text-transform: uppercase;
font-size: 3.6em;
letter-spacing: .5px;
color: #fff;
font-size: 4.8em;
padding: 4px 10px;
display: inline-block;
border-bottom: 2px solid #fff;
border-top: 2px solid #fff
}
@media only screen and (max-width: 640px) {
#about-intro .wrapper h2 {
font-size: 2.8em
}
}
@media only screen and (max-width: 640px) {
#about-intro .wrapper h2 {
font-size: 3.8em
}
}
#about-intro .wrapper .hearts {
display: block;
margin: 20px auto 0
}
#about-intro .logo {
position: absolute;
top: 40px;
left: 0;
right: 0;
margin: auto
}
#about-intro .scroll-down {
color: #fff;
margin: auto;
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 60px;
text-align: center;
cursor: pointer;
font-size: 1.2em
}
#about-intro .scroll-down:after, #about-intro .scroll-down:before {
content: "";
display: block;
background: #fff
}
#about-intro .scroll-down:before {
height: 7px;
width: 7px;
margin: 0 auto 10px;
border-radius: 50%;
background: #fff
}
#about-intro .scroll-down:after {
height: 40px;
width: 2px;
margin: 10px auto 0;
-webkit-animation: 1s jump infinite;
-o-animation: 1s jump infinite;
animation: 1s jump infinite
}
@media only screen and (max-width: 1024px) {
#about-intro .scroll-down {
display: none
}
}
@keyframes jump {
0% {
height: 30px
}
50% {
height: 20px
}
100% {
height: 30px
}
}
#about-team .team-description {
padding: 60px 0
}
#about-team .team-description h2 {
font-family: Oranienbaum, Arial, serif;
text-transform: uppercase;
font-size: 3.6em;
letter-spacing: .5px;
color: #545251;
text-align: center
}
@media only screen and (max-width: 640px) {
#about-team .team-description h2 {
font-size: 2.8em
}
}
#about-team .team-description h2:after {
content: '';
display: block;
height: 2px;
width: 80px;
background: #08bcc1;
margin: 15px auto 30px
}
#about-team .team-description p {
font-size: 1.4em;
letter-spacing: .5px;
line-height: 20px;
font-family: proxima_nova_ltlight, Arial, sans-serif;
text-indent: 35px;
margin-bottom: 20px
}
#about-team .team-description .hearts {
display: block;
margin: auto
}
#about-team .wrapper {
padding: 35px 0
}
@media only screen and (max-width: 640px) {
#about-team .wrapper {
padding: 15px 0 35px
}
}
#about-team .wrapper .position {
font-family: proxima_nova_rgregular, Arial, sans-serif;
color: #545251;
font-size: 1.1em;
letter-spacing: .5px;
margin-bottom: 20px;
text-transform: uppercase
}
#about-team .wrapper .name {
font-family: Oranienbaum, Arial, serif;
text-transform: uppercase;
font-size: 3.6em;
letter-spacing: .5px;
color: #545251
}
@media only screen and (max-width: 640px) {
#about-team .wrapper .name {
font-size: 2.8em
}
}
#about-team .wrapper .name:after {
content: '';
display: block;
width: 80px;
height: 2px;
background: #08bcc1;
margin-left: auto;
margin-right: auto;
margin-top: 15px;
margin-bottom: 30px
}
#about-team .wrapper .description {
font-family: proxima_nova_ltlight, Arial, sans-serif;
color: #545251;
letter-spacing: .5px;
font-size: 1.4em;
line-height: 18px
}
@media only screen and (max-width: 640px) {
#about-team .about-person .name, #about-team .about-person .position {
display: none
}
#about-team .mobile-about-person .wrapper {
padding: 0
}
#about-team .mobile-about-person .name {
line-height: 35px;
margin-top: 5px;
font-size: 2.6em
}
#about-team .mobile-about-person .name:after {
margin-bottom: 22px;
margin-left: 0
}
}
@media only screen and (min-width: 640px) {
#about-team {
padding-bottom: 50px
}
#about-team .wrap {
text-align: center;
max-width: 1130px;
position: relative;
margin: auto;
text-align: left
}
}
@media only screen and (min-width: 640px) and (max-width: 1024px) {
#about-team .wrap {
padding-left: 15px;
padding-right: 15px
}
}
@media only screen and (min-width: 640px) and (min-width: 1024px) {
#about-team .wrap {
padding-left: 80px;
padding-right: 80px
}
}
@media only screen and (min-width: 640px) {
#about-team .wrap [data-equalizer]:nth-child(even) .wrapper {
padding: 35px 0 35px 35px;
text-align: left
}
#about-team .wrap [data-equalizer]:nth-child(even) .wrapper .name:after {
margin-left: 0
}
#about-team .wrap [data-equalizer]:nth-child(odd) .foto-person {
left: 50%;
right: auto
}
#about-team .wrap [data-equalizer]:nth-child(odd) .about-person {
right: 50%;
left: auto
}
#about-team .wrap [data-equalizer]:nth-child(odd) .about-person .wrapper {
padding: 35px 35px 35px 0;
text-align: right
}
#about-team .wrap [data-equalizer]:nth-child(odd) .about-person .wrapper .name:after {
margin-right: 0
}
#about-team .wrap .column {
padding: 0
}
#about-team .foto-person img {
width: 100%
}
#about-team .about-person {
display: table
}
#about-team .wrapper {
display: table-cell;
vertical-align: middle
}
}
#text-block {
background: url(//www.maryann.com.ua/wp-content/themes/lionline/dist/images/about_us_2.jpg) center;
-webkit-background-size: cover;
background-size: cover;
padding: 55px 0 35px
}
#text-block .wrap {
text-align: center;
max-width: 1240px;
position: relative;
margin: auto
}
@media only screen and (max-width: 1024px) {
#text-block .wrap {
padding-left: 15px;
padding-right: 15px
}
}
@media only screen and (min-width: 1024px) {
#text-block .wrap {
padding-left: 80px;
padding-right: 80px
}
}
#text-block p {
color: #fff;
text-transform: uppercase;
font-size: 1.4em;
letter-spacing: .5px;
line-height: 18px;
margin-bottom: 80px
}
#text-block h3 {
font-family: Oranienbaum, Arial, serif;
text-transform: uppercase;
font-size: 3.6em;
letter-spacing: .5px;
color: #fff;
margin-bottom: 25px;
font-size: 3em
}
@media only screen and (max-width: 640px) {
#text-block h3 {
font-size: 2.8em
}
}
#text-block h3:before {
margin: 0 auto 30px
}
#text-block h3:after {
margin: 30px auto 0
}
#text-block h3:after, #text-block h3:before {
content: "";
display: block;
max-width: 305px;
height: 2px;
background: #fff
}
#countrys {
padding: 55px 0 45px
}
#countrys h2 {
font-family: Oranienbaum, Arial, serif;
text-transform: uppercase;
font-size: 3.6em;
letter-spacing: .5px;
color: #2a2826;
margin: 30px auto
}
@media only screen and (max-width: 640px) {
#countrys h2 {
font-size: 2.8em
}
}
#countrys .wrap {
text-align: center;
max-width: 1390px;
position: relative;
margin: auto
}
@media only screen and (max-width: 1024px) {
#countrys .wrap {
padding-left: 15px;
padding-right: 15px
}
}
@media only screen and (min-width: 1024px) {
#countrys .wrap {
padding-left: 80px;
padding-right: 80px
}
}
#countrys .wrap > p {
color: #08bcc1;
letter-spacing: .5px;
line-height: 18px;
text-transform: uppercase
}
#countrys .single-country img {
margin: 35px auto
}
@media only screen and (max-width: 1025px) {
#countrys .single-country img {
margin-bottom: 15px
}
}
#countrys .single-country p {
font-size: 1.4em;
text-transform: uppercase
}
#calltous {
background: #08bcc1;
padding: 55px 0 35px;
text-align: center
}
#calltous p {
color: #fff;
text-transform: uppercase;
font-size: 1.4em;
letter-spacing: .5px;
line-height: 18px
}
#calltous .h2,
#calltous h2 {
font-family: Oranienbaum, Arial, serif;
text-transform: uppercase;
font-size: 3.6em;
letter-spacing: .5px;
color: #fff;
display: inline-block;
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
margin: 35px 0 15px;
padding: 20px 10px;
line-height: inherit;
}
@media only screen and (max-width: 640px) {
#calltous .h2,
#calltous h2 {
font-size: 2.8em
}
}
#calltous .btn {
display: inline-block;
color: #fff;
text-decoration: none;
position: relative;
font-size: 1.4em;
letter-spacing: .75px;
text-transform: uppercase;
margin-bottom: 15px
}
#calltous .btn:hover:after, #calltous .btn:hover:before {
-webkit-animation: .8s line;
-o-animation: .8s line;
animation: .8s line;
-webkit-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
#calltous .btn:hover:after {
right: 0
}
#calltous .btn:after, #calltous .btn:before {
opacity: 0;
content: "";
display: block;
height: 2px;
width: 100%;
background: #fff;
position: absolute
}
#calltous .btn span {
height: 40px;
line-height: 40px;
vertical-align: text-top
}
#calltous .btn span:before {
margin-right: 10px;
margin-left: -3px
}
#calltous .btn span:after {
margin-left: 10px;
margin-right: -3px
}
#calltous .btn span:after, #calltous .btn span:before {
content: "";
display: inline-block;
height: 6px;
width: 6px;
border-radius: 50%;
background: #fff;
margin-bottom: 2px
}
#calltous img {
display: block;
margin: auto
}
#gallary-intro .wrap {
text-align: center;
max-width: 1135px;
position: relative;
margin: auto;
padding-bottom: 45px;
padding-top: 40px
}
@media only screen and (max-width: 1024px) {
#gallary-intro .wrap {
padding-left: 15px;
padding-right: 15px
}
}
@media only screen and (min-width: 1024px) {
#gallary-intro .wrap {
padding-left: 80px;
padding-right: 80px
}
}
#gallary-intro h2 {
font-family: Oranienbaum, Arial, serif;
text-transform: uppercase;
font-size: 3.6em;
letter-spacing: .5px;
color: #545251;
padding: 0 20px;
border-top: 2px solid #08bcc1;
border-bottom: 2px solid #08bcc1;
margin: 30px auto 20px;
display: inline-block
}
@media only screen and (max-width: 640px) {
#gallary-intro h2 {
font-size: 2.8em
}
}
@media only screen and (min-width: 1024px) {
#gallary-intro h2 {
font-size: 4.8em
}
}
#gallary-intro ul {
margin-left: 0;
list-style: none;
display: inline-block;
margin-top: 40px
}
#gallary-intro ul li:not(:last-child):after {
content: "";
display: inline-block;
height: 6px;
width: 6px;
border-radius: 50%;
background: #fff;
background: #08bcc1;
margin-bottom: 2px
}
#gallary-intro ul li a {
color: #2a2826;
text-transform: uppercase;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
padding: 0 20px;
font-size: 1.4em
}
#gallary-intro ul li a:hover {
color: #08bcc1
}
@media only screen and (max-width: 650px) {
#gallary-intro ul {
text-align: center
}
#gallary-intro ul li:not(:last-child):after {
display: block;
margin: 10px auto
}
}
@media only screen and (min-width: 650px) {
#gallary-intro ul li {
float: left
}
}
#gallary .wrap {
text-align: center;
max-width: 1135px;
position: relative;
margin: auto
}
@media only screen and (max-width: 1024px) {
#gallary .wrap {
padding-left: 15px;
padding-right: 15px
}
}
@media only screen and (min-width: 1024px) {
#gallary .wrap {
padding-left: 80px;
padding-right: 80px
}
}
#gallary .wrap .column {
padding: 0 5px
}
#gallary .wrap .column .row {
margin: 0 -5px
}
#gallary .more-gallery {
text-align: center
}
#gallary .more-gallery .btn {
display: inline-block;
color: #08bcc1;
text-decoration: none;
position: relative;
font-size: 1.4em;
letter-spacing: .75px;
text-transform: uppercase
}
#gallary .more-gallery .btn:hover:after, #gallary .more-gallery .btn:hover:before {
-webkit-animation: .8s line;
-o-animation: .8s line;
animation: .8s line;
-webkit-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
#gallary .more-gallery .btn:hover:after {
right: 0
}
#gallary .more-gallery .btn:after, #gallary .more-gallery .btn:before {
opacity: 0;
content: "";
display: block;
height: 2px;
width: 100%;
background: #08bcc1;
position: absolute
}
#gallary .more-gallery .btn span {
height: 40px;
line-height: 40px;
vertical-align: text-top
}
#gallary .more-gallery .btn span:before {
margin-right: 10px;
margin-left: -3px
}
#gallary .more-gallery .btn span:after {
margin-left: 10px;
margin-right: -3px
}
#gallary .more-gallery .btn span:after, #gallary .more-gallery .btn span:before {
content: "";
display: inline-block;
height: 6px;
width: 6px;
border-radius: 50%;
background: #08bcc1;
margin-bottom: 2px
}
#gallary .more-gallery .hearts {
display: block;
margin: 45px auto 30px
}
.gallery-item {
display: block;
margin-bottom: 40px
}
.gallery-item .big-img, .gallery-item .small-img {
width: 100%;
background-position: 50%;
-webkit-background-size: cover;
background-size: cover;
display: block;
position: relative
}
.gallery-item .big-img {
height: 390px
}
.gallery-item .big-img .caption:before {
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
content: '';
display: block;
top: 20px;
bottom: 20px;
right: 20px;
left: 20px;
border: 2px solid #fff;
position: absolute;
z-index: 10
}
.gallery-item .small-img {
height: 190px;
margin-bottom: 10px
}
.gallery-item .small-img img {
height: 25px
}
.gallery-item .caption {
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
position: absolute;
width: 100%;
top: 0;
left: 0;
bottom: 0;
background: rgba(84, 82, 81, .7);
padding: 30px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.gallery-item .caption p {
text-transform: uppercase;
color: #fff;
letter-spacing: .75px;
line-height: 20px
}
.gallery-item .caption .date:after, .gallery-item .caption .nemas:after {
content: '';
display: block;
width: 35px;
height: 2px;
background: #fff;
margin-left: auto;
margin-right: auto;
margin-top: 10px
}
.gallery-item .caption .nemas {
margin-bottom: 15px
}
.gallery-item .caption .nemas span {
display: block
}
.gallery-item .caption .btn {
margin-top: 20px;
display: inline-block;
color: #fff;
text-decoration: none;
position: relative;
font-size: 1.4em;
letter-spacing: .75px;
text-transform: uppercase
}
.gallery-item .caption .btn:hover:after, .gallery-item .caption .btn:hover:before {
-webkit-animation: .8s line;
-o-animation: .8s line;
animation: .8s line;
-webkit-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
.gallery-item .caption .btn:hover:after {
right: 0
}
.gallery-item .caption .btn:after, .gallery-item .caption .btn:before {
opacity: 0;
content: "";
display: block;
height: 2px;
width: 100%;
background: #fff;
position: absolute
}
.gallery-item .caption .btn span {
height: 40px;
line-height: 40px;
vertical-align: text-top
}
.gallery-item .caption .btn span:before {
margin-right: 10px;
margin-left: -3px
}
.gallery-item .caption .btn span:after {
margin-left: 10px;
margin-right: -3px
}
.gallery-item .caption .btn span:after, .gallery-item .caption .btn span:before {
content: "";
display: inline-block;
height: 6px;
width: 6px;
border-radius: 50%;
background: #fff;
margin-bottom: 2px
}
@media only screen and (max-width: 640px) {
.gallery-item .big-img {
height: 350px;
margin-bottom: 10px
}
.gallery-item .small-img {
display: none
}
}
@media only screen and (min-width: 640px) {
.gallery-item:nth-child(even) .large-8 {
left: 41.6666666667%;
right: auto
}
.gallery-item:nth-child(even) .large-4 {
right: 58.3333333333%;
left: auto
}
}
@media only screen and (min-width: 1025px) {
.gallery-item:nth-child(even) .large-8 {
left: 33.3333333333%;
right: auto
}
.gallery-item:nth-child(even) .large-4 {
right: 66.6666666667%;
left: auto
}
.gallery-item:hover .caption {
opacity: 1
}
.gallery-item:hover .big-img .caption:before {
opacity: 1
}
.gallery-item .big-img:before, .gallery-item .caption {
opacity: 0
}
}
#nav-block {
padding: 30px 0 25px;
text-align: center
}
#nav-block img {
margin-bottom: 35px
}
#nav-block .menu {
margin-left: 0;
list-style: none;
display: inline-block
}
#nav-block .menu li:not(:last-child):after {
content: "";
display: inline-block;
height: 6px;
width: 6px;
border-radius: 50%;
background: #fff;
background: #08bcc1;
margin-bottom: 2px
}
#nav-block .menu li a {
color: #2a2826;
text-transform: uppercase;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
padding: 0 20px;
font-size: 1.4em
}
#nav-block .menu li a:hover {
color: #08bcc1
}
@media only screen and (max-width: 650px) {
#nav-block .menu {
text-align: center
}
#nav-block .menu li:not(:last-child):after {
display: block;
margin: 10px auto
}
}
@media only screen and (min-width: 650px) {
#nav-block .menu li {
float: left
}
}
#single-event-intro {
background-position: 50%;
-webkit-background-size: cover;
background-size: cover;
height: 415px;
position: relative;
width: 100%;
padding: 40px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
#single-event-intro .wrapper {
z-index: 10;
text-align: center;
position: relative
}
#single-event-intro:after {
position: absolute;
content: '';
display: block;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: -webkit-linear-gradient(45deg, #08bcc1, #f15c54);
background: -o-linear-gradient(45deg, #08bcc1, #f15c54);
background: linear-gradient(45deg, #08bcc1, #f15c54);
opacity: .85
}
#single-event-intro:before {
content: '';
display: block;
top: 30px;
bottom: 30px;
right: 30px;
left: 30px;
border: 2px solid #fff;
position: absolute;
z-index: 10
}
#single-event-intro .date {
color: #fff;
letter-spacing: .5px
}
#single-event-intro .h2,
#single-event-intro h2 {
font-family: Oranienbaum, Arial, serif;
text-transform: uppercase;
font-size: 3.6em;
letter-spacing: .5px;
color: #fff;
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
padding: 10px 15px;
margin: 20px auto
}
@media only screen and (max-width: 640px) {
#single-event-intro .h2,
#single-event-intro h2 {
font-size: 2.8em
}
}
#event-discription {
padding: 50px 0 30px
}
#event-discription .wrap {
text-align: center;
max-width: 1135px;
position: relative;
margin: auto
}
@media only screen and (max-width: 1024px) {
#event-discription .wrap {
padding-left: 15px;
padding-right: 15px
}
}
@media only screen and (min-width: 1024px) {
#event-discription .wrap {
padding-left: 80px;
padding-right: 80px
}
}
#event-discription .h2,
#event-discription h2 {
font-family: Oranienbaum, Arial, serif;
text-transform: uppercase;
font-size: 3.6em;
letter-spacing: .5px;
color: #2a2826;
margin-bottom: 40px;
line-height: inherit;
text-align: inherit;
text-indent: inherit;
}
@media only screen and (max-width: 640px) {
#event-discription .h2,
#event-discription h2 {
font-size: 2.8em
}
}
#event-discription .h2:after,
#event-discription h2:after {
content: '';
display: block;
width: 80px;
height: 2px;
background: #08bcc1;
margin-left: auto;
margin-right: auto;
margin-top: 20px
}
#event-discription p {
text-align: left;
text-indent: 35px;
margin-bottom: 20px;
font-family: proxima_nova_ltlight, Arial, sans-serif;
color: #545251;
line-height: 20px;
letter-spacing: .5px
}
#event-fotos .wrap {
text-align: center;
max-width: 1135px;
position: relative;
margin: auto
}
@media only screen and (max-width: 1024px) {
#event-fotos .wrap {
padding-left: 15px;
padding-right: 15px
}
}
@media only screen and (min-width: 1024px) {
#event-fotos .wrap {
padding-left: 80px;
padding-right: 80px
}
}
#event-fotos .wrap .column {
padding: 0 5px
}
#event-fotos .wrap .column .row {
margin: 0 -5px
}
#event-fotos .gallery-row .img-block, #event-fotos .gallery-row .img-block-small, #event-fotos .gallery-row .text-block {
margin-bottom: 10px
}
#event-fotos .gallery-row .img-block, #event-fotos .gallery-row .img-block-small {
background-position: 50%;
-webkit-background-size: cover;
background-size: cover;
width: 100%;
position: relative
}
#event-fotos .gallery-row .img-block-small:hover:before, #event-fotos .gallery-row .img-block:hover:before {
opacity: 1
}
#event-fotos .gallery-row .img-block-small:before, #event-fotos .gallery-row .img-block:before {
content: '';
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
background: rgba(255, 255, 255, .35)
}
#event-fotos .gallery-row .img-block {
height: 390px
}
#event-fotos .gallery-row .img-block-small {
height: 190px
}
#event-fotos .gallery-row .text-block {
height: 390px;
background: #f1f1f1;
padding: 35px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
#event-fotos .gallery-row .text-block p {
font-family: proxima_nova_ltlight, Arial, sans-serif;
color: #545251;
line-height: 18px;
letter-spacing: .5px
}
#event-fotos .gallery-row .text-block:before {
content: '';
display: block;
width: 50px;
height: 2px;
background: #08bcc1;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px
}
#event-fotos .gallery-row .text-block .hearts {
margin-top: 20px;
height: 30px
}
#event-fotos .gallery-row .img-block-small.first {
margin-bottom: 10px
}
#event-fotos .gallery-row iframe {
width: 100%
}
@media only screen and (max-width: 640px) {
#event-fotos .gallery-row .img-block-small {
height: 390px
}
}
#event-feedback {
padding-bottom: 25px
}
#event-feedback .column {
padding: 0
}
#event-feedback .feedback-block {
min-height: 385px;
background: #f1f1f1;
padding: 75px 65px;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
#event-feedback .feedback-block:after {
content: '';
display: block;
top: 20px;
bottom: 20px;
right: 20px;
left: 20px;
border: 2px solid #fff;
position: absolute;
z-index: 10;
border-color: #a8a8a8
}
#event-feedback .feedback-block h3 {
font-family: Oranienbaum, Arial, serif;
text-transform: uppercase;
font-size: 3.6em;
letter-spacing: .5px;
color: #2a2826;
margin-bottom: 35px
}
@media only screen and (max-width: 640px) {
#event-feedback .feedback-block h3 {
font-size: 2.8em
}
}
#event-feedback .feedback-block h3:after {
content: '';
display: block;
width: 50px;
height: 2px;
background: #08bcc1;
margin-left: auto;
margin-right: auto;
margin-top: 20px
}
#event-feedback .feedback-block p {
font-family: proxima_novalight_italic, Arial, sans-serif;
letter-spacing: .5px;
line-height: 18px
}
#event-feedback .btn {
display: inline-block;
color: #08bcc1;
text-decoration: none;
position: relative;
font-size: 1.4em;
letter-spacing: .75px;
text-transform: uppercase;
margin: 35px 0 25px
}
#event-feedback .btn:hover:after, #event-feedback .btn:hover:before {
-webkit-animation: .8s line;
-o-animation: .8s line;
animation: .8s line;
-webkit-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
#event-feedback .btn:hover:after {
right: 0
}
#event-feedback .btn:after, #event-feedback .btn:before {
opacity: 0;
content: "";
display: block;
height: 2px;
width: 100%;
background: #08bcc1;
position: absolute
}
#event-feedback .btn span {
height: 40px;
line-height: 40px;
vertical-align: text-top
}
#event-feedback .btn span:before {
margin-right: 10px;
margin-left: -3px
}
#event-feedback .btn span:after {
margin-left: 10px;
margin-right: -3px
}
#event-feedback .btn span:after, #event-feedback .btn span:before {
content: "";
display: inline-block;
height: 6px;
width: 6px;
border-radius: 50%;
background: #08bcc1;
margin-bottom: 2px
}
#recent-events {
padding: 25px 0 40px
}
#recent-events .wrap {
text-align: center;
max-width: 1135px;
position: relative;
margin: auto
}
@media only screen and (max-width: 1024px) {
#recent-events .wrap {
padding-left: 15px;
padding-right: 15px
}
}
@media only screen and (min-width: 1024px) {
#recent-events .wrap {
padding-left: 80px;
padding-right: 80px
}
}
#recent-events .wrap:after {
content: '';
display: block;
width: 80px;
height: 2px;
background: #08bcc1;
margin-left: auto;
margin-right: auto;
margin-top: 40px
}
#recent-events .wrap .h2,
#recent-events .wrap h2 {
font-family: Oranienbaum, Arial, serif;
text-transform: uppercase;
font-size: 3.6em;
letter-spacing: .5px;
color: #2a2826;
margin-bottom: 40px;
line-height: inherit;
}
@media only screen and (max-width: 640px) {
#recent-events .wrap .h2,
#recent-events .wrap h2 {
font-size: 2.8em
}
}
#recent-events .wrap .h2:after,
#recent-events .wrap h2:after {
content: '';
display: block;
width: 80px;
height: 2px;
background: #08bcc1;
margin-left: auto;
margin-right: auto;
margin-top: 30px
}
#recent-events .wrap .column {
padding: 0 5px
}
#recent-events .wrap .column .row {
margin: 0 -5px
}
#recent-events .recent-events-item {
background-position: 50%;
-webkit-background-size: cover;
background-size: cover;
height: 195px;
position: relative
}
#recent-events .recent-events-item .caption {
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
position: absolute;
width: 100%;
top: 0;
left: 0;
bottom: 0;
background: rgba(0, 0, 0, .7);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding: 25px
}
#recent-events .recent-events-item .caption:before {
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
content: '';
display: block;
top: 15px;
bottom: 15px;
right: 15px;
left: 15px;
border: 2px solid #fff;
position: absolute;
z-index: 10
}
#recent-events .recent-events-item .caption p {
text-transform: uppercase;
color: #fff;
letter-spacing: .75px;
line-height: 20px;
font-size: 1.2em
}
@media only screen and (max-width: 640px) {
#recent-events .recent-events-item {
margin-bottom: 10px
}
}
@media only screen and (min-width: 1024px) {
#recent-events .recent-events-item:hover .caption, #recent-events .recent-events-item:hover .caption:before {
opacity: 1
}
#recent-events .recent-events-item .caption {
opacity: 0
}
}
#service-intro {
background-position: 50%;
-webkit-background-size: cover;
background-size: cover;
min-height: 100vh;
position: relative;
display: table;
width: 100%
}
@media only screen and (max-width: 640px) {
#service-intro {
padding: 40px
}
}
#service-intro:before {
content: '';
display: block;
top: 30px;
bottom: 30px;
right: 30px;
left: 30px;
border: 2px solid #fff;
position: absolute;
z-index: 10
}
#service-intro .wrapper {
display: table-cell;
vertical-align: middle;
text-align: center;
z-index: 10;
position: relative
}
#service-intro .wrapper .logo {
margin-bottom: 70px
}
#service-intro .wrapper .h2,
#service-intro .wrapper h2 {
font-family: Oranienbaum, Arial, serif;
text-transform: uppercase;
font-size: 3.6em;
letter-spacing: .5px;
color: #fff;
font-size: 4.8em;
padding: 0 10px
}
@media only screen and (max-width: 640px) {
#service-intro .wrapper .h2,
#service-intro .wrapper h2 {
font-size: 2.8em
}
}
@media only screen and (max-width: 640px) {
#service-intro .wrapper .h2,
#service-intro .wrapper h2 {
font-size: 3.8em
}
}
#service-intro .wrapper .h2:after, #service-intro .wrapper .h2:before,
#service-intro .wrapper h2:after, #service-intro .wrapper h2:before {
content: "";
display: block;
width: 100%;
height: 2px;
background: #fff;
max-width: 420px;
margin: auto
}
#service-intro .wrapper .hearts {
margin-top: 20px;
height: 33px;
margin: 30px auto 60px
}
#service-intro .wrapper p {
color: #fff;
text-transform: uppercase;
font-size: 1.4em;
letter-spacing: .5px;
line-height: 18px
}
#service-text-block {
padding: 70px 0
}
#service-text-block .wrap {
text-align: center;
max-width: 1135px;
position: relative;
margin: auto
}
@media only screen and (max-width: 1024px) {
#service-text-block .wrap {
padding-left: 15px;
padding-right: 15px
}
}
@media only screen and (min-width: 1024px) {
#service-text-block .wrap {
padding-left: 80px;
padding-right: 80px
}
}
#service-text-block .h2,
#service-text-block h2 {
font-family: Oranienbaum, Arial, serif;
text-transform: uppercase;
font-size: 3.6em;
letter-spacing: .5px;
color: #545251;
text-indent: inherit;
text-align: inherit;
line-height: inherit;
}
@media only screen and (max-width: 640px) {
#service-text-block .h2,
#service-text-block h2 {
font-size: 2.8em
}
}
#service-text-block .h2:after,
#service-text-block h2:after {
content: '';
display: block;
width: 75px;
height: 2px;
background: #08bcc1;
margin-left: auto;
margin-right: auto;
margin: 15px auto 45px
}
#service-text-block p {
text-indent: 35px;
text-align: left;
line-height: 20px;
letter-spacing: .5px;
font-family: proxima_nova_ltlight, Arial, sans-serif
}
#service-text-block p:not(:last-child) {
margin-bottom: 20px
}
#service-slogan {
min-height: 320px;
background: #08bcc1;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
@media only screen and (max-width: 640px) {
#service-slogan {
padding: 40px
}
}
#service-slogan:after {
content: '';
display: block;
top: 30px;
bottom: 30px;
right: 30px;
left: 30px;
border: 2px solid #fff;
position: absolute;
z-index: 10
}
#service-slogan .wrap {
text-align: center;
max-width: 1290px;
position: relative;
margin: auto
}
@media only screen and (max-width: 1024px) {
#service-slogan .wrap {
padding-left: 15px;
padding-right: 15px
}
}
@media only screen and (min-width: 1024px) {
#service-slogan .wrap {
padding-left: 80px;
padding-right: 80px
}
}
#service-slogan .h2,
#service-slogan h2 {
font-family: Oranienbaum, Arial, serif;
text-transform: uppercase;
font-size: 3.6em;
letter-spacing: .5px;
color: #fff;
font-size: 3em;
margin-bottom: 15px
}
@media only screen and (max-width: 640px) {
#service-slogan .h2,
#service-slogan h2 {
font-size: 2.8em
}
}
#process {
padding: 75px 0
}
#process .wrap {
text-align: center;
max-width: 840px;
position: relative;
margin: auto
}
@media only screen and (max-width: 1024px) {
#process .wrap {
padding-left: 15px;
padding-right: 15px
}
}
@media only screen and (min-width: 1024px) {
#process .wrap {
padding-left: 80px;
padding-right: 80px
}
}
#process .work-process {
padding: 10px 0 20px
}
#process .item {
text-align: center;
margin-top: 10px
}
#process .item:not(:last-child):after {
content: '';
display: block;
width: 2px;
height: 35px;
background: #08bcc1;
margin: 20px auto 0
}
#process .item .count {
font-size: 4.2em;
color: #f15c54;
letter-spacing: .5px;
font-family: Oranienbaum, Arial, serif;
margin-bottom: 10px
}
#process .item p {
letter-spacing: .5px;
line-height: 20px;
font-family: proxima_nova_ltlight, Arial, sans-serif
}
.service-title p {
text-transform: uppercase;
color: #08bcc1;
letter-spacing: .5px;
line-height: 18px;
margin-bottom: 25px
}
.service-title .h2,
.service-title h2 {
font-family: Oranienbaum, Arial, serif;
text-transform: uppercase;
font-size: 3.6em;
letter-spacing: .5px;
color: #2a2826;
line-height: inherit;
margin-bottom: unset;
}
@media only screen and (max-width: 640px) {
.service-title .h2,
.service-title h2 {
font-size: 2.8em
}
}
.service-title .h2:after,
.service-title h2:after {
content: '';
display: block;
width: 75px;
height: 2px;
background: #08bcc1;
margin-left: auto;
margin-right: auto;
margin: 20px auto 35px
}
#all-services .wrap {
text-align: center;
max-width: 1125px;
position: relative;
margin: auto
}
@media only screen and (max-width: 1024px) {
#all-services .wrap {
padding-left: 15px;
padding-right: 15px
}
}
@media only screen and (min-width: 1024px) {
#all-services .wrap {
padding-left: 80px;
padding-right: 80px
}
}
#all-services .cervices-slider {
position: relative;
margin-left: 0
}
#all-services .cervices-slider li {
position: relative;
float: left
}
#all-services .cervices-slider li .caption {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
padding: 20px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
#all-services .cervices-slider li .caption:before {
content: '';
top: 0;
bottom: 0;
left: 0;
right: 0;
position: absolute;
background: -webkit-gradient(linear, left top, left bottom, from(#08bcc1), to(#f15c54));
background: -webkit-linear-gradient(#08bcc1, #f15c54);
background: -o-linear-gradient(#08bcc1, #f15c54);
background: linear-gradient(#08bcc1, #f15c54);
opacity: .65
}
#all-services .cervices-slider li .caption:after {
content: '';
display: block;
top: 15px;
bottom: 15px;
right: 15px;
left: 15px;
border: 2px solid #fff;
position: absolute;
z-index: 10
}
#all-services .cervices-slider li .caption p {
color: #fff;
position: relative;
text-transform: uppercase;
text-align: center;
letter-spacing: .5px;
line-height: 18px
}
#all-services .cervices-slider li .caption p:after {
margin-top: 10px;
content: '';
display: block;
width: 25px;
height: 2px;
background: #fff;
margin-left: auto;
margin-right: auto
}
#backstage {
padding: 55px 0
}
#backstage .wrap {
text-align: center;
max-width: 1125px;
position: relative;
margin: auto
}
@media only screen and (max-width: 1024px) {
#backstage .wrap {
padding-left: 15px;
padding-right: 15px
}
}
@media only screen and (min-width: 1024px) {
#backstage .wrap {
padding-left: 80px;
padding-right: 80px
}
}
#backstage .backstage-video {
width: 100%
}
#backstage .video-wrapper {
position: relative;
margin-bottom: 40px
}
#backstage .video-wrapper .play-button {
position: absolute;
cursor: pointer;
top: 50%;
left: 50%;
z-index: 10;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
#feedback-text-block {
padding: 55px 0 25px
}
#feedback-text-block h1,
#feedback-text-block .h2,
#feedback-text-block h2 {
font-family: Oranienbaum, Arial, serif;
text-transform: uppercase;
font-size: 3.6em;
letter-spacing: .5px;
color: #08bcc1;
margin-bottom: 35px;
line-height: inherit;
}
#feedback-text-block h1 {
font-size: 4.8em;
}
.page_content {
font-weight: normal;
font-family: proxima_nova_ltlight, Arial, sans-serif !important;
text-align: left;
}
#feedback-text-block .page_content h2 {
margin-top: 35px;
margin-bottom: 0;
}
.page_content p,
.page_content dl,
.page_content ol,
.page_content ul {
padding-top: 20px;
}
.page_content ul {
font-size: .875rem;
}
.page_content p:not(:last-child):after {
content: none !important;
}
@media only screen and (max-width: 640px) {
#feedback-text-block h1 {
font-size: 3.8em;
}
#feedback-text-block .h2,
#feedback-text-block h2 {
font-size: 2.8em
}
}
#feedback-text-block p {
line-height: 18px;
letter-spacing: .75px;
font-family: proxima_nova_ltlight, Arial, sans-serif
}
#feedback-text-block p:after {
margin-top: 25px;
content: '';
display: block;
width: 80px;
height: 2px;
background: #08bcc1;
margin-left: auto;
margin-right: auto
}
#feedbacks {
padding: 25px 0 60px
}
#feedbacks .item {
margin-bottom: 30px
}
#feedbacks .item:after {
content: '';
display: table;
clear: both
}
#feedbacks .feedback-img, #feedbacks .feedback-text {
min-height: 385px;
margin-bottom: 10px
}
#feedbacks .feedback-img {
background-position: 50%;
-webkit-background-size: cover;
background-size: cover;
width: 100%;
display: block
}
#feedbacks .feedback-text {
width: 100%;
background: #f1f1f1;
padding: 30px 20px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
#feedbacks .feedback-text h3 {
color: #545251;
font-family: Oranienbaum, Arial, serif;
font-size: 2.4em;
line-height: 30px;
letter-spacing: .5px;
text-transform: uppercase
}
#feedbacks .feedback-text h3:after {
content: '';
display: block;
width: 55px;
height: 2px;
background: #08bcc1;
margin-left: auto;
margin-right: auto;
margin-top: 15px;
margin-bottom: 20px
}
#feedbacks .feedback-text p {
font-family: proxima_nova_ltlight, Arial, sans-serif;
letter-spacing: .25px;
line-height: 18px
}
#feedbacks .feedback-text .btn {
margin-top: 10px;
display: inline-block;
color: #08bcc1;
text-decoration: none;
position: relative;
font-size: 1.4em;
letter-spacing: .75px;
text-transform: uppercase
}
#feedbacks .feedback-text .btn:hover:after, #feedbacks .feedback-text .btn:hover:before {
-webkit-animation: .8s line;
-o-animation: .8s line;
animation: .8s line;
-webkit-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
#feedbacks .feedback-text .btn:hover:after {
right: 0
}
#feedbacks .feedback-text .btn:after, #feedbacks .feedback-text .btn:before {
opacity: 0;
content: "";
display: block;
height: 2px;
width: 100%;
background: #08bcc1;
position: absolute
}
#feedbacks .feedback-text .btn span {
height: 40px;
line-height: 40px;
vertical-align: text-top
}
#feedbacks .feedback-text .btn span:before {
margin-right: 10px;
margin-left: -3px
}
#feedbacks .feedback-text .btn span:after {
margin-left: 10px;
margin-right: -3px
}
#feedbacks .feedback-text .btn span:after, #feedbacks .feedback-text .btn span:before {
content: "";
display: inline-block;
height: 6px;
width: 6px;
border-radius: 50%;
background: #08bcc1;
margin-bottom: 2px
}
#feedbacks .see-more .btn {
display: inline-block;
color: #08bcc1;
text-decoration: none;
position: relative;
font-size: 1.4em;
letter-spacing: .75px;
text-transform: uppercase;
margin-bottom: 20px
}
#feedbacks .see-more .btn:hover:after, #feedbacks .see-more .btn:hover:before {
-webkit-animation: .8s line;
-o-animation: .8s line;
animation: .8s line;
-webkit-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
#feedbacks .see-more .btn:hover:after {
right: 0
}
#feedbacks .see-more .btn:after, #feedbacks .see-more .btn:before {
opacity: 0;
content: "";
display: block;
height: 2px;
width: 100%;
background: #08bcc1;
position: absolute
}
#feedbacks .see-more .btn span {
height: 40px;
line-height: 40px;
vertical-align: text-top
}
#feedbacks .see-more .btn span:before {
margin-right: 10px;
margin-left: -3px
}
#feedbacks .see-more .btn span:after {
margin-left: 10px;
margin-right: -3px
}
#feedbacks .see-more .btn span:after, #feedbacks .see-more .btn span:before {
content: "";
display: inline-block;
height: 6px;
width: 6px;
border-radius: 50%;
background: #08bcc1;
margin-bottom: 2px
}
@media only screen and (min-width: 640px) {
#feedbacks .feedback-img, #feedbacks .feedback-text {
margin: 0 5px 10px;
float: left
}
#feedbacks .feedback-text {
width: 340px
}
#feedbacks .feedback-img {
width: calc(100% - 360px)
}
}
#contacts-page {
position: relative;
overflow: hidden
}
#contacts-page .wrapper-block {
-webkit-transition: 1s;
-o-transition: 1s;
transition: 1s;
padding: 80px 40px;
position: relative;
width: 100%;
background: #08bcc1;
z-index: 20;
text-align: center
}
@media only screen and (min-width: 1024px) {
#contacts-page .wrapper-block {
max-width: 340px;
padding: 25px 40px 20px
}
}
#contacts-page .wrapper-block .logo {
display: block;
margin: 0 auto 20px;
height: 135px
}
#contacts-page .wrapper-block .btn {
margin-top: 10px;
display: inline-block;
color: #fff;
text-decoration: none;
position: relative;
font-size: 1.4em;
letter-spacing: .75px;
text-transform: uppercase
}
#contacts-page .wrapper-block .btn:hover:after, #contacts-page .wrapper-block .btn:hover:before {
-webkit-animation: .8s line;
-o-animation: .8s line;
animation: .8s line;
-webkit-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
#contacts-page .wrapper-block .btn:hover:after {
right: 0
}
#contacts-page .wrapper-block .btn:after, #contacts-page .wrapper-block .btn:before {
opacity: 0;
content: "";
display: block;
height: 2px;
width: 100%;
background: #fff;
position: absolute
}
#contacts-page .wrapper-block .btn span {
height: 40px;
line-height: 40px;
vertical-align: text-top
}
#contacts-page .wrapper-block .btn span:before {
margin-right: 10px;
margin-left: -3px
}
#contacts-page .wrapper-block .btn span:after {
margin-left: 10px;
margin-right: -3px
}
#contacts-page .wrapper-block .btn span:after, #contacts-page .wrapper-block .btn span:before {
content: "";
display: inline-block;
height: 6px;
width: 6px;
border-radius: 50%;
background: #fff;
margin-bottom: 2px
}
#contacts-page .wrapper-block .h3,
#contacts-page .wrapper-block h3 {
color: #fff;
letter-spacing: .5px;
text-transform: uppercase;
font-family: Oranienbaum, Arial, serif;
font-size: 3em;
line-height: inherit;
}
#contacts-page .wrapper-block .h3:after,
#contacts-page .wrapper-block h3:after {
content: '';
display: block;
width: 35px;
height: 2px;
background: #fff;
margin-left: auto;
margin-right: auto;
margin-top: 15px;
margin-bottom: 20px
}
#contacts-page .wrapper-block p {
color: #fff
}
#contacts-page .wrapper-block p a {
color: inherit
}
#contacts-page .contacts .phone-number {
font-family: Oranienbaum, Arial, serif;
font-size: 1.8em;
letter-spacing: .5px;
margin-bottom: 10px
}
#contacts-page .contacts p:not(.phone-number) {
font-size: 1.2em;
letter-spacing: .75px;
line-height: 18px;
margin-bottom: 10px
}
#contacts-page .message-form {
display: none
}
#contacts-page .message-form input, #contacts-page .message-form textarea {
background: 0 0;
border-color: #fff;
border-top: 0;
border-left: 0;
border-right: 0;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
text-transform: uppercase;
text-align: center;
font-size: 1.2em;
height: 30px;
margin-bottom: 10px;
padding: 0;
line-height: 25px;
font-family: proxima_nova_rgregular, Arial, sans-serif
}
#contacts-page .message-form textarea {
resize: none;
min-height: 0
}
#contacts-page .success-sending {
display: none
}
#contacts-page .success-sending p {
color: #fff;
text-transform: uppercase;
letter-spacing: .75px;
line-height: 18px;
margin: 35px auto 20px
}
@media only screen and (min-width: 1024px) {
#contacts-page {
height: 100vh;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
#contacts-page #googleMap {
position: absolute;
top: 0;
left: 0
}
}
.collapsed {
-webkit-transform: translate(50vw, 0) scale(.2);
-ms-transform: translate(50vw, 0) scale(.2);
-o-transform: translate(50vw, 0) scale(.2);
transform: translate(50vw, 0) scale(.2);
opacity: 0;
-webkit-transition: .6s;
-o-transition: .6s;
transition: .6s
}
.mfp-close {
cursor: pointer
}
.mfp-close:hover {
background: 0 0
}
.mfp-arrow:focus, .mfp-arrow:hover {
background: 0 0
}
.mfp-arrow-left {
left: 80px
}
.mfp-arrow-right {
right: 80px
}
@media only screen and (max-width: 1024px) {
button.mfp-arrow {
display: none
}
}
#page404 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
min-height: 100vh;
background: #f15c54;
padding: 70px 0 50px
}
#page404 h2 {
font-family: Oranienbaum, Arial, serif;
text-transform: uppercase;
font-size: 3.6em;
letter-spacing: .5px;
color: #fff;
margin: 40px auto
}
@media only screen and (max-width: 640px) {
#page404 h2 {
font-size: 2.8em
}
}
#page404 h2:after {
content: '';
display: block;
width: 35px;
height: 2px;
background: #fff;
margin-left: auto;
margin-right: auto;
margin-top: 10px
}
#page404 p {
color: #fff;
text-transform: uppercase;
font-size: 1.4em;
letter-spacing: .5px;
line-height: 18px;
margin-bottom: 20px
}
#page404 .btn {
display: inline-block;
color: #fff;
text-decoration: none;
position: relative;
font-size: 1.4em;
letter-spacing: .75px;
text-transform: uppercase;
margin-top: 25px
}
#page404 .btn:hover:after, #page404 .btn:hover:before {
-webkit-animation: .8s line;
-o-animation: .8s line;
animation: .8s line;
-webkit-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
#page404 .btn:hover:after {
right: 0
}
#page404 .btn:after, #page404 .btn:before {
opacity: 0;
content: "";
display: block;
height: 2px;
width: 100%;
background: #fff;
position: absolute
}
#page404 .btn span {
height: 40px;
line-height: 40px;
vertical-align: text-top
}
#page404 .btn span:before {
margin-right: 10px;
margin-left: -3px
}
#page404 .btn span:after {
margin-left: 10px;
margin-right: -3px
}
#page404 .btn span:after, #page404 .btn span:before {
content: "";
display: inline-block;
height: 6px;
width: 6px;
border-radius: 50%;
background: #fff;
margin-bottom: 2px
}
#decorations {
padding: 15px 0 45px
}
#decorations .menu {
margin-left: 0;
list-style: none;
display: inline-block;
margin-bottom: 25px
}
#decorations .menu li:not(:last-child):after {
content: "";
display: inline-block;
height: 6px;
width: 6px;
border-radius: 50%;
background: #fff;
background: #08bcc1;
margin-bottom: 2px
}
#decorations .menu li a {
color: #2a2826;
text-transform: uppercase;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
padding: 0 20px;
font-size: 1.4em
}
#decorations .menu li a:hover {
color: #08bcc1
}
@media only screen and (max-width: 650px) {
#decorations .menu {
text-align: center
}
#decorations .menu li:not(:last-child):after {
display: block;
margin: 10px auto
}
}
@media only screen and (min-width: 650px) {
#decorations .menu li {
float: left
}
}
#decorations [class*=block-grid-] > li {
padding: 5px
}
#decorations .item {
position: relative;
background-position: 50%;
-webkit-background-size: cover;
background-size: cover;
height: 250px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
#decorations .item:after {
content: '';
display: block;
top: 15px;
bottom: 15px;
right: 15px;
left: 15px;
border: 2px solid #fff;
position: absolute;
z-index: 10
}
#decorations .item:before {
position: absolute;
content: '';
display: block;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: -webkit-linear-gradient(135deg, #08bcc1, #f15c54);
background: -o-linear-gradient(135deg, #08bcc1, #f15c54);
background: linear-gradient(-45deg, #08bcc1, #f15c54);
opacity: .85
}
#decorations .item .caption {
padding: 25px
}
#decorations .item .caption p {
color: #fff;
text-transform: uppercase;
font-size: 1.4em;
letter-spacing: .5px;
line-height: 18px;
position: relative
}
#decorations .btn {
margin-top: 30px;
display: inline-block;
color: #08bcc1;
text-decoration: none;
position: relative;
font-size: 1.4em;
letter-spacing: .75px;
text-transform: uppercase;
letter-spacing: .75px
}
#decorations .btn:hover:after, #decorations .btn:hover:before {
-webkit-animation: .8s line;
-o-animation: .8s line;
animation: .8s line;
-webkit-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
#decorations .btn:hover:after {
right: 0
}
#decorations .btn:after, #decorations .btn:before {
opacity: 0;
content: "";
display: block;
height: 2px;
width: 100%;
background: #08bcc1;
position: absolute
}
#decorations .btn span {
height: 40px;
line-height: 40px;
vertical-align: text-top
}
#decorations .btn span:before {
margin-right: 10px;
margin-left: -3px
}
#decorations .btn span:after {
margin-left: 10px;
margin-right: -3px
}
#decorations .btn span:after, #decorations .btn span:before {
content: "";
display: inline-block;
height: 6px;
width: 6px;
border-radius: 50%;
background: #08bcc1;
margin-bottom: 2px
}
#rent-decorations {
padding: 100px 0 25px
}
#rent-decorations .h2,
#rent-decorations h2 {
font-family: Oranienbaum, Arial, serif;
text-transform: uppercase;
font-size: 3.6em;
letter-spacing: .5px;
color: #2a2826;
margin-bottom: 30px;
line-height: inherit;
}
@media only screen and (max-width: 640px) {
#rent-decorations .h2,
#rent-decorations h2 {
font-size: 2.8em
}
}
#rent-decorations .h2:after,
#rent-decorations h2:after {
content: '';
display: block;
width: 75px;
height: 2px;
background: #08bcc1;
margin-left: auto;
margin-right: auto;
margin-top: 15px
}
#rent-decorations .decorationt-block {
background: #f1f1f1;
margin-top: 20px
}
#rent-decorations .decorationt-block .foto {
background-position: 50%;
-webkit-background-size: cover;
background-size: cover;
height: 240px;
margin-bottom: 30px
}
#rent-decorations .decorationt-block .text-block {
padding: 0 30px 20px
}
#rent-decorations .decorationt-block h3 {
font-family: Oranienbaum, Arial, serif;
text-transform: uppercase;
font-size: 3.6em;
letter-spacing: .5px;
color: #2a2826;
font-size: 2.4em;
margin-bottom: 20px
}
@media only screen and (max-width: 640px) {
#rent-decorations .decorationt-block h3 {
font-size: 2.8em
}
}
#rent-decorations .decorationt-block h3:after {
content: '';
display: block;
width: 55px;
height: 2px;
background: #08bcc1;
margin-left: auto;
margin-right: auto;
margin-top: 15px
}
#rent-decorations .decorationt-block p {
font-family: proxima_nova_ltlight, Arial, sans-serif;
line-height: 18px;
letter-spacing: .25px
}
#rent-decorations .decorationt-block .btn {
display: inline-block;
color: #08bcc1;
text-decoration: none;
position: relative;
font-size: 1.4em;
letter-spacing: .75px;
text-transform: uppercase;
margin-top: 15px
}
#rent-decorations .decorationt-block .btn:hover:after, #rent-decorations .decorationt-block .btn:hover:before {
-webkit-animation: .8s line;
-o-animation: .8s line;
animation: .8s line;
-webkit-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
#rent-decorations .decorationt-block .btn:hover:after {
right: 0
}
#rent-decorations .decorationt-block .btn:after, #rent-decorations .decorationt-block .btn:before {
opacity: 0;
content: "";
display: block;
height: 2px;
width: 100%;
background: #08bcc1;
position: absolute
}
#rent-decorations .decorationt-block .btn span {
height: 40px;
line-height: 40px;
vertical-align: text-top
}
#rent-decorations .decorationt-block .btn span:before {
margin-right: 10px;
margin-left: -3px
}
#rent-decorations .decorationt-block .btn span:after {
margin-left: 10px;
margin-right: -3px
}
#rent-decorations .decorationt-block .btn span:after, #rent-decorations .decorationt-block .btn span:before {
content: "";
display: inline-block;
height: 6px;
width: 6px;
border-radius: 50%;
background: #08bcc1;
margin-bottom: 2px
}
@media only screen and (min-width: 1024px) {
#rent-decorations .column {
padding: 0 10px
}
}
#services-foto-block {
padding: 50px 0
}
#services-foto-block:after {
content: '';
display: block;
width: 75px;
height: 2px;
background: #08bcc1;
margin-left: auto;
margin-right: auto;
margin-top: 40px
}
#services-foto-block .single-foto {
background-position: 50%;
-webkit-background-size: cover;
background-size: cover;
height: 400px;
width: calc(33.333% - 10px);
float: left;
margin: 0 5px
}
@media only screen and (max-width: 640px) {
#services-foto-block .single-foto {
width: calc(100% + 30px);
margin: 0 -15px
}
#services-foto-block .single-foto:nth-child(n+2) {
display: none
}
}
#services-foto-block .h2,
#services-foto-block h2 {
font-family: Oranienbaum, Arial, serif;
text-transform: uppercase;
font-size: 3.6em;
letter-spacing: .5px;
color: #2a2826;
margin-bottom: 35px;
line-height: inherit;
}
@media only screen and (max-width: 640px) {
#services-foto-block .h2,
#services-foto-block h2 {
font-size: 2.8em
}
}
#services-foto-block .h2:after,
#services-foto-block h2:after {
content: '';
display: block;
width: 75px;
height: 2px;
background: #08bcc1;
margin-left: auto;
margin-right: auto;
margin-top: 15px
}
#services-foto-block p {
font-family: proxima_nova_ltlight, Arial, sans-serif;
line-height: 20px;
letter-spacing: .5px;
margin-bottom: 20px
}
#services.services-page .wrap {
text-align: center;
max-width: 1135px;
position: relative;
margin: auto
}
@media only screen and (max-width: 1024px) {
#services.services-page .wrap {
padding-left: 15px;
padding-right: 15px
}
}
@media only screen and (min-width: 1024px) {
#services.services-page .wrap {
padding-left: 80px;
padding-right: 80px
}
}
@media only screen and (min-width: 1025px) {
#services.services-page .item {
width: 295px
}
}
div.scrollingHotSpotLeftVisible, div.scrollingHotSpotRightVisible {
opacity: 0 !important
}
.preloader {
background: #fff;
z-index: 99999;
position: absolute;
height: 100vh;
left: 0;
width: 100%;
top: 0;
overflow: hidden;
-webkit-transition: 1s;
-o-transition: 1s;
transition: 1s
}
.preloader-logo {
position: relative;
-webkit-transform: translate(0, 100px);
-ms-transform: translate(0, 100px);
-o-transform: translate(0, 100px);
transform: translate(0, 100px);
z-index: 9999999;
display: block;
-webkit-transition: 1s;
-o-transition: 1s;
transition: 1s
}
.preloader-logo svg .st0 {
-webkit-transition: 1s;
-o-transition: 1s;
transition: 1s
}
.preloader-logo .spin {
height: 40px;
display: block;
margin: 40px auto 0 !important;
-webkit-animation: 1s spin infinite linear;
-o-animation: 1s spin infinite linear;
animation: 1s spin infinite linear;
position: absolute;
left: 0;
right: 0
}
@-webkit-keyframes spin {
0
{
-webkit-transform: rotate(0)
;
transform: rotate(0)
}
100
%
{
-webkit-transform: rotate(360deg)
;
transform: rotate(360deg)
}
}
@-o-keyframes spin {
0
{
-o-transform: rotate(0)
;
transform: rotate(0)
}
100
%
{
-o-transform: rotate(360deg)
;
transform: rotate(360deg)
}
}
@keyframes spin {
0
{
-webkit-transform: rotate(0)
;
-o-transform: rotate(0)
;
transform: rotate(0)
}
100
%
{
-webkit-transform: rotate(360deg)
;
-o-transform: rotate(360deg)
;
transform: rotate(360deg)
}
}
.centered {
display: table;
width: 100%;
height: 100vh
}
.centered .wrap {
display: table-cell;
vertical-align: middle
}
#fullpage.loaded {
height: 100vh;
overflow: hidden
}
.preloader.loaded {
height: 0
}
.preloader-logo.loaded {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
z-index: 1
}
.preloader-logo.loaded svg .st0 {
fill: #fff
}
@media screen and (max-width: 600px) {
#wpadminbar {
position: fixed !important
}
}
.social-network {
margin-top: 10px;
}
.social-network-item {
display: inline-block;
margin-right: 10px;
}
.social-network-item:last-child {
margin: 0;
}
.social-network-item img {
margin: 0 !important;
width: 25px;
height: 25px;
}