.wp-block-audio figcaption{margin-top:.5em;margin-bottom:1em;color:#555d66;text-align:center;font-size:13px}.wp-block-audio audio{width:100%;min-width:300px}.block-editor-block-list__layout .reusable-block-edit-panel{align-items:center;background:#f8f9f9;color:#555d66;display:flex;flex-wrap:wrap;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;top:-14px;margin:0 -14px;padding:8px 14px;position:relative;border:1px dashed rgba(145,151,162,.25);border-bottom:none}.block-editor-block-list__layout .block-editor-block-list__layout .reusable-block-edit-panel{margin:0 -14px;padding:8px 14px}.block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__spinner{margin:0 5px}.block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__info{margin-right:auto}.block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__label{margin-right:8px;white-space:nowrap;font-weight:600}.block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__title{flex:1 1 100%;font-size:14px;height:30px;margin:4px 0 8px}.block-editor-block-list__layout .reusable-block-edit-panel .components-button.reusable-block-edit-panel__button{flex-shrink:0}@media (min-width:960px){.block-editor-block-list__layout .reusable-block-edit-panel{flex-wrap:nowrap}.block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__title{margin:0}.block-editor-block-list__layout .reusable-block-edit-panel .components-button.reusable-block-edit-panel__button{margin:0 0 0 5px}}.editor-block-list__layout .is-selected .reusable-block-edit-panel{border-color:rgba(66,88,99,.4) rgba(66,88,99,.4) rgba(66,88,99,.4) transparent}.is-dark-theme .editor-block-list__layout .is-selected .reusable-block-edit-panel{border-color:hsla(0,0%,100%,.45) hsla(0,0%,100%,.45) hsla(0,0%,100%,.45) transparent}.block-editor-block-list__layout .reusable-block-indicator{background:#fff;border:1px dashed #e2e4e7;color:#555d66;top:-14px;height:30px;padding:4px;position:absolute;z-index:1;width:30px;right:-14px}.wp-block-button{color:#fff;margin-bottom:1.5em}.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}.is-style-squared .wp-block-button__link{border-radius:0}.is-style-outline{color:#32373c}.is-style-outline .wp-block-button__link{background-color:transparent;border:2px solid}.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:440;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;flex-wrap:wrap}@media (min-width:782px){.wp-block-columns{flex-wrap:nowrap}}.wp-block-column{flex-grow:1;margin-bottom:1em;flex-basis:100%;min-width:0;word-break:break-word;overflow-wrap:break-word}@media (min-width:600px){.wp-block-column{flex-basis:calc(50% - 16px);flex-grow:0}.wp-block-column:nth-child(2n){margin-left:32px}}@media (min-width:782px){.wp-block-column:not(:first-child){margin-left:32px}}.wp-block-cover,.wp-block-cover-image{position:relative;background-color:#000;background-size:cover;background-position:50%;min-height:430px;width:100%;margin:0 0 1.5em;display:flex;justify-content:center;align-items:center;overflow:hidden}.wp-block-cover-image.has-left-content,.wp-block-cover.has-left-content{justify-content:flex-start}.wp-block-cover-image.has-left-content .wp-block-cover-image-text,.wp-block-cover-image.has-left-content .wp-block-cover-text,.wp-block-cover-image.has-left-content h2,.wp-block-cover.has-left-content .wp-block-cover-image-text,.wp-block-cover.has-left-content .wp-block-cover-text,.wp-block-cover.has-left-content h2{margin-left:0;text-align:left}.wp-block-cover-image.has-right-content,.wp-block-cover.has-right-content{justify-content:flex-end}.wp-block-cover-image.has-right-content .wp-block-cover-image-text,.wp-block-cover-image.has-right-content .wp-block-cover-text,.wp-block-cover-image.has-right-content h2,.wp-block-cover.has-right-content .wp-block-cover-image-text,.wp-block-cover.has-right-content .wp-block-cover-text,.wp-block-cover.has-right-content h2{margin-right:0;text-align:right}.wp-block-cover-image .wp-block-cover-image-text,.wp-block-cover-image .wp-block-cover-text,.wp-block-cover-image h2,.wp-block-cover .wp-block-cover-image-text,.wp-block-cover .wp-block-cover-text,.wp-block-cover h2{color:#fff;font-size:2em;line-height:1.25;z-index:1;margin-bottom:0;max-width:610px;padding:14px;text-align:center}.wp-block-cover-image .wp-block-cover-image-text a,.wp-block-cover-image .wp-block-cover-image-text a:active,.wp-block-cover-image .wp-block-cover-image-text a:focus,.wp-block-cover-image .wp-block-cover-image-text a:hover,.wp-block-cover-image .wp-block-cover-text a,.wp-block-cover-image .wp-block-cover-text a:active,.wp-block-cover-image .wp-block-cover-text a:focus,.wp-block-cover-image .wp-block-cover-text a:hover,.wp-block-cover-image h2 a,.wp-block-cover-image h2 a:active,.wp-block-cover-image h2 a:focus,.wp-block-cover-image h2 a:hover,.wp-block-cover .wp-block-cover-image-text a,.wp-block-cover .wp-block-cover-image-text a:active,.wp-block-cover .wp-block-cover-image-text a:focus,.wp-block-cover .wp-block-cover-image-text a:hover,.wp-block-cover .wp-block-cover-text a,.wp-block-cover .wp-block-cover-text a:active,.wp-block-cover .wp-block-cover-text a:focus,.wp-block-cover .wp-block-cover-text a:hover,.wp-block-cover h2 a,.wp-block-cover h2 a:active,.wp-block-cover h2 a:focus,.wp-block-cover h2 a:hover{color:#fff}.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}}.wp-block-cover-image.has-background-dim:before,.wp-block-cover.has-background-dim:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-color:inherit;opacity:.5;z-index:1}.wp-block-cover-image.has-background-dim.has-background-dim-10:before,.wp-block-cover.has-background-dim.has-background-dim-10:before{opacity:.1}.wp-block-cover-image.has-background-dim.has-background-dim-20:before,.wp-block-cover.has-background-dim.has-background-dim-20:before{opacity:.2}.wp-block-cover-image.has-background-dim.has-background-dim-30:before,.wp-block-cover.has-background-dim.has-background-dim-30:before{opacity:.3}.wp-block-cover-image.has-background-dim.has-background-dim-40:before,.wp-block-cover.has-background-dim.has-background-dim-40:before{opacity:.4}.wp-block-cover-image.has-background-dim.has-background-dim-50:before,.wp-block-cover.has-background-dim.has-background-dim-50:before{opacity:.5}.wp-block-cover-image.has-background-dim.has-background-dim-60:before,.wp-block-cover.has-background-dim.has-background-dim-60:before{opacity:.6}.wp-block-cover-image.has-background-dim.has-background-dim-70:before,.wp-block-cover.has-background-dim.has-background-dim-70:before{opacity:.7}.wp-block-cover-image.has-background-dim.has-background-dim-80:before,.wp-block-cover.has-background-dim.has-background-dim-80:before{opacity:.8}.wp-block-cover-image.has-background-dim.has-background-dim-90:before,.wp-block-cover.has-background-dim.has-background-dim-90:before{opacity:.9}.wp-block-cover-image.has-background-dim.has-background-dim-100:before,.wp-block-cover.has-background-dim.has-background-dim-100:before{opacity:1}.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.alignleft,.wp-block-cover.alignright{max-width:305px;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,.wp-block-cover-image h1,.wp-block-cover-image h2,.wp-block-cover-image h3,.wp-block-cover-image h4,.wp-block-cover-image h5,.wp-block-cover-image h6,.wp-block-cover-image p,.wp-block-cover .wp-block-subhead,.wp-block-cover h1,.wp-block-cover h2,.wp-block-cover h3,.wp-block-cover h4,.wp-block-cover h5,.wp-block-cover h6,.wp-block-cover p{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;-o-object-fit:cover;object-fit:cover}.block-editor-block-list__block[data-type="core/embed"][data-align=left] .block-editor-block-list__block-edit,.block-editor-block-list__block[data-type="core/embed"][data-align=right] .block-editor-block-list__block-edit,.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;color:#555d66;text-align:center;font-size:13px}.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-6 .wp-block-embed__wrapper:before{padding-top:66.66%}.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}.wp-block-gallery{display:flex;flex-wrap:wrap;list-style-type:none;padding:0}.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}.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)){.wp-block-gallery .blocks-gallery-image figure,.wp-block-gallery .blocks-gallery-item figure{display:flex;align-items:flex-end;justify-content:flex-start}}.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)){.wp-block-gallery .blocks-gallery-image img,.wp-block-gallery .blocks-gallery-item img{width:auto}}.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)}.wp-block-gallery .blocks-gallery-image figcaption img,.wp-block-gallery .blocks-gallery-item figcaption img{display:inline}.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)){.wp-block-gallery.is-cropped .blocks-gallery-image a,.wp-block-gallery.is-cropped .blocks-gallery-image img,.wp-block-gallery.is-cropped .blocks-gallery-item a,.wp-block-gallery.is-cropped .blocks-gallery-item img{height:100%;flex:1;-o-object-fit:cover;object-fit:cover}}.wp-block-gallery .blocks-gallery-image,.wp-block-gallery .blocks-gallery-item{width:calc((100% - 16px)/2)}.wp-block-gallery .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery .blocks-gallery-item:nth-of-type(2n){margin-right:0}.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){.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){.wp-block-gallery.columns-3 .blocks-gallery-image,.wp-block-gallery.columns-3 .blocks-gallery-item{width:calc((100% - 32px)/3 - 1px)}}.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){.wp-block-gallery.columns-4 .blocks-gallery-image,.wp-block-gallery.columns-4 .blocks-gallery-item{width:calc((100% - 48px)/4 - 1px)}}.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){.wp-block-gallery.columns-5 .blocks-gallery-image,.wp-block-gallery.columns-5 .blocks-gallery-item{width:calc((100% - 64px)/5 - 1px)}}.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){.wp-block-gallery.columns-6 .blocks-gallery-image,.wp-block-gallery.columns-6 .blocks-gallery-item{width:calc((100% - 80px)/6 - 1px)}}.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){.wp-block-gallery.columns-7 .blocks-gallery-image,.wp-block-gallery.columns-7 .blocks-gallery-item{width:calc((100% - 96px)/7 - 1px)}}.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){.wp-block-gallery.columns-8 .blocks-gallery-image,.wp-block-gallery.columns-8 .blocks-gallery-item{width:calc((100% - 112px)/8 - 1px)}}.wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n),.wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n),.wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n),.wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n),.wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n),.wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n),.wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n),.wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n),.wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n),.wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n),.wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n),.wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n),.wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n),.wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n){margin-right:0}}.wp-block-gallery .blocks-gallery-image:last-child,.wp-block-gallery .blocks-gallery-item:last-child{margin-right:0}.wp-block-gallery .blocks-gallery-item.has-add-item-button{width:100%}.wp-block-gallery.alignleft,.wp-block-gallery.alignright{max-width:305px;width:100%}.wp-block-gallery.aligncenter,.wp-block-gallery.alignleft,.wp-block-gallery.alignright{display:flex}.wp-block-gallery.aligncenter .blocks-gallery-item figure{justify-content:center}.wp-block-image{max-width:100%;margin-bottom:1em;margin-left:0;margin-right:0}.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;color:#555d66;text-align:center;font-size:13px}.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.is-grid{display:flex;flex-wrap:wrap;padding:0;list-style:none}.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-media-text{display:grid;grid-template-rows:auto;align-items:center;grid-template-areas:"media-text-media media-text-content";grid-template-columns:50% auto}.wp-block-media-text.has-media-on-the-right{grid-template-areas:"media-text-content media-text-media";grid-template-columns:auto 50%}.wp-block-media-text .wp-block-media-text__media{grid-area:media-text-media;margin:0}.wp-block-media-text .wp-block-media-text__content{word-break:break-word;grid-area:media-text-content;padding:0 8%}.wp-block-media-text>figure>img,.wp-block-media-text>figure>video{max-width:unset;width:100%;vertical-align:middle}@media (max-width:600px){.wp-block-media-text.is-stacked-on-mobile{grid-template-columns:100%!important;grid-template-areas:"media-text-media" "media-text-content"}.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right{grid-template-areas:"media-text-content" "media-text-media"}}.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}.has-drop-cap:not(:focus):after{content:"";display:table;clear:both;padding-top:14px}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:305px}.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{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}.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;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:#191e23;font-size:20px;letter-spacing:2em;padding-left:2em;font-family:serif}p.wp-block-subhead{font-size:1.1em;font-style:italic;opacity:.75}.wp-block-table.has-fixed-layout{table-layout:fixed;width:100%}.wp-block-table.aligncenter,.wp-block-table.alignleft,.wp-block-table.alignright{display:table;width:auto}.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.has-subtle-light-gray-background-color tr:nth-child(odd),.wp-block-table.is-style-stripes tr:nth-child(odd){background-color:#f3f4f5}.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tr:nth-child(odd){background-color:#e9fbe5}.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tr:nth-child(odd){background-color:#e7f5fe}.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tr:nth-child(odd){background-color:#fcf0ef}.wp-block-table.is-style-stripes td{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%}pre.wp-block-verse{white-space:nowrap;overflow:auto}.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]{-o-object-fit:cover;object-fit:cover}}.wp-block-video.aligncenter{text-align:center}.wp-block-video figcaption{margin-top:.5em;margin-bottom:1em;color:#555d66;text-align:center;font-size:13px}.has-pale-pink-background-color.has-pale-pink-background-color{background-color:#f78da7}.has-vivid-red-background-color.has-vivid-red-background-color{background-color:#cf2e2e}.has-luminous-vivid-orange-background-color.has-luminous-vivid-orange-background-color{background-color:#ff6900}.has-luminous-vivid-amber-background-color.has-luminous-vivid-amber-background-color{background-color:#fcb900}.has-light-green-cyan-background-color.has-light-green-cyan-background-color{background-color:#7bdcb5}.has-vivid-green-cyan-background-color.has-vivid-green-cyan-background-color{background-color:#00d084}.has-pale-cyan-blue-background-color.has-pale-cyan-blue-background-color{background-color:#8ed1fc}.has-vivid-cyan-blue-background-color.has-vivid-cyan-blue-background-color{background-color:#0693e3}.has-very-light-gray-background-color.has-very-light-gray-background-color{background-color:#eee}.has-cyan-bluish-gray-background-color.has-cyan-bluish-gray-background-color{background-color:#abb8c3}.has-very-dark-gray-background-color.has-very-dark-gray-background-color{background-color:#313131}.has-pale-pink-color.has-pale-pink-color{color:#f78da7}.has-vivid-red-color.has-vivid-red-color{color:#cf2e2e}.has-luminous-vivid-orange-color.has-luminous-vivid-orange-color{color:#ff6900}.has-luminous-vivid-amber-color.has-luminous-vivid-amber-color{color:#fcb900}.has-light-green-cyan-color.has-light-green-cyan-color{color:#7bdcb5}.has-vivid-green-cyan-color.has-vivid-green-cyan-color{color:#00d084}.has-pale-cyan-blue-color.has-pale-cyan-blue-color{color:#8ed1fc}.has-vivid-cyan-blue-color.has-vivid-cyan-blue-color{color:#0693e3}.has-very-light-gray-color.has-very-light-gray-color{color:#eee}.has-cyan-bluish-gray-color.has-cyan-bluish-gray-color{color:#abb8c3}.has-very-dark-gray-color.has-very-dark-gray-color{color:#313131}.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} /*------------------------style crush css--------------------*/ @charset "UTF-8"; /* Theme Name: Showcase Theme URI: http://showcase.bold-themes.com Description: Responsive theme. Version: 1.0.9 Author: BoldThemes Author URI: http://bold-themes.com Tags: one-column, right-sidebar, fluid-layout, responsive-layout, custom-menu, featured-images, sticky-post, theme-options, threaded-comments, translation-ready Text Domain: showcase License: GNU General Public License version 3.0 & Envato Regular/Extended License License URI: http://www.gnu.org/licenses/gpl-3.0.html & http://themeforest.net/licenses All PHP code is released under the GNU General Public Licence version 3.0 All HTML/CSS/JAVASCRIPT code is released under Envato's Regular/Extended License [Table of contents] 1. Base 2. Typography 3. Bootstrap grid 4. Bold themes grid 5. Template 6. Header 7. Footer 8. Post 9. Elements 10. Animations 11. Woocommerce 12. Cost calculator 13. Screens 14. Woocommerce screens */ /* FontAwesome */ @font-face { font-family: 'FontAwesome'; src: url(fonts/fontawesome-webfont.eot?v=4.3.0); src: url(fonts/fontawesome-webfont.eot?#iefix&v=4.3.0) format('embedded-opentype'),url(fonts/fontawesome-webfont.woff2?v=4.3.0) format('woff2'),url(fonts/fontawesome-webfont.woff?v=4.3.0) format('woff'),url(fonts/fontawesome-webfont.ttf?v=4.3.0) format('truetype'),url(fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular) format('svg'); font-weight: normal; font-style: normal; } /* 7-stroke (http://themes-pixeden.com/font-demos/7-stroke/index.html) */ @font-face { font-family: 'Icon7Stroke'; src: url(fonts/Pe-icon-7-stroke.eot?d7yf1v); src: url(fonts/Pe-icon-7-stroke.eot?#iefixd7yf1v) format('embedded-opentype'),url(fonts/Pe-icon-7-stroke.woff?d7yf1v) format('woff'),url(fonts/Pe-icon-7-stroke.ttf?d7yf1v) format('truetype'),url(fonts/Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke) format('svg'); font-weight: normal; font-style: normal; } /* Weather icons */ @font-face { font-family: 'WeatherIcons'; src: url(fonts/weathericons-regular-webfont.eot); src: url(fonts/weathericons-regular-webfont.eot?#iefix) format('embedded-opentype'),url(fonts/weathericons-regular-webfont.woff2) format('woff2'),url(fonts/weathericons-regular-webfont.woff) format('woff'),url(fonts/weathericons-regular-webfont.ttf) format('truetype'),url(fonts/weathericons-regular-webfont.svg#weather_iconsregular) format('svg'); font-weight: normal; font-style: normal; } /* Variables */ // Base gutter width // Headline fond // Headline supertitle font // Headline subtitle font // Headline fond // Base font // Base font // Base font size // Base font color // Base headline color // Base bg color // Base border color // Sub bg color // Base font color // Base headline color // Base bg color // Base border color // Sub bg color // Main color // Darker main color // Darker main color // Main color // Sidebar width (%) // Padding between sidebar and sontent // Left and right page padding for boxed content // Top and bottom padding between content elements (base value) // RowItem padding // Default spacing in grid gallery // Defines logo height and menu line height // Top and bottom padding of the whole horizontal menu (px) // Padding between horizontal menu elements (px) // Width of the vertical menu (px) // Top bar height (px) // dropdown width (px) // Base font size // Small icon size // Small icon size // Small icon size // Small icon size // Small icon size/* Aliases */ /* Reset */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, audio, canvas, video { display: block; } audio, canvas, video { display: inline-block; } *:focus, * { outline: none; outline: 0; } .touch * { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-focus-ring-color: rgba(0,0,0,0); } button::-moz-focus-inner { border: 0; } audio:not([controls]) { display: none; height: 0; } html, body { margin: 0; padding: 0; } *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; background-repeat: no-repeat; /* text-align: left; */ /* height: 13px; */ font-size: -3px; } /* FloatClears */ .btClear:after, .mainHeader:after, .menuHolder .port:after, .topBarPort:after, .boldSiteFooter:before, .boldSiteFooter:after, .boldSiteFooter .port:after, .contentWrap:after, .contentHolder:after, .btBox:after, .boldSection .port:after, .header:after, .boldRow:after, .socialRow:before, .socialRow:after, .servicesItem .sIcon:after, .boldSection:before, .boldSection:after, .psCats:after, .psWrap:after, .btTabs:after, .tabsHeader:after, .neighboringArticles:after, .articleListItem footer:after, .btPagination:after, .boldArticleBody blockquote:after, .tilesWall.classic .bgiTxt:after, .btQuoteItem:after, .boldArticleHeader .socialRow:before, .tagcloud:after, .btInstaGrid:after { content: " "; display: table; width: 100%; clear: both; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px,1px,1px,1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.6); box-shadow: 0 0 2px 2px rgba(0,0,0,.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: .875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } /* Form elements */ /*input { -webkit-appearance: none; }*/ input:not([type='checkbox']):not([type='radio']), textarea, select { outline: none; font: inherit; width: 100%; background: transparent; line-height: 1; } input:not([type='checkbox']):not([type='radio']), select { padding: 10px; background: #fff; line-height: inherit; width: 100%; /* display: block; */ } input:not([type='checkbox']):not([type='radio']):not([type='submit']):focus, textarea:not([type='checkbox']):not([type='radio']):focus { -webkit-box-shadow: 0 0 4px 0 #f47a00; box-shadow: 0 0 4px 0 #f47a00; border: 1px solid #333; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease; } textarea { padding: 10px; resize: vertical; } button { font: inherit; } /* Texts */ figure, img, select, embed, iframe { max-width: 100%; height: auto; } pre code { display: block; } pre { overflow: hidden; } /* Href */ a { text-decoration: none; -webkit-transition: color 300ms ease; -moz-transition: color 300ms ease; transition: color 300ms ease; color: #f9f7f6; } a:hover { text-decoration: none; } .btLightSkin a:hover, .btDarkSkin .btLightSkin a:hover { color: #333; } .btDarkSkin a:hover, .btLightSkin .btDarkSkin a:hover { color: #fff; } a img { border: none; } a, a:active, a:focus { outline: none; } /* Base typography */ p, dl, address, cite { margin: 0 0 20px; } ul, ol, li { margin: 0 0 20px 5px; padding: 0 0 0 5px; } li, ul ul, ol ol { margin-bottom: 0; } dt { font-weight: 600; display: inline; padding-right: 10px; } dd { display: inline; } dd p { display: inline; } dd:after { content: ' '; display: table; clear: both; } figcaption { font-size: 14px; } /*select, input { font-family: Raleway; }*/ /*html { font-size: 62.5%; }*/ /* Base font */ html, body { min-height: 100vh; } html { overflow-x: hidden; } body { font-family: "Raleway",Arial,sans-serif; } body { font-size: 16px; font-weight: 400; line-height: 1.8; background-size: cover; background-attachment: fixed; } .small, small { font-size: 14px; } /* Headings */ h1, h2, h3, h4, h5, h6 { /* font-family: "Roboto"; */ } h1, h2, h3, h4, h5, h6 { clear: both; margin: 0 0 20px; line-height: 1.5; padding: 0; letter-spacing: -1px; } h1, h2, h3 { font-weight: 700; } h1 { font-size: 64px; line-height: 74px; } h2 { font-size: 40px; line-height: 50px; } h3 { font-size: 30px; line-height: 40px; } h4, h5, h6 { font-size: 24px; letter-spacing: -1px; font-weight: 700; line-height: 34px; } .btDarkSkin h4, .btDarkSkin h5, .btDarkSkin h6, .btLightSkin .btDarkSkin h4, .btLightSkin .btDarkSkin h5, .btLightSkin .btDarkSkin h6 { font-weight: 500; } h5 { font-size: 21px; line-height: 31px; } h6 { font-size: 18px; line-height: 28px; } /* Tables */ .btContentHolder table { width: 100%; margin: 0 0 1em; border-collapse: collapse; text-align: left; border: 1px solid rgba(0,0,0,.07); } .btContentHolder table td, .btContentHolder table th { padding: 1em; border: 1px solid rgba(0,0,0,.07); } .btContentHolder table thead th { font-weight: 700; background-color: #f47a00; color: white; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-ms-1, .col-ms-2, .col-ms-3, .col-ms-4, .col-ms-5, .col-ms-6, .col-ms-7, .col-ms-8, .col-ms-9, .col-ms-10, .col-ms-11, .col-ms-12 { position: relative; } @media (min-width: 768px) { .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-ms-1, .col-ms-2, .col-ms-3, .col-ms-4, .col-ms-5, .col-ms-6, .col-ms-7, .col-ms-8, .col-ms-9, .col-ms-10, .col-ms-11, .col-ms-12 { min-height: 1px; } } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } @media (min-width: 480px) { .col-ms-1, .col-ms-2, .col-ms-3, .col-ms-4, .col-ms-5, .col-ms-6, .col-ms-7, .col-ms-8, .col-ms-9, .col-ms-10, .col-ms-11, .col-ms-12 { float: left; } .col-ms-12 { width: 100%; } .col-ms-11 { width: 91.66666667%; } .col-ms-10 { width: 83.33333333%; } .col-ms-9 { width: 75%; } .col-ms-8 { width: 66.66666667%; } .col-ms-7 { width: 58.33333333%; } .col-ms-6 { width: 50%; } .col-ms-5 { width: 41.66666667%; } .col-ms-4 { width: 33.33333333%; } .col-ms-3 { width: 25%; } .col-ms-2 { width: 16.66666667%; } .col-ms-1 { width: 8.33333333%; } } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } } .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after { content: " "; display: table; } .clearfix:after, .container:after, .container-fluid:after, .row:after { clear: both; } .visible-xs, .visible-ms, .visible-sm, .visible-md, .visible-lg { display: none !important; } @media (max-width: 480px) { .visible-xs { display: block !important; } } @media (min-width: 480px) and (max-width:767px) { .visible-ms { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } } @media (max-width: 480px) { .hidden-xs { display: none !important; } } @media (min-width: 480px) and (max-width: 767px) { .hidden-ms { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } /* Grid elements base */ .gutter .port { max-width: 1340px; margin: auto; } /* Divider */ .btDivider { border-bottom: 1px solid rgba(0,0,0,.2); } /* Row and column */ .boldRow { display: block; margin: 0 -20px; } .btScrollInfoRow { position: absolute; bottom: 40px; width: 100%; } .btScrollInfoRow .sIcon { margin-bottom: 5px !important; } .rowItem { padding: 0 20px; } .rowItemContent { position: relative; width: 100%; } .btDoubleRowPadding .boldRow { display: block; margin: 0 -40px; } .btDoubleRowPadding .rowItem { padding: 0 40px; } /* Vertical align should be removed om small screens. Otherwise it won't break into the new row */ @media (min-width: 768px) { .boldRowInner.btTableRow { display: -ms-flexbox; display: -webkit-flex; display: flex; table-layout: fixed; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .boldRowInner.btTableRow > .rowItem { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .boldRowInner.btTableRow > .rowItem.btMiddleVertical > .rowItemContent { width: 100%; } .boldRowInner.btTableRow > .rowItem.btBottomVertical { -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .boldRowInner.btTableRow > .rowItem.btBottomVertical > .rowItemContent { width: 100%; } /* Cell border, removed on c */ .rowItem.btLeftBorder { border-left: 1px solid rgba(0,0,0,.2); } .rowItem.btLeftBorder { border-left: 1px solid rgba(0,0,0,.2); } .rowItem.btRightBorder { border-right: 1px solid rgba(0,0,0,.2); } .btDarkSkin .rowItem.btRightBorder, .btLightSkin .btDarkSkin .rowItem.btRightBorder { border-right: 1px solid rgba(255,255,255,.1); } .btDarkSkin .rowItem.btLeftBorder, .btLightSkin .btDarkSkin .rowItem.btLeftBorder { border-left: 1px solid rgba(255,255,255,.1); } } /* Grid elements spacing */ .topExtraSmallSpaced { padding-top: 5px; } .topSmallSpaced { padding-top: 20px; } .topSemiSpaced { padding-top: 40px; } .topSpaced { padding-top: 80px; } .topLargeSpaced { padding-top: 120px; } .topExtraSpaced { padding-top: 160px; } .bottomExtraSmallSpaced { padding-bottom: 5px; } .bottomSmallSpaced { padding-bottom: 20px; } .bottomSemiSpaced { padding-bottom: 40px; } .bottomSpaced { padding-bottom: 80px; } .bottomLargeSpaced { padding-bottom: 120px; } .bottomExtraSpaced { padding-bottom: 160px; } /* Horizontal padding */ .rowItem.btDoublePadding > .rowItemContent { padding: 0 40px; } .btTableRow > .rowItem.btDoublePadding > .rowItemContent { padding: 0 80px; } .rowItem.btNoPadding { padding: 0; } .rowItem.btNoPadding { padding: 0; } /* Text indent */ .btTextIndent .rowItemContent { padding: 0 40px; } .btTextIndent .rowItemContent .btImage, .btTextIndent .rowItemContent .bpgPhoto { margin: 0 -40px; } /* Highlighted section */ .btHighlight > .rowItemContent { border: 3px solid #f47a00; } /* Helpers */ .boldRow:after, .btClear:after { content: " "; display: table; width: 100%; clear: both; } .btClear { clear: both; } .btTextLeft { text-align: left; } .btTextRight { text-align: right; } .btTextCenter { text-align: center; } .fullScreenHeight { height: 100vh; } .fullScreenHeight .port { height: 100%; width: 100%; display: table; table-layout: fixed; } .fullScreenHeight .boldCell { height: 100%; width: 100%; display: table-cell; } .fullScreenHeight .boldCellInner { display: block; } /*.fullScreenHeight > div > .boldCell > .boldCellInner > .boldRow:only-child > .boldRowInner > .rowItem { height: 100vh; }*/ .btMiddleVertical .boldCell { vertical-align: middle; } .btBottomVertical .boldCell { vertical-align: bottom; } .btGhost { position: fixed; left: 0; top: 0; right: 0; bottom: 0; -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; transition: all 500ms ease-out; } .btGhost.btRemoveGhost { -webkit-transform: translateY(-100%) scale(.7); -moz-transform: translateY(-100%) scale(.7); -ms-transform: translateY(-100%) scale(.7); transform: translateY(-100%) scale(.7); opacity: 0; } .wBackground { background-color: transparent; background-position: center; background-repeat: no-repeat; background-attachment: scroll; } .wBackground.cover { background-size: cover; } .wBackground.contain { background-size: contain; } .boldSection.video { position: relative; overflow: hidden; } .boldSection.video video { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); opacity: 0; -webkit-transition: opacity 1000ms; -moz-transition: opacity 1000ms; transition: opacity 1000ms; } .boldSection.video.video_on video { opacity: 1; } /* Accent color background helper class */ .btAccentColorBackground { background-color: #f47a00 !important; } .btLightSkin .btDefaultColorBackground, .btDarkSkin .btLightSkin .btDefaultColorBackground { background-color: rgba(0,0,0,.07) !important; } .btDarkSkin .btDefaultColorBackground, .btLightSkin .btDarkSkin .btDefaultColorBackground { background-color: rgba(255,255,255,.02) !important; } .boldSection.btBackgroundOverlay:before { content: ' '; display: block; position: absolute; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; background-color: transparent; background-position: center; background-repeat: repeat; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .boldSection.btBackgroundOverlay:not(.btSectionTransitions) { position: relative; } .boldSection.btBackgroundOverlay .port { position: relative; z-index: 2; } .boldSection.btStripedDark:before { background-image: url(gfx/diagonalstripe-black.png); opacity: .7; } .boldSection.btStripedLight:before { background-image: url(http://dit.dituniversity.co.in/wp-content/themes/showcase/gfx/diagonalstripe.png); opacity: .2; } .boldSection.btSolidDarkBackground:before { background-color: #181A1E; opacity: .4; } .boldSection.btSolidLightBackground:before { background-color: #fff; opacity: .3; } /* Animated elements */ .btParallax, .boldthemes_parallax { -webkit-transition-property: background-position; -moz-transition-property: background-position; transition-property: background-position; -webkit-transition-duration: 0ms; -moz-transition-duration: 0ms; transition-duration: 0ms; -webkit-transition-delay: 0ms; -moz-transition-delay: 0ms; transition-delay: 0ms; background-attachment: fixed; } .animate { -webkit-transition: all 1000ms cubic-bezier(.190,1,.220,1) 200ms; -moz-transition: all 1000ms cubic-bezier(.190,1,.220,1) 200ms; transition: all 1000ms cubic-bezier(.190,1,.220,1) 200ms; } .animate-fadein { opacity: 0; -webkit-transform: scale(.98); -moz-transform: scale(.98); -ms-transform: scale(.98); transform: scale(.98); } .touch .animate-fadein { opacity: 1; } .animate-moveleft { -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); } .animate-moveright { -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px); } .animate-moveup { -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); } .animate-movedown { -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); } .animated { opacity: 1; -webkit-transform: translateY(0) scale(1); -moz-transform: translateY(0) scale(1); -ms-transform: translateY(0) scale(1); transform: translateY(0) scale(1); -webkit-transition: all 1s cubic-bezier(.190,1,.220,1) 200ms; -moz-transition: all 1s cubic-bezier(.190,1,.220,1) 200ms; transition: all 1s cubic-bezier(.190,1,.220,1) 200ms; } body:not(.btHalfPage) .rowItem.animate:nth-child(0) { -webkit-transition-delay: 0ms; -moz-transition-delay: 0ms; transition-delay: 0ms; } body:not(.btHalfPage) .rowItem.animate:nth-child(1) { -webkit-transition-delay: 200ms; -moz-transition-delay: 200ms; transition-delay: 200ms; } body:not(.btHalfPage) .rowItem.animate:nth-child(2) { -webkit-transition-delay: 400ms; -moz-transition-delay: 400ms; transition-delay: 400ms; } body:not(.btHalfPage) .rowItem.animate:nth-child(3) { -webkit-transition-delay: 600ms; -moz-transition-delay: 600ms; transition-delay: 600ms; } body:not(.btHalfPage) .rowItem.animate:nth-child(4) { -webkit-transition-delay: 800ms; -moz-transition-delay: 800ms; transition-delay: 800ms; } body:not(.btHalfPage) .rowItem.animate:nth-child(5) { -webkit-transition-delay: 1000ms; -moz-transition-delay: 1000ms; transition-delay: 1000ms; } body:not(.btHalfPage) .rowItem.animate:nth-child(6) { -webkit-transition-delay: 1200ms; -moz-transition-delay: 1200ms; transition-delay: 1200ms; } body:not(.btHalfPage) .rowItem.animate:nth-child(7) { -webkit-transition-delay: 1400ms; -moz-transition-delay: 1400ms; transition-delay: 1400ms; } body:not(.btHalfPage) .rowItem.animate:nth-child(8) { -webkit-transition-delay: 1600ms; -moz-transition-delay: 1600ms; transition-delay: 1600ms; } body:not(.btHalfPage) .rowItem.animate:nth-child(9) { -webkit-transition-delay: 1800ms; -moz-transition-delay: 1800ms; transition-delay: 1800ms; } body:not(.btHalfPage) .rowItem.animate:nth-child(10) { -webkit-transition-delay: 2000ms; -moz-transition-delay: 2000ms; transition-delay: 2000ms; } body:not(.btHalfPage) .rowItem.animate:nth-child(11) { -webkit-transition-delay: 2200ms; -moz-transition-delay: 2200ms; transition-delay: 2200ms; } /* Skin */ .btDarkSkin, .btLightSkin .btDarkSkin { color: #fff; background-color: #181A1E; /* background: url(http://dit.dituniversity.co.in/wp-content/uploads/2020/07/Landing-Page-Counseling-11072020-3.jpg) no-repeat; */ /* background-size: cover; */ /* height: 680px; */ } .btLightSkin, .btDarkSkin .btLightSkin { color: #333; background-color: #fff; } .btLightSkin h1, .btLightSkin h2, .btLightSkin h3, .btLightSkin h4, .btLightSkin h5, .btLightSkin h6, .btDarkSkin .btLightSkin h1, .btDarkSkin .btLightSkin h2, .btDarkSkin .btLightSkin h3, .btDarkSkin .btLightSkin h4, .btDarkSkin .btLightSkin h5, .btDarkSkin .btLightSkin h6 { color: #222; } .btDarkSkin h1, .btDarkSkin h2, .btDarkSkin h3, .btDarkSkin h4, .btDarkSkin h5, .btDarkSkin h6, .btLightSkin .btDarkSkin h1, .btLightSkin .btDarkSkin h2, .btLightSkin .btDarkSkin h3, .btLightSkin .btDarkSkin h4, .btLightSkin .btDarkSkin h5, .btLightSkin .btDarkSkin h6 { color: #fff; } .btLightSkin select, .btLightSkin textarea, .btLightSkin input, .btLightSkin .fancy-select .trigger, .btDarkSkin .btLightSkin select, .btDarkSkin .btLightSkin textarea, .btDarkSkin .btLightSkin input, .btDarkSkin .btLightSkin .fancy-select .trigger { border: 1px solid rgba(0,0,0,.2); color: #333; } .btDarkSkin select, .btDarkSkin textarea, .btDarkSkin input, .btDarkSkin .fancy-select .trigger, .btLightSkin .btDarkSkin select, .btLightSkin .btDarkSkin textarea, .btLightSkin .btDarkSkin input, .btLightSkin .btDarkSkin .fancy-select .trigger { border: 1px solid rgba(255,255,255,.1); /* color: #fff; */ } /* Regular link */ .btLightSkin .btText a, .btDarkSkin .btLightSkin .btText a, .btDarkSkin .btText a, .btLightSkin .btDarkSkin .btText a { color: #f47a00; } .btLightSkin .btText a:hover, .btDarkSkin .btLightSkin .btText a:hover, .btDarkSkin .btText a:hover, .btLightSkin .btDarkSkin .btText a:hover { text-decoration: underline; } /* Template base */ .btPageWrap { position: relative; overflow: hidden; -webkit-transition: transform 1s cubic-bezier(.230,1,.320,1); -moz-transition: transform 1s cubic-bezier(.230,1,.320,1); transition: transform 1s cubic-bezier(.230,1,.320,1); } /* Z indexes */ .mainHeader { z-index: 1001; } .btGhost { z-index: 1002; } .btPreloader { z-index: 10000; } /* Content holder and sidebars*/ .btNoSidebar .btContentHolder, .btNoSidebar .btContent { width: auto; padding: 0; } .btWithSidebar .btContentHolder { max-width: 1340px; margin: auto; } .btContent { width: 70%; } .btSidebar { width: 30%; padding-bottom: 20px; } .btSidebarLeft .btSidebar { float: left; padding-right: 40px; } .btSidebarRight .btSidebar { float: right; padding-left: 40px; } .btSidebarRight .btContent { float: left; } .btSidebarLeft .btContent { float: right; } /* Preloader */ .btPreloader { position: fixed; top: 0; left: 0; background-color: inherit; width: 100%; vertical-align: middle; text-align: center; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; -webkit-transition: all .3s ease,opacity .3s ease; -moz-transition: all .3s ease,opacity .3s ease; transition: all .3s ease,opacity .3s ease; z-index: 999999; } .btPreloader .animation { position: absolute; display: block; width: 100%; -webkit-transform: translateY(100px) scale(1); -moz-transform: translateY(100px) scale(1); -ms-transform: translateY(100px) scale(1); transform: translateY(100px) scale(1); -webkit-transition: transform .3s ease,opacity .3s ease; -moz-transition: transform .3s ease,opacity .3s ease; transition: transform .3s ease,opacity .3s ease; } .btPreloader.removePreloader { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; -webkit-transition: transform .2s ease 1s,opacity .5s ease .5s; -moz-transition: transform .2s ease 1s,opacity .5s ease .5s; transition: transform .2s ease 1s,opacity .5s ease .5s; } .btPreloader.removePreloader .animation { -webkit-transform: translateY(36px) scale(1); -moz-transform: translateY(36px) scale(1); -ms-transform: translateY(36px) scale(1); transform: translateY(36px) scale(1); opacity: 0; -webkit-transition: transform .5s ease,opacity .5s ease .5s; -moz-transition: transform .5s ease,opacity .5s ease .5s; transition: transform .5s ease,opacity .5s ease .5s; } .btPreloader .animation .preloaderLogo { height: 50px; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; width: auto; } .btMenuVerticalRightEnabled .btPreloader .animation .preloaderLogo, .btMenuVerticalLeftEnabled .btPreloader .animation .preloaderLogo { height: 100px; } /* Loader */ .btLoader { margin: 30px auto 30px auto; font-size: 6px; position: relative; text-indent: -9999em; border-top: 5px solid rgba(128,128,128,.3); border-left: 5px solid rgba(128,128,128,.1); border-right: 5px solid rgba(128,128,128,.1); border-bottom: 5px solid rgba(128,128,128,.1); -webkit-animation: btLoader 1.1s infinite linear; -moz-animation: btLoader 1.1s infinite linear; animation: btLoader 1.1s infinite linear; } .btLoader, .btLoader:after { border-radius: 50%; width: 64px; height: 64px; } @-webkit-keyframes btLoader { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -ms-transform: rotate(359deg); transform: rotate(359deg); } } @-webkit-keyframes btLoader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @-moz-keyframes btLoader { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes btLoader { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -ms-transform: rotate(359deg); transform: rotate(359deg); } } /* Bradcrumbs */ .btBreadCrumbs ul { margin-left: 0; padding-left: 0; } .btBreadCrumbs li { display: inline-block; margin-left: 0; padding-left: 0; padding-right: 5px; } .btBreadCrumbs li:after { content: " / "; } /* Page headline */ .btPageHeadline { margin-bottom: 40px; } /* Grid lines */ .grid-lines { display: none; width: 100%; height: 100%; position: fixed; top: 0; z-index: 999; pointer-events: none; } .grid-lines .container { max-width: 1360px; height: 100%; margin: auto; } .grid-lines .container .row { height: 100%; margin-left: -20px; margin-right: -20px; } .grid-lines .container .row .col:last-child { border-right: 1px solid rgba(0,0,0,.1); } .grid-lines .container .row .col { height: 100%; border-left: 1px solid rgba(0,0,0,.1); } /* Header */ .mainHeader { width: 100%; position: absolute; background-color: inherit; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .mainHeader:not(.gutter) .port { padding: 0 30px; } .btPageTransitions .mainHeader { z-index: 1020; } .mainHeader.btDarkSkin, .btLightSkin .mainHeader.btDarkSkin { background-color: #181A1E; } .mainHeader.btLightSkin, .btDarkSkin .mainHeader.btLightSkin { background-color: #fff; } .btMenuGutter .mainHeader .port, .btMenuGutter .mainHeader .topBarPort { max-width: 1340px; margin: auto; padding: 0; } /* Below menu */ .btBelowMenu:not(.btStickyHeaderActive) .mainHeader { background-color: transparent; } /* Main menu */ .btLogoArea { position: relative; padding: 20px 0 10px; } .menuPort { font-family: "Raleway"; visibility: hidden; font-size: 18px; } .menuPort nav ul { list-style: none; display: block; margin: 0; padding: 0; -webkit-transition: all 360ms ease 0s; -moz-transition: all 360ms ease 0s; transition: all 360ms ease 0s; } .menuPort nav ul li { display: block; margin: 0; padding: 0; position: relative; } .menuPort nav ul li a { display: block; position: relative; padding: 10px 20px; font-weight: 700; } .menuPort nav ul li a:hover { color: #f47a00 !important; text-decoration: none; } .menuPort nav ul ul li { opacity: .97; } .menuPort nav ul ul li.on { opacity: 1; } .menuPort nav > ul > li > a { line-height: 50px; padding: 0; } .menuPort nav ul ul li a { font-size: 16px; font-weight: 400; } /* Logo and triggers */ .btTextLogo { font-family: "Roboto"; font-size: 36px; font-weight: 800; line-height: 50px; letter-spacing: -1px; } .btLogoArea .logo { line-height: 0; float: left; } .btLogoArea .logo img { height: 50px; width: auto; display: block; } .btLogoArea .logo img.btAltLogo { display: none; } .btHorizontalMenuTrigger { display: none; float: right; line-height: 50px; margin: 0 -8px 0 1em; } /* Only horizontal menu */ .btMenuHorizontal .menuPort nav > ul > li.current-menu-ancestor > a, .btMenuHorizontal .menuPort nav > ul > li.current-menu-item > a { border-bottom: 2px solid #f47a00; } .btMenuHorizontal .menuPort nav > ul > li > ul li.current-menu-ancestor > a, .btMenuHorizontal .menuPort nav > ul > li > ul li.current-menu-item > a { color: #f47a00 !important; } .btMenuHorizontal .menuPort nav .sub-menu .sub-menu { margin: 1px 0 0; } .btMenuHorizontal .menuPort nav .sub-menu li:first-child .sub-menu { margin: -1px 0 0; } /* Skins */ .btDarkSkin .menuPort ul li a, .btLightSkin .btDarkSkin .menuPort ul li a { color: #fff; } .btDarkSkin .menuPort ul ul li a, .btLightSkin .btDarkSkin .menuPort ul ul li a { color: #fff; border-top: 1px solid rgba(255,255,255,.1); } .btDarkSkin .menuPort ul ul li:first-child a, .btLightSkin .btDarkSkin .menuPort ul ul li:first-child a { border-top: none; } .btDarkSkin .menuPort ul ul li:first-child ul li a, .btLightSkin .btDarkSkin .menuPort ul ul li:first-child ul li a { border-top: 1px solid rgba(255,255,255,.1); } .btDarkSkin .menuPort ul ul li, .btLightSkin .btDarkSkin .menuPort ul ul li { background-color: #181A1E; } .btLightSkin .menuPort ul li a, .btDarkSkin .btLightSkin .menuPort ul li a { color: #333; } .btLightSkin .menuPort ul ul li a, .btDarkSkin .btLightSkin .menuPort ul ul li a { color: #333; border-top: 1px solid rgba(0,0,0,.2); } .btLightSkin .menuPort ul ul li:first-child a, .btDarkSkin .btLightSkin .menuPort ul ul li:first-child a { border-top: none; } .btLightSkin .menuPort ul ul li:first-child ul li a, .btDarkSkin .btLightSkin .menuPort ul ul li:first-child ul li a { border-top: 1px solid rgba(0,0,0,.2); } .btLightSkin .menuPort ul ul li, .btDarkSkin .btLightSkin .menuPort ul ul li { background-color: #fff; } .btDarkSkin .topBarInMenu:after, .btDarkSkin .topBar:before, .btLightSkin .btDarkSkin .topBarInMenu:after, .btLightSkin .btDarkSkin .topBar:before { background-color: rgba(255,255,255,.1); } /* Subtogglers */ .subToggler { display: none; cursor: pointer; z-index: 5; position: absolute; right: -18px; top: 0; width: 45px; line-height: 50px; z-index: 80; padding: 0; text-align: center; } .on > .subToggler { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); transform: rotateX(180deg); } .btLogoArea .menuPort ul ul .subToggler { right: 0; } body.btMenuVertical .subToggler { display: block !important; top: 5px; } body.btMenuHorizontal .menuPort nav ul ul .subToggler { right: -8px; } .subToggler:before { content: '\f107'; font: normal 16px/1 FontAwesome; color: #f47a00; } .touch .menuPort nav ul li a { padding-right: 15px; } .touch .menuPort nav ul li ul li a { padding-right: 35px; } .touch .menuPort nav ul li .subToggler { display: block; } /* Horizontal menu, no need for override on responsive */ body.btMenuHorizontal .menuPort > nav > ul > li { margin: 0 70px 0 0; } body.btMenuHorizontal .menuPort ul > li > ul { opacity: 0; } body.btMenuHorizontal .menuPort ul ul { position: absolute; width: 220px; right: 0; top: auto; margin: 2px 0 0; pointer-events: none; } body.btMenuHorizontal .menuPort ul ul li { z-index: 4; float: none; } body.btMenuHorizontal .menuPort ul ul li:first-child ul li:first-child a { margin-top: 0; } body.btMenuHorizontal .menuPort ul ul ul { display: block; top: 0; margin: 0; pointer-events: none; } body.btMenuHorizontal .menuPort ul ul:before { content: ' '; display: block; position: absolute; left: 0; top: -2px; right: 0; height: 2px; z-index: 5; background-color: #f47a00; } body.btMenuHorizontal .menuPort ul ul ul:before { top: -1px; } body.btMenuHorizontal .menuPort ul li.current-menu-item ul, body.btMenuHorizontal .menuPort ul li.current-menu-ancestor ul { margin: 0; } body.btMenuHorizontal .menuPort ul li { float: left; position: relative; z-index: 5; } body.btMenuHorizontal .menuPort ul > li.on > ul { opacity: 1; pointer-events: auto; } body.btMenuHorizontal .menuPort ul > li.on > ul > li.on > ul { opacity: 1; pointer-events: auto; } body.btMenuHorizontal .menuPort > nav:not(.leftNav) > ul > li:last-child { margin: 0; } /* Menu positions */ .btMenuHorizontal.btMenuRight .menuPort nav { float: right; } .btMenuHorizontal.btMenuRight .menuPort ul ul { text-align: right; right: 0; left: auto; } .btMenuHorizontal.btMenuRight .menuPort ul ul ul { left: -220px; right: auto; } .btMenuHorizontal.btMenuLeft .menuPort ul ul { right: auto; left: 0; } .btMenuHorizontal.btMenuLeft .menuPort ul ul ul { left: 220px; right: auto; } .btMenuHorizontal.btMenuLeft .menuPort nav { float: left; padding-left: 50px; } .btMenuHorizontal.btMenuCenter .logo { position: relative; z-index: 8; float: left; margin: 0 0 0 50%; } .btMenuHorizontal.btMenuCenter .menuPort nav { float: none; } .btMenuHorizontal.btMenuCenter .menuPort .leftNav { position: absolute; right: 50%; left: auto; padding: 0; } .btMenuHorizontal.btMenuCenter .menuPort .leftNav ul { float: right; } .btMenuHorizontal.btMenuCenter .menuPort .leftNav ul ul { right: auto; left: 0; } .btMenuHorizontal.btMenuCenter .menuPort .leftNav ul ul ul { left: 220px; right: auto; } .btMenuHorizontal.btMenuCenter .menuPort .rightNav { position: absolute; left: 50%; right: auto; padding-left: 70px; } .btMenuHorizontal.btMenuCenter .menuPort .rightNav ul ul ul { right: 220px; left: auto; } .btMenuHorizontal.btMenuCenter .menuPort .rightNav li { text-align: right; } /* Wide menu */ html:not(.touch) body.btMenuRight.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown, html:not(.touch) body.btMenuLeft.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown { position: static; } html:not(.touch) body.btMenuRight.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul, html:not(.touch) body.btMenuLeft.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul { width: 100%; } html:not(.touch) body.btMenuRight.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li, html:not(.touch) body.btMenuLeft.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li { top: auto; border-top: none !important; } html:not(.touch) body.btMenuRight.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li > a, html:not(.touch) body.btMenuLeft.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li > a { border-top: none !important; border-bottom: 1px solid #f47a00; } html:not(.touch) body.btMenuRight.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li > ul > li > ul:before, html:not(.touch) body.btMenuLeft.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li > ul > li > ul:before { display: none; } html:not(.touch) body.btMenuRight.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li > ul, html:not(.touch) body.btMenuLeft.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li > ul { opacity: 1; top: auto; margin: 0 !important; width: 100%; right: 0; left: 0; } html:not(.touch) body.btMenuRight.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li > ul > li:first-child > a, html:not(.touch) body.btMenuLeft.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li > ul > li:first-child > a { border-top: none !important; } html:not(.touch) body.btMenuRight.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li ul:before, html:not(.touch) body.btMenuLeft.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li ul:before { display: none; } html:not(.touch) body.btMenuRight.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > li, html:not(.touch) body.btMenuLeft.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > li { width: 100%; } html:not(.touch) body.btMenuRight.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > li .sub-menu, html:not(.touch) body.btMenuLeft.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > li .sub-menu { width: 100%; } html:not(.touch) body.btMenuRight.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown.on > ul > li > ul, html:not(.touch) body.btMenuLeft.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown.on > ul > li > ul { pointer-events: auto; } html:not(.touch) body.btMenuLeft.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li, html:not(.touch) body.btMenuLeft.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li:last-child { float: left; } html:not(.touch) body.btMenuRight.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li, html:not(.touch) body.btMenuRight.btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul > li:last-child { float: right; } html:not(.touch) body.btMenuLeft.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-0 > ul > li, html:not(.touch) body.btMenuRight.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-0 > ul > li { width: 0% !important; } html:not(.touch) body.btMenuLeft.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-1 > ul > li, html:not(.touch) body.btMenuRight.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-1 > ul > li { width: 100% !important; } html:not(.touch) body.btMenuLeft.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-2 > ul > li, html:not(.touch) body.btMenuRight.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-2 > ul > li { width: 50% !important; } html:not(.touch) body.btMenuLeft.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-3 > ul > li, html:not(.touch) body.btMenuRight.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-3 > ul > li { width: 33.33333% !important; } html:not(.touch) body.btMenuLeft.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-4 > ul > li, html:not(.touch) body.btMenuRight.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-4 > ul > li { width: 25% !important; } html:not(.touch) body.btMenuLeft.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-5 > ul > li, html:not(.touch) body.btMenuRight.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-5 > ul > li { width: 20% !important; } html:not(.touch) body.btMenuLeft.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-6 > ul > li, html:not(.touch) body.btMenuRight.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-6 > ul > li { width: 16.66667% !important; } html:not(.touch) body.btMenuLeft.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-7 > ul > li, html:not(.touch) body.btMenuRight.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-7 > ul > li { width: 14.28571% !important; } html:not(.touch) body.btMenuLeft.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-8 > ul > li, html:not(.touch) body.btMenuRight.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-8 > ul > li { width: 12.5% !important; } html:not(.touch) body.btMenuLeft.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-9 > ul > li, html:not(.touch) body.btMenuRight.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-9 > ul > li { width: 11.11111% !important; } html:not(.touch) body.btMenuLeft.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-10 > ul > li, html:not(.touch) body.btMenuRight.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-10 > ul > li { width: 10% !important; } html:not(.touch) body.btMenuLeft.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-11 > ul > li, html:not(.touch) body.btMenuRight.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-11 > ul > li { width: 9.09091% !important; } html:not(.touch) body.btMenuLeft.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-12 > ul > li, html:not(.touch) body.btMenuRight.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-12 > ul > li { width: 8.33333% !important; } html:not(.touch) body.btMenuLeft.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-13 > ul > li, html:not(.touch) body.btMenuRight.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-13 > ul > li { width: 7.69231% !important; } html:not(.touch) body.btMenuLeft.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-14 > ul > li, html:not(.touch) body.btMenuRight.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-14 > ul > li { width: 7.14286% !important; } html:not(.touch) body.btMenuLeft.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-15 > ul > li, html:not(.touch) body.btMenuRight.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-15 > ul > li { width: 6.66667% !important; } html:not(.touch) body.btMenuLeft.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-16 > ul > li, html:not(.touch) body.btMenuRight.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-16 > ul > li { width: 6.25% !important; } html:not(.touch) body.btMenuLeft.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-17 > ul > li, html:not(.touch) body.btMenuRight.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-17 > ul > li { width: 5.88235% !important; } html:not(.touch) body.btMenuLeft.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-18 > ul > li, html:not(.touch) body.btMenuRight.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-18 > ul > li { width: 5.55556% !important; } html:not(.touch) body.btMenuLeft.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-19 > ul > li, html:not(.touch) body.btMenuRight.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-19 > ul > li { width: 5.26316% !important; } html:not(.touch) body.btMenuLeft.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-20 > ul > li, html:not(.touch) body.btMenuRight.btMenuHorizontal li.btMenuWideDropdown.btMenuWideDropdownCols-20 > ul > li { width: 5% !important; } /* Top bar */ .btMenuHorizontal .topBar { font-size: 12px; line-height: 35px; } .btMenuHorizontal .topBar .topBarPort:after { float: left; height: 1px; background: #181A1E; opacity: .15; } .btMenuHorizontal .topBarInMenu { line-height: inherit; float: right; display: table; height: 50px; margin-left: 70px; } .btMenuHorizontal .topBarInMenu .topBarInMenuCell { line-height: inherit; display: table-cell; vertical-align: middle; } .btMenuHorizontal .topBarInMenu .btIco .btIcoHolder span { display: none; } /* Menu bellow logo */ .btMenuHorizontal.btMenuBelowLogo .btBelowLogoArea { padding: 0; border-top: 2px solid #f47a00; } .btMenuHorizontal.btMenuBelowLogo .menuPort { clear: both; position: relative; margin: 0; float: none; } .btMenuHorizontal.btMenuBelowLogo .menuPort nav { padding: 0; } /* Sticky */ body.btMenuHorizontal.btStickyHeaderActive .mainHeader { position: fixed; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.11); box-shadow: 0 1px 3px rgba(0,0,0,.11); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } body.btMenuHorizontal.btStickyHeaderActive .mainHeader .topBar { display: none; } body.btMenuHorizontal.btStickyHeaderActive .mainHeader .btBelowLogoArea { padding: 0; } body.btMenuHorizontal.btStickyHeaderActive.btDarkSkin .mainHeader { background-color: rgba(24,26,30,.9); } body.btMenuHorizontal.btStickyHeaderActive.btLightSkin .mainHeader { background-color: rgba(255,255,255,.9); } body.btMenuHorizontal.btStickyHeaderActive.btStickyHeaderOpen .mainHeader { -webkit-transition: transform .5s cubic-bezier(.230,1,.320,1); -moz-transition: transform .5s cubic-bezier(.230,1,.320,1); transition: transform .5s cubic-bezier(.230,1,.320,1); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } /* Hide menu */ body.btMenuHorizontal.btHideMenu .btHorizontalMenuTrigger { display: block; } body.btMenuHorizontal.btHideMenu .menuPort { opacity: 0; -webkit-transition: opacity 1s ease; -moz-transition: opacity 1s ease; transition: opacity 1s ease; } .btShowMenu .menuPort { opacity: 1 !important; } /* Vertical and responsive menu */ .btVerticalMenuTrigger { display: none; position: relative; z-index: 1; margin: 0 1em 0 -8px; line-height: 50px; } body.btMenuVertical > .menuPort { text-align: center; height: 100%; top: 0; bottom: 0; position: fixed; width: 320px; clear: both; -webkit-transition: transform 1s cubic-bezier(.230,1,.320,1); -moz-transition: transform 1s cubic-bezier(.230,1,.320,1); transition: transform 1s cubic-bezier(.230,1,.320,1); z-index: 101; overflow: hidden; padding: 20px 80px; -webkit-box-shadow: none; box-shadow: none; } .touch body.btMenuVertical > .menuPort { overflow: auto; } body.btMenuVertical > .menuPort .btMainLogo { display: block !important; } body.btMenuVertical > .menuPort .btAltLogo { display: none !important; } body.btMenuVertical > .menuPort .logo { float: none; padding: 0 0 40px; margin: 0; } body.btMenuVertical > .menuPort .logo img { margin: 0 auto; display: block; height: auto; max-width: 100%; } body.btMenuVertical > .menuPort .btCloseVertical { float: right; margin: 10px -40px 0 0; cursor: pointer; } body.btMenuVertical > .menuPort .btCloseVertical:before { font-family: FontAwesome; content: '\f00d'; color: #f47a00; } body.btMenuVertical > .menuPort nav { margin: 0 -25px; } body.btMenuVertical > .menuPort nav ul { -webkit-transition: none; -moz-transition: none; transition: none; } body.btMenuVertical > .menuPort nav ul li { padding: 0; position: relative; background-color: transparent; } body.btMenuVertical > .menuPort nav ul li a { line-height: 1.1; padding: 20px 20px; border: none; } body.btMenuVertical > .menuPort nav ul li:not(.current-menu-ancestor) > ul { display: none; } body.btMenuVertical > .menuPort nav ul ul li { padding: 0; opacity: 1; border: none; background-color: transparent; } body.btMenuVertical > .menuPort nav ul ul li ul { opacity: .7; } body.btMenuVertical > .menuPort nav ul ul li ul li a { border: none !important; } body.btMenuVertical > .menuPort nav li.current-menu-ancestor > a, body.btMenuVertical > .menuPort nav li.current-menu-item > a { color: #f47a00 !important; } body.btMenuVertical .btVerticalMenuTrigger { display: block; } .btMenuVerticalRight > .menuPort { right: 0; -webkit-box-shadow: -2px 0 5px rgba(0,0,0,.10); box-shadow: -2px 0 5px rgba(0,0,0,.10); -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .btMenuVerticalRight .btVerticalMenuTrigger { float: right; } .btMenuVerticalLeft > .menuPort { left: 0; -webkit-box-shadow: 2px 0 5px rgba(0,0,0,.10); box-shadow: 2px 0 5px rgba(0,0,0,.10); -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .btMenuVerticalLeft .btVerticalMenuTrigger { float: left; } @media (min-width: 1400px) { .btMenuVerticalRight > .menuPort { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } .btMenuVerticalLeft > .menuPort { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } .btMenuVertical .menuPort, .btMenuVertical.btMenuVerticalOn .menuPort { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .btMenuVerticalLeft.btHideMenu .menuPort { -webkit-transform: translate3d(-320px,0,0); -moz-transform: translate3d(-320px,0,0); -ms-transform: translate3d(-320px,0,0); transform: translate3d(-320px,0,0); } .btMenuVerticalRight.btHideMenu .menuPort { -webkit-transform: translate3d(320px,0,0); -moz-transform: translate3d(320px,0,0); -ms-transform: translate3d(320px,0,0); transform: translate3d(320px,0,0); } .btMenuVerticalLeft.btHideMenu.btMenuVerticalOn > .menuPort { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .btMenuVerticalRight.btHideMenu.btMenuVerticalOn .menuPort { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .btMenuVertical.btMenuGutter .mainHeader { display: none; } .btMenuVertical.btMenuGutter.btHideMenu .mainHeader { display: block; } .btMenuVertical.btBelowMenu .btContentWrap { padding: 0 !important; } .btMenuVertical .gutter .port, .btMenuVerticalLeftOn.btMenuGutter .mainHeader .topBarPort, .btMenuVerticalRightOn.btMenuGutter .mainHeader .topBarPort { padding: 0 30px; } .btMenuVerticalOn .btVerticalMenuTrigger .btIco a:before { color: #f47a00 !important; } .btMenuVertical .btLogoArea .btVerticalMenuTrigger { display: none; } .btMenuVertical:not(.btHideMenu) .btLogoArea .logo, .btMenuVertical:not(.btHideMenu) .btCloseVertical { display: none; } .btMenuVertical.btHideMenu .btLogoArea .btVerticalMenuTrigger { display: block; } .btMenuVerticalLeft .btPageWrap, .btMenuVerticalLeft.btMenuVerticalOn .btPageWrap { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); margin: 0 0 0 320px; } .btMenuVerticalRight .btPageWrap, .btMenuVerticalRight.btMenuVerticalOn .btPageWrap { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); margin: 0 320px 0 0; } .btMenuVerticalRight.btHideMenu .btPageWrap, .btMenuVerticalLeft.btHideMenu .btPageWrap { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); margin: 0; } .btMenuVerticalLeft.btMenuVerticalOn.btHideMenu .btPageWrap { -webkit-transform: translate3d(320px,0,0); -moz-transform: translate3d(320px,0,0); -ms-transform: translate3d(320px,0,0); transform: translate3d(320px,0,0); margin: 0; } .btMenuVerticalRight.btMenuVerticalOn.btHideMenu .btPageWrap { -webkit-transform: translate3d(-320px,0,0); -moz-transform: translate3d(-320px,0,0); -ms-transform: translate3d(-320px,0,0); transform: translate3d(-320px,0,0); margin: 0; } } .btMenuVerticalOn .menuPort { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition: transform 1s cubic-bezier(.230,1,.320,1); -moz-transition: transform 1s cubic-bezier(.230,1,.320,1); transition: transform 1s cubic-bezier(.230,1,.320,1); } .btMenuVerticalLeft.btMenuVerticalOn .btPageWrap { -webkit-transform: translateX(320px); -moz-transform: translateX(320px); -ms-transform: translateX(320px); transform: translateX(320px); } .btMenuVerticalRight.btMenuVerticalOn .btPageWrap { -webkit-transform: translateX(-320px); -moz-transform: translateX(-320px); -ms-transform: translateX(-320px); transform: translateX(-320px); } .btMenuVertical.btDarkSkin .menuPort { background-color: #181A1E; } .btMenuVertical.btLightSkin .menuPort { background-color: #fff; } /* Header tools layout */ .btIconWidgetTitle { opacity: .7; font-size: 15px; } .btLightSkin a.btIconWidget, .btDarkSkin .btLightSkin a.btIconWidget { color: #333; } .btDarkSkin a.btIconWidget, .btLightSkin .btDarkSkin a.btIconWidget { color: #fff; } a.btIconWidget:hover { color: #f47a00 !important; } .btSpecialHeaderIcon .btIco .btIcoHolder:before, .btSpecialHeaderIcon .btIconWidgetTitle, .btSpecialHeaderIcon .btIconWidgetText { color: #f47a00 !important; } .btMenuHorizontal .btTopToolsRight, .btMenuHorizontal .btTopToolsLeft { max-width: 48%; } .btMenuHorizontal .btTopToolsRight .btIcoHolder:before, .btMenuHorizontal .btTopToolsLeft .btIcoHolder:before { font-size: 13px; } .btMenuHorizontal .btTopToolsRight { float: right; } .btMenuHorizontal .btTopToolsLeft { float: left; } .btMenuHorizontal .topTools .btSearch .btIco, .btMenuHorizontal .topBarInMenu .btSearch .btIco { margin-left: .5em; } .btMenuHorizontal .topTools .btIconWidget:not(:first-child), .btMenuHorizontal .topBarInMenu .btIconWidget:not(:first-child) { margin-left: .5em; } .btMenuHorizontal .topTools .btIconWidgetContent, .btMenuHorizontal .topBarInMenu .btIconWidgetContent { line-height: inherit; } .btMenuHorizontal .topTools .btIconWidgetTitle, .btMenuHorizontal .topTools .btIconWidgetText, .btMenuHorizontal .topBarInMenu .btIconWidgetTitle, .btMenuHorizontal .topBarInMenu .btIconWidgetText { display: inline-block; font-weight: 600; line-height: inherit; margin-right: .5em; } .btMenuHorizontal .topTools .btIconWidgetTitle, .btMenuHorizontal .topBarInMenu .btIconWidgetTitle { opacity: .7; } .btMenuHorizontal .topBarInLogoArea { float: right; height: 50px; } .btMenuHorizontal .topBarInLogoArea .topBarInLogoAreaCell { border: 0 solid #f47a00; } .btMenuHorizontal .topBarInLogoArea .topBarInLogoAreaCell .btIconWidget { display: table; } .btMenuHorizontal .topBarInLogoArea .topBarInLogoAreaCell .btIconWidget { float: left; margin: 10px 0 0 35px; } .btMenuHorizontal .topBarInLogoArea .topBarInLogoAreaCell .btIconWidgetIcon, .btMenuHorizontal .topBarInLogoArea .topBarInLogoAreaCell .btIconWidgetContent { display: table-cell; vertical-align: middle; } .btMenuHorizontal .topBarInLogoArea .topBarInLogoAreaCell .btIconWidgetIcon { line-height: 1; padding: 0 .35em 0 0; text-align: left; } .btMenuHorizontal .topBarInLogoArea .topBarInLogoAreaCell .btIconWidgetIcon .btIco .btIcoHolder:before { font-size: 32px; } .btMenuHorizontal .topBarInLogoArea .topBarInLogoAreaCell .btIconWidgetTitle, .btMenuHorizontal .topBarInLogoArea .topBarInLogoAreaCell .btIconWidgetText { display: block; line-height: 1; color: #000; } .btMenuHorizontal .topBarInLogoArea .topBarInLogoAreaCell .btIconWidgetTitle { margin-bottom: 5px; font-size: 12px; color: #000; } /* Tools in vertical menu */ .btMenuVertical .btEmptyElement { display: none; } .btMenuVertical .btTopToolsRight, .btMenuVertical .btTopToolsLeft { max-width: none; float: none; } .btMenuVertical .topBar { padding: 0; } .btMenuVertical .topBarPort .btTopToolsLeft span.btIco, .btMenuVertical .topBarPort .btTopToolsRight span.btIco { margin: 0 5px; } .btMenuVertical .topTools { position: relative; padding: 10px 0 0; text-align: center; font-size: 14px; } .btMenuVertical .btIconWidget { padding: 0; } .btMenuVertical .btIconWidget .btIconWidgetIcon { margin: 0 auto 15px; text-align: center; } .btMenuVertical .btIconWidget .btIconWidgetContent { float: none; margin: 0; text-align: center; clear: both; } .btMenuVertical .btIconWidget .btIconWidgetTitle, .btMenuVertical .btIconWidget .btIconWidgetText { display: block; font-size: 14px; } .btMenuVertical .btIconWidget .btIconWidgetTitle { margin: 0; line-height: 1; } .btMenuVertical .btIconWidget .btIconWidgetText { margin: 0 0 20px; } .btMenuVertical .topBarInLogoArea:after, .btMenuVertical .topBar:after { display: table; content: ' '; clear: both; } .btMenuVertical .topBarInLogoArea:before, .btMenuVertical .topBarInMenu:after, .btMenuVertical .topBar:before { display: inline-block; content: ' '; width: 85px; height: 1px; background-color: rgba(0,0,0,.2); margin: 20px 0; clear: both; } /* Top bar search */ .topBar .widget_search, .topBarInMenu .widget_search { display: inline-block; margin-left: .2em; } .topBar .widget_search h2, .topBarInMenu .widget_search h2 { display: none; } .topBar .widget_search .btSearch, .topBarInMenu .widget_search .btSearch { position: relative; } .topBar .widget_search .btSearch .btSearchInner, .topBarInMenu .widget_search .btSearch .btSearchInner { position: absolute; top: 0; left: -300px; width: 300px; font-size: 12px; display: none; text-align: right; } .topBar .widget_search input, .topBarInMenu .widget_search input { font-size: inherit; max-width: 150px; padding-left: 5px; clear: none; background: rgba(255,255,255,.02); } .topBar .widget_search button, .topBarInMenu .widget_search button { width: 23px; height: 23px; background: #f47a00; border: 0; float: right; margin: 0; cursor: pointer; } .topBar .widget_search button:before, .topBarInMenu .widget_search button:before { font-family: FontAwesome; content: "\f002"; display: inline-block; color: #f47a00; } .topBar .widget_search button:hover, .topBarInMenu .widget_search button:hover { background: #000000; } .btSearchInner.btFromTopBox { position: fixed; top: 0; left: 0; right: 0; background: #000000; -webkit-transform: translateY(-200%); -moz-transform: translateY(-200%); -ms-transform: translateY(-200%); transform: translateY(-200%); -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; z-index: 99998; } .btSearchInner.btFromTopBox .btSearchInnerContent { margin: 0 auto; padding: 0 30px; max-width: 1400px; position: relative; } .btSearchInner.btFromTopBox form { padding: 0 60px 0 0; margin: 60px 0; text-align: center; position: relative; } .btSearchInner.btFromTopBox .btSearchInnerClose { display: block; position: absolute; right: 0; top: 5px; cursor: pointer; } .btSearchInner.btFromTopBox .btSearchInnerClose .btIco { margin: 0; } .btSearchInner.btFromTopBox .btSearchInnerClose .btIco.small .btIcoHolder:before { font: 60px/60px Icon7Stroke; color: #FFF; content: "\e680"; width: 60px; height: 60px; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } .btSearchInner.btFromTopBox .btSearchInnerClose .btIco:hover a.btIcoHolder:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); opacity: .5; } .btSearchInner.btFromTopBox input[type="text"] { border: none; background: rgba(255,255,255,.02); border: 1px solid rgba(255,255,255,.1); padding: 0 50px 0 20px; text-align: left; height: 58px; font-size: 22px; font-weight: 300; color: #fff; } .btSearchInner.btFromTopBox button { position: absolute; margin: 2px; right: 60px; top: 4px; border-radius: 0; width: 50px; height: 50px; background: transparent; border: 0; cursor: pointer; } .btSearchInner.btFromTopBox button:before { font: 35px/30px Icon7Stroke; display: block; content: "\e618"; color: #f47a00; font-weight: 900; -webkit-transition: color 300ms ease; -moz-transition: color 300ms ease; transition: color 300ms ease; } .btSearchInner.btFromTopBox button:hover:before { color: #fff; -webkit-transition: color 300ms ease; -moz-transition: color 300ms ease; transition: color 300ms ease; } .btTopToolsSearchOpen .btSearchInner.btFromTopBox { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.2); box-shadow: 0 2px 5px rgba(0,0,0,.2); } /* iScroll */ .btDarkSkin .iScrollIndicator, .btLightSkin .btDarkSkin .iScrollIndicator { background-color: rgba(255,255,255,.05) !important; border: 1px solid rgba(255,255,255,.1) !important; } /* Prevent horizontal scroll on small screens when menu is open */ body.btMenuVerticalOn { position: relative; width: 100vw; overflow: hidden; } /* IE10 Menu Fix */ html[data-useragent*='MSIE 10.0'] body.btMenuHorizontal .menuPort ul > li > ul { opacity: 1; pointer-events: auto; display: none; } html[data-useragent*='MSIE 10.0'] body.btMenuHorizontal .menuPort ul > li.on > ul { display: block; } html[data-useragent*='MSIE 10.0'] body.btMenuHorizontal .menuPort ul > li.on > ul > li > ul { display: none; } html[data-useragent*='MSIE 10.0'] body.btMenuHorizontal .menuPort ul > li.on > ul > li.on > ul { display: block; } html[data-useragent*='MSIE 10.0'] body.btMenuHorizontal .menuPort ul > li.on > ul > li.on > ul > li > ul { display: none; } html[data-useragent*='MSIE 10.0'] body.btMenuHorizontal .menuPort ul > li.on > ul > li.on > ul > li.on > ul { display: block; } /* Footer */ /*.btPageWrap > footer { border-top: 3px solid $(accentColor); }*/ /* Footer copyright */ .btSiteFooter { font-size: .9em; padding: 10px 0; } .btSiteFooter .port { max-width: 1340px; margin: auto; } .btSiteFooter .copyLine { margin-bottom: 0; } .btSiteFooter .menu { margin: 0; padding: 0; list-style: none; text-align: right; } .btSiteFooter .menu li { display: inline-block; margin: 0 15px 0 0; padding: 0; } .btSiteFooter .menu li:last-child { margin: 0; } .btSiteFooterWidgets .btBox .btImage img { margin: initial; } .btLightSkin .btSiteFooterWidgets, .btDarkSkin .btLightSkin .btSiteFooterWidgets { background: rgba(0,0,0,.07); } .btLightSkin .btSiteFooter, .btDarkSkin .btLightSkin .btSiteFooter { background: #fff; } .btDarkSkin .btSiteFooterWidgets, .btLightSkin .btDarkSkin .btSiteFooterWidgets { background: #000000; } .btDarkSkin .btSiteFooter, .btLightSkin .btDarkSkin .btSiteFooter { background: #f47a00; } .btDarkSkin .btSiteFooter .btFooterMenu a, .btLightSkin .btDarkSkin .btSiteFooter .btFooterMenu a { color: #fff; } section footer, article footer { border-top: none; } /* Single post */ .sticky .headline:before { content: '\e69b'; font-family: Icon7Stroke; font-size: .77em; display: block; float: left; margin-right: .4em; color: #f47a00; } .sticky .btBlogSimpleViewCategories .headline:before { content: ''; } .headline a { color: #f47a00; } .btLightSkin .headline a:hover, .btDarkSkin .btLightSkin .headline a:hover { color: #333; } .btDarkSkin .headline a:hover, .btLightSkin .btDarkSkin .headline a:hover { color: #fff; } @media (min-width: 1200px) { .btPostSingleItemStandard .btArticleBody { padding: 0 60px 20px; } } .btAboutAuthor { display: table; width: 100%; margin: 0 0 30px; } .btLightSkin .btAboutAuthor, .btDarkSkin .btLightSkin .btAboutAuthor { border: 1px solid rgba(0,0,0,.2); } .btDarkSkin .btAboutAuthor, .btLightSkin .btDarkSkin .btAboutAuthor { border: 1px solid rgba(255,255,255,.1); } .aaAvatar img, .commentAvatar img { display: block; width: 100%; height: auto; border-radius: 50%; } .aaTxt { display: table-cell; vertical-align: top; padding: 20px 20px 8px; } .aaTxt p, .aaTxt ul, .aaTxt ol, .aaTxt dl { margin: 0 0 14px; } .single-portfolio h2, .single-post h2 { letter-spacing: 0; } .btPortfolioSingleItemColumns dt { color: #f47a00; } /* Media box */ .btMediaBox { position: relative; overflow: hidden; } .btMediaBox img { display: block; width: 100%; height: auto; } .btMediaBox .aspectVideo { visibility: hidden; } .btMediaBox iframe { display: block; border: none; } .btMediaBox.video iframe { display: block; position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; width: 100% !important; height: 100% !important; border: none; } .btMediaBox.audio iframe { display: block; width: 100% !important; } .btMediaBox.btQuote, .btMediaBox.btLink { text-align: center; position: relative; display: block; padding: 40px; margin: 0; background-color: #f47a00; font-weight: 300; } .btMediaBox.btQuote p:before, .btMediaBox.btLink p:before { display: block; text-align: center; font: 44px/44px Icon7Stroke; margin-bottom: 10px; } .btMediaBox.btQuote p, .btMediaBox.btLink p { font-size: 24px; line-height: 1.5; } .btMediaBox.btQuote cite, .btMediaBox.btLink cite { display: inline-block; padding: 20px 0 0; border-top: 1px solid #fff; margin: 0; } .btMediaBox.btQuote a, .btMediaBox.btLink a { color: #fff; } .single-post .btMediaBox.btQuote, .single-post .btMediaBox.btLink, .blog .btMediaBox.btQuote, .blog .btMediaBox.btLink, .archive .btMediaBox.btQuote, .archive .btMediaBox.btLink, .search .btMediaBox.btQuote, .search .btMediaBox.btLink { padding: 60px; } .single-post .btMediaBox.btQuote p:before, .single-post .btMediaBox.btLink p:before, .blog .btMediaBox.btQuote p:before, .blog .btMediaBox.btLink p:before, .archive .btMediaBox.btQuote p:before, .archive .btMediaBox.btLink p:before, .search .btMediaBox.btQuote p:before, .search .btMediaBox.btLink p:before { font: 64px/64px Icon7Stroke; } .single-post .btMediaBox.btQuote p, .single-post .btMediaBox.btLink p, .blog .btMediaBox.btQuote p, .blog .btMediaBox.btLink p, .archive .btMediaBox.btQuote p, .archive .btMediaBox.btLink p, .search .btMediaBox.btQuote p, .search .btMediaBox.btLink p { font-size: 46px; } .btMediaBox.btLink p:before { content: "\e641"; } .btMediaBox.btQuote p:before { content: "\e635"; } .btBlogColumnView .btMediaBox.btQuote p:before, .btBlogColumnView .btMediaBox.btLink p:before { font: 36px/36px Icon7Stroke; } .btBlogColumnView .btMediaBox.btQuote p, .btBlogColumnView .btMediaBox.btLink p { font-size: 27px; } /* Article list */ .btArticleListItem { margin-bottom: 80px; } .btArticleListItem .headline a { color: #333; } .btDarkSkin .btArticleListItem .headline a, .btLightSkin .btDarkSkin .btArticleListItem .headline a { color: #fff; } .btArticleListItem .headline a:hover { color: #f47a00; } .btArticleListItem.btBlogSimpleView { margin-bottom: 30px; } .btArticleListItem.btBlogColumnView .header .btSuperTitle, .btArticleListItem.btBlogColumnView .header .btSubTitle, .btArticleListItem.btBlogColumnView .btArticleListBodyAuthor, .btPostSingleItemColumns .header .btSuperTitle, .btPostSingleItemColumns .header .btSubTitle, .btPostSingleItemColumns .btArticleListBodyAuthor { font-size: 12px !important; text-transform: uppercase; } .btArticleListItem.btBlogColumnView .btArticleListBodyAuthor a, .btPostSingleItemColumns .btArticleListBodyAuthor a { color: #f47a00 !important; } .btArticleListItem.btBlogColumnView { margin-bottom: 40px; padding-bottom: 30px; } .btDarkSkin .btArticleListItem.btBlogColumnView, .btLightSkin .btDarkSkin .btArticleListItem.btBlogColumnView { border-bottom: 3px solid rgba(255,255,255,.02); } .btLightSkin .btArticleListItem.btBlogColumnView, .btDarkSkin .btLightSkin .btArticleListItem.btBlogColumnView { border-bottom: 3px solid rgba(0,0,0,.07); } /* Comments */ body:not(.woocommerce) .btCommentsBox .form-submit { margin-bottom: 0; } .btComment { line-height: 0; } .btComment textarea, .btComment label { line-height: 1.8; } .aaAvatar, .commentAvatar { display: table-cell; vertical-align: top; width: 150px; padding: 20px 10px; } .commentAvatar { width: 75px; } .btCommentsBox h4 { position: relative; } .btCommentsBox { margin: 0 0 20px; } .btCommentsBox ul.comments, .btCommentsBox ul.comments li.comment { list-style: none; display: block; padding-left: 0; margin-left: 0; } .btCommentsBox ul.comments > li, .btCommentsBox ul.comments > li.comment > ul.children > li.comment { display: block; margin: 0; } .btLightSkin .btCommentsBox ul.comments > li, .btLightSkin .btCommentsBox ul.comments > li.comment > ul.children > li.comment, .btDarkSkin .btLightSkin .btCommentsBox ul.comments > li, .btDarkSkin .btLightSkin .btCommentsBox ul.comments > li.comment > ul.children > li.comment { border-top: 1px solid rgba(0,0,0,.2); } .btDarkSkin .btCommentsBox ul.comments > li, .btDarkSkin .btCommentsBox ul.comments > li.comment > ul.children > li.comment, .btLightSkin .btDarkSkin .btCommentsBox ul.comments > li, .btLightSkin .btDarkSkin .btCommentsBox ul.comments > li.comment > ul.children > li.comment { border-top: 1px solid rgba(255,255,255,.1); } .btCommentsBox ul.comments > li article { margin: 0; position: relative; width: 100%; display: table; } .btCommentsBox ul.comments ul article { padding: 0 0 0 40px; } .btCommentsBox ul.children { margin: 0 0 0 20px; } .btCommentsBox ul.comments li article .commentTxt { padding: 20px 0 30px 0; display: table-cell; } .vcard { position: relative; } .vcard h5 { float: left; } .vcard .posted { float: right; margin: 1.1em 0 0; opacity: .8; } .vcard .posted:before { content: '\f017'; font: normal 14px/1 FontAwesome; margin: 0 5px 0 0; } .woocommerce .vcard .star-rating { display: block; position: absolute; top: 0; right: 0; } .comment { clear: both; } .commentTxt p.edit-link, .commentTxt p.reply { float: left; } .commentTxt p.reply { clear: left; } .commentTxt p.edit-link, .commentTxt p.reply { margin: 0 10px 0 0; } .commentTxt p.edit-link a:hover, .commentTxt p.reply a:hover { color: #f47a00; } .commentTxt p.edit-link:before, .commentTxt p.reply:before { font: normal 15px/1 FontAwesome; margin: 0 5px 0 0; } .commentTxt p.edit-link:before { content: '\f044'; } .commentTxt p.reply:before { content: '\f112'; } .comment-navigation { text-align: right; clear: right; } .comment-navigation a, .comment-navigation span { display: inline-block; } .comment-navigation span { margin: 0 5px; } .comment-form { padding-bottom: 20px; } /* btBox defaults */ .btBox, .btCustomMenu { padding-bottom: 40px; } .btBox > h4, .btCustomMenu > h4 { margin: 0 0 10px; padding: 0 0 5px; } body:not(.btNoDashInSidebar) .btBox > h4:after, body:not(.btNoDashInSidebar) .btCustomMenu > h4:after { content: ''; clear: both; width: 60px; display: block; border-bottom: 3px solid #f47a00; margin: 10px 0 0; } .btBox h5, .btCustomMenu h5 { font-size: 21px; margin-bottom: 5px; } .btBox ul, .btCustomMenu ul { list-style: none; margin: 0; padding: 0; } .btBox ul li, .btCustomMenu ul li { display: block; width: auto; line-height: 1.8; margin: 0; padding: 10px 0; border-top: 1px solid rgba(0,0,0,.07); } .btBox ul li a:hover, .btCustomMenu ul li a:hover { color: #f47a00; } .btBox ul li:after, .btCustomMenu ul li:after { clear: both; content: " "; display: block; } .btBox ul li:first-child, .btCustomMenu ul li:first-child { border-top: none; } .btBox .ppImage, .btCustomMenu .ppImage { display: table-cell; vertical-align: top; width: 90px; } .btBox .ppImage a, .btCustomMenu .ppImage a { display: block; line-height: 0; } .btBox .ppImage a img, .btCustomMenu .ppImage a img { margin: 0; padding-right: 10px; max-width: 100%; width: 100%; height: auto; } .btBox .ppTxt, .btCustomMenu .ppTxt { display: table-cell; } .btBox .ppTxt .headline a, .btCustomMenu .ppTxt .headline a { color: #222; } .btBox .ppTxt .btSuperTitle, .btCustomMenu .ppTxt .btSuperTitle { color: inherit; } .btBox .ppTxt .header, .btCustomMenu .ppTxt .header { margin-bottom: 0; } .btBox p.posted, .btCustomMenu p.posted { font-weight: 600; margin: 0; } body.btNoDashInSidebar .btBox, body.btNoDashInSidebar .btCustomMenu { content: none; border-bottom: none; } /* Calendar */ .btBox.widget_calendar table { width: 100%; border-collapse: collapse; } .btBox.widget_calendar table caption { background: #f47a00; color: #FFF; font-family: "Roboto"; font-weight: 700; padding: 5px; } .btBox.widget_calendar table thead th { text-align: center; padding: 3px; } .btBox.widget_calendar table tfoot td { padding: 3px; } .btBox.widget_calendar table tfoot td#next { text-align: right; } .btBox.widget_calendar table tbody tr:nth-child(odd) td { background: transparent; } .btBox.widget_calendar table tbody td { text-align: center; padding: 2px 3px; } /* Archives */ .btBox.widget_archive label, .btBox.widget_categories label, .btCustomMenu label { display: none; } .btBox.widget_archive select, .btBox.widget_categories select, .btCustomMenu select { display: block; margin: 8px 0 0; width: 100%; } .btBox.widget_archive ul li, .btBox.widget_categories ul li, .btCustomMenu ul li { margin-bottom: 1px; position: relative; padding: 0; margin-left: 0; } .btBox.widget_archive ul li ul li, .btBox.widget_categories ul li ul li, .btCustomMenu ul li ul li { margin-bottom: 1px; position: relative; } .btBox.widget_archive ul li a, .btBox.widget_categories ul li a, .btCustomMenu ul li a { display: block; padding: 10px 50px 10px 0; color: #333; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; } .btBox.widget_archive ul li ul li a, .btBox.widget_categories ul li ul li a, .btCustomMenu ul li ul li a { padding: 10px 50px 10px 20px; } .btBox.widget_archive ul li ul li ul li a, .btBox.widget_categories ul li ul li ul li a, .btCustomMenu ul li ul li ul li a { padding: 10px 50px 10px 30px; } .btBox.widget_archive ul li strong, .btBox.widget_categories ul li strong, .btCustomMenu ul li strong { position: absolute; top: 0; right: 0; padding: 10px; min-width: 38px; text-align: center; } .btBox.widget_archive ul li ul li, .btBox.widget_categories ul li ul li, .btCustomMenu ul li ul li { margin-top: 1px; } .btDarkSkin .btBox.widget_archive ul li a, .btLightSkin .btDarkSkin .btBox.widget_archive ul li a, .btDarkSkin .btBox.widget_categories ul li a, .btLightSkin .btDarkSkin .btBox.widget_categories ul li a { border-bottom: 1px solid rgba(255,255,255,.02); } .btDarkSkin .btBox.widget_archive ul li a:hover, .btLightSkin .btDarkSkin .btBox.widget_archive ul li a:hover, .btDarkSkin .btBox.widget_categories ul li a:hover, .btLightSkin .btDarkSkin .btBox.widget_categories ul li a:hover { border-bottom: 1px solid #f47a00; } /* Pages */ .btBox.widget_pages ul li { padding-top: 0; } .btBox.widget_pages ul li ul { margin-left: 15px; } /* Meta */ .btBox.widget_meta li { padding-top: 0; } .btArticleMeta dd, .btArticleMeta dt { display: block; clear: left; padding-right: 0; } /* Recent comments */ .btBox.widget_recent_comments .comment-author-link a { font-weight: 700; } /* RSS */ .btBox.widget_rss li { margin-bottom: 15px; } .btBox.widget_rss li a.rsswidget { font-family: "Roboto"; font-weight: 700; } .btBox.widget_rss li .rss-date { display: block; margin: 0 0 5px; } .btBox.widget_rss li cite { font-weight: 700; font-style: normal; } .btBox.widget_rss li cite:before { font-family: FontAwesome; content: "\f040"; display: inline-block; color: #f47a00; margin: 0 5px 0 0; } /* Search */ .btBox .btSearch, form.woocommerce-product-search { padding-right: 38px; } .btBox .btSearch input[type="text"], .btBox .btSearch input[type="search"], form.woocommerce-product-search input[type="text"], form.woocommerce-product-search input[type="search"] { padding: 0 10px; background: transparent; height: 38px; width: 100%; display: block; } .btBox .btSearch button, .btBox .btSearch input[type=submit], form.woocommerce-product-search button, form.woocommerce-product-search input[type=submit] { width: 38px; height: 38px; background: #f47a00; border: 0; float: right; margin: -38px -38px 0 0; cursor: pointer; } .btBox .btSearch button:before, form.woocommerce-product-search button:before { font-family: FontAwesome; content: "\f002"; display: inline-block; color: #FFF; } .btBox .btSearch .btIco, form.woocommerce-product-search .btIco { display: none; } .btCommentsBox input, .btCommentsBox textarea { -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; } .btDarkSkin input[type="text"]:focus, .btLightSkin .btDarkSkin input[type="text"]:focus, .btDarkSkin input[type="password"]:focus, .btLightSkin .btDarkSkin input[type="password"]:focus, .btDarkSkin input[type="email"]:focus, .btLightSkin .btDarkSkin input[type="email"]:focus, .btDarkSkin textarea:focus, .btLightSkin .btDarkSkin textarea:focus { border: 1px solid #fff; } form.wpcf7-form .wpcf7-submit { cursor: pointer; display: inline-block; margin: 0; padding: 1.1em 2.5em; border: none; font-size: 14px; line-height: 1; width: auto; font-weight: 700; text-transform: uppercase; color: #fff; background-color: #f47a00; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; } .btTextLeft form.wpcf7-form .wpcf7-submit { float: left; } .btTextRight form.wpcf7-form .wpcf7-submit { float: right; } form.wpcf7-form .wpcf7-submit:hover { opacity: .8; } /* Dropdown archives */ .fancy-select { position: relative; } .fancy-select .trigger { overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; vertical-align: middle; position: relative; cursor: pointer; height: 38px; line-height: 38px; padding: 0 45px 0 10px; } .fancy-select .trigger:after { content: '\f078'; font: normal 14px/1 FontAwesome; display: block; position: absolute; right: 10px; top: 10px; } .btDarkSkin .fancy-select .tigger:after, .btLightSkin .btDarkSkin .fancy-select .tigger:after { color: #fff; } .btLightSkin .fancy-select .tigger:after, .btDarkSkin .btLightSkin .fancy-select .tigger:after { color: #fff; } .fancy-select .trigger.open:after { content: '\f077'; font: normal 14px/1 FontAwesome; } .fancy-select .trigger.open { color: #f47a00; } .fancy-select .options { display: none; position: absolute; top: auto; left: 0; width: 100%; list-style: none; max-height: 320px; overflow: auto; margin: 3px 0 0; padding: 0; border: 1px solid rgba(0,0,0,.07); background-color: #fff; } .fancy-select .options.open { z-index: 20; display: block; } .fancy-select .options.overflowing { top: auto; bottom: 40px; } .fancy-select ul.options > li { cursor: pointer; display: block; padding: 10px; margin: 0; border-bottom: 1px solid rgba(0,0,0,.07); } .fancy-select ul.options > li a { color: #fff; } .fancy-select .options li:before { content: ''; } .fancy-select .options li:first-child { border-top: none; } .fancy-select ul.options > li:hover { color: #f47a00; } .btDarkSkin .fancy-select .options, .btLightSkin .btDarkSkin .fancy-select .options { border: 1px solid rgba(255,255,255,.02); background-color: #181A1E; } .btDarkSkin .fancy-select ul.options > li, .btLightSkin .btDarkSkin .fancy-select ul.options > li { border-bottom: 1px solid rgba(255,255,255,.02); } /* Woo commerce widgets */ /* Card widget */ .widget_shopping_cart .total { border-top: 2px solid #f47a00; padding: 4px 0 0; } .widget_shopping_cart .total .amount { display: block; float: right; } .widget_shopping_cart .total strong { min-width: 40px; display: inline-block; } .widget_shopping_cart .widget_shopping_cart_content .mini_cart_item { position: relative; } .widget_shopping_cart .widget_shopping_cart_content .mini_cart_item .ppRemove { position: absolute; right: 0; top: 10px; display: block; } .widget_shopping_cart .widget_shopping_cart_content .mini_cart_item .ppRemove a.remove { display: block; height: 18px; width: 18px; text-align: center; text-decoration: none; font-weight: 700; border: none; background-color: transparent; text-indent: 9000px; position: relative; color: #fff; } .widget_shopping_cart .widget_shopping_cart_content .mini_cart_item .ppRemove a.remove:before { text-indent: 0; display: block; content: '\e680'; font: normal 18px/18px Icon7Stroke; vertical-align: middle; color: #333; } .widget_shopping_cart .widget_shopping_cart_content .mini_cart_item .ppRemove a.remove:hover:before { background-color: #f47a00; color: #fff; } /* Product widgets */ .widget_recent_reviews li a img { display: block; width: 80px; height: auto; margin: 0 0 0 10px; float: right; } .widget_product_categories li li { margin: 0 0 0 20px; } .product_list_widget .reviewer { display: block; line-height: 1; } .widget_recent_reviews .product_list_widget li:after { display: table !important; } /* Price filter */ .widget_price_filter .price_slider { margin-bottom: 1em; } .widget_price_filter .price_slider_amount { text-align: right; } .widget_price_filter .price_slider_amount .button { float: left; } .widget_price_filter .price_slider_amount .price_label span { font-weight: 600; } .widget_price_filter .ui-slider { position: relative; text-align: left; margin-left: .5em; margin-right: .5em; } .widget_price_filter .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1em; height: 1em; background-color: #f47a00; border-radius: 1em; cursor: ew-resize; outline: 0; top: -.25em; margin-left: -.5em; } .widget_price_filter .ui-slider .ui-slider-handle .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; border-radius: 1em; background-color: rgba(0,0,0,.07); } .widget_price_filter .price_slider_wrapper .ui-widget-content { border-radius: 1em; background-color: rgba(0,0,0,.07); border: 0; } .widget_price_filter .ui-slider-horizontal { height: .5em; } .widget_price_filter .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .widget_price_filter .ui-slider-horizontal .ui-slider-range-min { left: -1px; } .widget_price_filter .ui-slider-horizontal .ui-slider-range-max { right: -1px; } /* Layered nav */ .widget_layered_nav ul, .widget_layered_nav_filters ul { margin: 0; padding: 0; border: 0; list-style: none; } .widget_layered_nav ul li, .widget_layered_nav_filters ul li { padding: 0 0 1px; margin: 0 0 10px; list-style: none; } .widget_layered_nav ul li:after, .widget_layered_nav ul li:before, .widget_layered_nav_filters ul li:after, .widget_layered_nav_filters ul li:before { content: " "; display: table; } .widget_layered_nav ul li a, .widget_layered_nav ul li span, .widget_layered_nav_filters ul li a, .widget_layered_nav_filters ul li span { padding: 1px 0; } .widget_layered_nav ul li.chosen a:before, .widget_layered_nav_filters ul li.chosen a:before { margin-right: .618em; } .widget_layered_nav ul li.chosen, .widget_layered_nav ul li, .widget_layered_nav_filters ul li.chosen, .widget_layered_nav_filters ul li { line-height: 1.3; margin: 0 0 6px; } .widget_layered_nav ul li.chosen a:before, .widget_layered_nav_filters ul li.chosen a:before { text-indent: 0; display: block; float: left; content: '\e680'; font: normal 18px/18px Icon7Stroke; vertical-align: middle; height: 18px; width: 18px; text-align: center; text-decoration: none; border: none; margin: 0 8px 0 0; background-color: transparent; position: relative; } .widget_layered_nav ul li.chosen a:hover:before, .widget_layered_nav ul li a:hover:before, .widget_layered_nav_filters ul li.chosen a:hover:before, .widget_layered_nav_filters ul li a:hover:before { background-color: #f47a00; color: #fff; } /* Caption */ .btBox .wp-caption { margin-bottom: 10px; } /* Select */ .btBox select { padding: 10px; } /* Navigation */ .btBox.widget_nav_menu ul li { padding-top: 0; } .btBox.widget_nav_menu ul li ul { margin-left: 20px; } /* Tags */ .btBox .tagcloud a, .btTags ul a { display: inline-block; float: left; text-transform: uppercase; padding: 8px 10px; margin: 0 2px 2px 0; font-size: .75em !important; background: #f47a00; color: #FFF; } .btTags ul { list-style: none; margin: 0; padding: 0; } .btTags ul li { display: inline-block; float: left; padding: 0; margin: 0; } /* Instagram feed */ .btInstaWrap { padding-bottom: 20px; } .btInstaGrid { margin: 13px -10px 0; } .btInstaGrid span { display: block; width: 16.666666667%; padding: 0 0 10px 10px; float: left; } .btInstaGrid img { display: block; width: 100%; opacity: 1; -webkit-backface-visibility: hidden; -webkit-transition: opacity 200ms ease; -moz-transition: opacity 200ms ease; transition: opacity 200ms ease; } .btInstaGrid span:hover img { opacity: .6; } .btInstaGrid span:nth-child(6n + 1) { clear: left; } /* Post categories */ .header .btSubTitle span, .header .btSubTitle p, .header .btSubTitle a, .header .btSuperTitle span, .header .btSuperTitle p, .header .btSuperTitle a { display: inline-block; } .header .btSubTitle .btArticleDate, .header .btSubTitle .btArticleAuthor, .header .btSubTitle .btArticleComments, .header .btSubTitle .btArticleCategories, .header .btSuperTitle .btArticleDate, .header .btSuperTitle .btArticleAuthor, .header .btSuperTitle .btArticleComments, .header .btSuperTitle .btArticleCategories { display: inline-block; } .header .btSubTitle .btArticleCategories, .header .btSuperTitle .btArticleCategories { text-transform: uppercase; } .header .btSubTitle .btArticleCategories a:not(:first-child):before, .header .btSuperTitle .btArticleCategories a:not(:first-child):before { content: ' '; display: inline-block; margin: -2px 10px 0 10px; letter-spacing: inherit; width: 4px; height: 4px; border-radius: 50%; line-height: inherit; vertical-align: middle; background-color: #f47a00; } .btBlogSimpleView { padding-left: 0 !important; } .btBlogSimpleView .btBlogSimpleViewCategories span, .btBlogSimpleView .btBlogSimpleViewCategories a { text-transform: uppercase; } .btBlogSimpleView .btBlogSimpleViewCategories .asgItem.avatar img { border-radius: 50%; max-width: 100px; float: left; margin-bottom: 10px; } .btArticleDate:not(:last-child):after, .btArticleAuthor:not(:last-child):after, .btArticleComments:not(:last-child):after, .btArticleCategories:not(:last-child):after { content: ' / '; padding: 0 .5em; } .btLightSkin .btArticleDate:not(:last-child), .btLightSkin .btArticleAuthor:not(:last-child), .btLightSkin .btArticleComments:not(:last-child), .btLightSkin .btArticleCategories:not(:last-child), .btDarkSkin .btLightSkin .btArticleDate:not(:last-child), .btDarkSkin .btLightSkin .btArticleAuthor:not(:last-child), .btDarkSkin .btLightSkin .btArticleComments:not(:last-child), .btDarkSkin .btLightSkin .btArticleCategories:not(:last-child) { border-color: rgba(0,0,0,.2); } .btDarkSkin .btArticleDate:not(:last-child), .btDarkSkin .btArticleAuthor:not(:last-child), .btDarkSkin .btArticleComments:not(:last-child), .btDarkSkin .btArticleCategories:not(:last-child), .btLightSkin .btDarkSkin .btArticleDate:not(:last-child), .btLightSkin .btDarkSkin .btArticleAuthor:not(:last-child), .btLightSkin .btDarkSkin .btArticleComments:not(:last-child), .btLightSkin .btDarkSkin .btArticleCategories:not(:last-child) { border-color: rgba(255,255,255,.1) !important; } .btArticleComments:before { font-family: FontAwesome; content: "\f075"; margin: -5px 5px 0 0; color: rgba(51,51,51,.4); display: inline-block; } .btLightSkin .btArticleComments:before, .btDarkSkin .btLightSkin .btArticleComments:before { color: rgba(51,51,51,.4); } .btDarkSkin .btArticleComments:before, .btLightSkin .btDarkSkin .btArticleComments:before { color: rgba(255,255,255,.4); } .btArticle .header h2, .btArticle .header h3, .btArticleListItem .header h2, .btArticleListItem .header h3 { letter-spacing: 0; } .btArticle .header h3 { font-size: 40px; } .bgiTxt .boldArticleMeta { font-size: 15px; } /* BT Text */ .btBox .btImage { margin-bottom: 10px; } .btBox .btImage img { width: auto; margin: auto; } /* Blockquotes*/ .btContentHolder blockquote { display: block; padding: 10px 0 20px 80px; margin: 0; font-size: 1.6em; font-weight: 400; line-height: 39px; } .btContentHolder blockquote:after { content: " "; display: table; width: 100%; clear: both; } .btContentHolder blockquote:before { content: '\f10d'; font-family: FontAwesome; display: block; margin: 0 0 0 -80px; font-size: 60px; opacity: .5; float: left; } /* PRE */ .btContentHolder pre { margin: 0 0 30px; white-space: pre-wrap; padding: 20px; border: 1px solid rgba(0,0,0,.2); } /* Image alignment */ .btContentHolder .alignleft { float: left; margin: 0 20px 0 0; } .btContentHolder .alignright { float: right; margin: 0 0 0 20px; } .btContentHolder .aligncenter, .btContent .alignnone { text-align: center; margin: 0 auto; } .btContentHolder figure.aligncenter, .btContent figure.alignnone { margin: 0 auto 20px; } .btContentHolder .alignnone { width: auto !important; } /* Password protection */ .post-password-form input[type="password"] { padding: 10px; height: 38px; border: 1px solid rgba(0,0,0,.2); width: 100%; display: block; margin: 0 0 20px; } .post-password-form input[type="submit"] { display: block; margin: 0 auto; color: #FFF; width: auto; height: 38px; background: #f47a00; border: 0; cursor: pointer; padding: 0 20px; font-family: "Roboto"; } /* Pagination */ .btPagination { font-family: "Roboto"; font-weight: 600; font-size: 21px; } .btPagination line-height: 38px :after { display: table; content: " "; width: 100%; clear: both; } .btPagination .paging.onLeft { float: left; } .btPagination .paging.onRight { float: right; } .btPagination .paging a { display: block; } .btPagination .paging a:after { width: 38px; height: 38px; border-radius: 50%; display: block; text-align: center; background-color: #f47a00; border: 2px solid #f47a00; color: #fff; font: 28px/34px Icon7Stroke; border-radius: 50%; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease; } .btPagination .paging a:hover:after { color: #f47a00; background-color: transparent; } .btPagination .paging .pagePrev a:after { content: "\e686"; float: left; margin: 0 10px 0 0; } .btPagination .paging .pageNext a:after { content: "\e684"; float: right; margin: 0 0 0 10px; } /* Linked pages in a single post */ .btLinkPages ul { margin-left: 0; padding-left: 0; } .btLinkPages ul li { list-style: none; display: inline-block; } /* Author avatar in list */ .articleSideGutter { position: absolute; top: 0; left: 0; line-height: 1.4; width: 100px; } .articleSideGutter .date { opacity: .8; } .btHasAuthorInfo .btArticleListBody { padding-left: 120px; } /* Comment respond */ .comment-respond .btnOutline button[type="submit"] { font-family: "Roboto"; margin: -7px -12px; padding: 7px 20px; height: 41px; background: transparent; border: 0; cursor: pointer; color: inherit; font-weight: 700; } /* Photo slide */ .boldPhotoSlide { position: relative; } /* Galleries */ .gallery { margin-bottom: 1.6em; } .gallery-item { display: inline-block; padding: 0 4px; text-align: center; vertical-align: top; width: 100%; margin: 0; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-icon img { margin: 0 auto; } .gallery-caption { display: block; padding: 5px 0; } .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } @media (max-width: 1200px) { .gallery-item { width: 100% !important; max-width: 100% !important; } } h5.author { line-height: 1.2; margin: 18px 0 25px; } .variableImg { position: relative; } .slidedItem.firstItem .port:after, .slidedItem .variableImg:after, .btGhost > .port:after { content: ' '; display: block; background-color: rgba(0,0,0,.7); position: absolute; left: 0; top: 0; bottom: 0; right: 0; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease; } .slidedItem .port .btSlideGutter, .btGhost > .port .rowItem { position: relative; z-index: 2; } .slidedItem.firstItem .port:after, .btGhost > .port:after { background-color: rgba(0,0,0,.6); } .slidedItem.slick-current .variableImg:after { background-color: rgba(0,0,0,0); } a#cancel-comment-reply-link { font-weight: 300; display: inline-block; margin: 0 0 0 1em; padding: 0 0 0 .9em; color: #fff; } a#cancel-comment-reply-link:before { content: '\e680'; display: block; float: left; font-size: 1.7em; font-family: Icon7Stroke; margin: 0 0 0 -.9em; color: #fff; } a#cancel-comment-reply-link:hover { color: #f47a00; } span.enhanced { display: block; float: left; margin: 0 .3em .1em 0; padding: 0; width: 1.8em; font-size: 1.8em; height: 1.8em; line-height: 1.6em; vertical-align: middle; text-align: center; border: 1px solid #333; border-radius: 1.8em; } .btLightSkin span.enhanced, .btDarkSkin .btLightSkin span.enhanced { border-color: #333; } .btDarkSkin span.enhanced, .btLightSkin .btDarkSkin span.enhanced { border-color: #333; } span.btHighlight { display: inline-block; padding: .06em .5em; background-color: #f47a00; color: #fff; } a.btContinueReading { font-weight: 800; color: #f47a00; } a.btContinueReading:hover { text-decoration: underline; } .btShareArticle:before { background-color: #f47a00; } .asgItem.title { margin: 4px 0 0; } .asgItem.title a { color: #f47a00; } .asgItem.title a:hover { text-decoration: underline; } /* Icons */ .btIco .btIcoHolder[data-ico-fa]:before { font-family: FontAwesome; content: attr(data-ico-fa); } .btIco .btIcoHolder[data-ico-s7]:before { font-family: Icon7Stroke; content: attr(data-ico-s7); } .btIco .btIcoHolder[data-ico-wi]:before { font-family: WeatherIcons; content: attr(data-ico-wi); font-weight: 100; } .btIco { display: inline-block; vertical-align: middle; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease; } .btIco .btIcoHolder { line-height: inherit; display: inline-block; float: left; } .btIco .btIcoHolder span, .btIco .btIcoHolder a { line-height: inherit; } .btIco .btIcoHolder:before { color: #f47a00; border-radius: 50%; display: inline-block; float: left; text-align: center; vertical-align: middle; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .btIco.borderless a.btIcoHolder:before { -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; } .btIco.btIcoLargeSize .btIcoHolder:before { -webkit-transition: all .55s ease; -moz-transition: all .55s ease; transition: all .55s ease; } .btIco.borderless a.btIcoHolder:before { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .btIco.borderless:hover a.btIcoHolder:before { -webkit-transform: translate3d(0,-3px,0); -moz-transform: translate3d(0,-3px,0); -ms-transform: translate3d(0,-3px,0); transform: translate3d(0,-3px,0); } /* Margins */ .btIco .btIcoHolder span { margin-left: .25em; line-height: inherit; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; } .btIco.btIcoLargeSize .btIcoHolder span { -webkit-transition: all 550ms ease; -moz-transition: all 550ms ease; transition: all 550ms ease; } .btIco { margin-left: .25em; margin-right: .25em; } .btIco.btIcoLargeSize { margin-right: 1em; margin-left: 1em; } .btTextLeft .btIco { margin-right: .5em; margin-left: 0; } .btTextLeft .btIco.btIcoLargeSize { margin-right: 2em; margin-left: 0; } .btTextRight .btIco { margin-left: .5em; margin-right: 0; } .btTextRight .btIco.btIcoLargeSize { margin-left: 2em; margin-right: 0; } /* Filled and Outline Accent */ .btIco.btIcoFilledType.btIcoAccentColor .btIcoHolder:before, .btIco.btIcoOutlineType.btIcoAccentColor:hover .btIcoHolder:before { -webkit-box-shadow: 0 0 0 1em #f47a00 inset; box-shadow: 0 0 0 1em #f47a00 inset; color: #fff; } .btIco.btIcoFilledType.btIcoAccentColor:hover .btIcoHolder:before, .btIco.btIcoOutlineType.btIcoAccentColor .btIcoHolder:before { -webkit-box-shadow: 0 0 0 2px #f47a00 inset; box-shadow: 0 0 0 2px #f47a00 inset; color: #f47a00; } /* Filled and Outline Alternate */ .btIco.btIcoFilledType.btIcoAlternateColor .btIcoHolder:before, .btIco.btIcoOutlineType.btIcoAlternateColor:hover .btIcoHolder:before { -webkit-box-shadow: 0 0 0 1em #a0b751 inset; box-shadow: 0 0 0 1em #a0b751 inset; color: #fff; } .btIco.btIcoFilledType.btIcoAlternateColor:hover .btIcoHolder:before, .btIco.btIcoOutlineType.btIcoAlternateColor .btIcoHolder:before { -webkit-box-shadow: 0 0 0 2px #a0b751 inset; box-shadow: 0 0 0 2px #a0b751 inset; color: #a0b751; } /* Filled and Outline Normal */ .btDarkSkin .btIco.btIcoFilledType.btIcoDefaultColor .btIcoHolder:before, .btDarkSkin .btIco.btIcoOutlineType.btIcoDefaultColor:hover .btIcoHolder:before, .btLightSkin .btDarkSkin .btIco.btIcoFilledType.btIcoDefaultColor .btIcoHolder:before, .btLightSkin .btDarkSkin .btIco.btIcoOutlineType.btIcoDefaultColor:hover .btIcoHolder:before { -webkit-box-shadow: 0 0 0 1em #fff inset; box-shadow: 0 0 0 1em #fff inset; color: #181A1E; } .btDarkSkin .btIco.btIcoFilledType.btIcoDefaultColor:hover .btIcoHolder:before, .btDarkSkin .btIco.btIcoOutlineType.btIcoDefaultColor .btIcoHolder:before, .btLightSkin .btDarkSkin .btIco.btIcoFilledType.btIcoDefaultColor:hover .btIcoHolder:before, .btLightSkin .btDarkSkin .btIco.btIcoOutlineType.btIcoDefaultColor .btIcoHolder:before { -webkit-box-shadow: 0 0 0 2px #fff inset; box-shadow: 0 0 0 2px #fff inset; color: #fff; } .btLightSkin .btIco.btIcoFilledType.btIcoDefaultColor .btIcoHolder:before, .btLightSkin .btIco.btIcoOutlineType.btIcoDefaultColor:hover .btIcoHolder:before, .btDarkSkin .btLightSkin .btIco.btIcoFilledType.btIcoDefaultColor .btIcoHolder:before, .btDarkSkin .btLightSkin .btIco.btIcoOutlineType.btIcoDefaultColor:hover .btIcoHolder:before { -webkit-box-shadow: 0 0 0 1em #333 inset; box-shadow: 0 0 0 1em #333 inset; color: #fff; } .btLightSkin .btIco.btIcoFilledType.btIcoDefaultColor:hover .btIcoHolder:before, .btLightSkin .btIco.btIcoOutlineType.btIcoDefaultColor .btIcoHolder:before, .btDarkSkin .btLightSkin .btIco.btIcoFilledType.btIcoDefaultColor:hover .btIcoHolder:before, .btDarkSkin .btLightSkin .btIco.btIcoOutlineType.btIcoDefaultColor .btIcoHolder:before { -webkit-box-shadow: 0 0 0 2px #333 inset; box-shadow: 0 0 0 2px #333 inset; color: #333; } /* Default */ .btLightSkin .btIco.btIcoDefaultType.btIcoAccentColor .btIcoHolder:before, .btLightSkin .btIco.btIcoDefaultType.btIcoDefaultColor:hover .btIcoHolder:before, .btDarkSkin .btLightSkin .btIco.btIcoDefaultType.btIcoAccentColor .btIcoHolder:before, .btDarkSkin .btLightSkin .btIco.btIcoDefaultType.btIcoDefaultColor:hover .btIcoHolder:before, .btDarkSkin .btIco.btIcoDefaultType.btIcoAccentColor .btIcoHolder:before, .btDarkSkin .btIco.btIcoDefaultType.btIcoDefaultColor:hover .btIcoHolder:before, .btLightSkin .btDarkSkin .btIco.btIcoDefaultType.btIcoAccentColor .btIcoHolder:before, .btLightSkin .btDarkSkin .btIco.btIcoDefaultType.btIcoDefaultColor:hover .btIcoHolder:before { color: #f47a00; } .btLightSkin .btIco.btIcoDefaultType.btIcoAlternateColor .btIcoHolder:before, .btDarkSkin .btLightSkin .btIco.btIcoDefaultType.btIcoAlternateColor .btIcoHolder:before, .btDarkSkin .btIco.btIcoDefaultType.btIcoAlternateColor .btIcoHolder:before, .btLightSkin .btDarkSkin .btIco.btIcoDefaultType.btIcoAlternateColor .btIcoHolder:before { color: #a0b751; } .btLightSkin .btIco.btIcoDefaultType.btIcoDefaultColor .btIcoHolder:before, .btLightSkin .btIco.btIcoDefaultType.btIcoAccentColor:hover .btIcoHolder:before, .btLightSkin .btIco.btIcoDefaultType.btIcoAlternateColor:hover .btIcoHolder:before, .btDarkSkin .btLightSkin .btIco.btIcoDefaultType.btIcoDefaultColor .btIcoHolder:before, .btDarkSkin .btLightSkin .btIco.btIcoDefaultType.btIcoAccentColor:hover .btIcoHolder:before, .btDarkSkin .btLightSkin .btIco.btIcoDefaultType.btIcoAlternateColor:hover .btIcoHolder:before { color: #333; } .btDarkSkin .btIco.btIcoDefaultType.btIcoDefaultColor .btIcoHolder:before, .btDarkSkin .btIco.btIcoDefaultType.btIcoAccentColor:hover .btIcoHolder:before, .btDarkSkin .btIco.btIcoDefaultType.btIcoAlternateColor:hover .btIcoHolder:before, .btLightSkin .btDarkSkin .btIco.btIcoDefaultType.btIcoDefaultColor .btIcoHolder:before, .btLightSkin .btDarkSkin .btIco.btIcoDefaultType.btIcoAccentColor:hover .btIcoHolder:before, .btLightSkin .btDarkSkin .btIco.btIcoDefaultType.btIcoAlternateColor:hover .btIcoHolder:before { color: #fff; } /* Icon sizes */ .btIco { line-height: inherit; } .btIco .btIcoHolder:before { font-size: inherit; width: auto; height: auto; line-height: inherit; } .btIco .btIcoHolder span { font-size: inherit; } .btIco.btIcoExtraSmallSize { line-height: 26px; } .btIco.btIcoExtraSmallSize .btIcoHolder:before { font-size: 13px; width: 26px; height: 26px; line-height: 26px; font-weight: 800; } .btIco.btIcoExtraSmallSize .btIcoHolder span { font-size: 12px; } .btIco.btIcoSmallSize { line-height: 30px; } .btIco.btIcoSmallSize .btIcoHolder:before { font-size: 15px; width: 30px; height: 30px; line-height: 30px; font-weight: 800; } .btIco.btIcoSmallSize .btIcoHolder span { font-size: 14px; } .btIco.btIcoMediumSize { line-height: 50px; } .btIco.btIcoMediumSize .btIcoHolder:before { font-size: 25px; width: 50px; height: 50px; line-height: 50px; } .btIco.btIcoMediumSize .btIcoHolder span { font-size: 16px; } .btIco.btIcoBigSize { line-height: 70px; } .btIco.btIcoBigSize .btIcoHolder:before { font-size: 35px; width: 70px; height: 70px; line-height: 70px; } .btIco.btIcoBigSize .btIcoHolder span { font-size: 18px; } .btIco.btIcoLargeSize { line-height: 120px; } .btIco.btIcoLargeSize .btIcoHolder:before { font-size: 60px; width: 120px; height: 120px; line-height: 120px; border-width: 2px; } .btIco.btIcoLargeSize .btIcoHolder span { font-size: 24px; } .btIco.btIcoDefaultType.btIcoLargeSize .btIcoHolder:before { font-size: 120px; } @media (max-width: 768px) { .btIco.btIcoBigSize, .btIco.btIcoLargeSize { line-height: 50px; } .btIco.btIcoBigSize .btIcoHolder:before, .btIco.btIcoLargeSize .btIcoHolder:before { font-size: 25px; width: 50px; height: 50px; line-height: 50px; border-width: 1px; } .btIco.btIcoBigSize .btIcoHolder span, .btIco.btIcoLargeSize .btIcoHolder span { font-size: 24px; } .btIco.btIcoDefaultType.btIcoLargeSize .btIcoHolder:before { font-size: 50px; } .btIco.btIcoDefaultType.btIcoBigSize .btIcoHolder:before { font-size: 50px; } } /* Default icon size */ .btIco.btIcoDefaultType .btIcoHolder:before { width: auto; padding: 0 2px; margin-right: 2px; } /* Icons side text color */ .btIcoAccentColor span { color: #f47a00; } .btIcoAccentColor:hover span { color: #fff; } .btLightSkin .btIcoAccentColor:hover span, .btDarkSkin .btLightSkin .btIcoAccentColor:hover span { color: #333; } .btIcoDefaultColor:hover span { color: #f47a00; } /* Icon and images row */ .btTextLeft .btIconImageRow, .btTextRight .btIconImageRow { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .btTextLeft .btIconImageRow .btIconImageCell, .btTextRight .btIconImageRow .btIconImageCell { display: inline-block; margin: 0 5px; } .btTextLeft .btIconImageRow { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .btTextLeft .btIconImageRow .btIconImageCell { margin: 0 10px 0 0; } .btTextRight .btIconImageRow { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .btTextRight .btIconImageRow .btIconImageCell { margin: 0 0 0 10px; } .btTextCenter .btIconImageRow { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .btTextCenter .btIconImageRow .btIconImageCell { display: inline-block; padding: 0 10px; } /* Buttons */ .btBtn { cursor: pointer; display: inline-block; font-weight: 800; letter-spacing: 1px; font-size: 12px; position: relative; padding: 10px; line-height: 1; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease; } .btBtn .btIco .btIcoHolder:before, .btBtn button { -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease; font-size: inherit; line-height: inherit; } .btBtn .btIco { display: inline-block; float: left; } .btBtn .btnInnerText { display: inline-block; float: left; font-size: inherit; line-height: inherit; } .btBtn.btnRightPosition:not(.btnNoIcon) .btIco { float: right; margin-left: 10px; margin-right: 0; } .btBtn.btnRightPosition:not(.btnNoIcon) .btnInnerText { float: left; } .btBtn.btnLeftPosition:not(.btnNoIcon) .btIco { float: left; margin-right: 10px; margin-left: 0; } .btBtn.btnLeftPosition:not(.btnNoIcon) .btnInnerText { float: right; } .btBtn.btnRightPosition .btIco:before, .btBtn.btnLeftPosition .btIco:before { border-radius: 0; } .btBtn.btnInlinePosition .btIco { display: inline-block; margin: 0 .5em; } .btBtn.btnInlinePosition.btnFullWidth .btIco { float: none; } /*.btTextCenter .btBtn.btnFullWidth, .btTextLeft .btBtn.btnFullWidth, .btTextLeft .btBtn.btnFullWidth { margin: 0 0 20px; }*/ .btnExtraSmall { font-size: 11px; padding: 10px 20px; text-transform: uppercase; } .btnSmall { font-size: 12px; padding: 13px 26px; text-transform: uppercase; } .btnMedium { font-size: 14px; padding: 15px 30px; } .btnBig { font-size: 16px; padding: 20px 40px; } @media (max-width: 768px) { .btnBig, .btnMedium { font-size: 12px; padding: 13px 26px; } } .btnNormalWidth { display: inline-block; } .btnFullWidth { width: 100%; } .btnFullWidth .btnInnerText { float: none; } .btTextLeft .btBtn { margin-right: 10px; } .btTextRight .btBtn { margin-left: 10px; } .btTextCenter .btBtn { margin-left: 10px; margin-right: 10px; } /* Button colors */ /* Accent */ .btnFilledStyle.btnAccentColor, .btnOutlineStyle.btnAccentColor:hover { background-color: #f47a00; border: 2px solid #f47a00; } .btnFilledStyle.btnAccentColor span, .btnOutlineStyle.btnAccentColor:hover span, .btnFilledStyle.btnAccentColor span:before, .btnOutlineStyle.btnAccentColor:hover span:before, .btnFilledStyle.btnAccentColor a, .btnOutlineStyle.btnAccentColor:hover a, .btnFilledStyle.btnAccentColor .btIco a:before, .btnOutlineStyle.btnAccentColor:hover .btIco a:before, .btnFilledStyle.btnAccentColor button, .btnOutlineStyle.btnAccentColor:hover button { color: #fff !important; } .btnOutlineStyle.btnAccentColor, .btnFilledStyle.btnAccentColor:hover { background-color: transparent; border: 2px solid #f47a00; color: #f47a00; } .btnOutlineStyle.btnAccentColor span, .btnFilledStyle.btnAccentColor:hover span, .btnOutlineStyle.btnAccentColor span:before, .btnFilledStyle.btnAccentColor:hover span:before, .btnOutlineStyle.btnAccentColor a, .btnFilledStyle.btnAccentColor:hover a, .btnOutlineStyle.btnAccentColor .btIco a:before, .btnFilledStyle.btnAccentColor:hover .btIco a:before, .btnOutlineStyle.btnAccentColor button, .btnFilledStyle.btnAccentColor:hover button { color: #f47a00 !important; } .btnBorderlessStyle.btnAccentColor span, .btnBorderlessStyle.btnNormalColor:hover span, .btnBorderlessStyle.btnAccentColor span:before, .btnBorderlessStyle.btnNormalColor:hover span:before, .btnBorderlessStyle.btnAccentColor a, .btnBorderlessStyle.btnNormalColor:hover a, .btnBorderlessStyle.btnAccentColor .btIco a:before, .btnBorderlessStyle.btnNormalColor:hover .btIco a:before, .btnBorderlessStyle.btnAccentColor button, .btnBorderlessStyle.btnNormalColor:hover button { color: #f47a00; } /* Alternate */ .btnFilledStyle.btnAlternateColor, .btnOutlineStyle.btnAlternateColor:hover { background-color: #a0b751; border: 2px solid #a0b751; } .btnFilledStyle.btnAlternateColor span, .btnOutlineStyle.btnAlternateColor:hover span, .btnFilledStyle.btnAlternateColor span:before, .btnOutlineStyle.btnAlternateColor:hover span:before, .btnFilledStyle.btnAlternateColor a, .btnOutlineStyle.btnAlternateColor:hover a, .btnFilledStyle.btnAlternateColor .btIco a:before, .btnOutlineStyle.btnAlternateColor:hover .btIco a:before, .btnFilledStyle.btnAlternateColor button, .btnOutlineStyle.btnAlternateColor:hover button { color: #fff !important; } .btnOutlineStyle.btnAlternateColor, .btnFilledStyle.btnAlternateColor:hover { background-color: transparent; border: 2px solid #a0b751; color: #a0b751; } .btnOutlineStyle.btnAlternateColor span, .btnFilledStyle.btnAlternateColor:hover span, .btnOutlineStyle.btnAlternateColor span:before, .btnFilledStyle.btnAlternateColor:hover span:before, .btnOutlineStyle.btnAlternateColor a, .btnFilledStyle.btnAlternateColor:hover a, .btnOutlineStyle.btnAlternateColor .btIco a:before, .btnFilledStyle.btnAlternateColor:hover .btIco a:before, .btnOutlineStyle.btnAlternateColor button, .btnFilledStyle.btnAlternateColor:hover button { color: #a0b751 !important; } .btnBorderlessStyle.btnAlternateColor span, .btnBorderlessStyle.btnAlternateColor span:before, .btnBorderlessStyle.btnAlternateColor a, .btnBorderlessStyle.btnAlternateColor .btIco a:before, .btnBorderlessStyle.btnAlternateColor button { color: #a0b751; } /* Normal */ .btLightSkin .btnBorderlessStyle.btnNormalColor span, .btLightSkin .btnBorderlessStyle.btnAccentColor:hover span, .btDarkSkin .btLightSkin .btnBorderlessStyle.btnNormalColor span, .btDarkSkin .btLightSkin .btnBorderlessStyle.btnAccentColor:hover span, .btLightSkin .btnBorderlessStyle.btnNormalColor span:before, .btLightSkin .btnBorderlessStyle.btnAccentColor:hover span:before, .btDarkSkin .btLightSkin .btnBorderlessStyle.btnNormalColor span:before, .btDarkSkin .btLightSkin .btnBorderlessStyle.btnAccentColor:hover span:before, .btLightSkin .btnBorderlessStyle.btnNormalColor a, .btLightSkin .btnBorderlessStyle.btnAccentColor:hover a, .btDarkSkin .btLightSkin .btnBorderlessStyle.btnNormalColor a, .btDarkSkin .btLightSkin .btnBorderlessStyle.btnAccentColor:hover a, .btLightSkin .btnBorderlessStyle.btnNormalColor .btIco a:before, .btLightSkin .btnBorderlessStyle.btnAccentColor:hover .btIco a:before, .btDarkSkin .btLightSkin .btnBorderlessStyle.btnNormalColor .btIco a:before, .btDarkSkin .btLightSkin .btnBorderlessStyle.btnAccentColor:hover .btIco a:before, .btLightSkin .btnBorderlessStyle.btnNormalColor button, .btLightSkin .btnBorderlessStyle.btnAccentColor:hover button, .btDarkSkin .btLightSkin .btnBorderlessStyle.btnNormalColor button, .btDarkSkin .btLightSkin .btnBorderlessStyle.btnAccentColor:hover button { color: #333; } .btDarkSkin .btnBorderlessStyle.btnNormalColor span, .btDarkSkin .btnBorderlessStyle.btnAccentColor:hover span, .btLightSkin .btDarkSkin .btnBorderlessStyle.btnNormalColor span, .btLightSkin .btDarkSkin .btnBorderlessStyle.btnAccentColor:hover span, .btDarkSkin .btnBorderlessStyle.btnNormalColor span:before, .btDarkSkin .btnBorderlessStyle.btnAccentColor:hover span:before, .btLightSkin .btDarkSkin .btnBorderlessStyle.btnNormalColor span:before, .btLightSkin .btDarkSkin .btnBorderlessStyle.btnAccentColor:hover span:before, .btDarkSkin .btnBorderlessStyle.btnNormalColor a, .btDarkSkin .btnBorderlessStyle.btnAccentColor:hover a, .btLightSkin .btDarkSkin .btnBorderlessStyle.btnNormalColor a, .btLightSkin .btDarkSkin .btnBorderlessStyle.btnAccentColor:hover a, .btDarkSkin .btnBorderlessStyle.btnNormalColor .btIco a:before, .btDarkSkin .btnBorderlessStyle.btnAccentColor:hover .btIco a:before, .btLightSkin .btDarkSkin .btnBorderlessStyle.btnNormalColor .btIco a:before, .btLightSkin .btDarkSkin .btnBorderlessStyle.btnAccentColor:hover .btIco a:before, .btDarkSkin .btnBorderlessStyle.btnNormalColor button, .btDarkSkin .btnBorderlessStyle.btnAccentColor:hover button, .btLightSkin .btDarkSkin .btnBorderlessStyle.btnNormalColor button, .btLightSkin .btDarkSkin .btnBorderlessStyle.btnAccentColor:hover button { color: #fff; } .btLightSkin .btnFilledStyle.btnNormalColor, .btLightSkin .btnOutlineStyle.btnNormalColor:hover, .btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor, .btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor:hover { border: 2px solid #333; background-color: #333; color: #fff !important; } .btLightSkin .btnFilledStyle.btnNormalColor span, .btLightSkin .btnOutlineStyle.btnNormalColor:hover span, .btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor span, .btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor:hover span, .btLightSkin .btnFilledStyle.btnNormalColor .btIco span:before, .btLightSkin .btnOutlineStyle.btnNormalColor:hover .btIco span:before, .btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor .btIco span:before, .btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor:hover .btIco span:before, .btLightSkin .btnFilledStyle.btnNormalColor a, .btLightSkin .btnOutlineStyle.btnNormalColor:hover a, .btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor a, .btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor:hover a, .btLightSkin .btnFilledStyle.btnNormalColor a:before, .btLightSkin .btnOutlineStyle.btnNormalColor:hover a:before, .btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor a:before, .btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor:hover a:before, .btLightSkin .btnFilledStyle.btnNormalColor button, .btLightSkin .btnOutlineStyle.btnNormalColor:hover button, .btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor button, .btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor:hover button { color: #fff !important; } .btLightSkin .btnOutlineStyle.btnNormalColor, .btLightSkin .btnFilledStyle.btnNormalColor:hover, .btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor, .btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor:hover { border: 2px solid #333; background-color: transparent; color: #333; } .btLightSkin .btnOutlineStyle.btnNormalColor span, .btLightSkin .btnFilledStyle.btnNormalColor:hover span, .btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor span, .btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor:hover span, .btLightSkin .btnOutlineStyle.btnNormalColor span:before, .btLightSkin .btnFilledStyle.btnNormalColor:hover span:before, .btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor span:before, .btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor:hover span:before, .btLightSkin .btnOutlineStyle.btnNormalColor a, .btLightSkin .btnFilledStyle.btnNormalColor:hover a, .btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor a, .btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor:hover a, .btLightSkin .btnOutlineStyle.btnNormalColor a:before, .btLightSkin .btnFilledStyle.btnNormalColor:hover a:before, .btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor a:before, .btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor:hover a:before, .btLightSkin .btnOutlineStyle.btnNormalColor button, .btLightSkin .btnFilledStyle.btnNormalColor:hover button, .btDarkSkin .btLightSkin .btnOutlineStyle.btnNormalColor button, .btDarkSkin .btLightSkin .btnFilledStyle.btnNormalColor:hover button { color: #333 !important; } .btDarkSkin .btnFilledStyle.btnNormalColor, .btDarkSkin .btnOutlineStyle.btnNormalColor:hover, .btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor, .btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor:hover { border: 2px solid #fff; background-color: #fff; color: #333; } .btDarkSkin .btnFilledStyle.btnNormalColor span, .btDarkSkin .btnOutlineStyle.btnNormalColor:hover span, .btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor span, .btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor:hover span, .btDarkSkin .btnFilledStyle.btnNormalColor span:before, .btDarkSkin .btnOutlineStyle.btnNormalColor:hover span:before, .btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor span:before, .btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor:hover span:before, .btDarkSkin .btnFilledStyle.btnNormalColor a, .btDarkSkin .btnOutlineStyle.btnNormalColor:hover a, .btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor a, .btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor:hover a, .btDarkSkin .btnFilledStyle.btnNormalColor a:before, .btDarkSkin .btnOutlineStyle.btnNormalColor:hover a:before, .btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor a:before, .btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor:hover a:before, .btDarkSkin .btnFilledStyle.btnNormalColor button, .btDarkSkin .btnOutlineStyle.btnNormalColor:hover button, .btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor button, .btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor:hover button { color: #333 !important; } .btDarkSkin .btnOutlineStyle.btnNormalColor, .btDarkSkin .btnFilledStyle.btnNormalColor:hover, .btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor, .btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor:hover { border: 2px solid #fff; background-color: transparent; color: #fff; } .btDarkSkin .btnOutlineStyle.btnNormalColor span, .btDarkSkin .btnFilledStyle.btnNormalColor:hover span, .btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor span, .btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor:hover span, .btDarkSkin .btnOutlineStyle.btnNormalColor span:before, .btDarkSkin .btnFilledStyle.btnNormalColor:hover span:before, .btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor span:before, .btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor:hover span:before, .btDarkSkin .btnOutlineStyle.btnNormalColor a, .btDarkSkin .btnFilledStyle.btnNormalColor:hover a, .btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor a, .btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor:hover a, .btDarkSkin .btnOutlineStyle.btnNormalColor a:before, .btDarkSkin .btnFilledStyle.btnNormalColor:hover a:before, .btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor a:before, .btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor:hover a:before, .btDarkSkin .btnOutlineStyle.btnNormalColor button, .btDarkSkin .btnFilledStyle.btnNormalColor:hover button, .btLightSkin .btDarkSkin .btnOutlineStyle.btnNormalColor button, .btLightSkin .btDarkSkin .btnFilledStyle.btnNormalColor:hover button { color: #fff !important; } .btLightSkin .btnFilledStyle.btnLightColor, .btLightSkin .btnOutlineStyle.btnLightColor:hover, .btDarkSkin .btLightSkin .btnFilledStyle.btnLightColor, .btDarkSkin .btLightSkin .btnOutlineStyle.btnLightColor:hover { background: rgba(0,0,0,.2); border: 2px solid rgba(0,0,0,.2); } .btLightSkin .btnOutlineStyle.btnLightColor, .btLightSkin .btnFilledStyle.btnLightColor:hover, .btDarkSkin .btLightSkin .btnOutlineStyle.btnLightColor, .btDarkSkin .btLightSkin .btnFilledStyle.btnLightColor:hover { background-color: transparent; border: 2px solid rgba(0,0,0,.2); } .btDarkSkin .btnFilledStyle.btnLightColor, .btDarkSkin .btnOutlineStyle.btnLightColor:hover, .btLightSkin .btDarkSkin .btnFilledStyle.btnLightColor, .btLightSkin .btDarkSkin .btnOutlineStyle.btnLightColor:hover { background: rgba(0,0,0,.2); border: 2px solid; } .btDarkSkin .btnOutlineStyle.btnLightColor, .btDarkSkin .btnFilledStyle.btnLightColor:hover, .btLightSkin .btDarkSkin .btnOutlineStyle.btnLightColor, .btLightSkin .btDarkSkin .btnFilledStyle.btnLightColor:hover { background-color: transparent; border: 2px solid #fff; color: #fff !important; } .btDarkSkin .btnOutlineStyle.btnLightColor a, .btDarkSkin .btnFilledStyle.btnLightColor:hover a, .btLightSkin .btDarkSkin .btnOutlineStyle.btnLightColor a, .btLightSkin .btDarkSkin .btnFilledStyle.btnLightColor:hover a, .btDarkSkin .btnOutlineStyle.btnLightColor a:before, .btDarkSkin .btnFilledStyle.btnLightColor:hover a:before, .btLightSkin .btDarkSkin .btnOutlineStyle.btnLightColor a:before, .btLightSkin .btDarkSkin .btnFilledStyle.btnLightColor:hover a:before, .btDarkSkin .btnOutlineStyle.btnLightColor button, .btDarkSkin .btnFilledStyle.btnLightColor:hover button, .btLightSkin .btDarkSkin .btnOutlineStyle.btnLightColor button, .btLightSkin .btDarkSkin .btnFilledStyle.btnLightColor:hover button, .btDarkSkin .btnOutlineStyle.btnLightColor span, .btDarkSkin .btnFilledStyle.btnLightColor:hover span, .btLightSkin .btDarkSkin .btnOutlineStyle.btnLightColor span, .btLightSkin .btDarkSkin .btnFilledStyle.btnLightColor:hover span { color: #fff !important; } /* Divider */ .btSeparator { clear: both; } .btSeparator hr { clear: both; border: none; padding: 0; margin: 0; } .btLightSkin .btSeparator hr, .btDarkSkin .btLightSkin .btSeparator hr { border-bottom: 3px solid rgba(0,0,0,.07); } .btDarkSkin .btSeparator hr, .btLightSkin .btDarkSkin .btSeparator hr { border-bottom: 3px solid rgba(255,255,255,.02); } .btSeparator.noBorder hr { border-bottom: 0 solid transparent !important; } /* Counter */ .btCounterHolder { font-family: "Roboto"; } .btCounterHolder { font-size: 70px; line-height: 75px; height: 75px; font-weight: 700; letter-spacing: -2px; overflow: hidden; } .btCounterHolder .btCounter { display: block; height: 75px; overflow: hidden; } .btCounterHolder span.onedigit { display: inline-block; height: 70px; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; transition: all 1s ease 0s; } .btCounterHolder span.onedigit span { display: block; position: relative; height: 75px; text-align: center; } .btLightSkin .btCounterHolder, .btDarkSkin .btLightSkin .btCounterHolder { color: #222; } .btDarkSkin .btCounterHolder, .btLightSkin .btDarkSkin .btCounterHolder { color: #fff; } .btCounterHolder .btCountdownHolder { overflow: hidden; padding-top: 10px; } .btCounterHolder .btCountdownHolder > span { vertical-align: top; display: inline-block; } .btCounterHolder .btCountdownHolder > span > span { display: inline-block; } .btCounterHolder .btCountdownHolder > span > span > span { display: block; width: .6em; text-align: center; -webkit-transition: transform 0ms ease-out; -moz-transition: transform 0ms ease-out; transition: transform 0ms ease-out; -webkit-transform: translateY(-76px); -moz-transform: translateY(-76px); -ms-transform: translateY(-76px); transform: translateY(-76px); } .btCounterHolder .btCountdownHolder span.days span { width: .6em; text-align: center; } .btCounterHolder .btCountdownHolder .days, .btCounterHolder .btCountdownHolder .hours, .btCounterHolder .btCountdownHolder .minutes, .btCounterHolder .btCountdownHolder .seconds { position: relative; } .btCounterHolder .btCountdownHolder .days_text, .btCounterHolder .btCountdownHolder .hours_text, .btCounterHolder .btCountdownHolder .minutes_text, .btCounterHolder .btCountdownHolder .seconds_text { position: absolute; left: 50%; width: auto !important; font-size: 11px; font-weight: 400; text-transform: uppercase; color: #f47a00; -webkit-backface-visibility: hidden; line-height: 1; letter-spacing: 3px; margin-top: -10px; } .btCounterHolder .btCountdownHolder .days_text span, .btCounterHolder .btCountdownHolder .hours_text span, .btCounterHolder .btCountdownHolder .minutes_text span, .btCounterHolder .btCountdownHolder .seconds_text span { width: auto !important; -webkit-transform: translate(-50%,-.1em) !important; -moz-transform: translate(-50%,-.1em) !important; -ms-transform: translate(-50%,-.1em) !important; transform: translate(-50%,-.1em) !important; } .btCounterHolder .btCountdownHolder .countdown_anim { -webkit-transition: transform 200ms ease-out; -moz-transition: transform 200ms ease-out; transition: transform 200ms ease-out; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .btCounterHolder.btCounterLargeSize { font-size: 90px; line-height: 95px; height: 95px; font-weight: 700; } .btCounterHolder.btCounterLargeSize .btCounter { height: 95px; } .btCounterHolder.btCounterLargeSize span.onedigit { height: 90px; } .btCounterHolder.btCounterLargeSize span.onedigit span { height: 95px; } .btCounterHolder.btCounterLargeSize .btCountdownHolder > span > span > span { -webkit-transform: translateY(-95px); -moz-transform: translateY(-95px); -ms-transform: translateY(-95px); transform: translateY(-95px); } .btCounterHolder.btCounterLargeSize .btCountdownHolder .countdown_anim { -webkit-transition: transform 200ms ease-out; -moz-transition: transform 200ms ease-out; transition: transform 200ms ease-out; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } /* Progress bar */ .btProgressContent { background-color: rgba(0,0,0,.07); line-height: 2.4; overflow: hidden; } .btProgressContent .btProgressAnim { background-color: #f47a00; color: #fff; text-align: right; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; transition: all 1s ease 0s; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); width: auto; } .btProgressContent .btProgressAnim span { display: block; padding: 0 8px; /* vertical-align: middle; */ font-weight: 700; } .btProgressBarLineStyle .btProgressContent { background-color: transparent !important; } .btProgressBarLineStyle .btProgressContent .btProgressAnim { background-color: transparent; color: #f47a00; border-bottom: 4px solid #f47a00; } .btProgressBarLineStyle .btProgressContent .btProgressAnim span { font-weight: 300; } .btLightSkin .btProgressContent, .btDarkSkin .btLightSkin .btProgressContent { background-color: rgba(0,0,0,.07); } .btDarkSkin .btProgressContent, .btLightSkin .btDarkSkin .btProgressContent { background-color: rgba(255,255,255,.02); } @media (max-width: 768px) { .btProgressContent { line-height: 1.5; } } /* Image */ .btImage { display: block; } .btImage img { max-width: 100%; height: auto; display: block; width: 100%; } .btTextIndent .btImage img { width: 100%; max-width: none; display: block; margin: 0; } .bpgPhoto { overflow: hidden; position: relative; } .bpgPhoto > a { display: block; position: absolute; z-index: 5; left: 0; bottom: 0; right: 0; top: 0; } .bpgPhoto .captionPane { opacity: 0; position: absolute; top: 0; left: 0; bottom: 0; background-color: #f47a00 !important; right: 0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; transition: all 400ms ease; z-index: 6; pointer-events: none; } .bpgPhoto .captionPane .captionTable { display: table; margin: 0; padding: 0; width: 100%; height: 100%; } .bpgPhoto .captionPane .captionTable .captionCell { display: table-cell; height: 100%; vertical-align: middle; } .bpgPhoto .captionPane .captionTable .captionCell .captionTxt:before { content: "\e623"; font: normal 50px/2 Icon7Stroke; display: block; margin: 0 auto 20; } .bpgPhoto .captionPane .captionTable .captionCell .captionTxt { display: block; padding: 0 20px; color: #FFF; opacity: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 400ms ease 200ms; -moz-transition: all 400ms ease 200ms; transition: all 400ms ease 200ms; } .bpgPhoto .captionPane .captionTable .captionCell .captionTxt h4, .bpgPhoto .captionPane .captionTable .captionCell .captionTxt p, .bpgPhoto .captionPane .captionTable .captionCell .captionTxt a, .bpgPhoto .captionPane .captionTable .captionCell .captionTxt .btSuperTitle, .bpgPhoto .captionPane .captionTable .captionCell .captionTxt .btSubTitle { color: #fff; } .bpgPhoto .captionPane .captionTable .captionCell .captionTxt .btSuperTitle:after { border-color: #fff; } .bpgPhoto .captionPane .captionTable .captionCell .captionTxt .btArticleDate:not(:last-child), .bpgPhoto .captionPane .captionTable .captionCell .captionTxt .btArticleAuthor:not(:last-child), .bpgPhoto .captionPane .captionTable .captionCell .captionTxt .btArticleComments:not(:last-child), .bpgPhoto .captionPane .captionTable .captionCell .captionTxt .btArticleCategories:not(:last-child) { border-color: rgba(255,255,255,.5) !important; } .bpgPhoto .captionPane .captionTable .captionCell .captionTxt .header .dash:after, .bpgPhoto .captionPane .captionTable .captionCell .captionTxt .header .dash:before { border-color: #fff; } .bpgPhoto .captionPane .captionTable .captionCell .captionTxt .header .btSubTitle p { display: block !important; margin: 5px auto; } .bpgPhoto .captionPane .captionTable .captionCell .captionTxt .header .btSubTitle p:before { content: "\f00c"; font: normal 11px/1 FontAwesome; padding-right: 5px; margin-left: -10px; } .btCircleImage { border-radius: 50%; border: 3px solid white; overflow: hidden; } .btCircleImage .captionPane { border-radius: 50%; } .btCircleImage .btImage img { width: auto; } .btTextRight .bpgPhoto { float: right; } .btTextCenter .bpgPhoto { display: inline-block; float: none; } .btTextCenter .tilesWall .bpgPhoto { display: block; } .cellRight .bpgPhoto { float: right; } @media screen and (-webkit-min-device-pixel-ratio:0) { .captionPane { right: -1px; } } .touch .captionPane { display: none !important; } .btShowTitle { position: absolute; top: auto; bottom: 0; margin: 0; padding: 20px 20px; right: 0; left: 0; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; transition: all 200ms ease; display: none; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } .btShowTitle .header { margin: 0; } .btLightSkin .btShowTitle, .btDarkSkin .btLightSkin .btShowTitle { color: #333; background-color: rgba(255,255,255,.8); } .btDarkSkin .btShowTitle, .btLightSkin .btDarkSkin .btShowTitle { color: #fff; background-color: rgba(24,26,30,.8); } .btHasTitles .btShowTitle, html.touch .btShowTitle { display: block; } .btShowTitle span, .btShowTitle strong { display: block; } .bpgPhoto:hover .captionPane { opacity: .7; } .bpgPhoto:hover .captionPane .captionTable .captionTxt { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .bpgPhoto:hover .btShowTitle { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .in-top:not(.btCircleImage) .captionPane { -webkit-animation: in-top 300ms ease 0ms 1 forwards; -moz-animation: in-top 300ms ease 0ms 1 forwards; animation: in-top 300ms ease 0ms 1 forwards; } .in-right:not(.btCircleImage) .captionPane { -webkit-animation: in-right 300ms ease 0ms 1 forwards; -moz-animation: in-right 300ms ease 0ms 1 forwards; animation: in-right 300ms ease 0ms 1 forwards; } .in-bottom:not(.btCircleImage) .captionPane { -webkit-animation: in-bottom 300ms ease 0ms 1 forwards; -moz-animation: in-bottom 300ms ease 0ms 1 forwards; animation: in-bottom 300ms ease 0ms 1 forwards; } .in-left:not(.btCircleImage) .captionPane { -webkit-animation: in-left 300ms ease 0ms 1 forwards; -moz-animation: in-left 300ms ease 0ms 1 forwards; animation: in-left 300ms ease 0ms 1 forwards; } .out-top:not(.btCircleImage) .captionPane { -webkit-animation: out-top 300ms ease 0ms 1 forwards; -moz-animation: out-top 300ms ease 0ms 1 forwards; animation: out-top 300ms ease 0ms 1 forwards; } .out-right:not(.btCircleImage) .captionPane { -webkit-animation: out-right 300ms ease 0ms 1 forwards; -moz-animation: out-right 300ms ease 0ms 1 forwards; animation: out-right 300ms ease 0ms 1 forwards; } .out-bottom:not(.btCircleImage) .captionPane { -webkit-animation: out-bottom 300ms ease 0ms 1 forwards; -moz-animation: out-bottom 300ms ease 0ms 1 forwards; animation: out-bottom 300ms ease 0ms 1 forwards; } .out-left:not(.btCircleImage) .captionPane { -webkit-animation: out-left 300ms ease 0ms 1 forwards; -moz-animation: out-left 300ms ease 0ms 1 forwards; animation: out-left 300ms ease 0ms 1 forwards; } @-webkit-keyframes in-top { from { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @-moz-keyframes in-top { from { -moz-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } to { -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @keyframes in-top { from { -webkit-transform: translate3d(0,-100%,0); -moz-transform: translate3d(0,-100%,0); -ms-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } to { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @-webkit-keyframes out-top { from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } to { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } } @-moz-keyframes out-top { from { -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } to { -moz-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } } @keyframes out-top { from { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } to { -webkit-transform: translate3d(0,-100%,0); -moz-transform: translate3d(0,-100%,0); -ms-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } } @-webkit-keyframes in-right { from { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @-moz-keyframes in-right { from { -moz-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } to { -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @keyframes in-right { from { -webkit-transform: translate3d(100%,0,0); -moz-transform: translate3d(100%,0,0); -ms-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } to { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @-webkit-keyframes out-right { from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } to { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } } @-moz-keyframes out-right { from { -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } to { -moz-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } } @keyframes out-right { from { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } to { -webkit-transform: translate3d(100%,0,0); -moz-transform: translate3d(100%,0,0); -ms-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } } @-webkit-keyframes in-bottom { from { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @-moz-keyframes in-bottom { from { -moz-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } to { -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @keyframes in-bottom { from { -webkit-transform: translate3d(0,100%,0); -moz-transform: translate3d(0,100%,0); -ms-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } to { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @-webkit-keyframes out-bottom { from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } to { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } } @-moz-keyframes out-bottom { from { -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } to { -moz-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } } @keyframes out-bottom { from { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } to { -webkit-transform: translate3d(0,100%,0); -moz-transform: translate3d(0,100%,0); -ms-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } } @-webkit-keyframes in-left { from { -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @-moz-keyframes in-left { from { -moz-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } to { -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @keyframes in-left { from { -webkit-transform: translate3d(-100%,0,0); -moz-transform: translate3d(-100%,0,0); -ms-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } to { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @-webkit-keyframes out-left { from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } to { -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } } @-moz-keyframes out-left { from { -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } to { -moz-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } } @keyframes out-left { from { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } to { -webkit-transform: translate3d(-100%,0,0); -moz-transform: translate3d(-100%,0,0); -ms-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } } /* Price table */ .btPriceTable { position: relative; border-top: 0; } .btPriceTable .btPriceTableHeader { background: #f47a00; padding: 40px 40px; margin-left: -1px; margin-right: -1px; } .btPriceTable .btPriceTableHeader .header .btSuperTitle { color: white; } .btPriceTable .btPriceTableHeader .header .dash:after, .btPriceTable .btPriceTableHeader .header .dash:before { border-color: white; } .btPriceTable .btPriceTableHeader .header.extralarge { margin: 0; } .btPriceTable .btPriceTableHeader .header .btPriceTableCurrency { opacity: .3; padding-right: 10px; } .btPriceTable .btSubTitle { font-weight: 300; } .btPriceTable ul { list-style: none; margin: 0; padding: 0; } .btPriceTable ul li { display: block; padding: 30px; margin: 0; margin: 0 20px; } .btLightSkin .btPriceTable ul li, .btDarkSkin .btLightSkin .btPriceTable ul li { border-bottom: rgba(0,0,0,.2) 1px solid; } .btLightSkin .btPriceTable ul li:last-child, .btDarkSkin .btLightSkin .btPriceTable ul li:last-child { border-bottom: none; } .btDarkSkin .btPriceTable, .btLightSkin .btDarkSkin .btPriceTable { border: rgba(255,255,255,.1) 1px solid; } .btDarkSkin .btPriceTable ul li, .btLightSkin .btDarkSkin .btPriceTable ul li { border-bottom: rgba(255,255,255,.1) 1px solid; } .btDarkSkin .btPriceTable ul li:last-child, .btLightSkin .btDarkSkin .btPriceTable ul li:last-child { border-bottom: none; } .btPriceTableSticker { padding: 10px; position: absolute; top: -50px; left: 15px; right: 0; background: #181A1E; color: #fff; width: 100px; height: 100px; border-radius: 50px; font-family: "Roboto"; } .btPriceTableSticker > div { display: table; height: 100%; width: 100%; } .btPriceTableSticker > div > div { width: 100%; display: table-cell; vertical-align: middle; text-align: center; padding: 15px; } .btLightSkin .btDarkSkin .btPriceTableSticker, .btDarkSkin .btLightSkin .btDarkSkin .btPriceTableSticker { background: #181A1E; color: #fff; } .btDarkSkin .btDarkSkin .btPriceTableSticker, .btLightSkin .btDarkSkin .btDarkSkin .btPriceTableSticker { background: #fff; color: #333; } /* Service icon */ .servicesItem .btIco.btIcoDefaultType.btIcoExtraSmallSize .btIcoHolder:before { font-size: 26px; } .servicesItem .btIco.btIcoDefaultType.btIcoSmallSize .btIcoHolder:before { font-size: 30px; } .servicesItem .btIco.btIcoDefaultType.btIcoMediumSize .btIcoHolder:before { font-size: 50px; } .servicesItem .btIco.btIcoDefaultType.btIcoBigSize .btIcoHolder:before { font-size: 70px; } .btHighlight .servicesItem { padding-left: 20px; padding-right: 20px; } .btTextCenter .sIcon { margin-bottom: 20px; } .btTextRight .sIcon { float: right; display: block; position: relative; z-index: 2; margin: 0 0 0 -100%; } .btTextRight .sTxt { position: relative; float: right; } .btTextLeft .sIcon { float: left; display: block; position: relative; z-index: 2; margin: 0 -100% 0 0; } .btTextLeft .sTxt { position: relative; float: left; } .sTxt h1, .sTxt h2, .sTxt h3, .sTxt h4 { clear: none; } .sTxt .header.small.btDash { margin-bottom: 0; } .btTextRight .btIcoExtraSmallSizeIcon .sTxt { margin-right: 46px; } .btTextLeft .btIcoExtraSmallSizeIcon .sTxt { margin-left: 46px; } .btTextRight .btIcoSmallSizeIcon .sTxt { margin-right: 50px; } .btTextLeft .btIcoSmallSizeIcon .sTxt { margin-left: 50px; } .btTextLeft .btIcoMediumSizeIcon .sTxt { margin-left: 70px; } .btTextRight .btIcoMediumSizeIcon .sTxt { margin-right: 70px; } .btTextLeft .btIcoBigSizeIcon .sTxt { margin-left: 90px; } .btTextRight .btIcoBigSizeIcon .sTxt { margin-right: 90px; } .btTextLeft .btIcoLargeSizeIcon .sTxt { margin-left: 140px; } .btTextRight .btIcoLargeSizeIcon .sTxt { margin-right: 140px; } .btLightSkin .btIcoDefaultColorIcon .btDash.bottomDash .dash:after, .btLightSkin .btIcoDefaultColorIcon .btDash.topDash .dash:before, .btDarkSkin .btLightSkin .btIcoDefaultColorIcon .btDash.bottomDash .dash:after, .btDarkSkin .btLightSkin .btIcoDefaultColorIcon .btDash.topDash .dash:before { border-color: #333; } .btDarkSkin .btIcoDefaultColorIcon .btDash.bottomDash .dash:after, .btDarkSkin .btIcoDefaultColorIcon .btDash.topDash .dash:before, .btLightSkin .btDarkSkin .btIcoDefaultColorIcon .btDash.bottomDash .dash:after, .btLightSkin .btDarkSkin .btIcoDefaultColorIcon .btDash.topDash .dash:before { border-color: #fff; } .servicesItem:after { display: table; content: " "; clear: both; width: 100%; } .btTextLeft .mediumIcon .sTxt { margin-left: 90px; } .sTxt p:last-of-type, .btText p:last-of-type { margin-bottom: 0; } /* Header */ .header { display: block; margin-bottom: 10px; } .header h1, .header h2, .header h3, .header h4, .header h5, .header h6 { margin: 0; } .header .dash { display: inline-block; } .header .btSuperTitle { font-family: "Roboto"; font-size: 11px; letter-spacing: 3px; padding-top: 3px; padding-bottom: 3px; line-height: 15px; color: #f47a00; -webkit-backface-visibility: hidden; clear: both; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; } .header .btSubTitle { font-family: "Roboto"; font-size: 18px; padding-top: 3px; line-height: 28px; } .header .dash:after { margin-top: 5px; margin-bottom: 5px; } .header .headline { display: block; } /* Top dash */ .btDash.bottomDash .dash:after { content: ''; clear: both; width: 100%; display: block; border-bottom: 3px solid #f47a00; } .btDash.topDash .btSuperTitle:before, .btDash.topDash .btSuperTitle:after { content: ''; clear: both; padding-bottom: .35em; -webkit-flex-grow: 1; flex-grow: 1; } .btDash.topDash .btSuperTitle:before { margin-right: 10px; border-top: 1px solid #f47a00; } .btDash.topDash .btSuperTitle:after { margin-left: 10px; border-top: 1px solid #f47a00; } .btTextRight .btSuperTitle { float: right; width: 100%; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .btTextRight .btSuperTitle:after { display: none !important; } .btTextRight .dash:before, .btTextRight .dash:after { float: right; } .btTextCenter .btSuperTitle span { margin: auto; } .btTextCenter .btSuperTitle:before, .btTextCenter .btSuperTitle:after { margin-top: .65em; padding-bottom: 0; } .btTextLeft .btSuperTitle:before { display: none !important; } .btTextLeft .dash:before, .btTextLeft .dash:after { float: left; } .btTextCenter .dash:before, .btTextCenter .dash:after, .captionTxt .dash:before, .captionTxt .dash:after { margin-left: auto; margin-right: auto; } .header.small { margin-bottom: 6px; } .header.small h3, .header.small h4 { font-size: 24px; padding-top: 2px; padding-bottom: 0; letter-spacing: -1px; line-height: 26px; } .header.small .btSuperTitle { font-size: 11px; padding-bottom: 2px; letter-spacing: 2px; line-height: 16px; text-transform: uppercase; } .header.small .btSubTitle { font-size: 14px; padding-top: 1px; padding-bottom: 1px; line-height: 20px; letter-spacing: 0; } .header.small .dash:after, .header.small .dash:before { margin-top: 3px; margin-bottom: 3px; } .header.medium { margin-bottom: 10px; } .header.medium h2, .header.medium h3 { font-size: 48px; padding-top: 5px; padding-bottom: 5px; letter-spacing: -1px; line-height: 48px; } .header.medium .btSuperTitle { font-size: 18px; letter-spacing: -1px; } .header.medium .btSubTitle { font-size: 20px; padding-top: 2px; padding-bottom: 2px; line-height: 30px; } .header.medium .dash:after, .header.medium .dash:before { margin-top: 5px; margin-bottom: 5px; } .header.large { margin-bottom: 10px; } .header.large h2, .header.large h1 { font-size: 60px; letter-spacing: -1.5px; padding-top: 5px; padding-bottom: 5px; line-height: 60px; } .header.large .dash:after, .header.large .dash:before { border-color: #f47a00; margin-top: 5px; margin-bottom: 5px; } .header.large .btSubTitle a:hover { color: #f47a00; } .header.extralarge { margin-bottom: 10px; } .header.extralarge h1 { font-size: 90px; letter-spacing: -4px; padding-top: 2px; padding-bottom: 2px; line-height: 96px; } .header.extralarge .btSuperTitle { letter-spacing: -1px; } .header.extralarge .btSuperTitle, .header.extralarge .btSubTitle { font-size: 24px; line-height: 34px; } .header.extralarge .dash:after, .header.extralarge .dash:before { margin-top: 5px; margin-bottom: 8px; } .header.huge { margin-bottom: 10px; } .header.huge h1 { font-size: 150px; letter-spacing: -5px; line-height: 160px; font-weight: 900; } .header.huge .btSuperTitle { font-size: 14px; padding-top: 3px; padding-bottom: 3px; line-height: 18px; } .header.huge .btSubTitle { font-size: 21px; margin-top: 5px; padding-top: 3px; padding-bottom: 3px; line-height: 25px; } .header.huge .dash:after, .header.huge .dash:before { border-color: #f47a00; border-width: 3px; margin-top: 0; margin-bottom: 5px; } .btTextRight .dash:before, .btTextRight .dash:after { float: right; } .btTextLeft .dash:before, .btTextLeft .dash:after { float: left; } .btTextCenter .dash:before, .btTextCenter .dash:after, .captionTxt .dash:before, .captionTxt .dash:after { margin-left: auto; margin-right: auto; } /* Grid and tiles */ .btGridContainer { overflow: hidden; } .btGridContainer .btGridContent { padding: 28px; } .btGridContainer .btGridContent p { height: 5em; display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .gridItem { opacity: .05; -webkit-transition: transform 360ms ease 500ms,opacity .5s ease; -moz-transition: transform 360ms ease 500ms,opacity .5s ease; transition: transform 360ms ease 500ms,opacity .5s ease; overflow: hidden; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .gridItem .slick-prev, .gridItem .slick-next { display: none !important; } .gridItem .nbsImgHolder { display: none !important; } .gridItem.btMarkedImage { -webkit-transform: scale(.9); -moz-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); } .btLightSkin .gridItem, .btDarkSkin .btLightSkin .gridItem { background-color: rgba(0,0,0,.07); } .btDarkSkin .gridItem, .btLightSkin .btDarkSkin .gridItem { background-color: rgba(255,255,255,.02); } .gridItem.btGridItemLoaded { opacity: 1; } .gridItem:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 5px solid white; pointer-events: none; z-index: 10; } .btDarkSkin .gridItem:after, .btLightSkin .btDarkSkin .gridItem:after { border-color: #181A1E !important; } .btLightSkin .gridItem:after, .btDarkSkin .btLightSkin .gridItem:after { border-color: #fff !important; } .btNoMore { display: none; opacity: 1; } .btGridContent { padding: 10px; } .btGridContent .header .btSuperTitle a:hover { color: #f47a00; } .btGridGap-0 .gridItem:after { border: 0; border-right: 0 solid white; border-bottom: 0 solid white; } .btGridGap-0 .btGridOuterContent { padding: 0; padding-right: 10px; padding-bottom: -10px; } .boldSection .btGridGap-0 .tilesWall, .boldSection .btGridGap-0.tilesWall { margin: 0; margin-right: 0; margin-left: 0; margin-right: 0; margin-bottom: -0px; } .boldSection.gutter .btGridGap-0 .tilesWall, .boldSection.gutter .btGridGap-0.tilesWall { margin: 0; margin-right: -0px; margin-bottom: -0px; } .btGridGap-0 .tilesWall.classic .btGridOuterContent { padding-bottom: 0; padding-right: 0; } .btGridGap-0 .tilesWall .captionPane { margin-bottom: 0; margin-right: 0; } .btGridGap-0 .tilesWall .btShowTitle { margin-bottom: 0; right: 0; } .btGridGap-1 .gridItem:after { border: 0; border-right: 1px solid white; border-bottom: 1px solid white; } .btGridGap-1 .btGridOuterContent { padding: 0; padding-right: 11px; padding-bottom: -11px; } .boldSection .btGridGap-1 .tilesWall, .boldSection .btGridGap-1.tilesWall { margin: 0; margin-right: 0; margin-left: 1px; margin-right: 0; margin-bottom: -1px; } .boldSection.gutter .btGridGap-1 .tilesWall, .boldSection.gutter .btGridGap-1.tilesWall { margin: 0; margin-right: -1px; margin-bottom: -1px; } .btGridGap-1 .tilesWall.classic .btGridOuterContent { padding-bottom: 1px; padding-right: 1px; } .btGridGap-1 .tilesWall .captionPane { margin-bottom: 1px; margin-right: 1px; } .btGridGap-1 .tilesWall .btShowTitle { margin-bottom: 1px; right: 1px; } .btGridGap-2 .gridItem:after { border: 0; border-right: 2px solid white; border-bottom: 2px solid white; } .btGridGap-2 .btGridOuterContent { padding: 0; padding-right: 12px; padding-bottom: -12px; } .boldSection .btGridGap-2 .tilesWall, .boldSection .btGridGap-2.tilesWall { margin: 0; margin-right: 0; margin-left: 2px; margin-right: 0; margin-bottom: -2px; } .boldSection.gutter .btGridGap-2 .tilesWall, .boldSection.gutter .btGridGap-2.tilesWall { margin: 0; margin-right: -2px; margin-bottom: -2px; } .btGridGap-2 .tilesWall.classic .btGridOuterContent { padding-bottom: 2px; padding-right: 2px; } .btGridGap-2 .tilesWall .captionPane { margin-bottom: 2px; margin-right: 2px; } .btGridGap-2 .tilesWall .btShowTitle { margin-bottom: 2px; right: 2px; } .btGridGap-3 .gridItem:after { border: 0; border-right: 3px solid white; border-bottom: 3px solid white; } .btGridGap-3 .btGridOuterContent { padding: 0; padding-right: 13px; padding-bottom: -13px; } .boldSection .btGridGap-3 .tilesWall, .boldSection .btGridGap-3.tilesWall { margin: 0; margin-right: 0; margin-left: 3px; margin-right: 0; margin-bottom: -3px; } .boldSection.gutter .btGridGap-3 .tilesWall, .boldSection.gutter .btGridGap-3.tilesWall { margin: 0; margin-right: -3px; margin-bottom: -3px; } .btGridGap-3 .tilesWall.classic .btGridOuterContent { padding-bottom: 3px; padding-right: 3px; } .btGridGap-3 .tilesWall .captionPane { margin-bottom: 3px; margin-right: 3px; } .btGridGap-3 .tilesWall .btShowTitle { margin-bottom: 3px; right: 3px; } .btGridGap-4 .gridItem:after { border: 0; border-right: 4px solid white; border-bottom: 4px solid white; } .btGridGap-4 .btGridOuterContent { padding: 0; padding-right: 14px; padding-bottom: -14px; } .boldSection .btGridGap-4 .tilesWall, .boldSection .btGridGap-4.tilesWall { margin: 0; margin-right: 0; margin-left: 4px; margin-right: 0; margin-bottom: -4px; } .boldSection.gutter .btGridGap-4 .tilesWall, .boldSection.gutter .btGridGap-4.tilesWall { margin: 0; margin-right: -4px; margin-bottom: -4px; } .btGridGap-4 .tilesWall.classic .btGridOuterContent { padding-bottom: 4px; padding-right: 4px; } .btGridGap-4 .tilesWall .captionPane { margin-bottom: 4px; margin-right: 4px; } .btGridGap-4 .tilesWall .btShowTitle { margin-bottom: 4px; right: 4px; } .btGridGap-5 .gridItem:after { border: 0; border-right: 5px solid white; border-bottom: 5px solid white; } .btGridGap-5 .btGridOuterContent { padding: 0; padding-right: 15px; padding-bottom: -15px; } .boldSection .btGridGap-5 .tilesWall, .boldSection .btGridGap-5.tilesWall { margin: 0; margin-right: 0; margin-left: 5px; margin-right: 0; margin-bottom: -5px; } .boldSection.gutter .btGridGap-5 .tilesWall, .boldSection.gutter .btGridGap-5.tilesWall { margin: 0; margin-right: -5px; margin-bottom: -5px; } .btGridGap-5 .tilesWall.classic .btGridOuterContent { padding-bottom: 5px; padding-right: 5px; } .btGridGap-5 .tilesWall .captionPane { margin-bottom: 5px; margin-right: 5px; } .btGridGap-5 .tilesWall .btShowTitle { margin-bottom: 5px; right: 5px; } .btGridGap-6 .gridItem:after { border: 0; border-right: 6px solid white; border-bottom: 6px solid white; } .btGridGap-6 .btGridOuterContent { padding: 0; padding-right: 16px; padding-bottom: -16px; } .boldSection .btGridGap-6 .tilesWall, .boldSection .btGridGap-6.tilesWall { margin: 0; margin-right: 0; margin-left: 6px; margin-right: 0; margin-bottom: -6px; } .boldSection.gutter .btGridGap-6 .tilesWall, .boldSection.gutter .btGridGap-6.tilesWall { margin: 0; margin-right: -6px; margin-bottom: -6px; } .btGridGap-6 .tilesWall.classic .btGridOuterContent { padding-bottom: 6px; padding-right: 6px; } .btGridGap-6 .tilesWall .captionPane { margin-bottom: 6px; margin-right: 6px; } .btGridGap-6 .tilesWall .btShowTitle { margin-bottom: 6px; right: 6px; } .btGridGap-7 .gridItem:after { border: 0; border-right: 7px solid white; border-bottom: 7px solid white; } .btGridGap-7 .btGridOuterContent { padding: 0; padding-right: 17px; padding-bottom: -17px; } .boldSection .btGridGap-7 .tilesWall, .boldSection .btGridGap-7.tilesWall { margin: 0; margin-right: 0; margin-left: 7px; margin-right: 0; margin-bottom: -7px; } .boldSection.gutter .btGridGap-7 .tilesWall, .boldSection.gutter .btGridGap-7.tilesWall { margin: 0; margin-right: -7px; margin-bottom: -7px; } .btGridGap-7 .tilesWall.classic .btGridOuterContent { padding-bottom: 7px; padding-right: 7px; } .btGridGap-7 .tilesWall .captionPane { margin-bottom: 7px; margin-right: 7px; } .btGridGap-7 .tilesWall .btShowTitle { margin-bottom: 7px; right: 7px; } .btGridGap-8 .gridItem:after { border: 0; border-right: 8px solid white; border-bottom: 8px solid white; } .btGridGap-8 .btGridOuterContent { padding: 0; padding-right: 18px; padding-bottom: -18px; } .boldSection .btGridGap-8 .tilesWall, .boldSection .btGridGap-8.tilesWall { margin: 0; margin-right: 0; margin-left: 8px; margin-right: 0; margin-bottom: -8px; } .boldSection.gutter .btGridGap-8 .tilesWall, .boldSection.gutter .btGridGap-8.tilesWall { margin: 0; margin-right: -8px; margin-bottom: -8px; } .btGridGap-8 .tilesWall.classic .btGridOuterContent { padding-bottom: 8px; padding-right: 8px; } .btGridGap-8 .tilesWall .captionPane { margin-bottom: 8px; margin-right: 8px; } .btGridGap-8 .tilesWall .btShowTitle { margin-bottom: 8px; right: 8px; } .btGridGap-9 .gridItem:after { border: 0; border-right: 9px solid white; border-bottom: 9px solid white; } .btGridGap-9 .btGridOuterContent { padding: 0; padding-right: 19px; padding-bottom: -19px; } .boldSection .btGridGap-9 .tilesWall, .boldSection .btGridGap-9.tilesWall { margin: 0; margin-right: 0; margin-left: 9px; margin-right: 0; margin-bottom: -9px; } .boldSection.gutter .btGridGap-9 .tilesWall, .boldSection.gutter .btGridGap-9.tilesWall { margin: 0; margin-right: -9px; margin-bottom: -9px; } .btGridGap-9 .tilesWall.classic .btGridOuterContent { padding-bottom: 9px; padding-right: 9px; } .btGridGap-9 .tilesWall .captionPane { margin-bottom: 9px; margin-right: 9px; } .btGridGap-9 .tilesWall .btShowTitle { margin-bottom: 9px; right: 9px; } .btGridGap-10 .gridItem:after { border: 0; border-right: 10px solid white; border-bottom: 10px solid white; } .btGridGap-10 .btGridOuterContent { padding: 0; padding-right: 20px; padding-bottom: -20px; } .boldSection .btGridGap-10 .tilesWall, .boldSection .btGridGap-10.tilesWall { margin: 0; margin-right: 0; margin-left: 10px; margin-right: 0; margin-bottom: -10px; } .boldSection.gutter .btGridGap-10 .tilesWall, .boldSection.gutter .btGridGap-10.tilesWall { margin: 0; margin-right: -10px; margin-bottom: -10px; } .btGridGap-10 .tilesWall.classic .btGridOuterContent { padding-bottom: 10px; padding-right: 10px; } .btGridGap-10 .tilesWall .captionPane { margin-bottom: 10px; margin-right: 10px; } .btGridGap-10 .tilesWall .btShowTitle { margin-bottom: 10px; right: 10px; } .btGridGap-11 .gridItem:after { border: 0; border-right: 11px solid white; border-bottom: 11px solid white; } .btGridGap-11 .btGridOuterContent { padding: 0; padding-right: 21px; padding-bottom: -21px; } .boldSection .btGridGap-11 .tilesWall, .boldSection .btGridGap-11.tilesWall { margin: 0; margin-right: 0; margin-left: 11px; margin-right: 0; margin-bottom: -11px; } .boldSection.gutter .btGridGap-11 .tilesWall, .boldSection.gutter .btGridGap-11.tilesWall { margin: 0; margin-right: -11px; margin-bottom: -11px; } .btGridGap-11 .tilesWall.classic .btGridOuterContent { padding-bottom: 11px; padding-right: 11px; } .btGridGap-11 .tilesWall .captionPane { margin-bottom: 11px; margin-right: 11px; } .btGridGap-11 .tilesWall .btShowTitle { margin-bottom: 11px; right: 11px; } .btGridGap-12 .gridItem:after { border: 0; border-right: 12px solid white; border-bottom: 12px solid white; } .btGridGap-12 .btGridOuterContent { padding: 0; padding-right: 22px; padding-bottom: -22px; } .boldSection .btGridGap-12 .tilesWall, .boldSection .btGridGap-12.tilesWall { margin: 0; margin-right: 0; margin-left: 12px; margin-right: 0; margin-bottom: -12px; } .boldSection.gutter .btGridGap-12 .tilesWall, .boldSection.gutter .btGridGap-12.tilesWall { margin: 0; margin-right: -12px; margin-bottom: -12px; } .btGridGap-12 .tilesWall.classic .btGridOuterContent { padding-bottom: 12px; padding-right: 12px; } .btGridGap-12 .tilesWall .captionPane { margin-bottom: 12px; margin-right: 12px; } .btGridGap-12 .tilesWall .btShowTitle { margin-bottom: 12px; right: 12px; } .btGridGap-13 .gridItem:after { border: 0; border-right: 13px solid white; border-bottom: 13px solid white; } .btGridGap-13 .btGridOuterContent { padding: 0; padding-right: 23px; padding-bottom: -23px; } .boldSection .btGridGap-13 .tilesWall, .boldSection .btGridGap-13.tilesWall { margin: 0; margin-right: 0; margin-left: 13px; margin-right: 0; margin-bottom: -13px; } .boldSection.gutter .btGridGap-13 .tilesWall, .boldSection.gutter .btGridGap-13.tilesWall { margin: 0; margin-right: -13px; margin-bottom: -13px; } .btGridGap-13 .tilesWall.classic .btGridOuterContent { padding-bottom: 13px; padding-right: 13px; } .btGridGap-13 .tilesWall .captionPane { margin-bottom: 13px; margin-right: 13px; } .btGridGap-13 .tilesWall .btShowTitle { margin-bottom: 13px; right: 13px; } .btGridGap-14 .gridItem:after { border: 0; border-right: 14px solid white; border-bottom: 14px solid white; } .btGridGap-14 .btGridOuterContent { padding: 0; padding-right: 24px; padding-bottom: -24px; } .boldSection .btGridGap-14 .tilesWall, .boldSection .btGridGap-14.tilesWall { margin: 0; margin-right: 0; margin-left: 14px; margin-right: 0; margin-bottom: -14px; } .boldSection.gutter .btGridGap-14 .tilesWall, .boldSection.gutter .btGridGap-14.tilesWall { margin: 0; margin-right: -14px; margin-bottom: -14px; } .btGridGap-14 .tilesWall.classic .btGridOuterContent { padding-bottom: 14px; padding-right: 14px; } .btGridGap-14 .tilesWall .captionPane { margin-bottom: 14px; margin-right: 14px; } .btGridGap-14 .tilesWall .btShowTitle { margin-bottom: 14px; right: 14px; } .btGridGap-15 .gridItem:after { border: 0; border-right: 15px solid white; border-bottom: 15px solid white; } .btGridGap-15 .btGridOuterContent { padding: 0; padding-right: 25px; padding-bottom: -25px; } .boldSection .btGridGap-15 .tilesWall, .boldSection .btGridGap-15.tilesWall { margin: 0; margin-right: 0; margin-left: 15px; margin-right: 0; margin-bottom: -15px; } .boldSection.gutter .btGridGap-15 .tilesWall, .boldSection.gutter .btGridGap-15.tilesWall { margin: 0; margin-right: -15px; margin-bottom: -15px; } .btGridGap-15 .tilesWall.classic .btGridOuterContent { padding-bottom: 15px; padding-right: 15px; } .btGridGap-15 .tilesWall .captionPane { margin-bottom: 15px; margin-right: 15px; } .btGridGap-15 .tilesWall .btShowTitle { margin-bottom: 15px; right: 15px; } .btGridGap-16 .gridItem:after { border: 0; border-right: 16px solid white; border-bottom: 16px solid white; } .btGridGap-16 .btGridOuterContent { padding: 0; padding-right: 26px; padding-bottom: -26px; } .boldSection .btGridGap-16 .tilesWall, .boldSection .btGridGap-16.tilesWall { margin: 0; margin-right: 0; margin-left: 16px; margin-right: 0; margin-bottom: -16px; } .boldSection.gutter .btGridGap-16 .tilesWall, .boldSection.gutter .btGridGap-16.tilesWall { margin: 0; margin-right: -16px; margin-bottom: -16px; } .btGridGap-16 .tilesWall.classic .btGridOuterContent { padding-bottom: 16px; padding-right: 16px; } .btGridGap-16 .tilesWall .captionPane { margin-bottom: 16px; margin-right: 16px; } .btGridGap-16 .tilesWall .btShowTitle { margin-bottom: 16px; right: 16px; } .btGridGap-17 .gridItem:after { border: 0; border-right: 17px solid white; border-bottom: 17px solid white; } .btGridGap-17 .btGridOuterContent { padding: 0; padding-right: 27px; padding-bottom: -27px; } .boldSection .btGridGap-17 .tilesWall, .boldSection .btGridGap-17.tilesWall { margin: 0; margin-right: 0; margin-left: 17px; margin-right: 0; margin-bottom: -17px; } .boldSection.gutter .btGridGap-17 .tilesWall, .boldSection.gutter .btGridGap-17.tilesWall { margin: 0; margin-right: -17px; margin-bottom: -17px; } .btGridGap-17 .tilesWall.classic .btGridOuterContent { padding-bottom: 17px; padding-right: 17px; } .btGridGap-17 .tilesWall .captionPane { margin-bottom: 17px; margin-right: 17px; } .btGridGap-17 .tilesWall .btShowTitle { margin-bottom: 17px; right: 17px; } .btGridGap-18 .gridItem:after { border: 0; border-right: 18px solid white; border-bottom: 18px solid white; } .btGridGap-18 .btGridOuterContent { padding: 0; padding-right: 28px; padding-bottom: -28px; } .boldSection .btGridGap-18 .tilesWall, .boldSection .btGridGap-18.tilesWall { margin: 0; margin-right: 0; margin-left: 18px; margin-right: 0; margin-bottom: -18px; } .boldSection.gutter .btGridGap-18 .tilesWall, .boldSection.gutter .btGridGap-18.tilesWall { margin: 0; margin-right: -18px; margin-bottom: -18px; } .btGridGap-18 .tilesWall.classic .btGridOuterContent { padding-bottom: 18px; padding-right: 18px; } .btGridGap-18 .tilesWall .captionPane { margin-bottom: 18px; margin-right: 18px; } .btGridGap-18 .tilesWall .btShowTitle { margin-bottom: 18px; right: 18px; } .btGridGap-19 .gridItem:after { border: 0; border-right: 19px solid white; border-bottom: 19px solid white; } .btGridGap-19 .btGridOuterContent { padding: 0; padding-right: 29px; padding-bottom: -29px; } .boldSection .btGridGap-19 .tilesWall, .boldSection .btGridGap-19.tilesWall { margin: 0; margin-right: 0; margin-left: 19px; margin-right: 0; margin-bottom: -19px; } .boldSection.gutter .btGridGap-19 .tilesWall, .boldSection.gutter .btGridGap-19.tilesWall { margin: 0; margin-right: -19px; margin-bottom: -19px; } .btGridGap-19 .tilesWall.classic .btGridOuterContent { padding-bottom: 19px; padding-right: 19px; } .btGridGap-19 .tilesWall .captionPane { margin-bottom: 19px; margin-right: 19px; } .btGridGap-19 .tilesWall .btShowTitle { margin-bottom: 19px; right: 19px; } .btGridGap-20 .gridItem:after { border: 0; border-right: 20px solid white; border-bottom: 20px solid white; } .btGridGap-20 .btGridOuterContent { padding: 0; padding-right: 30px; padding-bottom: -30px; } .boldSection .btGridGap-20 .tilesWall, .boldSection .btGridGap-20.tilesWall { margin: 0; margin-right: 0; margin-left: 20px; margin-right: 0; margin-bottom: -20px; } .boldSection.gutter .btGridGap-20 .tilesWall, .boldSection.gutter .btGridGap-20.tilesWall { margin: 0; margin-right: -20px; margin-bottom: -20px; } .btGridGap-20 .tilesWall.classic .btGridOuterContent { padding-bottom: 20px; padding-right: 20px; } .btGridGap-20 .tilesWall .captionPane { margin-bottom: 20px; margin-right: 20px; } .btGridGap-20 .tilesWall .btShowTitle { margin-bottom: 20px; right: 20px; } .btCatFilter { padding: 20px 0; text-transform: uppercase; font-size: 13px; } .btCatFilter .btCatFilterItem { padding: 0 10px; cursor: pointer; display: inline-block; } .btCatFilter .btCatFilterItem:hover { color: #f47a00; } .btCatFilter .btCatFilterTitle { font-weight: 600; } .btCatFilter .btCatFilterItem.active { color: #f47a00; } /* Prev next button */ h4.nbs { z-index: 1; margin: 0; display: block; position: relative; } h4.nbs a { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; margin: 0; padding: 0; cursor: pointer; } h4.nbs a .nbsImage { width: 100px; height: 100px; -webkit-transition: opacity 1s ease 0s; -moz-transition: opacity 1s ease 0s; transition: opacity 1s ease 0s; opacity: 0; top: 0; } .btNextPrevRow h4.nbs a .nbsImage { opacity: 1; } h4.nbs a .nbsImage .nbsImgHolder { display: block; height: 100%; border-radius: 50%; background-color: #ccc; background-size: cover; background-position: center center; border: 3px solid #f47a00; } h4.nbs a .nbsItem { vertical-align: middle; padding: 0 10px; -webkit-transition: opacity 1s ease 0s; -moz-transition: opacity 1s ease 0s; transition: opacity 1s ease 0s; opacity: 0; -webkit-flex-shrink: 100; flex-shrink: 100; } .btNextPrevRow h4.nbs a .nbsItem { opacity: 1; } h4.nbs a .nbsItem .nbsDir { display: block; font-size: 11px; line-height: 16px; letter-spacing: 3px; color: #f47a00; font-family: "Roboto"; text-transform: uppercase; font-weight: 400; } h4.nbs a .nbsItem .nbsTitle { display: block; max-height: 3em; overflow: hidden; } h4.nbs a:before, h4.nbs a:after { display: block; font-family: Icon7Stroke; font-size: 50px; line-height: 100px; font-weight: normal; width: 100px; border-radius: 50%; text-align: center; -webkit-transition: all 360ms ease 0s; -moz-transition: all 360ms ease 0s; transition: all 360ms ease 0s; color: #fff; background-color: #f47a00; -webkit-box-shadow: inset 0 0 0 2px #f47a00; box-shadow: inset 0 0 0 2px #f47a00; -webkit-flex-shrink: 1; flex-shrink: 1; } h4.nbs a:hover .nbsItem { opacity: 1; } h4.nbs a:hover .nbsImage { opacity: 1; } .btNextPrevRow h4.nbs a:hover .nbsImage { opacity: 0; } .btCarouselSmallNav h4.nbs .nbsImage { width: 50px; height: 50px; } .btCarouselSmallNav h4.nbs a:before, .btCarouselSmallNav h4.nbs a:after { font-size: 25px; line-height: 50px; font-weight: normal; width: 50px; } .btSliderHideArrows h4.nbs, h4.nbs.slick-disabled { display: none !important; } h4.nsNext { right: 0; float: right; } h4.nsNext a:after { content: '\e684'; } h4.nsNext .nbsImage { position: absolute; right: 0; } h4.nsPrev { left: 0; float: left; } h4.nsPrev a:before { content: '\e686'; } h4.nsPrev .nbsImage { position: absolute; left: 0; } h4.nbs.nsPrev a:hover:before, h4.nbs.nsNext a:hover:after { background-color: #fff; color: #f47a00; } /* IE 9 */ /*@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { h4.nbs.nsPrev a:before, h4.nbs.nsNext a:after { background-position: center center; background-repeat: no-repeat; } h4.nbs.nsPrev a:before { background-image: url('../gfx/nbs-angle-left.png'); } h4.nbs.nsNext a:after { background-image: url('../gfx/nbs-angle-right.png'); } }*/ /* Slider dots navigation */ .slick-dots { position: absolute; bottom: 10px; width: 320px; left: 50%; margin: 0 0 0 -160px; text-align: center; padding: 0; } .slick-dots li { display: inline-block; margin: 0 5px; width: 12px; list-style: none; } .slick-dots li button { display: inline-block; float: none; margin: 0; padding: 0; width: 12px; height: 12px; line-height: 12px; vertical-align: middle; list-style: none; border: 2px solid #FFF; background-color: transparent; border-radius: 50%; cursor: pointer; color: transparent; font-size: 0; } .slick-dots li button:hover { background: background-color: rgba(255,255,255,.35); } .slick-dots li.slick-active button, .slick-dots .slick-dots li.slick-active button:hover { cursor: pointer; background-color: #FFF; cursor: default; } .btSliderHidePaging .slick-dots { display: none !important; } /* Slick slider */ .slided { position: relative; } .slick-slider h4.nbs { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 5; margin: 0 30px; } .slick-slide { display: none; float: left; min-height: 1px; } .slick-initialized .slick-slide { display: block; } .slidedItem .btSliderPort { display: table; width: 100%; } .autoSliderHeight .slidedItem .btSliderPort { padding: 0; height: auto; } .smallSliderHeight .slidedItem .btSliderPort { height: 40vh; } .mediumSliderHeight .slidedItem .btSliderPort { height: 60vh; } .largeSliderHeight .slidedItem .btSliderPort { height: 100vh; } .btSlideGutter { max-width: 1400px; padding-left: 30px; padding-right: 30px; margin: 0 auto; width: auto; height: auto; } .slidedItem { -webkit-transition: opacity 360ms ease 0s; -moz-transition: opacity 360ms ease 0s; transition: opacity 360ms ease 0s; z-index: 3; } .slidedItem .btSlidePane { -webkit-transition: transform 1s cubic-bezier(.250,.460,.450,.940) .5s,opacity 300ms ease; -moz-transition: transform 1s cubic-bezier(.250,.460,.450,.940) .5s,opacity 300ms ease; transition: transform 1s cubic-bezier(.250,.460,.450,.940) .5s,opacity 300ms ease; -webkit-transform: translate3d(100px,0,0) !important; -moz-transform: translate3d(100px,0,0) !important; -ms-transform: translate3d(100px,0,0) !important; transform: translate3d(100px,0,0) !important; opacity: 0; } .slidedItem .btSliderPort .btSliderCell { display: table-cell; vertical-align: middle; } .slidedVariable .slidedItem.firstItem, .slidedVariable .slidedItem.firstItem .btSliderPort { width: 100vw; } .slidedVariable .slidedItem.firstItem .btSliderPort, .slidedVariable .slidedItem.firstItem .btSliderPort .btSliderPort { width: 100vw; } .slidedItem.slick-center .btSlidePane, .slidedItem.slick-current .btSlidePane, .slidedItem.slick-active .btSlidePane { -webkit-transform: translate3d(0,0,0) !important; -moz-transform: translate3d(0,0,0) !important; -ms-transform: translate3d(0,0,0) !important; transform: translate3d(0,0,0) !important; opacity: 1; } .variableImg { height: 100%; overflow: hidden; } .variableImg img { height: 100%; width: auto; } /* Slider navigation */ .slick-list { display: block; overflow: hidden; position: relative; padding: 0; margin: 0; } .slick-track { display: -ms-flexbox; display: -webkit-flex; display: flex; position: relative; left: 0; top: 0; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .slick-track:after { clear: both; } .slick-track:before, .slick-track:after { content: ""; display: table; } /* Overlay gallery slider info bar and close */ .btCloseGhost { display: block; position: absolute; z-index: 7; top: 10px; right: 10px; } .btGetInfo { position: absolute; z-index: 7; bottom: 10px; left: 30px; } .btInfoBar { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; z-index: 6; background-color: rgba(0,0,0,.7); -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: transform 260ms ease; -moz-transition: transform 260ms ease; transition: transform 260ms ease; } .btInfoBar .btInfoBarMeta { padding: 10px 0 10px 40px; line-height: 26px; } .btInfoBar .btInfoBarMeta p { display: inline-block; margin: 0 0 0 15px; font-weight: 400; color: white; text-transform: uppercase; } .btInfoBar .btInfoBarMeta p strong { color: #f47a00; padding-right: 4px; } .btInfoBar.open { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } /* Simple slider / Client list */ .boldClientList, .boldClientRegularList { position: relative; padding: 0; } .boldClientList .bclItem, .boldClientRegularList .bclItem { position: relative; margin: 0; } .boldClientList .bclItem img.bclItemChildAspectImage, .boldClientRegularList .bclItem img.bclItemChildAspectImage { display: block; width: 100%; height: auto; } .boldClientList .bclItem .bclItemChild, .boldClientRegularList .bclItem .bclItemChild { display: block; margin: 20px; position: relative; } .boldClientList .bclItem .bclItemChild > div.bclItemChildBg, .boldClientRegularList .bclItem .bclItemChild > div.bclItemChildBg { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: transparent; background-position: center center; background-attachment: scroll; background-repeat: no-repeat; background-size: contain; -webkit-transition: all ease .5s; -moz-transition: all ease .5s; transition: all ease .5s; } .boldClientList .bclItem .bclItemChild > div.bclItemChildBg:hover, .boldClientRegularList .bclItem .bclItemChild > div.bclItemChildBg:hover { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } .boldClientList .bclItem .bclItemChild .bclItemChildContent, .boldClientRegularList .bclItem .bclItemChild .bclItemChildContent { position: absolute; width: 100%; top: 0; padding: 20px; } .boldClientList .bclItem .bclItemChild a, .boldClientRegularList .bclItem .bclItemChild a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } /* Regular grid */ .boldClientRegularList { position: relative; overflow: hidden; margin: 0 -20px; } .boldClientRegularList .bclItem { float: left; margin: 0 0 -2px; position: relative; padding: 0; } .boldClientRegularList .bclItem:before { display: none; } .boldClientRegularList .bclItem { width: 33.3333333%; } .boldClientRegularList .bclItem:nth-child(3n + 1) { clear: left; } /* Carusel */ .boldClientList { margin: 0 -20px; } .boldSection.gutter .boldClientList .slick-slider h4.nbs { padding: 0; } .boldClientList .bclPort { max-width: 1400px; position: static !important; margin: 0 auto; overflow: hidden; } .col-ms-12 .boldClientRegularList .bclItem { width: 16.6666667%; } .col-ms-12 .boldClientRegularList .bclItem:nth-child(3n + 1) { clear: none; } .col-ms-12 .boldClientRegularList .bclItem:nth-child(6n + 1) { clear: left; } @media (max-width: 1400px) { .bclPort { max-width: 1400px; } } @media (max-width: 768px) { .col-ms-12 .boldClientRegularList .bclItem:nth-child(6n + 1) { clear: none; } .col-ms-12 .boldClientRegularList .bclItem:nth-child(3n + 1) { clear: left; } .col-ms-12 .boldClientRegularList .bclItem { width: 33.3333333%; } } /* Twitter widget */ .recentTweets .bclItem { padding: 0 40px 0 0; } .recentTweets { -webkit-backface-visibility: hidden; } .recentTweets img { margin: 0 auto 10px; border-radius: 50%; display: block; } .recentTweets small:before { content: '\f099'; font: 19px/1 FontAwesome; position: relative; top: 3px; margin-right: 3px; color: #f47a00; clear: both; } .recentTweets small { margin-bottom: 20px; } .recentTweets .slick-slider h4.nbs { opacity: .5; } .recentTweets p { margin: 0 0 25px; } .recentTweets p a { opacity: .7; } .recentTweets p a:hover { opacity: 1; } /* Tabs */ .tabsHeader { list-style: none; display: block; margin: 0; padding: 0; margin-bottom: -1px; clear: left; } .tabsHeader li { margin: 0; padding: 0; display: block; float: left; border-bottom: 0; padding: 15px 20px; clear: none; margin-right: 4px; cursor: pointer; position: relative; font-size: 21px; font-family: "Roboto"; } .tabsHeader li:hover, .tabsHeader li.on, .tabsHeader li.on a, .tabsHeader li.on a:hover { background: #f47a00; color: #fff; } @media (max-width: 768px) { .tabsHorizontal .tabsHeader li { margin-bottom: 0; width: 100%; } } .tabPanes { border-bottom-width: 2px; clear: both; } .tabPane { padding: 40px; } .tabsHorizontal .tabPane { opacity: 0; display: none; -webkit-transition: opacity 250ms ease 250ms; -moz-transition: opacity 250ms ease 250ms; transition: opacity 250ms ease 250ms; } .tabsHorizontal .tabPane.on { opacity: 1; display: block; } .btLightSkin .tabsHeader li, .btDarkSkin .btLightSkin .tabsHeader li { border: 1px solid rgba(0,0,0,.2); border-bottom: none; } .btLightSkin .tabPanes, .btDarkSkin .btLightSkin .tabPanes { border: 1px solid rgba(0,0,0,.2); } .btDarkSkin .tabsHeader li, .btLightSkin .btDarkSkin .tabsHeader li { border: 1px solid rgba(255,255,255,.1); border-bottom: none; } .btDarkSkin .tabPanes, .btLightSkin .btDarkSkin .tabPanes { border: 1px solid rgba(255,255,255,.1); } /* Accordions */ .tabsVertical .tabAccordionTitle { display: block; padding: 5px 80px 5px 10px; margin: 0; cursor: pointer; position: relative; font-family: "Roboto"; font-size: 21px; } .tabsVertical .tabAccordionTitle span { display: inline-block; padding: 10px; position: relative; } .tabsVertical .tabAccordionTitle:before { content: "\f067"; line-height: 70px; font-family: FontAwesome; display: block; position: absolute; top: 0; right: 0; width: 56px; text-align: center; } .tabsVertical .tabAccordionTitle.on:before, .tabsVertical .tabAccordionTitle:hover:before { content: "\f068"; } .tabsVertical .tabAccordionTitle:hover, .tabsVertical .tabAccordionTitle.on { background: #f47a00; color: #fff; } .tabsVertical .tabPane { padding: 0; } .tabsVertical .tabPane:last-child .tabAccordionTitle { border-bottom: none; } .tabsVertical .tabPane:last-child .tabAccordionContent { border-bottom: 0; } .tabsVertical .tabPane:first-child .tabAccordionTitle { border-top: none; } .tabsVertical .tabAccordionContent { padding: 40px; display: none; } .tabsVertical .tabsHeader { display: none; } .btLightSkin .tabsVertical .tabAccordionTitle, .btDarkSkin .btLightSkin .tabsVertical .tabAccordionTitle { border-top: 1px solid rgba(0,0,0,.2); } .btDarkSkin .tabsVertical .tabAccordionTitle, .btLightSkin .btDarkSkin .tabsVertical .tabAccordionTitle { border-top: 1px solid rgba(255,255,255,.1); } /* Latest posts */ .btLatestPostsContainer.horizontalPosts { margin: 0 -20px; } .btLatestPostsContainer.horizontalPosts .btSingleLatestPostContent, .btLatestPostsContainer.horizontalPosts .btSingleLatestPostImage { padding: 0 20px; } .verticalPosts .btTextIndent .btImage, .verticalPosts .btTextIndent .bpgPhoto { margin: 0; } p.btLatestPostContent { margin-bottom: 0; } .verticalPosts .btSingleLatestPostImage { float: left; width: 240px; margin: 0 0 40px; padding-right: 20px; } @media (max-width: 768px) { .verticalPosts .btSingleLatestPostImage { width: 100%; padding-right: 0; float: none; } } .verticalPosts .btSingleLatestPostContent { display: table; } /* Gmap */ .btGoogleMap { width: 100%; } .btGoogleMap figure, .btGoogleMap img, .btGoogleMap select { max-width: none; } .btGoogleMapsWrapper .btGoogleMapsContent { position: absolute; top: 20px; bottom: 20px; right: 0; left: 0; } .btGoogleMapsWrapper .btGoogleMapsContent > .port { position: relative; } .btGoogleMapsWrapper .btGoogleMapsWrap { padding: 40px; overflow: hidden; width: 360px; opacity: .85; position: absolute; left: 0; right: auto; top: 0; bottom: 0; } .btLightSkin .btGoogleMapsWrapper .btGoogleMapsWrap, .btDarkSkin .btLightSkin .btGoogleMapsWrapper .btGoogleMapsWrap { background-color: #fff; color: #333; } .btDarkSkin .btGoogleMapsWrapper .btGoogleMapsWrap, .btLightSkin .btDarkSkin .btGoogleMapsWrapper .btGoogleMapsWrap { background-color: #181A1E; color: #fff; } .btTextRight .btGoogleMapsWrapper .btGoogleMapsWrap { right: 0; left: auto; } /* * Animations */ body.btPageTransitions .btContent { position: relative; width: 100% !important; -webkit-perspective: 1200px; -moz-perspective: 1200px; perspective: 1200px; } body.btPageTransitions .btSiteFooterWidgets, body.btPageTransitions .btSiteFooter { display: none; } .btSectionTransitions { position: absolute; top: 0; left: 0; bottom: 0; right: 0; visibility: hidden; overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateX(.00001%) translateY(.00001%) translateZ(0) rotate(.00001deg) scale(1.00001); -moz-transform: translateX(.00001%) translateY(.00001%) translateZ(0) rotate(.00001deg) scale(1.00001); -ms-transform: translateX(.00001%) translateY(.00001%) translateZ(0) rotate(.00001deg) scale(1.00001); transform: translateX(.00001%) translateY(.00001%) translateZ(0) rotate(.00001deg) scale(1.00001); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .btSectionTransitions-current, .no-js .btSectionTransitions { visibility: visible; z-index: 1; } .no-js body { overflow: auto; } .btSectionTransitions-ontop { z-index: 999; } .btAnimNavHolder { position: fixed; right: 20px; bottom: 20px; z-index: 1010; vertical-align: bottom; line-height: 1; } .btAnimNav { display: inline-block; position: static; margin: 0; padding: 0; line-height: 1; height: 40px; float: right; } .btAnimNav li { -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; line-height: 12px; } .btAnimNav li.btAnimNavDot { display: inline-block; float: left; margin: 15px 0; width: 40px; vertical-align: middle; text-align: center; list-style: none; display: none; color: #f47a00; font-family: Roboto; } .btAnimNav li.btAnimNavDot.active { display: block; } .btAnimNav li.btAnimNavNext, .btAnimNav li.btAnimNavPrev { display: inline-block; float: left; padding: 0; font: normal 25px/40px Icon7Stroke; text-align: center; vertical-align: middle; color: #fff; width: auto; height: auto; cursor: pointer; height: 40px; width: 40px; border-radius: 50%; background-color: #f47a00; color: #fff; } .btAnimNav li.btAnimNavNext:hover, .btAnimNav li.btAnimNavPrev:hover { background-color: #fff; color: #f47a00; } .btAnimNav li.btAnimNavNext:before, .btAnimNav li.btAnimNavPrev:before { display: inline-block; } .btAnimNav li.btAnimNavNext:before { content: '\e688'; } .btAnimNav li.btAnimNavPrev:before { content: '\e682'; } #btAnimSelector { position: absolute; bottom: 10px; width: 100%; text-align: center; background-color: transparent; z-index: 999999999; -webkit-transform: translateY(200px); -moz-transform: translateY(200px); -ms-transform: translateY(200px); transform: translateY(200px); -webkit-transition: all 1s cubic-bezier(.175,.885,.320,1.275) 1500ms; -moz-transition: all 1s cubic-bezier(.175,.885,.320,1.275) 1500ms; transition: all 1s cubic-bezier(.175,.885,.320,1.275) 1500ms; } .btShowAnimSelector #btAnimSelector { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } #btAnimSelector .fancy-select { width: 250px; display: inline-block; margin: 0 10px; text-align: left; } /* half page */ .btHalfPage .btHalfPageContainer { position: absolute; top: 0%; bottom: 0%; right: 0%; left: 50%; width: 100%; overflow: hidden; } .btHalfPage .btHalfPageContainer .boldSection.btHalfPageSection { right: auto; left: -50%; width: 100%; } .btHalfPage .btContent { width: 100% !important; left: -50%; overflow: hidden; } .btHalfPage .btContent .boldSection { left: 50%; width: 100%; } /* Impress */ .impress-enabled .step { width: 100vw; } .impress-enabled .btPageWrap { overflow: visible; height: 100%; } .impress-enabled .btContentWrap, .impress-enabled .btContentHolder { height: 100%; } .impress-enabled .step.active { opacity: 1; pointer-events: auto; } .impress-enabled .step { opacity: .02; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; pointer-events: none; } .impress-enabled .boldSection { background-color: transparent !important; } /* Headline animations */ .headline .animate { display: inline-block; } .headline u.animate { position: relative; text-decoration: none; } .headline u.animate:before { content: ' '; height: .1em; display: block; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 0 -.1.em; background-color: #222; -webkit-transform: scale3d(0,1,1); -moz-transform: scale3d(0,1,1); -ms-transform: scale3d(0,1,1); transform: scale3d(0,1,1); } .btDarkSkin .headline u.animate:before, .btLightSkin .btDarkSkin .headline u.animate:before { background-color: #fff; } .btLightSkin .headline u.animate:before, .btDarkSkin .btLightSkin .headline u.animate:before { background-color: #222; } .headline u.animate.animated:before { -webkit-transform: scale3d(1,1,1); -moz-transform: scale3d(1,1,1); -ms-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } .headline b.animate { font-weight: 700; opacity: 1; } .headline b.animate.animated { color: #f47a00; opacity: 1; } .headline i.animate { font-style: normal; -webkit-transform: skewX(0deg); -moz-transform: skewX(0deg); -ms-transform: skewX(0deg); transform: skewX(0deg); } .headline i.animate.animated { -webkit-transform: skewX(-15deg); -moz-transform: skewX(-15deg); -ms-transform: skewX(-15deg); transform: skewX(-15deg); } .headline del.animate, .headline del { font-style: normal; font-weight: 400; text-decoration: line-through; opacity: 1; } .headline del.animate.animated { opacity: .3; } .headline em.animate { font-style: normal; position: absolute; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateX(-100%) scale(2); -moz-transform: translateX(-100%) scale(2); -ms-transform: translateX(-100%) scale(2); transform: translateX(-100%) scale(2); } .btLightSkin .headline em.animate, .btDarkSkin .btLightSkin .headline em.animate { color: rgba(51,51,51,0); } .btDarkSkin .headline em.animate, .btLightSkin .btDarkSkin .headline em.animate { color: rgba(255,255,255,0); } .btLightSkin .headline em.animate.animated, .btDarkSkin .btLightSkin .headline em.animate.animated { color: rgba(51,51,51,.1); } .btDarkSkin .headline em.animate.animated, .btLightSkin .btDarkSkin .headline em.animate.animated { color: rgba(255,255,255,.1); } .headline em.animate.animated { color: rgba(255,255,255,.1); -webkit-transform: translateX(-100%) scale(2); -moz-transform: translateX(-100%) scale(2); -ms-transform: translateX(-100%) scale(2); transform: translateX(-100%) scale(2); } .headline i.animate, .headline u.animate:before { -webkit-transition: all 500ms ease-out 500ms; -moz-transition: all 500ms ease-out 500ms; transition: all 500ms ease-out 500ms; } .headline b.animate { -webkit-transition: color 1000ms ease; -moz-transition: color 1000ms ease; transition: color 1000ms ease; } .headline em.animate { -webkit-transition: all 1500ms ease-out 500ms; -moz-transition: all 1500ms ease-out 500ms; transition: all 1500ms ease-out 500ms; } /* animation sets */ /* move from / to */ .btSectionTransitions-moveToLeft { -webkit-animation: moveToLeft .6s ease both; -moz-animation: moveToLeft .6s ease both; animation: moveToLeft .6s ease both; } .btSectionTransitions-moveFromLeft { -webkit-animation: moveFromLeft .6s ease both; -moz-animation: moveFromLeft .6s ease both; animation: moveFromLeft .6s ease both; } .btSectionTransitions-moveToRight { -webkit-animation: moveToRight .6s ease both; -moz-animation: moveToRight .6s ease both; animation: moveToRight .6s ease both; } .btSectionTransitions-moveFromRight { -webkit-animation: moveFromRight .6s ease both; -moz-animation: moveFromRight .6s ease both; animation: moveFromRight .6s ease both; } .btSectionTransitions-moveToTop { -webkit-animation: moveToTop .6s ease both; -moz-animation: moveToTop .6s ease both; animation: moveToTop .6s ease both; } .btSectionTransitions-moveFromTop { -webkit-animation: moveFromTop .6s ease both; -moz-animation: moveFromTop .6s ease both; animation: moveFromTop .6s ease both; } .btSectionTransitions-moveToBottom { -webkit-animation: moveToBottom .6s ease both; -moz-animation: moveToBottom .6s ease both; animation: moveToBottom .6s ease both; } .btSectionTransitions-moveFromBottom { -webkit-animation: moveFromBottom .6s ease both; -moz-animation: moveFromBottom .6s ease both; animation: moveFromBottom .6s ease both; } /* fade */ .btSectionTransitions-fade { -webkit-animation: fade .7s ease both; -moz-animation: fade .7s ease both; animation: fade .7s ease both; } /* move from / to and fade */ .btSectionTransitions-moveToLeftFade { -webkit-animation: moveToLeftFade .7s ease both; -moz-animation: moveToLeftFade .7s ease both; animation: moveToLeftFade .7s ease both; } .btSectionTransitions-moveFromLeftFade { -webkit-animation: moveFromLeftFade .7s ease both; -moz-animation: moveFromLeftFade .7s ease both; animation: moveFromLeftFade .7s ease both; } .btSectionTransitions-moveToRightFade { -webkit-animation: moveToRightFade .7s ease both; -moz-animation: moveToRightFade .7s ease both; animation: moveToRightFade .7s ease both; } .btSectionTransitions-moveFromRightFade { -webkit-animation: moveFromRightFade .7s ease both; -moz-animation: moveFromRightFade .7s ease both; animation: moveFromRightFade .7s ease both; } .btSectionTransitions-moveToTopFade { -webkit-animation: moveToTopFade .7s ease both; -moz-animation: moveToTopFade .7s ease both; animation: moveToTopFade .7s ease both; } .btSectionTransitions-moveFromTopFade { -webkit-animation: moveFromTopFade .7s ease both; -moz-animation: moveFromTopFade .7s ease both; animation: moveFromTopFade .7s ease both; } .btSectionTransitions-moveToBottomFade { -webkit-animation: moveToBottomFade .7s ease both; -moz-animation: moveToBottomFade .7s ease both; animation: moveToBottomFade .7s ease both; } .btSectionTransitions-moveFromBottomFade { -webkit-animation: moveFromBottomFade .7s ease both; -moz-animation: moveFromBottomFade .7s ease both; animation: moveFromBottomFade .7s ease both; } /* move to with different easing */ .btSectionTransitions-moveToLeftEasing { -webkit-animation: moveToLeft .7s ease-in-out both; -moz-animation: moveToLeft .7s ease-in-out both; animation: moveToLeft .7s ease-in-out both; } .btSectionTransitions-moveToRightEasing { -webkit-animation: moveToRight .7s ease-in-out both; -moz-animation: moveToRight .7s ease-in-out both; animation: moveToRight .7s ease-in-out both; } .btSectionTransitions-moveToTopEasing { -webkit-animation: moveToTop .7s ease-in-out both; -moz-animation: moveToTop .7s ease-in-out both; animation: moveToTop .7s ease-in-out both; } .btSectionTransitions-moveToBottomEasing { -webkit-animation: moveToBottom .7s ease-in-out both; -moz-animation: moveToBottom .7s ease-in-out both; animation: moveToBottom .7s ease-in-out both; } /********************************* keyframes **************************************/ /* move from / to */ @-webkit-keyframes moveToLeft { to { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @-moz-keyframes moveToLeft { to { -moz-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes moveToLeft { to { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } } @-webkit-keyframes moveFromLeft { from { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @-moz-keyframes moveFromLeft { from { -moz-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes moveFromLeft { from { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } } @-webkit-keyframes moveToRight { to { -webkit-transform: translateX(100%); transform: translateX(100%); } } @-moz-keyframes moveToRight { to { -moz-transform: translateX(100%); transform: translateX(100%); } } @keyframes moveToRight { to { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } } @-webkit-keyframes moveFromRight { from { -webkit-transform: translateX(100%); transform: translateX(100%); } } @-moz-keyframes moveFromRight { from { -moz-transform: translateX(100%); transform: translateX(100%); } } @keyframes moveFromRight { from { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } } @-webkit-keyframes moveToTop { to { -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @-moz-keyframes moveToTop { to { -moz-transform: translateY(-100%); transform: translateY(-100%); } } @keyframes moveToTop { to { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } } @-webkit-keyframes moveFromTop { from { -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @-moz-keyframes moveFromTop { from { -moz-transform: translateY(-100%); transform: translateY(-100%); } } @keyframes moveFromTop { from { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } } @-webkit-keyframes moveToBottom { to { -webkit-transform: translateY(100%); transform: translateY(100%); } } @-moz-keyframes moveToBottom { to { -moz-transform: translateY(100%); transform: translateY(100%); } } @keyframes moveToBottom { to { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } } @-webkit-keyframes moveFromBottom { from { -webkit-transform: translateY(100%); transform: translateY(100%); } } @-moz-keyframes moveFromBottom { from { -moz-transform: translateY(100%); transform: translateY(100%); } } @keyframes moveFromBottom { from { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } } /* fade */ @-webkit-keyframes fade { to { opacity: .3; } } @-moz-keyframes fade { to { opacity: .3; } } @keyframes fade { to { opacity: .3; } } /* move from / to and fade */ @-webkit-keyframes moveToLeftFade { to { opacity: .3; -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @-moz-keyframes moveToLeftFade { to { opacity: .3; -moz-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes moveToLeftFade { to { opacity: .3; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } } @-webkit-keyframes moveFromLeftFade { from { opacity: .3; -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @-moz-keyframes moveFromLeftFade { from { opacity: .3; -moz-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes moveFromLeftFade { from { opacity: .3; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } } @-webkit-keyframes moveToRightFade { to { opacity: .3; -webkit-transform: translateX(100%); transform: translateX(100%); } } @-moz-keyframes moveToRightFade { to { opacity: .3; -moz-transform: translateX(100%); transform: translateX(100%); } } @keyframes moveToRightFade { to { opacity: .3; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } } @-webkit-keyframes moveFromRightFade { from { opacity: .3; -webkit-transform: translateX(100%); transform: translateX(100%); } } @-moz-keyframes moveFromRightFade { from { opacity: .3; -moz-transform: translateX(100%); transform: translateX(100%); } } @keyframes moveFromRightFade { from { opacity: .3; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } } @-webkit-keyframes moveToTopFade { to { opacity: .3; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @-moz-keyframes moveToTopFade { to { opacity: .3; -moz-transform: translateY(-100%); transform: translateY(-100%); } } @keyframes moveToTopFade { to { opacity: .3; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } } @-webkit-keyframes moveFromTopFade { from { opacity: .3; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @-moz-keyframes moveFromTopFade { from { opacity: .3; -moz-transform: translateY(-100%); transform: translateY(-100%); } } @keyframes moveFromTopFade { from { opacity: .3; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } } @-webkit-keyframes moveToBottomFade { to { opacity: .3; -webkit-transform: translateY(100%); transform: translateY(100%); } } @-moz-keyframes moveToBottomFade { to { opacity: .3; -moz-transform: translateY(100%); transform: translateY(100%); } } @keyframes moveToBottomFade { to { opacity: .3; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } } @-webkit-keyframes moveFromBottomFade { from { opacity: .3; -webkit-transform: translateY(100%); transform: translateY(100%); } } @-moz-keyframes moveFromBottomFade { from { opacity: .3; -moz-transform: translateY(100%); transform: translateY(100%); } } @keyframes moveFromBottomFade { from { opacity: .3; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } } /* scale and fade */ .btSectionTransitions-scaleDown { -webkit-animation: scaleDown .7s ease both; -moz-animation: scaleDown .7s ease both; animation: scaleDown .7s ease both; -webkit-animation: scaleDown .7s ease both; -moz-animation: scaleDown .7s ease both; animation: scaleDown .7s ease both; } .btSectionTransitions-scaleUp { -webkit-animation: scaleUp .7s ease both; -moz-animation: scaleUp .7s ease both; animation: scaleUp .7s ease both; -webkit-animation: scaleUp .7s ease both; -moz-animation: scaleUp .7s ease both; animation: scaleUp .7s ease both; } .btSectionTransitions-scaleUpDown { -webkit-animation: scaleUpDown .5s ease both; -moz-animation: scaleUpDown .5s ease both; animation: scaleUpDown .5s ease both; -webkit-animation: scaleUpDown .5s ease both; -moz-animation: scaleUpDown .5s ease both; animation: scaleUpDown .5s ease both; } .btSectionTransitions-scaleDownUp { -webkit-animation: scaleDownUp .5s ease both; -moz-animation: scaleDownUp .5s ease both; animation: scaleDownUp .5s ease both; -webkit-animation: scaleDownUp .5s ease both; -moz-animation: scaleDownUp .5s ease both; animation: scaleDownUp .5s ease both; } .btSectionTransitions-scaleDownCenter { -webkit-animation: scaleDownCenter .4s ease-in both; -moz-animation: scaleDownCenter .4s ease-in both; animation: scaleDownCenter .4s ease-in both; -webkit-animation: scaleDownCenter .4s ease-in both; -moz-animation: scaleDownCenter .4s ease-in both; animation: scaleDownCenter .4s ease-in both; } .btSectionTransitions-scaleUpCenter { -webkit-animation: scaleUpCenter .4s ease-out both; -moz-animation: scaleUpCenter .4s ease-out both; animation: scaleUpCenter .4s ease-out both; -webkit-animation: scaleUpCenter .4s ease-out both; -moz-animation: scaleUpCenter .4s ease-out both; animation: scaleUpCenter .4s ease-out both; } /********************************* keyframes **************************************/ /* scale and fade */ @-webkit-keyframes scaleDown { to { opacity: 0; -webkit-transform: scale(.8); -moz-transform: scale(.8); -ms-transform: scale(.8); transform: scale(.8); } } @-webkit-keyframes scaleDown { to { opacity: 0; -webkit-transform: scale(.8); transform: scale(.8); } } @-moz-keyframes scaleDown { to { opacity: 0; -moz-transform: scale(.8); transform: scale(.8); } } @keyframes scaleDown { to { opacity: 0; -webkit-transform: scale(.8); -moz-transform: scale(.8); -ms-transform: scale(.8); transform: scale(.8); } } @-webkit-keyframes scaleUp { from { opacity: 0; -webkit-transform: scale(.8); -moz-transform: scale(.8); -ms-transform: scale(.8); transform: scale(.8); } } @-webkit-keyframes scaleUp { from { opacity: 0; -webkit-transform: scale(.8); transform: scale(.8); } } @-moz-keyframes scaleUp { from { opacity: 0; -moz-transform: scale(.8); transform: scale(.8); } } @keyframes scaleUp { from { opacity: 0; -webkit-transform: scale(.8); -moz-transform: scale(.8); -ms-transform: scale(.8); transform: scale(.8); } } @-webkit-keyframes scaleUpDown { from { opacity: 0; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } } @-webkit-keyframes scaleUpDown { from { opacity: 0; -webkit-transform: scale(1.2); transform: scale(1.2); } } @-moz-keyframes scaleUpDown { from { opacity: 0; -moz-transform: scale(1.2); transform: scale(1.2); } } @keyframes scaleUpDown { from { opacity: 0; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } } @-webkit-keyframes scaleDownUp { to { opacity: 0; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } } @-webkit-keyframes scaleDownUp { to { opacity: 0; -webkit-transform: scale(1.2); transform: scale(1.2); } } @-moz-keyframes scaleDownUp { to { opacity: 0; -moz-transform: scale(1.2); transform: scale(1.2); } } @keyframes scaleDownUp { to { opacity: 0; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } } @-webkit-keyframes scaleDownCenter { to { opacity: 0; -webkit-transform: scale(.7); -moz-transform: scale(.7); -ms-transform: scale(.7); transform: scale(.7); } } @-webkit-keyframes scaleDownCenter { to { opacity: 0; -webkit-transform: scale(.7); transform: scale(.7); } } @-moz-keyframes scaleDownCenter { to { opacity: 0; -moz-transform: scale(.7); transform: scale(.7); } } @keyframes scaleDownCenter { to { opacity: 0; -webkit-transform: scale(.7); -moz-transform: scale(.7); -ms-transform: scale(.7); transform: scale(.7); } } @-webkit-keyframes scaleUpCenter { from { opacity: 0; -webkit-transform: scale(.7); -moz-transform: scale(.7); -ms-transform: scale(.7); transform: scale(.7); } } @-webkit-keyframes scaleUpCenter { from { opacity: 0; -webkit-transform: scale(.7); transform: scale(.7); } } @-moz-keyframes scaleUpCenter { from { opacity: 0; -moz-transform: scale(.7); transform: scale(.7); } } @keyframes scaleUpCenter { from { opacity: 0; -webkit-transform: scale(.7); -moz-transform: scale(.7); -ms-transform: scale(.7); transform: scale(.7); } } /* rotate sides first and scale */ .btSectionTransitions-rotateRightSideFirst { -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-animation: rotateRightSideFirst .8s both ease-in; -moz-animation: rotateRightSideFirst .8s both ease-in; animation: rotateRightSideFirst .8s both ease-in; } .btSectionTransitions-rotateLeftSideFirst { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation: rotateLeftSideFirst .8s both ease-in; -moz-animation: rotateLeftSideFirst .8s both ease-in; animation: rotateLeftSideFirst .8s both ease-in; } .btSectionTransitions-rotateTopSideFirst { -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-animation: rotateTopSideFirst .8s both ease-in; -moz-animation: rotateTopSideFirst .8s both ease-in; animation: rotateTopSideFirst .8s both ease-in; } .btSectionTransitions-rotateBottomSideFirst { -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-animation: rotateBottomSideFirst .8s both ease-in; -moz-animation: rotateBottomSideFirst .8s both ease-in; animation: rotateBottomSideFirst .8s both ease-in; } /* flip */ .btSectionTransitions-flipOutRight { -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: flipOutRight .5s both ease-in; -moz-animation: flipOutRight .5s both ease-in; animation: flipOutRight .5s both ease-in; } .btSectionTransitions-flipInLeft { -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: flipInLeft .5s both ease-out; -moz-animation: flipInLeft .5s both ease-out; animation: flipInLeft .5s both ease-out; } .btSectionTransitions-flipOutLeft { -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: flipOutLeft .5s both ease-in; -moz-animation: flipOutLeft .5s both ease-in; animation: flipOutLeft .5s both ease-in; } .btSectionTransitions-flipInRight { -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: flipInRight .5s both ease-out; -moz-animation: flipInRight .5s both ease-out; animation: flipInRight .5s both ease-out; } .btSectionTransitions-flipOutTop { -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: flipOutTop .5s both ease-in; -moz-animation: flipOutTop .5s both ease-in; animation: flipOutTop .5s both ease-in; } .btSectionTransitions-flipInBottom { -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: flipInBottom .5s both ease-out; -moz-animation: flipInBottom .5s both ease-out; animation: flipInBottom .5s both ease-out; } .btSectionTransitions-flipOutBottom { -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: flipOutBottom .5s both ease-in; -moz-animation: flipOutBottom .5s both ease-in; animation: flipOutBottom .5s both ease-in; } .btSectionTransitions-flipInTop { -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: flipInTop .5s both ease-out; -moz-animation: flipInTop .5s both ease-out; animation: flipInTop .5s both ease-out; } /* rotate fall */ .btSectionTransitions-rotateFall { -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-animation: rotateFall 1s both ease-in; -moz-animation: rotateFall 1s both ease-in; animation: rotateFall 1s both ease-in; } /* rotate newspaper */ .btSectionTransitions-rotateOutNewspaper { -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: rotateOutNewspaper .5s both ease-in; -moz-animation: rotateOutNewspaper .5s both ease-in; animation: rotateOutNewspaper .5s both ease-in; } .btSectionTransitions-rotateInNewspaper { -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: rotateInNewspaper .5s both ease-out; -moz-animation: rotateInNewspaper .5s both ease-out; animation: rotateInNewspaper .5s both ease-out; } /* push */ .btSectionTransitions-rotatePushLeft { -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-animation: rotatePushLeft .8s both ease; -moz-animation: rotatePushLeft .8s both ease; animation: rotatePushLeft .8s both ease; } .btSectionTransitions-rotatePushRight { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation: rotatePushRight .8s both ease; -moz-animation: rotatePushRight .8s both ease; animation: rotatePushRight .8s both ease; } .btSectionTransitions-rotatePushTop { -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-animation: rotatePushTop .8s both ease; -moz-animation: rotatePushTop .8s both ease; animation: rotatePushTop .8s both ease; } .btSectionTransitions-rotatePushBottom { -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-animation: rotatePushBottom .8s both ease; -moz-animation: rotatePushBottom .8s both ease; animation: rotatePushBottom .8s both ease; } /* pull */ .btSectionTransitions-rotatePullRight { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation: rotatePullRight .5s both ease; -moz-animation: rotatePullRight .5s both ease; animation: rotatePullRight .5s both ease; } .btSectionTransitions-rotatePullLeft { -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-animation: rotatePullLeft .5s both ease; -moz-animation: rotatePullLeft .5s both ease; animation: rotatePullLeft .5s both ease; } .btSectionTransitions-rotatePullTop { -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-animation: rotatePullTop .5s both ease; -moz-animation: rotatePullTop .5s both ease; animation: rotatePullTop .5s both ease; } .btSectionTransitions-rotatePullBottom { -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-animation: rotatePullBottom .5s both ease; -moz-animation: rotatePullBottom .5s both ease; animation: rotatePullBottom .5s both ease; } /* fold */ .btSectionTransitions-rotateFoldRight { -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-animation: rotateFoldRight .7s both ease; -moz-animation: rotateFoldRight .7s both ease; animation: rotateFoldRight .7s both ease; } .btSectionTransitions-rotateFoldLeft { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation: rotateFoldLeft .7s both ease; -moz-animation: rotateFoldLeft .7s both ease; animation: rotateFoldLeft .7s both ease; } .btSectionTransitions-rotateFoldTop { -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-animation: rotateFoldTop .7s both ease; -moz-animation: rotateFoldTop .7s both ease; animation: rotateFoldTop .7s both ease; } .btSectionTransitions-rotateFoldBottom { -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-animation: rotateFoldBottom .7s both ease; -moz-animation: rotateFoldBottom .7s both ease; animation: rotateFoldBottom .7s both ease; } /* unfold */ .btSectionTransitions-rotateUnfoldLeft { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation: rotateUnfoldLeft .7s both ease; -moz-animation: rotateUnfoldLeft .7s both ease; animation: rotateUnfoldLeft .7s both ease; } .btSectionTransitions-rotateUnfoldRight { -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-animation: rotateUnfoldRight .7s both ease; -moz-animation: rotateUnfoldRight .7s both ease; animation: rotateUnfoldRight .7s both ease; } .btSectionTransitions-rotateUnfoldTop { -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-animation: rotateUnfoldTop .7s both ease; -moz-animation: rotateUnfoldTop .7s both ease; animation: rotateUnfoldTop .7s both ease; } .btSectionTransitions-rotateUnfoldBottom { -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-animation: rotateUnfoldBottom .7s both ease; -moz-animation: rotateUnfoldBottom .7s both ease; animation: rotateUnfoldBottom .7s both ease; } /* room walls */ .btSectionTransitions-rotateRoomLeftOut { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation: rotateRoomLeftOut .8s both ease; -moz-animation: rotateRoomLeftOut .8s both ease; animation: rotateRoomLeftOut .8s both ease; } .btSectionTransitions-rotateRoomLeftIn { -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-animation: rotateRoomLeftIn .8s both ease; -moz-animation: rotateRoomLeftIn .8s both ease; animation: rotateRoomLeftIn .8s both ease; } .btSectionTransitions-rotateRoomRightOut { -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-animation: rotateRoomRightOut .8s both ease; -moz-animation: rotateRoomRightOut .8s both ease; animation: rotateRoomRightOut .8s both ease; } .btSectionTransitions-rotateRoomRightIn { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation: rotateRoomRightIn .8s both ease; -moz-animation: rotateRoomRightIn .8s both ease; animation: rotateRoomRightIn .8s both ease; } .btSectionTransitions-rotateRoomTopOut { -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-animation: rotateRoomTopOut .8s both ease; -moz-animation: rotateRoomTopOut .8s both ease; animation: rotateRoomTopOut .8s both ease; } .btSectionTransitions-rotateRoomTopIn { -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-animation: rotateRoomTopIn .8s both ease; -moz-animation: rotateRoomTopIn .8s both ease; animation: rotateRoomTopIn .8s both ease; } .btSectionTransitions-rotateRoomBottomOut { -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-animation: rotateRoomBottomOut .8s both ease; -moz-animation: rotateRoomBottomOut .8s both ease; animation: rotateRoomBottomOut .8s both ease; } .btSectionTransitions-rotateRoomBottomIn { -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-animation: rotateRoomBottomIn .8s both ease; -moz-animation: rotateRoomBottomIn .8s both ease; animation: rotateRoomBottomIn .8s both ease; } /* cube */ .btSectionTransitions-rotateCubeLeftOut { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; z-index: 1; -webkit-animation: rotateCubeLeftOut .6s both ease-in; -moz-animation: rotateCubeLeftOut .6s both ease-in; animation: rotateCubeLeftOut .6s both ease-in; } .btSectionTransitions-rotateCubeLeftIn { -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; transform-origin: 0% 50%; z-index: 500; -webkit-animation: rotateCubeLeftIn .6s both ease-in; -moz-animation: rotateCubeLeftIn .6s both ease-in; animation: rotateCubeLeftIn .6s both ease-in; } .btSectionTransitions-rotateCubeRightOut { -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-animation: rotateCubeRightOut .6s both ease-in; -moz-animation: rotateCubeRightOut .6s both ease-in; animation: rotateCubeRightOut .6s both ease-in; } .btSectionTransitions-rotateCubeRightIn { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; z-index: 500; -webkit-animation: rotateCubeRightIn .6s both ease-in; -moz-animation: rotateCubeRightIn .6s both ease-in; animation: rotateCubeRightIn .6s both ease-in; } .btSectionTransitions-rotateCubeTopOut { -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-animation: rotateCubeTopOut .6s both ease-in; -moz-animation: rotateCubeTopOut .6s both ease-in; animation: rotateCubeTopOut .6s both ease-in; } .btSectionTransitions-rotateCubeTopIn { -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; transform-origin: 50% 0%; z-index: 500; -webkit-animation: rotateCubeTopIn .6s both ease-in; -moz-animation: rotateCubeTopIn .6s both ease-in; animation: rotateCubeTopIn .6s both ease-in; } .btSectionTransitions-rotateCubeBottomOut { -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-animation: rotateCubeBottomOut .6s both ease-in; -moz-animation: rotateCubeBottomOut .6s both ease-in; animation: rotateCubeBottomOut .6s both ease-in; } .btSectionTransitions-rotateCubeBottomIn { -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; z-index: 500; -webkit-animation: rotateCubeBottomIn .6s both ease-in; -moz-animation: rotateCubeBottomIn .6s both ease-in; animation: rotateCubeBottomIn .6s both ease-in; } /* carousel */ .btSectionTransitions-rotateCarouselLeftOut { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation: rotateCarouselLeftOut .8s both ease; -moz-animation: rotateCarouselLeftOut .8s both ease; animation: rotateCarouselLeftOut .8s both ease; } .btSectionTransitions-rotateCarouselLeftIn { -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-animation: rotateCarouselLeftIn .8s both ease; -moz-animation: rotateCarouselLeftIn .8s both ease; animation: rotateCarouselLeftIn .8s both ease; } .btSectionTransitions-rotateCarouselRightOut { -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-animation: rotateCarouselRightOut .8s both ease; -moz-animation: rotateCarouselRightOut .8s both ease; animation: rotateCarouselRightOut .8s both ease; } .btSectionTransitions-rotateCarouselRightIn { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation: rotateCarouselRightIn .8s both ease; -moz-animation: rotateCarouselRightIn .8s both ease; animation: rotateCarouselRightIn .8s both ease; } .btSectionTransitions-rotateCarouselTopOut { -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-animation: rotateCarouselTopOut .8s both ease; -moz-animation: rotateCarouselTopOut .8s both ease; animation: rotateCarouselTopOut .8s both ease; } .btSectionTransitions-rotateCarouselTopIn { -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-animation: rotateCarouselTopIn .8s both ease; -moz-animation: rotateCarouselTopIn .8s both ease; animation: rotateCarouselTopIn .8s both ease; } .btSectionTransitions-rotateCarouselBottomOut { -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-animation: rotateCarouselBottomOut .8s both ease; -moz-animation: rotateCarouselBottomOut .8s both ease; animation: rotateCarouselBottomOut .8s both ease; } .btSectionTransitions-rotateCarouselBottomIn { -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-animation: rotateCarouselBottomIn .8s both ease; -moz-animation: rotateCarouselBottomIn .8s both ease; animation: rotateCarouselBottomIn .8s both ease; } /* sides */ .btSectionTransitions-rotateSidesOut { -webkit-transform-origin: -50% 50%; -moz-transform-origin: -50% 50%; -ms-transform-origin: -50% 50%; transform-origin: -50% 50%; -webkit-animation: rotateSidesOut .5s both ease-in; -moz-animation: rotateSidesOut .5s both ease-in; animation: rotateSidesOut .5s both ease-in; } .btSectionTransitions-rotateSidesIn { -webkit-transform-origin: 150% 50%; -moz-transform-origin: 150% 50%; -ms-transform-origin: 150% 50%; transform-origin: 150% 50%; -webkit-animation: rotateSidesIn .5s both ease-out; -moz-animation: rotateSidesIn .5s both ease-out; animation: rotateSidesIn .5s both ease-out; } /* slide */ .btSectionTransitions-rotateSlideOut { -webkit-animation: rotateSlideOut 1s both ease; -moz-animation: rotateSlideOut 1s both ease; animation: rotateSlideOut 1s both ease; -webkit-animation: rotateSlideOut 1s both ease; -moz-animation: rotateSlideOut 1s both ease; animation: rotateSlideOut 1s both ease; } .btSectionTransitions-rotateSlideIn { -webkit-animation: rotateSlideIn 1s both ease; -moz-animation: rotateSlideIn 1s both ease; animation: rotateSlideIn 1s both ease; -webkit-animation: rotateSlideIn 1s both ease; -moz-animation: rotateSlideIn 1s both ease; animation: rotateSlideIn 1s both ease; } /********************************* keyframes **************************************/ /* rotate sides first and scale */ @-webkit-keyframes rotateRightSideFirst { 40% { -webkit-transform: rotateY(15deg); transform: rotateY(15deg); opacity: .8; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: scale(.8) translateZ(-200px); transform: scale(.8) translateZ(-200px); -webkit-transform: scale(.8) translateZ(-200px); transform: scale(.8) translateZ(-200px); opacity: 0; } } @-moz-keyframes rotateRightSideFirst { 40% { -moz-transform: rotateY(15deg); transform: rotateY(15deg); opacity: .8; -moz-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -moz-transform: scale(.8) translateZ(-200px); transform: scale(.8) translateZ(-200px); -moz-transform: scale(.8) translateZ(-200px); transform: scale(.8) translateZ(-200px); opacity: 0; } } @keyframes rotateRightSideFirst { 40% { -webkit-transform: rotateY(15deg); -moz-transform: rotateY(15deg); -ms-transform: rotateY(15deg); transform: rotateY(15deg); opacity: .8; -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: scale(.8) translateZ(-200px); -moz-transform: scale(.8) translateZ(-200px); -ms-transform: scale(.8) translateZ(-200px); transform: scale(.8) translateZ(-200px); -webkit-transform: scale(.8) translateZ(-200px); -moz-transform: scale(.8) translateZ(-200px); -ms-transform: scale(.8) translateZ(-200px); transform: scale(.8) translateZ(-200px); opacity: 0; } } @-webkit-keyframes rotateLeftSideFirst { 40% { -webkit-transform: rotateY(-15deg); transform: rotateY(-15deg); opacity: .8; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: scale(.8) translateZ(-200px); transform: scale(.8) translateZ(-200px); opacity: 0; } } @-moz-keyframes rotateLeftSideFirst { 40% { -moz-transform: rotateY(-15deg); transform: rotateY(-15deg); opacity: .8; -moz-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -moz-transform: scale(.8) translateZ(-200px); transform: scale(.8) translateZ(-200px); opacity: 0; } } @keyframes rotateLeftSideFirst { 40% { -webkit-transform: rotateY(-15deg); -moz-transform: rotateY(-15deg); -ms-transform: rotateY(-15deg); transform: rotateY(-15deg); opacity: .8; -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: scale(.8) translateZ(-200px); -moz-transform: scale(.8) translateZ(-200px); -ms-transform: scale(.8) translateZ(-200px); transform: scale(.8) translateZ(-200px); opacity: 0; } } @-webkit-keyframes rotateTopSideFirst { 40% { -webkit-transform: rotateX(15deg); transform: rotateX(15deg); opacity: .8; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: scale(.8) translateZ(-200px); transform: scale(.8) translateZ(-200px); opacity: 0; } } @-moz-keyframes rotateTopSideFirst { 40% { -moz-transform: rotateX(15deg); transform: rotateX(15deg); opacity: .8; -moz-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -moz-transform: scale(.8) translateZ(-200px); transform: scale(.8) translateZ(-200px); opacity: 0; } } @keyframes rotateTopSideFirst { 40% { -webkit-transform: rotateX(15deg); -moz-transform: rotateX(15deg); -ms-transform: rotateX(15deg); transform: rotateX(15deg); opacity: .8; -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: scale(.8) translateZ(-200px); -moz-transform: scale(.8) translateZ(-200px); -ms-transform: scale(.8) translateZ(-200px); transform: scale(.8) translateZ(-200px); opacity: 0; } } @-webkit-keyframes rotateBottomSideFirst { 40% { -webkit-transform: rotateX(-15deg); transform: rotateX(-15deg); opacity: .8; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: scale(.8) translateZ(-200px); transform: scale(.8) translateZ(-200px); opacity: 0; } } @-moz-keyframes rotateBottomSideFirst { 40% { -moz-transform: rotateX(-15deg); transform: rotateX(-15deg); opacity: .8; -moz-animation-timing-function: ease-out; animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -moz-transform: scale(.8) translateZ(-200px); transform: scale(.8) translateZ(-200px); opacity: 0; } } @keyframes rotateBottomSideFirst { 40% { -webkit-transform: rotateX(-15deg); -moz-transform: rotateX(-15deg); -ms-transform: rotateX(-15deg); transform: rotateX(-15deg); opacity: .8; -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: scale(.8) translateZ(-200px); -moz-transform: scale(.8) translateZ(-200px); -ms-transform: scale(.8) translateZ(-200px); transform: scale(.8) translateZ(-200px); opacity: 0; } } /* flip */ @-webkit-keyframes flipOutRight { to { -webkit-transform: translateZ(-1000px) rotateY(90deg); -moz-transform: translateZ(-1000px) rotateY(90deg); -ms-transform: translateZ(-1000px) rotateY(90deg); transform: translateZ(-1000px) rotateY(90deg); opacity: .2; } } @-webkit-keyframes flipOutRight { to { -webkit-transform: translateZ(-1000px) rotateY(90deg); transform: translateZ(-1000px) rotateY(90deg); opacity: .2; } } @-moz-keyframes flipOutRight { to { -moz-transform: translateZ(-1000px) rotateY(90deg); transform: translateZ(-1000px) rotateY(90deg); opacity: .2; } } @keyframes flipOutRight { to { -webkit-transform: translateZ(-1000px) rotateY(90deg); -moz-transform: translateZ(-1000px) rotateY(90deg); -ms-transform: translateZ(-1000px) rotateY(90deg); transform: translateZ(-1000px) rotateY(90deg); opacity: .2; } } @-webkit-keyframes flipInLeft { from { -webkit-transform: translateZ(-1000px) rotateY(-90deg); transform: translateZ(-1000px) rotateY(-90deg); opacity: .2; } } @-moz-keyframes flipInLeft { from { -moz-transform: translateZ(-1000px) rotateY(-90deg); transform: translateZ(-1000px) rotateY(-90deg); opacity: .2; } } @keyframes flipInLeft { from { -webkit-transform: translateZ(-1000px) rotateY(-90deg); -moz-transform: translateZ(-1000px) rotateY(-90deg); -ms-transform: translateZ(-1000px) rotateY(-90deg); transform: translateZ(-1000px) rotateY(-90deg); opacity: .2; } } @-webkit-keyframes flipOutLeft { to { -webkit-transform: translateZ(-1000px) rotateY(-90deg); transform: translateZ(-1000px) rotateY(-90deg); opacity: .2; } } @-moz-keyframes flipOutLeft { to { -moz-transform: translateZ(-1000px) rotateY(-90deg); transform: translateZ(-1000px) rotateY(-90deg); opacity: .2; } } @keyframes flipOutLeft { to { -webkit-transform: translateZ(-1000px) rotateY(-90deg); -moz-transform: translateZ(-1000px) rotateY(-90deg); -ms-transform: translateZ(-1000px) rotateY(-90deg); transform: translateZ(-1000px) rotateY(-90deg); opacity: .2; } } @-webkit-keyframes flipInRight { from { -webkit-transform: translateZ(-1000px) rotateY(90deg); transform: translateZ(-1000px) rotateY(90deg); -webkit-transform: translateZ(-1000px) rotateY(90deg); transform: translateZ(-1000px) rotateY(90deg); opacity: .2; } } @-moz-keyframes flipInRight { from { -moz-transform: translateZ(-1000px) rotateY(90deg); transform: translateZ(-1000px) rotateY(90deg); -moz-transform: translateZ(-1000px) rotateY(90deg); transform: translateZ(-1000px) rotateY(90deg); opacity: .2; } } @keyframes flipInRight { from { -webkit-transform: translateZ(-1000px) rotateY(90deg); -moz-transform: translateZ(-1000px) rotateY(90deg); -ms-transform: translateZ(-1000px) rotateY(90deg); transform: translateZ(-1000px) rotateY(90deg); -webkit-transform: translateZ(-1000px) rotateY(90deg); -moz-transform: translateZ(-1000px) rotateY(90deg); -ms-transform: translateZ(-1000px) rotateY(90deg); transform: translateZ(-1000px) rotateY(90deg); opacity: .2; } } @-webkit-keyframes flipOutTop { to { -webkit-transform: translateZ(-1000px) rotateX(90deg); transform: translateZ(-1000px) rotateX(90deg); -webkit-transform: translateZ(-1000px) rotateX(90deg); transform: translateZ(-1000px) rotateX(90deg); opacity: .2; } } @-moz-keyframes flipOutTop { to { -moz-transform: translateZ(-1000px) rotateX(90deg); transform: translateZ(-1000px) rotateX(90deg); -moz-transform: translateZ(-1000px) rotateX(90deg); transform: translateZ(-1000px) rotateX(90deg); opacity: .2; } } @keyframes flipOutTop { to { -webkit-transform: translateZ(-1000px) rotateX(90deg); -moz-transform: translateZ(-1000px) rotateX(90deg); -ms-transform: translateZ(-1000px) rotateX(90deg); transform: translateZ(-1000px) rotateX(90deg); -webkit-transform: translateZ(-1000px) rotateX(90deg); -moz-transform: translateZ(-1000px) rotateX(90deg); -ms-transform: translateZ(-1000px) rotateX(90deg); transform: translateZ(-1000px) rotateX(90deg); opacity: .2; } } @-webkit-keyframes flipInBottom { from { -webkit-transform: translateZ(-1000px) rotateX(-90deg); transform: translateZ(-1000px) rotateX(-90deg); -webkit-transform: translateZ(-1000px) rotateX(-90deg); transform: translateZ(-1000px) rotateX(-90deg); opacity: .2; } } @-moz-keyframes flipInBottom { from { -moz-transform: translateZ(-1000px) rotateX(-90deg); transform: translateZ(-1000px) rotateX(-90deg); -moz-transform: translateZ(-1000px) rotateX(-90deg); transform: translateZ(-1000px) rotateX(-90deg); opacity: .2; } } @keyframes flipInBottom { from { -webkit-transform: translateZ(-1000px) rotateX(-90deg); -moz-transform: translateZ(-1000px) rotateX(-90deg); -ms-transform: translateZ(-1000px) rotateX(-90deg); transform: translateZ(-1000px) rotateX(-90deg); -webkit-transform: translateZ(-1000px) rotateX(-90deg); -moz-transform: translateZ(-1000px) rotateX(-90deg); -ms-transform: translateZ(-1000px) rotateX(-90deg); transform: translateZ(-1000px) rotateX(-90deg); opacity: .2; } } @-webkit-keyframes flipOutBottom { to { -webkit-transform: translateZ(-1000px) rotateX(-90deg); transform: translateZ(-1000px) rotateX(-90deg); -webkit-transform: translateZ(-1000px) rotateX(-90deg); transform: translateZ(-1000px) rotateX(-90deg); opacity: .2; } } @-moz-keyframes flipOutBottom { to { -moz-transform: translateZ(-1000px) rotateX(-90deg); transform: translateZ(-1000px) rotateX(-90deg); -moz-transform: translateZ(-1000px) rotateX(-90deg); transform: translateZ(-1000px) rotateX(-90deg); opacity: .2; } } @keyframes flipOutBottom { to { -webkit-transform: translateZ(-1000px) rotateX(-90deg); -moz-transform: translateZ(-1000px) rotateX(-90deg); -ms-transform: translateZ(-1000px) rotateX(-90deg); transform: translateZ(-1000px) rotateX(-90deg); -webkit-transform: translateZ(-1000px) rotateX(-90deg); -moz-transform: translateZ(-1000px) rotateX(-90deg); -ms-transform: translateZ(-1000px) rotateX(-90deg); transform: translateZ(-1000px) rotateX(-90deg); opacity: .2; } } @-webkit-keyframes flipInTop { from { -webkit-transform: translateZ(-1000px) rotateX(90deg); transform: translateZ(-1000px) rotateX(90deg); -webkit-transform: translateZ(-1000px) rotateX(90deg); transform: translateZ(-1000px) rotateX(90deg); opacity: .2; } } @-moz-keyframes flipInTop { from { -moz-transform: translateZ(-1000px) rotateX(90deg); transform: translateZ(-1000px) rotateX(90deg); -moz-transform: translateZ(-1000px) rotateX(90deg); transform: translateZ(-1000px) rotateX(90deg); opacity: .2; } } @keyframes flipInTop { from { -webkit-transform: translateZ(-1000px) rotateX(90deg); -moz-transform: translateZ(-1000px) rotateX(90deg); -ms-transform: translateZ(-1000px) rotateX(90deg); transform: translateZ(-1000px) rotateX(90deg); -webkit-transform: translateZ(-1000px) rotateX(90deg); -moz-transform: translateZ(-1000px) rotateX(90deg); -ms-transform: translateZ(-1000px) rotateX(90deg); transform: translateZ(-1000px) rotateX(90deg); opacity: .2; } } /* fall */ @-webkit-keyframes rotateFall { 0% { -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); transform: rotateZ(0deg); } 20% { -webkit-transform: rotateZ(10deg); -moz-transform: rotateZ(10deg); -ms-transform: rotateZ(10deg); transform: rotateZ(10deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: rotateZ(17deg); -moz-transform: rotateZ(17deg); -ms-transform: rotateZ(17deg); transform: rotateZ(17deg); } 60% { -webkit-transform: rotateZ(16deg); -moz-transform: rotateZ(16deg); -ms-transform: rotateZ(16deg); transform: rotateZ(16deg); } 100% { -webkit-transform: translateY(100%) rotateZ(17deg); -moz-transform: translateY(100%) rotateZ(17deg); -ms-transform: translateY(100%) rotateZ(17deg); transform: translateY(100%) rotateZ(17deg); } } @-webkit-keyframes rotateFall { 0% { -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); } 20% { -webkit-transform: rotateZ(10deg); transform: rotateZ(10deg); -webkit-transform: rotateZ(10deg); transform: rotateZ(10deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: rotateZ(17deg); transform: rotateZ(17deg); -webkit-transform: rotateZ(17deg); transform: rotateZ(17deg); } 60% { -webkit-transform: rotateZ(16deg); transform: rotateZ(16deg); -webkit-transform: rotateZ(16deg); transform: rotateZ(16deg); } 100% { -webkit-transform: translateY(100%) rotateZ(17deg); transform: translateY(100%) rotateZ(17deg); } } @-moz-keyframes rotateFall { 0% { -moz-transform: rotateZ(0deg); transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); transform: rotateZ(0deg); } 20% { -moz-transform: rotateZ(10deg); transform: rotateZ(10deg); -moz-transform: rotateZ(10deg); transform: rotateZ(10deg); -moz-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -moz-transform: rotateZ(17deg); transform: rotateZ(17deg); -moz-transform: rotateZ(17deg); transform: rotateZ(17deg); } 60% { -moz-transform: rotateZ(16deg); transform: rotateZ(16deg); -moz-transform: rotateZ(16deg); transform: rotateZ(16deg); } 100% { -moz-transform: translateY(100%) rotateZ(17deg); transform: translateY(100%) rotateZ(17deg); } } @keyframes rotateFall { 0% { -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); transform: rotateZ(0deg); -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); transform: rotateZ(0deg); } 20% { -webkit-transform: rotateZ(10deg); -moz-transform: rotateZ(10deg); -ms-transform: rotateZ(10deg); transform: rotateZ(10deg); -webkit-transform: rotateZ(10deg); -moz-transform: rotateZ(10deg); -ms-transform: rotateZ(10deg); transform: rotateZ(10deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: rotateZ(17deg); -moz-transform: rotateZ(17deg); -ms-transform: rotateZ(17deg); transform: rotateZ(17deg); -webkit-transform: rotateZ(17deg); -moz-transform: rotateZ(17deg); -ms-transform: rotateZ(17deg); transform: rotateZ(17deg); } 60% { -webkit-transform: rotateZ(16deg); -moz-transform: rotateZ(16deg); -ms-transform: rotateZ(16deg); transform: rotateZ(16deg); -webkit-transform: rotateZ(16deg); -moz-transform: rotateZ(16deg); -ms-transform: rotateZ(16deg); transform: rotateZ(16deg); } 100% { -webkit-transform: translateY(100%) rotateZ(17deg); -moz-transform: translateY(100%) rotateZ(17deg); -ms-transform: translateY(100%) rotateZ(17deg); transform: translateY(100%) rotateZ(17deg); } } /* newspaper */ @-webkit-keyframes rotateOutNewspaper { to { -webkit-transform: translateZ(-3000px) rotateZ(360deg); -moz-transform: translateZ(-3000px) rotateZ(360deg); -ms-transform: translateZ(-3000px) rotateZ(360deg); transform: translateZ(-3000px) rotateZ(360deg); opacity: 0; } } @-webkit-keyframes rotateOutNewspaper { to { -webkit-transform: transform: translateZ(-3000px) rotateZ(360deg); transform: transform: translateZ(-3000px) rotateZ(360deg); opacity: 0; } } @-moz-keyframes rotateOutNewspaper { to { -moz-transform: transform: translateZ(-3000px) rotateZ(360deg); transform: transform: translateZ(-3000px) rotateZ(360deg); opacity: 0; } } @keyframes rotateOutNewspaper { to { -webkit-transform: transform: translateZ(-3000px) rotateZ(360deg); -moz-transform: transform: translateZ(-3000px) rotateZ(360deg); -ms-transform: transform: translateZ(-3000px) rotateZ(360deg); transform: transform: translateZ(-3000px) rotateZ(360deg); opacity: 0; } } @-webkit-keyframes rotateInNewspaper { from { -webkit-transform: translateZ(-3000px) rotateZ(-360deg); -moz-transform: translateZ(-3000px) rotateZ(-360deg); -ms-transform: translateZ(-3000px) rotateZ(-360deg); transform: translateZ(-3000px) rotateZ(-360deg); opacity: 0; } } @-webkit-keyframes rotateInNewspaper { from { -webkit-transform: translateZ(-3000px) rotateZ(-360deg); transform: translateZ(-3000px) rotateZ(-360deg); opacity: 0; } } @-moz-keyframes rotateInNewspaper { from { -moz-transform: translateZ(-3000px) rotateZ(-360deg); transform: translateZ(-3000px) rotateZ(-360deg); opacity: 0; } } @keyframes rotateInNewspaper { from { -webkit-transform: translateZ(-3000px) rotateZ(-360deg); -moz-transform: translateZ(-3000px) rotateZ(-360deg); -ms-transform: translateZ(-3000px) rotateZ(-360deg); transform: translateZ(-3000px) rotateZ(-360deg); opacity: 0; } } /* push */ @-webkit-keyframes rotatePushLeft { to { opacity: 0; -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); transform: rotateY(90deg); } } @-webkit-keyframes rotatePushLeft { to { opacity: 0; -webkit-transform: rotateY(90deg); transform: rotateY(90deg); } } @-moz-keyframes rotatePushLeft { to { opacity: 0; -moz-transform: rotateY(90deg); transform: rotateY(90deg); } } @keyframes rotatePushLeft { to { opacity: 0; -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); transform: rotateY(90deg); } } @-webkit-keyframes rotatePushRight { to { opacity: 0; -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); transform: rotateY(-90deg); } } @-webkit-keyframes rotatePushRight { to { opacity: 0; -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); } } @-moz-keyframes rotatePushRight { to { opacity: 0; -moz-transform: rotateY(-90deg); transform: rotateY(-90deg); } } @keyframes rotatePushRight { to { opacity: 0; -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); transform: rotateY(-90deg); } } @-webkit-keyframes rotatePushTop { to { opacity: 0; -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); transform: rotateX(-90deg); } } @-webkit-keyframes rotatePushTop { to { opacity: 0; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); } } @-moz-keyframes rotatePushTop { to { opacity: 0; -moz-transform: rotateX(-90deg); transform: rotateX(-90deg); } } @keyframes rotatePushTop { to { opacity: 0; -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); transform: rotateX(-90deg); } } @-webkit-keyframes rotatePushBottom { to { opacity: 0; -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); transform: rotateX(90deg); } } @-webkit-keyframes rotatePushBottom { to { opacity: 0; -webkit-transform: rotateX(90deg); transform: rotateX(90deg); } } @-moz-keyframes rotatePushBottom { to { opacity: 0; -moz-transform: rotateX(90deg); transform: rotateX(90deg); } } @keyframes rotatePushBottom { to { opacity: 0; -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); transform: rotateX(90deg); } } /* pull */ @-webkit-keyframes rotatePullRight { from { opacity: 0; -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); transform: rotateY(-90deg); } } @-webkit-keyframes rotatePullRight { from { opacity: 0; -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); } } @-moz-keyframes rotatePullRight { from { opacity: 0; -moz-transform: rotateY(-90deg); transform: rotateY(-90deg); } } @keyframes rotatePullRight { from { opacity: 0; -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); transform: rotateY(-90deg); } } @-webkit-keyframes rotatePullLeft { from { opacity: 0; -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); transform: rotateY(90deg); } } @-webkit-keyframes rotatePullLeft { from { opacity: 0; -webkit-transform: rotateY(90deg); transform: rotateY(90deg); } } @-moz-keyframes rotatePullLeft { from { opacity: 0; -moz-transform: rotateY(90deg); transform: rotateY(90deg); } } @keyframes rotatePullLeft { from { opacity: 0; -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); transform: rotateY(90deg); } } @-webkit-keyframes rotatePullTop { from { opacity: 0; -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); transform: rotateX(-90deg); } } @-webkit-keyframes rotatePullTop { from { opacity: 0; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); } } @-moz-keyframes rotatePullTop { from { opacity: 0; -moz-transform: rotateX(-90deg); transform: rotateX(-90deg); } } @keyframes rotatePullTop { from { opacity: 0; -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); transform: rotateX(-90deg); } } @-webkit-keyframes rotatePullBottom { from { opacity: 0; -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); transform: rotateX(90deg); } } @-webkit-keyframes rotatePullBottom { from { opacity: 0; -webkit-transform: rotateX(90deg); transform: rotateX(90deg); } } @-moz-keyframes rotatePullBottom { from { opacity: 0; -moz-transform: rotateX(90deg); transform: rotateX(90deg); } } @keyframes rotatePullBottom { from { opacity: 0; -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); transform: rotateX(90deg); } } /* fold */ @-webkit-keyframes rotateFoldRight { to { opacity: 0; -webkit-transform: translateX(100%) rotateY(90deg); transform: translateX(100%) rotateY(90deg); } } @-moz-keyframes rotateFoldRight { to { opacity: 0; -moz-transform: translateX(100%) rotateY(90deg); transform: translateX(100%) rotateY(90deg); } } @keyframes rotateFoldRight { to { opacity: 0; -webkit-transform: translateX(100%) rotateY(90deg); -moz-transform: translateX(100%) rotateY(90deg); -ms-transform: translateX(100%) rotateY(90deg); transform: translateX(100%) rotateY(90deg); } } @-webkit-keyframes rotateFoldLeft { to { opacity: 0; -webkit-transform: translateX(-100%) rotateY(-90deg); transform: translateX(-100%) rotateY(-90deg); } } @-moz-keyframes rotateFoldLeft { to { opacity: 0; -moz-transform: translateX(-100%) rotateY(-90deg); transform: translateX(-100%) rotateY(-90deg); } } @keyframes rotateFoldLeft { to { opacity: 0; -webkit-transform: translateX(-100%) rotateY(-90deg); -moz-transform: translateX(-100%) rotateY(-90deg); -ms-transform: translateX(-100%) rotateY(-90deg); transform: translateX(-100%) rotateY(-90deg); } } @-webkit-keyframes rotateFoldTop { to { opacity: 0; -webkit-transform: translateY(-100%) rotateX(90deg); transform: translateY(-100%) rotateX(90deg); } } @-moz-keyframes rotateFoldTop { to { opacity: 0; -moz-transform: translateY(-100%) rotateX(90deg); transform: translateY(-100%) rotateX(90deg); } } @keyframes rotateFoldTop { to { opacity: 0; -webkit-transform: translateY(-100%) rotateX(90deg); -moz-transform: translateY(-100%) rotateX(90deg); -ms-transform: translateY(-100%) rotateX(90deg); transform: translateY(-100%) rotateX(90deg); } } @-webkit-keyframes rotateFoldBottom { to { opacity: 0; -webkit-transform: translateY(100%) rotateX(-90deg); transform: translateY(100%) rotateX(-90deg); } } @-moz-keyframes rotateFoldBottom { to { opacity: 0; -moz-transform: translateY(100%) rotateX(-90deg); transform: translateY(100%) rotateX(-90deg); } } @keyframes rotateFoldBottom { to { opacity: 0; -webkit-transform: translateY(100%) rotateX(-90deg); -moz-transform: translateY(100%) rotateX(-90deg); -ms-transform: translateY(100%) rotateX(-90deg); transform: translateY(100%) rotateX(-90deg); } } /* unfold */ @-webkit-keyframes rotateUnfoldLeft { from { opacity: 0; -webkit-transform: translateX(-100%) rotateY(-90deg); transform: translateX(-100%) rotateY(-90deg); } } @-moz-keyframes rotateUnfoldLeft { from { opacity: 0; -moz-transform: translateX(-100%) rotateY(-90deg); transform: translateX(-100%) rotateY(-90deg); } } @keyframes rotateUnfoldLeft { from { opacity: 0; -webkit-transform: translateX(-100%) rotateY(-90deg); -moz-transform: translateX(-100%) rotateY(-90deg); -ms-transform: translateX(-100%) rotateY(-90deg); transform: translateX(-100%) rotateY(-90deg); } } @-webkit-keyframes rotateUnfoldRight { from { opacity: 0; -webkit-transform: translateX(100%) rotateY(90deg); transform: translateX(100%) rotateY(90deg); } } @-moz-keyframes rotateUnfoldRight { from { opacity: 0; -moz-transform: translateX(100%) rotateY(90deg); transform: translateX(100%) rotateY(90deg); } } @keyframes rotateUnfoldRight { from { opacity: 0; -webkit-transform: translateX(100%) rotateY(90deg); -moz-transform: translateX(100%) rotateY(90deg); -ms-transform: translateX(100%) rotateY(90deg); transform: translateX(100%) rotateY(90deg); } } @-webkit-keyframes rotateUnfoldTop { from { opacity: 0; -webkit-transform: translateY(-100%) rotateX(90deg); transform: translateY(-100%) rotateX(90deg); -webkit-transform: translateY(-100%) rotateX(90deg); transform: translateY(-100%) rotateX(90deg); } } @-moz-keyframes rotateUnfoldTop { from { opacity: 0; -moz-transform: translateY(-100%) rotateX(90deg); transform: translateY(-100%) rotateX(90deg); -moz-transform: translateY(-100%) rotateX(90deg); transform: translateY(-100%) rotateX(90deg); } } @keyframes rotateUnfoldTop { from { opacity: 0; -webkit-transform: translateY(-100%) rotateX(90deg); -moz-transform: translateY(-100%) rotateX(90deg); -ms-transform: translateY(-100%) rotateX(90deg); transform: translateY(-100%) rotateX(90deg); -webkit-transform: translateY(-100%) rotateX(90deg); -moz-transform: translateY(-100%) rotateX(90deg); -ms-transform: translateY(-100%) rotateX(90deg); transform: translateY(-100%) rotateX(90deg); } } @-webkit-keyframes rotateUnfoldBottom { from { opacity: 0; -webkit-transform: translateY(100%) rotateX(-90deg); transform: translateY(100%) rotateX(-90deg); } } @-moz-keyframes rotateUnfoldBottom { from { opacity: 0; -moz-transform: translateY(100%) rotateX(-90deg); transform: translateY(100%) rotateX(-90deg); } } @keyframes rotateUnfoldBottom { from { opacity: 0; -webkit-transform: translateY(100%) rotateX(-90deg); -moz-transform: translateY(100%) rotateX(-90deg); -ms-transform: translateY(100%) rotateX(-90deg); transform: translateY(100%) rotateX(-90deg); } } /* room walls */ @-webkit-keyframes rotateRoomLeftOut { to { opacity: .3; -webkit-transform: translateX(-100%) rotateY(90deg); transform: translateX(-100%) rotateY(90deg); } } @-moz-keyframes rotateRoomLeftOut { to { opacity: .3; -moz-transform: translateX(-100%) rotateY(90deg); transform: translateX(-100%) rotateY(90deg); } } @keyframes rotateRoomLeftOut { to { opacity: .3; -webkit-transform: translateX(-100%) rotateY(90deg); -moz-transform: translateX(-100%) rotateY(90deg); -ms-transform: translateX(-100%) rotateY(90deg); transform: translateX(-100%) rotateY(90deg); } } @-webkit-keyframes rotateRoomLeftIn { from { opacity: .3; -webkit-transform: translateX(100%) rotateY(-90deg); transform: translateX(100%) rotateY(-90deg); } } @-moz-keyframes rotateRoomLeftIn { from { opacity: .3; -moz-transform: translateX(100%) rotateY(-90deg); transform: translateX(100%) rotateY(-90deg); } } @keyframes rotateRoomLeftIn { from { opacity: .3; -webkit-transform: translateX(100%) rotateY(-90deg); -moz-transform: translateX(100%) rotateY(-90deg); -ms-transform: translateX(100%) rotateY(-90deg); transform: translateX(100%) rotateY(-90deg); } } @-webkit-keyframes rotateRoomRightOut { to { opacity: .3; -webkit-transform: translateX(100%) rotateY(-90deg); transform: translateX(100%) rotateY(-90deg); } } @-moz-keyframes rotateRoomRightOut { to { opacity: .3; -moz-transform: translateX(100%) rotateY(-90deg); transform: translateX(100%) rotateY(-90deg); } } @keyframes rotateRoomRightOut { to { opacity: .3; -webkit-transform: translateX(100%) rotateY(-90deg); -moz-transform: translateX(100%) rotateY(-90deg); -ms-transform: translateX(100%) rotateY(-90deg); transform: translateX(100%) rotateY(-90deg); } } @-webkit-keyframes rotateRoomRightIn { from { opacity: .3; -webkit-transform: translateX(-100%) rotateY(90deg); transform: translateX(-100%) rotateY(90deg); -webkit-transform: translateX(-100%) rotateY(90deg); transform: translateX(-100%) rotateY(90deg); } } @-moz-keyframes rotateRoomRightIn { from { opacity: .3; -moz-transform: translateX(-100%) rotateY(90deg); transform: translateX(-100%) rotateY(90deg); -moz-transform: translateX(-100%) rotateY(90deg); transform: translateX(-100%) rotateY(90deg); } } @keyframes rotateRoomRightIn { from { opacity: .3; -webkit-transform: translateX(-100%) rotateY(90deg); -moz-transform: translateX(-100%) rotateY(90deg); -ms-transform: translateX(-100%) rotateY(90deg); transform: translateX(-100%) rotateY(90deg); -webkit-transform: translateX(-100%) rotateY(90deg); -moz-transform: translateX(-100%) rotateY(90deg); -ms-transform: translateX(-100%) rotateY(90deg); transform: translateX(-100%) rotateY(90deg); } } @-webkit-keyframes rotateRoomTopOut { to { opacity: .3; -webkit-transform: translateY(-100%) rotateX(-90deg); transform: translateY(-100%) rotateX(-90deg); } } @-moz-keyframes rotateRoomTopOut { to { opacity: .3; -moz-transform: translateY(-100%) rotateX(-90deg); transform: translateY(-100%) rotateX(-90deg); } } @keyframes rotateRoomTopOut { to { opacity: .3; -webkit-transform: translateY(-100%) rotateX(-90deg); -moz-transform: translateY(-100%) rotateX(-90deg); -ms-transform: translateY(-100%) rotateX(-90deg); transform: translateY(-100%) rotateX(-90deg); } } @-webkit-keyframes rotateRoomTopIn { from { opacity: .3; -webkit-transform: translateY(100%) rotateX(90deg); transform: translateY(100%) rotateX(90deg); } } @-moz-keyframes rotateRoomTopIn { from { opacity: .3; -moz-transform: translateY(100%) rotateX(90deg); transform: translateY(100%) rotateX(90deg); } } @keyframes rotateRoomTopIn { from { opacity: .3; -webkit-transform: translateY(100%) rotateX(90deg); -moz-transform: translateY(100%) rotateX(90deg); -ms-transform: translateY(100%) rotateX(90deg); transform: translateY(100%) rotateX(90deg); } } @-webkit-keyframes rotateRoomBottomOut { to { opacity: .3; -webkit-transform: translateY(100%) rotateX(90deg); transform: translateY(100%) rotateX(90deg); } } @-moz-keyframes rotateRoomBottomOut { to { opacity: .3; -moz-transform: translateY(100%) rotateX(90deg); transform: translateY(100%) rotateX(90deg); } } @keyframes rotateRoomBottomOut { to { opacity: .3; -webkit-transform: translateY(100%) rotateX(90deg); -moz-transform: translateY(100%) rotateX(90deg); -ms-transform: translateY(100%) rotateX(90deg); transform: translateY(100%) rotateX(90deg); } } @-webkit-keyframes rotateRoomBottomIn { from { opacity: .3; -webkit-transform: translateY(-100%) rotateX(-90deg); transform: translateY(-100%) rotateX(-90deg); } } @-moz-keyframes rotateRoomBottomIn { from { opacity: .3; -moz-transform: translateY(-100%) rotateX(-90deg); transform: translateY(-100%) rotateX(-90deg); } } @keyframes rotateRoomBottomIn { from { opacity: .3; -webkit-transform: translateY(-100%) rotateX(-90deg); -moz-transform: translateY(-100%) rotateX(-90deg); -ms-transform: translateY(-100%) rotateX(-90deg); transform: translateY(-100%) rotateX(-90deg); } } /* cube */ @-webkit-keyframes rotateCubeLeftOut { 50% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg); transform: translateX(-50%) translateZ(-200px) rotateY(-45deg); } 100% { opacity: .3; -webkit-transform: translateX(-100%) rotateY(-90deg); transform: translateX(-100%) rotateY(-90deg); z-index: 0; } } @-moz-keyframes rotateCubeLeftOut { 50% { -moz-animation-timing-function: ease-out; animation-timing-function: ease-out; -moz-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg); transform: translateX(-50%) translateZ(-200px) rotateY(-45deg); } 100% { opacity: .3; -moz-transform: translateX(-100%) rotateY(-90deg); transform: translateX(-100%) rotateY(-90deg); z-index: 0; } } @keyframes rotateCubeLeftOut { 50% { -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg); -moz-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg); -ms-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg); transform: translateX(-50%) translateZ(-200px) rotateY(-45deg); } 100% { opacity: .3; -webkit-transform: translateX(-100%) rotateY(-90deg); -moz-transform: translateX(-100%) rotateY(-90deg); -ms-transform: translateX(-100%) rotateY(-90deg); transform: translateX(-100%) rotateY(-90deg); z-index: 0; } } @-webkit-keyframes rotateCubeLeftIn { 0% { opacity: .3; -webkit-transform: translateX(100%) rotateY(90deg); transform: translateX(100%) rotateY(90deg); } 50% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translateX(50%) translateZ(-200px) rotateY(45deg); transform: translateX(50%) translateZ(-200px) rotateY(45deg); } } @-moz-keyframes rotateCubeLeftIn { 0% { opacity: .3; -moz-transform: translateX(100%) rotateY(90deg); transform: translateX(100%) rotateY(90deg); } 50% { -moz-animation-timing-function: ease-out; animation-timing-function: ease-out; -moz-transform: translateX(50%) translateZ(-200px) rotateY(45deg); transform: translateX(50%) translateZ(-200px) rotateY(45deg); } } @keyframes rotateCubeLeftIn { 0% { opacity: .3; -webkit-transform: translateX(100%) rotateY(90deg); -moz-transform: translateX(100%) rotateY(90deg); -ms-transform: translateX(100%) rotateY(90deg); transform: translateX(100%) rotateY(90deg); } 50% { -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translateX(50%) translateZ(-200px) rotateY(45deg); -moz-transform: translateX(50%) translateZ(-200px) rotateY(45deg); -ms-transform: translateX(50%) translateZ(-200px) rotateY(45deg); transform: translateX(50%) translateZ(-200px) rotateY(45deg); } } @-webkit-keyframes rotateCubeRightOut { 50% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translateX(50%) translateZ(-200px) rotateY(45deg); transform: translateX(50%) translateZ(-200px) rotateY(45deg); } 100% { opacity: .3; -webkit-transform: translateX(100%) rotateY(90deg); transform: translateX(100%) rotateY(90deg); } } @-moz-keyframes rotateCubeRightOut { 50% { -moz-animation-timing-function: ease-out; animation-timing-function: ease-out; -moz-transform: translateX(50%) translateZ(-200px) rotateY(45deg); transform: translateX(50%) translateZ(-200px) rotateY(45deg); } 100% { opacity: .3; -moz-transform: translateX(100%) rotateY(90deg); transform: translateX(100%) rotateY(90deg); } } @keyframes rotateCubeRightOut { 50% { -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translateX(50%) translateZ(-200px) rotateY(45deg); -moz-transform: translateX(50%) translateZ(-200px) rotateY(45deg); -ms-transform: translateX(50%) translateZ(-200px) rotateY(45deg); transform: translateX(50%) translateZ(-200px) rotateY(45deg); } 100% { opacity: .3; -webkit-transform: translateX(100%) rotateY(90deg); -moz-transform: translateX(100%) rotateY(90deg); -ms-transform: translateX(100%) rotateY(90deg); transform: translateX(100%) rotateY(90deg); } } @-webkit-keyframes rotateCubeRightIn { 0% { opacity: .3; -webkit-transform: translateX(-100%) rotateY(-90deg); transform: translateX(-100%) rotateY(-90deg); } 50% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg); transform: translateX(-50%) translateZ(-200px) rotateY(-45deg); } } @-moz-keyframes rotateCubeRightIn { 0% { opacity: .3; -moz-transform: translateX(-100%) rotateY(-90deg); transform: translateX(-100%) rotateY(-90deg); } 50% { -moz-animation-timing-function: ease-out; animation-timing-function: ease-out; -moz-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg); transform: translateX(-50%) translateZ(-200px) rotateY(-45deg); } } @keyframes rotateCubeRightIn { 0% { opacity: .3; -webkit-transform: translateX(-100%) rotateY(-90deg); -moz-transform: translateX(-100%) rotateY(-90deg); -ms-transform: translateX(-100%) rotateY(-90deg); transform: translateX(-100%) rotateY(-90deg); } 50% { -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg); -moz-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg); -ms-transform: translateX(-50%) translateZ(-200px) rotateY(-45deg); transform: translateX(-50%) translateZ(-200px) rotateY(-45deg); } } @-webkit-keyframes rotateCubeTopOut { 50% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg); transform: translateY(-50%) translateZ(-200px) rotateX(45deg); } 100% { opacity: .3; -webkit-transform: translateY(-100%) rotateX(90deg); transform: translateY(-100%) rotateX(90deg); } } @-moz-keyframes rotateCubeTopOut { 50% { -moz-animation-timing-function: ease-out; animation-timing-function: ease-out; -moz-transform: translateY(-50%) translateZ(-200px) rotateX(45deg); transform: translateY(-50%) translateZ(-200px) rotateX(45deg); } 100% { opacity: .3; -moz-transform: translateY(-100%) rotateX(90deg); transform: translateY(-100%) rotateX(90deg); } } @keyframes rotateCubeTopOut { 50% { -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg); -moz-transform: translateY(-50%) translateZ(-200px) rotateX(45deg); -ms-transform: translateY(-50%) translateZ(-200px) rotateX(45deg); transform: translateY(-50%) translateZ(-200px) rotateX(45deg); } 100% { opacity: .3; -webkit-transform: translateY(-100%) rotateX(90deg); -moz-transform: translateY(-100%) rotateX(90deg); -ms-transform: translateY(-100%) rotateX(90deg); transform: translateY(-100%) rotateX(90deg); } } @-webkit-keyframes rotateCubeTopIn { 0% { opacity: .3; -webkit-transform: translateY(100%) rotateX(-90deg); transform: translateY(100%) rotateX(-90deg); } 50% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg); transform: translateY(50%) translateZ(-200px) rotateX(-45deg); } } @-moz-keyframes rotateCubeTopIn { 0% { opacity: .3; -moz-transform: translateY(100%) rotateX(-90deg); transform: translateY(100%) rotateX(-90deg); } 50% { -moz-animation-timing-function: ease-out; animation-timing-function: ease-out; -moz-transform: translateY(50%) translateZ(-200px) rotateX(-45deg); transform: translateY(50%) translateZ(-200px) rotateX(-45deg); } } @keyframes rotateCubeTopIn { 0% { opacity: .3; -webkit-transform: translateY(100%) rotateX(-90deg); -moz-transform: translateY(100%) rotateX(-90deg); -ms-transform: translateY(100%) rotateX(-90deg); transform: translateY(100%) rotateX(-90deg); } 50% { -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg); -moz-transform: translateY(50%) translateZ(-200px) rotateX(-45deg); -ms-transform: translateY(50%) translateZ(-200px) rotateX(-45deg); transform: translateY(50%) translateZ(-200px) rotateX(-45deg); } } @-webkit-keyframes rotateCubeBottomOut { 50% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg); transform: translateY(50%) translateZ(-200px) rotateX(-45deg); } 100% { opacity: .3; -webkit-transform: translateY(100%) rotateX(-90deg); transform: translateY(100%) rotateX(-90deg); } } @-moz-keyframes rotateCubeBottomOut { 50% { -moz-animation-timing-function: ease-out; animation-timing-function: ease-out; -moz-transform: translateY(50%) translateZ(-200px) rotateX(-45deg); transform: translateY(50%) translateZ(-200px) rotateX(-45deg); } 100% { opacity: .3; -moz-transform: translateY(100%) rotateX(-90deg); transform: translateY(100%) rotateX(-90deg); } } @keyframes rotateCubeBottomOut { 50% { -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg); -moz-transform: translateY(50%) translateZ(-200px) rotateX(-45deg); -ms-transform: translateY(50%) translateZ(-200px) rotateX(-45deg); transform: translateY(50%) translateZ(-200px) rotateX(-45deg); } 100% { opacity: .3; -webkit-transform: translateY(100%) rotateX(-90deg); -moz-transform: translateY(100%) rotateX(-90deg); -ms-transform: translateY(100%) rotateX(-90deg); transform: translateY(100%) rotateX(-90deg); } } @-webkit-keyframes rotateCubeBottomIn { 0% { opacity: .3; -webkit-transform: translateY(-100%) rotateX(90deg); transform: translateY(-100%) rotateX(90deg); } 50% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg); transform: translateY(-50%) translateZ(-200px) rotateX(45deg); } } @-moz-keyframes rotateCubeBottomIn { 0% { opacity: .3; -moz-transform: translateY(-100%) rotateX(90deg); transform: translateY(-100%) rotateX(90deg); } 50% { -moz-animation-timing-function: ease-out; animation-timing-function: ease-out; -moz-transform: translateY(-50%) translateZ(-200px) rotateX(45deg); transform: translateY(-50%) translateZ(-200px) rotateX(45deg); } } @keyframes rotateCubeBottomIn { 0% { opacity: .3; -webkit-transform: translateY(-100%) rotateX(90deg); -moz-transform: translateY(-100%) rotateX(90deg); -ms-transform: translateY(-100%) rotateX(90deg); transform: translateY(-100%) rotateX(90deg); } 50% { -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg); -moz-transform: translateY(-50%) translateZ(-200px) rotateX(45deg); -ms-transform: translateY(-50%) translateZ(-200px) rotateX(45deg); transform: translateY(-50%) translateZ(-200px) rotateX(45deg); } } /* carousel */ @-webkit-keyframes rotateCarouselLeftOut { to { opacity: .3; -webkit-transform: translateX(-150%) scale(.4) rotateY(-65deg); transform: translateX(-150%) scale(.4) rotateY(-65deg); } } @-moz-keyframes rotateCarouselLeftOut { to { opacity: .3; -moz-transform: translateX(-150%) scale(.4) rotateY(-65deg); transform: translateX(-150%) scale(.4) rotateY(-65deg); } } @keyframes rotateCarouselLeftOut { to { opacity: .3; -webkit-transform: translateX(-150%) scale(.4) rotateY(-65deg); -moz-transform: translateX(-150%) scale(.4) rotateY(-65deg); -ms-transform: translateX(-150%) scale(.4) rotateY(-65deg); transform: translateX(-150%) scale(.4) rotateY(-65deg); } } @-webkit-keyframes rotateCarouselLeftIn { from { opacity: .3; -webkit-transform: translateX(200%) scale(.4) rotateY(65deg); transform: translateX(200%) scale(.4) rotateY(65deg); } } @-moz-keyframes rotateCarouselLeftIn { from { opacity: .3; -moz-transform: translateX(200%) scale(.4) rotateY(65deg); transform: translateX(200%) scale(.4) rotateY(65deg); } } @keyframes rotateCarouselLeftIn { from { opacity: .3; -webkit-transform: translateX(200%) scale(.4) rotateY(65deg); -moz-transform: translateX(200%) scale(.4) rotateY(65deg); -ms-transform: translateX(200%) scale(.4) rotateY(65deg); transform: translateX(200%) scale(.4) rotateY(65deg); } } @-webkit-keyframes rotateCarouselRightOut { to { opacity: .3; -webkit-transform: translateX(200%) scale(.4) rotateY(65deg); transform: translateX(200%) scale(.4) rotateY(65deg); } } @-moz-keyframes rotateCarouselRightOut { to { opacity: .3; -moz-transform: translateX(200%) scale(.4) rotateY(65deg); transform: translateX(200%) scale(.4) rotateY(65deg); } } @keyframes rotateCarouselRightOut { to { opacity: .3; -webkit-transform: translateX(200%) scale(.4) rotateY(65deg); -moz-transform: translateX(200%) scale(.4) rotateY(65deg); -ms-transform: translateX(200%) scale(.4) rotateY(65deg); transform: translateX(200%) scale(.4) rotateY(65deg); } } @-webkit-keyframes rotateCarouselRightIn { from { opacity: .3; -webkit-transform: translateX(-200%) scale(.4) rotateY(-65deg); transform: translateX(-200%) scale(.4) rotateY(-65deg); } } @-moz-keyframes rotateCarouselRightIn { from { opacity: .3; -moz-transform: translateX(-200%) scale(.4) rotateY(-65deg); transform: translateX(-200%) scale(.4) rotateY(-65deg); } } @keyframes rotateCarouselRightIn { from { opacity: .3; -webkit-transform: translateX(-200%) scale(.4) rotateY(-65deg); -moz-transform: translateX(-200%) scale(.4) rotateY(-65deg); -ms-transform: translateX(-200%) scale(.4) rotateY(-65deg); transform: translateX(-200%) scale(.4) rotateY(-65deg); } } @-webkit-keyframes rotateCarouselTopOut { to { opacity: .3; -webkit-transform: translateY(-200%) scale(.4) rotateX(65deg); transform: translateY(-200%) scale(.4) rotateX(65deg); } } @-moz-keyframes rotateCarouselTopOut { to { opacity: .3; -moz-transform: translateY(-200%) scale(.4) rotateX(65deg); transform: translateY(-200%) scale(.4) rotateX(65deg); } } @keyframes rotateCarouselTopOut { to { opacity: .3; -webkit-transform: translateY(-200%) scale(.4) rotateX(65deg); -moz-transform: translateY(-200%) scale(.4) rotateX(65deg); -ms-transform: translateY(-200%) scale(.4) rotateX(65deg); transform: translateY(-200%) scale(.4) rotateX(65deg); } } @-webkit-keyframes rotateCarouselTopIn { from { opacity: .3; -webkit-transform: translateY(200%) scale(.4) rotateX(-65deg); transform: translateY(200%) scale(.4) rotateX(-65deg); } } @-moz-keyframes rotateCarouselTopIn { from { opacity: .3; -moz-transform: translateY(200%) scale(.4) rotateX(-65deg); transform: translateY(200%) scale(.4) rotateX(-65deg); } } @keyframes rotateCarouselTopIn { from { opacity: .3; -webkit-transform: translateY(200%) scale(.4) rotateX(-65deg); -moz-transform: translateY(200%) scale(.4) rotateX(-65deg); -ms-transform: translateY(200%) scale(.4) rotateX(-65deg); transform: translateY(200%) scale(.4) rotateX(-65deg); } } @-webkit-keyframes rotateCarouselBottomOut { to { opacity: .3; -webkit-transform: translateY(200%) scale(.4) rotateX(-65deg); transform: translateY(200%) scale(.4) rotateX(-65deg); } } @-moz-keyframes rotateCarouselBottomOut { to { opacity: .3; -moz-transform: translateY(200%) scale(.4) rotateX(-65deg); transform: translateY(200%) scale(.4) rotateX(-65deg); } } @keyframes rotateCarouselBottomOut { to { opacity: .3; -webkit-transform: translateY(200%) scale(.4) rotateX(-65deg); -moz-transform: translateY(200%) scale(.4) rotateX(-65deg); -ms-transform: translateY(200%) scale(.4) rotateX(-65deg); transform: translateY(200%) scale(.4) rotateX(-65deg); } } @-webkit-keyframes rotateCarouselBottomIn { from { opacity: .3; -webkit-transform: translateY(-200%) scale(.4) rotateX(65deg); transform: translateY(-200%) scale(.4) rotateX(65deg); } } @-moz-keyframes rotateCarouselBottomIn { from { opacity: .3; -moz-transform: translateY(-200%) scale(.4) rotateX(65deg); transform: translateY(-200%) scale(.4) rotateX(65deg); } } @keyframes rotateCarouselBottomIn { from { opacity: .3; -webkit-transform: translateY(-200%) scale(.4) rotateX(65deg); -moz-transform: translateY(-200%) scale(.4) rotateX(65deg); -ms-transform: translateY(-200%) scale(.4) rotateX(65deg); transform: translateY(-200%) scale(.4) rotateX(65deg); } } /* sides */ @-webkit-keyframes rotateSidesOut { to { opacity: 0; -webkit-transform: translateZ(-500px) rotateY(90deg); transform: translateZ(-500px) rotateY(90deg); } } @-moz-keyframes rotateSidesOut { to { opacity: 0; -moz-transform: translateZ(-500px) rotateY(90deg); transform: translateZ(-500px) rotateY(90deg); } } @keyframes rotateSidesOut { to { opacity: 0; -webkit-transform: translateZ(-500px) rotateY(90deg); -moz-transform: translateZ(-500px) rotateY(90deg); -ms-transform: translateZ(-500px) rotateY(90deg); transform: translateZ(-500px) rotateY(90deg); } } @-webkit-keyframes rotateSidesIn { from { opacity: 0; -webkit-transform: translateZ(-500px) rotateY(-90deg); transform: translateZ(-500px) rotateY(-90deg); } } @-moz-keyframes rotateSidesIn { from { opacity: 0; -moz-transform: translateZ(-500px) rotateY(-90deg); transform: translateZ(-500px) rotateY(-90deg); } } @keyframes rotateSidesIn { from { opacity: 0; -webkit-transform: translateZ(-500px) rotateY(-90deg); -moz-transform: translateZ(-500px) rotateY(-90deg); -ms-transform: translateZ(-500px) rotateY(-90deg); transform: translateZ(-500px) rotateY(-90deg); } } /* slide */ @-webkit-keyframes rotateSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes rotateSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); transform: translateZ(-500px) translateX(-200%); } } @keyframes rotateSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); -moz-transform: translateZ(-500px); -ms-transform: translateZ(-500px); transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); -moz-transform: translateZ(-500px) translateX(-200%); -ms-transform: translateZ(-500px) translateX(-200%); transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); -moz-transform: translateZ(-500px) translateX(-200%); -ms-transform: translateZ(-500px) translateX(-200%); transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes rotateSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); transform: translateZ(0) translateX(0); } } @-moz-keyframes rotateSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); transform: translateZ(0) translateX(0); } } @keyframes rotateSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); -moz-transform: translateZ(-500px) translateX(200%); -ms-transform: translateZ(-500px) translateX(200%); transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); -moz-transform: translateZ(-500px); -ms-transform: translateZ(-500px); transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); -moz-transform: translateZ(0) translateX(0); -ms-transform: translateZ(0) translateX(0); transform: translateZ(0) translateX(0); } } /* animation delay classes */ .btSectionTransitions-delay100 { -webkit-animation-delay: .1s; -moz-animation-delay: .1s; animation-delay: .1s; -webkit-animation-delay: .1s; -moz-animation-delay: .1s; animation-delay: .1s; } .btSectionTransitions-delay180 { -webkit-animation-delay: .180s; -moz-animation-delay: .180s; animation-delay: .180s; -webkit-animation-delay: .180s; -moz-animation-delay: .180s; animation-delay: .180s; } .btSectionTransitions-delay200 { -webkit-animation-delay: .2s; -moz-animation-delay: .2s; animation-delay: .2s; -webkit-animation-delay: .2s; -moz-animation-delay: .2s; animation-delay: .2s; } .btSectionTransitions-delay300 { -webkit-animation-delay: .3s; -moz-animation-delay: .3s; animation-delay: .3s; -webkit-animation-delay: .3s; -moz-animation-delay: .3s; animation-delay: .3s; } .btSectionTransitions-delay400 { -webkit-animation-delay: .4s; -moz-animation-delay: .4s; animation-delay: .4s; -webkit-animation-delay: .4s; -moz-animation-delay: .4s; animation-delay: .4s; } .btSectionTransitions-delay500 { -webkit-animation-delay: .5s; -moz-animation-delay: .5s; animation-delay: .5s; -webkit-animation-delay: .5s; -moz-animation-delay: .5s; animation-delay: .5s; } .btSectionTransitions-delay700 { -webkit-animation-delay: .7s; -moz-animation-delay: .7s; animation-delay: .7s; -webkit-animation-delay: .7s; -moz-animation-delay: .7s; animation-delay: .7s; } .btSectionTransitions-delay1000 { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s; -webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s; } /* Woocommerce */ .clear { clear: both; } .woocommerce ul.products li.first, .woocommerce #content div.product div.thumbnails a.first, .woocommerce div.product div.thumbnails a.first, .woocommerce-page ul.products li.first, .woocommerce-page #content div.product div.thumbnails a.first, .woocommerce-page div.product div.thumbnails a.first { clear: both; } @-webkit-keyframes spin { from { -webkit-transform: translateX(0); } to { -webkit-transform: translateX(100%); } } @-moz-keyframes spin { from { -webkit-transform: translateX(0); } to { -webkit-transform: translateX(100%); } } @keyframes spin { from { -webkit-transform: translateX(0); } to { -webkit-transform: translateX(100%); } } @font-face { font-family: star; src: url(../../plugins/woocommerce/assets/fonts/star.eot); src: url(../../plugins/woocommerce/assets/fonts/star.eot?#iefix) format("embedded-opentype"),url(../../plugins/woocommerce/assets/fonts/star.woff) format("woff"),url(../../plugins/woocommerce/assets/fonts/star.ttf) format("truetype"),url(../../plugins/woocommerce/assets/fonts/star.svg#star) format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: WooCommerce; src: url(../../plugins/woocommerce/assets/fonts/WooCommerce.eot); src: url(../../plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix) format("embedded-opentype"),url(../../plugins/woocommerce/assets/fonts/WooCommerce.woff) format("woff"),url(../../plugins/woocommerce/assets/fonts/WooCommerce.ttf) format("truetype"),url(../../plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce) format("svg"); font-weight: 400; font-style: normal; } p.demo_store { position: fixed; top: 0; left: 0; right: 0; margin: 0; width: 100%; font-size: 1em; padding: 1em 0; text-align: center; background-color: #f47a00; color: #fff; z-index: 99998; -webkit-box-shadow: 0 1px 1em rgba(0,0,0,.2); box-shadow: 0 1px 1em rgba(0,0,0,.2); } p.demo_store a { color: #fff; } .admin-bar p.demo_store { top: 32px; } .woocommerce .col2-set, .woocommerce-page .col2-set { width: 100%; } .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 { float: left; width: 48%; } .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { float: right; width: 48%; } .woocommerce img, .woocommerce-page img { height: auto; max-width: 100%; } .woocommerce div.product form.cart .reset_variations, .woocommerce form .form-row label.hidden, .woocommerce-page div.product form.cart .reset_variations, .woocommerce-page form .form-row label.hidden { visibility: hidden; } .woocommerce .blockUI.blockOverlay, .woocommerce-page .blockUI.blockOverlay { position: relative; } .woocommerce .blockUI.blockOverlay:before, .woocommerce .loader:before, .woocommerce-page .blockUI.blockOverlay:before, .woocommerce-page .loader:before { height: 1em; width: 1em; position: absolute; top: 50%; left: 50%; margin-left: -.5em; margin-top: -.5em; display: block; content: ""; -webkit-animation: spin 1s ease-in-out infinite; -moz-animation: spin 1s ease-in-out infinite; animation: spin 1s ease-in-out infinite; background: url(../../plugins/woocommerce/assets/images/icons/loader.svg) center center; background-size: cover; line-height: 1; text-align: center; font-size: 2em; color: rgba(0,0,0,.75); } .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message, .woocommerce-page .woocommerce-error, .woocommerce-page .woocommerce-info, .woocommerce-page .woocommerce-message { padding: 1em 2em 1em 2.8em; margin: 0 0 2em; position: relative; background-color: rgba(0,0,0,.07); color: #333; border-top: 2px solid #f47a00; list-style: none !important; width: auto; word-wrap: break-word; } .woocommerce .woocommerce-info a: not(.button), .woocommerce .woocommerce-message a: not(.button), .woocommerce-page .woocommerce-info a: not(.button), .woocommerce-page .woocommerce-message a: not(.button) { color: #f47a00; text-decoration: underline; } .woocommerce .woocommerce-error, .woocommerce-page .woocommerce-error { border-top-color: #b81c23; } .woocommerce .woocommerce-error a, .woocommerce-page .woocommerce-error a { color: #b81c23; } .woocommerce .woocommerce-info, .woocommerce .woocommerce-message, .woocommerce-page .woocommerce-info, .woocommerce-page .woocommerce-message { border-top-color: #f47a00; } .woocommerce .woocommerce-info a:hover, .woocommerce .woocommerce-message a:hover, .woocommerce-page .woocommerce-info a:hover, .woocommerce-page .woocommerce-message a:hover { text-decoration: none; } .woocommerce .woocommerce-error a:hover, .woocommerce-page .woocommerce-error a:hover { color: #fff; } .woocommerce .woocommerce-error:after, .woocommerce .woocommerce-info:after, .woocommerce .woocommerce-message:after, .woocommerce-page .woocommerce-error:after, .woocommerce-page .woocommerce-info:after, .woocommerce-page .woocommerce-message:after { content: " "; display: table; } .woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:before, .woocommerce .woocommerce-message:before, .woocommerce-page .woocommerce-error:before, .woocommerce-page .woocommerce-info:before, .woocommerce-page .woocommerce-message:before { font-family: Icon7Stroke; display: block; position: absolute; top: .65em; left: 1em; font-size: 1.2em; } .woocommerce .woocommerce-message:before, .woocommerce .woocommerce-info:before, .woocommerce-page .woocommerce-message:before, .woocommerce-page .woocommerce-info:before { content: "\e647"; color: #f47a00; } .woocommerce .woocommerce-error:before, .woocommerce-page .woocommerce-error:before { content: '\e67b'; color: #b81c23; } .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button { float: right; } .woocommerce .woocommerce-error li, .woocommerce .woocommerce-info li, .woocommerce .woocommerce-message li, .woocommerce-page .woocommerce-error li, .woocommerce-page .woocommerce-info li, .woocommerce-page .woocommerce-message li { list-style: none !important; padding-left: 0 !important; margin-left: 0 !important; } .woocommerce small.note, .woocommerce-page small.note { display: block; color: #777; font-size: .857em; margin-top: 10px; } .woocommerce .woocommerce-breadcrumb, .woocommerce-page .woocommerce-breadcrumb { margin: 0 0 1em; padding: 0; font-size: .92em; } .woocommerce .woocommerce-breadcrumb a, .woocommerce-page .woocommerce-breadcrumb a { color: inherit; } .woocommerce .woocommerce-breadcrumb:after, .woocommerce .woocommerce-breadcrumb:before, .woocommerce-page .woocommerce-breadcrumb:after, .woocommerce-page .woocommerce-breadcrumb:before { content: " "; display: table; } .woocommerce a.button, .woocommerce input[type="submit"], .woocommerce button[type="submit"], .woocommerce input.button, .woocommerce input.alt:hover, .woocommerce a.button.alt:hover, .woocommerce .button.alt:hover, .woocommerce button.alt:hover, .woocommerce-page a.button, .woocommerce-page input[type="submit"], .woocommerce-page button[type="submit"], .woocommerce-page input.button, .woocommerce-page input.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page .button.alt:hover, .woocommerce-page button.alt:hover { font-size: 13px; line-height: 1; text-transform: uppercase; font-weight: 700; padding: 10px 15px; cursor: pointer; border: 2px solid #f47a00; color: #f47a00; background-color: transparent; } .woocommerce input[name="apply_coupon"], .woocommerce input[name="update_card"], .woocommerce-page input[name="apply_coupon"], .woocommerce-page input[name="update_card"] { padding: 12px 15px; } .woocommerce a.checkout-button, .woocommerce input#place_order, .woocommerce input[name="save_address"], .woocommerce-page a.checkout-button, .woocommerce-page input#place_order, .woocommerce-page input[name="save_address"] { width: 100%; float: none; display: block; text-align: center; } .woocommerce a.button:hover, .woocommerce input[type="submit"]:hover, .woocommerce .button:hover, .woocommerce button:hover, .woocommerce input.alt, .woocommerce a.button.alt, .woocommerce .button.alt, .woocommerce button.alt, .woocommerce-page a.button:hover, .woocommerce-page input[type="submit"]:hover, .woocommerce-page .button:hover, .woocommerce-page button:hover, .woocommerce-page input.alt, .woocommerce-page a.button.alt, .woocommerce-page .button.alt, .woocommerce-page button.alt { background-color: #f47a00; color: #fff; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; } .woocommerce .my_account_orders .order-actions .button, .woocommerce-page .my_account_orders .order-actions .button { margin: .125em 0 .125em .25em; } .woocommerce .my_account_orders .button, .woocommerce-page .my_account_orders .button { white-space: nowrap; } .woocommerce .cart input, .woocommerce-page .cart input { margin: 0; vertical-align: middle; line-height: 1; width: auto; } .woocommerce .cart input#coupon_code, .woocommerce-page .cart input#coupon_code { margin: 0 10px 0 0; float: left; } .woocommerce p.lost_password, .woocommerce-page p.lost_password { float: right; padding: 0 0 0 2.4em; margin: .7em 0 0; } .woocommerce p.lost_password:before, .woocommerce-page p.lost_password:before { content: '\e64a'; display: block; float: left; margin: -.05em 0 0 -1.2em; font: normal 2em/1 Icon7Stroke; color: #f47a00; } .woocommerce form.login p.lost_password a:hover, .woocommerce-page form.login p.lost_password a:hover { color: #f47a00; } .woocommerce input.button[name="register"], .woocommerce-page input.button[name="register"] { float: right; width: auto; } .woocommerce .loading:after, .woocommerce-page .loading:after { position: relative; font-family: WooCommerce; content: "\e01c"; -webkit-font-smoothing: antialiased; margin-left: .5em; font-weight: 400; -webkit-animation: spin 2s linear infinite; -moz-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } .woocommerce .added:after, .woocommerce-page .added:after { position: relative; font-family: WooCommerce; content: "\e017"; margin-left: .5em; } .woocommerce table .order-actions, .woocommerce-page table .order-actions { text-align: right; } .woocommerce table td.product-name p.backorder_notification, .woocommerce-page table td.product-name p.backorder_notification { font-size: .83em; } .woocommerce table td.product-quantity, .woocommerce-page table td.product-quantity { min-width: 80px; } .woocommerce form .form-row, .woocommerce-page form .form-row { padding: 3px 0; margin: 0 0 10px; } .woocommerce form .form-row.form-row-last, .woocommerce-page form .form-row.form-row-last { margin-bottom: 20px; } .woocommerce form .form-row [placeholder]:focus::-webkit-input-placeholder, .woocommerce-page form .form-row [placeholder]:focus::-webkit-input-placeholder { -webkit-transition: opacity .5s .5s ease; -moz-transition: opacity .5s .5s ease; transition: opacity .5s .5s ease; opacity: 0; } .woocommerce form .form-row label, .woocommerce-page form .form-row label { line-height: 2; display: block; } .woocommerce form .form-row label.inline, .woocommerce-page form .form-row label.inline { display: inline; } .woocommerce form .form-row select, .woocommerce-page form .form-row select { cursor: pointer; margin: 0; } .woocommerce form .form-row .select2-container, .woocommerce-page form .form-row .select2-container { line-height: 39px; } .woocommerce form .form-row .required, .woocommerce-page form .form-row .required { color: red; font-weight: 700; border: 0; } .woocommerce form .form-row .input-checkbox, .woocommerce-page form .form-row .input-checkbox { margin: 0 8px 0 0; vertical-align: middle; width: auto; display: inline; } .woocommerce form .form-row textarea, .woocommerce-page form .form-row textarea { height: 5em; display: block; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .woocommerce form .form-row.woocommerce-invalid .select2-container, .woocommerce form .form-row.woocommerce-invalid input.input-text, .woocommerce form .form-row.woocommerce-invalid select, .woocommerce-page form .form-row.woocommerce-invalid .select2-container, .woocommerce-page form .form-row.woocommerce-invalid input.input-text, .woocommerce-page form .form-row.woocommerce-invalid select { border-color: #a00; } .woocommerce form .form-row.woocommerce-validated .select2-container, .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select, .woocommerce-page form .form-row.woocommerce-validated .select2-container, .woocommerce-page form .form-row.woocommerce-validated input.input-text, .woocommerce-page form .form-row.woocommerce-validated select { border-color: #69bf29; } .woocommerce form .form-row::-webkit-input-placeholder, .woocommerce-page form .form-row::-webkit-input-placeholder { line-height: normal; } .woocommerce form .form-row:-moz-placeholder, .woocommerce-page form .form-row:-moz-placeholder { line-height: normal; } .woocommerce form .form-row:-ms-input-placeholder, .woocommerce-page form .form-row:-ms-input-placeholder { line-height: normal; } .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register, .woocommerce-page form.checkout_coupon, .woocommerce-page form.login, .woocommerce-page form.register { margin: 0 0 20px; text-align: left; } .woocommerce div.product, .woocommerce-page div.product { margin-bottom: 0; position: relative; } .woocommerce div.product .btPriceTableSticker, .woocommerce-page div.product .btPriceTableSticker { top: 20px; left: 20px; } .woocommerce div.product form.cart:after, .woocommerce-page div.product form.cart:after { content: " "; display: table; width: 100%; clear: both; } .woocommerce div.product form.cart .quantity, .woocommerce-page div.product form.cart .quantity { margin-bottom: 20px; } .woocommerce div.product form.cart .quantity .qty, .woocommerce-page div.product form.cart .quantity .qty { width: 3.631em; text-align: center; float: left; } .woocommerce div.product form.cart .single_add_to_cart_button, .woocommerce-page div.product form.cart .single_add_to_cart_button { vertical-align: middle; float: left; height: 41px; } .woocommerce div.product .product_title, .woocommerce-page div.product .product_title { clear: none; margin-top: 0; padding: 0; } .woocommerce div.product .btProductSKU, .woocommerce-page div.product .btProductSKU { display: block; float: right; } .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce-page div.product p.price, .woocommerce-page div.product span.price { font-size: 1.25em; line-height: 1; margin: 0 0 15px; } .woocommerce div.product .entry-summary p.price, .woocommerce-page div.product .entry-summary p.price { font-size: 32px; font-weight: 600; } .woocommerce div.product .entry-summary p.price ins, .woocommerce-page div.product .entry-summary p.price ins { display: block; margin: 12px 0 0; } .woocommerce div.product .single_variation span.price, .woocommerce-page div.product .single_variation span.price { font-size: 1.35em; } .woocommerce div.product p.price ins, .woocommerce div.product span.price ins, .woocommerce-page div.product p.price ins, .woocommerce-page div.product span.price ins { background: inherit; font-weight: 600; text-decoration: none; white-space: nowrap; } .woocommerce div.product p.price del, .woocommerce div.product span.price del, .woocommerce div.product .posted del .amount, .woocommerce-page div.product p.price del, .woocommerce-page div.product span.price del, .woocommerce-page div.product .posted del .amount { opacity: .5; } .woocommerce div.product .stock, .woocommerce-page div.product .stock { color: #f47a00; font-weight: 600; } .woocommerce div.product .out-of-stock, .woocommerce-page div.product .out-of-stock { color: red; } .woocommerce div.product div.images, .woocommerce-page div.product div.images { float: left; width: 48%; margin-bottom: 20px; } .woocommerce div.product div.images div.thumbnails, .woocommerce-page div.product div.images div.thumbnails { padding-top: 20px; margin-right: -20px; } .woocommerce div.product div.images div.thumbnails .btSingleProductThumb, .woocommerce-page div.product div.images div.thumbnails .btSingleProductThumb { float: left; width: 33.333%; padding-right: 20px; margin-bottom: 20px; } .woocommerce div.product div.images div.thumbnails .btSingleProductThumb.last, .woocommerce-page div.product div.images div.thumbnails .btSingleProductThumb.last { margin-right: 0; } .woocommerce div.product div.images div.thumbnails.columns-1 .btSingleProductThumb, .woocommerce-page div.product div.images div.thumbnails.columns-1 .btSingleProductThumb { width: 100%; margin-right: 0; float: none; } .woocommerce div.product div.images div.thumbnails.columns-2 .btSingleProductThumb, .woocommerce-page div.product div.images div.thumbnails.columns-2 .btSingleProductThumb { width: 48%; } .woocommerce div.product div.images div.thumbnails.columns-4 .btSingleProductThumb, .woocommerce-page div.product div.images div.thumbnails.columns-4 .btSingleProductThumb { width: 22.05%; } .woocommerce div.product div.images div.thumbnails.columns-5 .btSingleProductThumb, .woocommerce-page div.product div.images div.thumbnails.columns-5 .btSingleProductThumb { width: 16.9%; } .woocommerce div.product div.summary, .woocommerce-page div.product div.summary { margin-bottom: 20px; } .woocommerce div.product div.summary, .woocommerce-page div.product div.summary { float: right; width: 48%; } .woocommerce div.product .commentTxt .star-rating, .woocommerce-page div.product .commentTxt .star-rating { margin: 22px 10px 0 0; float: right; } .woocommerce div.product .woocommerce-variation-description p, .woocommerce-page div.product .woocommerce-variation-description p { margin-bottom: 1em; } .woocommerce div.product .wc-no-matching-variations, .woocommerce-page div.product .wc-no-matching-variations { display: none; } .woocommerce div.product .button, .woocommerce-page div.product .button { vertical-align: middle; float: left; } .woocommerce div.product .group_table td.label, .woocommerce-page div.product .group_table td.label { padding-right: 1em; padding-left: 1em; } .woocommerce div.product .group_table td, .woocommerce-page div.product .group_table td { vertical-align: top; padding-bottom: .5em; border: 0; } .woocommerce div.product a.reset_variations, .woocommerce-page div.product a.reset_variations { padding: 0; font-weight: 700; text-transform: uppercase; display: block; clear: both; } .woocommerce div.product a.reset_variations:before, .woocommerce-page div.product a.reset_variations:before { content: '\e680'; color: inherit; font-family: Icon7Stroke; } .woocommerce div.product a.reset_variations:hover, .woocommerce-page div.product a.reset_variations:hover { color: #f47a00; } .woocommerce .variations, .woocommerce-page .variations { margin-bottom: 1em; border: 0; } .woocommerce .variations td, .woocommerce .variations th, .woocommerce-page .variations td, .woocommerce-page .variations th { border: 0; } .woocommerce .variations label, .woocommerce-page .variations label { font-weight: 700; } .woocommerce .variations select, .woocommerce-page .variations select { width: 100%; float: left; padding: 10px; } .woocommerce .variations td, .woocommerce-page .variations td { vertical-align: top; border: 0; } .woocommerce .products ul, .woocommerce ul.products, .woocommerce-page .products ul, .woocommerce-page ul.products { margin: 0 -20px; padding: 0; list-style: none; clear: both; } .woocommerce .products ul li.product .btPriceTableSticker, .woocommerce ul.products li.product .btPriceTableSticker, .woocommerce-page .products ul li.product .btPriceTableSticker, .woocommerce-page ul.products li.product .btPriceTableSticker { top: 5px; left: 25px; background: #f47a00; opacity: .7; z-index: 1; } .woocommerce .products ul li.product, .woocommerce ul.products li.product, .woocommerce-page .products ul li.product, .woocommerce-page ul.products li.product { float: left; margin: 0 0 40px; padding: 0 20px; position: relative; list-style: none; width: 33.33%; } .woocommerce .products ul li.product h3, .woocommerce ul.products li.product h3, .woocommerce-page .products ul li.product h3, .woocommerce-page ul.products li.product h3 { padding: 0 0 .5em; margin: 0; font-size: 1em; } .woocommerce .products ul li.product a, .woocommerce ul.products li.product a, .woocommerce-page .products ul li.product a, .woocommerce-page ul.products li.product a { text-decoration: none; } .woocommerce .products ul li.product .bpgPhoto, .woocommerce ul.products li.product .bpgPhoto, .woocommerce-page .products ul li.product .bpgPhoto, .woocommerce-page ul.products li.product .bpgPhoto { margin: 0 0 10px; } .woocommerce .products ul li.product strong, .woocommerce ul.products li.product strong, .woocommerce-page .products ul li.product strong, .woocommerce-page ul.products li.product strong { display: block; } .woocommerce .products ul li.product .price, .woocommerce ul.products li.product .price, .woocommerce-page .products ul li.product .price, .woocommerce-page ul.products li.product .price { display: block; font-weight: 600; margin-bottom: 15px; } .woocommerce .products ul li.product .price del, .woocommerce ul.products li.product .price del, .woocommerce-page .products ul li.product .price del, .woocommerce-page ul.products li.product .price del { color: inherit; opacity: .5; display: inline-block; margin: 0 5px 0 0; } .woocommerce .products ul li.product .price ins, .woocommerce ul.products li.product .price ins, .woocommerce-page .products ul li.product .price ins, .woocommerce-page ul.products li.product .price ins { background: 0 0; font-weight: 700; text-decoration: none; } .woocommerce .products ul li.product .price .from, .woocommerce ul.products li.product .price .from, .woocommerce-page .products ul li.product .price .from, .woocommerce-page ul.products li.product .price .from { font-size: .67em; margin: -2px 0 0; text-transform: uppercase; color: rgba(132,132,132,.5); } .woocommerce .products ul li.product .header .btSubTitle .btNoStarRating, .woocommerce ul.products li.product .header .btSubTitle .btNoStarRating, .woocommerce-page .products ul li.product .header .btSubTitle .btNoStarRating, .woocommerce-page ul.products li.product .header .btSubTitle .btNoStarRating { margin: 1px 0 0; display: block; height: 20px; } .woocommerce .woocommerce-pagination ul.page-numbers li, .woocommerce .woocommerce-page .woocommerce-pagination ul.page-numbers li, .woocommerce-page .woocommerce-pagination ul.page-numbers li, .woocommerce-page .woocommerce-page .woocommerce-pagination ul.page-numbers li { display: inline-block; } .woocommerce nav.woocommerce-pagination, .woocommerce-page nav.woocommerce-pagination { text-align: center; margin-bottom: 40px; } .woocommerce nav.woocommerce-pagination ul, .woocommerce-page nav.woocommerce-pagination ul { display: inline-block; padding: 0; margin: 1px; } .woocommerce nav.woocommerce-pagination ul li, .woocommerce-page nav.woocommerce-pagination ul li { margin: 0 0 5px; display: inline-block; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span, .woocommerce-page nav.woocommerce-pagination ul li a, .woocommerce-page nav.woocommerce-pagination ul li span { margin: 0; text-decoration: none; line-height: 1; font-size: 1em; font-weight: 400; padding: .3em 0; width: 1.7em; height: 1.7em; display: block; border-radius: 50%; } .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li a.next, .woocommerce nav.woocommerce-pagination ul li a.prev, .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce-page nav.woocommerce-pagination ul li a:focus, .woocommerce-page nav.woocommerce-pagination ul li a:hover, .woocommerce-page nav.woocommerce-pagination ul li a.next, .woocommerce-page nav.woocommerce-pagination ul li a.prev, .woocommerce-page nav.woocommerce-pagination ul li span.current { background: #f47a00; color: #fff; } .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering { margin: 0; } .woocommerce .woocommerce-ordering select, .woocommerce-page .woocommerce-ordering select { vertical-align: top; } .woocommerce .woocommerce-ordering .woocommerce-result-count, .woocommerce-page .woocommerce-ordering .woocommerce-result-count { margin: 20px 0; } .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count { float: left; } .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering { float: right; } .woocommerce .woocommerce-ordering .fancy-select, .woocommerce-page .woocommerce-ordering .fancy-select { width: 220px; margin: 0 0 20px; } .woocommerce .woocommerce-ordering .fancy-select .options, .woocommerce-page .woocommerce-ordering .fancy-select .options { padding: 0; top: auto; margin: 1px 0 0; } .woocommerce .woocommerce-ordering .fancy-select .options li, .woocommerce-page .woocommerce-ordering .fancy-select .options li { margin: 0; float: none; } .woocommerce .star-rating:before, .woocommerce-page .star-rating:before { content: "\f005\f005\f005\f005\f005"; color: #222; letter-spacing: 3px; opacity: .2; } .woocommerce .star-rating, .woocommerce-page .star-rating { overflow: hidden; position: relative; line-height: 1; font-family: FontAwesome; margin: 0; display: inline-block; } .woocommerce .star-rating span, .woocommerce-page .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; } .woocommerce .star-rating span:before, .woocommerce-page .star-rating span:before { content: "\f005\f005\f005\f005\f005"; letter-spacing: 3px; color: #f47a00; } .header.large .woocommerce .star-rating, .header.large .woocommerce-page .star-rating { line-height: inherit; margin-top: 2px; } .widget_recent_reviews .woocommerce .star-rating, .widget_recent_reviews .woocommerce-page .star-rating { font-size: 12px; } .products .woocommerce .star-rating, .products .woocommerce-page .star-rating { margin: 7px 0 0; } .woocommerce .widget_recent_reviews li a:after, .woocommerce .widget_recent_reviews .reviewer:after, .woocommerce-page .widget_recent_reviews li a:after, .woocommerce-page .widget_recent_reviews .reviewer:after { display: table; content: ' '; } .woocommerce p.stars, .woocommerce-page p.stars { position: relative; letter-spacing: .25em; margin-bottom: 3em; } .woocommerce p.stars a, .woocommerce-page p.stars a { display: inline-block; font-weight: 700; text-indent: -9999px; position: relative; border-bottom: 0 !important; outline: 0; position: absolute; top: 0; left: 0; } .woocommerce p.stars a:last-child, .woocommerce-page p.stars a:last-child { border-right: 0; } .woocommerce p.stars a[class^="star-"]:after, .woocommerce-page p.stars a[class^="star-"]:after { font-family: FontAwesome; text-indent: 0; position: absolute; top: 0; left: 0; color: rgba(0,0,0,.2); } .woocommerce p.stars a[class^="star-"].active:after, .woocommerce p.stars a[class^="star-"]:hover:after, .woocommerce-page p.stars a[class^="star-"].active:after, .woocommerce-page p.stars a[class^="star-"]:hover:after { color: #f47a00; } .woocommerce p.stars a.star-1, .woocommerce-page p.stars a.star-1 { width: 1em; z-index: 10; } .woocommerce p.stars a.star-1:after, .woocommerce-page p.stars a.star-1:after { content: "\f005"; } .woocommerce p.stars a.star-2, .woocommerce-page p.stars a.star-2 { width: 2em; z-index: 9; } .woocommerce p.stars a.star-2:after, .woocommerce-page p.stars a.star-2:after { content: "\f005\f005"; } .woocommerce p.stars a.star-3, .woocommerce-page p.stars a.star-3 { width: 3em; z-index: 8; } .woocommerce p.stars a.star-3:after, .woocommerce-page p.stars a.star-3:after { content: "\f005\f005\f005"; } .woocommerce p.stars a.star-4, .woocommerce-page p.stars a.star-4 { width: 4em; z-index: 7; } .woocommerce p.stars a.star-4:after, .woocommerce-page p.stars a.star-4:after { content: "\f005\f005\f005\f005"; } .woocommerce p.stars a.star-5, .woocommerce-page p.stars a.star-5 { width: 5em; border: 0; z-index: 6; } .woocommerce p.stars a.star-5:after, .woocommerce-page p.stars a.star-5:after { content: "\f005\f005\f005\f005\f005"; } .woocommerce ul#shipping_method, .woocommerce-page ul#shipping_method { list-style: none; margin: 0; padding: 0; } .woocommerce ul#shipping_method li, .woocommerce-page ul#shipping_method li { margin: 0; padding: .25em 0 .25em 22px; text-indent: -22px; list-style: none; } .woocommerce ul#shipping_method .amount, .woocommerce-page ul#shipping_method .amount { font-weight: 700; } .woocommerce p.woocommerce-shipping-contents, .woocommerce-page p.woocommerce-shipping-contents { margin: 0; } .woocommerce .order_details, .woocommerce-page .order_details { margin: 0 0 1.5em; list-style: none; } .woocommerce .order_details li, .woocommerce-page .order_details li { float: left; margin-right: 2em; text-transform: uppercase; font-size: .715em; line-height: 1; border-right: 1px dashed #d3ced2; padding-right: 2em; margin-left: 0; padding-left: 0; } .woocommerce .order_details li strong, .woocommerce-page .order_details li strong { display: block; font-size: 1.4em; text-transform: none; line-height: 1.5; } .woocommerce .order_details:after, .woocommerce .order_details:before, .woocommerce-page .order_details:after, .woocommerce-page .order_details:before { content: " "; display: table; } .woocommerce .order_details li:last-of-type, .woocommerce-page .order_details li:last-of-type { border: none; } /* Cart */ .woocommerce-cart table.cart img { height: auto; display: block; margin: 0 auto; } .woocommerce-cart table.cart td.actions { text-align: right; padding: 1.5em 1em; } .woocommerce-cart table.cart td.actions .input-text { width: 140px; } .woocommerce-cart table.cart td.actions .coupon { float: left; text-align: left; min-width: 400px; } .woocommerce-cart table.cart td.actions .coupon label { display: block; float: left; margin: .75em 10px 0 0; line-height: 1.1; } .woocommerce-cart input[name="update_cart"] { float: right; } .woocommerce-cart .cart-collaterals { width: 100%; } .woocommerce-cart .cart-collaterals .related { width: 30.75%; float: left; } .woocommerce-cart .cart-collaterals .cross-sells { width: 48%; float: left; } .woocommerce-cart .cart-collaterals .cross-sells ul.products { float: none; } .woocommerce-cart .cart-collaterals .cross-sells ul.products li { width: 48%; } .woocommerce-cart .cart-collaterals .shipping_calculator { width: 48%; clear: right; float: right; } .woocommerce-cart .cart-collaterals .shipping_calculator .col2-set .col-1, .woocommerce-cart .cart-collaterals .shipping_calculator .col2-set .col-2 { width: 47%; } .woocommerce-cart .cart-collaterals .cart_totals { float: right; width: 48%; } .woocommerce-cart form { margin: 0 0 20px; } .woocommerce-cart form table div.quantity input { width: 70px; } .woocommerce-cart form table small.stock { display: block; float: none; } .woocommerce-cart form .woocommerce-shipping-calculator a { text-decoration: underline; } .woocommerce-cart form .woocommerce-shipping-calculator select { padding: 10px; } .woocommerce-cart form .woocommerce-shipping-calculator .form-row { padding: 0; } .woocommerce-cart table.cart td.product-remove { width: 3em; } .woocommerce-cart table.cart td.product-remove a.remove { display: inline-block; font-size: 18px; line-height: 22px; text-align: center; vertical-align: middle; padding: 0; width: 25px; height: 25px; color: #f47a00; background-color: transparent; border: 1px solid #f47a00; border-radius: 50%; } .woocommerce-cart table.cart td.product-remove a.remove:hover { background-color: #f47a00; color: #fff; } .woocommerce-cart table.cart td.product-thumbnail { width: 100px; text-align: center; } .woocommerce-cart table.cart td.product-thumbnail img { width: 80px; height: auto; display: inline-block; -webkit-box-shadow: none; box-shadow: none; } .woocommerce-cart .coupon .input-text { background-color: transparent; text-transform: uppercase; display: inline-block; } .woocommerce-cart .cart_totals table { border-top: 1px solid rgba(0,0,0,.07); } .woocommerce-cart .cart_totals table th { width: 25%; background-color: transparent; color: inherit; } .woocommerce-cart .cart_totals .discount td { color: #f47a00; } .woocommerce-cart tr.order-total span.amount { font-size: 1.6em; font-weight: 600; line-height: 1.1; } .woocommerce-cart h3#ship-to-different-address { position: relative; } .woocommerce-cart h3#ship-to-different-address label { display: inline-block; margin: 0 10px 0 0; } .woocommerce-cart input#ship-to-different-address-checkbox { display: block; position: absolute; top: 11px; width: auto; right: 0; } /* Account */ .woocommerce-account .addresses .title:after, .woocommerce-account .addresses .title:before { content: " "; display: table; } .woocommerce-account .addresses .title h3 { float: left; } .woocommerce-account ul.digital-downloads li .count { float: right; } .woocommerce-account ol.commentlist.notes li.note p.meta { font-weight: 700; margin-bottom: 0; } .woocommerce-account ol.commentlist.notes li.note .description p:last-child { margin-bottom: 0; } .woocommerce-account ul.digital-downloads { margin-left: 0; padding-left: 0; } .woocommerce-account ul.digital-downloads ul.digital-downloads li { list-style: none; margin-left: 0; padding-left: 0; } .woocommerce-account header.title:after { content: ' '; display: table; width: 100%; clear: both; } .woocommerce-account header.title h3 { float: left; } .woocommerce-account header.title .edit { display: block; float: right; font-size: 14px; line-height: 1.1; padding: 0 0 0 22px; text-transform: uppercase; font-weight: 700; color: #f47a00; margin: 10px 0 0 5px; } .woocommerce-account header.title .edit:before { content: '\f040'; font: normal 20px/1 FontAwesome; display: block; float: left; margin: -5px 0 0 -22px; color: #f47a00; } /* Columns */ .woocommerce.columns-1 ul.products li.product { width: 100%; } .woocommerce.columns-2 ul.products li.product { width: 50%; } .woocommerce.columns-3 ul.products li.product { width: 33.33%; } .woocommerce.columns-4 ul.products li.product { width: 25%; } .woocommerce.columns-5 ul.products li.product { width: 20%; } /* Checkout */ .woocommerce-checkout .checkout div.shipping-address { padding: 0; clear: left; width: 100%; } .woocommerce-checkout .wc-terms-and-conditions label { display: inline-block !important; } .woocommerce-checkout .wc-terms-and-conditions input { margin-left: 6px !important; } .woocommerce-checkout #payment { border: 2px solid rgba(0,0,0,.07); padding: 20px; } .woocommerce-checkout #payment ul.payment_methods { border-bottom: 1px solid #d3ced2; margin: 0; list-style: none; } .woocommerce-checkout #payment ul.payment_methods li { line-height: 2; text-align: left; margin: 0; padding: 0; font-weight: 400; } .woocommerce-checkout #payment .payment_method_paypal .about_paypal { float: right; } .woocommerce-checkout #payment .payment_method_paypal img { max-height: 40px; margin-left: 10px; vertical-align: middle; } .woocommerce-checkout #payment div.payment_box:before { content: ""; display: block; border: 10px solid #dfdcde; border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; position: absolute; left: 10px; top: -20px; } .woocommerce-checkout #payment div.payment_box { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 10px; margin: 10px 0; background-color: #dfdcde; } .woocommerce-checkout #payment div.payment_box span.help { font-size: .857em; } .woocommerce-checkout #payment div.payment_box p:last-child { margin-bottom: 0; } .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.visa, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.visa, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.visa { background-image: url(../../plugins/woocommerce/assets/images/icons/credit-cards/visa.png); } .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.mastercard { background-image: url(../../plugins/woocommerce/assets/images/icons/credit-cards/mastercard.png); } .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.laser, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.laser, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.laser { background-image: url(../../plugins/woocommerce/assets/images/icons/credit-cards/laser.png); } .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.dinersclub { background-image: url(../../plugins/woocommerce/assets/images/icons/credit-cards/diners.png); } .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.maestro, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.maestro, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.maestro { background-image: url(../../plugins/woocommerce/assets/images/icons/credit-cards/maestro.png); } .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.jcb, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.jcb, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.jcb { background-image: url(../../plugins/woocommerce/assets/images/icons/credit-cards/jcb.png); } .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.amex, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.amex, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.amex { background-image: url(../../plugins/woocommerce/assets/images/icons/credit-cards/amex.png); } .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.discover, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.discover, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.discover { background-image: url(../../plugins/woocommerce/assets/images/icons/credit-cards/discover.png); } /* Skins */ .btLightSkin .woocommerce header.title .edit:hover, .btDarkSkin .btLightSkin .woocommerce header.title .edit:hover { color: #333; } .btDarkSkin .woocommerce header.title .edit:hover, .btLightSkin .btDarkSkin .woocommerce header.title .edit:hover { color: #fff; } .btLightSkin.woocommerce-page .product img, .btDarkSkin .btLightSkin.woocommerce-page .product img, .btLightSkin ul.products li.product img, .btDarkSkin .btLightSkin ul.products li.product img { border: 1px solid rgba(0,0,0,.07); } .btDarkSkin.woocommerce-page .product img, .btLightSkin .btDarkSkin.woocommerce-page .product img, .btDarkSkin ul.products li.product img, .btLightSkin .btDarkSkin ul.products li.product img { border: 1px solid rgba(255,255,255,.02); } .btLightSkin .product .headline a, .btDarkSkin .btLightSkin .product .headline a { color: #333; } .btDarkSkin .product .headline a, .btLightSkin .btDarkSkin .product .headline a { color: #fff; } .btLightSkin .woocommerce-shipping-calculator select, .btDarkSkin .btLightSkin .woocommerce-shipping-calculator select { border: 1px solid rgba(0,0,0,.2); } .btDarkSkin .woocommerce-shipping-calculator select, .btLightSkin .btDarkSkin .woocommerce-shipping-calculator select { border: 1px solid rgba(255,255,255,.1); } .btLightSkin.woocommerce-page .product .headline a:hover, .btDarkSkin .btLightSkin.woocommerce-page .product .headline a:hover, .btDarkSkin.woocommerce-page .product .headline a:hover, .btLightSkin .btDarkSkin.woocommerce-page .product .headline a:hover { color: #f47a00; } .btDarkSkin div.product .woocommerce-product-rating, .btLightSkin .btDarkSkin div.product .woocommerce-product-rating { border-bottom: 1px solid rgba(255,255,255,.02); } .btDarkSkin .woocommerce ul.products li.product .price, .btLightSkin .btDarkSkin .woocommerce ul.products li.product .price { color: #fff; } .btDarkSkin.woocommerce .star-rating:before, .btLightSkin .btDarkSkin.woocommerce .star-rating:before { color: #fff; } /* Columns and forms widths */ .btQuoteBooking { margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; transition: opacity 400ms ease; opacity: 0; -webkit-filter: alpha(opacity=0); filter: alpha(opacity=0); } .btQuoteBooking *, .btQuoteBooking *:after, .btQuoteBooking *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .btQuoteBooking:after { content: " "; display: table; clear: both; width: 100%; } .btQuoteBooking .btQuoteBookingForm { margin: 0; } .btQuoteBooking .btTotalQuoteContactGroup { -webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; transition: all 600ms ease; max-height: 0; opacity: 0; -webkit-filter: alpha(opacity=0); filter: alpha(opacity=0); margin: 30px 0 0; } .btQuoteBooking .btTotalQuoteContactGroup.btActive { opacity: 1; max-height: 1000px; -webkit-filter: alpha(opacity=100); filter: alpha(opacity=100); -webkit-transition-delay: 400ms; -moz-transition-delay: 400ms; transition-delay: 400ms; } /* Next button */ .btQuoteBooking .btTotalNextWrapper { display: block; width: 100%; padding-right: 0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; transition: all 400ms ease; } .btQuoteBooking .btTotalNextWrapper:after { content: " "; display: block; width: 100%; clear: both; } .btQuoteBooking .btQuoteBookingForm.btActive .btTotalNextWrapper { padding-right: 160px; } .btQuoteBooking .btQuoteBookingForm .boldBtn { display: block; padding: 0; width: 140px; float: right; margin-right: -130px; margin-left: -100%; } .btQuoteBooking .btContactNext { font-family: inherit; margin: 0 0 0 30px; line-height: 2.25; border: #f47a00 2px solid; color: #f47a00; text-transform: uppercase; font-weight: 900; display: inline-block; padding: 0 30px 0 30px; background: transparent; cursor: pointer; font-size: 20px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; transition: all 400ms ease; opacity: 0; -webkit-transform: translate(500px,0); -moz-transform: translate(500px,0); -ms-transform: translate(500px,0); transform: translate(500px,0); white-space: nowrap; } .btQuoteBooking .btContactNext:focus { outline: 0; } .btQuoteBooking .btQuoteBookingForm.btActive .btContactNext { opacity: 1; -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; transition: all 400ms ease; width: 100%; } .btQuoteBooking .btContactNext:hover, .btQuoteBooking .btContactNext:active { background-color: #f47a00 !important; color: #fff !important; } .btQuoteBooking .btContactNext:hover:after, .btQuoteBooking .btContactNext:active:after { margin: 0 7px 0 10px; -webkit-transition: margin 200ms ease; -moz-transition: margin 200ms ease; transition: margin 200ms ease; } .btQuoteBooking .btContactNext:active { -webkit-box-shadow: 0 0 0 rgba(0,0,0,.2) inset,0 -2px 10px rgba(0,0,0,.4); box-shadow: 0 0 0 rgba(0,0,0,.2) inset,0 -2px 10px rgba(0,0,0,.4); } /* Quote items */ .btQuoteBooking .btQuoteItem { padding: 0 0 0 220px; margin: 0 0 30px; } .btQuoteBooking .btQuoteItem label { display: block; float: left; width: 220px; margin: 8px 0 0 -220px; padding-right: 20px; } .btQuoteBooking .btQuoteSlider { float: left; margin: 0; width: 100%; } .btQuoteBooking .btQuoteSwitch { float: left; margin: 0; width: 76px; height: 38px; cursor: pointer; padding: 5px; border-radius: 19px; -webkit-transition: box-shadow 380ms ease; -moz-transition: box-shadow 380ms ease; transition: box-shadow 380ms ease; } .btLightSkin .btQuoteBooking .btQuoteSwitch, .btDarkSkin .btLightSkin .btQuoteBooking .btQuoteSwitch { border: 1px solid rgba(0,0,0,.2); } .btDarkSkin .btQuoteBooking .btQuoteSwitch, .btLightSkin .btDarkSkin .btQuoteBooking .btQuoteSwitch { border: 1px solid rgba(255,255,255,.1); } .btQuoteBooking .btQuoteSwitch:hover { -webkit-box-shadow: 0 0 0 #f47a00 inset,0 1px 5px rgba(0,0,0,.2); box-shadow: 0 0 0 #f47a00 inset,0 1px 5px rgba(0,0,0,.2); } .btQuoteBooking .btQuoteSwitch .btQuoteSwitchInner { width: 26px; height: 26px; border-radius: 50%; -webkit-transition: all 190ms cubic-bezier(.8,.1,.8,.1); -moz-transition: all 190ms cubic-bezier(.8,.1,.8,.1); transition: all 190ms cubic-bezier(.8,.1,.8,.1); } .btLightSkin .btQuoteBooking .btQuoteSwitch .btQuoteSwitchInner, .btDarkSkin .btLightSkin .btQuoteBooking .btQuoteSwitch .btQuoteSwitchInner { background: rgba(0,0,0,.2); } .btDarkSkin .btQuoteBooking .btQuoteSwitch .btQuoteSwitchInner, .btLightSkin .btDarkSkin .btQuoteBooking .btQuoteSwitch .btQuoteSwitchInner { background: rgba(255,255,255,.1); } .btQuoteBooking .btQuoteSwitch.on .btQuoteSwitchInner { margin-left: 38px; background: #f47a00; } .btQuoteBooking .btQuoteItemInput { text-align: center; } .btQuoteBooking .btQuoteItem .fancy-select .trigger { text-align: left; color: #b4b4b4; } .btQuoteBooking .btQuoteItem .fancy-select .trigger.selected { color: #333; } /* Standard fields */ .btQuoteBooking input[type="text"], .btQuoteBooking input[type="email"], .btQuoteBooking input[type="password"], .btQuoteBooking textarea, .btQuoteBooking .fancy-select .trigger { width: 100%; display: block; line-height: 2; min-height: 38px; padding: 0 12px; background-color: transparent; border: 1px solid rgba(0,0,0,.2); font-family: inherit; font-weight: inherit; font-size: inherit; -webkit-transition: all 380ms ease; -moz-transition: all 380ms ease; transition: all 380ms ease; color: #000; outline: none; } .btQuoteBooking .btQuoteItem textarea { resize: vertical; font-size: inherit; color: #000; padding: 0 12px 0 12px; min-height: 160px; } .btQuoteBooking .dd.ddcommon.borderRadius .ddTitleText { -webkit-transition: all 380ms ease; -moz-transition: all 380ms ease; transition: all 380ms ease; min-height: 38px; } .btQuoteBooking .dd.ddcommon.borderRadiusTp .ddTitleText, .btQuoteBooking .dd.ddcommon.borderRadiusBtm .ddTitleText { -webkit-transition: all 380ms ease; -moz-transition: all 380ms ease; transition: all 380ms ease; -webkit-box-shadow: 5px 0 0 #f47a00 inset,0 2px 10px rgba(0,0,0,.2); box-shadow: 5px 0 0 #f47a00 inset,0 2px 10px rgba(0,0,0,.2); min-height: 38px; } /* Float clears */ .btQuoteBooking .btQuoteItem:after { content: ' '; display: table; width: 100%; clear: both; } /* Slider */ .btQuoteWrapper { position: relative; padding: 0 17px; } .btQuoteWrapper:before { -webkit-transition: all 380ms ease; -moz-transition: all 380ms ease; transition: all 380ms ease; } .btQuoteWrapper:after { content: ' '; clear: both; width: 100%; display: table; } .btQuoteBooking .ui-slider { position: relative; text-align: left; border: 0; } .btQuoteBooking .ui-slider:hover { border: 0; -webkit-box-shadow: none; box-shadow: none; } .btQuoteWrapper:before { content: ' '; display: block; position: absolute; height: 20px; left: 0; right: 0; top: 50%; margin: -8px 0 0; border-radius: 10px; } .btLightSkin .btQuoteWrapper:before, .btDarkSkin .btLightSkin .btQuoteWrapper:before { border: 1px solid rgba(0,0,0,.2); } .btDarkSkin .btQuoteWrapper:before, .btLightSkin .btDarkSkin .btQuoteWrapper:before { border: 1px solid rgba(255,255,255,.1); } /* Slider hover state */ .btQuoteBooking .btQuoteWrapper:hover:before { -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.2); box-shadow: 0 1px 5px rgba(0,0,0,.2); -webkit-transition: all 380ms ease; -moz-transition: all 380ms ease; transition: all 380ms ease; } /* Slider handle */ .btQuoteBooking .ui-slider .ui-slider-handle { display: block; position: absolute; z-index: 2; min-width: 38px; height: 38px; -ms-touch-action: none; touch-action: none; background: #f47a00; cursor: w-resize; cursor: -webkit-grab; cursor: -moz-grab; border-radius: 50%; -webkit-box-shadow: 0 0 0 rgba(0,0,0,.5),0 0 0 0 rgba(0,0,0,.2) inset; box-shadow: 0 0 0 rgba(0,0,0,.5),0 0 0 0 rgba(0,0,0,.2) inset; -webkit-transition: all 190ms ease; -moz-transition: all 190ms ease; transition: all 190ms ease; } .btQuoteBooking .btQuoteSliderValue { min-width: 34px; height: 38px; line-height: 38px; padding: 0 2px; font-size: 11px; font-weight: 700; color: #FFF; text-align: center; display: block; } /* Slider hover state */ .btQuoteBooking .ui-slider .ui-slider-handle.ui-state-hover { -webkit-box-shadow: 0 0 0 rgba(0,0,0,.5),0 0 0 3px rgba(0,0,0,.2) inset; box-shadow: 0 0 0 rgba(0,0,0,.5),0 0 0 3px rgba(0,0,0,.2) inset; } /* Slider range */ .btQuoteBooking .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .btQuoteBooking .ui-slider.ui-state-disabled .ui-slider-handle, .btQuoteBooking .ui-slider.ui-state-disabled .ui-slider-range { -webkit-filter: inherit; filter: inherit; } /* Slider horizontal */ .btQuoteBooking .ui-slider-horizontal { height: 20px; margin-top: 10px; cursor: pointer; } .btQuoteBooking .ui-slider-horizontal .ui-slider-handle { top: -10px; margin-left: -18px; } .btQuoteBooking .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .btQuoteBooking .ui-slider-horizontal .ui-slider-range-min { left: 0; } .btQuoteBooking .ui-slider-horizontal .ui-slider-range-max { right: 0; } /* Slider vertical */ .btQuoteBooking .ui-slider-vertical { min-width: 34px; height: 100px; } .btQuoteBooking .ui-slider-vertical .ui-slider-handle { left: 0; margin-left: 0; margin-bottom: -18px; } .btQuoteBooking .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .btQuoteBooking .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .btQuoteBooking .ui-slider-vertical .ui-slider-range-max { top: 0; } /* Total value */ .btQuoteBooking .btQuoteBookingForm .btQuoteTotal { font-weight: bold; padding: 0; text-align: right; color: #FFF; background: #f47a00; line-height: 1.8; display: block; width: 100%; float: left; } .btQuoteBooking .btQuoteTotalText { margin-right: 1em; } /* Total currency */ .btQuoteBooking .btQuoteTotalCurrency { font-size: 22px; line-height: 1.8; display: inline-block; background: rgba(0,0,0,.25); padding: 5px 3px 5px 20px; } .btQuoteBooking .btQuoteTotalCalc { opacity: 1; -webkit-filter: alpha(opacity=100); filter: alpha(opacity=100); font-size: 22px; line-height: 1.8; display: inline-block; background: rgba(0,0,0,.25); padding: 5px 20px 5px 3px; } /* Options */ .btQuoteBooking .btQuoteItem ul.options { text-align: left; } /* Contact form */ .btQuoteBooking .btQuoteContact { margin: 0 -10px 0 -10px; } /* Contact form item */ .btQuoteBooking .btQuoteContact .btQuoteItem { padding: 0 10px; float: left; width: 50%; } /* Form split in two columns */ .btQuoteBooking .btQuoteContact .btQuoteItem:nth-child(odd) { clear: left; } /* Form full width item */ .btQuoteBooking .btQuoteItem.btQuoteItemFullWidth { float: none; width: auto; } /* Form button */ .btQuoteBooking .btQuoteContact .boldBtn { clear: left; margin: 0; text-align: center; white-space: normal; } /* Mandatory fields */ /* .btQuoteBooking .btContactFieldMandatory input, .btQuoteBooking .btContactFieldMandatory textarea { border: 1px solid #AAA; box-shadow: 0 0 0 1px #AAA inset; -webkit-transition: all 380ms ease; transition: all 380ms ease; } .btQuoteBooking .btContactFieldMandatory .dd.ddcommon.borderRadius .ddTitleText { border: 1px solid #AAA; box-shadow: 0 0 0 1px #AAA inset; } .btQuoteBooking .btContactFieldMandatory input:hover, .btQuoteBooking .btContactFieldMandatory textarea:hover { box-shadow: 0 0 0 1px #AAA inset, 0 0 0 $(accentColor) inset, 0 1px 5px rgba(0,0,0,0.2); } .btQuoteBooking .btContactFieldMandatory .dd.ddcommon.borderRadius:hover .ddTitleText { box-shadow: 0 0 0 1px #AAA inset, 0 0 0 $(accentColor) inset, 0 1px 5px rgba(0,0,0,0.2); } .btQuoteBooking .btContactFieldMandatory input:focus, .btQuoteBooking .btContactFieldMandatory textarea:focus { box-shadow: 0 0 0 1px #AAA inset, 5px 0 0 $(accentColor) inset, 0 1px 5px rgba(0,0,0,0.2); } .btQuoteBooking .btContactFieldMandatory .dd.ddcommon.borderRadiusTp .ddTitleText { box-shadow: 0 0 0 1px #AAA inset, 5px 0 0 $(accentColor) inset, 0 1px 5px rgba(0,0,0,0.2); } */ /* Error fields validation */ .btQuoteBooking .btContactFieldMandatory.btContactFieldError input, .btQuoteBooking .btContactFieldMandatory.btContactFieldError textarea { border: 1px solid #f47a00; -webkit-box-shadow: 0 0 0 1px #f47a00 inset; box-shadow: 0 0 0 1px #f47a00 inset; -webkit-transition: all 380ms ease; -moz-transition: all 380ms ease; transition: all 380ms ease; } .btQuoteBooking .btContactFieldMandatory.btContactFieldError .dd.ddcommon.borderRadius .ddTitleText { border: 1px solid #f47a00; -webkit-box-shadow: 0 0 0 1px #f47a00 inset; box-shadow: 0 0 0 1px #f47a00 inset; } .btQuoteBooking .btContactFieldMandatory.btContactFieldError input:hover, .btQuoteBooking .btContactFieldMandatory.btContactFieldError textarea:hover { -webkit-box-shadow: 0 0 0 1px #f47a00 inset,0 0 0 #f47a00 inset,0 1px 5px rgba(0,0,0,.2); box-shadow: 0 0 0 1px #f47a00 inset,0 0 0 #f47a00 inset,0 1px 5px rgba(0,0,0,.2); } .btQuoteBooking .btContactFieldMandatory.btContactFieldError .dd.ddcommon.borderRadius:hover .ddTitleText { -webkit-box-shadow: 0 0 0 1px #f47a00 inset,0 0 0 #f47a00 inset,0 1px 5px rgba(0,0,0,.2); box-shadow: 0 0 0 1px #f47a00 inset,0 0 0 #f47a00 inset,0 1px 5px rgba(0,0,0,.2); } .btQuoteBooking .btContactFieldMandatory.btContactFieldError input:focus, .btQuoteBooking .btContactFieldMandatory.btContactFieldError textarea:focus { -webkit-box-shadow: 0 0 0 1px #f47a00 inset,5px 0 0 #f47a00 inset,0 1px 5px rgba(0,0,0,.2); box-shadow: 0 0 0 1px #f47a00 inset,5px 0 0 #f47a00 inset,0 1px 5px rgba(0,0,0,.2); } .btQuoteBooking .btContactFieldMandatory.btContactFieldError .dd.ddcommon.borderRadiusTp .ddTitleText { -webkit-box-shadow: 0 0 0 1px #f47a00 inset,5px 0 0 #f47a00 inset,0 1px 5px rgba(0,0,0,.2); box-shadow: 0 0 0 1px #f47a00 inset,5px 0 0 #f47a00 inset,0 1px 5px rgba(0,0,0,.2); } /* Submit query message */ .btQuoteBooking .btSubmitMessage { color: #f47a00; font-weight: 600; text-align: center; line-height: 30px; height: 30px; } /* Date picker */ .btDatePicker { z-index: 10000 !important; width: 300px; } .btDatePicker table th, .btDatePicker table td { border: 1px solid #e0e0e0; } .btDatePicker .ui-datepicker-header { display: block; padding: 10px; overflow: hidden; background-color: #f47a00; color: #FFF; } .btDatePicker table.ui-datepicker-calendar { width: 100%; text-align: center; border-collapse: collapse; margin: 0; padding: 0; line-height: 1.2; background-color: #f2f2f2; } /* Datepicker header, day names */ .btDatePicker table.ui-datepicker-calendar th { padding: 10px 8px; font-size: 14px; font-weight: 600; color: #333; text-align: center; } /* Datepicker prev/next */ .btDatePicker a.ui-datepicker-prev, .btDatePicker a.ui-datepicker-next { display: block; font-size: 10px; font-weight: 700; line-height: 1; background-color: #FFF; padding: 2px 4px; text-transform: uppercase; cursor: pointer; } .btDatePicker a.ui-datepicker-prev { float: left; } .btDatePicker a.ui-datepicker-next { float: right; } /* Prev / Next hover state */ .btDatePicker a.ui-datepicker-prev:hover, .btDatePicker a.ui-datepicker-next:hover { color: #bbb; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; transition: all 200ms ease; } /* Datepicker title */ .btDatePicker .ui-datepicker-title { text-align: center; font-size: 14px; line-height: 1.1; font-weight: 600; color: #FFF; } /* Datepicker DIV */ .btDatePicker#ui-datepicker-div { background-color: #f2f2f2; border: 1px solid rgba(0,0,0,.2); -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2); box-shadow: 0 2px 10px rgba(0,0,0,.2); margin-top: 1px; } /* Datepicker day */ .btDatePicker .ui-datepicker-calendar td { font-size: 12px; font-weight: 500; line-height: 1; padding: .3em; text-align: center; } /* Datepicker day link */ .btDatePicker table.ui-datepicker-calendar td a { color: #666; width: 18px; height: 18px; line-height: 18px; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; transition: all 200ms ease; } /* Datepicker active state */ .btDatePicker table.ui-datepicker-calendar td a.ui-state-active { font-weight: bold; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; transition: all 200ms ease; } /* Datepicker hover state */ .btDatePicker table td:hover { cursor: pointer; } .btDatePicker table td:hover { background: #e0e0e0; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; transition: all 200ms ease; } /* Styled select */ .btQuoteBooking .btDropDown .dd { position: relative; } .btQuoteBooking .ddChild { position: absolute; left: 0 !important; right: 0 !important; margin: -1px 0 0; } .btQuoteBooking .ddChild { position: absolute !important; } /* Select submenu items */ .btQuoteBooking .ddChild { background-color: #fff; border: 1px solid #999; overflow-y: auto; } .btQuoteBooking .ddChild ul { list-style: none; display: block; margin: 0; padding: 0; } .btQuoteBooking .ddChild ul li { display: table; width: 100%; min-height: 38px; margin: 0; padding: 0 37px 0 0; cursor: pointer; line-height: 1.2; border-top: 1px solid rgba(0,0,0,.1); color: #000; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; transition: all 200ms ease; } .btQuoteBooking .ddChild ul li span { display: block; padding: 0 12px; line-height: 2; } .btQuoteBooking .ddChild ul li span.description { line-height: 1.5; margin-top: -.3em; margin-bottom: .3em; } /* Item hover state */ .btQuoteBooking .ddChild ul li:hover, .btQuoteBooking .ddChild ul li.selected:hover { color: #666; background: rgba(0,0,0,.05); -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; transition: all 200ms ease; } /* First item disabled state */ .btQuoteBooking .ddChild ul li:first-child, .btQuoteBooking .ddChild ul li:first-child:hover { border-top: none; color: #666; background: none; } .btQuoteBooking .ddOutOfVision { position: absolute; height: 0; width: 0; overflow: hidden; } /* Styled menu itself */ .btQuoteBooking .ddItem { display: table; width: 100%; margin: 1px 0 0; padding: 0; font-size: 14px; line-height: 1.1; } /* Styled menu label */ .btQuoteBooking .ddTitleText { display: table; width: 100%; } .btQuoteBooking .ddTitleText span, .btQuoteBooking .ddChild ul li span { display: table-cell; vertical-align: middle; text-align: left; } .btQuoteBooking .ddTitleText span span, .btQuoteBooking .ddChild ul li span span, .btQuoteBooking .ddChild ul li:hover span span, .btQuoteBooking .ddChild ul li.selected:hover span span { display: block; font-size: 12px; padding: 0; color: #555; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; transition: all 200ms ease; } .btQuoteBooking .ddChild span { padding: 8px 12px; } .btQuoteBooking .ddTitleText span { padding: 0 12px; } .btQuoteBooking .dd.ddcommon.borderRadius .ddTitleText { background-color: #fff; border: 1px solid rgba(0,0,0,.2); padding: 0 37px 0 0; } .btQuoteBooking .dd.ddcommon.borderRadiusTp .ddTitleText, .btQuoteBooking .dd.ddcommon.borderRadiusBtm .ddTitleText { background-color: #fff; border: 1px solid #999; padding: 0 37px 0 0; } /* Select item description */ .btQuoteBooking .ddlabel, .btQuoteBooking .description { width: 100%; } .btNotSelected { min-height: 38px; } .btNotSelected .ddlabel { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Photo in select */ .btQuoteBooking .ddTitleText .ddImage, .btQuoteBooking .ddChild ul li .ddImage { text-align: center; padding: 12px; padding-right: 0; } .btQuoteBooking .ddTitleText .ddImage img, .btQuoteBooking .ddChild ul li .ddImage img { display: block; width: auto; max-width: none !important; } /* Nothing selected state */ .btQuoteBooking .ddTitleText.btNotSelected .ddlabel { color: #a9a9a9; } /* Selected state */ .btQuoteBooking .ddTitleText .ddlabel { width: 100%; line-height: 2; color: #000; } .btQuoteBooking .ddTitleText .ddlabel .description { line-height: 1.5; margin-top: -.3em; margin-bottom: .3em; } .btQuoteBooking .ddTitle { position: relative; cursor: pointer; } /* Styled select arrow */ .btQuoteBooking .ddTitle .arrow { display: block; position: absolute; right: 10px; top: 50%; margin-top: -2px; } /* Arrow itself */ .btQuoteBooking .ddTitle .arrow:before { content: ' '; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid rgba(0,0,0,.2); display: block; } /* Submit button */ .btQuoteBooking .btContactSubmit { font-family: inherit; cursor: pointer; background-color: #f47a00; color: #fff; line-height: 1.1; padding: 14px 40px; font-weight: 700; font-size: 20px; opacity: 1; border: 2px solid #f47a00; -webkit-filter: alpha(opacity=100); filter: alpha(opacity=100); -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; text-transform: uppercase; } .btQuoteBooking .btContactSubmit:focus { outline: 0; } /* Submit hover state */ .btQuoteBooking .btContactSubmit:hover { background-color: transparent; color: #f47a00; } /* Tablets screen */ @media (max-width: 1024px) { .btQuoteBooking .btQuoteContact .btQuoteItem { float: none; width: auto; } .btQuoteBooking .btTotalQuoteContactGroup.btActive { max-height: 1000px; } .btQuoteBooking .btQuoteContact { margin-left: -10px; } } /* Larger smartphones screen */ @media (max-width: 650px) { .btQuoteBooking .btQuoteItem label { display: block; float: none; margin: 0 0 8px; width: auto; } .btQuoteBooking .btQuoteItem { margin: 0 0 20px; padding: 0; } } /* Small smartphones screen */ @media (max-width: 440px) { .btQuoteBooking .ddTitleText .ddImage img, .btQuoteBooking .ddChild ul li .ddImage img { display: block; width: auto; margin: 0 auto; } .btQuoteBooking .btQuoteBookingForm.btActive .btTotalNextWrapper { padding: 0; } .btQuoteBooking .btQuoteBookingForm.btActive .boldBtn { -moz-transition: all 400ms ease; transition: all 400ms ease; -webkit-transition: all 400ms ease; height: 60px; overflow: hidden; padding-top: 10px; } .btQuoteBooking .btQuoteBookingForm .boldBtn { display: block; width: 100%; float: none; text-align: center; margin: 0; height: 0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; transition: all 400ms ease; clear: both; overflow: hidden; padding: 0; } .btQuoteBooking .btQuoteBookingForm.btActive .btQuoteTotal, .btQuoteBooking .btQuoteBookingForm .btQuoteTotal { display: block; width: 100%; float: none; margin-bottom: 20px; height: 50px; } .btQuoteBooking .btQuoteBookingForm.btActive .btContactNext, .btQuoteBooking .btQuoteBookingForm .btContactNext { -webkit-transform: none; -ms-transform: none; -moz-transform: none; transform: none; opacity: 1; -webkit-filter: alpha(opacity=100); filter: alpha(opacity=100); margin-left: auto; } .btQuoteBooking .btContactBack, .btQuoteBooking .btContactSubmit { margin: 0 auto 20px auto; clear: both; display: block; } .btPayPalButton { margin: 0 !important; float: none; } } /* placeholder */ .btQuoteBooking *::-webkit-input-placeholder { font-family: inherit; color: #a9a9a9; } .btQuoteBooking *:-moz-placeholder { font-family: inherit; color: #a9a9a9; } .btQuoteBooking *::-moz-placeholder { font-family: inherit; color: #a9a9a9; } .btQuoteBooking *:-ms-input-placeholder { font-family: inherit; color: #a9a9a9; } /* reCAPTCHA */ .btQuoteBooking .g-recaptcha { margin-bottom: 30px; } .btQuoteBooking .g-recaptcha > div > div { margin: auto; } /* PayPal */ .btPayPalButton { display: inline-block; margin: 0 0 0 30px; background: transparent; border: rgba(0,0,0,.2) 2px solid; margin-right: -100%; width: 130px; height: 49px; cursor: pointer; -webkit-transition: box-shadow 380ms ease; -moz-transition: box-shadow 380ms ease; transition: box-shadow 380ms ease; background-position: center center; background-size: 70%; background-repeat: no-repeat; } .btPayPalButton:hover { -webkit-box-shadow: 0 0 0 #f47a00 inset,0 1px 5px rgba(0,0,0,.2); box-shadow: 0 0 0 #f47a00 inset,0 1px 5px rgba(0,0,0,.2); } .btPayPalForm { width: 0; height: 0; overflow: hidden; } /* Item lock */ .btQuoteItem.btCCLock { position: relative; } .btQuoteItem.btCCLock:before { content: ' '; position: absolute; top: -10px; bottom: -10px; left: 0; right: 0; background: transparent; z-index: 999; } /* Transfer Quote total to Flex -------------------------------------------*/ .btQuoteBooking .btTotalNextWrapper { display: -ms-flexbox; display: -webkit-flex; display: flex; width: auto !important; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding-right: 0 !important; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; text-align: initial; } .btQuoteBooking .btTotalNextWrapper:after { display: none; } .btQuoteBooking .btQuoteBookingForm.btActive .btTotalNextWrapper { padding-right: 0 !important; } .btQuoteBooking .btQuoteBookingForm.btActive .boldBtn { -webkit-flex: 0 0 160px; -ms-flex: 0 0 160px; flex: 0 0 160px; width: 160px; max-width: 160px; } .btQuoteBooking .btQuoteBookingForm .boldBtn { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex: 0 1 0; -ms-flex: 0 1 0; flex: 0 1 0; float: none; margin-right: 0 !important; margin-left: 0 !important; width: 0; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; max-width: 0; } .btQuoteBooking .btContactNext { -webkit-transform: translate(160px,0); -moz-transform: translate(160px,0); -ms-transform: translate(160px,0); transform: translate(160px,0); } .btQuoteBooking .btQuoteBookingForm .btQuoteTotal { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; float: none; } .btQuoteBooking .btQuoteTotalText { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .btQuoteBooking .btQuoteContact:not(.btQuoteContactForm7) { margin: 0 -10px 0 -10px; } /* Transfer Quote total to Flex, responsive -------------------------------------------*/ @media (max-width: 440px) { .btQuoteBooking .btTotalNextWrapper { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .btQuoteBooking .btQuoteBookingForm.btActive .boldBtn, .btQuoteBooking .btQuoteBookingForm .boldBtn { -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; width: 100%; max-width: 100%; padding-top: 0; } .btQuoteBooking .btQuoteBookingForm.btActive .btContactNext, .btQuoteBooking .btQuoteBookingForm .btContactNext { width: 100%; } .btQuoteBooking .btQuoteBookingForm .btContactNext { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; } } /* Paypal button -------------------------------------------*/ .btPayPalButton { display: -ms-flexbox; display: -webkit-flex; display: flex; margin: 0; margin-right: auto; height: 38px; -webkit-flex: 0 0 130px; -ms-flex: 0 0 130px; flex: 0 0 130px; margin-left: 30px; } @media (max-width: 1399px) { .gutter .port { width: 100%; max-width: none; padding-left: 30px; padding-right: 30px; } .btWithSidebar .btSidebar { padding-left: 30px; padding-right: 30px; } .btSearchInner.btFromTopBox .btSearchInnerClose { right: 30px; } .btMenuVerticalRight .btVerticalMenuTrigger { margin: 0; } .slick-slider h4.nbs { top: auto; bottom: 20px; opacity: .5; } .slick-slider h4.nbs .nbsImage { width: 50px; height: 50px; } .slick-slider h4.nbs a:before, .slick-slider h4.nbs a:after { font-size: 25px; line-height: 50px; font-weight: normal; width: 50px; } } @media (max-width: 1199px) { h1, .header.extralarge h1, .header.huge h1 { font-size: 75px; line-height: 85px; } h2, .header.large h2, .header.large h1 { font-size: 40px; line-height: 40px; } h3 .header.medium h2, .header.medium h3 { font-size: 36px; line-height: 36px; } .btCounterHolder, .btCounterHolder.btCounterLargeSize { font-size: 60px; line-height: 65px; height: 65px; } .btCounterHolder .btCounter, .btCounterHolder.btCounterLargeSize .btCounter { height: 65px; } .btCounterHolder span.onedigit, .btCounterHolder.btCounterLargeSize span.onedigit { height: 60px; } .btCounterHolder span.onedigit span, .btCounterHolder.btCounterLargeSize span.onedigit span { height: 65px; } .btCounterHolder .btCountdownHolder > span > span > span, .btCounterHolder.btCounterLargeSize .btCountdownHolder > span > span > span { -webkit-transform: translateY(-65px); -moz-transform: translateY(-65px); -ms-transform: translateY(-65px); transform: translateY(-65px); } .slidedVariable .slick-list { z-index: 1; } } @media (max-width: 992px) { .neighboringArticles .btTextLeft h4.nsPrev { margin-bottom: 10px; } .neighboringArticles .btTextLeft:after { content: ' '; clear: both; display: table; width: 100%; height: 2px; margin-bottom: 10px; } .btLightSkin .neighboringArticles .btTextLeft:after, .btDarkSkin .btLightSkin .neighboringArticles .btTextLeft:after { background-color: rgba(0,0,0,.07); } .btDarkSkin .neighboringArticles .btTextLeft:after, .btLightSkin .btDarkSkin .neighboringArticles .btTextLeft:after { background-color: 1px solid rgba(255,255,255,.02); } .btGoogleMapsWrapper .btGoogleMapsContent { position: relative; clear: both; width: auto; margin: 30px !important; right: 0 !important; left: 0 !important; top: 0 !important; } .btGoogleMapsWrapper .btGoogleMapsContent .btGoogleMapsWrap { width: 100%; float: none; position: relative; } . .btHighlight > .rowItemContent { margin-bottom: 10px; } /* Horizontal padding */ .rowItem.btDoublePadding .rowItemContent { padding: 0 20px; } .btTableRow .rowItem.btDoublePadding .rowItemContent { padding: 0 40px; } .btArticleListItem { margin-bottom: 40px; } .btArticleListItem .btArticleFooter .btReadArticle, .btArticleListItem .btArticleFooter .btShareArticle { text-align: center; } .btArticleListItem .btArticleFooter .btShareArticle:before { width: 65px; height: 1px; content: ' '; display: block; margin: 10px auto 22px; } .btArticleListItem .btArticleFooter .shareRowItem, .btArticleListItem .btArticleFooter .tagsRowItem { text-align: center; } .btArticleListItem .btArticleFooter .shareRowItem .btTags ul li, .btArticleListItem .btArticleFooter .tagsRowItem .btTags ul li { float: none; } .btArticleListItem .btArticleFooter .btIconRow .btIco { margin: 0 .25em; } .btArticleListItem .btArticleFooter .btReadArticle a.btContinueReading { display: inline-block; float: none; margin-bottom: 8px; } } @media (max-width: 768px) { .btContent, .btSidebar { width: 100%; float: none; } .btSidebarLeft .btSidebar, .btSidebarRight .btSidebar { padding-left: 30px; padding-right: 30px; } /* Typography breakpoint */ h1, .header.extralarge h1, .header.huge h1 { font-size: 60px; line-height: 70px; letter-spacing: -1px; } .header.huge h1 { font-size: 60px; line-height: 70px; } h2 { font-size: 30px; } .header.extralarge .btSuperTitle, .header.extralarge .btSubTitle { font-size: 18px; line-height: 28px; } .header.huge .btSubTitle { font-size: 12px; line-height: 17px; } .header.huge .btSubTitle { font-size: 20px; line-height: 30px; } .btCounterHolder, .btCounterHolder.btCounterLargeSize { font-size: 40px; line-height: 45px; height: 45px; } .btCounterHolder .btCountdownHolder, .btCounterHolder.btCounterLargeSize .btCountdownHolder { padding-top: 9px; } .btCounterHolder .btCounter, .btCounterHolder.btCounterLargeSize .btCounter { height: 45px; } .btCounterHolder span.onedigit, .btCounterHolder.btCounterLargeSize span.onedigit { height: 40px; } .btCounterHolder span.onedigit span, .btCounterHolder.btCounterLargeSize span.onedigit span { height: 45px; } .btCounterHolder .btCountdownHolder > span > span > span, .btCounterHolder.btCounterLargeSize .btCountdownHolder > span > span > span { -webkit-transform: translateY(-45px); -moz-transform: translateY(-45px); -ms-transform: translateY(-45px); transform: translateY(-45px); } .btContentHolder blockquote { font-size: 1.2em; line-height: 1.6; } .topExtraSpaced { padding-top: 100px; } .bottomExtraSpaced { padding-bottom: 100px; } .topLargeSpaced { padding-top: 80px; } .bottomLargeSpaced { padding-bottom: 80px; } .topSpaced { padding-top: 60px; } .bottomSpaced { padding-bottom: 60px; } .btArticleMeta { text-align: left; } .btArticleMeta dd:after { content: "; "; } .btArticleMeta dt:after { content: ": "; } .btArticleMeta.onBottom dd, .btArticleMeta.onBottom dt { display: inline-block; padding-right: 5px; margin-bottom: 0; } .btArticleMeta.onTop dd { margin-bottom: 0; } .btSlidePane .articleMeta.btTextRight { text-align: left; } } @media (max-width:620px) { .btHasAuthorInfo .btArticleListBody { padding-left: 0; clear: both; } .btHasAuthorInfo .articleSideGutter { position: relative; left: 0; width: auto; } .btHasAuthorInfo .asgItem.avatar { width: 45px; float: left; } } @media (max-width: 480px) { .topExtraSpaced { padding-top: 70px; } .bottomExtraSpaced { padding-bottom: 70px; } .topLargeSpaced { padding-top: 50px; } .bottomLargeSpaced { padding-bottom: 50px; } .topSpaced { padding-top: 30px; } .bottomSpaced { padding-bottom: 30px; } } @media (max-width: 992px) { .woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce .cart-collaterals .cross-sells, .woocommerce .cart-collaterals .cart_totals { float: none; width: 100%; display: block; } .woocommerce ul.products li.product { width: 50% !important; } .woocommerce ul.products li.product:nth-child(odd) { clear: left; } .woocommerce ul.products li.first { clear: none !important; } } @media (max-width: 620px) { .woocommerce #content table.cart td.actions .button.alt, .woocommerce #content table.cart td.actions .input-text + .button, .woocommerce table.cart td.actions .button.alt, .woocommerce table.cart td.actions .input-text + .button { float: none; } .woocommerce .cart .actions input[type="submit"].button { float: none; } .woocommerce form .form-row-first, .woocommerce form .form-row-last { float: none; width: auto; } .woocommerce p.lost_password { float: none; margin: 1em 0 0; clear: left; } .woocommerce p.form-row:not(.form-row-wide) { float: none; } .woocommerce .woocommerce-ordering { float: none; margin: .75em 0 0; } .woocommerce .woocommerce-ordering .fancy-select { width: auto; margin: 0 0 30px; } .woocommerce .woocommerce-result-count { float: none; margin: 0; } .woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon { float: none; margin: 0 0 1em; } .woocommerce .commentTxt .star-rating { margin: 4px 0 8px 0; clear: right; } .woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon { float: none; } .woocommerce > form { display: block; position: relative; overflow-x: auto; max-width: 100%; margin: 0 0 1em; } .woocommerce table.shop_table_responsive { display: block; margin: 0; } .woocommerce table.shop_table_responsive tbody th, .woocommerce table.shop_table_responsive thead, .woocommerce table.shop_table_responsive .product-thumbnail { display: none; } .woocommerce table.shop_table_responsive tbody { display: block; width: 100% !important; } .woocommerce table.shop_table_responsive tr, .woocommerce table.shop_table_responsive th { display: block; width: 100% !important; } .woocommerce table.shop_table_responsive tr td, .woocommerce table.shop_table_responsive th td { display: block; width: 100% !important; clear: left; } .woocommerce table.shop_table_responsive tr td:not(.product-remove):not(.actions):before, .woocommerce table.shop_table_responsive th td:not(.product-remove):not(.actions):before { content: attr(data-title) ": "; font-weight: 700; } .woocommerce table.shop_table_responsive tr td.product-remove, .woocommerce table.shop_table_responsive th td.product-remove { text-align: right; } .woocommerce table.shop_table_responsive .coupon, .woocommerce table.shop_table_responsive input[name="update_cart"].button, .woocommerce table.shop_table_responsive #coupon_code, .woocommerce table.shop_table_responsive .input-text + .button { float: left; clear: left; width: 100%; margin: 0 0 10px; min-width: auto !important; } .woocommerce table.shop_table_responsive td.actions:after { content: ''; display: table; clear: both; } .woocommerce table.my_account_orders tr td.order-actions:before { display: none; } .woocommerce table.my_account_orders tr td.order-actions { text-align: left; } .woocommerce table.my_account_orders tr td.order-actions .button { float: none; margin: .125em .25em .125em 0; } .woocommerce div.product div.images, .woocommerce div.product div.summary { float: none; width: 100%; } .woocommerce .lost_reset_password .form-row-first, .woocommerce .lost_reset_password .form-row-last { width: 100%; float: none; margin-right: 0; } .woocommerce-checkout form.login .form-row { width: 100%; float: none; } } @media (max-width: 480px) { .woocommerce header.title .edit { display: block; float: left; clear: left; margin: 0 0 20px; } .woocommerce ul.products li.product { width: 100% !important; float: none; clear: left; } .woocommerce ul.products li.product:after { content: " "; display: table; width: 100%; clear: both; } } /*# sourceMappingURL=style.crush.css.map */ /*--------------------------------------------End srush css-----------------------------*/ /*---------------------------------------style css--------------------------------------*/ div.wpcf7 .screen-reader-response { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); height: 1px; width: 1px; margin: 0; padding: 0; border: 0; } div.wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; border: 2px solid #ff0000; } div.wpcf7-mail-sent-ok { border: 2px solid #398f14; } div.wpcf7-mail-sent-ng, div.wpcf7-aborted { border: 2px solid #ff0000; } div.wpcf7-spam-blocked { border: 2px solid #ffa500; } div.wpcf7-validation-errors, div.wpcf7-acceptance-missing { border: 2px solid #f7e700; } .wpcf7-form-control-wrap { position: relative; } span.wpcf7-not-valid-tip { color: #f00; font-size: 1em; font-weight: normal; display: block; } .use-floating-validation-tip span.wpcf7-not-valid-tip { position: absolute; top: 20%; left: 20%; z-index: 100; border: 1px solid #ff0000; background: #fff; padding: .2em .8em; } span.wpcf7-list-item { display: inline-block; margin: 0 0 0 1em; } span.wpcf7-list-item-label::before, span.wpcf7-list-item-label::after { content: " "; } .wpcf7-display-none { display: none; } div.wpcf7 .ajax-loader { visibility: hidden; display: inline-block; background-image: url('../../images/ajax-loader.gif'); width: 16px; height: 16px; border: none; padding: 0; margin: 0 0 0 4px; vertical-align: middle; } div.wpcf7 .ajax-loader.is-active { visibility: visible; } div.wpcf7 div.ajax-error { display: none; } div.wpcf7 .placeheld { color: #888; } div.wpcf7 input[type="file"] { cursor: pointer; } div.wpcf7 input[type="file"]:disabled { cursor: default; } div.wpcf7 .wpcf7-submit:disabled { cursor: not-allowed; } /*--------------------------------------------rs6-----------------------------*/ /*----------------------------------------------------------------------------- - Revolution Slider 6.0 Default Style Settings - Screen Stylesheet version: 6.0.0 date: 24/06/19 author: themepunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /* FIX FOR WORDPRESS's CRAZY

TAG ANOMALY */ .rs-p-wp-fix { display: none !important; margin: 0 !important; height: 0px !important; } #debungcontrolls { z-index:100000; position:fixed; bottom:0px; width:100%; height:auto; background:rgba(0,0,0,0.6); padding:10px; box-sizing: border-box; } rs-debug { z-index:100000; position:fixed; top:0px; width:300px; height:300px; background:rgba(0,0,0,0.6); padding:10px; box-sizing: border-box; color: #fff; font-size: 10px; line-height: 13px; overflow: scroll; } /* MODAL BASICS */ rs-modal { position: fixed !important; z-index: 9999999 !important; pointer-events: none !important; } rs-modal.rs-modal-auto { top: auto;bottom: auto;left: auto; right:auto; } rs-modal.rs-modal-fullwidth, rs-modal.rs-modal-fullscreen { top: 0px; left: 0px; width: 100%; height: 100%; } rs-modal rs-fullwidth-wrap { position: absolute; top: 0px; left: 0px; height: 100%;} rs-module-wrap.rs-modal { display:none; max-height: 100% !important; overflow: auto !important; pointer-events: auto !important;} rs-modal-cover { width: 100%; height: 100%; z-index: 0; background: transparent; position: absolute;top: 0px;left: 0px; cursor: pointer; pointer-events: auto} body>rs-modal-cover { position: fixed; z-index: 9999995 !important; } rs-sbg-px { pointer-events: none } .rs-forcehidden * { visibility: hidden !important; } /*rs-modal rs-fullwidth-wrap rs-module-wrap { transform: translateY(-50%) !important; top: 50% !important; }*/ .rs_splitted_lines { display: block; white-space: nowrap !important} .debugtimeline { width:100%; height:10px; position:relative; display:block; margin-bottom:3px; display:none; white-space: nowrap; box-sizing: border-box; } .debugtimeline:hover { height:15px; } .the_timeline_tester { background:#e74c3c; position:absolute; top:0px; left:0px; height:100%; width:0; } .rs-go-fullscreen { position:fixed !important; width:100% !important; height:100% !important; top:0px !important; left:0px !important; z-index:9999999 !important; background:#ffffff; } .debugtimeline.tl_slide .the_timeline_tester { background:#f39c12; } .debugtimeline.tl_frame .the_timeline_tester { background:#3498db; } .debugtimline_txt { color:#fff; font-weight: 400; font-size:7px; position:absolute; left:10px; top:0px; white-space: nowrap; line-height: 10px; } .rtl { direction: rtl;} @font-face { font-family: 'revicons'; src: url('../fonts/revicons/revicons.eot?5510888'); src: url('../fonts/revicons/revicons.eot?5510888#iefix') format('embedded-opentype'), url('../fonts/revicons/revicons.woff?5510888') format('woff'), url('../fonts/revicons/revicons.ttf?5510888') format('truetype'), url('../fonts/revicons/revicons.svg?5510888#revicons') format('svg'); font-weight: normal; font-style: normal; } [class^="revicon-"]:before, [class*=" revicon-"]:before { font-family: "revicons"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } rs-module i[class^="fa-"], rs-module i[class*=" fa-"], .rb-modal-wrapper i[class^="fa-"], .rb-modal-wrapper i[class*=" fa-"], #waitaminute i[class^="fa-"], #waitaminute i[class*=" fa-"], #objectlibrary i[class^="fa-"], #objectlibrary i[class*=" fa-"], #rs_overview i[class^="fa-"], #rs_overview i[class*=" fa-"], #rs_overview_menu i[class^="fa-"], #rs_overview_menu i[class*=" fa-"], #builderView i[class^="fa-"], #builderView i[class*=" fa-"] { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } rs-module [class^="fa-"]:before, rs-module [class*=" fa-"]:before, .rb-modal-wrapper [class^="fa-"]:before, .rb-modal-wrapper [class*=" fa-"]:before, #rs_overview [class^="fa-"]:before, #rs_overview [class*=" fa-"]:before, #objectlibrary [class^="fa-"]:before, #objectlibrary [class*=" fa-"]:before, #waitaminute [class^="fa-"]:before, #waitaminute [class*=" fa-"]:before, #rs_overview_menu [class^="fa-"]:before, #rs_overview_menu [class*=" fa-"]:before, #builderView [class^="fa-"]:before, #builderView [class*=" fa-"]:before { font-family: FontAwesome; font-style: normal; font-weight: 400; speak: none; display: inline-block; text-decoration: inherit; width: auto; margin-right: 0; text-align: center; font-variant: normal; text-transform: none; line-height: inherit; margin-left: 0; } rs-module .sr-only, #objectlibrary .sr-only, #waitaminute .sr-only, #rs_overview .sr-only, #rs_overview_menu .sr-only, .rb-modal-wrapper .sr-only, #builderView .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } rs-module .sr-only-focusable:active, rs-module .sr-only-focusable:focus, #waitaminute .sr-only-focusable:active, #waitaminute .sr-only-focusable:focus, #objectlibrary .sr-only-focusable:active, #objectlibrary .sr-only-focusable:focus, #rs_overview .sr-only-focusable:active, #rs_overview .sr-only-focusable:focus, #rs_overview_menu .sr-only-focusable:active, #rs_overview_menu .sr-only-focusable:focus, .rb-modal-wrapper .sr-only-focusable:active, .rb-modal-wrapper .sr-only-focusable:focus, #builderView .sr-only-focusable:active, #builderView .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } .revicon-search-1:before { content: '\e802'; } /* 'î ‚' */ .revicon-pencil-1:before { content: '\e831'; } /* 'î ±' */ .revicon-picture-1:before { content: '\e803'; } /* 'îÃÃÆâÃÆâ€™Ãƒâ€šÃ‚¢ÃƒÂ¢Ã¢â€šÂ¬Ã…¡Ã‚¬Ã¢â€žÂ¢ÃƒÆ’ƒÂ¢Ã¢â€šÂ¬Ã‚ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’ƒâ€ Ã¢â‚¬â„¢ÃƒÆ’¢â‚¬Å¡Ãƒâ€šÃ‚ Ãƒâ€ Ã¢â‚¬â„¢' */ .revicon-cancel:before { content: '\e80a'; } /* 'î Š' */ .revicon-info-circled:before { content: '\e80f'; } /* 'î ÃâÃÆÃÂÂ¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚¬Ã¢â€žÂ¢ÃƒÆ’ƒâ€ Ã¢â‚¬â„¢ÃƒÆ’†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’‚¢Ã¢â‚¬Å¡Ã‚¬Ã…¡Ãƒâ€šÃ‚' */ .revicon-trash:before { content: '\e801'; } /* '' */ .revicon-left-dir:before { content: '\e817'; } /* 'î —' */ .revicon-right-dir:before { content: '\e818'; } /* 'ÃÃÃƒÆ’ƒÆ’†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’ƒâ€ Ã¢â‚¬â„¢ÃƒÆ’‚®Ã‚ Ëœ' */ .revicon-down-open:before { content: '\e83b'; } /* 'î »' */ .revicon-left-open:before { content: '\e819'; } /* 'îÂÃÆâ€ââââââ€Ãâ€¦Ã‚¡Ãƒâ€šÃ‚¬Ãƒâ€¦Ã‚¡Ãƒâ€šÃ‚¬Ãƒâ€¦Ã‚¾Ãƒâ€šÃ‚¢ÃƒÆ’ƒÆ’¢â‚¬Å¡Ãƒâ€šÃ‚ ÃƒÆ’¢â€žÂ¢' */ .revicon-right-open:before { content: '\e81a'; } /* 'î š' */ .revicon-angle-left:before { content: '\e820'; } /* 'î ÂÃâÃÃÆâ€â„¢ÃƒÆ’†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’¢â‚¬Å¡Ãƒâ€šÃ‚¢ÃƒÆ’¢â‚¬Å¡Ã‚¬Ã…¡Ãƒâ€šÃ‚ ' */ .revicon-angle-right:before { content: '\e81d'; } /* '' */ .revicon-left-big:before { content: '\e81f'; } /* 'î Ÿ' */ .revicon-right-big:before { content: '\e81e'; } /* 'îÃââââ‚ÃââÃƒÂ¢Ã¢â€šÂ¬Ã…¡Ã‚¬Ã…¡Ãƒâ€šÃ‚¬ÃƒÆ’…¡Ã‚¬Ã…¡Ãƒâ€šÃ‚ Ãƒâ€¦Ã‚¾' */ .revicon-magic:before { content: '\e807'; } /* 'î ‡' */ .revicon-picture:before { content: '\e800'; } /* 'î âÃÃÆââ‚¬â„¢ÃƒÆ’†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’ƒâ€ Ã¢â‚¬â„¢ÃƒÆ’‚¢Ã¢â€šÂ¬Ã…¡Ã‚¬' */ .revicon-export:before { content: '\e80b'; } /* 'î ‹' */ .revicon-cog:before { content: '\e832'; } /* 'î ÂÂÂÃÆÃÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’ƒâ€ Ã¢â‚¬â„¢ÃƒÆ’†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’¢â‚¬Å¡Ãƒâ€šÃ‚²' */ .revicon-login:before { content: '\e833'; } /* 'î ³' */ .revicon-logout:before { content: '\e834'; } /* 'î ´' */ .revicon-video:before { content: '\e805'; } /* 'îÂÃÃÆÃÆâ€ââ€žÂ¢ÃƒÆ’ƒâ€šÃ‚¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚¬Ã¢â€žÂ¢ÃƒÆ’ƒÂ¢Ã¢â€šÂ¬Ã‚ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’ƒÂ¢Ã¢â€šÂ¬Ã…¡Ãƒâ€šÃ‚ ÃƒÆ’¢â‚¬Â¦' */ .revicon-arrow-combo:before { content: '\e827'; } /* 'î §' */ .revicon-left-open-1:before { content: '\e82a'; } /* 'î ÂÃÃÃÃÃââ‚¬Å¡Ãƒâ€šÃ‚¢ÃƒÆ’¢â€šÂ¬Ã‚ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’ƒâ€ Ã¢â‚¬â„¢ÃƒÆ’‚¢Ã¢â€šÂ¬Ã…¡Ãƒâ€šÃ‚ª' */ .revicon-right-open-1:before { content: '\e82b'; } /* 'î «' */ .revicon-left-open-mini:before { content: '\e822'; } /* 'î ¢' */ .revicon-right-open-mini:before { content: '\e823'; } /* 'îÃâÃÂÂÃââ‚ÂÂÂ¬ÃƒÆ’…¡Ãƒâ€šÃ‚¢ÃƒÆ’ƒÆ’¢â‚¬Å¡Ã‚¬Ã…¡Ãƒâ€šÃ‚ Ãƒâ€šÃ‚£' */ .revicon-left-open-big:before { content: '\e824'; } /* 'î ¤' */ .revicon-right-open-big:before { content: '\e825'; } /* 'î ¥' */ .revicon-left:before { content: '\e836'; } /* 'ÃÆâ€â„Ãâ€šÃ‚¢ÃƒÆ’ƒÆ’†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’‚®Ã‚ Â¶' */ .revicon-right:before { content: '\e826'; } /* 'î ¦' */ .revicon-ccw:before { content: '\e808'; } /* 'îÂÃâÃÃâ€Ãƒâ€šÃ‚ ÃƒÆ’¢â‚¬â„¢ÃƒÆ’‚¢Ã¢â‚¬Å¡Ã‚¬Ã…¡Ãƒâ€šÃ‚ ÃƒÆ’‹â€ ' */ .revicon-arrows-ccw:before { content: '\e806'; } /* 'î †' */ .revicon-palette:before { content: '\e829'; } /* 'î Ãâ€ÃÃÃÃâââ€šÂ¬Ã‚ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’ƒÂ¢Ã¢â€šÂ¬Ã…¡Ãƒâ€šÃ‚¢ÃƒÆ’¢â€šÂ¬Ã‚¦Ãƒâ€šÃ‚¡ÃƒÆ’ƒâ€šÃ‚©' */ .revicon-list-add:before { content: '\e80c'; } /* 'î Œ' */ .revicon-doc:before { content: '\e809'; } /* 'î ‰' */ .revicon-left-open-outline:before { content: '\e82e'; } /* 'ÃÃâ€ÂÂÃâ€ÅÃ‚¡ÃƒÆ’‚ ÃƒÆ’ƒÆ’¢â‚¬â„¢ÃƒÆ’†â€™Ãƒâ€šÃ‚®Ãƒâ€šÃ‚ Ã‚®' */ .revicon-left-open-2:before { content: '\e82c'; } /* 'î ¬' */ .revicon-right-open-outline:before { content: '\e82f'; } /* 'îÂÂÃÃÆââ‚Ãâ€šÃ‚¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚¢ÃƒÆ’ƒâ€ Ã¢â‚¬â„¢ÃƒÆ’†â€™Ãƒâ€šÃ‚¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚¬Ã…¡Ãƒâ€šÃ‚ ÃƒÆ’ƒâ€šÃ‚¯' */ .revicon-right-open-2:before { content: '\e82d'; } /* 'î ­' */ .revicon-equalizer:before { content: '\e83a'; } /* 'î º' */ .revicon-layers-alt:before { content: '\e804'; } /* 'ÃÆâ€â„Ãâââââ€Å¡Ã‚¬Ã…¡Ã‚¬Ã…¡Ãƒâ€šÃ‚¢ÃƒÆ’ƒÆ’ƒâ€šÃ‚®Ãƒâ€šÃ‚ Ã¢â‚¬Å¾' */ .revicon-popup:before { content: '\e828'; } /* 'î ¨' */ /****************************** - BASIC STYLES - ******************************/ .tp-fullwidth-forcer { z-index: 0; pointer-events: none} rs-module-wrap, rs-module-wrap * { box-sizing: border-box; -webkit-tap-highlight-color: rgba(0,0,0,0);} rs-module-wrap {position:relative;z-index: 1;width:100%; display: block;} .rs-fixedscrollon rs-module-wrap { position: fixed !important; top: 0px !important; z-index: 1000; } rs-fw-forcer { display:block;width:100%;pointer-events: none;} rs-module { position:relative;overflow:hidden;display: block;} /*rs-carousel-wrap,*/ rs-pzimg-wrap, rs-sbg-effectwrap, rs-sbg { display: block; pointer-events: none } rs-sbg-effectwrap { position:absolute;top:0px;left:0px;width:100%;height:100% } rs-sbg-px, rs-sbg-wrap {position:absolute; top:0px; left:0px; z-index:0;width:100%;height:100%;display: block;} a.rs-layer, a.rs-layer:-webkit-any-link { text-decoration: none } a[x-apple-data-detectors] { color: inherit !important; text-decoration: none !important; font-size: inherit !important; font-family: inherit !important; font-weight: inherit !important; line-height: inherit !important; } .entry-content rs-module a, rs-module a { box-shadow: none; } .rs-ov-hidden { overflow:hidden !important;} .rs-forceoverflow, .rs-forceoverflow rs-module-wrap, .rs-forceoverflow rs-module, .rs-forceoverflow rs-slides, .rs-forceoverflow rs-slide { overflow:visible !important} .tp-simpleresponsive img, rs-module img{ max-width:none !important; transition: none; margin:0px; padding:0px; border:none; } rs-module .no-slides-text{font-weight:bold;text-align:center;padding-top:80px;} rs-slides, rs-slide, rs-slide:before { position:absolute;text-indent: 0em;top:0px;left:0px;} rs-slide,rs-slide:before { display:block; visibility:hidden; } .rs-layer .rs-untoggled-content { display:block;} .rs-layer .rs-toggled-content { display:none;} .rs-tc-active.rs-layer .rs-toggled-content { display:block;} .rs-tc-active.rs-layer .rs-untoggled-content { display:none;} .rs-layer-video { overflow: hidden } rs-module rs-layer, rs-module .rs-layer { opacity: 0; position:relative; visibility: hidden; white-space: nowrap; display: block; -webkit-font-smoothing: antialiased !important; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); -moz-osx-font-smoothing: grayscale; z-index:1; } rs-layer-wrap, rs-mask, rs-module-wrap, rs-module .rs-layer, rs-module img { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } rs-module rs-mask-wrap .rs-layer, rs-module rs-mask-wrap *:last-child, .wpb_text_column rs-module rs-mask-wrap .rs-layer, .wpb_text_column rs-module rs-mask-wrap *:last-child{ margin-bottom:0; } .rs-svg svg { width:100%; height:100%;position: relative;vertical-align: top} rs-layer, .rs-layer, rs-alyer *, .rs-layer * { outline: none !important; } /* CAROUSEL FUNCTIONS */ rs-carousel-wrap { cursor:url(openhand.cur), move; } rs-carousel-wrap.dragged { cursor:url(closedhand.cur), move; } rs-carousel-wrap { position: absolute; overflow: hidden; width:100%;height:100%;top:0px;left:0px;} rs-carousel-space { clear:both;display:block;width:100%;height:1px;position:relative;margin-bottom:-1px } /* ADDED FOR SLIDELINK MANAGEMENT */ .tp_inner_padding { box-sizing:border-box; max-height:none !important; } .rs-layer.rs-selectable { -moz-user-select: all; -khtml-user-select: all; -webkit-user-select: all; -o-user-select: all; } rs-px-mask { overflow: hidden; display: block; width: 100%; height: 100%; position: relative; } rs-module embed, rs-module iframe, rs-module object, rs-module audio, rs-module video { max-width: none !important; border: none; } rs-bg-elem { position:absolute; top:0px;left:0px; width:100%;height:100%;z-index:0; display: block; pointer-events: none; } .tp-blockmask, .tp-blockmask_in, .tp-blockmask_out { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: #fff; z-index: 1000; transform: scaleX(0) scaleY(0);} /*********************************************************** - ZONES / GOUP / ROW / COLUMN LAYERS AND HELPERS - ***********************************************************/ rs-zone { position:absolute; width:100%;left:0px; box-sizing: border-box;min-height:50px; font-size:0px;} rs-layer-wrap, rs-row-wrap, rs-column, rs-parallax-wrap, rs-mask-wrap, rs-cbg-mask-wrap, rs-loop-wrap { display:block; visibility: hidden} rs-column-wrap>rs-loop-wrap { z-index: 1 } rs-layer-wrap, rs-mask-wrap, rs-cbg-mask-wrap { transform-style:flat;perspective:10000px; } @-moz-document url-prefix() { rs-layer-wrap, rs-mask-wrap, rs-cbg-mask-wrap { filter: blur(0px); } } rs-mask-wrap { overflow: hidden } rs-fullwidth-wrap { position:relative;width:100%;height:auto;display: block; } .rev_row_zone_top { top:0px;} .rev_row_zone_bottom { bottom:0px;} rs-column-wrap .rs-parallax-wrap { vertical-align: top } .rs-layer img, rs-layer img { vertical-align: top } rs-row, rs-row.rs-layer { display:table; position:relative; width:100% !important; table-layout: fixed; box-sizing: border-box; vertical-align: top; height:auto; font-size:0px; } rs-column-wrap { display: table-cell; position: relative; vertical-align: top; height: auto; box-sizing: border-box; font-size:0px; } rs-column { box-sizing: border-box; display: block; position: relative; width:100% !important; height:auto !important; white-space: normal !important; } rs-cbg-mask-wrap { position: absolute; z-index: 0; box-sizing: border-box; } rs-column-bg { position: absolute; z-index: 0; box-sizing: border-box; width: 100%; height: 100%; } .rs-pelock * { pointer-events: none !important;} rs-column .rs-parallax-wrap, rs-column rs-loop-wrap, rs-column rs-mask-wrap { text-align: inherit; } rs-column rs-mask-wrap { display: inline-block;} rs-column .rs-parallax-wrap rs-loop-wrap, rs-column .rs-parallax-wrap rs-mask-wrap, rs-column .rs-parallax-wrap { position: relative !important; left:auto !important; top:auto !important; line-height: 0px;} rs-column .rs-parallax-wrap rs-loop-wrap, rs-column .rs-parallax-wrap rs-mask-wrap, rs-column .rs-parallax-wrap, rs-column .rev_layer_in_column { vertical-align: top; } .rev_break_columns { display: block !important } .rev_break_columns rs-column-wrap.rs-parallax-wrap { display:block !important; width:100% !important; } .rev_break_columns rs-column-wrap.rs-parallax-wrap.rs-layer-hidden, .tp-forcenotvisible, .tp-hide-revslider, rs-row-wrap.rs-layer-hidden, rs-column-wrap.rs-layer-hidden, .rs-layer.rs-layer-hidden, .rs-layer-audio.rs-layer-hidden, .rs-parallax-wrap.rs-layer-hidden { visibility:hidden !important; display:none !important } /********************************* - SPECIAL TP CAPTIONS - **********************************/ rs-layer.rs-nointeraction, .rs-layer.rs-nointeraction { pointer-events: none !important } rs-static-layers {position:absolute; z-index:101; top:0px;left:0px; display: block; width: 100%;height: 100%; pointer-events: none;} /* new static layers position option */ rs-static-layers.rs-stl-back { z-index:0; } .rs-layer rs-fcr {width: 0;height: 0;border-left: 40px solid transparent;border-right: 0px solid transparent;border-top: 40px solid #00A8FF;position: absolute;right:100%;top:0px;} .rs-layer rs-fcrt {width: 0;height: 0;border-left: 40px solid transparent;border-right: 0px solid transparent;border-bottom: 40px solid #00A8FF;position: absolute;right:100%;top:0px;} .rs-layer rs-bcr {width: 0;height: 0;border-left: 0px solid transparent;border-right: 40px solid transparent;border-bottom: 40px solid #00A8FF;position: absolute;left:100%;top:0px;} .rs-layer rs-bcrt {width: 0;height: 0;border-left: 0px solid transparent;border-right: 40px solid transparent;border-top: 40px solid #00A8FF;position: absolute;left:100%;top:0px;} .tp-layer-inner-rotation { position: relative !important; } /*********************************************** - SPECIAL ALTERNATIVE IMAGE SETTINGS - ***********************************************/ img.tp-slider-alternative-image { width:100%; height:auto; } /****************************** - IE8 HACKS - *******************************/ .noFilterClass { filter:none !important; } /******************************** - FULLSCREEN VIDEO - *********************************/ rs-bgvideo { position: absolute;top:0px;left:0px; width:100%;height:100%;visibility: hidden;z-index: 0; display: block} .rs-layer.coverscreenvideo { width:100%;height:100%;top:0px;left:0px;position:absolute;} .rs-layer.rs-fsv { left:0px; top:0px; position:absolute;width:100%;height:100%} .rs-layer.rs-fsv audio, .rs-layer.rs-fsv video, .rs-layer.rs-fsv iframe, .rs-layer.rs-fsv iframe audio, .rs-layer.rs-fsv iframe video { width:100%; height:100% ; display: none} .fullcoveredvideo audio, .rs-fsv audio .fullcoveredvideo video, .rs-fsv video { background: #000} .fullcoveredvideo rs-poster { background-position: center center;background-size: cover;width:100%;height:100%;top:0px;left:0px} .videoisplaying .html5vid rs-poster { display: none} .tp-video-play-button { background:#000; background:rgba(0,0,0,0.3); border-radius:5px; position: absolute; top: 50%; left: 50%; color: #FFF; z-index: 3; margin-top: -25px; margin-left: -25px; line-height: 50px !important; text-align: center; cursor: pointer; width: 50px; height:50px; box-sizing: border-box; display: inline-block; vertical-align: top; z-index: 4; opacity: 0; transition:opacity 300ms ease-out !important; } .rs-audio .tp-video-play-button { display:none !important;} .rs-layer .html5vid { width:100% !important; height:100% !important;} .tp-video-play-button i { width:50px;height:50px; display:inline-block; text-align: center !important; vertical-align: top; line-height: 50px !important; font-size: 30px !important;} .rs-layer:hover .tp-video-play-button { opacity: 1; display:block;} .rs-layer .tp-revstop { display:none;width: 15px; border-right: 5px solid #fff !important; border-left:5px solid #fff !important; transform: translateX(50%) translateY(50%);height: 20px;margin-left: 11px !important;margin-top: 5px !important;} .videoisplaying .revicon-right-dir { display:none} .videoisplaying .tp-revstop { display:block} .videoisplaying .tp-video-play-button { display:none} .fullcoveredvideo .tp-video-play-button { display:none !important} .rs-fsv .rs-fsv audio { object-fit:contain !important;} .rs-fsv .rs-fsv video { object-fit:contain !important;} @supports not (-ms-high-contrast:none) { /* Non-IE styles here */ .rs-fsv .fullcoveredvideo audio { object-fit:cover !important;} .rs-fsv .fullcoveredvideo video { object-fit:cover !important;} } .rs-fullvideo-cover { width:100%;height:100%;top:0px;left:0px;position: absolute; background:transparent;z-index:5;} .rs-nolc .tp-video-play-button, rs-bgvideo video::-webkit-media-controls-start-playback-button, rs-bgvideo video::-webkit-media-controls, rs-bgvideo audio::-webkit-media-controls { display:none !important;} .rs-audio .tp-video-controls { opacity: 1 !important; visibility: visible !important} rs-module h1.rs-layer, rs-module h2.rs-layer, rs-module h3.rs-layer, rs-module h4.rs-layer, rs-module h5.rs-layer, rs-module h6.rs-layer, rs-module div.rs-layer, rs-module span.rs-layer, rs-module p.rs-layer { margin:0; padding:0; margin-block-start: 0; margin-block-end: 0; margin-inline-start: 0; margin-inline-end: 0;} rs-module h1.rs-layer:before, rs-module h2.rs-layer:before, rs-module h3.rs-layer:before, rs-module h4.rs-layer:before, rs-module h5.rs-layer:before, rs-module h6.rs-layer:before { content: none; } /******************************** - DOTTED OVERLAYS - *********************************/ rs-dotted { background-repeat:repeat;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:3;display:block;pointer-events: none} rs-sbg-wrap rs-dotted { z-index: 31 } rs-dotted.twoxtwo { background:url(../assets/gridtile.png)} rs-dotted.twoxtwowhite { background:url(../assets/gridtile_white.png)} rs-dotted.threexthree { background:url(../assets/gridtile_3x3.png)} rs-dotted.threexthreewhite { background:url(../assets/gridtile_3x3_white.png)} /****************************** - SHADOWS - ******************************/ .tp-shadowcover { width:100%;height:100%;top:0px;left:0px;background: #fff;position: absolute; z-index: -1;} .tp-shadow1 { box-shadow: 0 10px 6px -6px rgba(0,0,0,0.8);} .tp-shadow2:before, .tp-shadow2:after, .tp-shadow3:before, .tp-shadow4:after { z-index: -2; position: absolute; content: ""; bottom: 10px; left: 10px; width: 50%; top: 85%; max-width:300px; background: transparent; box-shadow: 0 15px 10px rgba(0,0,0,0.8); transform: rotate(-3deg); } .tp-shadow2:after, .tp-shadow4:after { transform: rotate(3deg); right: 10px; left: auto; } .tp-shadow5 { position:relative; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } .tp-shadow5:before, .tp-shadow5:after { content:""; position:absolute; z-index:-2; box-shadow:0 0 25px 0px rgba(0,0,0,0.6); top:30%; bottom:0; left:20px; right:20px; border-radius:100px / 20px; } /* TP BUTTONS DESKTOP SIZE */ .rev-btn, .rev-btn:visited { outline:none !important; box-shadow:none; text-decoration: none !important; box-sizing:border-box; cursor: pointer;} .rev-btn.rev-uppercase, .rev-btn.rev-uppercase:visited { text-transform: uppercase; } .rev-btn i { font-size: inherit; font-weight: normal; position: relative; top: 0px; transition: opacity 0.2s ease-out, margin 0.2s ease-out; margin-left:0px; line-height: inherit} .rev-btn.rev-hiddenicon i { font-size: inherit; font-weight: normal; position: relative; top: 0px; transition: opacity 0.2s ease-out, margin 0.2s ease-out; opacity: 0; margin-left:0px !important; width:0px !important; } .rev-btn.rev-hiddenicon:hover i { opacity: 1 !important; margin-left:10px !important; width:auto !important;} /* BURGER BUTTON */ .rev-burger { position: relative; box-sizing: border-box; padding: 22px 14px 22px 14px; border-radius: 50%; border: 1px solid rgba(51,51,51,0.25); -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; cursor: pointer; } .rev-burger span { display: block; width: 30px; height: 3px; background: #333; transition: .7s; pointer-events: none; transform-style: flat !important; } .rev-burger span:nth-child(2) { margin: 3px 0; } .quick_style_example_wrap .rev-burger:hover :first-child, #dialog_addbutton .rev-burger:hover :first-child, .open .rev-burger :first-child, .open.rev-burger :first-child { transform: translateY(6px) rotate(-45deg); } .quick_style_example_wrap .rev-burger:hover :nth-child(2), #dialog_addbutton .rev-burger:hover :nth-child(2), .open .rev-burger :nth-child(2), .open.rev-burger :nth-child(2) { transform: rotate(-45deg); opacity: 0; } .quick_style_example_wrap .rev-burger:hover :last-child, #dialog_addbutton .rev-burger:hover :last-child, .open .rev-burger :last-child, .open.rev-burger :last-child { transform: translateY(-6px) rotate(-135deg); } .rev-burger.revb-white { border: 2px solid rgba(255,255,255,0.2); } .rev-b-span-light span, .rev-burger.revb-white span { background: #fff; } .rev-burger.revb-whitenoborder { border: 0; } .rev-burger.revb-whitenoborder span { background: #fff; } .rev-burger.revb-darknoborder { border: 0; } .rev-b-span-dark span, .rev-burger.revb-darknoborder span { background: #333; } .rev-burger.revb-whitefull { background: #fff; border:none; } .rev-burger.revb-whitefull span { background:#333; } .rev-burger.revb-darkfull { background: #333; border:none; } .rev-burger.revb-darkfull span { background:#fff; } /* SCROLL DOWN BUTTON */ @keyframes rev-ani-mouse { 0% {opacity: 1;top: 29%;} 15% {opacity: 1;top: 70%;} 50% {opacity: 0;top: 70%;} 100% {opacity: 0;top: 29%;} } .rev-scroll-btn { display: inline-block; position: relative; left: 0; right: 0; text-align: center; cursor: pointer; width:35px; height:55px; box-sizing: border-box; border: 3px solid white; border-radius: 23px; } .rev-scroll-btn > * { display: inline-block; line-height: 18px; font-size: 13px; font-weight: normal; color: #7f8c8d; color: #ffffff; font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 2px; } .rev-scroll-btn > *:hover, .rev-scroll-btn > *:focus, .rev-scroll-btn > *.active { color: #ffffff; } .rev-scroll-btn > *:hover, .rev-scroll-btn > *:focus, .rev-scroll-btn > *:active, .rev-scroll-btn > *.active { opacity: 0.8; } .rev-scroll-btn.revs-fullwhite { background:#fff; } .rev-scroll-btn.revs-fullwhite span { background: #333; } .rev-scroll-btn.revs-fulldark, { background:#333; border:none; } .rev-scroll-btn.revs-fulldark span { background: #fff; } .rev-scroll-btn span { position: absolute; display: block; top: 29%; left: 50%; width: 8px; height: 8px; margin: -4px 0 0 -4px; border-radius: 50%; animation: rev-ani-mouse 2.5s linear infinite; background: #fff; } .rev-scroll-btn.rev-b-span-dark { border-color:#333; } .rev-scroll-btn.rev-b-span-dark span, .rev-scroll-btn.revs-dark span { background: #333; } .rev-control-btn { position: relative; display: inline-block; z-index: 5; color: #FFF; font-size: 20px; line-height: 60px; font-weight: 400; font-style: normal; font-family: Raleway; text-decoration: none; text-align: center; background-color: #000; border-radius: 50px; text-shadow: none; background-color: rgba(0, 0, 0, 0.50); width:60px; height:60px; box-sizing: border-box; cursor: pointer; } .rev-cbutton-dark-sr { border-radius: 3px; } .rev-cbutton-light { color: #333; background-color: rgba(255,255,255, 0.75); } .rev-cbutton-light-sr { color: #333; border-radius: 3px; background-color: rgba(255,255,255, 0.75); } .rev-sbutton { line-height: 37px; width:37px; height:37px; } .rev-sbutton-blue { background-color: #3B5998 } .rev-sbutton-lightblue { background-color: #00A0D1; } .rev-sbutton-red { background-color: #DD4B39; } /************************************ - TP BANNER TIMER - *************************************/ rs-progress { visibility: hidden; width:100%; height:5px; background:#000; background:rgba(0,0,0,0.15); position:absolute; z-index:200; top:0px} rs-progress.rs-bottom { top:auto; bottom:0px !important;height:5px} /********************************************* - BASIC SETTINGS FOR THE BANNER - ***********************************************/ .rs-layer img { background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); zoom:1; } .rs-layer.slidelink { cursor:pointer;width:100%;height:100%; } .rs-layer.slidelink a { width:100%;height:100%;display:block} .rs-layer.slidelink a div { width:3000px; height:1500px; background:url(../assets/coloredbg.png) repeat} .rs-layer.slidelink a span{ background:url(../assets/coloredbg.png) repeat; width:100%;height:100%;display:block} /*.tp-shape { width:100%;height:100%;}*/ /********************************************* - WOOCOMMERCE STYLES - ***********************************************/ .rs-layer .rs-starring { display: inline-block} .rs-layer .rs-starring .star-rating { float: none; display: inline-block; vertical-align: top; color: #FFC321 !important; } .rs-layer .rs-starring .star-rating, .rs-layer .rs-starring-page .star-rating { position: relative; height: 1em; width: 5.4em; font-family: star; font-size: 1em !important; } .rs-layer .rs-starring .star-rating:before, .rs-layer .rs-starring-page .star-rating:before { content: "\73\73\73\73\73"; color: #E0DADF; float: left; top: 0; left: 0; position: absolute; } .rs-layer .rs-starring .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em; font-size: 1em !important; } .rs-layer .rs-starring .star-rating span:before, .rs-layer .rs-starring .star-rating span:before { content: "\53\53\53\53\53"; top: 0; position: absolute; left: 0; } /****************************** - LOADER FORMS - ********************************/ rs-loader { top:50%; left:50%; z-index:10000; position:absolute; } rs-loader.off { display: none !important; } rs-loader.spinner0 { width: 40px; height: 40px; background-color: #fff; background-image:url(../assets/loader.gif); background-repeat:no-repeat; background-position: center center; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); margin-top:-20px; margin-left:-20px; animation: tp-rotateplane 1.2s infinite ease-in-out; border-radius: 3px; } rs-loader.spinner1 { width: 40px; height: 40px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); margin-top:-20px; margin-left:-20px; animation: tp-rotateplane 1.2s infinite ease-in-out; border-radius: 3px; } rs-loader.spinner5 { background-image:url(../assets/loader.gif); background-repeat:no-repeat; background-position:10px 10px; background-color:#fff; margin:-22px -22px; width:44px;height:44px; border-radius: 3px; } @keyframes tp-rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg);} 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);} 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);} } rs-loader.spinner2 { width: 40px; height: 40px; margin-top:-20px;margin-left:-20px; background-color: #ff0000; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); border-radius: 100%; animation: tp-scaleout 1.0s infinite ease-in-out; } @keyframes tp-scaleout { 0% {transform: scale(0.0);} 100% {transform: scale(1.0);opacity: 0;} } rs-loader.spinner3 { margin: -9px 0px 0px -35px; width: 70px; text-align: center; } rs-loader.spinner3 .bounce1, rs-loader.spinner3 .bounce2, rs-loader.spinner3 .bounce3 { width: 18px; height: 18px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); border-radius: 100%; display: inline-block; animation: tp-bouncedelay 1.4s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ animation-fill-mode: both; } rs-loader.spinner3 .bounce1 { animation-delay: -0.32s; } rs-loader.spinner3 .bounce2 { animation-delay: -0.16s; } @keyframes tp-bouncedelay { 0%, 80%, 100% {transform: scale(0.0);} 40% {transform: scale(1.0);} } rs-loader.spinner4 { margin: -20px 0px 0px -20px; width: 40px; height: 40px; text-align: center; animation: tp-rotate 2.0s infinite linear; } rs-loader.spinner4 .dot1, rs-loader.spinner4 .dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #fff; border-radius: 100%; animation: tp-bounce 2.0s infinite ease-in-out; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); } rs-loader.spinner4 .dot2 { top: auto; bottom: 0px; animation-delay: -1.0s; } @keyframes tp-rotate { 100% { transform: rotate(360deg);}} @keyframes tp-bounce { 0%, 100% {transform: scale(0.0);} 50% { transform: scale(1.0);} } rs-layer iframe { visibility:hidden;} rs-layer.rs-ii-o iframe { visibility: visible; } rs-layer input[type="text"], rs-layer input[type="email"], rs-layer input[type="url"], rs-layer input[type="password"], rs-layer input[type="search"], rs-layer input[type="number"], rs-layer input[type="tel"], rs-layer input[type="range"], rs-layer input[type="date"], rs-layer input[type="month"], rs-layer input[type="week"], rs-layer input[type="time"], rs-layer input[type="datetime"], rs-layer input[type="datetime-local"] { display: inline-block } /*********************************************** - STANDARD NAVIGATION SETTINGS ***********************************************/ rs-thumbs-wrap, rs-tabs-wrap, rs-thumbs, rs-thumb, rs-tab, rs-bullet, rs-bullets, rs-navmask, rs-tabs, rs-arrow { display:block;} .tp-thumbs.navbar, .tp-bullets.navbar, .tp-tabs.navbar { border:none; min-height: 0; margin:0; border-radius: 0; } .tp-tabs, .tp-thumbs, .tp-bullets { position:absolute; display:block; z-index:1000; top:0px; left:0px;} .tp-tab, .tp-thumb { cursor: pointer; position:absolute;opacity:0.5; box-sizing: border-box;} .tp-arr-imgholder, rs-poster, .tp-thumb-image, .tp-tab-image { background-position: center center; background-size:cover;width:100%;height:100%; display:block; position:absolute;top:0px;left:0px;} rs-poster { cursor:pointer; z-index:3; } .tp-tab:hover, .tp-tab.selected, .tp-thumb:hover, .tp-thumb.selected { opacity:1;} .tp-tab-mask, .tp-thumb-mask { box-sizing:border-box !important; } .tp-tabs, .tp-thumbs { box-sizing:content-box !important; } .tp-bullet { width:15px;height:15px; position:absolute; background:#fff; background:rgba(255,255,255,0.3); cursor: pointer;} .tp-bullet.selected, .tp-bullet:hover { background:#fff;} .tparrows { cursor:pointer; background:#000; background:rgba(0,0,0,0.5); width:40px;height:40px;position:absolute; display:block; z-index:1000; } .tparrows:hover { background:#000;} .tparrows:before { font-family: "revicons"; font-size:15px; color:#fff; display:block; line-height: 40px; text-align: center;} .tparrows.tp-leftarrow:before { content: '\e824'; } .tparrows.tp-rightarrow:before { content: '\e825'; } /*.tp-thumb-mask {max-width: 100% !important}*/ /************************ - FIXES FOR PE-7 ICONS - **************************/ .rs-layer [class^="pe-7s-"]:before, .rs-layer [class*=" pe-7s-"]:before { width: auto; margin: 0; line-height: inherit; box-sizing: inherit; } /*************************** - KEN BURNS FIXES - ***************************/ rs-pzimg-wrap { display: block; } body.rtl .rs-pzimg {left: 0 !important} /*************************** - 3D SHADOW MODE - ***************************/ .dddwrappershadow { box-shadow:0 45px 100px rgba(0, 0, 0, 0.4);} .dddwrapper { transform-style: flat;perspective: 10000px; } /******************* - DEBUG MODE - *******************/ .rs_error_message_box { background: #111;width:800px;margin: 40px auto;padding: 40px 20px;text-align: center;font-family: "Open Sans",sans-serif} .rs_error_message_oops {margin: 0px 0px 20px;line-height: 60px;font-size: 34px;color: #FFF;} .rs_error_message_content {margin: 0px 0px 20px;line-height: 25px;font-size: 17px;color: #FFF;} .rs_error_message_button {color: #fff !important;background: #333;display: inline-block;padding: 10px 15px;text-align: right;border-radius: 5px;cursor: pointer;text-decoration: none !important} .rs_error_message_button:hover { background:#5e35b1} .hglayerinfo { position: fixed; bottom: 0px; left: 0px; color: #FFF; font-size: 12px; line-height: 20px; font-weight: 600; background: rgba(0, 0, 0, 0.75); padding: 5px 10px; z-index: 2000; white-space: normal;} .hginfo { position:absolute;top:-2px;left:-2px;color:#e74c3c;font-size:12px;font-weight:600; background:#000;padding:2px 5px;} .indebugmode .rs-layer:hover { border:1px dashed #c0392b !important;} .helpgrid { border:2px dashed #c0392b;position:absolute;top:0px;left:0px;z-index:0 } #revsliderlogloglog { padding:15px;color:#fff;position:fixed; top:0px;left:0px;width:200px;height:150px;background:rgba(0,0,0,0.7); z-index:100000; font-size:10px; overflow:scroll;} /** INSTAGRAM FILTERS BY UNA https://una.im/CSSgram/ **/ .aden{filter:hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2)}.aden::after{background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken}.perpetua::after,.reyes::after{mix-blend-mode:soft-light;opacity:.5}.inkwell{filter:sepia(.3) contrast(1.1) brightness(1.1) grayscale(1)}.perpetua::after{background:linear-gradient(to bottom,#005b9a,#e6c13d)}.reyes{filter:sepia(.22) brightness(1.1) contrast(.85) saturate(.75)}.reyes::after{background:#efcdad}.gingham{filter:brightness(1.05) hue-rotate(-10deg)}.gingham::after{background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken}.toaster{filter:contrast(1.5) brightness(.9)}.toaster::after{background:radial-gradient(circle,#804e0f,#3b003b);mix-blend-mode:screen}.walden{filter:brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6)}.walden::after{background:#04c;mix-blend-mode:screen;opacity:.3}.hudson{filter:brightness(1.2) contrast(.9) saturate(1.1)}.hudson::after{background:radial-gradient(circle,#a6b1ff 50%,#342134);mix-blend-mode:multiply;opacity:.5}.earlybird{filter:contrast(.9) sepia(.2)}.earlybird::after{background:radial-gradient(circle,#d0ba8e 20%,#360309 85%,#1d0210 100%);mix-blend-mode:overlay}.mayfair{filter:contrast(1.1) saturate(1.1)}.mayfair::after{background:radial-gradient(circle at 40% 40%,rgba(255,255,255,.8),rgba(255,200,200,.6),#111 60%);mix-blend-mode:overlay;opacity:.4}.lofi{filter:saturate(1.1) contrast(1.5)}.lofi::after{background:radial-gradient(circle,transparent 70%,#222 150%);mix-blend-mode:multiply}._1977{filter:contrast(1.1) brightness(1.1) saturate(1.3)}._1977:after{background:rgba(243,106,188,.3);mix-blend-mode:screen}.brooklyn{filter:contrast(.9) brightness(1.1)}.brooklyn::after{background:radial-gradient(circle,rgba(168,223,193,.4) 70%,#c4b7c8);mix-blend-mode:overlay}.xpro2{filter:sepia(.3)}.xpro2::after{background:radial-gradient(circle,#e6e7e0 40%,rgba(43,42,161,.6) 110%);mix-blend-mode:color-burn}.nashville{filter:sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2)}.nashville::after{background:rgba(0,70,150,.4);mix-blend-mode:lighten}.nashville::before{background:rgba(247,176,153,.56);mix-blend-mode:darken}.lark{filter:contrast(.9)}.lark::after{background:rgba(242,242,242,.8);mix-blend-mode:darken}.lark::before{background:#22253f;mix-blend-mode:color-dodge}.moon{filter:grayscale(1) contrast(1.1) brightness(1.1)}.moon::before{background:#a0a0a0;mix-blend-mode:soft-light}.moon::after{background:#383838;mix-blend-mode:lighten}.clarendon{filter:contrast(1.2) saturate(1.35)}.clarendon:before{background:rgba(127,187,227,.2);mix-blend-mode:overlay}.willow{filter:grayscale(.5) contrast(.95) brightness(.9)}.willow::before{background-color:radial-gradient(40%,circle,#d4a9af 55%,#000 150%);mix-blend-mode:overlay}.willow::after{background-color:#d8cdcb;mix-blend-mode:color}.rise{filter:brightness(1.05) sepia(.2) contrast(.9) saturate(.9)}.rise::after{background:radial-gradient(circle,rgba(232,197,152,.8),transparent 90%);mix-blend-mode:overlay;opacity:.6}.rise::before{background:radial-gradient(circle,rgba(236,205,169,.15) 55%,rgba(50,30,7,.4));mix-blend-mode:multiply}._1977:after,._1977:before,.aden:after,.aden:before,.brooklyn:after,.brooklyn:before,.clarendon:after,.clarendon:before,.earlybird:after,.earlybird:before,.gingham:after,.gingham:before,.hudson:after,.hudson:before,.inkwell:after,.inkwell:before,.lark:after,.lark:before,.lofi:after,.lofi:before,.mayfair:after,.mayfair:before,.moon:after,.moon:before,.nashville:after,.nashville:before,.perpetua:after,.perpetua:before,.reyes:after,.reyes:before,.rise:after,.rise:before,.slumber:after,.slumber:before,.toaster:after,.toaster:before,.walden:after,.walden:before,.willow:after,.willow:before,.xpro2:after,.xpro2:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}._1977,.aden,.brooklyn,.clarendon,.earlybird,.gingham,.hudson,.inkwell,.lark,.lofi,.mayfair,.moon,.nashville,.perpetua,.reyes,.rise,.slumber,.toaster,.walden,.willow,.xpro2{position:relative}._1977 img,.aden img,.brooklyn img,.clarendon img,.earlybird img,.gingham img,.hudson img,.inkwell img,.lark img,.lofi img,.mayfair img,.moon img,.nashville img,.perpetua img,.reyes img,.rise img,.slumber img,.toaster img,.walden img,.willow img,.xpro2 img{width:100%;z-index:1}._1977:before,.aden:before,.brooklyn:before,.clarendon:before,.earlybird:before,.gingham:before,.hudson:before,.inkwell:before,.lark:before,.lofi:before,.mayfair:before,.moon:before,.nashville:before,.perpetua:before,.reyes:before,.rise:before,.slumber:before,.toaster:before,.walden:before,.willow:before,.xpro2:before{z-index:2}._1977:after,.aden:after,.brooklyn:after,.clarendon:after,.earlybird:after,.gingham:after,.hudson:after,.inkwell:after,.lark:after,.lofi:after,.mayfair:after,.moon:after,.nashville:after,.perpetua:after,.reyes:after,.rise:after,.slumber:after,.toaster:after,.walden:after,.willow:after,.xpro2:after{z-index:3}.slumber{filter:saturate(.66) brightness(1.05)}.slumber::after{background:rgba(125,105,24,.5);mix-blend-mode:soft-light}.slumber::before{background:rgba(69,41,12,.4);mix-blend-mode:lighten} rs-pzimg-wrap.nashville:before, rs-pzimg-wrap.nashville:after, rs-pzimg-wrap.xpro2:before, rs-pzimg-wrap.xpro2:after, rs-pzimg-wrap:before, rs-pzimg-wrap:after {height:500%;width:500%} /** new spinners **/ rs-loader.spinner6{width:40px;height:40px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}rs-loader.spinner6 .rs-spinner-inner{width:100%;height:100%;display:inline-block;-webkit-animation:rs-revealer-6 1.4s linear infinite;animation:rs-revealer-6 1.4s linear infinite}rs-loader.spinner6 .rs-spinner-inner span{position:absolute;vertical-align:top;border-radius:100%;display:inline-block;width:8px;height:8px;margin-left:16px;transform-origin:center 20px;-webkit-transform-origin:center 20px}rs-loader.spinner6 .rs-spinner-inner span:nth-child(2){transform:rotate(36deg);-webkit-transform:rotate(36deg);opacity:.1}rs-loader.spinner6 .rs-spinner-inner span:nth-child(3){transform:rotate(72deg);-webkit-transform:rotate(72deg);opacity:.2}rs-loader.spinner6 .rs-spinner-inner span:nth-child(4){transform:rotate(108deg);-webkit-transform:rotate(108deg);opacity:.3}rs-loader.spinner6 .rs-spinner-inner span:nth-child(5){transform:rotate(144deg);-webkit-transform:rotate(144deg);opacity:.4}rs-loader.spinner6 .rs-spinner-inner span:nth-child(6){transform:rotate(180deg);-webkit-transform:rotate(180deg);opacity:.5}rs-loader.spinner6 .rs-spinner-inner span:nth-child(7){transform:rotate(216deg);-webkit-transform:rotate(216deg);opacity:.6}rs-loader.spinner6 .rs-spinner-inner span:nth-child(8){transform:rotate(252deg);-webkit-transform:rotate(252deg);opacity:.7}rs-loader.spinner6 .rs-spinner-inner span:nth-child(9){transform:rotate(288deg);-webkit-transform:rotate(288deg);opacity:.8}rs-loader.spinner6 .rs-spinner-inner span:nth-child(10){transform:rotate(324deg);-webkit-transform:rotate(324deg);opacity:.9}@keyframes rs-revealer-6{from{transform:rotate(0)}to{transform:rotate(360deg)}}@-webkit-keyframes rs-revealer-6{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}rs-loader.spinner7{width:35px;height:35px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}rs-loader.spinner7 .rs-spinner-inner{width:100%;height:100%;display:inline-block;padding:0;border-radius:100%;border:2px solid;-webkit-animation:rs-revealer-7 .8s linear infinite;animation:rs-revealer-7 .8s linear infinite}@keyframes rs-revealer-7{from{transform:rotate(0)}to{transform:rotate(360deg)}}@-webkit-keyframes rs-revealer-7{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}rs-loader.spinner8{width:50px;height:50px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}rs-loader.spinner8 .rs-spinner-inner{width:100%;height:100%;display:inline-block;padding:0;text-align:left}rs-loader.spinner8 .rs-spinner-inner span{position:absolute;display:inline-block;width:100%;height:100%;border-radius:100%;-webkit-animation:rs-revealer-8 1.6s linear infinite;animation:rs-revealer-8 1.6s linear infinite}rs-loader.spinner8 .rs-spinner-inner span:last-child{animation-delay:-.8s;-webkit-animation-delay:-.8s}@keyframes rs-revealer-8{0%{transform:scale(0,0);opacity:.5}100%{transform:scale(1,1);opacity:0}}@-webkit-keyframes rs-revealer-8{0%{-webkit-transform:scale(0,0);opacity:.5}100%{-webkit-transform:scale(1,1);opacity:0}}rs-loader.spinner9{width:40px;height:40px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}rs-loader.spinner9 .rs-spinner-inner span{display:block;width:100%;height:100%;border-radius:50%;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:rs-revealer-9 2s infinite ease-in-out;animation:rs-revealer-9 2s infinite ease-in-out}rs-loader.spinner9 .rs-spinner-inner span:last-child{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes rs-revealer-9{0%,100%{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes rs-revealer-9{0%,100%{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}rs-loader.spinner10{width:54px;height:40px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}rs-loader.spinner10 .rs-spinner-inner{width:100%;height:100%;text-align:center;font-size:10px}rs-loader.spinner10 .rs-spinner-inner span{display:block;height:100%;width:6px;display:inline-block;-webkit-animation:rs-revealer-10 1.2s infinite ease-in-out;animation:rs-revealer-10 1.2s infinite ease-in-out}rs-loader.spinner10 .rs-spinner-inner span:nth-child(2){-webkit-animation-delay:-1.1s;animation-delay:-1.1s}rs-loader.spinner10 .rs-spinner-inner span:nth-child(3){-webkit-animation-delay:-1s;animation-delay:-1s}rs-loader.spinner10 .rs-spinner-inner span:nth-child(4){-webkit-animation-delay:-.9s;animation-delay:-.9s}rs-loader.spinner10 .rs-spinner-inner span:nth-child(5){-webkit-animation-delay:-.8s;animation-delay:-.8s}@-webkit-keyframes rs-revealer-10{0%,100%,40%{-webkit-transform:scaleY(.4)}20%{-webkit-transform:scaleY(1)}}@keyframes rs-revealer-10{0%,100%,40%{transform:scaleY(.4);-webkit-transform:scaleY(.4)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}rs-loader.spinner11{width:40px;height:40px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}rs-loader.spinner11 .rs-spinner-inner{width:100%;height:100%}rs-loader.spinner11 .rs-spinner-inner span{display:block;width:33%;height:33%;background-color:#333;float:left;-webkit-animation:rs-revealer-11 1.3s infinite ease-in-out;animation:rs-revealer-11 1.3s infinite ease-in-out}rs-loader.spinner11 .rs-spinner-inner span:nth-child(1){-webkit-animation-delay:.2s;animation-delay:.2s}rs-loader.spinner11 .rs-spinner-inner span:nth-child(2){-webkit-animation-delay:.3s;animation-delay:.3s}rs-loader.spinner11 .rs-spinner-inner span:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}rs-loader.spinner11 .rs-spinner-inner span:nth-child(4){-webkit-animation-delay:.1s;animation-delay:.1s}rs-loader.spinner11 .rs-spinner-inner span:nth-child(5){-webkit-animation-delay:.2s;animation-delay:.2s}rs-loader.spinner11 .rs-spinner-inner span:nth-child(6){-webkit-animation-delay:.3s;animation-delay:.3s}rs-loader.spinner11 .rs-spinner-inner span:nth-child(7){-webkit-animation-delay:0s;animation-delay:0s}rs-loader.spinner11 .rs-spinner-inner span:nth-child(8){-webkit-animation-delay:.1s;animation-delay:.1s}rs-loader.spinner11 .rs-spinner-inner span:nth-child(9){-webkit-animation-delay:.2s;animation-delay:.2s}@-webkit-keyframes rs-revealer-11{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}@keyframes rs-revealer-11{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}rs-loader.spinner12{width:35px;height:35px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}rs-loader.spinner12 .rs-spinner-inner{width:100%;height:100%;-webkit-animation:rs-revealer-12 1s infinite linear;animation:rs-revealer-12 1s infinite linear}@-webkit-keyframes rs-revealer-12{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@keyframes rs-revealer-12{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}rs-loader.spinner13{width:40px;height:40px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}rs-loader.spinner13 .rs-spinner-inner{width:100%;height:100%}rs-loader.spinner13 .rs-spinner-inner span{display:block;width:40%;height:40%;position:absolute;border-radius:50%;-webkit-animation:rs-revealer-13 2s ease infinite;animation:rs-revealer-13 2s ease infinite}rs-loader.spinner13 .rs-spinner-inner span:nth-child(1){animation-delay:-1.5s;-webkit-animation-delay:-1.5s}rs-loader.spinner13 .rs-spinner-inner span:nth-child(2){animation-delay:-1s;-webkit-animation-delay:-1s}rs-loader.spinner13 .rs-spinner-inner span:nth-child(3){animation-delay:-.5s;-webkit-animation-delay:-.5s}@keyframes rs-revealer-13{0%,100%{transform:translate(0)}25%{transform:translate(160%)}50%{transform:translate(160%,160%)}75%{transform:translate(0,160%)}}@-webkit-keyframes rs-revealer-13{0%,100%{-webkit-transform:translate(0)}25%{-webkit-transform:translate(160%)}50%{-webkit-transform:translate(160%,160%)}75%{-webkit-transform:translate(0,160%)}}rs-loader.spinner14{width:40px;height:40px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}rs-loader.spinner14 .rs-spinner-inner{width:100%;height:100%;animation:rs-revealer-14 1s infinite linear}rs-loader.spinner14 .rs-spinner-inner span{display:block;position:absolute;top:50%;left:50%;width:16px;height:16px;border-radius:50%;margin:-8px}rs-loader.spinner14 .rs-spinner-inner span:nth-child(1){-webkit-animation:rs-revealer-14-1 2s infinite;animation:rs-revealer-14-1 2s infinite}rs-loader.spinner14 .rs-spinner-inner span:nth-child(2){-webkit-animation:rs-revealer-14-2 2s infinite;animation:rs-revealer-14-2 2s infinite}rs-loader.spinner14 .rs-spinner-inner span:nth-child(3){-webkit-animation:rs-revealer-14-3 2s infinite;animation:rs-revealer-14-3 2s infinite}rs-loader.spinner14 .rs-spinner-inner span:nth-child(4){-webkit-animation:rs-revealer-14-4 2s infinite;animation:rs-revealer-14-4 2s infinite}@-webkit-keyframes rs-revealer-14-1{0%{-webkit-transform:rotate3d(0,0,1,0deg) translate3d(0,0,0)}20%{-webkit-transform:rotate3d(0,0,1,0deg) translate3d(80%,80%,0)}80%{-webkit-transform:rotate3d(0,0,1,360deg) translate3d(80%,80%,0)}100%{-webkit-transform:rotate3d(0,0,1,360deg) translate3d(0,0,0)}}@-webkit-keyframes rs-revealer-14-2{0%{-webkit-transform:rotate3d(0,0,1,0deg) translate3d(0,0,0)}20%{-webkit-transform:rotate3d(0,0,1,0deg) translate3d(80%,-80%,0)}80%{-webkit-transform:rotate3d(0,0,1,360deg) translate3d(80%,-80%,0)}100%{-webkit-transform:rotate3d(0,0,1,360deg) translate3d(0,0,0)}}@-webkit-keyframes rs-revealer-14-3{0%{-webkit-transform:rotate3d(0,0,1,0deg) translate3d(0,0,0)}20%{-webkit-transform:rotate3d(0,0,1,0deg) translate3d(-80%,-80%,0)}80%{-webkit-transform:rotate3d(0,0,1,360deg) translate3d(-80%,-80%,0)}100%{-webkit-transform:rotate3d(0,0,1,360deg) translate3d(0,0,0)}}@-webkit-keyframes rs-revealer-14-4{0%{-webkit-transform:rotate3d(0,0,1,0deg) translate3d(0,0,0)}20%{-webkit-transform:rotate3d(0,0,1,0deg) translate3d(-80%,80%,0)}80%{-webkit-transform:rotate3d(0,0,1,360deg) translate3d(-80%,80%,0)}100%{-webkit-transform:rotate3d(0,0,1,360deg) translate3d(0,0,0)}}@keyframes rs-revealer-14-1{0%{transform:rotate3d(0,0,1,0deg) translate3d(0,0,0)}20%{transform:rotate3d(0,0,1,0deg) translate3d(80%,80%,0)}80%{transform:rotate3d(0,0,1,360deg) translate3d(80%,80%,0)}100%{transform:rotate3d(0,0,1,360deg) translate3d(0,0,0)}}@keyframes rs-revealer-14-2{0%{transform:rotate3d(0,0,1,0deg) translate3d(0,0,0)}20%{transform:rotate3d(0,0,1,0deg) translate3d(80%,-80%,0)}80%{transform:rotate3d(0,0,1,360deg) translate3d(80%,-80%,0)}100%{transform:rotate3d(0,0,1,360deg) translate3d(0,0,0)}}@keyframes rs-revealer-14-3{0%{transform:rotate3d(0,0,1,0deg) translate3d(0,0,0)}20%{transform:rotate3d(0,0,1,0deg) translate3d(-80%,-80%,0)}80%{transform:rotate3d(0,0,1,360deg) translate3d(-80%,-80%,0)}100%{transform:rotate3d(0,0,1,360deg) translate3d(0,0,0)}}@keyframes rs-revealer-14-4{0%{transform:rotate3d(0,0,1,0deg) translate3d(0,0,0)}20%{transform:rotate3d(0,0,1,0deg) translate3d(-80%,80%,0)}80%{transform:rotate3d(0,0,1,360deg) translate3d(-80%,80%,0)}100%{transform:rotate3d(0,0,1,360deg) translate3d(0,0,0)}}rs-loader.spinner15{width:40px;height:40px;margin-top:-4px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}rs-loader.spinner15 .rs-spinner-inner{width:100%;height:100%}rs-loader.spinner15 .rs-spinner-inner span{display:block;width:20px;height:20px;position:absolute;top:0;left:0;-webkit-animation:rs-revealer-15 1.8s infinite ease-in-out;animation:rs-revealer-15 1.8s infinite ease-in-out}rs-loader.spinner15 .rs-spinner-inner:last-child{-webkit-animation-delay:-.9s;animation-delay:-.9s}@-webkit-keyframes rs-revealer-15{25%{-webkit-transform:translateX(30px) rotate(-90deg) scale(.5)}50%{-webkit-transform:translateX(30px) translateY(30px) rotate(-180deg)}75%{-webkit-transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5)}100%{-webkit-transform:rotate(-360deg)}}@keyframes rs-revealer-15{25%{transform:translateX(30px) rotate(-90deg) scale(.5);-webkit-transform:translateX(30px) rotate(-90deg) scale(.5)}50%{transform:translateX(30px) translateY(30px) rotate(-179deg);-webkit-transform:translateX(30px) translateY(30px) rotate(-179deg)}50.1%{transform:translateX(30px) translateY(30px) rotate(-180deg);-webkit-transform:translateX(30px) translateY(30px) rotate(-180deg)}75%{transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5);-webkit-transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5)}100%{transform:rotate(-360deg);-webkit-transform:rotate(-360deg)}} /*----------------------------------viewport-buggyfill-----------------------------------------*/ .fullScreenHeight { content: 'viewport-units-buggyfill; height: 100vh;'; } .smallSliderHeight .slidedItem .port { content: 'viewport-units-buggyfill; height: 40vh;'; } .mediumSliderHeight .slidedItem .port { content: 'viewport-units-buggyfill; height: 60vh;'; } .largeSliderHeight .slidedItem .port { content: 'viewport-units-buggyfill; height: 100vh;'; } /*------------------------------------------End-buggyfill---------------------*/ /*--------------------magnific-popup----------------------*/ /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #151515; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-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-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } 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: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } */ button.mfp-close { width: 44px; height: 44px; position: absolute; right: 15px; top: 5px; text-decoration: none; text-align: center; padding: 0; color: #FFF; font: normal 55px/1 Icon7Stroke; vertical-align: middle; opacity: 0.8; } button.mfp-close:hover { opacity: 1; } button.mfp-close:before { width: 44px; height: 44px; display: block; vertical-align: middle; line-height: 1; content: '\e680'; float: left; margin: -10px 0 0 -5px; } button.mfp-close i { display: none; } .mfp-image-holder .mfp-close, .mfp-iframe-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: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -35px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 20px; border: none; } .mfp-arrow:after, .mfp-arrow .mfp-a { top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-right { right: 0; } .mfp-arrow:before { color: #fff; display: block; font: 50px/1 Icon7Stroke; } .mfp-arrow-left:before { content: '\e686'; } .mfp-arrow-right:before { content: '\e684'; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-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, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } /*--------------------------End magnific-popup*/ /*---------------------------------------------------End-----rs6-----------------------------------------*/ /*-------------------------------------------------------End style css----------------------------*/ header#banner { /* background: url(http://dit.dituniversity.co.in/wp-content/uploads/2020/07/Landing-Page-Counseling-11072020-3.jpg) no-repeat; */ /* background-size: cover; */ /* height: 660px; */ } header.head { position: absolute; background: transparent; z-index: 999; /* height: 200px; */ padding: 15px; } .topBarInLogoArea { color: #fff; } .topBarInLogoAreaCell { color: #ff; } span.btIconWidgetContent { color: #fff; } a.left.carousel-control { left: -90px; top: 15%; height: 0px; font-size: 40px; color: #f47a00; } a.right.carousel-control { right: -90px; top: 15%; height: 0px; font-size: 40px; color: #f47a00; } b.animate.animated { padding-right: 10px; } .a_li { text-align: center; font-size: 70px; } .a_li2 { text-align: center; color: #f47a00; font-size: 18px; } .alumini { font-family: roboto; }